Dashboard Overview
The dashboard is the entire product. One screen, one glance.
Provider Health Cards#
A row of cards, one per connected provider. Each shows a health ring with color coding:
- Green: below 50% of limit
- Yellow: 50–80% of limit
- Red: above 80% of limit
Numbers below: current usage / limit for the highest-utilization metric. Cards appear automatically as providers are detected from SDK traffic.
Usage Bars#
Click any provider card to expand detailed metrics. Three progress bars per provider:
- Requests per minute: current / limit
- Tokens per minute: current / limit
- Tokens per day: current / limit
Color matches health status (green to yellow to red gradient). Updates in real time.
Timeline#
24-hour usage chart across all providers.
- X-axis: time
- Y-axis: usage (requests or tokens)
- One line per provider, color-coded
- Hover for exact numbers at any timestamp
- Filter by: provider, app, time range (1h, 6h, 24h, 7d)
Alert Log#
Every threshold crossing is logged. Shows: timestamp, provider, metric, threshold crossed, current value / limit. Color-coded: yellow for warning, red for critical.
SDK Info#
- Your project key (always visible, with copy button)
- List of apps currently reporting
- List of detected providers
Empty State#
When you first sign in, the dashboard shows onboarding instructions. Your project key is pre-filled in a ready-to-copy code snippet. The moment your first SDK report arrives, the dashboard transitions to the live state.
