What's New: Trend Arrows & Last-Period Comparison in the Dashboard Health Bar
What's New: Trend Arrows & Last-Period Comparison in the Dashboard Health Bar
Release: v0.1.242 · Category: UI/UX · Visual Hierarchy
The problem
The Dashboard Health Bar is the first thing you see when you log in. It gives you a snapshot of your portfolio — open disputes, pending inspections, outstanding deductions, and so on. But until now, those numbers had no direction. "3 Open disputes" tells you where you are. It doesn't tell you whether you should be concerned.
To get any comparative context, you had to click through to the KpiSummaryStrip — a section that's collapsed by default and easy to miss entirely.
What's new
Inline delta badges on every stat chip
Each stat chip in the health bar now shows a small delta badge immediately alongside the main count:
┌─────────────────────────────┐
│ 3 Open disputes ▲ +2 │ ← amber badge: things are getting worse
└─────────────────────────────┘
┌─────────────────────────────┐
│ 1 Overdue inspection ▼ -1 │ ← green badge: things are improving
└─────────────────────────────┘
The comparison is against the same metric one week prior, matching the period already used by the underlying dashboard.kpis data fetch.
Colour semantics
| Badge colour | Meaning |
|---|---|
| 🟡 Amber | The number has gone up in a category where higher is worse (e.g. more open disputes, more overdue items). |
| 🟢 Green | The number has gone down in a category where lower is better (e.g. fewer disputes, fewer outstanding deductions). |
This intentional framing means a rising number is not always amber — the colouring is context-aware based on the metric type.
KpiSummaryStrip defaults to expanded for busier portfolios
If your account has more than 5 active tenancies, the full sparkline card section (KpiSummaryStrip) now opens automatically when you land on the dashboard. You no longer need to click to expand it. For smaller portfolios the default remains collapsed to keep the interface clean.
How it works under the hood
No new data fetching was introduced. The data.deltas fields returned by the existing dashboard.kpis query were already present but unused in the health bar component. This update wires those values directly into the chip rendering logic in dashboard-health-bar.tsx.
Who benefits
- Landlords managing multiple properties can instantly see which areas of their portfolio are worsening and prioritise accordingly.
- Letting agents handling portfolios above 5 tenancies get the full trend view without any extra clicks.
- All users benefit from reduced cognitive load — the most important signal (direction of travel) is now visible without drilling down.
No action required
This change is automatic. There is nothing to configure, no settings to toggle, and no data to re-import. The next time you load your dashboard, the delta badges will be visible.