Skip to content

Consistent stage recognition

As a case manager, I want to recognize a case’s stage instantly across the listing, search, and detail surfaces so that the same color and label always means the same thing.

Cases listing with the StageBadge in the Stage column

A single component — the StageBadge — renders the canonical three-stage badge wherever a stage is shown: the case detail header, the Cases table Stage column, and the top bar search dropdown. Once the manager learns “amber means Arbitration,” that recognition holds across every screen.

  • Case header: case-1 — top of the page
  • Cases table: /manager/cases — Stage column
  • Search dropdown: any page → focus the top bar search → results show case # plus StageBadge

Granular statuses (Determination, Closed — Initiating Party, etc.) still exist on the Case Information card but never drive navigation or high-level badges. A reviewer who recognizes amber as “arbitration” anywhere recognizes it everywhere — that one-to-one mapping is the whole point of consolidating to three stages.