# Focus View

<Card title="Most Urgent Task" subtitle="Your single priority right now">
<Columns>
<div>
<Badge tone="danger">Due today</Badge>

## Finish Q3 investor deck

Compile the final slides with revenue charts, customer metrics, and the funding ask. This is blocking the Thursday board meeting.

<KeyValue title="Task details">
| Label | Value |
|---|---|
| Deadline | Today, 5:00 PM |
| Created | Mon, Oct 14 |
| Project | Fundraising |
</KeyValue>

<Progress value="70" max="100" label="Progress" tone="info" />
</div>
<div>
<Stat label="Time remaining" value="4h 20m" tone="danger" icon="clock" />
<Stat label="Due in" value="2 days" note="from creation" />
</div>
</Columns>
</Card>

<Card title="Mark as done">
<Callout tone="info" title="Almost there">You're 70% through. Finish the last three slides to complete this task.</Callout>

<Form name="mark-done">
<Checkboxes label="Confirm before completing" options="I've finished all slides | I've shared it with the team | I've scheduled the review" required="true" />
<Button variant="primary">Mark task as done</Button>
</Form>
</Card>

<Card title="What's next">
Once this is done, your next urgent task will surface here automatically. You can also review your full list anytime.

<Button variant="secondary" ask>Show me my next task</Button>
<Button variant="tertiary" ask>See all tasks for today</Button>
</Card>

<FollowUps>
- What should I focus on after this?
- Show my tasks for tomorrow
- How do I reschedule this deadline?
</FollowUps>