Backoffice Workflows
These examples show how to assemble Nim UI primitives around the operator’s next decision. Keep the page quiet, keep controls close to the data they affect, and make recovery actions visible when a workflow has no rows.
Orders Exception Queue
Use this pattern when a shift lead needs to triage a filtered queue, act on selected rows, and keep current filters visible.
Orders Workflow
Orders
Exception queue
Review SLA risk and approve the next batch before warehouse cutoff.
184 results
Apply after checking payment and stock holds.
| Order | Customer | Status | Risk |
|---|---|---|---|
| ORD-4821 | Northwind Supply | Review | High |
| ORD-4819 | Atlas Retail | Picking | Low |
View Code
Users Review
Use DescriptionList for the selected record and Timeline for the recent account trail so reviewers do not jump between pages.
Users Workflow
Users
Account review
Confirm identity, role, and recent access before changing privileges.
12 pending reviews
Selected user
- Name
- Maya Chen
- Role
- Inventory manager
- Status
- Active
Recent activity
Role request submitted
Manager requested inventory approval access.
Signed in from known device
Device matched the previous Bangkok office login.
View Code
Inventory Replenishment
Use EmptyState inside the same table surface when filters remove every row. This keeps the recovery action next to the controls that caused the empty result.
Inventory Workflow
Inventory
Replenishment plan
Review low-stock SKUs and release purchase orders for approved suppliers.
0 urgent rows
No urgent stock gaps
Relax the urgency filter or switch warehouses to review the next replenishment batch.
View Code
Audit Log Investigation
Use Timeline for the event path and DescriptionList for the selected event payload. Keep export and retention actions in the toolbar, not in the event detail.
Audit Log Workflow
Audit log
Permission change trail
Follow role changes across users, services, and automated policy checks.
42 events
Event path
Role changed
Support admin granted refund approval to Maya Chen.
Policy check passed
Change matched the approved escalation policy.
Selected event
- Actor
- [email protected]
- Target
- [email protected]
- Outcome
- Policy passed
View Code
Composition Notes
- Put the main workflow noun in
PageHeaderTitle: Exception queue, Account review, Replenishment plan, or Permission change trail. - Pair
DataToolbarwithFilterSummarywhen filters persist after menus close. - Use
BulkActionBaronly when selection changes the available actions. - Use
EmptyStateas a recovery surface, not as a dead end. - Use
Timelinefor event order andDescriptionListfor selected-record detail.