\n {/* Avatar */}\n

\n {isUser ? '👤' : '🏥'}\n

\n\n {/* Message Content */}\n

\n {/* Typing indicator */}\n {isTyping && isAssistant && (\n

\n Nelson-GPT is thinking...\n

\n )}\n\n {/* Message text */}\n {!isTyping && (\n

\n {message.content}\n

\n )}\n\n {/* Sources for assistant messages */}\n {!isTyping && isAssistant && sources && sources.length > 0 && (\n

\n 📚 Sources from Nelson Textbook:\n

\n {sources.slice(0, 3).map((source, index) => (\n

\n {source.metadata?.chapter && `Chapter: ${source.metadata.chapter}`}\n {source.metadata?.section && ` • Section: ${source.metadata.section}`}\n

\n {source.content.substring(0, 100)}...\n

\n Relevance: {Math.round((source.similarity || 0) * 100)}%\n

\n ))}\n

\n )}\n

\n\n {/* Timestamp */}\n

\n {formatTime(message.timestamp)}\n {message.isStreaming && (\n \n )}\n

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