About this block

Component Status List is the internal incident-management surface for Acme operations: eight services in a ruled list, each with a status dot, a name and description, a last-updated timestamp, a per-row Select for live editing, and a current-status badge. Authentication and Webhooks are Degraded at Jun 13, 08:47; Search shows Partial outage at 08:51; API, Web app, Email delivery, CDN, and Database are Operational. The header reads Internal view, 3 components affected and a Publish to status page button. A footer note clarifies that changes here update the internal view only and directs to status.acme.com.

Status values are a discriminated union mapped through a statusConfig record so dot color and label stay in sync without per-row conditionals.

When to use

Reach for this block on the ops or engineering status page, wired to your component health API. Gate the Publish button behind an ops or admin role and fire a webhook to your external status page on publish.

A natural flow around it on an Application Pro page:

Before

• App shell
• Stat cards

After

• Past incidents list
• Activity

What you can display

One strong use is the live component health editor. Other status list configurations:

• Third-party dependencies. External services with a read-only status badge pulled from their APIs.
• Regional breakdown. The same components repeated per region with a collapse toggle per region header.
• Maintenance windows. Scheduled rows alongside real-time status with a scheduled badge variant.

Tip: the dot opacity scale (foreground/60 down to foreground/30) carries severity without importing green or red, so it works in both themes.