\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,247,253],[233,240,247],{"_103":261,"_95":262,"_152":263,"_154":241,"_155":137,"_156":264,"_158":159,"_105":265,"_99":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":266,"_98":275},"ed26303e-409b-11f0-8a8c-76b3cceeab13","providers","f3211507-4937-4326-b88f-789ac930bfd3",13,["D",1748969889121],[267],{"_103":268,"_95":269,"_152":270,"_154":263,"_155":137,"_156":264,"_158":159,"_105":271,"_99":32,"_161":180,"_163":272,"_164":22,"_165":-5,"_166":273,"_98":274},"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,262,269],[233,240,262],{"_103":277,"_95":278,"_152":279,"_154":241,"_155":137,"_156":242,"_158":159,"_105":280,"_99":32,"_161":180,"_163":281,"_164":22,"_165":-5,"_166":282,"_98":283},"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,278],[233,240],{"_103":286,"_95":287,"_152":288,"_154":234,"_155":137,"_156":289,"_158":159,"_105":290,"_99":32,"_161":291,"_163":292,"_164":22,"_165":-5,"_166":293,"_98":294},"c3c208e4-409b-11f0-a2e8-76b3cceeab13","favicon.svg","c3c209e8-409b-11f0-a2e8-76b3cceeab13",10,["D",1748969819681],"file","",[],[233,287],{"_103":296,"_95":297,"_152":298,"_154":234,"_155":137,"_156":235,"_158":159,"_105":299,"_99":32,"_161":291,"_163":300,"_164":22,"_165":-5,"_166":301,"_98":302},"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,297],{"_103":304,"_95":305,"_152":306,"_154":234,"_155":137,"_156":307,"_158":159,"_105":308,"_99":32,"_161":180,"_163":309,"_164":22,"_165":-5,"_166":310,"_98":311},"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,305],[233],{"_103":314,"_95":315,"_152":316,"_154":-5,"_155":137,"_156":317,"_158":159,"_105":318,"_99":32,"_161":291,"_163":319,"_164":22,"_165":-5,"_166":320,"_98":321},"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.",[],[315],{"_103":323,"_95":324,"_152":325,"_154":-5,"_155":137,"_156":225,"_158":159,"_105":326,"_99":32,"_161":180,"_163":72,"_164":22,"_165":-5,"_166":327,"_98":328},"20e90852-409b-11f0-ad1f-76b3cceeab13","main.tsx","20e908f2-409b-11f0-ad1f-76b3cceeab13",["D",1748969546466],[],[324],"files",[149,168,175,184,194,201,209,219,231,238,245,251,260,267,276,285,295,303,313,322],"counts",{"_333":32,"_334":225,"_335":32,"_336":32},"pulls","branches","forks","envVars","contents",[339,342,345,348],{"_103":150,"_95":151,"_152":153,"_154":-5,"_155":137,"_156":157,"_158":159,"_105":340,"_99":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_98":341},["D",1748969636861],[151],{"_103":232,"_95":233,"_152":234,"_154":-5,"_155":137,"_156":235,"_158":159,"_105":343,"_99":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_98":344},["D",1748969814050],[233],{"_103":314,"_95":315,"_152":316,"_154":-5,"_155":137,"_156":317,"_158":159,"_105":346,"_99":32,"_161":291,"_163":319,"_164":22,"_165":-5,"_98":347},["D",1748969620118],[315],{"_103":323,"_95":324,"_152":325,"_154":-5,"_155":137,"_156":225,"_158":159,"_105":349,"_99":32,"_161":180,"_163":72,"_164":22,"_165":-5,"_98":350},["D",1748969546466],[324],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_101":359,"_99":100,"_364":365},{"_103":104,"_95":96,"_105":360,"_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":361,"_131":362,"_134":363,"_146":22},["D",1748969546453],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_99":136,"_95":43,"_103":137,"_138":104,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":96,"_145":94},"changes",[366,371],{"_291":367,"_369":-7,"_98":370},{"_152":248,"_95":247,"_161":162,"_163":-5,"_105":368,"_156":100,"_155":137},["D",1748969901670],"previous","frontend/components/Layout",{"_291":372,"_369":-7,"_98":374},{"_152":254,"_95":253,"_161":180,"_163":256,"_105":373,"_156":100,"_155":137},["D",1748969901670],"frontend/components/Layout/Layout.tsx","actionData","errors"]