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

\n Locals AI\n

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

\n\n

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

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

\n {/*

No chats yet

*/}\n

\n )\n : (\n

\n Chats\n

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

\n {chat.name}\n

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

\n \n ))}\n

\n )}\n

\n\n {/* Right Panel - Chat View */}\n

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

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

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

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

\n {messages.length === 0 && }\n {messages.map((m, i) => (\n \n ))}\n {isGenerating && (\n

\n Thinking...\n

\n )}\n

\n\n {/* Input */}\n \n\n {/* Floating Options Menu */}\n

\n \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}\n","deleted","label",[174,155],"screens","permalink","https://www.val.town/x/Prada/DEMO-Locals-AI/code/screens/MainScreen.tsx","extension","actionData","errors"]