Skeleton

Placeholder rows in dim phosphor.

Loading placeholder on the ai2 surface-3 token with 3 shapes (line, circle, rect) and 2 animations (pulse, none). Style dimensions via className.

Use to show a placeholder while content is loading.

A placeholder animation that indicates content is loading.

Displays a placeholder preview of your content before it loads.

A chronological feed of system events (provision, transfer, agent) on a status-vocabulary timeline, with expandable detail and optional per-entry actions.

Create, reveal-once, and revoke Neon API keys (personal and organization), with an inline create flow, a one-time secret reveal, and per-row revoke confirmation.

Autoscaling compute units over time against the min/max bounds, with a scrubable readout.

Per-branch consumption attribution: sortable metric columns, magnitude rules, an expandable tail, and a list layout for a single metric.

Compact compute readout: lifecycle state (active/idle/scaling/suspended), autoscaling CU size, and scale-to-zero, in the house status vocabulary.

Interactive consumption time series with labelled axes, unit-aware totals, a scrubbable readout, and a legend that filters.

Invoice-shaped cost estimate: quantity by rate per metric, allowances shown, with an optional spending-limit meter.

Neon database connection card: pooled/direct toggle, role and database selectors, URI / psql / parameters views, one shared secret reveal, and copy that always carries the real string.