Update session log + registry for session handover

Session 2026-03-26b: PackageDetail refinements, FuneralFinder v1→v2
26 components total: 11 atoms + 10 molecules + 5 organisms
FuneralFinder in review — user wants further changes next session

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-26 09:32:10 +11:00
parent 1e8cd96648
commit e6f7817c18

View File

@@ -898,6 +898,59 @@ Each entry follows this structure:
- **Planned (2 organisms):** PricingTable, ArrangementForm - **Planned (2 organisms):** PricingTable, ArrangementForm
**Next steps:** **Next steps:**
- Review next key page from FA 1.0 Figma designs — identify further component gaps - ~~Review next key page (Package Select)~~ ✓ Done
- Consider FormField molecule if Input's built-in label/helperText proves insufficient - ~~Build homepage FuneralFinder organism~~ ✓ Done (v2 — conversational redesign)
### Session 2026-03-26b — FuneralFinder organism + further PackageDetail refinements
**Agent(s):** Claude Opus (via conversation)
**Work completed:**
- PackageDetail review refinements from user feedback:
- Section headings bumped from label (14px) to h6 (16px/600) — now stand out against line items
- Added Divider + subtext before Extras ("These items can be added at additional cost")
- T&C line height reduced 1.5 → 1.3
- Item spacing increased 12px → 16px
- Warm header band (surface.warm) with "Package" overline, name, price in brand colour
- Compare button loading state (compareLoading prop)
- Complimentary items now correctly shown before total
- Total row padding balanced (top matched to bottom)
- Audit: 19/20 (Excellent)
- Built FuneralFinder organism — homepage hero search widget:
- **v1**: Literal translation of marketing reference — numbered steps, uppercase overlines, cramped options. User feedback: "looks like a government form, not gentle guidance"
- **v2 (current)**: Complete conversational redesign:
- Warm questions: "How can we help you today?" not "I'M HERE TO"
- ChoiceCards: generous padding, descriptions, check icon on selection
- TypePills: pill-shaped buttons for dynamic funeral type list
- CompletedRow: "I'm here to **Arrange a funeral now** · Change"
- One question at a time — true progressive disclosure
- CTA only appears at location step — no disabled button staring at you
- No step numbers or badges
- Flow: Intent → Planning For (conditional) → Funeral Type → Location → CTA
- Audit: 17/20 (Good). P1/P2 fixes applied: aria-labels, radiogroup semantics, edit affordance
- 5 stories: Default, FewerTypes, CustomHeading, InHeroDesktop, InHeroMobile
**Decisions made:**
- "Make Arrangement" is FA's term for selecting/committing to a package
- PackageDetail structure: sections → total → extras (business-critical distinction)
- LineItem prices use text.secondary for readability hierarchy
- FuneralFinder uses conversational approach, not procedural/form-like
- Funeral types are prop-driven (dynamic from API)
- Pre-plan "for someone else" affects the arrangement journey
- Location needs a reusable Autocomplete atom (future work)
- "Find funeral directors" is the CTA text (not "Find providers")
**Component status at end of session:**
- **Done (11 atoms):** Button, Typography, Input, Card, Badge, Chip, Switch, Radio, IconButton, Divider, Link
- **Done (10 molecules):** ProviderCard, VenueCard, ServiceOption, SearchBar, AddOnOption, StepIndicator, LineItem, ProviderCardCompact
- **Done (4 organisms):** Navigation, Footer, ServiceSelector, PackageDetail
- **Review (1 organism):** FuneralFinder (v2 conversational — user wants further changes)
- **Planned (3 atoms):** Icon, Avatar, ColourToggle, Slider
- **Planned (2 molecules):** MapCard, FormField, Autocomplete
- **Planned (2 organisms):** PricingTable, ArrangementForm
**Next steps:**
- User to continue refining FuneralFinder — further UX changes planned
- Homepage redesign — FuneralFinder is one organism on the page, full homepage composition next
- Build Autocomplete atom for location search (reusable pattern for other areas)
- P3 cleanup: inverse logo SVG, InfoOutlinedIcon sizing in ProviderCard, image placeholder, accent bar 3px→4px - P3 cleanup: inverse logo SVG, InfoOutlinedIcon sizing in ProviderCard, image placeholder, accent bar 3px→4px