Fixes slow typing when long session (#1958)

ui/desktop/src/components/ChatView.tsx

@@ -442,8 +442,7 @@ export default function ChatView({
             isLoading={isLoading}
             onStop={onStopGoose}
             commandHistory={commandHistory}
-            value={_input}
+            initialValue={_input}
-            onValueChange={_setInput}
           />
           <BottomMenu hasMessages={hasMessages} setView={setView} />
         </div>

ui/desktop/src/components/Input.tsx

@@ -8,8 +8,7 @@ interface InputProps {
   isLoading?: boolean;
   onStop?: () => void;
   commandHistory?: string[];
-  value?: string;
+  initialValue?: string;
-  onValueChange?: (value: string) => void;
 }
 
 export default function Input({
@@ -17,19 +16,17 @@ export default function Input({
   isLoading = false,
   onStop,
   commandHistory = [],
-  value: controlledValue,
+  initialValue = '',
-  onValueChange,
 }: InputProps) {
-  const [internalValue, setInternalValue] = useState('');
+  const [value, setValue] = useState(initialValue);
-  // Use controlled value if provided, otherwise use internal state
+
-  const value = controlledValue !== undefined ? controlledValue : internalValue;
+  // Update internal value when initialValue changes
-  const setValue = (newValue: string) => {
+  useEffect(() => {
-    if (controlledValue !== undefined && onValueChange) {
+    if (initialValue) {
-      onValueChange(newValue);
+      setValue(initialValue);
-    } else {
-      setInternalValue(newValue);
     }
-  };
+  }, [initialValue]);
+
   // State to track if the IME is composing (i.e., in the middle of Japanese IME input)
   const [isComposing, setIsComposing] = useState(false);
   const [historyIndex, setHistoryIndex] = useState(-1);
@@ -40,7 +37,7 @@ export default function Input({
     if (textAreaRef.current) {
       textAreaRef.current.focus();
     }
-  }, [value]);
+  }, []);
 
   const useAutosizeTextArea = (textAreaRef: HTMLTextAreaElement | null, value: string) => {
     useEffect(() => {