Loading conversation...

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

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

\n {state.currentConversation?.messages.length === 0 || !state.currentConversation ? (\n // Welcome Screen\n

\n \n

\n Welcome to Nelson-GPT\n

\n Your AI-powered medical assistant based on the Nelson Textbook of Pediatrics. \n Ask questions about pediatric medicine, get evidence-based answers, and explore medical knowledge.\n

\n \n {/* Sample Questions */}\n

Clinical Questions

• Fever management in infants
• Asthma treatment protocols
• Growth chart interpretation

Educational Topics

• Developmental milestones
• Vaccination schedules
• Differential diagnoses

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

\n \n

Medical Disclaimer

\n This tool is for educational purposes only. Always consult current medical literature and follow institutional protocols for patient care.\n

\n ) : (\n // Message List\n \n )}\n \n {/* Typing Indicator */}\n {state.isStreaming && }\n \n {/* Scroll anchor */}\n

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

\n );\n};\n\nexport default ChatInterface;",[],[233,240,247,254],{"_103":261,"_95":262,"_152":263,"_154":248,"_155":137,"_156":264,"_158":159,"_105":265,"_100":32,"_161":180,"_163":266,"_164":22,"_165":-5,"_166":267,"_98":268},"4995a11a-409c-11f0-bd57-76b3cceeab13","MessageList.tsx","4995a1ce-409c-11f0-bd57-76b3cceeab13",19,["D",1748970044204],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from 'react';\nimport MessageBubble from './MessageBubble.tsx';\nimport { ChatMessage } from '../providers/AppProvider.tsx';\n\ninterface MessageListProps {\n messages: ChatMessage[];\n isStreaming: boolean;\n}\n\nconst MessageList: React.FC = ({ messages, isStreaming }) => {\n return (\n

\n {messages.map((message, index) => (\n \n ))}\n

\n );\n};\n\nexport default MessageList;",[],[233,240,247,262],[233,240,247],{"_103":271,"_95":272,"_152":273,"_154":241,"_155":137,"_156":274,"_158":159,"_105":275,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":276,"_98":303},"f4a1938a-409b-11f0-9188-76b3cceeab13","Layout","16f3de78-c812-498d-aae8-6a2a5ad6258b",14,["D",1748969901670],[277,286,294],{"_103":278,"_95":279,"_152":280,"_154":273,"_155":137,"_156":281,"_158":159,"_105":282,"_100":32,"_161":180,"_163":283,"_164":22,"_165":-5,"_166":284,"_98":285},"07ec9534-409c-11f0-9134-76b3cceeab13","Header.tsx","07ec95e8-409c-11f0-9134-76b3cceeab13",15,["D",1748969934044],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from 'react';\nimport { useLocation, useNavigate } from 'react-router-dom';\nimport { useApp } from '../providers/AppProvider.tsx';\n\nconst Header: React.FC = () => {\n const { state, dispatch } = useApp();\n const location = useLocation();\n const navigate = useNavigate();\n\n const getPageTitle = () => {\n switch (location.pathname) {\n case '/chat':\n return state.currentConversation?.title || 'New Conversation';\n case '/history':\n return 'Conversation History';\n case '/settings':\n return 'Settings';\n case '/help':\n return 'Help & Documentation';\n case '/profile':\n return 'Profile';\n default:\n if (location.pathname.startsWith('/chat/')) {\n return state.currentConversation?.title || 'Conversation';\n }\n return 'Nelson-GPT';\n }\n };\n\n const handleNewChat = () => {\n dispatch({ type: 'SET_CURRENT_CONVERSATION', payload: null });\n navigate('/chat');\n };\n\n return (\n

\n {/* Left Section */}\n

\n {/* Mobile Menu Button */}\n dispatch({ type: 'SET_SIDEBAR_OPEN', payload: !state.sidebarOpen })}\n className=\"lg:hidden p-2 rounded-md text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500\"\n >\n \n \n\n {/* Page Title */}\n

\n {getPageTitle()}\n

\n\n {/* Center Section - Streaming Indicator */}\n {state.isStreaming && (\n

\n \n \n \n

\n AI is thinking...\n

\n )}\n\n {/* Right Section */}\n

\n {/* New Chat Button */}\n {location.pathname.startsWith('/chat') && (\n \n \n \n )}\n\n {/* Theme Toggle */}\n {\n const currentTheme = state.userPreferences?.ui_theme || 'light';\n const newTheme = currentTheme === 'light' ? 'dark' : 'light';\n const updatedPreferences = {\n ...state.userPreferences,\n ui_theme: newTheme,\n user_id: state.userPreferences?.user_id || 'anonymous'\n };\n dispatch({ type: 'SET_USER_PREFERENCES', payload: updatedPreferences });\n }}\n className=\"p-2 rounded-md text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500\"\n title=\"Toggle Theme\"\n >\n {state.userPreferences?.ui_theme === 'dark' ? (\n \n ) : (\n \n )}\n \n\n {/* Settings Button */}\n navigate('/settings')}\n className=\"p-2 rounded-md text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500\"\n title=\"Settings\"\n >\n \n \n

