<Card title="Logistics Coordinator Board">
<Card title="Search route">
<Input label="Search route" name="route-search" type="text" placeholder="Enter route" required=false />
</Card>

<Card title="Shipments in transit">
| Origin | Destination | ETA | Status |
|---|---|---|---|
| Chicago, IL | Los Angeles, CA | 2025-11-05 | In transit |
| Dallas, TX | Houston, TX | 2025-11-04 | In transit |
| Seattle, WA | Denver, CO | 2025-11-06 | In transit |
</Card>

<Callout tone="warning" title="Delayed shipments">
- Shipment #12345: Chicago → Los Angeles, delayed 2 days
- Shipment #12346: Dallas → Houston, delayed 1 day
</Callout>

<Stat label="On-time %" value="96%" change="↑1%" note="this month" tone="success" />

<Card title="Volume by Carrier">
<Chart type="pie" title="Volume by Carrier" x="Carrier" y="Volume">
| Carrier | Volume |
|---|---|
| Carrier A | 1,200 |
| Carrier B | 850 |
| Carrier C | 600 |
| Carrier D | 400 |
</Chart>
</Card>

<Stat label="Avg cost" value="$45" change="↓2%" note="per shipment" tone="info" />

<Card title="Weekly Volume (Last 2 Months)">
<Chart type="line" title="Weekly Volume (Last 2 Months)" x="Week" y="Volume">
| Week | Volume |
|---|---|
| Week 1 | 1,200 |
| Week 2 | 1,350 |
| Week 3 | 1,100 |
| Week 4 | 1,400 |
| Week 5 | 1,250 |
| Week 6 | 1,300 |
| Week 7 | 1,150 |
| Week 8 | 1,450 |
</Chart>
</Card>

<Button variant="danger" label="Flag selected shipment" />

<Details title="Last refreshed" open=false>
Refreshed on 2025-10-30 14:00
</Details>
</Card>