# Service Health Dashboard

<Callout tone="info" title="Last updated">Just now · Auto-refresh: 30s</Callout>

<Columns>
<Card title="Uptime this quarter">
<Stat label="Availability" value="99.97%" change="+0.02% vs last quarter" tone="success" icon="chart-line" />
<Progress value="99.97" max="100" label="Target: 99.95%" tone="success" />
</Card>

<Card title="Error rate (right now)">
<Stat label="Errors / sec" value="0.023%" change="-0.004% vs 5m ago" tone="success" icon="alert-triangle" />
<Progress value="0.023" max="0.1" label="Threshold: 0.1%" tone="success" />
</Card>
</Columns>

<Card title="CPU & Memory (last 24 hours)">
<Chart type="line" x="Time" y="Usage %" title="Resource utilization">
| Time | CPU % | Memory % |
|---|---|---|
| 00:00 | 42 | 58 |
| 02:00 | 38 | 55 |
| 04:00 | 35 | 53 |
| 06:00 | 41 | 57 |
| 08:00 | 55 | 62 |
| 10:00 | 68 | 71 |
| 12:00 | 72 | 74 |
| 14:00 | 69 | 72 |
| 16:00 | 75 | 76 |
| 18:00 | 71 | 73 |
| 20:00 | 63 | 68 |
| 22:00 | 51 | 62 |
</Chart>
</Card>

<Columns>
<Card title="Region filter">
<Select label="Scope to region" placeholder="All regions" options="All regions | us-east-1 | us-west-2 | eu-west-1 | eu-central-1 | ap-southeast-1 | ap-northeast-1" />
</Card>

<Card title="Alert threshold">
<Form name="alert-config">
<Input label="Error rate threshold (%)" name="error-threshold" type="number" step="0.01" min="0" max="10" value="0.1" placeholder="0.1" hint="Alert fires when error rate exceeds this" />
<Input label="CPU threshold (%)" name="cpu-threshold" type="number" step="1" min="0" max="100" value="85" placeholder="85" hint="Alert fires when CPU exceeds this" />
<Input label="Memory threshold (%)" name="mem-threshold" type="number" step="1" min="0" max="100" value="90" placeholder="90" hint="Alert fires when memory exceeds this" />
<Input label="Latency p99 threshold (ms)" name="latency-threshold" type="number" step="10" min="0" max="10000" value="2000" placeholder="2000" hint="Alert fires when p99 latency exceeds this" />
<Button variant="primary">Save thresholds</Button>
<Button variant="secondary">Reset to defaults</Button>
</Form>
</Card>
</Columns>

<Card title="Open incidents">
<Tabs>
<Tab title="All (3)">
| ID | Severity | Title | Region | Since | Actions |
|---|---|---|---|---|---|
| INC-2847 | <Badge tone="danger">SEV-1</Badge> | Payment API timeout cascade | us-east-1 | 12m ago | <Button size="small" variant="primary">Acknowledge</Button> |
| INC-2845 | <Badge tone="warning">SEV-2</Badge> | Elevated latency on /checkout | eu-west-1 | 47m ago | <Button size="small" variant="primary">Acknowledge</Button> |
| INC-2842 | <Badge tone="info">SEV-3</Badge> | Intermittent 503s on /search | ap-southeast-1 | 2h 13m ago | <Button size="small" variant="primary">Acknowledge</Button> |
</Tab>
<Tab title="SEV-1 (1)">
| ID | Severity | Title | Region | Since | Actions |
|---|---|---|---|---|---|
| INC-2847 | <Badge tone="danger">SEV-1</Badge> | Payment API timeout cascade | us-east-1 | 12m ago | <Button size="small" variant="primary">Acknowledge</Button> |
</Tab>
<Tab title="SEV-2 (1)">
| ID | Severity | Title | Region | Since | Actions |
|---|---|---|---|---|---|
| INC-2845 | <Badge tone="warning">SEV-2</Badge> | Elevated latency on /checkout | eu-west-1 | 47m ago | <Button size="small" variant="primary">Acknowledge</Button> |
</Tab>
<Tab title="SEV-3 (1)">
| ID | Severity | Title | Region | Since | Actions |
|---|---|---|---|---|---|
| INC-2842 | <Badge tone="info">SEV-3</Badge> | Intermittent 503s on /search | ap-southeast-1 | 2h 13m ago | <Button size="small" variant="primary">Acknowledge</Button> |
</Tab>
</Tabs>
</Card>

<Card title="Slowest endpoints (p99 latency)">
| Endpoint | Method | p50 (ms) | p95 (ms) | p99 (ms) | Error rate | Region |
|---|---|---|---|---|---|---|
| /api/v2/payments/process | POST | 1,240 | 2,890 | **4,820** | 2.3% | us-east-1 |
| /api/v1/checkout/complete | POST | 890 | 1,950 | **3,410** | 1.1% | eu-west-1 |
| /api/v3/search/fulltext | GET | 650 | 1,420 | **2,980** | 0.4% | ap-southeast-1 |
| /api/v2/orders/history | GET | 420 | 980 | **2,150** | 0.2% | us-west-2 |
| /api/v1/users/profile | GET | 310 | 720 | **1,890** | 0.1% | eu-central-1 |
</Card>

<FollowUps>
- Acknowledge INC-2847 (SEV-1)
- Investigate /payments/process latency spike
- Review alert thresholds for eu-west-1
- Check recent deploy in us-east-1
</FollowUps>