\n );\n};\n\nexport default Header;",[],[233,240,272,279],{"_103":287,"_95":288,"_152":289,"_154":273,"_155":137,"_156":274,"_158":159,"_105":290,"_100":32,"_161":180,"_163":291,"_164":22,"_165":-5,"_166":292,"_98":293},"f4a18bce-409b-11f0-9188-76b3cceeab13","Layout.tsx","f4a18c78-409b-11f0-9188-76b3cceeab13",["D",1748969901670],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from 'react';\nimport { Outlet } from 'react-router-dom';\nimport { useApp } from '../providers/AppProvider.tsx';\nimport Header from './Header.tsx';\nimport Sidebar from './Sidebar.tsx';\n\nconst Layout: React.FC = () => {\n const { state } = useApp();\n\n return (\n

\n {/* Sidebar */}\n \n \n {/* Main Content Area */}\n

\n {/* Header */}\n

\n \n {/* Main Content */}\n

\n \n

\n \n {/* Sidebar Overlay for Mobile */}\n {state.sidebarOpen && (\n

state.dispatch({ type: 'SET_SIDEBAR_OPEN', payload: false })}\n />\n )}\n

\n );\n};\n\nexport default Layout;",[],[233,240,272,288],{"_103":295,"_95":296,"_152":297,"_154":273,"_155":137,"_156":298,"_158":159,"_105":299,"_100":32,"_161":180,"_163":300,"_164":22,"_165":-5,"_166":301,"_98":302},"1b973e2c-409c-11f0-a73c-76b3cceeab13","Sidebar.tsx","1b973eea-409c-11f0-a73c-76b3cceeab13",16,["D",1748969967040],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from 'react';\nimport { NavLink, useNavigate } from 'react-router-dom';\nimport { useApp } from '../providers/AppProvider.tsx';\n\nconst Sidebar: React.FC = () => {\n const { state, dispatch } = useApp();\n const navigate = useNavigate();\n\n const handleNewChat = () => {\n dispatch({ type: 'SET_CURRENT_CONVERSATION', payload: null });\n navigate('/chat');\n // Close sidebar on mobile\n dispatch({ type: 'SET_SIDEBAR_OPEN', payload: false });\n };\n\n const handleConversationClick = (conversation: any) => {\n dispatch({ type: 'SET_CURRENT_CONVERSATION', payload: conversation });\n navigate(`/chat/${conversation.id}`);\n // Close sidebar on mobile\n dispatch({ type: 'SET_SIDEBAR_OPEN', payload: false });\n };\n\n const navItems = [\n {\n to: '/chat',\n icon: (\n \n ),\n label: 'Chat',\n },\n {\n to: '/history',\n icon: (\n \n ),\n label: 'History',\n },\n {\n to: '/profile',\n icon: (\n \n ),\n label: 'Profile',\n },\n {\n to: '/help',\n icon: (\n \n ),\n label: 'Help',\n },\n ];\n\n // Get recent conversations (last 10)\n const recentConversations = state.conversations.slice(0, 10);\n\n return (\n <>\n {/* Sidebar */}\n

\n {/* Logo/Brand */}\n

\n \n

Nelson-GPT

Medical AI Assistant

\n\n {/* New Chat Button */}\n

\n \n \n New Conversation\n \n

\n\n {/* Navigation */}\n

\n {navItems.map((item) => (\n \n `flex items-center px-3 py-2 rounded-lg text-sm font-medium transition-colors duration-200 ${\n isActive\n ? 'bg-blue-100 dark:bg-blue-900 text-blue-700 dark:text-blue-300'\n : 'text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700'\n }`\n }\n onClick={() => dispatch({ type: 'SET_SIDEBAR_OPEN', payload: false })}\n >\n {item.icon}\n {item.label}\n \n ))}\n

\n\n {/* Recent Conversations */}\n {recentConversations.length > 0 && (\n

\n Recent Conversations\n

\n {recentConversations.map((conversation) => (\n handleConversationClick(conversation)}\n className={`w-full text-left px-3 py-2 rounded-lg text-sm transition-colors duration-200 ${\n state.currentConversation?.id === conversation.id\n ? 'bg-blue-100 dark:bg-blue-900 text-blue-700 dark:text-blue-300'\n : 'text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700'\n }`}\n >\n

\n {conversation.title}\n

\n {new Date(conversation.updated_at).toLocaleDateString()}\n

\n \n ))}\n

\n )}\n\n {/* Footer */}\n

Educational Use Only

