# Support Dashboard

<Columns>
<Stat label="Open tickets" value="23" icon="ticket" tone="warning" note="3 escalated today" />
<Stat label="Avg first-response time" value="1h 42m" icon="clock" tone="info" note="Target: under 2h" change="-12%" />
</Columns>

<Card title="Ticket queue" subtitle="Most recent first — tap a ticket to open it">
<Callout tone="warning" title="High-priority focus">
  <Switch label="High-priority only" name="high-priority-filter" />
</Callout>

| Ticket | Subject | Priority | Status | Age |
|---|---|---|---|---|
| #4821 | Billing charge on cancelled plan | <Badge tone="danger">High</Badge> | Open | 28m |
| #4820 | Login error after password reset | <Badge tone="danger">High</Badge> | Open | 45m |
| #4819 | Export CSV missing columns | <Badge tone="warning">Medium</Badge> | Open | 1h |
| #4818 | Feature request: dark mode | <Badge tone="neutral">Low</Badge> | Open | 2h |
| #4817 | API rate limit too strict | <Badge tone="warning">Medium</Badge> | Open | 3h |

<Button variant="secondary" icon="sliders">Apply filter</Button>
</Card>

<Card title="Recent activity">
<Timeline title="This morning">
- 08:12 — #4821 opened by a_customer
- 08:05 — #4820 escalated to Tier 2
- 07:48 — #4819 assigned to support@team
- 07:30 — #4818 marked as feature request
- 07:15 — #4817 replied to by support@team
</Timeline>
</Card>

<Card title="Quick actions">
<Button variant="primary" icon="plus" ask="Open a new ticket">New ticket</Button>
<Button variant="secondary" icon="chart-line" ask="Show me the ticket trends">View trends</Button>
</Card>