Live Activity Dashboards
Live Activity Dashboards
The products section of the dashboard gives you a real-time window into everything the AI fleet is actively building, testing, and shipping across all your products.
Products List (/dashboard/products)
Fleet Activity Banner
A banner at the top of the products list shows the live state of the entire fleet:
- Active pipelines — count of pipeline runs currently in progress across all products
- Current stages — which products are in which stage (researching, building, deploying, etc.)
- Weekly features shipped — running total of features released in the last 7 days
The banner auto-refreshes every 15 seconds. It fetches data from two endpoints:
| Endpoint | Refresh cadence | Used for |
|---|---|---|
observability.getActivePipelines | 15 s | Active pipeline list and stages |
observability.getFleetSummary | 60 s | Weekly features-shipped count |
If there are no active pipelines, the banner switches to a neutral idle state (or can be hidden entirely with hideIfIdle).
Product Card Enhancements
Each product card now surfaces live build data:
- Pulsing blue dot + shimmer border — visible only when a pipeline is actively running for that product
- Feature progress bar — shows
shipped / totalfeatures with a fill bar, plus a breakdown of how many are currently building or queued - Footer stats — total pipeline run count and the version number of the last release
Header Active Count
The page heading subtitle dynamically reads "X actively building" whenever one or more products have a live pipeline run.
List View: Activity Column
When viewing products in list mode, an Activity column displays the current pipeline stage label for any product with an active run (e.g. researching, building code, deploying).
Product Overview (/dashboard/products/[id])
Two-Column Layout
The product overview page uses a responsive grid:
- Left (2/3) — existing project overview stats, mission statement, setup banner, and discovery progress
- Right (1/3) — Live Activity sidebar (see below)
On small screens both columns stack vertically.
Live Activity Sidebar
The sidebar (LiveProductActivity) is scoped to the individual product and shows:
Current Pipeline Status
- Status label with a pulsing LIVE badge when a run is in progress
- Idle indicator when no run is active
7-Day Summary Stats
| Stat | Description |
|---|---|
| Pipeline runs | Total runs started in the last 7 days |
| Success rate | Percentage of runs that completed successfully |
| Agent jobs | Total agent invocations dispatched |
Recent Runs Mini-Feed
- Shows runs from the last 3 days
- Expand/collapse control to show more detail
- Each row includes the run status and relative time
Agent Type Breakdown
Per-agent-type rows with:
- Agent name (Engineer, Researcher, UI/UX, etc.)
- Success rate shown as a filled progress bar
3-Day Counter Cards
- Side-by-side Successful and Failed run counters for the last 3 days
Pipeline Stage Labels
The following stage identifiers are recognised and mapped to human-readable labels throughout the dashboard:
| Status value | Display label |
|---|---|
queued | queued |
researching | researching |
designing | designing |
implementing | building code |
testing | running tests |
awaiting_approval | awaiting approval |
releasing | deploying |
marketing | writing copy |
documenting | documenting |
syncing_branches | syncing branches |
Data Sources
All live data is served by the existing observability tRPC router. No new endpoints were added.
observability.getActivePipelines — which pipelines are running right now
observability.getProjectRecentRuns — per-product run history feed
observability.getProjectSummary — 7-day aggregate stats
observability.getFleetSummary — fleet-wide weekly summary
observability.getProjectAgentBreakdown — per-agent-type success rates
The products list page fires all enrichment queries in parallel (recent runs, active runs, feature counts, total run counts, last releases) to minimise load time.