<Card title="Emergency Response Coordination Center" subtitle="Live overview — all zones">
</Card>

<Card title="Active Incidents by Zone">
<Chart type="bar" x="Zone" y="Severity (1–5)">
| Zone | Severity |
|---|---|
| North | 4 |
| East | 5 |
| South | 3 |
| West | 2 |
</Chart>
<Columns>
<Stat label="Highest severity" value="5 (East)" note="Critical" icon="warning-circle" />
<Stat label="Zones active" value="4" note="All zones" icon="map-pin" />
</Columns>
</Card>

<Card title="Overall Severity Summary">
<Progress value="4.2" max="5" label="Average severity" tone="danger" />
<Stat label="Critical zones" value="1" note="East" icon="warning" />
<Stat label="High severity zones" value="1" note="North" icon="chart-line" />
<Stat label="Moderate zones" value="2" note="South, West" icon="check-circle" />
</Card>

<Card title="Available Resources">
<Columns>
<Stat label="Vehicles" value="24" icon="truck" note="Ambulances, SUVs, trucks" />
<Stat label="Personnel" value="112" icon="users" note="First responders, medics" />
<Stat label="Supplies" value="8,400" icon="package" note="Water, food, med kits" />
</Columns>
</Card>

<Card title="Shelters">
| Shelter | Capacity | Occupancy | Status |
|---|---|---|---|
| North High School | 300 | 210 | Open |
| East Community Center | 200 | 195 | Open |
| South Arena | 500 | 340 | Open |
| West Library | 100 | 45 | Open |
<Stat label="Total occupancy" value="790 / 1,100" note="72% full" icon="building" />
</Card>

<Card title="Evacuation Routes">
| Route | Status |
|---|---|
| Highway 1 North | Open |
| Highway 1 South | Congested |
| Route 9 East | Closed |
| Route 12 West | Open |
<Badge tone="warning">1 route closed, 1 congested</Badge>
</Card>

<Card title="Weather Forecast (Next 48h)">
<Chart type="line" x="Hour" y="Temperature (°C) | Rain chance (%)">
| Hour | Temperature (°C) | Rain chance (%) |
|---|---|---|
| 0 | 22 | 10 |
| 6 | 20 | 20 |
| 12 | 18 | 60 |
| 18 | 16 | 80 |
| 24 | 15 | 90 |
| 30 | 14 | 70 |
| 36 | 16 | 40 |
| 48 | 18 | 20 |
</Chart>
<Stat label="Heavy rain expected" value="12–24h" note="60–90% chance" icon="cloud-rain" />
</Card>

<Card title="People Rescued & Casualties">
<Columns>
<Stat label="Rescued" value="1,247" icon="heart" tone="success" />
<Stat label="Casualties" value="23" icon="cross" tone="danger" />
</Columns>
<Progress value="23" max="1270" label="Casualty rate" tone="danger" />
</Card>

<Card title="Volunteers on Duty">
| Name | Assignment |
|---|---|
| Ana Reyes | North shelter triage |
| Ben Chen | East route clearance |
| Carla Gomez | South supply distribution |
| David Park | West evacuation coordination |
<Avatar name="Ana Reyes" subtitle="North shelter triage" />
<Avatar name="Ben Chen" subtitle="East route clearance" />
<Avatar name="Carla Gomez" subtitle="South supply distribution" />
<Avatar name="David Park" subtitle="West evacuation coordination" />
<Stat label="Total volunteers" value="47" icon="users" note="On duty now" />
</Card>

<Card title="Donations Received">
<Stat label="Monetary" value="$312,000" icon="currency-dollar" />
<Stat label="In-kind" value="22 pallets" icon="box" note="Clothes, blankets, food" />
<Stat label="Blood units" value="140" icon="drop" />
</Card>

<Card title="Aid Requests Awaiting Action">
| Request | Zone | Priority |
|---|---|---|
| Medical supplies | East | High |
| Water purification | North | Medium |
| Rescue boats | South | High |
| Generators | West | Low |
<Badge tone="danger">2 high priority</Badge>
</Card>

<Card title="Communication Channels">
| Channel | Status |
|---|---|
| Radio (VHF) | Up |
| Satellite phone | Up |
| Cell network | Intermittent |
| Internet (Starlink) | Up |
| Landline | Down |
<Badge tone="warning">1 channel down, 1 intermittent</Badge>
</Card>

<Card title="Roads Closed">
- Highway 1 North (mudslide)
- Route 9 East (flooding)
- Elm Street (debris)
- River Road (bridge damage)
<Badge tone="danger">4 roads closed</Badge>
</Card>

<Card title="Nearby Hospitals (Free Beds)">
| Hospital | Free beds |
|---|---|
| General Hospital | 14 |
| Eastside Medical | 8 |
| South Community | 22 |
| West Clinic | 5 |
<Stat label="Total free beds" value="49" icon="bed" />
</Card>

<Card title="Open Tasks">
| Task | Assignee |
|---|---|
| Deliver meds to East shelter | Ana Reyes |
| Clear Route 9 debris | Ben Chen |
| Set up mobile kitchen | Carla Gomez |
| Coordinate West evacuation | David Park |
</Card>

<Card title="Request More Resources">
<Form name="resource-request">
<Select label="Resource type" options="Vehicles | Personnel | Medical supplies | Food & water | Shelter equipment | Other" name="resource-type" placeholder="Select type" />
<Input label="Quantity" type="number" name="quantity" placeholder="e.g. 5" min="1" />
<Select label="Zone" options="North | East | South | West | All" name="zone" placeholder="Select zone" />
<TextArea label="Additional notes" name="notes" placeholder="Urgency, delivery point, etc." />
<Button variant="primary">Submit request</Button>
</Form>
</Card>

<Card title="Broadcast an Update">
<Form name="broadcast">
<Input label="Subject" name="subject" placeholder="e.g. Evacuation order update" />
<TextArea label="Message" name="message" placeholder="Write your broadcast message here…" rows="4" />
<Select label="Target" options="All zones | North | East | South | West | Volunteers only" name="target" />
<Button variant="primary">Send broadcast</Button>
</Form>
</Card>

<Card title="Focus on One Zone">
<Form name="focus-zone">
<Radio label="Select zone" options="North | East | South | West" name="zone" value="East" />
<Button variant="primary">Focus on zone</Button>
</Form>
</Card>

<Card title="File a Situation Report">
<Form name="sitreps">
<Input label="Your name" name="reporter" placeholder="e.g. John Doe" />
<Select label="Zone" options="North | East | South | West | All" name="zone" placeholder="Select zone" />
<TextArea label="Situation description" name="description" placeholder="What is happening? Include key observations, needs, and actions taken." rows="4" />
<Select label="Severity assessment" options="1 – Minimal | 2 – Moderate | 3 – Significant | 4 – Severe | 5 – Critical" name="severity" placeholder="Select severity" />
<Button variant="primary">Submit sitrep</Button>
</Form>
</Card>

<FollowUps>
- Show me the East zone in detail
- List all pending aid requests
- Which roads are closed?
- Update me on weather
- Who is available for a new task?
</FollowUps>