refactor: remove inputValue from dependency array using ref

- Use inputValueRef to capture current input value instead of including it in the dependency array
- This prevents unnecessary re-creation of the handleSuggestionClickInRow callback on every keystroke
- Maintains the same functionality while improving performance

Author: daniel-lxs

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

@@ -166,6 +166,7 @@ const ChatViewComponent: React.ForwardRefRenderFunction<ChatViewRef, ChatViewPro
 	const apiMetrics = useMemo(() => getApiMetrics(modifiedMessages), [modifiedMessages])
 
 	const [inputValue, setInputValue] = useState("")
+	const inputValueRef = useRef(inputValue)
 	const textAreaRef = useRef<HTMLTextAreaElement>(null)
 	const [sendingDisabled, setSendingDisabled] = useState(false)
 	const [selectedImages, setSelectedImages] = useState<string[]>([])
@@ -207,6 +208,11 @@ const ChatViewComponent: React.ForwardRefRenderFunction<ChatViewRef, ChatViewPro
 		clineAskRef.current = clineAsk
 	}, [clineAsk])
 
+	// Keep inputValueRef in sync with inputValue state
+	useEffect(() => {
+		inputValueRef.current = inputValue
+	}, [inputValue])
+
 	useEffect(() => {
 		isMountedRef.current = true
 		return () => {
@@ -1495,21 +1501,13 @@ const ChatViewComponent: React.ForwardRefRenderFunction<ChatViewRef, ChatViewPro
 			} else {
 				// Don't clear the input value when sending a follow-up choice
 				// The message should be sent but the text area should preserve what the user typed
-				const preservedInput = inputValue
+				const preservedInput = inputValueRef.current
 				handleSendMessage(suggestion.answer, [])
 				// Restore the input value after sending
 				setInputValue(preservedInput)
 			}
 		},
-		[
-			handleSendMessage,
-			setInputValue,
-			switchToMode,
-			alwaysAllowModeSwitch,
-			clineAsk,
-			markFollowUpAsAnswered,
-			inputValue,
-		],
+		[handleSendMessage, setInputValue, switchToMode, alwaysAllowModeSwitch, clineAsk, markFollowUpAsAnswered],
 	)
 
 	const handleBatchFileResponse = useCallback((response: { [key: string]: boolean }) => {