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:
@@ -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
|
||||||
|
|
||||||
|
|||||||
@@ -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
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user