Quick suggestions:

\n {suggestions.map((suggestion: string, index: number) => (\n handleQuickReply(suggestion)}\n className=\"block w-full text-left text-sm bg-blue-100 hover:bg-blue-200 rounded px-2 py-1 transition-colors\"\n >\n {suggestion}\n \n ))}\n

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

{message.text}

\n {message.timestamp.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}\n

\n );\n };\n\n return (\n <>\n {/* Chat Toggle Button */}\n setIsOpen(!isOpen)}\n className={`fixed bottom-6 right-6 w-14 h-14 rounded-full shadow-lg transition-all duration-300 z-50 ${\n isOpen ? 'bg-red-500 hover:bg-red-600' : 'bg-blue-600 hover:bg-blue-700'\n }`}\n >\n {isOpen ? (\n \n ) : (\n

🤖

\n )}\n \n\n {/* Chat Window */}\n {isOpen && (\n

\n {/* Header */}\n

\n 🤖\n

HealthBot

AI Health Assistant

\n \n \n \n setIsOpen(false)}\n className=\"text-blue-100 hover:text-white transition-colors\"\n >\n \n \n

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

\n {messages.map(renderMessage)}\n \n {/* Typing indicator */}\n {isTyping && (\n

\n )}\n \n

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

\n setInputText(e.target.value)}\n onKeyPress={handleKeyPress}\n placeholder=\"Ask me about health...\"\n className=\"flex-1 border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500\"\n disabled={isTyping}\n />\n \n \n \n

\n 💡 I can help with health questions, platform features, and wellness tips\n

\n )}\n \n );\n};\n\nexport default Chatbot;","deleted","label",[169,170,151],"frontend","components","permalink","https://www.val.town/x/SIR_FESTUS/MYHEALTHSOURCE/code/frontend/components/Chatbot.tsx","extension","actionData","errors"]