From cbd33daf3a7815bc838a9d1194b05ab7ead62765 Mon Sep 17 00:00:00 2001 From: Richie Date: Tue, 31 Mar 2026 15:36:20 +1100 Subject: [PATCH] Update session log and component registry for 2026-03-31c Co-Authored-By: Claude Opus 4.6 (1M context) --- docs/memory/component-registry.md | 1 + docs/memory/session-log.md | 40 +++++++++++++++++++++++++++++++ 2 files changed, 41 insertions(+) diff --git a/docs/memory/component-registry.md b/docs/memory/component-registry.md index 653be8a..06fab38 100644 --- a/docs/memory/component-registry.md +++ b/docs/memory/component-registry.md @@ -49,6 +49,7 @@ duplicates) and MUST update it after completing one. | StepIndicator | done | Typography + Box | Horizontal segmented progress bar. Brand gold for completed/current steps, grey for upcoming. Responsive bar height (10px/6px). Maps to Figma Progress Bar - Steps (2375:47468). | | LineItem | done | Typography + Tooltip + InfoOutlinedIcon | Name + optional info tooltip + optional price. Supports allowance asterisk, total variant (bold + top border). Font weight 500 (D019), prices text.secondary for readability hierarchy. Audit: 19/20. | | ProviderCardCompact | done | Card (outlined) + Typography | Horizontal compact provider card — image left, name + location + rating right. Used at top of Package Select page. Separate from vertical ProviderCard. | +| CartButton | done | Button + DialogShell + LineItem + Divider + Typography | Outlined pill trigger: receipt icon + "Your Plan" + formatted total in brand colour. Click opens DialogShell with items grouped by section via LineItem, total row. Mobile: icon + price only. Lives in WizardLayout `runningTotal` slot. | ## Organisms diff --git a/docs/memory/session-log.md b/docs/memory/session-log.md index 768a1ed..ab21098 100644 --- a/docs/memory/session-log.md +++ b/docs/memory/session-log.md @@ -26,6 +26,46 @@ Each entry follows this structure: ## Sessions +### Session 2026-03-31c — PaymentStep/ConfirmationStep review + progress bar + CartButton + +**Agent(s):** Claude Opus 4.6 (1M context) + +**Work completed:** +- **Organism normalize pass (Phase 3):** Scanned all 6 organisms. Fixed FuneralFinderV3 transition timing (200ms → 150ms ease-in-out), added autodocs tag to V3 stories. Navigation audit 18/20, ServiceSelector 20/20. +- **Navigation P1 fix:** Logo wrapper changed from `div[role=link]` to proper `` tag for keyboard accessibility. +- **PaymentStep feedback (5 items):** Divider under subheading, lock icon alignment, ToggleButtonGroup `align` + `direction` props (centre-aligned payment options, vertical payment method stack), checkbox alignment fix. +- **ToggleButtonGroup atom enhanced:** New `align` (start/center) and `direction` (row/column) props. Description text bumped from `text.secondary` to `text.primary`. +- **SummaryStep:** Save button → text variant (matches other pages), centred. +- **Cross-page heading spacing:** All wizard pages `mb: 1` → `mb: 2` on display3 heading. +- **ConfirmationStep redesign:** Animated SVG tick (circle draws then checkmark), "What happens next" warm card with bullet points, contact phone as prop, link-based secondary actions. +- **VenueStep + ProvidersStep:** Sticky search bar padding fix, off-white bg behind card lists. +- **IntroStep, CemeteryStep, CrematoriumStep, DateTimeStep:** Dividers under subheadings. +- **CoffinsStep:** h4 heading (matches list layouts), sidebar headings h5 → h6. +- **CartButton molecule (new):** Outlined pill trigger with receipt icon + "Your Plan" + formatted total in brand colour. Click opens DialogShell with items grouped by section via LineItem, total row, empty state. Mobile collapses to icon + price. +- **WizardLayout:** Removed STEPPER_VARIANTS whitelist — stepper bar now renders on all variants when props provided. Stepper centred at 700px max-width, cart hugs right. +- **StepIndicator:** Desktop label fontSize bumped to 0.875rem for readability. +- **Prop threading:** progressStepper + runningTotal added to DateTimeStep, VenueStep, SummaryStep, PaymentStep. +- **Style Dictionary:** Auto-generate tokens.d.ts on build, fixed TS unused imports. + +**Decisions made:** +- ToggleButtonGroup `align` and `direction` are opt-in props — existing usages unchanged +- ConfirmationStep contact phone is now a prop (default 1800 987 888), no more hardcoded placeholder +- WizardLayout stepper bar shows on ANY variant when props provided (StepperBar returns null when empty) +- CartButton is a molecule (not organism) — self-contained trigger + dialog, same pattern as FilterPanel +- Stepper bar layout: stepper centred at maxWidth 700px, cart hugs right edge + +**Open questions:** +- PaymentStep CTA is right-aligned — all other pages use full-width. Should it match? +- Progress bar stories should be added to more page stories (currently only DateTimeStep has them) + +**Next steps:** +- Continue user feedback/edits on remaining pages +- Add progress bar + cart to remaining page stories +- Retroactive review Phase 3 organisms: Navigation P2s still pending (hardcoded fontSize, drawer width) +- Update component-registry.md with CartButton + +--- + ### Session 2026-03-31b — CoffinDetailsStep rewrite + AdditionalServicesStep split **Agent(s):** Claude Opus 4.6 (1M context)