\n \n );\n};\n\nexport default Sidebar;",[],[233,240,272,296],[233,240,272],{"_103":305,"_95":306,"_152":307,"_154":241,"_155":137,"_156":308,"_158":159,"_105":309,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":310,"_98":319},"ed26303e-409b-11f0-8a8c-76b3cceeab13","providers","f3211507-4937-4326-b88f-789ac930bfd3",13,["D",1748969889121],[311],{"_103":312,"_95":313,"_152":314,"_154":307,"_155":137,"_156":308,"_158":159,"_105":315,"_100":32,"_161":180,"_163":316,"_164":22,"_165":-5,"_166":317,"_98":318},"ed26189c-409b-11f0-8a8c-76b3cceeab13","AppProvider.tsx","ed261a86-409b-11f0-8a8c-76b3cceeab13",["D",1748969889121],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { createContext, useContext, useReducer, ReactNode } from 'react';\n\n// Types\nexport interface ChatMessage {\n id: string;\n role: 'user' | 'assistant' | 'system';\n content: string;\n timestamp: string;\n sources?: any[];\n streaming?: boolean;\n}\n\nexport interface Conversation {\n id: string;\n title: string;\n messages: ChatMessage[];\n specialty_filter?: string;\n created_at: string;\n updated_at: string;\n}\n\nexport interface UserPreferences {\n user_id: string;\n display_name?: string;\n preferred_specialties: string[];\n ui_theme: 'light' | 'dark';\n streaming_enabled: boolean;\n offline_mode: boolean;\n disclaimer_acknowledged: boolean;\n}\n\nexport interface AppState {\n loading: boolean;\n error: string | null;\n currentConversation: Conversation | null;\n conversations: Conversation[];\n userPreferences: UserPreferences | null;\n isStreaming: boolean;\n sidebarOpen: boolean;\n appInfo: any;\n}\n\n// Actions\ntype AppAction =\n | { type: 'SET_LOADING'; payload: boolean }\n | { type: 'SET_ERROR'; payload: string | null }\n | { type: 'SET_CURRENT_CONVERSATION'; payload: Conversation | null }\n | { type: 'ADD_MESSAGE'; payload: { conversationId: string; message: ChatMessage } }\n | { type: 'UPDATE_MESSAGE'; payload: { conversationId: string; messageId: string; content: string } }\n | { type: 'SET_CONVERSATIONS'; payload: Conversation[] }\n | { type: 'ADD_CONVERSATION'; payload: Conversation }\n | { type: 'UPDATE_CONVERSATION'; payload: Conversation }\n | { type: 'DELETE_CONVERSATION'; payload: string }\n | { type: 'SET_USER_PREFERENCES'; payload: UserPreferences }\n | { type: 'SET_STREAMING'; payload: boolean }\n | { type: 'SET_SIDEBAR_OPEN'; payload: boolean }\n | { type: 'SET_APP_INFO'; payload: any };\n\n// Initial state\nconst initialState: AppState = {\n loading: true,\n error: null,\n currentConversation: null,\n conversations: [],\n userPreferences: null,\n isStreaming: false,\n sidebarOpen: false,\n appInfo: null,\n};\n\n// Reducer\nfunction appReducer(state: AppState, action: AppAction): AppState {\n switch (action.type) {\n case 'SET_LOADING':\n return { ...state, loading: action.payload };\n \n case 'SET_ERROR':\n return { ...state, error: action.payload };\n \n case 'SET_CURRENT_CONVERSATION':\n return { ...state, currentConversation: action.payload };\n \n case 'ADD_MESSAGE': {\n const { conversationId, message } = action.payload;\n \n // Update current conversation if it matches\n let updatedCurrentConversation = state.currentConversation;\n if (state.currentConversation?.id === conversationId) {\n updatedCurrentConversation = {\n ...state.currentConversation,\n messages: [...state.currentConversation.messages, message],\n updated_at: new Date().toISOString(),\n };\n }\n \n // Update conversations list\n const updatedConversations = state.conversations.map(conv => {\n if (conv.id === conversationId) {\n return {\n ...conv,\n messages: [...conv.messages, message],\n updated_at: new Date().toISOString(),\n };\n }\n return conv;\n });\n \n return {\n ...state,\n currentConversation: updatedCurrentConversation,\n conversations: updatedConversations,\n };\n }\n \n case 'UPDATE_MESSAGE': {\n const { conversationId, messageId, content } = action.payload;\n \n // Update current conversation if it matches\n let updatedCurrentConversation = state.currentConversation;\n if (state.currentConversation?.id === conversationId) {\n updatedCurrentConversation = {\n ...state.currentConversation,\n messages: state.currentConversation.messages.map(msg =>\n msg.id === messageId ? { ...msg, content, streaming: false } : msg\n ),\n updated_at: new Date().toISOString(),\n };\n }\n \n // Update conversations list\n const updatedConversations = state.conversations.map(conv => {\n if (conv.id === conversationId) {\n return {\n ...conv,\n messages: conv.messages.map(msg =>\n msg.id === messageId ? { ...msg, content, streaming: false } : msg\n ),\n updated_at: new Date().toISOString(),\n };\n }\n return conv;\n });\n \n return {\n ...state,\n currentConversation: updatedCurrentConversation,\n conversations: updatedConversations,\n };\n }\n \n case 'SET_CONVERSATIONS':\n return { ...state, conversations: action.payload };\n \n case 'ADD_CONVERSATION': {\n const newConversation = action.payload;\n const existingIndex = state.conversations.findIndex(conv => conv.id === newConversation.id);\n \n let updatedConversations;\n if (existingIndex >= 0) {\n // Update existing conversation\n updatedConversations = [...state.conversations];\n updatedConversations[existingIndex] = newConversation;\n } else {\n // Add new conversation at the beginning\n updatedConversations = [newConversation, ...state.conversations];\n }\n \n return {\n ...state,\n conversations: updatedConversations,\n currentConversation: newConversation,\n };\n }\n \n case 'UPDATE_CONVERSATION': {\n const updatedConversation = action.payload;\n const updatedConversations = state.conversations.map(conv =>\n conv.id === updatedConversation.id ? updatedConversation : conv\n );\n \n return {\n ...state,\n conversations: updatedConversations,\n currentConversation: state.currentConversation?.id === updatedConversation.id\n ? updatedConversation\n : state.currentConversation,\n };\n }\n \n case 'DELETE_CONVERSATION': {\n const conversationId = action.payload;\n const updatedConversations = state.conversations.filter(conv => conv.id !== conversationId);\n \n return {\n ...state,\n conversations: updatedConversations,\n currentConversation: state.currentConversation?.id === conversationId\n ? null\n : state.currentConversation,\n };\n }\n \n case 'SET_USER_PREFERENCES':\n return { ...state, userPreferences: action.payload };\n \n case 'SET_STREAMING':\n return { ...state, isStreaming: action.payload };\n \n case 'SET_SIDEBAR_OPEN':\n return { ...state, sidebarOpen: action.payload };\n \n case 'SET_APP_INFO':\n return { ...state, appInfo: action.payload };\n \n default:\n return state;\n }\n}\n\n// Context\nconst AppContext = createContext<{\n state: AppState;\n dispatch: React.Dispatch;\n} | null>(null);\n\n// Provider component\nexport const AppProvider: React.FC<{ children: ReactNode }> = ({ children }) => {\n const [state, dispatch] = useReducer(appReducer, initialState);\n\n return (\n \n {children}\n \n );\n};\n\n// Hook to use the app context\nexport const useApp = () => {\n const context = useContext(AppContext);\n if (!context) {\n throw new Error('useApp must be used within an AppProvider');\n }\n return context;\n};\n\n// Utility functions for generating IDs\nexport const generateMessageId = (): string => {\n return 'msg_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);\n};\n\nexport const generateConversationId = (): string => {\n return 'conv_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);\n};\n\nexport const generateUserId = (): string => {\n return 'user_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);\n};",[],[233,240,306,313],[233,240,306],{"_103":321,"_95":322,"_152":323,"_154":241,"_155":137,"_156":242,"_158":159,"_105":324,"_100":32,"_161":180,"_163":325,"_164":22,"_165":-5,"_166":326,"_98":327},"d76a859c-409b-11f0-88e8-76b3cceeab13","App.tsx","d76a865a-409b-11f0-88e8-76b3cceeab13",["D",1748969852658],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from 'react';\nimport { Routes, Route, Navigate } from 'react-router-dom';\nimport { useApp } from './providers/AppProvider.tsx';\nimport Layout from './Layout/Layout.tsx';\nimport ChatInterface from './Chat/ChatInterface.tsx';\nimport Settings from './Settings/Settings.tsx';\nimport Help from './Help/Help.tsx';\nimport Profile from './Profile/Profile.tsx';\nimport ConversationHistory from './Chat/ConversationHistory.tsx';\nimport PWAInstallPrompt from './PWA/PWAInstallPrompt.tsx';\nimport OfflineIndicator from './PWA/OfflineIndicator.tsx';\nimport ErrorBoundary from './UI/ErrorBoundary.tsx';\n\nconst App: React.FC = () => {\n const { state, dispatch } = useApp();\n const [isOnline, setIsOnline] = useState(navigator.onLine);\n\n // Handle online/offline status\n useEffect(() => {\n const handleOnline = () => setIsOnline(true);\n const handleOffline = () => setIsOnline(false);\n\n window.addEventListener('online', handleOnline);\n window.addEventListener('offline', handleOffline);\n\n return () => {\n window.removeEventListener('online', handleOnline);\n window.removeEventListener('offline', handleOffline);\n };\n }, []);\n\n // Initialize app data\n useEffect(() => {\n const initializeApp = async () => {\n try {\n // Load user preferences from localStorage\n const savedPreferences = localStorage.getItem('nelson-gpt-preferences');\n if (savedPreferences) {\n const preferences = JSON.parse(savedPreferences);\n dispatch({ type: 'SET_USER_PREFERENCES', payload: preferences });\n }\n\n // Load conversation history from localStorage\n const savedConversations = localStorage.getItem('nelson-gpt-conversations');\n if (savedConversations) {\n const conversations = JSON.parse(savedConversations);\n dispatch({ type: 'SET_CONVERSATIONS', payload: conversations });\n }\n\n // Check for initial data from server\n if (window.__NELSON_INITIAL_DATA__) {\n dispatch({ \n type: 'SET_APP_INFO', \n payload: window.__NELSON_INITIAL_DATA__ \n });\n }\n\n dispatch({ type: 'SET_LOADING', payload: false });\n } catch (error) {\n console.error('Failed to initialize app:', error);\n dispatch({ type: 'SET_ERROR', payload: 'Failed to initialize application' });\n }\n };\n\n initializeApp();\n }, [dispatch]);\n\n // Save preferences to localStorage when they change\n useEffect(() => {\n if (state.userPreferences) {\n localStorage.setItem('nelson-gpt-preferences', JSON.stringify(state.userPreferences));\n }\n }, [state.userPreferences]);\n\n // Save conversations to localStorage when they change\n useEffect(() => {\n if (state.conversations.length > 0) {\n localStorage.setItem('nelson-gpt-conversations', JSON.stringify(state.conversations));\n }\n }, [state.conversations]);\n\n // Apply theme\n useEffect(() => {\n const theme = state.userPreferences?.ui_theme || 'light';\n if (theme === 'dark') {\n document.documentElement.classList.add('dark');\n } else {\n document.documentElement.classList.remove('dark');\n }\n }, [state.userPreferences?.ui_theme]);\n\n if (state.loading) {\n return (\n

