New HealthBot Conversation

Conversation ID: ${conversationId}

User: ${userInfo?.name || 'Anonymous'} (${userInfo?.email || 'No email'})

Ended At: ${new Date(endedAt || Date.now()).toLocaleString()}

Message Count: ${messages.length}

\n \n

Conversation:

\n${conversationText}\n

\n \n

This conversation was automatically sent from HealthHub's AI chatbot system.

\n `;\n\n await email({\n subject: `HealthBot Conversation - ${userInfo?.name || 'Anonymous User'}`,\n html: emailContent,\n text: `New HealthBot conversation from ${userInfo?.name || 'Anonymous'}\\n\\nConversation:\\n${conversationText}`\n });\n\n } catch (error) {\n console.error(\"Error sending conversation to manager:\", error);\n }\n}\n\nfunction generateSuggestions(userMessage: string, aiResponse: string): string[] {\n const message = userMessage.toLowerCase();\n const response = aiResponse.toLowerCase();\n\n // Generate contextual suggestions based on the conversation\n const suggestions: string[] = [];\n\n if (message.includes('bmi') || message.includes('weight')) {\n suggestions.push(\"How do I use the BMI calculator?\");\n suggestions.push(\"What's a healthy BMI range?\");\n }\n\n if (message.includes('appointment') || message.includes('doctor')) {\n suggestions.push(\"How do I book an appointment?\");\n suggestions.push(\"What specialists are available?\");\n }\n\n if (message.includes('exercise') || message.includes('workout')) {\n suggestions.push(\"Show me beginner exercises\");\n suggestions.push(\"What's a good workout routine?\");\n }\n\n if (message.includes('symptom') || message.includes('pain') || message.includes('sick')) {\n suggestions.push(\"How does the symptom checker work?\");\n suggestions.push(\"When should I see a doctor?\");\n }\n\n if (message.includes('diet') || message.includes('nutrition')) {\n suggestions.push(\"What are healthy eating tips?\");\n suggestions.push(\"Show me nutrition information\");\n }\n\n // Default suggestions if no specific context\n if (suggestions.length === 0) {\n suggestions.push(\"What features does HealthHub offer?\");\n suggestions.push(\"How can I track my health?\");\n suggestions.push(\"Tell me about preventive care\");\n }\n\n // Limit to 3 suggestions\n return suggestions.slice(0, 3);\n}\n\nfunction calculateConversationDuration(messages: any[]): number {\n if (messages.length < 2) return 0;\n \n const start = new Date(messages[0].timestamp);\n const end = new Date(messages[messages.length - 1].timestamp);\n \n return Math.round((end.getTime() - start.getTime()) / (1000 * 60)); // minutes\n}\n\nfunction extractTopics(messages: any[]): string[] {\n const userMessages = messages\n .filter(msg => msg.sender === 'user')\n .map(msg => msg.text.toLowerCase());\n \n const topics = new Set();\n \n const topicKeywords = {\n 'BMI': ['bmi', 'weight', 'body mass'],\n 'Appointments': ['appointment', 'doctor', 'schedule'],\n 'Exercise': ['exercise', 'workout', 'fitness'],\n 'Symptoms': ['symptom', 'pain', 'sick', 'hurt'],\n 'Nutrition': ['diet', 'nutrition', 'food', 'eating'],\n 'Mental Health': ['stress', 'anxiety', 'depression', 'mental'],\n 'Emergency': ['emergency', 'urgent', 'help']\n };\n\n userMessages.forEach(message => {\n Object.entries(topicKeywords).forEach(([topic, keywords]) => {\n if (keywords.some(keyword => message.includes(keyword))) {\n topics.add(topic);\n }\n });\n });\n\n return Array.from(topics);\n}\n\nexport default chatbot;",[],[144,189,214],{"_102":222,"_95":223,"_145":224,"_147":190,"_148":134,"_149":191,"_151":152,"_104":225,"_99":31,"_154":173,"_156":226,"_157":27,"_158":-5,"_159":227,"_98":228},"b756997e-39d6-11f0-a856-9e149126039e","health.ts","b7569a32-39d6-11f0-a856-9e149126039e",["D",1748225481012],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport type { ApiResponse, HealthMetricForm, BMICalculatorForm } from \"../../shared/types.ts\";\nimport { calculateBMI, getBMICategory } from \"../../shared/utils.ts\";\nimport {\n addHealthMetric,\n getHealthMetricsByUser,\n addBMIRecord,\n getBMIHistoryByUser,\n getDashboardData\n} from \"../database/queries.ts\";\n\nconst health = new Hono();\n\n// Get dashboard data for a user\nhealth.get(\"/dashboard/:userId\", async (c) => {\n try {\n const userId = parseInt(c.req.param(\"userId\"));\n if (isNaN(userId)) {\n return c.json>({ success: false, error: \"Invalid user ID\" }, 400);\n }\n\n const dashboardData = await getDashboardData(userId);\n return c.json>({ success: true, data: dashboardData });\n } catch (error) {\n console.error(\"Error fetching dashboard data:\", error);\n return c.json>({ success: false, error: \"Failed to fetch dashboard data\" }, 500);\n }\n});\n\n// Add a health metric\nhealth.post(\"/metrics\", async (c) => {\n try {\n const body = await c.req.json();\n const { userId, type, value, unit, notes } = body as HealthMetricForm & { userId: number };\n\n if (!userId || !type || !value || !unit) {\n return c.json>({ success: false, error: \"Missing required fields\" }, 400);\n }\n\n const metric = await addHealthMetric({\n userId,\n type,\n value,\n unit,\n notes\n });\n\n return c.json>({ success: true, data: metric });\n } catch (error) {\n console.error(\"Error adding health metric:\", error);\n return c.json>({ success: false, error: \"Failed to add health metric\" }, 500);\n }\n});\n\n// Get health metrics for a user\nhealth.get(\"/metrics/:userId\", async (c) => {\n try {\n const userId = parseInt(c.req.param(\"userId\"));\n const type = c.req.query(\"type\");\n const limit = parseInt(c.req.query(\"limit\") || \"50\");\n\n if (isNaN(userId)) {\n return c.json>({ success: false, error: \"Invalid user ID\" }, 400);\n }\n\n const metrics = await getHealthMetricsByUser(userId, type, limit);\n return c.json>({ success: true, data: metrics });\n } catch (error) {\n console.error(\"Error fetching health metrics:\", error);\n return c.json>({ success: false, error: \"Failed to fetch health metrics\" }, 500);\n }\n});\n\n// Calculate and save BMI\nhealth.post(\"/bmi\", async (c) => {\n try {\n const body = await c.req.json();\n const { userId, height, weight, unit } = body as BMICalculatorForm & { userId: number };\n\n if (!userId || !height || !weight) {\n return c.json>({ success: false, error: \"Missing required fields\" }, 400);\n }\n\n const bmi = calculateBMI(weight, height, unit);\n const category = getBMICategory(bmi);\n\n // Convert to metric for storage\n let heightCm = height;\n let weightKg = weight;\n \n if (unit === 'imperial') {\n heightCm = height * 2.54; // inches to cm\n weightKg = weight * 0.453592; // pounds to kg\n }\n\n const bmiRecord = await addBMIRecord({\n userId,\n height: heightCm,\n weight: weightKg,\n bmi,\n category\n });\n\n return c.json>({ success: true, data: bmiRecord });\n } catch (error) {\n console.error(\"Error calculating BMI:\", error);\n return c.json>({ success: false, error: \"Failed to calculate BMI\" }, 500);\n }\n});\n\n// Get BMI history for a user\nhealth.get(\"/bmi/:userId\", async (c) => {\n try {\n const userId = parseInt(c.req.param(\"userId\"));\n const limit = parseInt(c.req.query(\"limit\") || \"20\");\n\n if (isNaN(userId)) {\n return c.json>({ success: false, error: \"Invalid user ID\" }, 400);\n }\n\n const bmiHistory = await getBMIHistoryByUser(userId, limit);\n return c.json>({ success: true, data: bmiHistory });\n } catch (error) {\n console.error(\"Error fetching BMI history:\", error);\n return c.json>({ success: false, error: \"Failed to fetch BMI history\" }, 500);\n }\n});\n\n// Get health tips\nhealth.get(\"/tips\", async (c) => {\n const tips = [\n {\n id: 1,\n title: \"Stay Hydrated\",\n content: \"Drink at least 8 glasses of water daily to maintain proper hydration.\",\n category: \"general\"\n },\n {\n id: 2,\n title: \"Regular Exercise\",\n content: \"Aim for at least 150 minutes of moderate aerobic activity per week.\",\n category: \"exercise\"\n },\n {\n id: 3,\n title: \"Balanced Diet\",\n content: \"Include a variety of fruits, vegetables, whole grains, and lean proteins in your diet.\",\n category: \"nutrition\"\n },\n {\n id: 4,\n title: \"Quality Sleep\",\n content: \"Get 7-9 hours of quality sleep each night for optimal health.\",\n category: \"general\"\n },\n {\n id: 5,\n title: \"Stress Management\",\n content: \"Practice relaxation techniques like deep breathing or meditation daily.\",\n category: \"mental_health\"\n }\n ];\n\n // Return a random tip or all tips\n const random = c.req.query(\"random\");\n if (random === \"true\") {\n const randomTip = tips[Math.floor(Math.random() * tips.length)];\n return c.json>({ success: true, data: randomTip });\n }\n\n return c.json>({ success: true, data: tips });\n});\n\n// Health assessment endpoint\nhealth.post(\"/assessment\", async (c) => {\n try {\n const body = await c.req.json();\n const { symptoms, severity, duration } = body;\n\n if (!symptoms || !Array.isArray(symptoms) || symptoms.length === 0) {\n return c.json>({ success: false, error: \"Symptoms are required\" }, 400);\n }\n\n // Simple symptom assessment logic\n const recommendations = [];\n \n if (severity === \"severe\" || symptoms.includes(\"chest pain\") || symptoms.includes(\"difficulty breathing\")) {\n recommendations.push(\"Seek immediate medical attention\");\n recommendations.push(\"Consider calling emergency services\");\n } else if (severity === \"moderate\" || duration === \"more than a week\") {\n recommendations.push(\"Schedule an appointment with your healthcare provider\");\n recommendations.push(\"Monitor symptoms closely\");\n } else {\n recommendations.push(\"Rest and stay hydrated\");\n recommendations.push(\"Monitor symptoms for changes\");\n recommendations.push(\"Consider over-the-counter remedies if appropriate\");\n }\n\n // Add general recommendations\n if (symptoms.includes(\"fever\")) {\n recommendations.push(\"Take temperature regularly\");\n recommendations.push(\"Stay hydrated and rest\");\n }\n \n if (symptoms.includes(\"headache\")) {\n recommendations.push(\"Ensure adequate hydration\");\n recommendations.push(\"Consider stress management techniques\");\n }\n\n const assessment = {\n symptoms,\n severity,\n duration,\n recommendations,\n disclaimer: \"This is not a substitute for professional medical advice. Always consult with a healthcare provider for proper diagnosis and treatment.\"\n };\n\n return c.json>({ success: true, data: assessment });\n } catch (error) {\n console.error(\"Error processing health assessment:\", error);\n return c.json>({ success: false, error: \"Failed to process assessment\" }, 500);\n }\n});\n\nexport default health;",[],[144,189,223],{"_102":230,"_95":231,"_145":232,"_147":190,"_148":134,"_149":233,"_151":152,"_104":234,"_99":31,"_154":173,"_156":235,"_157":27,"_158":-5,"_159":236,"_98":237},"eb83d252-39d6-11f0-b940-9e149126039e","static.ts","eb83d31a-39d6-11f0-b940-9e149126039e",12,["D",1748225568551],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nconst staticRoutes = new Hono();\n\n// Serve frontend files\nstaticRoutes.get(\"/frontend/*\", (c) => {\n return serveFile(c.req.path, import.meta.url);\n});\n\n// Serve shared files\nstaticRoutes.get(\"/shared/*\", (c) => {\n return serveFile(c.req.path, import.meta.url);\n});\n\n// Serve the main application\nstaticRoutes.get(\"/\", async (c) => {\n try {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject initial data to avoid extra round-trips\n const initialData = {\n appName: \"HealthHub\",\n version: \"1.0.0\",\n features: [\n \"Health Tracking\",\n \"BMI Calculator\", \n \"Appointment Booking\",\n \"Health Articles\",\n \"Exercise Library\",\n \"Emergency Contacts\"\n ]\n };\n \n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n } catch (error) {\n console.error(\"Error serving main page:\", error);\n return c.html(`\n \n \n \n HealthHub - Error\n \n \n \n \n

