brakitDashboard
A live dashboard with 6 views, accessible at /__brakit on your dev server.
Accessing the Dashboard
Once brakit is running, open your browser and navigate to:
http://localhost:<your-port>/__brakitThe dashboard is served on the same port as your running app. Replace <your-port> with whatever port your dev server uses (e.g. 3000, 5173, 8080).
Real-Time Updates
The dashboard uses Server-Sent Events (SSE) to stream data in real-time. As your app handles requests, you'll see them appear instantly without refreshing.
Views
Overview
Summary cards showing actions count, issues (critical/warning), performance status, error breakdown, and graph stats. Your at-a-glance view of the entire backend.
Actions
HTTP requests grouped by user action. Navigate to a page? That's one action. Submit a form? Another. Each action shows its requests, redundancy %, timing, and flagged issues.
Insights
Security findings, error patterns, and issue tracking in one unified view. Filter by All, Security, Performance, or Quality. Each issue tracks its lifecycle and resolution progress.
Performance
Heat map and scatter chart of request latencies. Endpoint drill-down with query breakdown and query shape aggregation. Health grades, p95 latency trends, and historical data from previous sessions. Regression detection flags when p95 latency or query counts increase.
Graph
Runtime dependency graph visualizing how actions, endpoints, database tables, and external services connect. Overlay layers for auth security, performance, issues, and heat. Includes flow tracing, search/filter, minimap, zoom, and keyboard navigation.
Explorer
Browse raw telemetry with sub-tabs for Requests, Fetches, Queries, Logs, and Errors. Each has expandable detail panels with full request/response data, SQL, stack traces, and timing.
Dashboard API
The dashboard is powered by a set of JSON API endpoints, all under /__brakit/api/:
| Endpoint | Description |
|---|---|
| /__brakit/api/requests | All captured HTTP requests |
| /__brakit/api/flows | Grouped request flows (actions) |
| /__brakit/api/events | SSE stream for real-time updates |
| /__brakit/api/logs | Console output |
| /__brakit/api/fetches | Server-side fetch calls |
| /__brakit/api/errors | Captured errors |
| /__brakit/api/queries | Database queries |
| /__brakit/api/metrics | Performance metrics |
| /__brakit/api/graph | Dependency graph data (endpoints, tables, services) |
| /__brakit/api/insights | Computed analysis issues (performance and reliability) |
| /__brakit/api/security | Security issues |
| /__brakit/api/findings | All stateful issues for MCP/AI consumption |
| /__brakit/api/findings/report | Record AI fix result (POST) |
| /__brakit/api/metrics/live | Live per-endpoint time-series data |
| /__brakit/api/activity | Request activity timeline |
| /__brakit/api/tab | Track active dashboard tab |
| /__brakit/api/ingest | Telemetry ingestion (POST, from hooks and SDKs) |
| /__brakit/api/clear | Clear all data (POST) |