Primitive 03 / Layout

Dashboard grid

A 12-column dashboard grid for arranging observability tiles. Each tile carries a title, subtitle, drag-handle hint (visual only) and arbitrary content slot. Below the breakpoints collapses the grid into stacked rows.

Production answer

Dashboard grid is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Dashboard grid states
Generative search brief

Dashboard grid: A 12-column dashboard grid for arranging observability tiles. Each tile carries a title, subtitle, drag-handle hint (visual only) and arbitrary content slot. Below the breakpoints collapses the grid into stacked rows.

Live primitive · 6 tiles · 12-col grid

Quotes API

p95 latency · 5m
p95 latencyquotes-api
142ms-12%vs 1h
p95 latency trend sparklineTrend over 48 samples ranging from 106.4 to 174.1.

Parts catalogue

p95 latency · 5m
p95 latencyparts-catalogue
188ms+4%vs 1h
p95 latency trend sparklineTrend over 48 samples ranging from 161.3 to 208.0.

Quote PDF

render p95 · 5m
render p95quote-pdf
484ms+24%vs 1h
render p95 trend sparklineTrend over 48 samples ranging from 317.1 to 483.0.

Quotes API

throughput · 1m
RPSquotes-api
198req/s+8.2%vs 1h
RPS trend sparklineTrend over 48 samples ranging from 163.2 to 202.7.

Workshop scheduler

p95 latency · 5m
p95 latencyworkshop-scheduler
96ms0%vs 1h
p95 latency trend sparklineTrend over 48 samples ranging from 78.2 to 109.3.

Customer SMS

delivery error rate · 5m
error ratecustomer-sms
0.61%+412%vs 1h
error rate trend sparklineTrend over 24 samples ranging from 0.0 to 0.0.
alert rule threshold: > 2% sustained 5m