Error Loading HealthHub

Sorry, there was an error loading the application. Please try again later.

\n \n \n `, 500);\n }\n});\n\nexport default staticRoutes;",[],[144,189,231],[144,189],{"_102":240,"_95":241,"_145":242,"_147":146,"_148":134,"_149":133,"_151":152,"_104":243,"_99":244,"_154":245,"_156":246,"_157":27,"_158":-5,"_159":247,"_98":248},"a60f0ad0-39da-11f0-9a80-9e149126039e","index.ts","f2f52522-39d6-11f0-a7bb-9e149126039e",["D",1748227170009],5,"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { runMigrations, seedData } from \"./database/migrations.ts\";\nimport healthRoutes from \"./routes/health.ts\";\nimport appointmentRoutes from \"./routes/appointments.ts\";\nimport articleRoutes from \"./routes/articles.ts\";\nimport chatbotRoutes from \"./routes/chatbot.ts\";\nimport staticRoutes from \"./routes/static.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Initialize database on startup\ntry {\n await runMigrations();\n await seedData();\n console.log(\"✅ Database initialized successfully\");\n} catch (error) {\n console.error(\"❌ Database initialization failed:\", error);\n}\n\n// Health check endpoint\napp.get(\"/health\", (c) => {\n return c.json({ \n status: \"healthy\", \n timestamp: new Date().toISOString(),\n service: \"HealthHub API\"\n });\n});\n\n// API routes\napp.route(\"/api/health\", healthRoutes);\napp.route(\"/api/appointments\", appointmentRoutes);\napp.route(\"/api/articles\", articleRoutes);\napp.route(\"/api/chatbot\", chatbotRoutes);\n\n// Catch-all for API routes that don't exist\napp.get(\"/api/*\", (c) => {\n return c.json({ \n success: false, \n error: \"API endpoint not found\",\n availableEndpoints: [\n \"/api/health/*\",\n \"/api/appointments/*\", \n \"/api/articles/*\",\n \"/api/chatbot/*\"\n ]\n }, 404);\n});\n\n// Static file serving and main app\napp.route(\"/\", staticRoutes);\n\n// Global error handler for unmatched routes\napp.notFound((c) => {\n if (c.req.path.startsWith(\"/api/\")) {\n return c.json({ success: false, error: \"API endpoint not found\" }, 404);\n }\n \n // For non-API routes, redirect to main app\n return new Response(null, { \n status: 302, \n headers: { Location: \"/\" }\n });\n});\n\nconsole.log(\"🏥 HealthHub server starting...\");\nconsole.log(\"📊 Available endpoints:\");\nconsole.log(\" GET / - Main application\");\nconsole.log(\" GET /health - Health check\");\nconsole.log(\" GET /api/health/* - Health tracking API\");\nconsole.log(\" GET /api/appointments/* - Appointment management API\");\nconsole.log(\" GET /api/articles/* - Health articles and resources API\");\nconsole.log(\" POST /api/chatbot/* - AI chatbot API\");\n\nexport default app;",[],[144,241],[144],{"_102":251,"_95":252,"_145":253,"_147":-5,"_148":134,"_149":254,"_151":152,"_104":255,"_99":31,"_154":155,"_156":-5,"_157":27,"_158":-5,"_159":256,"_98":312},"1681e296-39d7-11f0-9fcb-9e149126039e","frontend","7d785f01-4c8c-401a-8327-7fdba35b935e",14,["D",1748225640677],[257,292,303],{"_102":258,"_95":259,"_145":260,"_147":253,"_148":134,"_149":261,"_151":152,"_104":262,"_99":31,"_154":155,"_156":-5,"_157":27,"_158":-5,"_159":263,"_98":291},"372680f6-39d7-11f0-9ef2-9e149126039e","components","c0ce082b-195a-4f53-aaa3-c0e957b568d7",16,["D",1748225695444],[264,273,282],{"_102":265,"_95":266,"_145":267,"_147":260,"_148":134,"_149":268,"_151":152,"_104":269,"_99":191,"_154":173,"_156":270,"_157":27,"_158":-5,"_159":271,"_98":272},"8de66746-39da-11f0-a1d5-9e149126039e","App.tsx","37263718-39d7-11f0-9ef2-9e149126039e",37,["D",1748227129477],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport Dashboard from \"./Dashboard.tsx\";\nimport BMICalculator from \"./BMICalculator.tsx\";\nimport HealthTracker from \"./HealthTracker.tsx\";\nimport AppointmentBooking from \"./AppointmentBooking.tsx\";\nimport SymptomChecker from \"./SymptomChecker.tsx\";\nimport ExerciseLibrary from \"./ExerciseLibrary.tsx\";\nimport HealthArticles from \"./HealthArticles.tsx\";\nimport EmergencyContacts from \"./EmergencyContacts.tsx\";\nimport HealthDictionary from \"./HealthDictionary.tsx\";\nimport Chatbot from \"./Chatbot.tsx\";\n\ntype ActiveView = 'home' | 'dashboard' | 'bmi' | 'tracker' | 'appointments' | 'symptoms' | 'exercises' | 'articles' | 'dictionary' | 'emergency';\n\ninterface User {\n id: number;\n name: string;\n email: string;\n}\n\ninterface TabItem {\n id: ActiveView;\n label: string;\n icon: string;\n description: string;\n}\n\nconst App: React.FC = () => {\n const [activeView, setActiveView] = useState('home');\n const [user, setUser] = useState(null);\n const [isLoading, setIsLoading] = useState(false);\n\n // Define navigation tabs\n const tabs: TabItem[] = [\n { id: 'home', label: 'Home', icon: '🏠', description: 'Main dashboard and overview' },\n { id: 'dashboard', label: 'Dashboard', icon: '📊', description: 'Health overview and metrics' },\n { id: 'bmi', label: 'BMI Calculator', icon: '⚖️', description: 'Calculate Body Mass Index' },\n { id: 'tracker', label: 'Health Tracker', icon: '📈', description: 'Log health metrics' },\n { id: 'appointments', label: 'Appointments', icon: '📅', description: 'Book and manage appointments' },\n { id: 'symptoms', label: 'Symptom Checker', icon: '🩺', description: 'Check symptoms and get advice' },\n { id: 'exercises', label: 'Exercises', icon: '💪', description: 'Workout routines and fitness' },\n { id: 'articles', label: 'Health Articles', icon: '📚', description: 'Educational health content' },\n { id: 'dictionary', label: 'Health Dictionary', icon: '📖', description: 'Medical terms and definitions' },\n { id: 'emergency', label: 'Emergency', icon: '🚨', description: 'Emergency contacts and info' }\n ];\n\n // Demo user for testing - in a real app, this would come from authentication\n useEffect(() => {\n // Simulate user login\n setUser({\n id: 1,\n name: \"Demo User\",\n email: \"demo@healthhub.com\"\n });\n }, []);\n\n // Handle feature card clicks from the main page\n useEffect(() => {\n const handleFeatureClick = (event: Event) => {\n const target = event.target as HTMLElement;\n const featureCard = target.closest('[data-feature]');\n if (featureCard) {\n const feature = featureCard.getAttribute('data-feature');\n switch (feature) {\n case 'bmi':\n setActiveView('bmi');\n break;\n case 'tracker':\n setActiveView('tracker');\n break;\n case 'appointments':\n setActiveView('appointments');\n break;\n case 'symptoms':\n setActiveView('symptoms');\n break;\n case 'exercises':\n setActiveView('exercises');\n break;\n case 'articles':\n setActiveView('articles');\n break;\n case 'dictionary':\n setActiveView('dictionary');\n break;\n default:\n setActiveView('dashboard');\n }\n }\n };\n\n document.addEventListener('click', handleFeatureClick);\n return () => document.removeEventListener('click', handleFeatureClick);\n }, []);\n\n // Handle navigation clicks\n useEffect(() => {\n const handleNavClick = (event: Event) => {\n const target = event.target as HTMLElement;\n if (target.classList.contains('nav-link')) {\n event.preventDefault();\n const href = target.getAttribute('href');\n switch (href) {\n case '#dashboard':\n setActiveView('dashboard');\n break;\n case '#tracking':\n setActiveView('tracker');\n break;\n case '#appointments':\n setActiveView('appointments');\n break;\n case '#resources':\n setActiveView('articles');\n break;\n case '#dictionary':\n setActiveView('dictionary');\n break;\n case '#emergency':\n setActiveView('emergency');\n break;\n default:\n setActiveView('home');\n }\n }\n };\n\n document.addEventListener('click', handleNavClick);\n return () => document.removeEventListener('click', handleNavClick);\n }, []);\n\n const renderActiveView = () => {\n if (!user) {\n return (\n

Loading user data...

\n );\n }\n\n switch (activeView) {\n case 'dashboard':\n return ;\n case 'bmi':\n return setActiveView('home')} />;\n case 'tracker':\n return setActiveView('home')} />;\n case 'appointments':\n return setActiveView('home')} />;\n case 'symptoms':\n return setActiveView('home')} />;\n case 'exercises':\n return setActiveView('home')} />;\n case 'articles':\n return setActiveView('home')} />;\n case 'dictionary':\n return setActiveView('home')} />;\n case 'emergency':\n return setActiveView('home')} />;\n default:\n return null; // Show the static HTML content\n }\n };\n\n // If we're showing the home view, don't render anything (let static HTML show)\n if (activeView === 'home') {\n return (\n <>\n {/* Chatbot for home page */}\n \n \n );\n }\n\n return (\n

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

\n \n

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

\n {tabs.slice(1).map(tab => (\n setActiveView(tab.id)}\n className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n activeView === tab.id\n ? 'bg-blue-500 text-white'\n : 'text-blue-100 hover:text-white hover:bg-blue-500'\n }`}\n title={tab.description}\n >\n {tab.icon}\n {tab.label}\n \n ))}\n

