Mobile-Friendly Dashboard

┌─────────────────────────────────────────────────────────┐
│                    Header Navigation                     │
├─────────────────┬───────────────────┬───────────────────┤
│                 │                   │                   │
│  Welcome Card   │   3D Body Model   │  Health Score     │
│   (Medium)      │     (Large)       │    (Medium)       │
│                 │                   │                   │
├─────────────────┼───────────────────┼───────────────────┤
│                 │                   │                   │
│  Vitals Card    │  Appointments     │  Medications      │
│   (Small)       │    (Medium)       │    (Small)        │
│                 │                   │                   │
├─────────────────┴───────────────────┼───────────────────┤
│                                     │                   │
│        Recent Activity              │   Quick Actions   │
│           (Large)                   │     (Medium)      │
│                                     │                   │
└─────────────────────────────────────┴───────────────────┘

Landing → Welcome Tutorial → 
Dashboard Overview → 
3D Body Introduction → 
Setup Health Goals → 
Dashboard Customization

Dashboard → 
Check Health Score → 
View Upcoming Appointments → 
Check Medication Reminders → 
Record Morning Vitals

Dashboard → 
3D Body Model → 
Click Affected Area → 
View Related Symptoms → 
Book Appointment or View Care Plan

interface DashboardCard {
  id: string;
  title: string;
  size: 'small' | 'medium' | 'large';
  position: { row: number; col: number };
  refreshInterval?: number; // in seconds
  isLoading: boolean;
  error?: string;
  lastUpdated: Date;
}

interface BodyVisualization {
  modelType: 'male' | 'female' | 'neutral';
  highlightedAreas: Array<{
    bodyPart: string;
    severity: 'low' | 'medium' | 'high';
    description: string;
  }>;
  viewAngle: { x: number; y: number; z: number };
  zoomLevel: number;
}

interface HealthScore {
  score: number; // 0-100
  trend: 'improving' | 'stable' | 'declining';
  factors: Array<{
    name: string;
    impact: number; // -10 to +10
    category: 'positive' | 'negative' | 'neutral';
  }>;
  lastCalculated: Date;
}

GET /api/v1/patient/dashboard

{
  "patient": {
    "id": 1,
    "name": "John Doe",
    "age": 35,
    "gender": "male"
  },
  "healthScore": {
    "value": 85,
    "trend": "improving",
    "factors": [...]
  },
  "vitals": {
    "bloodPressure": { "systolic": 120, "diastolic": 80 },
    "heartRate": 72,
    "weight": 75,
    "temperature": 98.6,
    "lastUpdated": "2024-01-15T10:00:00Z"
  },
  "upcomingAppointments": [...],
  "activeMedications": [...],
  "recentActivity": [...],
  "bodyHighlights": [...]
}

export const mockDashboardData = {
  patient: {
    id: 1,
    firstName: "Lakshay",
    lastName: "Sharma",
    age: 34,
    gender: "male",
    photoUrl: "/api/placeholder/150/150"
  },
  healthScore: {
    value: 85,
    trend: "improving" as const,
    previousValue: 82,
    factors: [
      { name: "Regular Exercise", impact: 8, category: "positive" },
      { name: "Medication Adherence", impact: 7, category: "positive" },
      { name: "High Blood Pressure", impact: -5, category: "negative" },
      { name: "Sleep Quality", impact: 6, category: "positive" }
    ],
    lastCalculated: new Date()
  },
  vitals: {
    bloodPressure: {
      systolic: 125,
      diastolic: 82,
      unit: "mmHg",
      status: "slightly-high"
    },
    heartRate: {
      value: 72,
      unit: "bpm",
      status: "normal"
    },
    weight: {
      value: 75,
      unit: "kg",
      trend: "stable"
    },
    temperature: {
      value: 98.6,
      unit: "°F",
      status: "normal"
    },
    lastUpdated: new Date(Date.now() - 2 * 60 * 60 * 1000) // 2 hours ago
  },
  upcomingAppointments: [
    {
      id: 1,
      doctorName: "Dr. Sarah Johnson",
      specialty: "Cardiologist",
      date: new Date(Date.now() + 2 * 24 * 60 * 60 * 1000), // 2 days
      time: "10:00 AM",
      type: "Follow-up",
      location: "Clinic A"
    },
    {
      id: 2,
      doctorName: "Dr. Michael Chen",
      specialty: "General Physician",
      date: new Date(Date.now() + 7 * 24 * 60 * 60 * 1000), // 1 week
      time: "2:30 PM",
      type: "Regular Checkup",
      location: "Clinic B"
    }
  ],
  medications: {
    activeCount: 3,
    nextDose: {
      name: "Metformin",
      time: "8:00 PM",
      dosage: "500mg"
    },
    adherenceRate: 92,
    refillsNeeded: 1
  },
  recentActivity: [
    {
      id: 1,
      type: "lab_result",
      title: "Blood Test Results Available",
      description: "CBC and Lipid Profile",
      timestamp: new Date(Date.now() - 1 * 24 * 60 * 60 * 1000),
      actionable: true
    },
    {
      id: 2,
      type: "appointment_completed",
      title: "Appointment with Dr. Johnson",
      description: "Cardiology follow-up completed",
      timestamp: new Date(Date.now() - 3 * 24 * 60 * 60 * 1000),
      actionable: false
    },
    {
      id: 3,
      type: "document_added",
      title: "X-Ray Report Added",
      description: "Chest X-Ray from City Hospital",
      timestamp: new Date(Date.now() - 5 * 24 * 60 * 60 * 1000),
      actionable: true
    }
  ],
  bodyHighlights: [
    {
      bodyPart: "heart",
      severity: "medium",
      description: "Mild hypertension - monitoring required"
    },
    {
      bodyPart: "knee_right",
      severity: "low",
      description: "Minor arthritis - exercise recommended"
    }
  ]
};