Blocks4

Composed sections a View is built from — reused across ≥2 surfaces.

PageHeader

Title + optional description + right-aligned actions. Opens a View.

Running and completed A/B tests across the product.

import { PageHeader } from "@workspace/ui/components/blocks/page-header"

Responsive metric-card grid. Delta tone follows its sign.

REQUESTS

12,847+14.2%

LATENCY

42ms-3.1%

ERROR RATE

0.12%-0.04%

UPTIME

99.98%+0.01%

import { StatGrid + StatCard } from "@workspace/ui/components/blocks/stat-grid"

Right-rail inspector — labeled sections and 2-up metric grids.

Transform

X120

Y64

W640

H480

Appearance

Opacity100%

Radius8

import { PropertyPanel } from "@workspace/ui/components/blocks/property-panel"

Adjudication grammar — current + N candidates, accept one. Pending/resolved/empty states.

Option A — a shorter, punchier phrasing that front-loads the verb.

Option B — a longer, more lyrical phrasing that builds atmosphere first.

import { ComparePanel } from "@workspace/ui/components/blocks/compare-panel"