From a327b24248dd5057ddf1bc03b94494cdb8408a8d Mon Sep 17 00:00:00 2001
From: vikingowl <christian@nachtigall.dev>
Date: Wed, 31 Dec 2025 21:55:55 +0100
Subject: [PATCH] fix: allow typing during streaming and maintain input focus
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Textarea no longer disabled during streaming (only sending is blocked)
- User can prepare their next message while LLM is responding
- Focus maintained on input after sending a message
- Image upload also enabled during streaming

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../src/lib/components/chat/ChatInput.svelte  | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/frontend/src/lib/components/chat/ChatInput.svelte b/frontend/src/lib/components/chat/ChatInput.svelte
index 3d9804c..f9ecf5c 100644
--- a/frontend/src/lib/components/chat/ChatInput.svelte
+++ b/frontend/src/lib/components/chat/ChatInput.svelte
@@ -89,6 +89,9 @@
 		}
 
 		onSend?.(content, images);
+
+		// Keep focus on input after sending
+		requestAnimationFrame(() => focusInput());
 	}
 
 	/**
@@ -105,11 +108,18 @@
 		pendingImages = images;
 	}
 
-	// Focus textarea on mount
-	$effect(() => {
+	/**
+	 * Focus the textarea
+	 */
+	function focusInput(): void {
 		if (textareaElement && !disabled) {
 			textareaElement.focus();
 		}
+	}
+
+	// Focus textarea on mount
+	$effect(() => {
+		focusInput();
 	});
 </script>
 
@@ -119,7 +129,7 @@
 		<ImageUpload
 			images={pendingImages}
 			onImagesChange={handleImagesChange}
-			disabled={disabled || isStreaming}
+			{disabled}
 		/>
 	{/if}
 
@@ -147,14 +157,14 @@
 			</div>
 		{/if}
 
-		<!-- Textarea -->
+		<!-- Textarea - allow typing during streaming, only block sending -->
 		<textarea
 			bind:this={textareaElement}
 			bind:value={inputValue}
 			oninput={handleInput}
 			onkeydown={handleKeydown}
 			{placeholder}
-			disabled={disabled || isStreaming}
+			{disabled}
 			rows="1"
 			class="max-h-[200px] min-h-[40px] flex-1 resize-none bg-transparent px-1 py-1.5 text-slate-100 placeholder-slate-500 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50"
 			aria-label="Message input"