AI Components / Status Page
Status Page
Service health dashboard with overall status banner, per-service rows, optional 90-day uptime calendar bars, latency bars, pulsing dots on degraded/down, last-updated timestamp, and active-incident slot.
ai-collab v0.5.0
Playground
Examples
Healthy — no incidents
<ai-status-page style="max-width:560px;"></ai-status-page>Partial degradation
<ai-status-page style="max-width:560px;"></ai-status-page>Import
import { AiStatusPage } from '@cognivo/components';// Or tree-shake: import '@cognivo/components/ai-status-page';Per-component imports ship only that component (~8 kB gzip).
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
services | {name, status, latency?, uptime?, history?}[] | — | Service entries |
last-updated | string | "" | ISO date / number / Date — rendered as relative time (e.g., "Updated 12s ago") |
Events
| Event | Detail | Description |
|---|---|---|
ai-status-service-click | {service} | Service row clicked |