# Focus View — One Task

<Card title="Urgent Task" subtitle="Your single priority right now">
<Columns>
<div>
### Ship Q3 marketing report
<Badge tone="warning">Due today</Badge>

**Deadline:** Today, 5:00 PM  
**Status:** In progress — 70% complete

<Progress value="70" max="100" label="70% done" tone="info" />
</div>
<div>
<Stat label="Time remaining" value="3h 20m" tone="warning" icon="clock" />
<Stat label="Progress" value="70%" tone="info" icon="chart-line" />
</div>
</Columns>

<Details title="Task details" open="true">
- **Owner:** You
- **Priority:** Critical
- **Subtasks:** 2 of 5 completed
- **Blockers:** None
</Details>
</Card>

<Card title="Mark as done">
<Callout tone="success" title="Almost there">
Complete the remaining subtasks and mark this task as done to clear your focus queue.
</Callout>

<Form name="complete-task">
<Checkboxes label="Confirm before completing" options="I have finished all subtasks | I have reviewed the final output | I am ready to mark this done" required="true" />
<Button variant="primary" label="Mark as done">Mark as done</Button>
</Form>
</Card>

<Card title="Next steps after completion">
<Steps>
<Step title="Mark task done" status="current" subtitle="Confirm completion above" />
<Step title="Send report to stakeholders" status="todo" subtitle="Email draft ready" />
<Step title="Log hours" status="todo" subtitle="Update timesheet" />
</Steps>
</Card>

<FollowUps>
- What is my next most urgent task after this one?
- Show me all tasks due this week
- Suggest a break reminder after I finish
</FollowUps>