\n \n

\n {user && (\n

\n Welcome, {user.name}\n

\n )}\n \n

\n \n {/* Mobile Tab Navigation */}\n

\n {tabs.slice(1).map(tab => (\n setActiveView(tab.id)}\n className={`flex-shrink-0 px-3 py-1 rounded-full text-xs font-medium transition-colors ${\n activeView === tab.id\n ? 'bg-blue-500 text-white'\n : 'text-blue-100 hover:text-white hover:bg-blue-500'\n }`}\n >\n {tab.icon}\n {tab.label}\n \n ))}\n

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

\n {isLoading ? (\n

\n ) : (\n renderActiveView()\n )}\n

\n \n {/* Chatbot - Available on all pages */}\n \n

\n );\n};\n\nexport default App;",[],[252,259,266],{"_102":274,"_95":275,"_145":276,"_147":260,"_148":134,"_149":277,"_151":152,"_104":278,"_99":31,"_154":173,"_156":279,"_157":27,"_158":-5,"_159":280,"_98":281},"63aac26c-39d8-11f0-b422-9e149126039e","Chatbot.tsx","63aac348-39d8-11f0-b422-9e149126039e",19,["D",1748226199630],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\n\ninterface Message {\n id: string;\n text: string;\n sender: 'user' | 'bot';\n timestamp: Date;\n type?: 'text' | 'quick_reply' | 'typing';\n}\n\ninterface ChatbotProps {\n user?: {\n id: number;\n name: string;\n email: string;\n };\n}\n\nconst Chatbot: React.FC = ({ user }) => {\n const [isOpen, setIsOpen] = useState(false);\n const [messages, setMessages] = useState([]);\n const [inputText, setInputText] = useState('');\n const [isTyping, setIsTyping] = useState(false);\n const [conversationId, setConversationId] = useState('');\n const messagesEndRef = useRef(null);\n\n // Initialize conversation\n useEffect(() => {\n if (isOpen && messages.length === 0) {\n const welcomeMessage: Message = {\n id: generateId(),\n text: `Hello! I'm HealthBot, your AI health assistant. I can help you with general health questions, explain medical terms, provide wellness tips, and guide you through our platform features. How can I assist you today?`,\n sender: 'bot',\n timestamp: new Date()\n };\n setMessages([welcomeMessage]);\n setConversationId(generateId());\n }\n }, [isOpen]);\n\n // Auto-scroll to bottom\n useEffect(() => {\n scrollToBottom();\n }, [messages]);\n\n const scrollToBottom = () => {\n messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });\n };\n\n const generateId = () => {\n return Date.now().toString(36) + Math.random().toString(36).substr(2);\n };\n\n const addMessage = (text: string, sender: 'user' | 'bot', type: 'text' | 'quick_reply' | 'typing' = 'text') => {\n const message: Message = {\n id: generateId(),\n text,\n sender,\n timestamp: new Date(),\n type\n };\n setMessages(prev => [...prev, message]);\n return message;\n };\n\n const handleSendMessage = async () => {\n if (!inputText.trim()) return;\n\n const userMessage = inputText.trim();\n setInputText('');\n \n // Add user message\n addMessage(userMessage, 'user');\n \n // Show typing indicator\n setIsTyping(true);\n \n try {\n // Send to AI chatbot API\n const response = await fetch('/api/chatbot/message', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n message: userMessage,\n conversationId,\n userId: user?.id,\n context: {\n userName: user?.name,\n userEmail: user?.email,\n timestamp: new Date().toISOString()\n }\n })\n });\n\n const result = await response.json();\n \n if (result.success) {\n // Add bot response\n addMessage(result.data.response, 'bot');\n \n // Add quick reply suggestions if provided\n if (result.data.suggestions && result.data.suggestions.length > 0) {\n setTimeout(() => {\n addQuickReplies(result.data.suggestions);\n }, 500);\n }\n } else {\n addMessage(\"I'm sorry, I'm having trouble processing your request right now. Please try again or contact our support team.\", 'bot');\n }\n } catch (error) {\n console.error('Chatbot error:', error);\n addMessage(\"I'm experiencing technical difficulties. Please try again in a moment.\", 'bot');\n } finally {\n setIsTyping(false);\n }\n };\n\n const addQuickReplies = (suggestions: string[]) => {\n const quickReplyMessage: Message = {\n id: generateId(),\n text: JSON.stringify(suggestions), // Store suggestions in text field\n sender: 'bot',\n timestamp: new Date(),\n type: 'quick_reply'\n };\n setMessages(prev => [...prev, quickReplyMessage]);\n };\n\n const handleQuickReply = (suggestion: string) => {\n setInputText(suggestion);\n // Remove quick reply message\n setMessages(prev => prev.filter(msg => msg.type !== 'quick_reply'));\n };\n\n const handleKeyPress = (e: React.KeyboardEvent) => {\n if (e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n handleSendMessage();\n }\n };\n\n const endConversation = async () => {\n try {\n // Send conversation to site manager\n await fetch('/api/chatbot/end-conversation', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n conversationId,\n messages: messages.filter(msg => msg.type !== 'quick_reply'),\n userId: user?.id,\n userInfo: {\n name: user?.name,\n email: user?.email\n },\n endedAt: new Date().toISOString()\n })\n });\n \n addMessage(\"Thank you for using HealthBot! Your conversation has been saved and our team may follow up if needed. Have a great day!\", 'bot');\n \n setTimeout(() => {\n setIsOpen(false);\n setMessages([]);\n setConversationId('');\n }, 3000);\n } catch (error) {\n console.error('Error ending conversation:', error);\n }\n };\n\n const renderMessage = (message: Message) => {\n if (message.type === 'quick_reply') {\n const suggestions = JSON.parse(message.text);\n return (\n

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;",[],[252,259,275],{"_102":283,"_95":284,"_145":285,"_147":260,"_148":134,"_149":286,"_151":152,"_104":287,"_99":31,"_154":173,"_156":288,"_157":27,"_158":-5,"_159":289,"_98":290},"297b0bd6-39da-11f0-b461-9e149126039e","HealthDictionary.tsx","297b0c6c-39da-11f0-b461-9e149126039e",28,["D",1748226961002],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\n\ninterface DictionaryEntry {\n id: number;\n term: string;\n definition: string;\n category: string;\n pronunciation?: string;\n synonyms: string[];\n relatedTerms: string[];\n examples?: string[];\n}\n\ninterface HealthDictionaryProps {\n onBack: () => void;\n}\n\nconst HealthDictionary: React.FC = ({ onBack }) => {\n const [entries, setEntries] = useState([]);\n const [filteredEntries, setFilteredEntries] = useState([]);\n const [searchTerm, setSearchTerm] = useState('');\n const [selectedCategory, setSelectedCategory] = useState('all');\n const [selectedEntry, setSelectedEntry] = useState(null);\n const [isLoading, setIsLoading] = useState(true);\n const [alphabetFilter, setAlphabetFilter] = useState('all');\n\n const categories = [\n { id: 'all', name: 'All Categories', icon: '📚' },\n { id: 'anatomy', name: 'Anatomy', icon: '🫀' },\n { id: 'conditions', name: 'Medical Conditions', icon: '🩺' },\n { id: 'procedures', name: 'Medical Procedures', icon: '⚕️' },\n { id: 'medications', name: 'Medications', icon: '💊' },\n { id: 'nutrition', name: 'Nutrition', icon: '🥗' },\n { id: 'fitness', name: 'Fitness & Exercise', icon: '💪' },\n { id: 'mental_health', name: 'Mental Health', icon: '🧠' },\n { id: 'prevention', name: 'Prevention', icon: '🛡️' },\n { id: 'symptoms', name: 'Symptoms', icon: '🤒' }\n ];\n\n const alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');\n\n useEffect(() => {\n loadDictionaryEntries();\n }, []);\n\n useEffect(() => {\n filterEntries();\n }, [entries, searchTerm, selectedCategory, alphabetFilter]);\n\n const loadDictionaryEntries = async () => {\n try {\n setIsLoading(true);\n const response = await fetch('/api/articles/dictionary');\n const result = await response.json();\n \n if (result.success) {\n setEntries(result.data);\n } else {\n // Fallback to local data if API fails\n setEntries(getMockDictionaryData());\n }\n } catch (error) {\n console.error('Error loading dictionary:', error);\n setEntries(getMockDictionaryData());\n } finally {\n setIsLoading(false);\n }\n };\n\n const filterEntries = () => {\n let filtered = entries;\n\n // Filter by search term\n if (searchTerm) {\n filtered = filtered.filter(entry =>\n entry.term.toLowerCase().includes(searchTerm.toLowerCase()) ||\n entry.definition.toLowerCase().includes(searchTerm.toLowerCase()) ||\n entry.synonyms.some(synonym => \n synonym.toLowerCase().includes(searchTerm.toLowerCase())\n )\n );\n }\n\n // Filter by category\n if (selectedCategory !== 'all') {\n filtered = filtered.filter(entry => entry.category === selectedCategory);\n }\n\n // Filter by alphabet\n if (alphabetFilter !== 'all') {\n filtered = filtered.filter(entry => \n entry.term.charAt(0).toUpperCase() === alphabetFilter\n );\n }\n\n // Sort alphabetically\n filtered.sort((a, b) => a.term.localeCompare(b.term));\n\n setFilteredEntries(filtered);\n };\n\n const handleEntryClick = (entry: DictionaryEntry) => {\n setSelectedEntry(entry);\n };\n\n const handleRelatedTermClick = (term: string) => {\n const relatedEntry = entries.find(entry => \n entry.term.toLowerCase() === term.toLowerCase()\n );\n if (relatedEntry) {\n setSelectedEntry(relatedEntry);\n } else {\n setSearchTerm(term);\n setSelectedEntry(null);\n }\n };\n\n const getMockDictionaryData = (): DictionaryEntry[] => {\n return [\n {\n id: 1,\n term: \"Hypertension\",\n definition: \"A condition in which blood pressure in the arteries is persistently elevated. Also known as high blood pressure.\",\n category: \"conditions\",\n pronunciation: \"hahy-per-TEN-shuhn\",\n synonyms: [\"High Blood Pressure\", \"Arterial Hypertension\"],\n relatedTerms: [\"Blood Pressure\", \"Systolic\", \"Diastolic\", \"Cardiovascular\"],\n examples: [\"Essential hypertension\", \"Secondary hypertension\"]\n },\n {\n id: 2,\n term: \"BMI\",\n definition: \"Body Mass Index - a measure of body fat based on height and weight that applies to adult men and women.\",\n category: \"fitness\",\n pronunciation: \"bee-em-ahy\",\n synonyms: [\"Body Mass Index\", \"Quetelet Index\"],\n relatedTerms: [\"Obesity\", \"Underweight\", \"Overweight\", \"Body Fat\"],\n examples: [\"BMI of 18.5-24.9 is considered normal weight\"]\n },\n {\n id: 3,\n term: \"Diabetes\",\n definition: \"A group of metabolic disorders characterized by high blood sugar levels over a prolonged period.\",\n category: \"conditions\",\n pronunciation: \"dahy-uh-BEE-teez\",\n synonyms: [\"Diabetes Mellitus\"],\n relatedTerms: [\"Insulin\", \"Glucose\", \"Blood Sugar\", \"Pancreas\"],\n examples: [\"Type 1 diabetes\", \"Type 2 diabetes\", \"Gestational diabetes\"]\n },\n {\n id: 4,\n term: \"Cardiovascular\",\n definition: \"Relating to the heart and blood vessels. The cardiovascular system includes the heart, arteries, veins, and capillaries.\",\n category: \"anatomy\",\n pronunciation: \"kahr-dee-oh-VAS-kyuh-ler\",\n synonyms: [\"Circulatory System\"],\n relatedTerms: [\"Heart\", \"Blood Vessels\", \"Arteries\", \"Veins\"],\n examples: [\"Cardiovascular exercise\", \"Cardiovascular disease\"]\n },\n {\n id: 5,\n term: \"Antioxidant\",\n definition: \"A substance that may prevent or delay cell damage caused by free radicals. Found in many foods, especially fruits and vegetables.\",\n category: \"nutrition\",\n pronunciation: \"an-tee-OK-si-duhnt\",\n synonyms: [\"Free Radical Scavenger\"],\n relatedTerms: [\"Free Radicals\", \"Vitamins\", \"Phytochemicals\"],\n examples: [\"Vitamin C\", \"Vitamin E\", \"Beta-carotene\"]\n },\n {\n id: 6,\n term: \"Anxiety\",\n definition: \"A feeling of worry, nervousness, or unease about something with an uncertain outcome. Can be a normal response or a mental health disorder.\",\n category: \"mental_health\",\n pronunciation: \"ang-ZAHY-i-tee\",\n synonyms: [\"Nervousness\", \"Worry\", \"Apprehension\"],\n relatedTerms: [\"Stress\", \"Depression\", \"Panic\", \"Mental Health\"],\n examples: [\"Generalized anxiety disorder\", \"Social anxiety\"]\n },\n {\n id: 7,\n term: \"Vaccination\",\n definition: \"The administration of a vaccine to help the immune system develop protection against a disease.\",\n category: \"prevention\",\n pronunciation: \"vak-suh-NEY-shuhn\",\n synonyms: [\"Immunization\", \"Inoculation\"],\n relatedTerms: [\"Vaccine\", \"Immunity\", \"Antibodies\", \"Prevention\"],\n examples: [\"Flu vaccination\", \"COVID-19 vaccination\"]\n },\n {\n id: 8,\n term: \"Metabolism\",\n definition: \"The chemical processes that occur within a living organism to maintain life, including breaking down food for energy.\",\n category: \"anatomy\",\n pronunciation: \"muh-TAB-uh-liz-uhm\",\n synonyms: [\"Metabolic Process\"],\n relatedTerms: [\"Calories\", \"Energy\", \"Digestion\", \"Nutrients\"],\n examples: [\"Basal metabolism\", \"Metabolic rate\"]\n },\n {\n id: 9,\n term: \"Aerobic Exercise\",\n definition: \"Physical exercise that requires oxygen to adequately meet energy demands during exercise via aerobic metabolism.\",\n category: \"fitness\",\n pronunciation: \"air-OH-bik\",\n synonyms: [\"Cardio Exercise\", \"Endurance Exercise\"],\n relatedTerms: [\"Cardiovascular\", \"Heart Rate\", \"Endurance\", \"Oxygen\"],\n examples: [\"Running\", \"Swimming\", \"Cycling\"]\n },\n {\n id: 10,\n term: \"Fever\",\n definition: \"A temporary increase in body temperature, often due to an illness. Normal body temperature is around 98.6°F (37°C).\",\n category: \"symptoms\",\n pronunciation: \"FEE-ver\",\n synonyms: [\"Pyrexia\", \"High Temperature\"],\n relatedTerms: [\"Temperature\", \"Infection\", \"Immune Response\"],\n examples: [\"Low-grade fever\", \"High fever\"]\n }\n ];\n };\n\n if (isLoading) {\n return (\n

