# Emergency Response Coordination Center

<Badge tone="danger">Operational Period 1 — Day 2</Badge> <Badge tone="warning">Flood warning active</Badge>

<Callout tone="danger" title="3 critical incidents active">North Valley flooding, Southside building collapse, Downtown structural fire. Heavy rain expected for the next 18 hours.</Callout>

<Columns>
<Card title="Overall severity summary" subtitle="Across all 5 zones">
<Stat label="Critical incidents" value="3" tone="danger" icon="warning" />
<Stat label="High severity" value="3" tone="warning" icon="chart-line" />
<Stat label="Moderate severity" value="3" tone="info" icon="chart-line" />
<Stat label="Low severity" value="1" tone="neutral" icon="chart-line" />
<Chart type="donut" title="Incidents by severity">
| Severity | Incidents |
|---|---|
| Critical | 3 |
| High | 3 |
| Moderate | 3 |
| Low | 1 |
</Chart>
</Card>

<Card title="Focus on a zone" subtitle="Filter the dashboard to one zone">
<Form name="focus-zone">
<Select label="Zone" options="All zones | North | South | East | West | Downtown" name="zone" placeholder="All zones" />
<Button variant="primary">Apply focus</Button>
</Form>
<Callout tone="info" title="All zones shown">Incidents, routes, roads and tasks below reflect every zone. Choosing one zone narrows them to that area.</Callout>
</Card>
</Columns>

<Card title="Active incidents by zone" subtitle="Severity per incident">
| Zone | Incident | Severity |
|---|---|---|
| North | River flooding | <Badge tone="danger">Critical</Badge> |
| North | Gas leak — 14th Ave | <Badge tone="warning">High</Badge> |
| South | Building collapse | <Badge tone="danger">Critical</Badge> |
| South | Warehouse fire | <Badge tone="warning">High</Badge> |
| East | Power outage — grid | <Badge tone="info">Moderate</Badge> |
| East | Road flooding | <Badge tone="info">Moderate</Badge> |
| West | Hillside landslide | <Badge tone="warning">High</Badge> |
| West | Water contamination | <Badge tone="info">Moderate</Badge> |
| Downtown | Structural fire | <Badge tone="danger">Critical</Badge> |
| Downtown | Crowd injuries | <Badge tone="neutral">Low</Badge> |
</Card>

<Columns>
<Card title="Resources available" subtitle="Current inventory">
<Stat label="Vehicles" value="34" note="12 ambulances · 8 fire engines · 6 buses · 4 boats · 4 drones" tone="success" icon="truck" />
<Stat label="Personnel" value="218" note="60 SAR · 45 medical · 30 fire · 83 support" tone="success" icon="users" />
<Stat label="Supplies" value="5,150" note="1,200 water · 3,000 meals · 800 blankets · 150 medical kits" tone="info" icon="package" />
</Card>

<Card title="People & donations" subtitle="Rescue, casualty and aid totals">
<Stat label="People rescued" value="1,240" note="last 72 hours" tone="success" icon="lifebuoy" />
<Stat label="Casualties" value="32" note="8 critical · 12 serious · 12 minor" tone="danger" icon="warning" />
<Stat label="Missing" value="14" note="active search ongoing" tone="warning" icon="magnifying-glass" />
<Stat label="Donations received" value="$184,500" note="plus 12 t of goods, 300 blood units" tone="success" icon="hand-heart" />
</Card>
</Columns>

<Columns>
<Card title="Shelters — capacity & occupancy" subtitle="Current load by shelter">
<Progress value="380" max="500" label="North High School — 380/500" tone="warning" />
<Progress value="210" max="300" label="South Community Center — 210/300" tone="info" />
<Progress value="540" max="800" label="East Arena — 540/800" tone="info" />
<Progress value="195" max="200" label="West Church Hall — 195/200" tone="danger" />
<Progress value="720" max="1000" label="Downtown Convention Center — 720/1000" tone="info" />
</Card>

<Card title="Nearby hospitals — free beds" subtitle="Capacity status">
<Progress value="25" max="180" label="General Hospital — 25 free" tone="warning" />
<Progress value="18" max="120" label="St. Mary's — 18 free" tone="warning" />
<Progress value="0" max="90" label="Eastside Medical — 0 free" tone="danger" />
<Progress value="42" max="200" label="County Trauma Center — 42 free" tone="info" />
</Card>
</Columns>

<Columns>
<Card title="Evacuation routes" subtitle="Status per route">
| Route | Status | Condition |
|---|---|---|
| Route 1 — North to East | <Badge tone="success">Open</Badge> | Clear |
| Route 2 — South to Downtown | <Badge tone="warning">Partially blocked</Badge> | Debris on shoulder |
| Route 3 — West to North | <Badge tone="danger">Closed</Badge> | Landslide at km 12 |
| Route 4 — East to South | <Badge tone="success">Open</Badge> | Heavy traffic |
| Route 5 — Downtown to West | <Badge tone="success">Open</Badge> | Clear |
</Card>

<Card title="Roads closed" subtitle="Closures and reason">
| Road | Reason |
|---|---|
| Highway 7 (North) | Flooding |
| Maple Ave Bridge (West) | Structural damage |
| River Road (South) | Landslide |
| 5th Street underpass (Downtown) | Standing water |
</Card>
</Columns>

