Merge pull request #10 from riccjohn/fix/auto-focus-chat-input

Auto-focus chat input when re-enabled after response

Author: riccjohn

components/ChatInput.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { useRef, useState } from "react"
+import { useEffect, useRef, useState } from "react"
 
 type Props = {
   onSubmit: (value: string) => void
@@ -11,6 +11,12 @@ export function ChatInput({ onSubmit, isDisabled = false }: Props) {
   const [value, setValue] = useState("")
   const textareaRef = useRef<HTMLTextAreaElement>(null)
 
+  useEffect(() => {
+    if (!isDisabled) {
+      textareaRef.current?.focus()
+    }
+  }, [isDisabled])
+
   const handleSubmit = () => {
     const trimmed = value.trim()
     if (!trimmed || isDisabled) return