From 06e1189df84328f19506fdfacb34bfa3001d2ba7 Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Sat, 6 Sep 2025 17:32:36 +0000
Subject: [PATCH 1/2] fix: prevent overlap of hint text with send button in
 search input

- Changed hint text positioning from right-2 to right-12
- Provides adequate clearance for send button (40px + gap)
- Ensures hint text remains visible with long prompts

Co-Authored-By: penrique@agentuity.com <pedro.tma@gmail.com>
---
 components/CustomSearchDialog/SearchInput.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/CustomSearchDialog/SearchInput.tsx b/components/CustomSearchDialog/SearchInput.tsx
index aa6f97e7..7b49e7fa 100644
--- a/components/CustomSearchDialog/SearchInput.tsx
+++ b/components/CustomSearchDialog/SearchInput.tsx
@@ -64,7 +64,7 @@ export function SearchInput({
 					rows={1}
 				/>
 				{currentInput.trim() && !loading && (
-					<div className="absolute right-2 bottom-2 text-xs text-gray-400 pointer-events-none">
+					<div className="absolute right-12 bottom-2 text-xs text-gray-400 pointer-events-none">
 						Press Enter to send
 					</div>
 				)}

From dbbb27c8ebf94e7fca58169b145a0970204fd529 Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Sat, 6 Sep 2025 17:45:15 +0000
Subject: [PATCH 2/2] fix: implement dynamic positioning for hint text in
 search input

- Changed from absolute positioning to flex layout approach
- Hint text now positioned as separate element below textarea
- Text moves down with textarea expansion and stays at bottom
- Resolves overlap issue when typing long prompts

Co-Authored-By: penrique@agentuity.com <pedro.tma@gmail.com>
---
 components/CustomSearchDialog/SearchInput.tsx | 30 ++++++++++---------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/components/CustomSearchDialog/SearchInput.tsx b/components/CustomSearchDialog/SearchInput.tsx
index 7b49e7fa..b740071b 100644
--- a/components/CustomSearchDialog/SearchInput.tsx
+++ b/components/CustomSearchDialog/SearchInput.tsx
@@ -50,21 +50,23 @@ export function SearchInput({
 	};
 
 	return (
-		<div className="flex gap-2 h-10">
+		<div className="flex gap-2 min-h-[40px]">
 			{/* Textarea Container */}
-			<div className="flex-1 min-w-0 relative">
-				<textarea
-					ref={textareaRef}
-					value={currentInput}
-					onChange={(e) => setCurrentInput(e.target.value)}
-					onKeyDown={handleKeyDown}
-					placeholder="Ask about Agentuity..."
-					className="w-full px-3 py-2 text-sm border border-gray-200 dark:border-gray-700 rounded-lg focus:outline-none focus:ring-1 focus:ring-gray-300 dark:focus:ring-gray-600 focus:border-transparent bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200 placeholder-gray-400 dark:placeholder-gray-500 transition-all resize-none min-h-[40px] max-h-[150px] overflow-y-auto"
-					disabled={loading}
-					rows={1}
-				/>
+			<div className="flex-1 min-w-0 flex flex-col">
+				<div className="relative flex-1">
+					<textarea
+						ref={textareaRef}
+						value={currentInput}
+						onChange={(e) => setCurrentInput(e.target.value)}
+						onKeyDown={handleKeyDown}
+						placeholder="Ask about Agentuity..."
+						className="w-full px-3 py-2 text-sm border border-gray-200 dark:border-gray-700 rounded-lg focus:outline-none focus:ring-1 focus:ring-gray-300 dark:focus:ring-gray-600 focus:border-transparent bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200 placeholder-gray-400 dark:placeholder-gray-500 transition-all resize-none min-h-[40px] max-h-[150px] overflow-y-auto"
+						disabled={loading}
+						rows={1}
+					/>
+				</div>
 				{currentInput.trim() && !loading && (
-					<div className="absolute right-12 bottom-2 text-xs text-gray-400 pointer-events-none">
+					<div className="text-xs text-gray-400 text-right pr-2 pb-1">
 						Press Enter to send
 					</div>
 				)}
@@ -72,7 +74,7 @@ export function SearchInput({
 			<button
 				onClick={handleSend}
 				disabled={loading || !currentInput.trim()}
-				className="h-[40px] w-[40px] bg-gray-800 hover:bg-gray-900 disabled:bg-gray-200 dark:disabled:bg-gray-700 disabled:text-gray-400 text-white text-sm rounded-lg transition-colors disabled:cursor-not-allowed flex items-center justify-center flex-shrink-0"
+				className="h-[40px] w-[40px] bg-gray-800 hover:bg-gray-900 disabled:bg-gray-200 dark:disabled:bg-gray-700 disabled:text-gray-400 text-white text-sm rounded-lg transition-colors disabled:cursor-not-allowed flex items-center justify-center flex-shrink-0 self-end"
 				aria-label="Send message"
 				type="button"
 			>