Loading health dictionary...

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

\n {/* Header */}\n

\n \n \n \n

Health Dictionary

Comprehensive medical and health terminology

📖

\n\n {/* Search Bar */}\n

\n setSearchTerm(e.target.value)}\n className=\"w-full pl-10 pr-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n />\n \n

\n\n {/* Category Filter */}\n

Filter by Category:

\n {categories.map(category => (\n setSelectedCategory(category.id)}\n className={`px-3 py-1 rounded-full text-sm transition-colors ${\n selectedCategory === category.id\n ? 'bg-blue-600 text-white'\n : 'bg-gray-100 text-gray-700 hover:bg-gray-200'\n }`}\n >\n {category.icon} {category.name}\n \n ))}\n

\n\n {/* Alphabet Filter */}\n

Browse by Letter:

\n setAlphabetFilter('all')}\n className={`px-2 py-1 rounded text-sm transition-colors ${\n alphabetFilter === 'all'\n ? 'bg-blue-600 text-white'\n : 'bg-gray-100 text-gray-700 hover:bg-gray-200'\n }`}\n >\n All\n \n {alphabet.map(letter => (\n setAlphabetFilter(letter)}\n className={`px-2 py-1 rounded text-sm transition-colors ${\n alphabetFilter === letter\n ? 'bg-blue-600 text-white'\n : 'bg-gray-100 text-gray-700 hover:bg-gray-200'\n }`}\n >\n {letter}\n \n ))}\n

