<Card title="Platform Status" subtitle="Live overview for the platform team">
<Columns>
<Stat label="API uptime this month" value="99.98%" tone="success" icon="trend-up" note="Last 30 days" />
<Stat label="Active incidents" value="0" tone="success" icon="check-circle" note="All systems operational" />
</Columns>
</Card>

<Card title="Most recent incident" subtitle="Resolved">
<Callout tone="success" title="Resolved — API latency spike">
The API experienced elevated latency between 14:32 and 15:08 UTC on March 18. Root cause was a misconfigured load balancer during a rolling deployment. Traffic was shifted to healthy nodes within 12 minutes; full recovery confirmed at 15:08 UTC. No data loss occurred.
</Callout>
<KeyValue title="Incident details">
| Field | Value |
|---|---|
| Incident ID | INC-2025-0318 |
| Started | March 18, 14:32 UTC |
| Resolved | March 18, 15:08 UTC |
| Duration | 36 minutes |
| Impact | 4% of requests saw p95 > 2s |
| Root cause | Load balancer misconfiguration |
</KeyValue>
</Card>

<Card title="Uptime this month">
<Chart type="line" title="Daily uptime" x="Date" y="Uptime %">
| Date | Uptime |
|---|---|
| Mar 1 | 100 |
| Mar 2 | 100 |
| Mar 3 | 100 |
| Mar 4 | 100 |
| Mar 5 | 100 |
| Mar 6 | 100 |
| Mar 7 | 100 |
| Mar 8 | 100 |
| Mar 9 | 100 |
| Mar 10 | 100 |
| Mar 11 | 100 |
| Mar 12 | 100 |
| Mar 13 | 100 |
| Mar 14 | 100 |
| Mar 15 | 100 |
| Mar 16 | 100 |
| Mar 17 | 100 |
| Mar 18 | 99.6 |
| Mar 19 | 100 |
| Mar 20 | 100 |
| Mar 21 | 100 |
| Mar 22 | 100 |
| Mar 23 | 100 |
| Mar 24 | 100 |
| Mar 25 | 100 |
| Mar 26 | 100 |
| Mar 27 | 100 |
| Mar 28 | 100 |
| Mar 29 | 100 |
| Mar 30 | 100 |
</Chart>
</Card>

<FollowUps>
- Show the timeline of all incidents this quarter
- What was the deployment that caused the issue?
- Set up an alert for the next incident
</FollowUps>