diff --git a/apps/x/apps/renderer/src/components/chat-sidebar.tsx b/apps/x/apps/renderer/src/components/chat-sidebar.tsx index 593adeb7..7b3cfd12 100644 --- a/apps/x/apps/renderer/src/components/chat-sidebar.tsx +++ b/apps/x/apps/renderer/src/components/chat-sidebar.tsx @@ -1,4 +1,4 @@ -import { useCallback, useRef, useState } from 'react' +import { useCallback, useEffect, useRef, useState } from 'react' import { ArrowUp, PanelRightClose, Plus } from 'lucide-react' import type { LanguageModelUsage, ToolUIPart } from 'ai' import { Button } from '@/components/ui/button' @@ -152,6 +152,11 @@ export function ChatSidebar({ document.addEventListener('mouseup', handleMouseUp) }, [width]) + // Auto-focus input when sidebar opens + useEffect(() => { + inputRef.current?.focus() + }, []) + const hasConversation = conversation.length > 0 || currentAssistantMessage || currentReasoning const canSubmit = Boolean(message.trim()) && !isProcessing