[Story-909] Build Atlas intake review Step 3 Storybook UI

Story 909 Epic 850📜 The Evidentiary RecordMatter Intelligence14 files · +885/−0

PR #206 · pramaan-io/pramaan-app · merged 2026-06-02

How it flows

sequenceDiagram
  autonumber
  participant ui as UI States
  participant user as Counsel
  participant data as Extraction
  data->>ui: extraction runs
  ui->>ui: loading state
  data->>ui: findings arrive
  user->>ui: expand & review
  user->>ui: resolve / escalate
  ui->>ui: footer updates
  ui->>data: all clear → proceed
  data-->>ui: timeout → error state

Failure cases covered

extraction timeout
extraction error
mobile modal
design drift
type drift

Error & timeout states designed in

Typed mocks prevent real-data drift

Design anchors aligned to v1 system

All checks green: typecheck, lint, drift, build, vitest

Files changed (14)

File	±
`docs/walkthroughs/story-909-walkthrough.html`	+148
`output/story-909/atlas-expanded-desktop.png`	+0
`output/story-909/atlas-mobile-modal.png`	+0
`src/components/matters/atlas-continue-confirmation-dialog.tsx`	+49
`src/components/matters/atlas-finding-actions.tsx`	+49
`src/components/matters/atlas-finding-card.tsx`	+87
`src/components/matters/atlas-intake-review-mocks.ts`	+90
`src/components/matters/atlas-intake-review-panel.stories.tsx` ★	+100
`src/components/matters/atlas-intake-review-panel.tsx` ★	+100
`src/components/matters/atlas-intake-review-presentation.ts`	+49
`src/components/matters/atlas-intake-review-sections.tsx` ★	+96
`src/components/matters/atlas-intake-review-types.ts`	+54
`src/components/matters/atlas-review-footer.tsx`	+49
`src/components/matters/atlas-state-message.tsx`	+14