Nelson-GPT

Medical AI Assistant

\n\n

\n {/* Connection status */}\n

\n \n

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

\n {chat.messages.length === 0 ? (\n /* Welcome Screen */\n

\n 🏥\n

\n \n

\n Welcome to Nelson-GPT\n

\n \n

\n Your AI-powered medical assistant specializing in pediatric medicine. \n Ask questions about child health, diagnosis, and treatment based on the Nelson Textbook of Pediatrics.\n

\n\n {/* Suggested Questions */}\n

Try asking:

\n {suggestedQuestions.map((question, index) => (\n setInputValue(question)}\n className=\"text-left p-3 bg-white border border-gray-200 rounded-lg hover:border-blue-300 hover:bg-blue-50 transition-colors text-sm\"\n >\n {question}\n \n ))}\n

\n\n {/* Disclaimer */}\n

\n ⚠️\n

\n Medical Disclaimer: This AI assistant is for educational and informational purposes only. \n Always consult with qualified healthcare professionals for actual patient care and medical decisions.\n

\n ) : (\n /* Messages */\n

\n {chat.messages.map((message, index) => (\n \n ))}\n \n {/* Typing indicator */}\n {chat.isLoading && (\n \n )}\n \n

\n )}\n

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

\n setIsComposing(true)}\n onCompositionEnd={() => setIsComposing(false)}\n placeholder=\"Ask about pediatric medicine...\"\n className=\"w-full px-4 py-3 border border-gray-300 rounded-2xl focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent resize-none max-h-32\"\n rows={1}\n disabled={chat.isLoading}\n />\n \n {/* Character count */}\n {inputValue.length > 0 && (\n

\n {inputValue.length}/1000\n

\n )}\n

\n\n \n {chat.isLoading ? (\n \n ) : (\n \n )}\n \n \n\n {/* Quick actions */}\n

\n Press Enter to send, Shift+Enter for new line\n

\n \n {chat.messages.length > 0 && (\n \n Clear chat\n \n )}\n

\n );\n};\n\nexport default ChatInterface;","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/zee1205/nelsongpt/code/frontend/components/ChatInterface.tsx","extension","actionData","errors"]