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. It provides a comprehensive snapshot of your API usage and account status at a glance.
Accessing the Dashboard
The Dashboard is automatically loaded when you log in. You can also navigate to it anytime by clicking "Overview" in the main menu or visiting /dashboard.
Key Information Displayed
The Dashboard header displays:
- Welcome Message: Personalized greeting with your username
- Account Email: Your registered email address
- Total Requests: Your lifetime API request count
Overview Statistics Cards
Four key metric cards provide instant insights:
| Metric | Description |
|---|---|
| Total Usage | Your cumulative API usage cost in USD |
| Credit Balance | Available free credits for API usage |
| Total Requests | Total number of API requests made |
| Account Tier | Your current subscription plan |
These cards update automatically and provide quick access to your most important metrics.
Usage Overview
The Usage Overview section displays your API usage trends over time through interactive charts, helping you understand your consumption patterns and optimize your API usage.
Daily Request Volume Chart
The main chart shows your API request volume over the past 30 days, with data points for each day:
- X-Axis: Dates (displayed as "MMM DD" format)
- Y-Axis: Number of requests
- Line Style: Smooth curve with area fill
- Color: Primary theme color
Chart Features
- Interactive Tooltips: Hover over data points to see exact request counts
- Responsive Design: Chart adapts to different screen sizes
- Automatic Scaling: Y-axis adjusts based on your usage volume
- Real-Time Updates: Data refreshes automatically
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 buttons to create an API key or view documentation
Usage by Model
Additional charts show your usage breakdown by AI model, helping you identify which models consume the most resources:
- Model Distribution: Pie chart or bar chart
- Cost Analysis: Cost per model
- Request Count: Requests per model
Refreshing Data
The dashboard automatically refreshes data periodically. You can see the last refresh time displayed above the charts. The data includes a timestamp showing when the statistics were last updated.
Recent Requests
The Recent Requests section displays a history of your most recent API calls, providing transparency into your API usage and helping with debugging and monitoring.
Request Log Table
Each entry in the recent requests table includes:
| Field | Description |
|---|---|
| Timestamp | When the request was made (UTC) |
| Endpoint | API endpoint called (e.g., /v1/chat/completions) |
| Model | AI model used (e.g., gpt-4o-mini) |
| Status | HTTP status code (200, 400, 500, etc.) |
| Tokens | Number of tokens consumed |
| Cost | Cost of the request in credits |
Status Indicators
- 200 OK: Successful request
- 4xx Errors: Client-side errors (invalid parameters, authentication issues)
- 5xx Errors: Server-side errors (temporary failures)
Filtering and Search
You can filter the request log by:
- Date Range: Select a specific time period
- Status: Show only successful or failed requests
- Model: Filter by specific AI models
- Endpoint: Filter by API endpoint
Export Options
The request log can be exported in various formats:
- CSV: For spreadsheet analysis
- JSON: For programmatic processing
- PDF: For reporting purposes
Empty State
If no requests have been made, the section displays:
- A placeholder icon
- Message: "No requests yet"
- Button to create your first API key
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 "API Keys" in the main menu
- Navigating to /keys
- Using the "Create API Key" button in empty states
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
- Usage charts show combined data across all active keys
- Recent requests display the API key used for each call
For detailed information about managing your API keys, see the API Keys Management documentation.
Real-Time Updates
The Dashboard supports real-time notifications through SignalR, keeping you informed about:
- New requests as they happen
- Billing updates when credits are consumed
- Important account notifications
- System announcements
When real-time notifications are enabled, you'll see a connection indicator in the Dashboard header.
Tips for Using the Dashboard
Monitoring Your Usage
- Check daily: Review your usage trends to identify patterns
- Set alerts: Configure notifications for usage thresholds
- Track costs: Monitor your credit balance to avoid interruptions
Optimizing Performance
- Analyze by model: Identify which models consume the most resources
- Review errors: Check recent requests for failed calls
- Compare periods: Use the date range filter to compare usage over time
Quick Actions
- Create new API keys directly from empty states
- Access documentation from the Dashboard
- Navigate to detailed reports with one click