<Card title="Airline Hub Operations Desk">
<Stat label="On-time performance today" value="96%" change="±1%" tone="success" />
<Card title="Flights">
<Details title="All flights" open=true>
<Callout tone="success" title="AA123 (JFK → LAX) Gate 12B – On‑time"><Badge tone="success">On‑time</Badge></Callout>
<Callout tone="warning" title="UA456 (ORD → ATL) Gate 5A – Delayed"><Badge tone="danger">Delayed</Badge></Callout>
<Callout tone="neutral" title="DL789 (SEA → BOS) Gate 8C – On‑time"><Badge tone="success">On‑time</Badge></Callout>
</Details>
</Card>
<Callout tone="warning" title="Delayed Flights">
<Callout tone="danger" title="UA456 (ORD → ATL) Gate 5A – Delayed"><Badge tone="danger">Delayed</Badge></Callout>
<Callout tone="danger" title="AA321 (MIA → DFW) Gate 22C – Delayed"><Badge tone="danger">Delayed</Badge></Callout>
</Callout>
<Card title="Recent Gate Changes">
<Details title="Gate Updates" open=true>
<Callout tone="info" title="Gate 12B moved to 14A (AA123)"><Badge tone="info">Updated</Badge></Callout>
<Callout tone="info" title="Gate 5A changed to 7B (UA456)"><Badge tone="info">Updated</Badge></Callout>
</Details>
</Card>
<Stat label="Crews available" value="5" change="↑2" tone="info" />
<Callout tone="warning" title="Weather Advisory">
Strong crosswinds and reduced visibility expected this afternoon.
</Callout>
<Stat label="Average passenger load today" value="85%" change="±2%" tone="info" />
<Callout tone="warning" title="Connections at risk">
Flight UA456 connecting to AA123 may miss connection.
</Callout>
<Button variant="primary" href="#">Rebook affected passengers</Button>
<Button href="#">View other hub</Button>
<Stat label="Cancellations today" value="3" change="±0" tone="warning" />
<Stat label="Average turnaround time" value="45 min" change="±5 min" tone="info" />
</Card>