richie/Parsons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update session log and component registry for 2026-03-31c

Browse Source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Richie
2026-03-31 15:36:20 +11:00
parent 49b49e2113
commit cbd33daf3a
2 changed files with 41 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
docs/memory/component-registry.md
View File

@@ -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). | | 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. | | 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. | | 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 ## Organisms

40
docs/memory/session-log.md
View File

@@ -26,6 +26,46 @@ Each entry follows this structure:
## Sessions ## 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 `<a>` 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 ### Session 2026-03-31b — CoffinDetailsStep rewrite + AdditionalServicesStep split
**Agent(s):** Claude Opus 4.6 (1M context) **Agent(s):** Claude Opus 4.6 (1M context)