How a pattern gets here
A screen ships in walmart-mvp or speedway, the canon writes down what it settled, and the composite is rebuilt here from kit parts alone. The recipes behind them are in the app patterns docs.
Dashboards
Headline numbers and split layouts for overview pages- Dashboard stat groupsheadline numbers as stat tiles, auto-fit grid
- Split cardstwo-pane split, hairline row dividers
- Entrance cardsone small card per destination, a sentence of purpose, the arrow in the toolbar
Workflows
Progress and stage indication for multi-step jobs- Workflow steppernumbered knobs, completion-colored connectors
- Top loading bar90ms grace, eased trickle, completes on arrival
Forms
Upload and entry composites proven on shipping screens- Compact dropzone cardthe dashed row on a borderless surface, files beneath
- Searchable attach listsearch Input, running count, checkbox rows, scoped Attach
Module settings
The four V1 console modules rendered from their schemas by SchemaForm, with the app's slots stubbed- Module settings: content generationfields table with prompt and rules in the row, templates as presets, preview beside
- Module settings: image generationgenerate or edit as mode cards, colour swatches, compact dropzone, a warning status line
- Module settings: attribute normalizationrows seeded from the file, a fetched multiselect per row, coverage hints
- Module settings: part type matchingthe smallest module: a checklist with sample hints, an admin-only field, a match preview
Structure
Page headers, sidebars, and title composites- Page title variantsplain icon, themed chip, title-side status pill
- Job title compositemono run suffix, id copy affordance, status pill (D6, fresh)
- Sidebar anatomygrouped rail, known-only counts, identity footer
Auth and access
Signed-out shells, the account menu, and who holds which role- Auth card shellcentered card shell every signed-out screen wraps in
- Account menuidentity trigger, workspace line, colorless sign out
- Member row with inline role controlrole Select, remove behind confirm, pending invite state
Data
Identity and file tokens that open a preview, and labeled data grids- Part identity triggericon-led preview button, mono SKU peek link
- File chipmid-truncated filename token, opens a preview
- Attribute / spec gridlabeled dl grid, mono keys, critical + provenance rows
Bulk actions
Selection-driven toolbars that grow under a table once rows are picked- Bulk selection action barlive count in the bar, action label carries the count
Loading
Skeletons matched to the shape and route they stand in for- Shape-matched skeletonpage and placeholder share one container map
- Route-matched boot skeletonsthe boot frame dispatches on pathname
Overlays
Drawers, panels, and dialogs layered over the page- Claimable peek panelone drawer slot, claim-and-evict semantics
- Confirm-and-report actionclose-then-toast: the dialog is gone before the request settles
Activity
Timestamped feeds of what happened lately, capped and grouped- Recent activity feed cardtone dots, day groups, connector line, load more
Typography
Composites where two or more type roles meet on one shipping screen- Typography compositestitle stacks, label and value grids, identity rows, message text