fix: remove immediate trim in onChange to ensure proper state updates

- Move trimming logic into updateSupportPrompt function
- This ensures the onChange event triggers immediately on any input
- Empty strings are converted to undefined only when storing

Author: MuriloFP

webview-ui/src/components/settings/PromptsSettings.tsx

@@ -56,17 +56,21 @@ const PromptsSettings = ({ customSupportPrompts, setCustomSupportPrompts }: Prom
 	}, [])
 
 	const updateSupportPrompt = (type: SupportPromptType, value: string | undefined) => {
+		// Trim the value when storing, but keep empty strings
+		const trimmedValue = value?.trim()
+		const finalValue = trimmedValue === "" ? undefined : trimmedValue
+
 		if (type === "CONDENSE") {
-			setCustomCondensingPrompt(value || supportPrompt.default.CONDENSE)
+			setCustomCondensingPrompt(finalValue || supportPrompt.default.CONDENSE)
 			vscode.postMessage({
 				type: "updateCondensingPrompt",
-				text: value || supportPrompt.default.CONDENSE,
+				text: finalValue || supportPrompt.default.CONDENSE,
 			})
 			// Also update the customSupportPrompts to trigger change detection
-			const updatedPrompts = { ...customSupportPrompts, [type]: value }
+			const updatedPrompts = { ...customSupportPrompts, [type]: finalValue }
 			setCustomSupportPrompts(updatedPrompts)
 		} else {
-			const updatedPrompts = { ...customSupportPrompts, [type]: value }
+			const updatedPrompts = { ...customSupportPrompts, [type]: finalValue }
 			setCustomSupportPrompts(updatedPrompts)
 		}
 	}
@@ -156,8 +160,7 @@ const PromptsSettings = ({ customSupportPrompts, setCustomSupportPrompts }: Prom
 							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)
 						}}
 						rows={6}
 						className="w-full"