Make text window resizeable

frontend/src/components/SimpleChat.jsx

@@ -9,6 +9,8 @@ const SimpleChat = ({ messages, currentChunkIndex, onSend, isLoading }) => {
   const [input, setInput] = useState('');
   const containerRef = useRef(null);
   const anchorRef = useRef(null); // <- will be a tiny zero-height anchor BEFORE the bubble
+  const textareaRef = useRef(null);
+
   const handleSubmit = (e) => {
     e.preventDefault();
     if (!input.trim() || isLoading ) return;
@@ -16,6 +18,21 @@ const SimpleChat = ({ messages, currentChunkIndex, onSend, isLoading }) => {
     setInput('');
   };
 
+  const handleKeyDown = (e) => {
+    if (e.key === 'Enter' && !e.shiftKey) {
+      e.preventDefault();
+      handleSubmit(e);
+    }
+  };
+
+  // Auto-resize textarea
+  useEffect(() => {
+    if (textareaRef.current) {
+      textareaRef.current.style.height = 'auto';
+      textareaRef.current.style.height = Math.min(textareaRef.current.scrollHeight, 120) + 'px';
+    }
+  }, [input]);
+
   // Since messages are now filtered to current chunk only, use the last message for anchoring
   const { anchorIndex, firstInChunkIndex } = useMemo(() => {
     const lastIndex = messages.length > 0 ? messages.length - 1 : -1;
@@ -150,16 +167,19 @@ const SimpleChat = ({ messages, currentChunkIndex, onSend, isLoading }) => {
         )}
       </div>
 
-      {/* Input (unchanged) */}
+      {/* Input with auto-resize textarea */}
       <form onSubmit={handleSubmit} className="p-4 border-t">
-        <div className="flex space-x-2">
-          <input
-            type="text"
+        <div className="flex space-x-2 items-end">
+          <textarea
+            ref={textareaRef}
             value={input}
             onChange={(e) => setInput(e.target.value)}
-            placeholder={'Type your message...'}
-            disabled={isLoading }
-            className="flex-1 px-3 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 disabled:bg-gray-100 disabled:text-gray-500"
+            onKeyDown={handleKeyDown}
+            placeholder="Type your message... (Enter to send, Shift+Enter for new line)"
+            disabled={isLoading}
+            rows={1}
+            className="flex-1 px-3 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 disabled:bg-gray-100 disabled:text-gray-500 resize-none overflow-hidden"
+            style={{ minHeight: '42px' }}
           />
           <button
             type="submit"