\n Welcome to ChatGPT Clone\n

\n Please sign in to start chatting\n

\n \n

\n \n via LastLogin\n \n

\n );\n }\n\n return (\n

\n {/* Sidebar */}\n

\n {/* Header */}\n

ChatGPT Clone

{email}

\n\n {/* New Chat Button */}\n

\n \n {loading ? 'Creating...' : '+ New Chat'}\n \n

\n\n {/* Thread List */}\n

\n {threads.length === 0 ? (\n

\n No conversations yet. Create your first chat!\n

\n ) : (\n

\n {threads.map((thread) => (\n setSelectedThreadId(thread.id)}\n className={`w-full text-left p-3 rounded-lg transition-colors ${\n selectedThreadId === thread.id\n ? 'bg-gray-700 text-white'\n : 'text-gray-300 hover:bg-gray-800'\n }`}\n >\n

{thread.title}

\n {new Date(thread.updated_at).toLocaleDateString()}\n

\n \n ))}\n

\n )}\n

\n\n {/* Logout */}\n

\n \n Logout\n \n

\n\n {/* Main Content */}\n

\n {selectedThreadId ? (\n <>\n {/* Chat Messages */}\n

\n {messages.length === 0 ? (\n

Start a conversation

Type a message below to begin chatting with ChatGPT

\n ) : (\n messages.map((message) => (\n \n \n

{message.content}

\n {new Date(message.created_at).toLocaleTimeString()}\n

\n ))\n )}\n \n {/* Loading indicator */}\n {sendingMessage && (\n

\n ChatGPT is typing...\n

\n )}\n

\n\n {/* Message Input */}\n

\n setMessageInput(e.target.value)}\n onKeyPress={handleKeyPress}\n placeholder=\"Type your message here...\"\n disabled={sendingMessage}\n className=\"flex-1 resize-none border border-gray-300 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100\"\n rows={3}\n />\n \n {sendingMessage ? 'Sending...' : 'Send'}\n \n

\n \n ) : (\n

Welcome to ChatGPT Clone

Select a conversation or create a new one to get started

\n )}\n \n \n );\n}\n\n// Initialize the app\nfunction initApp() {\n const initialData = (window as any).__INITIAL_DATA__;\n const root = createRoot(document.getElementById('root')!);\n \n root.render(\n \n );\n}\n\n// Start the app when DOM is ready\nif (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initApp);\n} else {\n initApp();\n}","deleted","label",[167,149],"frontend","permalink","https://www.val.town/x/stevekrouse/last-login-demo-1/code/frontend/index.tsx","extension","actionData","errors"]