[Story-924] Replace default skeletons with PRAMAAN loading states

Story 924Epic 850๐Ÿ“œ The Evidentiary RecordMatter Intelligence27 files ยท +1168/โˆ’142

PR #205 ยท pramaan-io/pramaan-app ยท merged 2026-06-02

How it flows

sequenceDiagram
  autonumber
  participant tokens as Tokens
  participant primitive as Primitive
  participant library as Library
  participant routes as App Routes
  participant evidence as Visual Evidence
  tokens->>primitive: border + easing
  primitive->>library: compositions
  library->>routes: loading.tsx
  routes->>evidence: storybook + screenshots
  evidence->>evidence: 61 token-driven blocks

Why the safety net is the skeleton itself

raw-color scan on skeleton files: pass
vitest eighty files, four hundred twenty-nine tests: pass
browser DOM check: sixty-one token-driven blocks
storybook build: pass
lint and tsc no-emit: pass
next build Turbopack: Windows sandbox issue
next build webpack: pre-existing layout problem

Files changed (27)

Fileยฑ
docs/visual-verification/story-924/README.md+51
docs/visual-verification/story-924/add-matter-sheet-mobile.png+0
docs/visual-verification/story-924/add-matter-step-1.png+0
docs/visual-verification/story-924/add-matter-step-2.png+0
docs/visual-verification/story-924/add-matter-step-3.png+0
docs/visual-verification/story-924/atlas-loading-desktop.png+0
docs/visual-verification/story-924/document-register.png+0
docs/visual-verification/story-924/matter-detail.png+0
docs/visual-verification/story-924/matters-list.png+0
docs/visual-verification/story-924/mobile-frame.html+42
docs/walkthroughs/story-924-walkthrough.html+216
src/app/[locale]/(app)/clients/new/loading.tsx+6 โˆ’5
src/app/[locale]/(app)/matters/[matterId]/documents/loading.tsx+12
src/app/[locale]/(app)/matters/[matterId]/loading.tsx+5
src/app/[locale]/(app)/matters/[matterId]/overview/loading.tsx+5
src/app/[locale]/(app)/matters/[matterId]/review/loading.tsx+12
src/app/globals.css+16
src/components/clients/clients-table.tsx+13 โˆ’7
src/components/matters/live-matter-fields.tsx+11
src/components/route-loading.tsx+15 โˆ’69
src/components/settings/firm-profile/firm-profile-skeleton.tsx+8 โˆ’6
src/components/settings/members-roles/members-table.tsx+7 โˆ’6
src/components/settings/seats-and-billing/seats-and-billing-skeleton.tsx+19 โˆ’24
src/components/skeletons/index.tsx โ˜…+523 โˆ’6
src/components/ui/skeleton.stories.tsx โ˜…+53 โˆ’13
src/components/ui/skeleton.tsx+45 โˆ’3
src/stories/skeletons.stories.tsx โ˜…+109 โˆ’3