Dashboard
The Dashboard is your central hub for monitoring API usage, tracking performance metrics, and managing your Binom.Router account. It provides a real-time overview of your API activity, billing information, and quick access to key features.
Dashboard Overview
When you log in to your Binom.Router account, the Dashboard is the first page you'll see. Navigate to it anytime by visiting /dashboard.
Key Information Displayed
The Dashboard header displays:
- Welcome Message: Personalized greeting based on the time of day and your username
- Account Email: Your registered email address
- Refresh Button: Manually refresh dashboard data at any time
Overview Cards
Four key metric cards provide instant insights:
| Card | Description | Quick Action |
|---|---|---|
| Balance | Available funds in your wallet | Top Up → /billing |
| Plan | Current subscription plan and remaining days | Manage Plan → /subscription |
| API Keys | Number of active / total API keys | Manage → /keys |
| Requests | Total API requests this month | View All → /usage |
These cards update automatically and provide quick access to your most important metrics and management pages.
Usage Overview
The Usage Overview section displays your API usage trends over time through an interactive chart, helping you understand your consumption patterns and optimize your API usage.
API Usage Over Time Chart
The main chart shows your API request volume over time:
- X-Axis: Dates
- Y-Axis: Number of requests or selected metric
- Line Style: Smooth curve
- Color: Primary theme color
Time Range Selector
You can switch between three time ranges:
- 7D: Last 7 days
- 30D: Last 30 days
- 90D: Last 90 days
Empty State
If you haven't made any API requests yet, the chart displays an empty state with:
- A placeholder icon
- Message: "No usage data yet"
- Call-to-action button to create your first API key
Top Models
The Top Models section shows your usage breakdown by AI model, helping you identify which models consume the most resources.
Each entry displays:
- Model name
- Relative share as a progress bar
- Total cost for that model
If no model usage exists yet, the section shows an empty state guiding you to start making API requests.
Upgrade CTA
If you don't have an active plan, the Dashboard displays a promotional banner inviting you to subscribe:
- Title: "Unlock More with a Plan"
- Benefits: Higher limits, premium models, priority support
- Action: View available plans at
/subscription
API Key Management
While the Dashboard provides an overview of your API usage, detailed API key management is handled through a dedicated section.
Quick Access
From the Dashboard, you can quickly access the API Keys management page by:
- Clicking the Manage button on the API Keys card
- Navigating to /keys
What You Can Do in API Keys
The API Keys section allows you to:
- Create new API keys for different applications
- Configure key settings including rate limits and IP restrictions
- Monitor key usage with detailed statistics
- Enable/disable keys temporarily
- Delete keys that are no longer needed
Integration with Dashboard
Your API key usage is reflected in the Dashboard statistics:
- Total requests aggregate usage from all keys
- The Usage chart shows combined data across all active keys
- The API Keys card shows active and total key counts
Real-Time Updates
The Dashboard supports real-time updates through SignalR (IRealTimeNotificationService), keeping your data fresh without manual refresh.
The following live updates are delivered:
- Balance updates when your wallet balance changes
- Usage statistics snapshots reflecting current consumption
- Account notifications and important system announcements
Tips for Using the Dashboard
Monitoring Your Usage
- Check daily: Review your usage trends to identify patterns
- Track costs: Monitor your balance and monthly requests to avoid interruptions
- Compare periods: Use the 7D/30D/90D selector to compare usage over time
Optimizing Performance
- Analyze by model: Identify which models consume the most resources via Top Models
- Review usage stats: Visit
/usagefor detailed breakdowns including tokens, costs, and success rates
Quick Actions
- Top up your balance from the Balance card
- Manage your subscription from the Plan card
- Create or manage API keys from the API Keys card
- Navigate to detailed usage reports from the Requests card