fix(webview-ui): preserve chat draft when queued messages auto-send

Author: roomote

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

@@ -176,6 +176,8 @@ const ChatViewComponent: React.ForwardRefRenderFunction<ChatViewRef, ChatViewPro
 	const textAreaRef = useRef<HTMLTextAreaElement>(null)
 	const [sendingDisabled, setSendingDisabled] = useState(false)
 	const [selectedImages, setSelectedImages] = useState<string[]>([])
+	// Keep a stable ref for selected images to preserve user draft while queue drains
+	const selectedImagesRef = useRef(selectedImages)
 
 	// we need to hold on to the ask because useEffect > lastMessage will always let us know when an ask comes in and handle it, but by the time handleMessage is called, the last message might not be the ask anymore (it could be a say that followed)
 	const [clineAsk, setClineAsk] = useState<ClineAsk | undefined>(undefined)
@@ -224,6 +226,11 @@ const ChatViewComponent: React.ForwardRefRenderFunction<ChatViewRef, ChatViewPro
 		inputValueRef.current = inputValue
 	}, [inputValue])
 
+	// Keep selectedImagesRef in sync with selectedImages state
+	useEffect(() => {
+		selectedImagesRef.current = selectedImages
+	}, [selectedImages])
+
 	useEffect(() => {
 		isMountedRef.current = true
 		return () => {
@@ -816,9 +823,16 @@ const ChatViewComponent: React.ForwardRefRenderFunction<ChatViewRef, ChatViewPro
 						case "newChat":
 							handleChatReset()
 							break
-						case "sendMessage":
+						case "sendMessage": {
+							// Preserve user's in-progress draft while a queued message is auto-sent
+							const preservedInput = inputValueRef.current
+							const preservedImages = selectedImagesRef.current
 							handleSendMessage(message.text ?? "", message.images ?? [])
+							// Restore the draft after programmatic send to avoid clearing while typing
+							setInputValue(preservedInput)
+							setSelectedImages(preservedImages)
 							break
+						}
 						case "setChatBoxMessage":
 							handleSetChatBoxMessage(message.text ?? "", message.images ?? [])
 							break