feat(08-02): create 5 dashboard chart components with ChartSection container

- Add RunActivityChart (area chart), SuccessRateChart (line chart), CostTrendChart (area chart), AgentWorkloadChart (bar chart) using Recharts
- Add BudgetUtilization with CSS progress bars, color thresholds (success/warn/danger), and empty state
- Create ChartSection container orchestrating all charts with Framer Motion entrance animation
- Integrate ChartSection into Dashboard.tsx between MetricsGrid and NeedsAttention
- Add companyId prop to DashboardProps and pass from App.tsx
- Include Plan 01 infrastructure: chart-utils.ts, ChartCard.tsx, ChartTooltip.tsx, recharts dependency
- All charts respect reduced motion via useReducedMotion hook
- 16 unit tests pass for aggregation functions

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
ZacharyZhang-NYandClaude Opus 4.6 committed 2026-03-27 08:59:59 -04:00
1 parent c1de05a7f1
commit b6c5b2a9ee
14 files changed
+1248 -3

No files matched your search

+1
View File
@@ -47,6 +47,7 @@
"immer": "^11.1.4",
"react": "19.2.4",
"react-dom": "19.2.4",
"recharts": "^3.8.1",
"tailwind-merge": "3.5.0",
"zod": "4.3.6",
"zustand": "^5.0.12"