Unified Tenancy Workflow Status Banner

The tenancy detail page now displays a sticky horizontal workflow stepper at the top of the view. It gives agents an instant, persistent read of where any given tenancy stands in its full lifecycle — without navigating away from the page or hunting across tabs.

Overview

The banner is rendered inside tenancy-detail-view.tsx and mirrors the WorkflowSteps component already present in the Work Queue. It sits at the top of the page and remains visible (sticky) as the agent scrolls through the detail sections below.

Lifecycle steps

The stepper tracks four sequential stages:

Check-In → Check-Out → Deposit Release → Resolved

Each step displays one of the following status badges depending on its current state:

Check-In

• Not Started
• In Progress
• Done

Check-Out

• Not Started
• In Progress
• Done

Deposit Release

• Draft
• Finalised
• Disputed

Resolved

• Not Started
• Done

Navigation

Each step node in the stepper is clickable. Clicking a step either:

• Scrolls the page to the relevant section, or
• Activates the corresponding tab within the tenancy detail view

This makes the banner a navigation shortcut as well as a progress indicator — agents can jump directly to the Check-Out tab or the Deposit Release tab from the top of the page.

Motivation

Agents managing large portfolios (50+ tenancies) previously had no single place on the tenancy detail page to confirm lifecycle status. The Work Queue showed a compact progress strip per tenancy row, but once inside the detail view that orientation was lost. The new banner closes that gap by surfacing the same progress context persistently at the page level.

Affected file

• src/app/dashboard/tenancies/[id]/tenancy-detail-view.tsx