\n );\n }\n\n // Show name prompt if user doesn't have a name\n if (!userName) {\n return (\n

\n {config.title || \"Welcome to the Chat\"}\n

\n \n Please enter your name to continue\n \n setNameInput(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\" && !nameLoading) {\n handleSetName();\n }\n }}\n placeholder=\"Your name\"\n className=\"w-full px-4 py-3 glass-input text-gray-800\"\n autoFocus\n />\n

\n \n {nameLoading ? \"Setting name...\" : \"Continue\"}\n \n

\n );\n }\n\n // Show chat interface\n return (\n

\n {config.title || \"Chat\"}\n

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

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

💬

No messages yet

Be the first to say something!

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

\n {msg.userName === userName ? \"You\" : msg.userName}\n

{msg.message}

\n ))\n )}\n

\n\n {/* Input area */}\n

\n setMessageInput(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\" && !submitting && messageInput.trim()) {\n handleSubmitMessage();\n }\n }}\n placeholder={config.placeholder || \"Type your message...\"}\n className=\"flex-1 px-4 py-3 glass-input text-gray-800\"\n disabled={submitting}\n />\n \n {submitting ? \"...\" : \"Send\"}\n \n

\n );\n}\n\n","deleted","label",[168,169,170,149],"frontend","components","widgets","permalink","https://www.val.town/x/fwfben/live-talk/code/frontend/components/widgets/ChatWidget.tsx","extension","actionData","errors"]