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-30c

Browse Source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Richie
2026-03-30 18:06:57 +11:00
parent d51752d600
commit 2d9d0624c7
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

@@ -89,6 +89,7 @@ duplicates) and MUST update it after completing one.
| SummaryStep | done | WizardLayout (centered-form) + Accordion + Paper + IconButton + Divider + Button | Wizard step 13 — plan review. Accordion sections with edit buttons. dl/dt/dd definition lists. Total bar. Share button. |
| PaymentStep | done | WizardLayout (centered-form) + ToggleButtonGroup + Paper + Collapse + Checkbox + Divider + Button | Wizard step 14 — payment. Plan (full/deposit) + method (card/bank). PayWay iframe slot. Bank transfer details. Terms checkbox. |
| ConfirmationStep | done | WizardLayout (centered-form) + Button | Wizard step 15 — confirmation. Terminal page. At-need: "submitted" + callback. Pre-planning: "saved" + return-anytime. Muted success icon. |
| HomePage | done | FuneralFinderV3 + Card + Button + Typography + Accordion + Navigation (prop) + Footer (prop) | Marketing landing page. 7 sections: hero (display3 serif), FuneralFinder widget (overlapping card), partner logos carousel (CSS-only infinite scroll), 4 feature cards (outlined, compact, circular icon bg), reviews/testimonials (dark bg, Google aggregate), CTA banner (displaySm serif), FAQ accordion. Serif reserved for hero + CTA. Critique: 32/40, Audit: 16/20. First pass — will iterate. |
## Future enhancements

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

@@ -26,6 +26,46 @@ Each entry follows this structure:
## Sessions
### Session 2026-03-30c — HomePage build + Chromatic + Story to Design setup
**Agent(s):** Claude Opus 4.6 (1M context)
**Work completed:**
- **Story to Design agent:** Helped user install and run the story.to.design agent on Arch Linux (extracted from .deb, installed webkit2gtk dependency). Agent connects Storybook to Figma plugin.
- **Chromatic setup:** Installed chromatic, published Storybook to Chromatic CDN. Set visibility to public for shareable links. Updated `package.json` chromatic script with `--build-script-name=build:storybook`.
- **HomePage component built:** Full marketing landing page at `src/components/pages/HomePage/`
- 7 sections: Hero, FuneralFinder widget (overlapping card), Partner Logos carousel, Features (4-card grid), Reviews/Testimonials, CTA Banner, FAQ accordion
- Composes FuneralFinderV3 organism, Navigation + Footer via props
- CSS-only infinite scroll logo carousel with prefers-reduced-motion
- Feature cards with warm circular icon backgrounds
- Full a11y: section landmarks, aria-labelledby, heading hierarchy
- Grief-sensitive copy (quieter pass applied)
- **Quality gates run:** /critique (32/40), /audit (16/20), /quieter (all pass)
- **Design iteration:** Multiple rounds of visual refinement using Playwright screenshots
- Reduced oversized typography (display1 → display3 for hero, display2 → h2 for sections)
- Reserved serif fonts for hero + CTA only, sans-serif for all other section headings
- Tightened spacing, reduced section padding
- Feature cards: compact padding, warm circular icon backgrounds
- Fixed unicode rendering bugs in copy
**Decisions made:**
- Serif display fonts reserved for hero heading and CTA banner only — all other section headings use Montserrat (h2/h3)
- Feature card icons wrapped in warm circular backgrounds (brand.50 bg, 56px diameter)
- HomePage is a page component (not a template) — does not use WizardLayout
- Chromatic published URL is the shareable Storybook link for stakeholders
**Open questions:**
- Homepage is first-pass only — user will return to iterate later
- Partner logo placeholder images need real assets
- Hero image slot needs real photography
- CTA banner click destination needs clarification (scroll to widget vs wizard entry)
**Next steps:**
- Resume arrangement wizard page feedback from VenueStep (Step 7) onwards — Steps 1-6 done in previous session
- Remaining pages: VenueStep, CrematoriumStep, CemeteryStep, CoffinsStep, CoffinDetailsStep, AdditionalServicesStep, SummaryStep, PaymentStep, ConfirmationStep
---
### Session 2026-03-30b — Page feedback iteration (Steps 1-6) + DialogShell
**Agent(s):** Claude Opus 4.6 (1M context)