\n\n

\n {/* Dictionary Entries List */}\n

\n Dictionary Entries ({filteredEntries.length})\n

\n \n

\n {filteredEntries.length === 0 ? (\n

🔍

No entries found matching your search criteria.

Try adjusting your search terms or filters.

\n ) : (\n

\n {filteredEntries.map(entry => (\n handleEntryClick(entry)}\n className=\"p-4 hover:bg-gray-50 cursor-pointer transition-colors\"\n >\n

\n {entry.term}\n

\n {entry.pronunciation && (\n

\n /{entry.pronunciation}/\n

\n )}\n

\n {entry.definition}\n

\n \n {categories.find(cat => cat.id === entry.category)?.icon} {' '}\n {categories.find(cat => cat.id === entry.category)?.name}\n \n

\n \n

\n ))}\n

\n )}\n

\n\n {/* Selected Entry Details */}\n

\n {selectedEntry ? (\n

\n {selectedEntry.term}\n

\n \n {selectedEntry.pronunciation && (\n

\n /{selectedEntry.pronunciation}/\n

\n )}\n\n

\n \n {categories.find(cat => cat.id === selectedEntry.category)?.icon} {' '}\n {categories.find(cat => cat.id === selectedEntry.category)?.name}\n \n

\n\n

Definition

\n {selectedEntry.definition}\n

\n\n {selectedEntry.synonyms.length > 0 && (\n

Synonyms

\n {selectedEntry.synonyms.map((synonym, index) => (\n \n {synonym}\n \n ))}\n

\n )}\n\n {selectedEntry.examples && selectedEntry.examples.length > 0 && (\n

Examples

{example}

\n )}\n\n {selectedEntry.relatedTerms.length > 0 && (\n

Related Terms

\n {selectedEntry.relatedTerms.map((term, index) => (\n handleRelatedTermClick(term)}\n className=\"px-2 py-1 bg-blue-50 text-blue-600 rounded text-sm hover:bg-blue-100 transition-colors\"\n >\n {term}\n \n ))}\n

\n )}\n

\n ) : (\n

📖

Select a term from the list to view its detailed definition and related information.

\n )}\n

\n );\n};\n\nexport default HealthDictionary;",[],[252,259,284],[252,259],{"_102":293,"_95":294,"_145":295,"_147":253,"_148":134,"_149":296,"_151":152,"_104":297,"_99":298,"_154":299,"_156":300,"_157":27,"_158":-5,"_159":301,"_98":302},"7be70d98-39da-11f0-acee-9e149126039e","index.html","168196a6-39d7-11f0-9fcb-9e149126039e",36,["D",1748227099281],3,"file","\n\n\n \n \n HealthHub - Your Complete Health Platform\n \n \n \n 🏥\">\n \n \n \n \n \n \n \n \n \n\n\n \n

