Dashboard Redesign: Meet the Health Bar & a Cleaner Work Queue
Dashboard Redesign: Meet the Health Bar & a Cleaner Work Queue
Released in v0.1.211
The problem we solved
The previous dashboard greeted every user with five large KPI cards stacked in a grid — Active Tenancies, Deposits at Risk, Reports Due, Avg Days to Release, and Open Disputes. Each card contained a sparkline chart.
This looked information-rich, but in practice it created friction:
- On most screen sizes the five-column grid pushed the Work Queue below the fold, meaning users had to scroll before they could act on anything.
- The numbers in the KPI cards duplicated the badge counts already shown in the Work Queue section headers, so the cards added visual noise without adding new information.
- The sparklines are genuinely useful for spotting trends, but they don't need to be the first thing a user sees every time they open the dashboard.
What's new
1. The Health Bar — a compact stat strip at the top
The five KPI cards are replaced by a single horizontal Health Bar row, approximately 48 px tall. It shows the same five metrics — Active Tenancies, Deposits at Risk, Reports Due, Avg Days to Release, Open Disputes — as compact numbers with colour-coded indicators.
- One row. No scrolling required. The strip conveys portfolio status at a glance without consuming vertical space.
- Colour coding gives an immediate pass/warn/alert signal for each metric.
- Built on the existing
KpiSummaryStripcomponent, now promoted to the very top of the dashboard.
2. Work Queue is now above the fold
With the Health Bar taking up a single slim row, the Work Queue is the first major content block users see. Action items — the things that actually require attention — are reachable without scrolling on every standard viewport.
3. Portfolio Health section — sparklines on demand
The sparkline charts aren't gone; they've been moved to a dedicated "Portfolio Health" section positioned below the Work Queue. This section is collapsible, so users who want trend data can expand it, while users who just want to action their queue aren't forced past five charts to get there.
Summary of layout order
| Position | Before | After | |---|---|---|--- | | 1 | 5 large KPI cards (with sparklines) | Health Bar stat strip (numbers + indicators) | | 2 | Work Queue | Work Queue | | 3 | — | Portfolio Health (collapsible sparkline charts) |
No breaking changes
This is a pure layout change. No APIs, data models, or existing integrations are affected. The underlying KpiSummaryStrip component was already present in the codebase — this release reorders and refocuses it.