Live Activity & Fleet Banner

The Products section surfaces real-time pipeline activity directly in the UI — no need to navigate to the Observability section to know what the AI is currently building.

Fleet Activity Banner

The banner appears at the top of the /dashboard/products page and gives a fleet-wide view of all in-progress work.

What it shows:

• Number of pipelines currently running across all products
• Which products are actively being built and what stage they are in
• Pipeline stages displayed include: queued, researching, designing, implementing (building code), testing, awaiting_approval, releasing (deploying), marketing, documenting
• Features shipped in the last 7 days (fleet-wide)

Behaviour:

• Auto-refreshes every 15 seconds for pipeline activity
• Fleet summary (features shipped) refreshes every 60 seconds
• When no pipelines are active, the banner can be hidden by passing hideIfIdle={true} — prevents an empty banner flash on idle fleets
• When active, the banner renders with a coloured gradient background and a pulsing status dot; when idle it uses a muted style

Data sources:

• trpc.observability.getActivePipelines — active pipeline list
• trpc.observability.getFleetSummary({ days: 7 }) — 7-day feature ship count

Live Activity Sidebar (Product Overview)

The /dashboard/products/[id] page now uses a two-column layout (on large screens). The right-hand column (1/3 width) contains the LiveProductActivity sidebar.

Sidebar sections:

Section	Description
Current pipeline status	Shows the running stage with a pulsing LIVE badge when active
7-day summary	Pipeline run count, overall success rate, and agent job count
Recent runs	Mini-feed of runs from the last 3 days; expandable to see more detail
Agent breakdown	Per-agent-type success rate bars (Engineer, Researcher, UI/UX, etc.)
3-day counter cards	Side-by-side success and failure counts for the last 3 days

Data sources:

• trpc.observability.getActivePipelines
• trpc.observability.getProjectRecentRuns
• trpc.observability.getProjectSummary
• trpc.observability.getProjectAgentBreakdown

Enhanced Product Cards

Each card on the Products list page now displays richer build activity:

• Pulsing blue dot on cards with an active pipeline run
• Shimmer top-border animation on active cards
• Feature progress bar — N / total features shipped, with a visual fill bar and a X building / Y queued breakdown beneath
• Footer stats — total pipeline run count and the version tag of the last release
• Header subtitle — when one or more products are actively building, the page header shows "X actively building"
• List view Activity column — shows the current pipeline stage label for each product row

Performance: Parallel Data Fetching

The Products list page fetches all enrichment data in a single Promise.all round-trip rather than sequential queries. The five parallel queries are:

1. Most-recent pipeline run per product
2. Currently active pipeline runs (filtered by active status values)
3. Feature counts grouped by project and status (found, planned, triaged, in_progress, implemented, released)
4. Total pipeline run count per project
5. Last release per project

This keeps the page fast even as the number of products in your fleet grows.