\n {/* Left Panel - Conversation List */}\n \n

\n Locals AI\n

\n \n \n +\n {\" \"}\n New Chat\n \n

\n\n

\n {loading && chats.length === 0\n ? (\n

\n Loading...\n

\n )\n : chats.length === 0\n ? (\n

No chats yet

\n )\n : (\n

\n Chats\n

\n {chats.map((chat) => (\n handleSelectChat(chat)}\n className={`w-[calc(100%-10px)] text-left px-4 py-1 h-fit hover:bg-vibe-300 hover:text-vibe-100 rounded-lg ${\n selectedChat?.id === chat.id\n ? \"text-white\"\n : \"text-vibe-200 \"\n }`}\n >\n

\n {chat.name}\n

\n \n ))}\n

\n )}\n

\n\n {/* Mobile overlay */}\n {isMobileMenuOpen && (\n setIsMobileMenuOpen(false)}\n />\n )}\n\n {/* Right Panel - Chat View */}\n

\n {selectedChat\n ? (\n <>\n {/* Chat Header */}\n

\n {/* Hamburger menu for mobile */}\n setIsMobileMenuOpen(!isMobileMenuOpen)}\n className=\"md:hidden p-2 text-white hover:bg-vibe-500 rounded-lg min-h-[44px] min-w-[44px]\"\n aria-label=\"Toggle menu\"\n >\n \n \n \n \n

\n \n {selectedChat.name}\n \n

\n {new Date(selectedChat.updatedAt)\n .toLocaleDateString()}\n

\n {saveStatus && (\n \n {saveStatus}\n \n )}\n \n\n \n

\n\n {/* Messages */}\n

\n {messages.length === 0 && }\n {messages.map((m, i) => (\n \n ))}\n {/* Streaming message display */}\n {isGenerating && streamingMessage && (\n \n )}\n {/* Fallback for when streaming hasn't started yet or deep mode progress */}\n {isGenerating && !streamingMessage?.thinking &&\n !streamingMessage?.content && (\n

\n {deepProgress\n ? `Deep thinking (${deepProgress.run}/${deepProgress.total})...`\n : \"Starting...\"}\n

\n )}\n

\n\n {/* Input */}\n \n \n )\n : (\n

\n \n \n +\n {\" \"}\n New Chat\n \n

\n )}\n

\n\n {/* Chat Name Modal */}\n setIsModalOpen(false)}\n isLoading={modalLoading}\n error={modalError}\n />\n \n );\n}\n","deleted","label",[178,162],"screens","permalink","https://www.val.town/x/Prada/Locals-AI-Deep1/code/screens/MainScreen.tsx","extension","actionData","errors"]