Widget _barChartSection(
  String title, IconData icon, Color color,
  List<Map<String, dynamic>> data, String key, int maxVal,
) {
  return Column(
    children: [
      Row(children: [Icon(icon, color: color), Text(title)]),
      SizedBox(
        height: 120,
        child: Row(
          crossAxisAlignment: CrossAxisAlignment.end,
          children: data.map((day) {
            final val = (day[key] as num?)?.toInt() ?? 0;
            final heightRatio = maxVal > 0 ? val / maxVal : 0.0;
            return Expanded(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.end,
                children: [
                  if (val > 0) Text(val.toString(),
                      style: TextStyle(color: color, fontSize: 9)),
                  Expanded(
                    child: Align(
                      alignment: Alignment.bottomCenter,
                      child: FractionallySizedBox(
                        heightFactor: heightRatio.clamp(0.02, 1.0),
                        child: Container(
                          margin: const EdgeInsets.symmetric(horizontal: 3),
                          decoration: BoxDecoration(
                            color: color,
                            borderRadius: const BorderRadius.vertical(
                              top: Radius.circular(4),
                            ),
                          ),
                        ),
                      ),
                    ),
                  ),
                  Text(day['date'] as String? ?? '',
                      style: const TextStyle(fontSize: 9)),
                ],
              ),
            );
          }).toList(),
        ),
      ),
    ],
  );
}

GridView.count(
  crossAxisCount: 2,
  shrinkWrap: true,
  physics: const NeverScrollableScrollPhysics(),  // critical
  childAspectRatio: 1.5,
  children: [
    _kpiCard('Notes',         totalNotes.toString(),     Icons.note_alt,             Color(0xFF7C3AED)),
    _kpiCard('Tasks Done',    tasksCompleted.toString(), Icons.task_alt,              Color(0xFF059669)),
    _kpiCard('Focus Hours',   '${focusHours}h',          Icons.timer,                Color(0xFFDC2626)),
    _kpiCard('Habit Streak',  '${habitStreak}d',         Icons.local_fire_department, Color(0xFFF59E0B)),
  ],
)

try {
  final res = await _supabase.functions.invoke(
    'personal-dashboard',
    body: {'action': 'get_overview'},
  );
  final data = res.data as Map<String, dynamic>?;
  setState(() {
    _kpiData = data?['kpi'] as Map<String, dynamic>? ?? {};
    _weeklyActivity = (data?['weekly'] as List?)
        ?.cast<Map<String, dynamic>>() ?? [];
  });
} catch (_) {
  // EF not yet deployed — show zeros
  setState(() {
    _kpiData = _buildFallbackKpi();
    _weeklyActivity = _buildFallbackWeekly();
  });
}

// DEPRECATED (Flutter 3.26+)
color: color.withOpacity(0.12),

// CORRECT
color: color.withValues(alpha: 0.12),