fix: add filename to existing text

Instead of clobbering the input text area, add to where the cursor last was.

Fixes block#1179

Author: mhickman

ui/desktop/src/components/Input.tsx

@@ -20,6 +20,7 @@ export default function Input({
   // State to track if the IME is composing (i.e., in the middle of Japanese IME input)
   const [isComposing, setIsComposing] = useState(false);
   const textAreaRef = useRef<HTMLTextAreaElement>(null);
+  const [cursorPos, setCursorPos] = useState(0);
 
   useEffect(() => {
     if (textAreaRef.current && !disabled) {
@@ -47,6 +48,12 @@ export default function Input({
     setValue(val);
   };
 
+  const handleCursorUpdate = (
+    e: React.KeyboardEvent<HTMLTextAreaElement> | React.MouseEvent<HTMLTextAreaElement>
+  ) => {
+    setCursorPos(e.currentTarget.selectionStart ?? 0);
+  };
+
   // Handlers for composition events, which are crucial for proper IME behavior
   const handleCompositionStart = (evt: React.CompositionEvent<HTMLTextAreaElement>) => {
     setIsComposing(true);
@@ -63,6 +70,7 @@ export default function Input({
       if (value.trim()) {
         handleSubmit(new CustomEvent('submit', { detail: { value } }));
         setValue('');
+        setCursorPos(0);
       }
     }
   };
@@ -72,13 +80,17 @@ export default function Input({
     if (value.trim()) {
       handleSubmit(new CustomEvent('submit', { detail: { value } }));
       setValue('');
+      setCursorPos(0);
     }
   };
 
   const handleFileSelect = async () => {
     const path = await window.electron.selectFileOrDirectory();
     if (path) {
-      setValue(path);
+      const currentValue = value;
+      const newValue = currentValue.slice(0, cursorPos) + path + currentValue.slice(cursorPos);
+
+      setValue(newValue);
       textAreaRef.current?.focus();
     }
   };
@@ -96,6 +108,8 @@ export default function Input({
         onChange={handleChange}
         onCompositionStart={handleCompositionStart}
         onCompositionEnd={handleCompositionEnd}
+        onKeyUp={handleCursorUpdate}
+        onClick={handleCursorUpdate}
         onKeyDown={handleKeyDown}
         disabled={disabled}
         ref={textAreaRef}