Loading Nelson-GPT...

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

\n {/* Offline Indicator */}\n {!isOnline && }\n \n {/* PWA Install Prompt */}\n \n \n {/* Main App Routes */}\n \n }>\n } />\n } />\n } />\n } />\n } />\n } />\n } />\n \n \n {/* Catch-all route */}\n } />\n \n \n {/* Global Error Display */}\n {state.error && (\n

\n \n {state.error}\n dispatch({ type: 'SET_ERROR', payload: null })}\n className=\"ml-2 text-white hover:text-gray-200\"\n >\n ×\n \n

\n )}\n

\n \n );\n};\n\nexport default App;",[],[233,240,322],[233,240],{"_103":330,"_95":331,"_152":332,"_154":234,"_155":137,"_156":333,"_158":159,"_105":334,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":335,"_98":344},"439449f6-409c-11f0-8cd4-76b3cceeab13","services","01ec882f-21d5-449b-b82c-043ed8f3bcd2",18,["D",1748970034127],[336],{"_103":337,"_95":338,"_152":339,"_154":332,"_155":137,"_156":333,"_158":159,"_105":340,"_100":32,"_161":180,"_163":341,"_164":22,"_165":-5,"_166":342,"_98":343},"43943952-409c-11f0-8cd4-76b3cceeab13","chatService.ts","43943a06-409c-11f0-8cd4-76b3cceeab13",["D",1748970034127],"interface ChatRequest {\n message: string;\n conversationId?: string;\n userId?: string;\n specialtyFilter?: string;\n streamResponse?: boolean;\n onStreamChunk?: (chunk: any) => void;\n signal?: AbortSignal;\n}\n\ninterface ChatResponse {\n message: any;\n conversationId: string;\n sources?: any[];\n}\n\nclass ChatService {\n private baseUrl: string;\n\n constructor() {\n this.baseUrl = window.location.origin;\n }\n\n async sendMessage(request: ChatRequest): Promise {\n const {\n message,\n conversationId,\n userId,\n specialtyFilter,\n streamResponse = true,\n onStreamChunk,\n signal\n } = request;\n\n const response = await fetch(`${this.baseUrl}/api/chat`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n message,\n conversationId,\n userId,\n specialtyFilter,\n streamResponse,\n }),\n signal,\n });\n\n if (!response.ok) {\n const errorData = await response.json().catch(() => ({}));\n throw new Error(errorData.error || `HTTP ${response.status}: ${response.statusText}`);\n }\n\n if (streamResponse && onStreamChunk) {\n return this.handleStreamResponse(response, onStreamChunk);\n } else {\n return await response.json();\n }\n }\n\n private async handleStreamResponse(\n response: Response,\n onStreamChunk: (chunk: any) => void\n ): Promise {\n const reader = response.body?.getReader();\n if (!reader) {\n throw new Error('No response body reader available');\n }\n\n const decoder = new TextDecoder();\n let buffer = '';\n let finalResponse: ChatResponse | null = null;\n\n try {\n while (true) {\n const { done, value } = await reader.read();\n \n if (done) break;\n\n buffer += decoder.decode(value, { stream: true });\n const lines = buffer.split('\\n');\n buffer = lines.pop() || '';\n\n for (const line of lines) {\n if (line.startsWith('data: ')) {\n const data = line.slice(6);\n \n if (data === '[DONE]') {\n return finalResponse || { message: null, conversationId: '' };\n }\n\n try {\n const chunk = JSON.parse(data);\n onStreamChunk(chunk);\n\n if (chunk.type === 'message_complete') {\n finalResponse = {\n message: chunk.message,\n conversationId: chunk.conversationId,\n sources: chunk.message.sources,\n };\n }\n } catch (error) {\n console.warn('Failed to parse stream chunk:', data);\n }\n }\n }\n }\n } finally {\n reader.releaseLock();\n }\n\n return finalResponse || { message: null, conversationId: '' };\n }\n\n async getConversation(conversationId: string): Promise {\n const response = await fetch(`${this.baseUrl}/api/chat/conversation/${conversationId}`);\n \n if (!response.ok) {\n if (response.status === 404) {\n return null;\n }\n throw new Error(`Failed to fetch conversation: ${response.statusText}`);\n }\n\n const data = await response.json();\n return data.conversation;\n }\n\n async getUserConversations(userId: string, limit: number = 20): Promise {\n const response = await fetch(\n `${this.baseUrl}/api/chat/conversations/${userId}?limit=${limit}`\n );\n \n if (!response.ok) {\n throw new Error(`Failed to fetch conversations: ${response.statusText}`);\n }\n\n const data = await response.json();\n return data.conversations || [];\n }\n\n async deleteConversation(conversationId: string): Promise {\n const response = await fetch(`${this.baseUrl}/api/chat/conversation/${conversationId}`, {\n method: 'DELETE',\n });\n \n if (!response.ok) {\n throw new Error(`Failed to delete conversation: ${response.statusText}`);\n }\n }\n\n // Health check\n async checkHealth(): Promise {\n try {\n const response = await fetch(`${this.baseUrl}/api/health`);\n return response.ok;\n } catch {\n return false;\n }\n }\n}\n\nexport const chatService = new ChatService();",[],[233,331,338],[233,331],{"_103":346,"_95":347,"_152":348,"_154":234,"_155":137,"_156":349,"_158":159,"_105":350,"_100":32,"_161":351,"_163":352,"_164":22,"_165":-5,"_166":353,"_98":354},"c3c208e4-409b-11f0-a2e8-76b3cceeab13","favicon.svg","c3c209e8-409b-11f0-a2e8-76b3cceeab13",10,["D",1748969819681],"file","",[],[233,347],{"_103":356,"_95":357,"_152":358,"_154":234,"_155":137,"_156":235,"_158":159,"_105":359,"_100":32,"_161":351,"_163":360,"_164":22,"_165":-5,"_166":361,"_98":362},"c0670870-409b-11f0-b642-76b3cceeab13","index.html","c0670906-409b-11f0-b642-76b3cceeab13",["D",1748969814050],"\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Nelson-GPT - Medical AI Assistant\n \n \n \n \n \n \n \n \n \n \n \n \n\n\n \n