🏥

HealthHub

Loading your health platform...

\n\n \n

\n \n

\n 🏥\n HealthHub\n

\n \n

\n Dashboard\n Health Tracking\n Appointments\n Resources\n Dictionary\n Emergency\n

\n \n \n

\n \n \n \n

\n\n \n

\n \n

\n Welcome to HealthHub\n

\n Your comprehensive health management platform. Track your health metrics, \n book appointments, access health resources, and stay on top of your wellness journey.\n

\n \n \n

📊

15+

Health Tools

🏥

24/7

Access

📱

100%

Mobile Ready

🔒

Secure

& Private

\n\n \n

Health Management Tools

\n \n

⚖️

BMI Calculator

Calculate your Body Mass Index and track your weight status over time.

Calculate Now →

\n \n \n

📈

Health Tracker

Log and monitor vital signs, weight, blood pressure, and more.

Start Tracking →

\n \n \n

📅

Book Appointments

Schedule appointments with healthcare providers easily.

Book Now →

\n \n \n

🩺

Symptom Checker

Get preliminary health assessments based on your symptoms.

Check Symptoms →

\n \n \n

💪

Exercise Library

Access workout routines and fitness guides for all levels.

Browse Exercises →

\n \n \n

📚

Health Articles

Read expert articles on nutrition, wellness, and health tips.

Read Articles →

\n \n \n

📖

Health Dictionary

Look up medical terms, definitions, and health concepts.

Browse Dictionary →

\n\n \n

\n 🚨\n

Emergency Contacts

Quick access to emergency services and important health contacts.

\n \n

Emergency Services

911

Life-threatening emergencies

Poison Control

1-800-222-1222

Poisoning emergencies

Crisis Text Line

Text HOME to 741741

Mental health crisis

\n\n \n

💡

Daily Health Tip

Loading health tip...

\n \n

\n\n \n \n

\n\n \n \n\n",[],[252,294],{"_102":304,"_95":305,"_145":306,"_147":253,"_148":134,"_149":307,"_151":152,"_104":308,"_99":31,"_154":173,"_156":309,"_157":27,"_158":-5,"_159":310,"_98":311},"26137f94-39d7-11f0-9818-9e149126039e","index.tsx","26138084-39d7-11f0-9818-9e149126039e",15,["D",1748225666801],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./components/App.tsx\";\n\n// Initialize the React application\nfunction initializeApp() {\n const container = document.getElementById('app');\n if (!container) {\n console.error('App container not found');\n return;\n }\n\n const root = createRoot(container);\n root.render();\n}\n\n// Enhanced loading and initialization\nasync function startApp() {\n try {\n // Simulate loading time for better UX\n await new Promise(resolve => setTimeout(resolve, 1500));\n \n // Hide loading screen\n const loadingScreen = document.getElementById('loading-screen');\n const appContainer = document.getElementById('app');\n \n if (loadingScreen && appContainer) {\n loadingScreen.style.opacity = '0';\n loadingScreen.style.transition = 'opacity 0.5s ease';\n \n setTimeout(() => {\n loadingScreen.style.display = 'none';\n appContainer.classList.remove('hidden');\n appContainer.style.opacity = '0';\n appContainer.style.transition = 'opacity 0.5s ease';\n \n setTimeout(() => {\n appContainer.style.opacity = '1';\n }, 50);\n }, 500);\n }\n\n // Initialize React app\n initializeApp();\n \n // Setup basic interactivity for non-React elements\n setupBasicInteractivity();\n \n console.log('✅ HealthHub application initialized successfully');\n } catch (error) {\n console.error('❌ Failed to initialize HealthHub:', error);\n showErrorState();\n }\n}\n\n// Setup basic interactivity for static elements\nfunction setupBasicInteractivity() {\n // Mobile menu toggle\n const mobileMenuBtn = document.getElementById('mobile-menu-btn');\n const mobileMenu = document.getElementById('mobile-menu');\n \n if (mobileMenuBtn && mobileMenu) {\n mobileMenuBtn.addEventListener('click', () => {\n mobileMenu.classList.toggle('hidden');\n });\n }\n\n // Smooth scrolling for navigation links\n document.querySelectorAll('.nav-link').forEach(link => {\n link.addEventListener('click', (e) => {\n e.preventDefault();\n const href = link.getAttribute('href');\n if (href && href.startsWith('#')) {\n const target = document.querySelector(href);\n if (target) {\n target.scrollIntoView({ behavior: 'smooth' });\n }\n }\n });\n });\n\n // Feature card interactions\n document.querySelectorAll('[data-feature]').forEach(card => {\n card.addEventListener('click', () => {\n const feature = card.getAttribute('data-feature');\n console.log(`Opening ${feature} feature`);\n // This will be handled by React components\n });\n });\n\n // Daily health tip functionality\n loadDailyHealthTip();\n \n const newTipBtn = document.getElementById('new-tip-btn');\n if (newTipBtn) {\n newTipBtn.addEventListener('click', loadDailyHealthTip);\n }\n}\n\n// Load and display daily health tip\nasync function loadDailyHealthTip() {\n const tipElement = document.getElementById('daily-tip');\n if (!tipElement) return;\n\n try {\n tipElement.textContent = 'Loading new tip...';\n \n const response = await fetch('/api/health/tips?random=true');\n const result = await response.json();\n \n if (result.success && result.data) {\n tipElement.textContent = result.data.content;\n } else {\n // Fallback tips\n const fallbackTips = [\n \"Drink at least 8 glasses of water daily to stay hydrated.\",\n \"Aim for 7-9 hours of quality sleep each night.\",\n \"Take a 10-minute walk after meals to aid digestion.\",\n \"Practice deep breathing for 5 minutes daily to reduce stress.\",\n \"Eat a variety of colorful fruits and vegetables.\"\n ];\n const randomTip = fallbackTips[Math.floor(Math.random() * fallbackTips.length)];\n tipElement.textContent = randomTip;\n }\n } catch (error) {\n console.error('Error loading health tip:', error);\n tipElement.textContent = \"Stay active, eat well, and prioritize your mental health!\";\n }\n}\n\n// Show error state if app fails to load\nfunction showErrorState() {\n const loadingScreen = document.getElementById('loading-screen');\n if (loadingScreen) {\n loadingScreen.innerHTML = `\n

⚠️

Error Loading HealthHub

Sorry, there was an error loading the application.

\n \n

