Fix issue #3309

webview-ui/src/components/chat/ChatTextArea.tsx

@@ -497,6 +497,7 @@ const ChatTextArea = forwardRef<HTMLTextAreaElement, ChatTextAreaProps>(
 			// Only hide the context menu if the user didn't click on it.
 			if (!isMouseDownOnMenu) {
 				setShowContextMenu(false)
+
 			}
 
 			setIsFocused(false)

webview-ui/src/components/prompts/PromptsView.tsx

@@ -663,13 +663,13 @@ const PromptsView = ({ onDone }: PromptsViewProps) => {
 									// For custom modes, update the JSON file
 									updateCustomMode(visualMode, {
 										...customMode,
-										roleDefinition: value.trim() || "",
+										roleDefinition: value || "",
 										source: customMode.source || "global",
 									})
 								} else {
 									// For built-in modes, update the prompts
 									updateAgentPrompt(visualMode, {
-										roleDefinition: value.trim() || undefined,
+										roleDefinition: value || undefined,
 									})
 								}
 							}}
@@ -845,15 +845,15 @@ const PromptsView = ({ onDone }: PromptsViewProps) => {
 									// For custom modes, update the JSON file
 									updateCustomMode(visualMode, {
 										...customMode,
-										customInstructions: value.trim() || undefined,
+										customInstructions: value || undefined,
 										source: customMode.source || "global",
 									})
 								} else {
 									// For built-in modes, update the prompts
 									const existingPrompt = customModePrompts?.[visualMode] as PromptComponent
 									updateAgentPrompt(visualMode, {
 										...existingPrompt,
-										customInstructions: value.trim(),
+										customInstructions: value,
 									})
 								}
 							}}
@@ -989,7 +989,7 @@ const PromptsView = ({ onDone }: PromptsViewProps) => {
 							setCustomInstructions(value || undefined)
 							vscode.postMessage({
 								type: "customInstructions",
-								text: value.trim() || undefined,
+								text: value || undefined,
 							})
 						}}
 						rows={4}
@@ -1064,8 +1064,7 @@ const PromptsView = ({ onDone }: PromptsViewProps) => {
 								const value =
 									(e as unknown as CustomEvent)?.detail?.target?.value ||
 									((e as any).target as HTMLTextAreaElement).value
-								const trimmedValue = value.trim()
-								updateSupportPrompt(activeSupportOption, trimmedValue || undefined)
+								updateSupportPrompt(activeSupportOption, value || undefined)
 							}}
 							rows={6}
 							className="resize-y w-full"

webview-ui/src/components/ui/autosize-textarea.tsx

@@ -82,7 +82,10 @@ export const AutosizeTextarea = React.forwardRef<AutosizeTextAreaRef, AutosizeTe
 		}))
 
 		React.useEffect(() => {
-			setTriggerAutoSize(value as string)
+			// Don't trim the value when setting the trigger
+			if (typeof value === "string") {
+				setTriggerAutoSize(value)
+			}
 		}, [props?.defaultValue, value])
 
 		return (
@@ -98,6 +101,7 @@ export const AutosizeTextarea = React.forwardRef<AutosizeTextAreaRef, AutosizeTe
 					className,
 				)}
 				onChange={(e) => {
+					// Ensure we're not trimming the value
 					setTriggerAutoSize(e.target.value)
 					onChange?.(e)
 				}}