Workflow Pattern — Data
This study defines how dense rows, row selection, sorting, pagination, bulk actions, loading, empty, and compact states compose into one operating surface.
Promotable table patterns need serializable row data, narrow callbacks, visible terminal states, and contained responsive overflow.
§01
The dominant metaphor is a control desk: a single operating surface with a live table, side readout, and visible terminal states. Promotion waits until this proves which contract belongs in ui-interactive.
Rows under review
5
Average fit
74%
Blocked
1
Control desk / operational matrix
This study keeps the useful demo concepts visible while testing the canonical table organism: search, row selection, sorting, pagination, bulk action affordances, loading, compact and empty states.
| Account | Workflow | Owner | Fit | Priority | Status | Due | |
|---|---|---|---|---|---|---|---|
| Acme Health | Security response | Mira | 92% | high | Review | Today | |
| Northcare Group | Renewal desk | Tane | 84% | high | Ready | Tomorrow | |
| CivicWorks | Evidence pack | Noa | 78% | medium | Review | Mon |
A smaller table footprint for side panels and dense review surfaces.
| Account | Workflow | Owner | Fit | Priority | Status | Due |
|---|---|---|---|---|---|---|
| Acme Health | Security response | Mira | 92% | high | Review | Today |
| Northcare Group | Renewal desk | Tane | 84% | high | Ready | Tomorrow |
| Koru Logistics | Access audit | Ari | 67% | medium | Blocked | Fri |
Both terminal states need to be visible before a table contract is promoted.
| Account | Workflow | Owner | Fit | Priority | Status | Due |
|---|---|---|---|---|---|---|
| Account | Workflow | Owner | Fit | Priority | Status | Due |
|---|---|---|---|---|---|---|
| No rows in this study state. | ||||||
Large in-memory review modes render only visible rows while keeping the same columns, row actions, and responsive overflow contract.
| Account | Workflow | Owner | Fit | Priority | Status | Due |
|---|---|---|---|---|---|---|
| Acme Health 01 | Security response | Mira | 92% | high | Review | Today |
| Northcare Group 02 | Renewal desk | Tane | 83% | high | Ready | Tomorrow |
| Koru Logistics 03 | Access audit | Ari | 65% | medium | Blocked | Fri |
| CivicWorks 04 | Evidence pack | Noa | 75% | medium | Review | Today |
| Harbour Labs 05 | Intake triage | Ivy | 47% | low | Ready | Tomorrow |
| Acme Health 06 | Security response | Mira | 87% | high | Review | Fri |
| Northcare Group 07 | Renewal desk | Tane | 78% | high | Ready | Today |
| Koru Logistics 08 | Access audit | Ari | 60% | medium | Blocked | Tomorrow |
| CivicWorks 09 | Evidence pack | Noa | 70% | medium | Review | Fri |
| Harbour Labs 10 | Intake triage | Ivy | 42% | low | Ready | Today |
| Acme Health 11 | Security response | Mira | 82% | high | Review | Tomorrow |
| Northcare Group 12 | Renewal desk | Tane | 73% | high | Ready | Fri |
§02
Readiness is derived from checked-in scenario, quality, ownership, production-flow, and fixture-demand receipts—not assigned by catalogue copy.
Evidence-derived readiness
Target user: Operators working through CRM and other row-based queues.
DataTable
@stackmates/ui-interactive · libs/app-client/ui-interactive/src/lib/organisms/DataTable/DESIGN.md
ContactsListClient
@stackmates/app-client-crm · libs/app-client/app-client-crm/src/lib/contacts/ContactsListClient.tsx
Controlled table
promoteFixed: Serializable rows · Stable row identity · Visible terminal states
Varied: Search and facet controls · Selection and bulk actions
States: default · filtered · selected · loading · empty
Falsifier: A repeated production pull cannot preserve context while filtering, sorting, paging, or acting on rows.
Compact table
reviseFixed: Serializable rows · Stable row identity · Visible terminal states
Varied: Reduced density · Side-panel fit
States: default · compact · empty
Falsifier: A second dense side-panel workflow proves compact mode is the primary table composition.
Virtualized scan
lab-onlyFixed: Serializable rows · Stable row identity · Visible terminal states
Varied: Large in-memory row count · Virtualized viewport
States: 90-row scan · search · vertical scroll
Falsifier: Production measurement proves server pagination is insufficient for a repeated large in-memory review job.
accessibility
passTable proofs cover labelled selection, reset, column visibility, sortable headers, and visible empty results.
responsive
passThe reusable table owns horizontal overflow and CRM contacts verifies the scroll surface at mobile width.
interaction
passFocused proofs cover controlled search, facets, reset, sorting, pagination, selection, bulk actions, and virtualization.
performance
passThe deterministic performance harness measures render and sort samples, while the study proves bounded virtual rendering.
iddomain-truthStable identity is required for row links, selection, and mutations. Owner: AgentProfileHumanContact.
account + workflow + ownerapplication-projectionOperational labels may join several domain records and should be mapped for each table job. Owner: Application query/projection.
fit + priority + statuspresentation-stateThe generic study uses display signals; CRM maps only justified contact fields such as active status. Owner: Owning app-client mapper.
duefixture-onlyThe due label creates useful table pressure but does not prove a CRM persistence requirement. Owner: @stackmates/testing/data-fixtures.