How vinayvermavlogs/empathic-health-insights works
Emotion Nova is a React application for emotion and wellness monitoring, with account, profile, chat, analysis, and reporting screens. The main dashboard currently obtains its live stream from a simulator, derives health metrics and recommendations, and presents camera-analysis and report features; authenticated sessions can be saved to Supabase. The README also describes vision analysis and collaboration. Those capabilities appear in the tree, but their complete runtime wiring is not shown in the excerpts, so unverified links are omitted. The graph reflects the sampled source and README rather than assuming all advertised integrations are active.
Main entry points: Index.tsx Monitoring Dashboard · App.tsx Routes and Shell · healthMapping.ts Emotion Health Mapping · client.ts Supabase
Components 21
Application
- Routes and Shell
src/App.tsx - Monitoring Dashboard
src/pages/Index.tsx - Architecture Explorer
src/pages/Architecture.tsx - UI Components
src/components/ui
Emotion Analysis
- Camera Analysis
src/components/WebcamAnalysis.tsx - Emotion Stream Simulator
src/hooks/useEmotionSimulator.ts - Emotion Health Mapping
src/lib/healthMapping.ts - Face Analysis Function
supabase/functions/analyze-face/index.ts
Wellness Insights
- Emotion Panels
src/components/EmotionPanel.tsx - Recommendations
src/components/RecommendationsPanel.tsx - AI Insights Panel
src/components/AIInsightsPanel.tsx - Wellness Report Export
src/components/ReportExport.tsx - Mental Health Card
src/pages/MentalHealthCard.tsx - Mood Analysis
src/pages/MoodAnalysis.tsx
Accounts and Services
- Authentication
src/pages/Auth.tsx - User Profile
src/pages/Profile.tsx - Session Persistence
src/hooks/useSessionSaver.ts - Supabase
src/integrations/supabase/client.ts - AI Chat
src/pages/AIChat.tsx - Health Chat Function
supabase/functions/health-chat/index.ts
Other components
- User
Connections 26
- User → Routes and Shell: opens
src/App.tsx - Routes and Shell → Monitoring Dashboard: routes to
src/App.tsx - Routes and Shell → Authentication: routes to
src/App.tsx - Routes and Shell → User Profile: routes to
src/App.tsx - Routes and Shell → AI Chat: routes to
src/App.tsx - Routes and Shell → Mental Health Card: routes to
src/App.tsx - Routes and Shell → Mood Analysis: routes to
src/App.tsx - Routes and Shell → Architecture Explorer: routes to
src/App.tsx - Monitoring Dashboard → Emotion Stream Simulator: reads stream
src/pages/Index.tsx - Emotion Stream Simulator → Emotion Health Mapping: maps metrics
src/hooks/useEmotionSimulator.ts - Monitoring Dashboard → Emotion Health Mapping: gets recommendations
src/pages/Index.tsx - Monitoring Dashboard → Camera Analysis: renders
src/pages/Index.tsx - Camera Analysis → Face Analysis Function: may invoke
- Monitoring Dashboard → Emotion Panels: renders
src/pages/Index.tsx - Monitoring Dashboard → Recommendations: renders
src/pages/Index.tsx - Monitoring Dashboard → AI Insights Panel: renders
src/pages/Index.tsx - Monitoring Dashboard → Wellness Report Export: renders
src/pages/Index.tsx - Wellness Report Export → Emotion Health Mapping: uses metrics
src/components/ReportExport.tsx - Monitoring Dashboard → Session Persistence: saves session
src/pages/Index.tsx - Session Persistence → Supabase: writes history
src/hooks/useSessionSaver.ts - Authentication → Supabase: authenticates
src/pages/Auth.tsx - User Profile → Supabase: uses client
src/pages/Profile.tsx - Mood Analysis → Supabase: uses client
src/pages/MoodAnalysis.tsx - Mental Health Card → Emotion Health Mapping: uses mappings
src/pages/MentalHealthCard.tsx - AI Chat → Health Chat Function: may invoke
- Monitoring Dashboard → UI Components: uses controls
src/pages/Index.tsx