IAV-894/ Add analytics dashboard
Summary
Implement the full analytics dashboard page providing an overview of IAVIA agent performance, credit usage, and activity metrics.
New components (13 files)
- KPI Cards — 4 metric cards (credits consumed, total activity, adoption rate, active agents) with violet gradient icons, hover effects, and per-card date range filters
- Activity Chart — Area chart showing global IAVIA request volume over time (Recharts)
- Credits Chart — Dual-line area chart comparing current vs previous month credit consumption
- Agent Distribution Chart — Donut/pie chart showing usage breakdown per agent with color-coded legend
- Use Cases List — Sorted list of most frequent actions with per-agent breakdown and shine effect on hover
- Integrated Tools Grid — Responsive grid of connected tools (Gmail, Slack, Google Drive, etc.) wrapped in a glass card
- Date Range Filter — Reusable calendar picker with presets (7/30/90/365 days), dual-month view, French localization
- Analytics Header — Animated page title and subtitle
- Shared styles — Glass morphism cards, shine effect, violet palette constants
Modified files
- analytics/page.tsx — Rewritten with Galaxy + DarkVeil backgrounds, AgentThemeProvider, custom scrollbar styling
Design system
- Violet color palette (#5D31F8 primary, #A855F7 light) used consistently across all components
- Glass morphism styling (blur, translucent borders, shadows)
- Framer Motion entrance animations on all sections
- Fully responsive layout (mobile → desktop)
Tech stack
- Recharts for data visualization (AreaChart, PieChart)
- Framer Motion for animations
- MUI (Material-UI) for layout and components
- Mock data in
_mock/analytics-data.ts(backend integration pending)
Known limitations
- All data is currently mocked — no API integration yet
- Date range filters are UI-only (no data refetch on change)
- No loading/error states implemented