Create Integration Dashboard View
Add dashboard tab with charts and visualizations showing organization-wide integration metrics.
- Summary cards: Total integrations, Total events (30d), Avg success rate, Active integrations
- Time range selector: Last 7, 30, or 90 days
- Charts:
- Execution counts by integration (bar chart, grouped by success/failure)
- Success/failure rates (pie chart, click to filter event listing)
- Events over time (line chart, top 5 integrations by volume)
- Data from Event Manager API aggregation endpoints filtered by organization_id
- Use existing charting library or add lightweight option (Chart.js, Recharts)
- Click chart segments to drill down; hover tooltips; export CSV option
Example:
Dashboard layout:
┌─ Integration Dashboard ─────────────────────────────┐
│ [Last 30 days ▼] │
│ │
│ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌─────────┐ │
│ │ 12 │ │ 15,432 │ │ 96.5% │ │ 11 │ │
│ │Integrat..│ │ Events │ │Success │ │ Active │ │
│ └──────────┘ └──────────┘ └──────────┘ └─────────┘ │
│ │
│ Execution Counts by Integration │
│ ┌────────────────────────────────────────────────┐ │
│ │ █████████████ ADP Sync (5,234) │ │
│ │ ████████ QB Import (3,123) │ │
│ │ █████ Payroll Sync (2,045) │ │
│ └────────────────────────────────────────────────┘ │
│ │
│ Success/Failure Rate Events Over Time │
│ ┌──────────┐ ┌──────────────────┐ │
│ │ 96.5% │ │ /\ /\ │ │
│ │ Success │ │ / \ / \ │ │
│ │ ████ │ │____/____\/____\__│ │
│ │ 3.5% Fail│ └──────────────────┘ │
│ └──────────┘ │
└──────────────────────────────────────────────────────┘