Batch 3: FilterPanel molecule + integration across 3 steps (D-C, D-F)

New molecule:
- FilterPanel: Popover-based reusable filter trigger with active
  count badge, Clear all, Done actions. D-C: Popover for MVP.

Step integrations:
- ProvidersStep: inline Chip filter bar → FilterPanel Popover,
  search bar + filter button side-by-side in sticky header
- VenueStep: same pattern, filter chips moved into Popover
- CoffinsStep (D-F): grid-sidebar layout → wide-form (full-width
  4-col grid), category + price selects moved into FilterPanel

WizardLayout:
- Added wide-form variant (maxWidth lg, single column) for
  card grids that benefit from full width
- wide-form included in STEPPER_VARIANTS for progress bar

Storybook:
- FilterPanel stories: Default, WithActiveFilters, SelectFilters,
  CustomLabel

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-29 22:24:54 +11:00
parent 1c3cdbc101
commit c5581c6e9f
8 changed files with 576 additions and 252 deletions

View File

@@ -26,6 +26,35 @@ Each entry follows this structure:
## Sessions
### Session 2026-03-29e — Feedback iteration Batches 1 & 2
**Agent(s):** Claude Opus 4.6 (1M context)
**Work completed:**
- **Batch 1: Atom + Template Foundation**
- ToggleButtonGroup: label-to-options spacing `mb: 1→2`, top-align content `flex-start`, fixed selected border CSS specificity (added `&.Mui-selected` in grouped selector)
- Heading standardisation: all 6 split-layout steps changed from `h4``display3` (ProvidersStep, PackagesStep, PreviewStep, VenueStep, CoffinsStep, CoffinDetailsStep) per D-A
- DateTimeStep: normalised section gaps (scheduling fieldset `mb: 3→4`)
- CrematoriumStep: added subheading for consistency, normalised witness section `mb: 3→4`
- PackagesStep + DateTimeStep: fixed input label clipping (`pt: 0.5` on TextField containers)
- **Batch 2: List-Map Layout Rework (D-B)**
- WizardLayout ListMapLayout: 420px fixed left column, `flex: 1` right panel
- Back link rendered inside left panel (not above split) — eliminates gap above map
- LAYOUT_MAP type updated to accept `backLink` prop for list-map variant
- ProvidersStep + VenueStep: sticky header (heading + search + filters pinned at top of scrollable left panel)
**Decisions made:**
- None new (implementing D-A heading standardisation and D-B list-map layout from previous session)
**Open questions:**
- None
**Next steps:**
- Batch 3: FilterPanel component (reusable Popover-based filter for providers, venues, coffins)
- Remaining batches 47 from iteration plan
---
### Session 2026-03-29c — Grooming pass: critique/harden/polish all 15 steps
**Agent(s):** Claude Opus 4.6 (1M context)