UI Lab

Dashboard

Workshop /dashboard integration — tiles and inbox composed from data-surface compounds, not new primitives.

Workshop patterns · fixture-only

Operational home layout

ObjectTile grid for proof-line metrics, then SectionLabel + Inbox snippet for triage — no bespoke dashboard chrome.

Workshop: /dashboard home — matches tile + notification stack in Workshop.
Avoid: Adding dashboard-only components to @hq/ui — compose existing tiles and lists.

Fixture data only — behaviour matches production chrome

Fixture vs live data

Gallery shows static counts and inbox rows — Workshop wires real API data into the same compounds.

Workshop: Compare this page to :3002/dashboard before changing tile or inbox wiring.

Fixture data only — behaviour matches production chrome

Drill into compounds first

When a tile or inbox row looks wrong, fix ObjectTile or Inbox on reference pages — not this integration view.

Workshop: /reference/surfaces/lists and /reference/surfaces/inbox.

Fixture data only — behaviour matches production chrome

Quick preview

Operational home — ObjectTile proof lines and an inbox snippet. Composes list, tile, and notification compounds.

Open tasks

7

Approvals

2

Agent runs

42

Events

1.2k

Inbox

— Latest notifications

  1. Approval

    Approve export

    5m ago
    View →

Workshop mapping

Integration pattern for /dashboard — drill into individual compounds before wiring Workshop routes.

ObjectTile + Inbox

Tile grid and notification list primitives used on the home surface

OpsMetricTile

Swap ObjectTile for metric tiles on ops-heavy dashboards