Skip to content

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.

StatusOpen
RiskHigh
OrderCustomerStatusRisk
ORD-4821Northwind SupplyReview
High
ORD-4819Atlas RetailPicking
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.

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.

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.

Event path

  • Role changed

    Support admin granted refund approval to Maya Chen.

  • Policy check passed

    Change matched the approved escalation policy.

Selected event

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 DataToolbar with FilterSummary when filters persist after menus close.
  • Use BulkActionBar only when selection changes the available actions.
  • Use EmptyState as a recovery surface, not as a dead end.
  • Use Timeline for event order and DescriptionList for selected-record detail.