Loading…

Command center

BlockPro

Operations at a glance: service health worst-first, open incidents by severity, capacity meters, a filterable log stream, and a command palette for every action an operator reaches for.

Dashboards
8 components
1 file

Command center

What is up, what is not, and what to do about it. Updated 10 seconds ago.

Primary database is down, and Read replica degraded.

8 services watched, 3 open incidents.

Services

Worst first.

Primary database
us-east-199.91% uptime
Outage
Read replica
eu-west-199.95% uptimep95 640 ms
Degraded
Job runner
us-east-199.97% uptime
Maintenance
API
us-east-199.99% uptimep95 118 ms
Operational
CDN
global100% uptimep95 18 ms
Operational
Email delivery
global99.99% uptime
Operational
Search
global100% uptimep95 42 ms
Operational
Web app
global99.98% uptimep95 210 ms
Operational

Recent logs

Filter by text or level. New lines are not read aloud unless you ask.

Recent logs

Following

Regex

240 of 240 lines

09:00:00infoGET /api/orders 200 in 34ms

09:00:01warnReplication lag 4.2s

09:00:02errorWrite failed: connection refused

09:00:03infoFailover step 3/5: promoting replica

09:00:04debugPool size 32, idle 4

09:00:05infoPOST /api/checkout 503 in 1201ms

09:00:06errorCheckout: payment intent not persisted

09:00:07infoHealth check passed for search

09:00:08infoGET /api/orders 200 in 34ms

09:00:09warnReplication lag 4.2s

09:00:10errorWrite failed: connection refused

09:00:11infoFailover step 3/5: promoting replica

09:00:12debugPool size 32, idle 4

09:00:13infoPOST /api/checkout 503 in 1201ms

09:00:14errorCheckout: payment intent not persisted

09:00:15infoHealth check passed for search

09:00:16infoGET /api/orders 200 in 34ms

09:00:17warnReplication lag 4.2s

09:00:18errorWrite failed: connection refused

09:00:19infoFailover step 3/5: promoting replica

09:00:20debugPool size 32, idle 4

09:00:21infoPOST /api/checkout 503 in 1201ms

09:00:22errorCheckout: payment intent not persisted

09:00:23infoHealth check passed for search

09:00:24infoGET /api/orders 200 in 34ms

Incidents

Open ones first, most severe at the top.

critical
Primary database unreachable
Investigating
Automatic failover has not completed. Writes are failing; reads are served from the replica.
Started 12 minutes ago
major
Elevated latency on read replica
Identified
Replication lag from the failover in progress.
Started 9 minutes ago
minor
Checkout error rate above 1%
Monitoring
Started an hour ago
major
Slow image uploads
Resolved
Started yesterday

Capacity

How much room is left.

Compute

62% of 100%

Memory

81% of 100%

Storage

1780 GB of 2000 GB

Database connections

412 of 500

A still, rendered at build time from the same story the tests run. The block itself is interactive; the copy that runs is the one the CLI installs.

Installation

The block is written to your blocks directory with everything it is built from. This one needs a licence: sign in once with the CLI and the install is the same command.

$pnpm dlx @dowel-ui/cli add command-center

This is a Pro block.

The preview is the real block, rendered from its own story — a still of it, not a copy of it. The source is installed by the CLI once this machine is signed in with a licence key — dowel login checks the key against the registry before storing it — and lands in your project as a file you own, exactly like a free block.

Get a licence How licensing works

Built from

Every piece is a component you already have documentation for, and can change independently.

API

<CommandCenterBlock>

Prop	Type	Default
`services` (required)	`CommandCenterService[]`	—
`actions` What the command palette offers. Empty means no palette.	`CommandCenterAction[]`	`[]`
`capacity`	`CommandCenterCapacity[]`	`[]`
`description`	`string`	`"What is up, what is not, and what to do about it."`
`headerActions`	`ReactNode`	—
`incidents`	`CommandCenterIncident[]`	`[]`
`logs` Recent log lines, newest last.	`LogLine[]`	`[]`
`logsLabel`	`string`	`"Recent logs"`
`onDownloadLogs`	`() => void`	—
`title`	`string`	`"Command center"`
`updatedAt` Machine-readable time of the last refresh.	`string`	—
`updatedLabel` Human label for it, e.g. "10 seconds ago".	`string`	—
`className`	`string`	—

Accessibility

The overall status is one sentence computed from the worst service, and it comes first — 'one service is down' rather than a wall of tiles to scan. It is not a live region: the page is refreshed by the application, and a status that re-announces on every poll is one nobody can work beside. Health and severity are words on every row, sorted on, with colour agreeing rather than replacing. ⌘K opens the palette but the Actions button is always visible, so the shortcut is an accelerator and not the only way in. New log lines are not read aloud unless asked.

Prop

Type

Default

services

CommandCenterService[]

—

actions

What the command palette offers. Empty means no palette.

CommandCenterAction[]

[]

capacity

CommandCenterCapacity[]

[]

description

string

"What is up, what is not, and what to do about it."

headerActions

ReactNode

—

incidents

CommandCenterIncident[]

[]

logs

Recent log lines, newest last.

LogLine[]

[]

logsLabel

string

"Recent logs"

onDownloadLogs

() => void

—

title

string

"Command center"

updatedAt

Machine-readable time of the last refresh.

string

—

updatedLabel

Human label for it, e.g. "10 seconds ago".

string

—

className

string

—