# Support Overview

Good morning! Here's your team's current state.

<Columns>
<Stat label="Open Tickets" value="23" change="+4 today" tone="warning" icon="ticket" />
<Stat label="Avg. First Response" value="1h 42m" change="-12m vs last week" tone="success" icon="clock" />
<Stat label="High Priority" value="6" change="2 need attention" tone="danger" icon="warning" />
</Columns>

<Card title="Recent Tickets" subtitle="Five most recent, newest first">
<Callout tone="info" title="Filtered view">Use the toggle below to narrow to high-priority tickets only.</Callout>

<Tabs>
<Tab title="All Tickets">
| Ticket | Subject | Priority | Status |
|---|---|---|---|
| #4821 | Login fails after password reset | <Badge tone="danger">High</Badge> | Open |
| #4820 | Billing invoice missing line items | <Badge tone="warning">Medium</Badge> | Open |
| #4819 | API returns 500 on webhook retry | <Badge tone="danger">High</Badge> | Open |
| #4818 | Feature request: dark mode | <Badge tone="neutral">Low</Badge> | New |
| #4817 | Email notifications delayed | <Badge tone="warning">Medium</Badge> | Open |
</Tab>
<Tab title="High Priority Only">
| Ticket | Subject | Priority | Status |
|---|---|---|---|
| #4821 | Login fails after password reset | <Badge tone="danger">High</Badge> | Open |
| #4819 | API returns 500 on webhook retry | <Badge tone="danger">High</Badge> | Open |
</Tab>
</Tabs>
</Card>

<Card title="Quick Actions">
<Columns>
<Button label="New Ticket" variant="primary" icon="plus">New Ticket</Button>
<Button label="View High Priority" variant="secondary" icon="funnel">View High Priority</Button>
</Columns>
</Card>

<FollowUps>
- Show me the ticket queue by priority
- What's the SLA status on high-priority tickets?
- Who's assigned to the open tickets?
</FollowUps>