[Chore-1188] Matters register v3: render fix + drop template + SegmentedFilter + Storybook-first rule

Story 1188Epic None11 files · +143/−58

PR #298 · pramaan-io/pramaan-app · merged 2026-06-11

Why this matters

Matters register page is held together by a template, a render bug, and zero component rules.

What breaks at scale?

Templates don't scale — they only hide the mess.

The fix — Components, not templates, keep the register shippable.

How it flows

sequenceDiagram
  autonumber
  participant user as User
  participant page as MattersPage
  participant filter as SegmentedFilter
  participant row as MatterRow
  user->>page: opens matters
  page->>page: renders layout + SegmentedFilter
  user->>filter: clicks Active tab
  filter->>page: filter change event
  page->>row: re-render matching rows
  row->>row: shows active matters

Files changed (11)

File±
AGENTS.md ★+20 −4
docs/walkthroughs/story-1188-walkthrough.html+65
messages/en.json+4
messages/hi.json+4
src/app/[locale]/(workspace)/matters/page.tsx+1 −1
src/components/matters/live-matters-list-page.tsx+0 −2
src/components/matters/matter-register-layout.ts+10 −2
src/components/matters/matters-filter-row.tsx+6 −5
src/components/matters/matters-live-filter-row.tsx ★+14 −9
src/components/matters/matters-live-register-row.tsx+5 −10
src/components/matters/matters-query-filter-controls.tsx ★+14 −25