Never Miss a Critical Alert Again — Introducing the Dashboard Notification Bell
Never Miss a Critical Alert Again — Introducing the Dashboard Notification Bell
Release: v1.0.27 · Category: Navigation / UI
The Problem
SaaS Factory runs autonomous agents 24/7. Pipelines build and deploy code, approval gates pause releases for human sign-off, and failures can occur at any hour. Until now, there was no persistent signal in the dashboard that any of this had gone wrong — or was waiting on you.
To find out about a failed pipeline or a pending approval, you had to:
- Navigate to the dashboard overview, or
- Drill into an individual product's detail page.
On a platform where agents never stop working, that's a blind spot. A missed approval stalls a release. An unnoticed pipeline failure means a regression sits unaddressed.
The Solution: A Notification Bell in the Header
v1.0.27 adds a notification bell icon to the breadcrumb header — the persistent top bar visible across every page of the dashboard. It sits right-aligned, next to the Cmd+K command palette trigger, so it's always in view.
Red Badge Count
When there are active alerts, the bell displays a red badge showing the total number of items requiring attention:
pending approvals + failed pipelines = badge count
When everything is healthy and no approvals are waiting, the badge disappears entirely — no noise when things are running smoothly.
Actionable Popover Panel
Clicking the bell opens a popover (or sheet on smaller viewports) with a scrollable list of alert items. Alerts are grouped by urgency so the most critical issues surface first.
Each item in the list is a direct deep-link to the relevant resource:
- A pending approval links straight to the approval queue for that item.
- A failed pipeline links directly to the failed pipeline run.
No more hunting through the UI — one click gets you to the right place to act.
Live Polling Every 30 Seconds
The bell data refreshes automatically every 30 seconds using two existing tRPC endpoints:
| Endpoint | Purpose |
|---|---|
api.approval.listPending | Fetches all approvals currently awaiting action |
api.pipeline.list (status=failed) | Fetches all pipeline runs in a failed state |
No new backend infrastructure was required — this feature is built entirely on top of the tRPC layer already powering the rest of the dashboard.
Where to Find It
The notification bell is available immediately in the breadcrumb header across all dashboard pages. No configuration is needed. If you have pending approvals or failed pipelines, you'll see the badge as soon as you load the dashboard.
Technical Details
- File changed:
src/components/breadcrumb-header.tsx - Data sources:
api.approval.listPending,api.pipeline.list?status=failed - Poll interval: 30 seconds
- Badge visibility: Hidden when count is zero; shown with count when ≥ 1
- UI pattern: Icon button → popover/sheet with grouped, linked alert items