Home: slate header, hero with ED strip, folder tabs (phone/tablet) and underline tabs (desktop)

Merged
BI
3d ago
+1735-640

Builds Josh's approved sticky header redesign (9 Nov 2026). Synthetic data only; no clinical logic changed.

What changes

  • Header: stays slate when scrolled; "Home · Statewide" on one line with a 20px title; frosted slate on phone (blur on a ::before layer so the fixed dock is unaffected). Alerts count on the slate is a round soft pill.
  • Hero: "Bed flow right now", three figures, the next-step card, and the ED strip inside the slate. Each ED is three lines: code and count, longest wait, one forms line. In the hero the forms line shows only its urgent part ("1 due", "2 overdue"); the full wording stays in the button's spoken name and title.
  • Tabs, phone and tablet: curved folder tabs (home-folder.tsx, clip-path outline), 40px, pinned under the header on phone with a frosted slate back; Needs you count is a compact 16px red circle.
  • Tabs, desktop (option C): underline tabs on the light page; the slate keeps its own lip. Stage filters use a quieter style with the chosen stage on a soft track (all sizes).
  • Bottom bar: flat edge, navy rounded-square +, tinted Home pill, 12px badges, frosted.
  • Removed from Home's top: the four count chips, "changes since" chip and checking foot (as in the approved mock-up).

Evidence

  • Local vitest: 43 files, 260 tests passed after merging current main; tsc --noEmit clean; eslint and prettier clean; check:ward-text-size, check:ward-raw-colour, journey verify.mjs --check pass.
  • Visual check: real-app screenshots at 390, 820 and 1440 wide, light and dark, on Josh's review page.
  • Not run locally: full test suite, Playwright, script-budget build. Hosted CI will cover these.

Notes

  • Overlaps the Home notes 4 thread (PR #1546) in coordinator-screen.tsx; expect a merge conflict there.
  • Open product questions from test updates: the Tier 1 highlight is no longer reachable from Home's top, and the ED section now has a visible h3 "Waiting in ED".

Generated by Claude Code