Update session log + component registry for 2026-03-31d

Added: UnverifiedProviderStep, HomePage V2, filter panels, control bars,
sort/view toggle, Phase 4 adapt fixes.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-31 21:27:02 +11:00
parent 90f47580ca
commit aaa4f80a05
2 changed files with 14 additions and 3 deletions

View File

@@ -94,7 +94,8 @@ duplicates) and MUST update it after completing one.
| SummaryStep | done | WizardLayout (centered-form) + Card + Paper + DialogShell + Button + Link + Divider | Wizard step 13 — plan review. Visual cart layout: arrangement details (2-col grid), compact cards with thumbnails for provider/venue/crematorium/coffin, checklist for included services, priced list for extras. Allowance display (fully covered vs remaining). Share dialog (multi-email). Location pin icons. Full-width CTA. | | SummaryStep | done | WizardLayout (centered-form) + Card + Paper + DialogShell + Button + Link + Divider | Wizard step 13 — plan review. Visual cart layout: arrangement details (2-col grid), compact cards with thumbnails for provider/venue/crematorium/coffin, checklist for included services, priced list for extras. Allowance display (fully covered vs remaining). Share dialog (multi-email). Location pin icons. Full-width CTA. |
| 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. | | 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. | | 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. | | UnverifiedProviderStep | done | WizardLayout (list-detail) + ProviderCardCompact + ProviderCard + Badge + Button + Divider + Typography | Unverified provider detail. Left: compact card + "Listing" badge + available info (conditional dl) + verified recommendations. Right: warm header band + detail rows + "Make an Enquiry" CTA. Graceful degradation (no data → straight to enquiry). 4 story variants. |
| HomePage | done | FuneralFinderV3 + ProviderCardCompact + Button + Typography + Accordion + Divider + Navigation (prop) + Footer (prop) | Marketing landing page. V1: split hero + card features. V2: full-bleed hero (parsonshero.png) + FuneralFinder inside hero + "See what you'll discover" map+compact cards + clean icon features (no cards/circles) + editorial alternating testimonials + minimal FAQ accordion. V2 uses `heroImageUrl` prop. |
## Future enhancements ## Future enhancements

View File

@@ -26,7 +26,7 @@ Each entry follows this structure:
## Sessions ## Sessions
### Session 2026-03-31d — Phase 4 adapt + ProvidersStep/VenueStep filter panels + control bar ### Session 2026-03-31d — Filters, control bars, UnverifiedProviderStep, HomePage V2
**Agent(s):** Claude Opus 4.6 (1M context) **Agent(s):** Claude Opus 4.6 (1M context)
@@ -54,6 +54,9 @@ Each entry follows this structure:
- Results count on own line below with breathing room - Results count on own line below with breathing room
- **List/Map view toggle:** Floating overlay in top-left of map panel (paper bg + shadow). Text-labelled: "List" / "Map" with icons. Follows Airbnb/Domain pattern — contextually placed where the map lives. - **List/Map view toggle:** Floating overlay in top-left of map panel (paper bg + shadow). Text-labelled: "List" / "Map" with icons. Follows Airbnb/Domain pattern — contextually placed where the map lives.
- New types: `ProviderSortBy`, `VenueSortBy`, `ListViewMode`, `VenueFilterValues`, `VenueTypeOption` - New types: `ProviderSortBy`, `VenueSortBy`, `ListViewMode`, `VenueFilterValues`, `VenueTypeOption`
- **UnverifiedProviderStep (new page):** list-detail layout for scraped provider listings. Left: ProviderCardCompact + "Listing" badge + available info + verified recommendations. Right: warm header band + enquiry CTA. 4 story variants (Default, MinimalData, NoData, NoRecommendations). Graceful degradation when data missing.
- **HomePage V2:** Full-bleed hero with `parsonshero.png`, FuneralFinder inside hero (overlaps into white below), "See what you'll discover" map+ProviderCardCompact section, stripped features (no cards/circles — just icons+text), editorial alternating testimonials, minimal FAQ accordion, simplified CTA. Multiple iteration rounds on hero positioning.
- New types: `TrustStat`, `FeaturedProvider`, `ProviderDetail`, `RecommendedProvider`
**Decisions made:** **Decisions made:**
- "Service tradition" as the label for religion/faith filter — neutral, user-centric, covers religious and non-religious - "Service tradition" as the label for religion/faith filter — neutral, user-centric, covers religious and non-religious
@@ -64,14 +67,21 @@ Each entry follows this structure:
- FilterPanel footer: "Reset filters" + "Apply" replaces header "Clear all" + footer "Done" - FilterPanel footer: "Reset filters" + "Apply" replaces header "Clear all" + footer "Done"
- List/Map toggle lives on the map panel (floating overlay), not in the control bar — frees space, contextually placed - List/Map toggle lives on the map panel (floating overlay), not in the control bar — frees space, contextually placed
- Sort uses compact menu button (not TextField select) — same visual weight as Filters button - Sort uses compact menu button (not TextField select) — same visual weight as Filters button
- Unverified providers use list-detail layout (same as PackagesStep) for consistency
- Unverified CTA is "Make an Enquiry" (not "Make an Arrangement") — honest framing
- HomePage V2 hero: text top-aligned, FuneralFinder inside hero with negative mb overlap
- Features section: no cards/circles — just icons + text for authentic feel
- Hero gradient: 55% opacity at top for readability on bright sky
**Open questions:** **Open questions:**
- None currently - HomePage V2 still a first pass — may iterate further on discover section, testimonials, etc.
- UnverifiedProviderStep paused — may revisit for enquiry form fields
**Next steps:** **Next steps:**
- Continue user feedback on remaining pages - Continue user feedback on remaining pages
- Phase 4 remaining: `/typeset` sample, `/preflight` full codebase - Phase 4 remaining: `/typeset` sample, `/preflight` full codebase
- Add progress bar + cart stories to more page stories - Add progress bar + cart stories to more page stories
- Update component-registry.md with UnverifiedProviderStep
--- ---