Live Chat

\n \n {connected ? \"🟢 Connected\" : \"🔴 Connecting...\"}\n {\" · \"}Chatting as {name}\n {\" · \"}{sseStatus}\n \n

\n view source\n

\n\n {/* Main content: chat + optional QR */}\n

\n {/* Chat column */}\n

\n {/* Messages */}\n

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

👋

No messages yet. Say something!

\n )}\n {messages.map((msg) => {\n const tooltip = msg.moderation_score != null\n ? `Safety score: ${msg.moderation_score}/100\\n${msg.moderation_reasoning ?? \"\"}`\n : undefined;\n return (\n

\n {formatTime(msg.created_at)}\n {msg.name}\n {msg.text}\n

\n );\n })}\n

\n\n {/* Input */}\n { e.preventDefault(); sendMessage(); }}\n class=\"border-t bg-white p-3 flex gap-2\"\n >\n setInput((e.target as HTMLInputElement).value)}\n placeholder=\"Type a message...\"\n maxLength={500}\n class=\"flex-1 px-4 py-2 rounded-xl border-2 border-gray-200 focus:border-indigo-400 focus:outline-none transition-colors\"\n />\n \n Send\n \n \n

\n\n {/* QR column — hidden on mobile, shown on lg+ */}\n

\n \n

Scan to join on your phone

\n );\n}","deleted","label",[190,191,173],"frontend","components","permalink","https://www.val.town/x/stevekrouse/beyond-text-4/code/frontend/components/ChatRoom.tsx","extension","actionData","errors"]