delimiter
/
Dashboard
DASHBOARD / OVERVIEW

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.

Credit Balance Banner#

If any connected provider has low credit balance, a banner appears at the top of the overview with:

  • Provider name and current balance
  • Low badge when 80%+ of credits consumed
  • Link to the full Credits page for details

Credit data comes from two sources: SDK response headers (real-time) and connected provider billing APIs (polled every 15–30 min). See Credits and Connections for details.

Provider Hints#

When the SDK initializes, it scans process.env for known AI provider API key variable names (e.g., OPENAI_API_KEY). These "hints" cause provider cards to appear immediately on the dashboard — before any API calls are made. Once real traffic flows, the cards update with live data.

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.