\n `;\n }\n}\n\n// Check if DOM is ready\nif (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', startApp);\n} else {\n startApp();\n}\n\n// Global error handler\nwindow.addEventListener('error', (event) => {\n console.error('Global error:', event.error);\n});\n\nwindow.addEventListener('unhandledrejection', (event) => {\n console.error('Unhandled promise rejection:', event.reason);\n});\n\n// Export for debugging\n(window as any).HealthHub = {\n version: '1.0.0',\n initialized: false,\n restart: startApp\n};",[],[252,305],[252],{"_102":314,"_95":315,"_145":316,"_147":-5,"_148":134,"_149":244,"_151":152,"_104":317,"_99":31,"_154":155,"_156":-5,"_157":27,"_158":-5,"_159":318,"_98":336},"5f17f938-39d6-11f0-becb-9e149126039e","shared","6d05576d-b466-41ec-b50a-0d6b5dfb0559",["D",1748225332963],[319,327],{"_102":320,"_95":321,"_145":322,"_147":316,"_148":134,"_149":244,"_151":152,"_104":323,"_99":31,"_154":173,"_156":324,"_157":27,"_158":-5,"_159":325,"_98":326},"5f17ebfa-39d6-11f0-becb-9e149126039e","types.ts","5f17ecea-39d6-11f0-becb-9e149126039e",["D",1748225332963],"// Shared TypeScript types for the health platform\n\nexport interface User {\n id: number;\n name: string;\n email: string;\n dateOfBirth: string;\n gender: 'male' | 'female' | 'other';\n emergencyContact: string;\n createdAt: string;\n}\n\nexport interface HealthMetric {\n id: number;\n userId: number;\n type: 'weight' | 'blood_pressure' | 'heart_rate' | 'blood_sugar' | 'temperature';\n value: string; // JSON string for complex values like BP (systolic/diastolic)\n unit: string;\n recordedAt: string;\n notes?: string;\n}\n\nexport interface BMIRecord {\n id: number;\n userId: number;\n height: number; // in cm\n weight: number; // in kg\n bmi: number;\n category: 'underweight' | 'normal' | 'overweight' | 'obese';\n calculatedAt: string;\n}\n\nexport interface Appointment {\n id: number;\n userId: number;\n doctorName: string;\n specialty: string;\n appointmentDate: string;\n appointmentTime: string;\n reason: string;\n status: 'scheduled' | 'completed' | 'cancelled';\n notes?: string;\n createdAt: string;\n}\n\nexport interface Medication {\n id: number;\n userId: number;\n name: string;\n dosage: string;\n frequency: string;\n startDate: string;\n endDate?: string;\n instructions: string;\n isActive: boolean;\n}\n\nexport interface HealthGoal {\n id: number;\n userId: number;\n title: string;\n description: string;\n targetValue: number;\n currentValue: number;\n unit: string;\n targetDate: string;\n category: 'weight' | 'exercise' | 'nutrition' | 'mental_health' | 'other';\n isCompleted: boolean;\n createdAt: string;\n}\n\nexport interface HealthArticle {\n id: number;\n title: string;\n content: string;\n category: 'nutrition' | 'exercise' | 'mental_health' | 'prevention' | 'general';\n author: string;\n publishedAt: string;\n tags: string[];\n readTime: number; // in minutes\n}\n\nexport interface Exercise {\n id: number;\n name: string;\n category: 'cardio' | 'strength' | 'flexibility' | 'balance';\n description: string;\n instructions: string[];\n duration: number; // in minutes\n difficulty: 'beginner' | 'intermediate' | 'advanced';\n equipment: string[];\n}\n\nexport interface SymptomCheck {\n id: number;\n userId: number;\n symptoms: string[];\n severity: 'mild' | 'moderate' | 'severe';\n duration: string;\n recommendations: string[];\n checkedAt: string;\n}\n\nexport interface EmergencyContact {\n id: number;\n name: string;\n phone: string;\n relationship: string;\n isDefault: boolean;\n}\n\nexport interface HealthDashboardData {\n user: User;\n recentMetrics: HealthMetric[];\n upcomingAppointments: Appointment[];\n activeMedications: Medication[];\n activeGoals: HealthGoal[];\n bmiHistory: BMIRecord[];\n}\n\n// API Response types\nexport interface ApiResponse {\n success: boolean;\n data?: T;\n error?: string;\n message?: string;\n}\n\n// Form types\nexport interface BMICalculatorForm {\n height: number;\n weight: number;\n unit: 'metric' | 'imperial';\n}\n\nexport interface HealthMetricForm {\n type: HealthMetric['type'];\n value: string;\n unit: string;\n notes?: string;\n}\n\nexport interface AppointmentForm {\n doctorName: string;\n specialty: string;\n appointmentDate: string;\n appointmentTime: string;\n reason: string;\n}\n\nexport interface MedicationForm {\n name: string;\n dosage: string;\n frequency: string;\n startDate: string;\n endDate?: string;\n instructions: string;\n}\n\nexport interface HealthGoalForm {\n title: string;\n description: string;\n targetValue: number;\n unit: string;\n targetDate: string;\n category: HealthGoal['category'];\n}",[],[315,321],{"_102":328,"_95":329,"_145":330,"_147":316,"_148":134,"_149":331,"_151":152,"_104":332,"_99":31,"_154":173,"_156":333,"_157":27,"_158":-5,"_159":334,"_98":335},"6e82f012-39d6-11f0-9854-9e149126039e","utils.ts","6e82f0c6-39d6-11f0-9854-9e149126039e",6,["D",1748225358829],"// Shared utility functions for the health platform\n\nexport function calculateBMI(weight: number, height: number, unit: 'metric' | 'imperial' = 'metric'): number {\n if (unit === 'imperial') {\n // Convert pounds to kg and inches to cm\n weight = weight * 0.453592;\n height = height * 2.54;\n }\n \n const heightInMeters = height / 100;\n return Number((weight / (heightInMeters * heightInMeters)).toFixed(1));\n}\n\nexport function getBMICategory(bmi: number): 'underweight' | 'normal' | 'overweight' | 'obese' {\n if (bmi < 18.5) return 'underweight';\n if (bmi < 25) return 'normal';\n if (bmi < 30) return 'overweight';\n return 'obese';\n}\n\nexport function getBMIDescription(category: string): string {\n const descriptions = {\n underweight: 'Below normal weight',\n normal: 'Normal weight',\n overweight: 'Above normal weight',\n obese: 'Significantly above normal weight'\n };\n return descriptions[category as keyof typeof descriptions] || 'Unknown';\n}\n\nexport function formatDate(date: string | Date): string {\n return new Date(date).toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'short',\n day: 'numeric'\n });\n}\n\nexport function formatDateTime(date: string | Date): string {\n return new Date(date).toLocaleString('en-US', {\n year: 'numeric',\n month: 'short',\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit'\n });\n}\n\nexport function calculateAge(dateOfBirth: string): number {\n const today = new Date();\n const birthDate = new Date(dateOfBirth);\n let age = today.getFullYear() - birthDate.getFullYear();\n const monthDiff = today.getMonth() - birthDate.getMonth();\n \n if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birthDate.getDate())) {\n age--;\n }\n \n return age;\n}\n\nexport function parseBloodPressure(value: string): { systolic: number; diastolic: number } | null {\n const match = value.match(/(\\d+)\\/(\\d+)/);\n if (!match) return null;\n \n return {\n systolic: parseInt(match[1]),\n diastolic: parseInt(match[2])\n };\n}\n\nexport function formatBloodPressure(systolic: number, diastolic: number): string {\n return `${systolic}/${diastolic}`;\n}\n\nexport function getBloodPressureCategory(systolic: number, diastolic: number): string {\n if (systolic < 120 && diastolic < 80) return 'Normal';\n if (systolic < 130 && diastolic < 80) return 'Elevated';\n if (systolic < 140 || diastolic < 90) return 'High Blood Pressure Stage 1';\n if (systolic < 180 || diastolic < 120) return 'High Blood Pressure Stage 2';\n return 'Hypertensive Crisis';\n}\n\nexport function validateEmail(email: string): boolean {\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n return emailRegex.test(email);\n}\n\nexport function validatePhone(phone: string): boolean {\n const phoneRegex = /^\\+?[\\d\\s\\-\$\$]{10,}$/;\n return phoneRegex.test(phone);\n}\n\nexport function generateId(): string {\n return Date.now().toString(36) + Math.random().toString(36).substr(2);\n}\n\nexport function debounce any>(\n func: T,\n wait: number\n): (...args: Parameters) => void {\n let timeout: number | undefined;\n return (...args: Parameters) => {\n clearTimeout(timeout);\n timeout = setTimeout(() => func(...args), wait);\n };\n}\n\nexport function getHealthTip(): string {\n const tips = [\n \"Drink at least 8 glasses of water daily to stay hydrated.\",\n \"Aim for 7-9 hours of quality sleep each night.\",\n \"Take a 10-minute walk after meals to aid digestion.\",\n \"Practice deep breathing for 5 minutes daily to reduce stress.\",\n \"Eat a variety of colorful fruits and vegetables.\",\n \"Stand up and stretch every hour if you work at a desk.\",\n \"Limit processed foods and choose whole foods instead.\",\n \"Schedule regular check-ups with your healthcare provider.\",\n \"Practice gratitude daily for better mental health.\",\n \"Stay socially connected with friends and family.\"\n ];\n \n return tips[Math.floor(Math.random() * tips.length)];\n}\n\nexport function calculateCaloriesBurned(activity: string, duration: number, weight: number): number {\n // MET (Metabolic Equivalent) values for common activities\n const metValues: Record = {\n walking: 3.8,\n running: 8.0,\n cycling: 6.8,\n swimming: 6.0,\n yoga: 2.5,\n weightlifting: 3.0,\n dancing: 4.8,\n hiking: 6.0\n };\n \n const met = metValues[activity.toLowerCase()] || 3.0;\n // Calories = MET × weight (kg) × time (hours)\n return Math.round(met * weight * (duration / 60));\n}\n\nexport function getExerciseRecommendation(age: number, fitnessLevel: string): string {\n if (age < 18) {\n return \"Aim for 60 minutes of physical activity daily, including aerobic and muscle-strengthening activities.\";\n } else if (age <= 64) {\n if (fitnessLevel === 'beginner') {\n return \"Start with 150 minutes of moderate aerobic activity per week, plus 2 days of strength training.\";\n } else if (fitnessLevel === 'intermediate') {\n return \"Aim for 150-300 minutes of moderate or 75-150 minutes of vigorous aerobic activity per week.\";\n } else {\n return \"Maintain 300+ minutes of moderate or 150+ minutes of vigorous activity per week for optimal health.\";\n }\n } else {\n return \"Focus on balance, flexibility, and strength training along with 150 minutes of moderate activity per week.\";\n }\n}",[],[315,329],[315],{"_102":338,"_95":339,"_145":340,"_147":-5,"_148":134,"_149":298,"_151":152,"_104":341,"_99":31,"_154":155,"_156":-5,"_157":27,"_158":-5,"_159":342,"_98":343},"aa540b9a-39d5-11f0-902c-9e149126039e","untitled-folder-2680","aa540c76-39d5-11f0-902c-9e149126039e",["D",1748225029689],[],[339],{"_102":345,"_95":346,"_145":347,"_147":-5,"_148":134,"_149":348,"_151":152,"_104":349,"_99":244,"_154":299,"_156":350,"_157":27,"_158":-5,"_159":351,"_98":352},"9fdf3482-39da-11f0-9cfa-9e149126039e","README.md","548ec0dc-39d6-11f0-9d78-9e149126039e",42,["D",1748227159628],"# HealthHub - Comprehensive Health Platform\n\nA complete health management platform built on Val Town with essential health tools and resources.\n\n## Features\n\n### 🏥 Core Health Tools\n- **BMI Calculator** - Calculate and track Body Mass Index\n- **Health Tracker** - Log daily health metrics (weight, blood pressure, heart rate)\n- **Symptom Checker** - Basic symptom assessment tool\n- **Medication Reminder** - Track medications and dosages\n\n### 📅 Healthcare Management\n- **Appointment Booking** - Schedule healthcare appointments\n- **Doctor Directory** - Find healthcare providers\n- **Health Records** - Store and manage health documents\n- **Emergency Contacts** - Quick access to emergency services\n\n### 📚 Health Resources\n- **Health Articles** - Educational content and tips\n- **Health Dictionary** - Comprehensive medical terminology and definitions\n- **Exercise Library** - Workout routines and fitness guides\n- **Nutrition Guide** - Dietary information and meal planning\n- **Mental Health Resources** - Wellness and mental health support\n\n### 🤖 AI Assistant\n- **HealthBot** - AI-powered chatbot for health Q&A\n- **Conversation Logging** - Chat history sent to site managers\n- **Smart Suggestions** - Contextual quick replies and recommendations\n- **24/7 Availability** - Always available health assistant\n\n### 🔧 Additional Features\n- **Health Dashboard** - Overview of all health metrics\n- **Progress Tracking** - Visual charts and trends\n- **Health Goals** - Set and track health objectives\n- **Health Dictionary** - Medical terms and definitions lookup\n- **AI Chatbot** - 24/7 health assistant with conversation logging\n- **Tabbed Navigation** - Easy switching between features\n- **Community Forum** - Connect with other users\n\n## Project Structure\n\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Database schema\n│ │ └── queries.ts # Database operations\n│ ├── routes/\n│ │ ├── health.ts # Health tracking endpoints\n│ │ ├── appointments.ts # Appointment management\n│ │ ├── articles.ts # Health articles API\n│ │ └── static.ts # Static file serving\n│ └── index.ts # Main Hono server\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main application\n│ │ ├── Dashboard.tsx # Health dashboard\n│ │ ├── BMICalculator.tsx\n│ │ ├── HealthTracker.tsx\n│ │ ├── AppointmentBooking.tsx\n│ │ ├── HealthArticles.tsx\n│ │ ├── HealthDictionary.tsx\n│ │ ├── Chatbot.tsx\n│ │ └── [other components]\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend entry point\n│ └── style.css # Custom styles\n└── shared/\n ├── types.ts # Shared TypeScript types\n └── utils.ts # Shared utility functions\n```\n\n## Technology Stack\n\n- **Backend**: Hono.js API framework\n- **Frontend**: React 18.2.0 with TypeScript\n- **Database**: SQLite for data persistence\n- **Styling**: TailwindCSS\n- **Storage**: Val Town Blob storage for files\n\n## Getting Started\n\n1. The backend server runs on `/backend/index.ts`\n2. Frontend is served from `/frontend/index.html`\n3. Database is automatically initialized on first run\n4. All health data is stored securely in SQLite\n\n## API Endpoints\n\n- `GET /` - Main application\n- `GET /api/health/*` - Health tracking endpoints\n- `GET /api/appointments/*` - Appointment management\n- `GET /api/articles/*` - Health articles and dictionary\n- `POST /api/chatbot/*` - AI chatbot interactions\n- `POST /api/health/track` - Log health metrics\n- `POST /api/appointments/book` - Book appointment\n- `POST /api/chatbot/message` - Send message to AI assistant\n\n## Environment Variables\n\n- `OPENAI_API_KEY` - Required for AI chatbot functionality (automatically configured in Val Town)\n- No other API keys required - uses open health data sources and local storage",[],[346],{"_102":354,"_95":355,"_145":356,"_147":-5,"_148":134,"_149":357,"_151":152,"_104":358,"_99":118,"_154":173,"_156":359,"_157":27,"_158":-5,"_159":360,"_98":361},"93b3e810-39d5-11f0-9ce4-9e149126039e","main.tsx","dc64378c-39d4-11f0-b108-9e149126039e",2,["D",1748224991725],"generate a health blogging app",[],[355],"files",[142,161,167,177,187,194,203,212,221,229,239,250,257,264,273,282,292,303,313,319,327,337,344,353],"counts",{"_366":31,"_367":118,"_368":31,"_369":31},"pulls","branches","forks","envVars","contents",[372,375,378,381,384,387],{"_102":143,"_95":144,"_145":146,"_147":-5,"_148":134,"_149":150,"_151":152,"_104":373,"_99":31,"_154":155,"_156":-5,"_157":27,"_158":-5,"_98":374},["D",1748225398585],[144],{"_102":251,"_95":252,"_145":253,"_147":-5,"_148":134,"_149":254,"_151":152,"_104":376,"_99":31,"_154":155,"_156":-5,"_157":27,"_158":-5,"_98":377},["D",1748225640677],[252],{"_102":314,"_95":315,"_145":316,"_147":-5,"_148":134,"_149":244,"_151":152,"_104":379,"_99":31,"_154":155,"_156":-5,"_157":27,"_158":-5,"_98":380},["D",1748225332963],[315],{"_102":338,"_95":339,"_145":340,"_147":-5,"_148":134,"_149":298,"_151":152,"_104":382,"_99":31,"_154":155,"_156":-5,"_157":27,"_158":-5,"_98":383},["D",1748225029689],[339],{"_102":345,"_95":346,"_145":347,"_147":-5,"_148":134,"_149":348,"_151":152,"_104":385,"_99":244,"_154":299,"_156":350,"_157":27,"_158":-5,"_98":386},["D",1748227159628],[346],{"_102":354,"_95":355,"_145":356,"_147":-5,"_148":134,"_149":357,"_151":152,"_104":388,"_99":118,"_154":173,"_156":359,"_157":27,"_158":-5,"_98":389},["D",1748224991725],[355],"upstream","emptyEnvVars","isNew","routes/_app.x.$handle.$name.remixes",{"_93":94,"_95":96,"_100":395,"_368":399,"_390":-5},{"_102":103,"_95":96,"_104":396,"_106":-5,"_107":27,"_108":109,"_110":111,"_112":-5,"_12":113,"_114":-5,"_115":27,"_116":-5,"_117":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":27,"_21":397,"_131":398},["D",1748224684172],{"_93":94,"_129":130},{"_99":133,"_95":41,"_102":134,"_135":103,"_136":-5,"_137":-5,"_138":-5,"_139":-5},[],"routes/_app","actionData","errors"]