\n \n \n

Nelson-GPT

Medical AI Assistant

\n \n \n \n

\n \n \n

\n \n \n \n \n \n \n\n",[],[233,357],{"_103":364,"_95":365,"_152":366,"_154":234,"_155":137,"_156":367,"_158":159,"_105":368,"_100":32,"_161":180,"_163":369,"_164":22,"_165":-5,"_166":370,"_98":371},"c79339b6-409b-11f0-85a8-76b3cceeab13","index.tsx","c7933aba-409b-11f0-85a8-76b3cceeab13",11,["D",1748969826085],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { BrowserRouter } from 'react-router-dom';\nimport App from './components/App.tsx';\nimport { AppProvider } from './components/providers/AppProvider.tsx';\n\n// Initialize the React app\nconst container = document.getElementById('root');\nif (!container) {\n throw new Error('Root container not found');\n}\n\nconst root = createRoot(container);\n\nroot.render(\n \n \n \n \n \n \n \n);",[],[233,365],[233],{"_103":374,"_95":375,"_152":376,"_154":-5,"_155":137,"_156":377,"_158":159,"_105":378,"_100":32,"_161":351,"_163":379,"_164":22,"_165":-5,"_166":380,"_98":381},"4ccf2104-409b-11f0-bb09-76b3cceeab13","README.md","4ccf21b8-409b-11f0-bb09-76b3cceeab13",2,["D",1748969620118],"# Nelson-GPT: Medical AI Assistant\n\nA production-grade Progressive Web App (PWA) that provides a ChatGPT-like interface for medical professionals and students, powered by the Nelson Textbook of Pediatrics through advanced Retrieval-Augmented Generation (RAG).\n\n## 🏥 Features\n\n### Core Functionality\n- **Medical AI Assistant**: Specialized responses based on Nelson Textbook of Pediatrics\n- **RAG Pipeline**: Vector search with Supabase PGVector for evidence-based answers\n- **Real-time Chat**: Streaming responses with typing indicators\n- **Offline Support**: Full PWA with IndexedDB caching\n- **Cross-Platform**: Installable on Android, iOS, and desktop\n\n### User Experience\n- **ChatGPT-like Interface**: Familiar chat experience optimized for medical use\n- **Medical Theming**: Professional healthcare-focused design\n- **Responsive Design**: Optimized for mobile, tablet, and desktop\n- **Accessibility**: WCAG compliant with screen reader support\n\n### Technical Features\n- **Progressive Web App**: Full offline functionality with service worker\n- **Vector Search**: Semantic search through medical content\n- **Real-time Streaming**: Live AI response generation\n- **Local Storage**: Conversation history and user preferences\n- **Error Handling**: Robust fallback mechanisms\n\n## 🏗️ Architecture\n\n### Frontend\n- **React 18** with TypeScript\n- **Tailwind CSS** for styling\n- **React Router** for navigation\n- **IndexedDB** for offline storage\n- **Service Worker** for PWA functionality\n\n### Backend\n- **Hono** API framework\n- **Supabase** with PGVector for vector search\n- **OpenAI/Mistral** for AI responses\n- **Hugging Face** for embeddings\n\n### Database Schema\n```sql\n-- Medical content chunks with embeddings\nCREATE TABLE medical_content (\n id SERIAL PRIMARY KEY,\n content TEXT NOT NULL,\n embedding VECTOR(384),\n chapter VARCHAR(255),\n specialty VARCHAR(100),\n page_reference VARCHAR(50),\n created_at TIMESTAMP DEFAULT NOW()\n);\n\n-- User conversations\nCREATE TABLE conversations (\n id UUID PRIMARY KEY DEFAULT gen_random_uuid(),\n user_id VARCHAR(255),\n title VARCHAR(255),\n messages JSONB,\n created_at TIMESTAMP DEFAULT NOW(),\n updated_at TIMESTAMP DEFAULT NOW()\n);\n```\n\n## 🚀 Getting Started\n\n### Prerequisites\n- Supabase project with PGVector extension\n- OpenAI or Mistral API key\n- Hugging Face API key (optional for server-side embeddings)\n\n### Environment Variables\n```\nSUPABASE_URL=your_supabase_url\nSUPABASE_ANON_KEY=your_supabase_anon_key\nOPENAI_API_KEY=your_openai_key\nHUGGING_FACE_API_KEY=your_hf_key (optional)\n```\n\n### Installation\n1. Set up environment variables in Val Town\n2. Deploy the backend API\n3. Access the PWA at your Val Town URL\n4. Install as PWA on your device\n\n## 📱 PWA Installation\n\n### Mobile (Android/iOS)\n1. Open the app in your mobile browser\n2. Tap \"Add to Home Screen\" or \"Install App\"\n3. Launch from your home screen for full-screen experience\n\n### Desktop\n1. Open the app in Chrome/Edge\n2. Click the install icon in the address bar\n3. Launch from your desktop or start menu\n\n## 🔧 Development\n\n### Project Structure\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Database schema\n│ │ └── queries.ts # Vector search queries\n│ ├── routes/\n│ │ ├── chat.ts # Chat API endpoints\n│ │ ├── embeddings.ts # Embedding generation\n│ │ └── static.ts # Static file serving\n│ └── index.ts # Main API entry point\n├── frontend/\n│ ├── components/\n│ │ ├── Chat/ # Chat interface components\n│ │ ├── Layout/ # App layout components\n│ │ ├── PWA/ # PWA-specific components\n│ │ └── UI/ # Reusable UI components\n│ ├── hooks/ # Custom React hooks\n│ ├── services/ # API and storage services\n│ ├── types/ # TypeScript type definitions\n│ ├── utils/ # Utility functions\n│ ├── index.html # Main HTML template\n│ └── index.tsx # React entry point\n├── shared/\n│ ├── types.ts # Shared type definitions\n│ └── utils.ts # Shared utilities\n└── public/\n ├── manifest.json # PWA manifest\n ├── sw.js # Service worker\n └── icons/ # PWA icons\n```\n\n## 🔒 Security & Compliance\n\n- **Medical Disclaimers**: All responses include appropriate medical disclaimers\n- **Data Privacy**: Local storage with optional cloud sync\n- **HIPAA Considerations**: No PHI storage or transmission\n- **Content Validation**: Responses based on peer-reviewed medical literature\n\n## 📊 Performance\n\n- **Offline First**: Full functionality without internet\n- **Fast Loading**: Optimized bundle size and lazy loading\n- **Efficient Search**: Vector similarity search with caching\n- **Responsive**: <100ms UI interactions\n\n## 🤝 Contributing\n\nThis is a specialized medical AI assistant. Contributions should maintain medical accuracy and professional standards.\n\n## ⚠️ Medical Disclaimer\n\nNelson-GPT is an educational tool for healthcare professionals and students. It is not intended to replace professional medical judgment or provide direct patient care recommendations. Always consult current medical literature and follow institutional protocols.",[],[375],{"_103":383,"_95":384,"_152":385,"_154":-5,"_155":137,"_156":225,"_158":159,"_105":386,"_100":32,"_161":180,"_163":72,"_164":22,"_165":-5,"_166":387,"_98":388},"20e90852-409b-11f0-ad1f-76b3cceeab13","main.tsx","20e908f2-409b-11f0-ad1f-76b3cceeab13",["D",1748969546466],[],[384],{"_103":390,"_95":391,"_152":392,"_154":-5,"_155":137,"_156":393,"_158":159,"_105":394,"_100":32,"_161":180,"_163":72,"_164":22,"_165":-5,"_166":395,"_98":396},"cfeada36-412e-11f0-8e92-76b3cceeab13","new-file-1860.tsx","cfeadb6c-412e-11f0-8e92-76b3cceeab13",22,["D",1749032976100],[],[391],{"_103":398,"_95":399,"_152":400,"_154":-5,"_155":137,"_156":401,"_158":159,"_105":402,"_100":32,"_161":180,"_163":72,"_164":22,"_165":-5,"_166":403,"_98":404},"cf694868-412e-11f0-a1da-76b3cceeab13","new-file-227.tsx","cf69493a-412e-11f0-a1da-76b3cceeab13",20,["D",1749032975250],[],[399],{"_103":406,"_95":407,"_152":408,"_154":-5,"_155":137,"_156":136,"_158":159,"_105":409,"_100":32,"_161":180,"_163":72,"_164":22,"_165":-5,"_166":410,"_98":411},"d05e04b6-412e-11f0-aa3c-76b3cceeab13","new-file-2437.tsx","d05e0592-412e-11f0-aa3c-76b3cceeab13",["D",1749032976853],[],[407],{"_103":413,"_95":414,"_152":415,"_154":-5,"_155":137,"_156":416,"_158":159,"_105":417,"_100":32,"_161":180,"_163":72,"_164":22,"_165":-5,"_166":418,"_98":419},"d051621a-412e-11f0-b0ea-76b3cceeab13","new-file-308.tsx","d05163fa-412e-11f0-b0ea-76b3cceeab13",25,["D",1749032976696],[],[414],{"_103":421,"_95":422,"_152":423,"_154":-5,"_155":137,"_156":424,"_158":159,"_105":425,"_100":32,"_161":180,"_163":72,"_164":22,"_165":-5,"_166":426,"_98":427},"d04aa43e-412e-11f0-9806-76b3cceeab13","new-file-5265.tsx","d04aa51a-412e-11f0-9806-76b3cceeab13",24,["D",1749032976695],[],[422],{"_103":429,"_95":430,"_152":431,"_154":-5,"_155":137,"_156":432,"_158":159,"_105":433,"_100":32,"_161":180,"_163":72,"_164":22,"_165":-5,"_166":434,"_98":435},"d0457f40-412e-11f0-ba2b-76b3cceeab13","new-file-7280.tsx","d0458008-412e-11f0-ba2b-76b3cceeab13",23,["D",1749032976694],[],[430],{"_103":437,"_95":99,"_152":438,"_154":-5,"_155":137,"_156":439,"_158":159,"_105":440,"_100":32,"_161":180,"_163":72,"_164":22,"_165":-5,"_166":441,"_98":442},"cf6f1766-412e-11f0-96d0-76b3cceeab13","cf6f1810-412e-11f0-96d0-76b3cceeab13",21,["D",1749032975253],[],[99],"files",[149,168,175,184,194,201,209,219,231,238,245,252,260,270,277,286,294,304,311,320,329,336,345,355,363,373,382,389,397,405,412,420,428,436],"counts",{"_447":32,"_448":225,"_449":32,"_450":32},"pulls","branches","forks","envVars","contents",[],{"_103":437,"_95":99,"_152":438,"_154":-5,"_155":137,"_156":439,"_158":159,"_105":454,"_100":32,"_161":180,"_163":72,"_164":22,"_165":-5,"_98":455},["D",1749032975253],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_93":94,"_95":96,"_97":43,"_98":99,"_101":464,"_351":469,"_472":473,"_476":477,"_480":-7,"_481":32,"_482":22},{"_103":104,"_95":96,"_105":465,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":466,"_131":467,"_134":468,"_146":22},["D",1748969546453],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_100":136,"_95":43,"_103":137,"_138":104,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":96,"_145":94},{"_103":437,"_95":99,"_152":438,"_154":-5,"_155":137,"_156":439,"_158":159,"_105":470,"_100":32,"_161":180,"_163":72,"_164":22,"_165":-5,"_98":471},["D",1749032975253],[99],"history",[474],{"_103":437,"_155":137,"_152":438,"_95":99,"_163":72,"_161":180,"_100":32,"_154":-5,"_105":475,"_156":439,"_165":-5},["D",1749032975253],"versions",[478],{"_351":474,"_479":-5},"previous","versionNumber","page","hasNext","actionData","errors"]

zee1205

untitled-1082

History for new-file-8759.tsx