Revamp UI with Coverage Compass-style wizard flow

[daphnehanse11]

Summary

Reworks the Crossroads frontend to match the Coverage Compass interaction model and visual style.

Wizard flow

• HouseholdWizard replaces the single-page household form: one question per screen (location + tax year, filing status, ages, income, employer coverage, children) with a continuous 8-step progress bar and a "So far" summary card that fills in as you answer.
• ChangeWizard replaces the life event selector: step 1 picks the event, step 2 collects its details. Events are filtered to the household (marriage hidden for married filers, divorce for single filers, losing coverage when nobody has employer insurance).
• Combined scenarios are now built through an "Add another change" queue in the change wizard, replacing the advanced-mode toggle; the backend accepts an ordered lifeEvents list.

Results

• Hero card with a headline derived from the simulated net income delta, so the copy can't contradict the numbers, plus "what changed" chips and the household summary.
• Compared scenarios grid keeps earlier runs for the same household one click away.
• Share links preserved for single-event scenarios.

Styling

• All emoji removed (event icons, coverage icons, favicon) in favor of text labels and an SVG mark.
• Headings and labels moved to sentence case.
• Benefit cliffs callout and toggles restyled from purple/amber to neutral gray and the teal brand palette.

Testing

• npm run build passes (type check + production build).
• pytest tests/ — 33 passed.
• Walked the full flow in the browser: household wizard → income change → simulation against the Modal backend → results with charts, detailed breakdown, and scenario history.

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
crossroads	Ready	Preview, Comment	Jul 27, 2026 5:22pm