# Good Morning, Sarah ☀️

Here's your day at a glance. <Badge tone="success">Clinic open</Badge>

<Card title="Today's Overview" subtitle="Tuesday, 14 May 2025">
<Columns>
<Stat label="Patients expected" value="24" icon="users" note="3 already checked in" />
<Stat label="No-show rate (this month)" value="8.3%" tone="warning" icon="chart-line" note="Down 2% from April" />
<Stat label="Rooms free right now" value="3 / 5" tone="success" icon="door" />
<Stat label="Next patient called" value="Amara Okafor" tone="info" icon="bell" note="Room 2 • 09:30" />
</Columns>
</Card>

<Card title="Next patient to call">
<Callout tone="info" title="Call Amara Okafor to Room 2">
Amara checked in at 09:12. Her appointment is at 09:30 with Dr. Chen. Please call her name over the intercom.
</Callout>
<Button>Call patient now</Button>
</Card>

<Card title="Today's Appointments">
<Tabs>
<Tab title="Timeline">
<Chart type="bar" x="Time" y="Patients">
| Time | Patients |
|---|---|
| 08:00 | 1 |
| 08:30 | 2 |
| 09:00 | 2 |
| 09:30 | 3 |
| 10:00 | 2 |
| 10:30 | 1 |
| 11:00 | 2 |
| 11:30 | 1 |
| 12:00 | 1 |
| 13:00 | 2 |
| 13:30 | 2 |
| 14:00 | 1 |
| 14:30 | 2 |
| 15:00 | 2 |
</Chart>
</Tab>
<Tab title="Full list">
| Time | Patient | Doctor | Room | Status |
|---|---|---|---|---|
| 08:15 | Marcus Lee | Dr. Patel | 1 | <Badge tone="success">Checked in</Badge> |
| 08:45 | Sofia Reyes | Dr. Chen | 2 | <Badge tone="success">Checked in</Badge> |
| 09:00 | Daniel Kim | Dr. Osei | 3 | <Badge tone="success">Checked in</Badge> |
| 09:30 | Amara Okafor | Dr. Chen | 2 | <Badge tone="info">Next</Badge> |
| 09:45 | James Whitfield | Dr. Patel | 1 | <Badge tone="neutral">Scheduled</Badge> |
| 10:00 | Priya Sharma | Dr. Osei | 3 | <Badge tone="neutral">Scheduled</Badge> |
| 10:15 | Tomás Rivera | Dr. Chen | 2 | <Badge tone="neutral">Scheduled</Badge> |
| 10:30 | Emma Novak | Dr. Patel | 1 | <Badge tone="neutral">Scheduled</Badge> |
| 11:00 | Grace Addo | Dr. Osei | 3 | <Badge tone="neutral">Scheduled</Badge> |
| 11:15 | Leo Fischer | Dr. Chen | 2 | <Badge tone="neutral">Scheduled</Badge> |
| 11:30 | Hannah Berg | Dr. Patel | 1 | <Badge tone="neutral">Scheduled</Badge> |
| 12:00 | Omar Farouk | Dr. Osei | 3 | <Badge tone="neutral">Scheduled</Badge> |
| 13:00 | Lily Chen | Dr. Chen | 2 | <Badge tone="neutral">Scheduled</Badge> |
| 13:15 | Noah Williams | Dr. Patel | 1 | <Badge tone="neutral">Scheduled</Badge> |
| 13:30 | Ava Thompson | Dr. Osei | 3 | <Badge tone="neutral">Scheduled</Badge> |
| 14:00 | Ethan Brown | Dr. Chen | 2 | <Badge tone="neutral">Scheduled</Badge> |
| 14:15 | Mia Johnson | Dr. Patel | 1 | <Badge tone="neutral">Scheduled</Badge> |
| 14:30 | Lucas Martin | Dr. Osei | 3 | <Badge tone="neutral">Scheduled</Badge> |
| 15:00 | Zoe Davis | Dr. Chen | 2 | <Badge tone="neutral">Scheduled</Badge> |
</Tab>
</Tabs>
</Card>

<Card title="Room Status" subtitle="Live occupancy">
<Columns>
<Stat label="Room 1" value="In use" tone="warning" icon="door" note="Dr. Patel • until 09:50" />
<Stat label="Room 2" value="In use" tone="warning" icon="door" note="Dr. Chen • until 09:30" />
<Stat label="Room 3" value="In use" tone="warning" icon="door" note="Dr. Osei • until 09:20" />
<Stat label="Room 4" value="Free" tone="success" icon="door-open" note="Available now" />
<Stat label="Room 5" value="Free" tone="success" icon="door-open" note="Available now" />
</Columns>
</Card>

<Card title="Check In Patient">
<Form name="check-in">
<Select label="Patient" placeholder="Search by name" options="Amara Okafor | James Whitfield | Priya Sharma | Tomás Rivera | Emma Novak | Grace Addo | Leo Fischer | Hannah Berg | Omar Farouk | Lily Chen | Noah Williams | Ava Thompson | Ethan Brown | Mia Johnson | Lucas Martin | Zoe Davis" />
<Select label="Room" placeholder="Assign a room" options="Room 1 | Room 2 | Room 3 | Room 4 | Room 5" />
<Button>Check in patient</Button>
</Form>
</Card>

<Card title="Navigate to another day">
<Columns>
<Button variant="secondary" icon="calendar-dots">Yesterday</Button>
<Button variant="secondary" icon="calendar-dots">Tomorrow</Button>
<Button variant="secondary" icon="calendar">Pick a date</Button>
</Columns>
</Card>

<FollowUps>
- Show me the week view
- Which patients haven't confirmed?
- Flag a no-show for today
- Print today's schedule
</FollowUps>