<Card title="Weather forecast — next 48 hours" subtitle="6-hour intervals">
| Period | Conditions | Temp | Wind | Rain |
|---|---|---|---|---|
| Now – 6h | Heavy rain | 22°C | 40 km/h | 25 mm |
| 6 – 12h | Thunderstorm | 21°C | 55 km/h | 40 mm |
| 12 – 18h | Rain | 23°C | 30 km/h | 18 mm |
| 18 – 24h | Showers | 22°C | 25 km/h | 8 mm |
| 24 – 30h | Cloudy | 24°C | 20 km/h | 2 mm |
| 30 – 36h | Partly cloudy | 25°C | 15 km/h | 0 mm |
| 36 – 42h | Sunny | 27°C | 10 km/h | 0 mm |
| 42 – 48h | Clear | 26°C | 10 km/h | 0 mm |
</Card>

<Columns>
<Card title="Volunteers on duty" subtitle="Assignments and shifts">
| Volunteer | Assignment | Shift |
|---|---|---|
| Maria Gomez | Shelter — North High | A (06:00–14:00) |
| James Lee | Logistics — East Arena | B (14:00–22:00) |
| Priya Patel | Medical — South | A |
| Tom Okafor | Comms — Downtown | C (22:00–06:00) |
| Anna Kowalski | Evacuation — West | B |
| David Chen | Supply distribution | A |
</Card>

<Card title="Communication channels" subtitle="Operational status">
| Channel | Status |
|---|---|
| VHF Radio | <Badge tone="success">Up</Badge> |
| Satellite phones | <Badge tone="success">Up</Badge> |
| 911 Dispatch | <Badge tone="success">Up</Badge> |
| Internet (East) | <Badge tone="warning">Partial</Badge> |
| Cell tower (North) | <Badge tone="danger">Down</Badge> |
| PA system | <Badge tone="success">Up</Badge> |
</Card>
</Columns>

<Columns>
<Card title="Aid requests awaiting action" subtitle="Unresolved requests">
| ID | Zone | Request | Priority |
|---|---|---|---|
| REQ-1046 | Downtown | Field hospital staff | <Badge tone="danger">Critical</Badge> |
| REQ-1042 | North | Flood rescue boats | <Badge tone="danger">High</Badge> |
| REQ-1043 | West | Water purification tablets | <Badge tone="danger">High</Badge> |
| REQ-1044 | South | Search dogs | <Badge tone="warning">Medium</Badge> |
| REQ-1045 | East | Portable generators | <Badge tone="warning">Medium</Badge> |
</Card>

<Card title="Open tasks" subtitle="With assignee and status">
| ID | Task | Assignee | Status |
|---|---|---|---|
| T-101 | Set up triage at South | Dr. Ellis | <Badge tone="info">In progress</Badge> |
| T-102 | Clear Route 3 debris | Crew 4 | <Badge tone="info">In progress</Badge> |
| T-103 | Restore North cell tower | NetCom team | <Badge tone="warning">Pending</Badge> |
| T-104 | Distribute water to West | Supply 2 | <Badge tone="info">In progress</Badge> |
| T-105 | Damage assessment Downtown | Eng. Unit 1 | <Badge tone="warning">Pending</Badge> |
</Card>
</Columns>

<Columns>
<Card title="Request more resources" subtitle="Submit a new request">
<Form name="request-resources">
<Select label="Resource type" options="Vehicles | Ambulance | Boat | Generator | Water | Food | Medical kit | Search dog | Personnel" name="resource-type" placeholder="Select type" required="true" />
<Input label="Quantity" type="number" name="quantity" placeholder="e.g. 10" min="1" required="true" />
<Select label="Delivery zone" options="North | South | East | West | Downtown" name="zone" placeholder="Select zone" required="true" />
<Select label="Priority" options="Low | Medium | High | Critical" name="priority" placeholder="Medium" />
<Button variant="primary">Submit request</Button>
</Form>
</Card>

<Card title="Broadcast update" subtitle="Send a public or internal message">
<Form name="broadcast">
<TextArea label="Message" name="message" rows="4" placeholder="Example: Evacuation order expanded to West Zone. Route 3 is closed — use Route 1." required="true" />
<Input label="Author / channel" name="author" placeholder="EOC — Public Information" />
<Button variant="primary">Broadcast now</Button>
</Form>
</Card>
</Columns>

<Columns>
<Card title="File situation report" subtitle="Report current conditions">
<Form name="sitrep">
<Select label="Zone" options="North | South | East | West | Downtown" name="zone" placeholder="Select zone" required="true" />
<Select label="Situation level" options="Stable | Elevated | High | Severe" name="level" placeholder="Elevated" required="true" />
<TextArea label="Report details" name="details" rows="3" placeholder="What is changing on the ground?" required="true" />
<Button variant="primary">File report</Button>
</Form>
</Card>

<Card title="Suggested next actions">
<FollowUps>
- Show me the timeline for the North zone evacuation
- Which shelters still have capacity for the next 12 hours?
- Reallocate volunteers to the highest-priority aid requests
- Draft a public broadcast for the Route 3 closure
</FollowUps>
</Card>
</Columns>