Update session log and registry with steps 1-4 progress

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-29 14:42:08 +11:00
parent 42d87293fd
commit 57e485ee8b
2 changed files with 29 additions and 20 deletions

View File

@@ -74,6 +74,9 @@ duplicates) and MUST update it after completing one.
| Component | Status | Composed of | Notes | | Component | Status | Composed of | Notes |
|-----------|--------|-------------|-------| |-----------|--------|-------------|-------|
| IntroStep | done | WizardLayout (centered-form) + ToggleButtonGroup × 2 + Collapse + Typography + Button + Divider | Wizard step 1 — entry point. forWhom (Myself/Someone else) + hasPassedAway (Yes/No) with progressive disclosure. Auto-sets hasPassedAway="no" for "Myself". `<form>` wrapper, aria-live subheading, grief-sensitive copy. Pure presentation. Audit: 18/20 → 20/20 after fixes. | | IntroStep | done | WizardLayout (centered-form) + ToggleButtonGroup × 2 + Collapse + Typography + Button + Divider | Wizard step 1 — entry point. forWhom (Myself/Someone else) + hasPassedAway (Yes/No) with progressive disclosure. Auto-sets hasPassedAway="no" for "Myself". `<form>` wrapper, aria-live subheading, grief-sensitive copy. Pure presentation. Audit: 18/20 → 20/20 after fixes. |
| ProvidersStep | done | WizardLayout (list-map) + ProviderCard + SearchBar + Chip + Typography + Button | Wizard step 2 — provider selection. List-map split: provider cards w/ radiogroup + search + filter chips (left), map slot (right). aria-live results count, back link. ProviderCard extended with HTML/ARIA passthrough. Audit: 18/20. |
| PackagesStep | done | WizardLayout (list-detail) + ProviderCardCompact + ServiceOption + PackageDetail + Badge + TextField + Typography + Button | Wizard step 3 — package selection. List-detail split: compact provider + budget filter + package list w/ radiogroup (left), PackageDetail breakdown (right). "Most Popular" badge. Mobile Continue button. |
| PreviewStep | done | WizardLayout (list-detail) + ProviderCardCompact + PackageDetail + Typography + Button + List + Divider | Wizard step 4 — package review. Informational (no form fields). "What happens next" numbered checklist. Pre-planning shows "Explore other options" tertiary CTA. |
## Future enhancements ## Future enhancements

View File

@@ -26,38 +26,44 @@ Each entry follows this structure:
## Sessions ## Sessions
### Session 2026-03-29 — Wizard Phase 0 + Phase 1 (foundation + IntroStep) ### Session 2026-03-29 — Wizard Phase 0 through Phase 4 (foundation + steps 1-4)
**Agent(s):** Claude Opus 4.6 (1M context) **Agent(s):** Claude Opus 4.6 (1M context)
**Work completed:** **Work completed:**
- **Phase 0 — Foundation components:** - **Phase 0 — Foundation components:**
- WizardLayout template: 5 layout variants (centered-form, list-map, list-detail, grid-sidebar, detail-toggles), nav slot, sticky help bar, back link, progress stepper + running total, `<main>` landmark - WizardLayout template: 5 layout variants, nav slot, sticky help bar, back link, progress stepper + running total, `<main>` landmark
- Collapse atom: thin MUI Collapse wrapper with unmountOnExit for progressive disclosure - Collapse atom: thin MUI Collapse wrapper with unmountOnExit
- ToggleButtonGroup atom: exclusive single-select with fieldset/legend a11y, FA brand styling, descriptions, error state - ToggleButtonGroup atom: exclusive single-select with fieldset/legend a11y, FA brand styling
- **Phase 1 — IntroStep page:** - **Phase 1 — IntroStep (step 1):**
- Wizard step 1 using centered-form layout - Centered-form layout, forWhom + hasPassedAway with progressive disclosure
- forWhom + hasPassedAway ToggleButtonGroups with progressive disclosure via Collapse - Auto-sets hasPassedAway="no" for "Myself", grief-sensitive copy adapts
- Auto-sets hasPassedAway="no" when forWhom="myself" (pre-planning) - Audit 18→20/20 after fixes (`<main>` landmark, `<form>` wrapper)
- Grief-sensitive copy adapts subheading per selection state - **Phase 2 — ProvidersStep (step 2):**
- `<form>` wrapper for landmark + Enter-to-submit - List-map split: provider cards w/ radiogroup + search + filter chips (left), map slot (right)
- aria-live on subheading, tabIndex=-1 on heading for focus management - ProviderCard extended with selected prop + HTML/ARIA passthrough
- Pure presentation — props in, callbacks out - Audit 18/20, P1 fixed (radio on focusable Card)
- **Audit:** IntroStep scored 18/20, fixed P1 (`<main>` landmark) and P2 (`<form>` wrapper) → 20/20 - **Phase 3 — PackagesStep (step 3):**
- List-detail split: ProviderCardCompact + budget filter + ServiceOption list (left), PackageDetail (right)
- "Most Popular" badge, mobile Continue button
- **Phase 4 — PreviewStep (step 4):**
- Informational review, "What happens next" numbered checklist
- Pre-planning variant shows "Explore other options" tertiary CTA
**Approach:** First pass of all steps (build + quick audit + P0/P1 fixes only), then grooming pass (critique/harden/polish/normalize) across the full flow.
**Decisions made:** **Decisions made:**
- Templates live at `src/components/templates/` (new atomic tier) - Templates at `src/components/templates/`, Pages at `src/components/pages/`
- Pages live at `src/components/pages/` (new atomic tier) - ProviderCard/ServiceOption: ARIA passthrough for radiogroup patterns
- WizardLayout uses `<main>` wrapper around all variants (not per-variant) - First-pass approach: build all steps, then groom — user confirmed
- ToggleButtonGroup uses `HTMLFieldSetElement` ref (not `HTMLDivElement`) due to `component="fieldset"`
**Open questions:** **Open questions:**
- None - None
**Next steps:** **Next steps:**
- Phase 2: Build Step 2 (Providers) — list-map layout variant - Step 5 (Auth Gate) — centered-form layout, account creation/login
- Continue building wizard steps in spec order - Continue through remaining steps (6-18)
- Retroactive review backlog still pending (molecules audit, organisms normalize) - Retroactive review backlog still pending
--- ---