Home: slate header, hero with ED strip, folder tabs (phone/tablet) and underline tabs (desktop)
Merged
BI
3d ago+1735+1735+0123456789012345678901234567890123456789-640-640-012345678901234567890123456789
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
::beforelayer 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 --noEmitclean; eslint and prettier clean;check:ward-text-size,check:ward-raw-colour, journeyverify.mjs --checkpass. - 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