Workflow loop for mutation cycles.

This study combines a searchable list, detail panel, create, edit, delete, bulk delete, and mutation receipts into one complete user loop.

Promotable CRUD patterns need real route evidence, accessible actions, typed field contracts, and visible mutation feedback.

§01

listdetailmutation cycle

Interactive study

The dominant metaphor is a workflow loop: the user moves from list to detail to mutation and back to evidence without pretending a route-local study is a real CRM data layer.

Back to workflow patterns

Contacts

Active

Review

Workflow loop

List, detail, create, edit, delete in one study loop.

This study tests whether the table and form contracts compose into a CRUD workflow before any CRM-specific presentation is promoted.

	Name	Status	Actions
	Mira Patel	Review
	Tane Rangi	Active
	Noa Singh	Active

Rows per page

Page 1 of 2

Step 1

List

Searchable CRUDTable with row actions and stable row IDs.

Step 2

Detail

Selected entity renders a readable field panel without route churn.

Step 3

Create

Create mode captures named fields before local mutation.

Step 4

Edit

Edit mode reuses the same local form shell and preserves identity.

Step 5

Delete

Destructive action is explicit and records a mutation receipt.