Never Miss a Negotiation Reply: Sidebar Badges Are Here
Never Miss a Negotiation Reply: Sidebar Badges Are Here
Release: v0.1.121 · Category: Navigation / UI
The Problem
If a tenant replied to an open negotiation thread, agents had no visual cue from the sidebar. The Negotiation nav item under Deposit & Disputes displayed no badge — even when unread messages were waiting. The only way to know was to open the page and check the thread list, or to happen to glance at the mobile bottom tab bar, which did already show an openDisputes badge.
This inconsistency between the sidebar and the mobile tabs created a real risk: pending tenant replies could sit unnoticed for hours, slowing down dispute resolution and putting compliance timelines at risk.
What's New
The sidebar now shows live red badge counts on three nav items:
Negotiation
Displays the openDisputes count from the work queue summary. Any open dispute with pending activity will light up the nav item so agents can act immediately.
Compliance
Displays the complianceAlerts count. Agents are alerted to compliance items needing attention without having to poll the page.
Deposit Releases
Displays the upcomingCheckOuts count. Upcoming check-outs requiring deposit release action are now surfaced at the navigation level.
How It Works
The work queue urgency data is fetched once at layout level via the useWorkQueueUrgencyCount hook — it was already in place. This release simply connects that data to the NavItem component via a new optional badgeCount prop.
- No extra network requests. Badge counts reuse the existing work queue summary fetch.
- No visual noise. Badges only appear when the count is greater than zero.
- Consistent with mobile. The sidebar now mirrors the behaviour already present in the mobile bottom tab bar.
Before & After
| Location | Before | After |
|---|---|---|
| Sidebar → Negotiation | No badge | 🔴 Red pill with openDisputes count |
| Sidebar → Compliance | No badge | 🔴 Red pill with complianceAlerts count |
| Sidebar → Deposit Releases | No badge | 🔴 Red pill with upcomingCheckOuts count |
| Mobile bottom tab → Deposits | ✅ Badge shown | ✅ Unchanged |
Impact
Faster response times in active negotiations, fewer missed compliance deadlines, and a consistent experience across desktop and mobile — all with no change to backend infrastructure.