Story-2249 - pramaan-admin - Firm Record

Overview now carries the operational snapshot for a firm

The Overview tab composes existing firm-detail pieces only: stat tiles, vertical onboarding progress, a purpose-built At-a-glance card shaped like the app's feature-local fact panels, and the existing activity panel.

Before

After the tabbed shell from Story-2247, the Overview branch still showed only FirmStatTiles and FirmActivityPanel. The design reference called for the timeline and concise firm facts to live in this tab body.

After

The branch now renders the existing four stat tiles, the existing OnboardingStepper, a cream FirmAtAGlancePanel with label-left/value-right rows for CSM owner, subscription, email domain, and created by, and the existing FirmActivityPanel.

Design reference

HR-19: no Claude Design URL was provided in this turn, so the version-controlled design/v1/ fallback was used with the local attached export at /Users/am/Downloads/PRAMAAN Firm Record.html.

Reference export: Overview shows stat tiles, onboarding timeline, and an At a glance panel.

PRAMAAN Firm Record design reference for the Overview tab

Rendered Overview evidence

LiveGrowth story: four existing stat tiles, completed vertical stepper, cream At-a-glance card with crimson eyebrow, and activity panel.

FirmDetailView LiveGrowth Overview tab after Story-2249

Onboarding story: in-progress stepper state and At-a-glance subscription rendered with StatusBadge.

FirmDetailView Onboarding Overview tab after Story-2249

Sibling tabs unchanged

The masthead and tab bar remain stable while Members, Support access, and Billing continue to render their existing owned panels.

Members tab: existing members panel path preserved.

FirmDetailView Members tab unchanged

Support access tab: existing CSM roster, active grants, and history panels preserved.

FirmDetailView Support access tab unchanged

Billing tab: existing billing, provisioning, and danger zone panels preserved.

FirmDetailView Billing tab unchanged

Implementation notes

  • No new stat component was added; the Overview tab reuses FirmStatTiles.
  • No backend contracts, generated files, or codegen output changed.
  • The subscription row uses StatusBadge, preserving the canonical status primitive.
  • The masthead firm reference and both Overview card headers use the shared Eyebrow component, matching the app's 11px / 0.24em structure.
  • pramaan-docs ADR-124 note: this is presentational composition around existing data and workflows. It adds no route, handler, mutation workflow, external call, queue, job, or state-changing boundary requiring a new manual span.

Verification