```openui-lang
root = Card([header, weatherSection, districtSection, kpiSection, congestionSection, transitSection, airSection, energySection, waterSection, incidentsSection, emergencySection, parkingSection, eventsSection, citizenSection, backlogSection, roadworksSection, maintenanceSection, dispatchSection, alertSection])
header = CardHeader("City Operations Center", "Live status across all districts")
weatherSection = Card([weatherTitle, weatherContent], "sunk")
weatherTitle = Heading("Current Weather", "h3")
weatherContent = TextContent("**22°C** | Partly Cloudy | Humidity 58% | Wind 12 km/h NW", "default")
districtSection = Card([districtHeading, districtSelect], "sunk")
districtHeading = Heading("Focus on a District", "h3")
districtSelect = Select("district", [districtDowntown, districtNorth, districtSouth, districtEast, districtWest], "Select district to focus", null, null, "medium")
districtDowntown = SelectItem("downtown", "Downtown")
districtNorth = SelectItem("north", "North")
districtSouth = SelectItem("south", "South")
districtEast = SelectItem("east", "East")
districtWest = SelectItem("west", "West")
kpiSection = Card([kpiHeading, kpiTable], "sunk")
kpiHeading = Heading("Key Metrics", "h3")
kpiTable = Table([kpiMetric, kpiValue])
kpiMetric = Col("Metric", ["Congestion Index", "Transit Punctuality", "Water Used Today", "Service Request Backlog"])
kpiValue = Col("Value", ["72/100", "91%", "14.2M L", "1,847 open"])
congestionSection = Card([congestionHeading, congestionChart], "sunk")
congestionHeading = Heading("Congestion Right Now", "h3")
congestionChart = BarChart(["Downtown", "North", "South", "East", "West"], [congestionSeries], "grouped", "District", "Congestion Index")
congestionSeries = Series("Congestion", [85, 62, 48, 55, 70])
transitSection = Card([transitHeading, transitChart], "sunk")
transitHeading = Heading("Transit Punctuality", "h3")
transitChart = BarChart(["Bus", "Metro", "Tram", "Ferry"], [transitSeries], "grouped", "Mode", "On-time %")
transitSeries = Series("Punctuality", [92, 95, 88, 84])
airSection = Card([airHeading, airChart], "sunk")
airHeading = Heading("Air Quality by District", "h3")
airChart = BarChart(["Downtown", "North", "South", "East", "West"], [airSeries], "grouped", "District", "AQI")
airSeries = Series("AQI", [58, 32, 41, 38, 49])
energySection = Card([energyHeading, energyChart], "sunk")
energyHeading = Heading("Energy Use — Past Week", "h3")
energyChart = LineChart(["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], [energySeries], "natural", "Day", "MWh")
energySeries = Series("Energy", [320, 345, 330, 360, 375, 290, 275])
waterSection = Card([waterHeading, waterChart], "sunk")
waterHeading = Heading("Water Use Today", "h3")
waterChart = AreaChart(["00:00", "06:00", "12:00", "18:00", "Now"], [waterSeries], "linear", "Time", "Liters/min")
waterSeries = Series("Usage", [800, 2400, 3100, 2200, 1500])
incidentsSection = Card([incidentsHeading, incidentsTable], "sunk")
incidentsHeading = Heading("Open Incidents", "h3")
incidentsTable = Table([incidentId, incidentLocation, incidentSeverity, incidentType])
incidentId = Col("ID", ["#1042", "#1043", "#1044", "#1045"])
incidentLocation = Col("Location", ["Downtown — Main St", "North — Park Ave", "South — River Rd", "East — Oak Ln"])
incidentSeverity = Col("Severity", ["High", "Medium", "Low", "High"])
incidentType = Col("Type", ["Roadblock", "Water main leak", "Power outage", "Fire"])
emergencySection = Card([emergencyHeading, emergencyMap], "sunk")
emergencyHeading = Heading("Emergency Vehicle Deployments", "h3")
emergencyMap = Image("Map of emergency vehicle deployments", "https://picsum.photos/seed/emergencymap/800/400")
parkingSection = Card([parkingHeading, parkingChart], "sunk")
parkingHeading = Heading("Parking Availability — Downtown", "h3")
parkingChart = HorizontalBarChart(["Garage A", "Garage B", "Garage C", "Street Spots"], [parkingSeries], "grouped", "Spots Free", "Location")
parkingSeries = Series("Available", [120, 45, 78, 23])
eventsSection = Card([eventsHeading, eventsList], "sunk")
eventsHeading = Heading("Public Events This Weekend", "h3")
eventsList = ListBlock([event1, event2, event3])
event1 = ListItem("Riverside Festival", "Sat 10:00 – 22:00 · South District", null, "Details")
event2 = ListItem("Farmers Market", "Sun 08:00 – 14:00 · Downtown", null, "Details")
event3 = ListItem("Night Run", "Sat 19:00 – 21:00 · East District", null, "Details")
citizenSection = Card([citizenHeading, citizenList], "sunk")
citizenHeading = Heading("Citizen Reports — Live", "h3")
citizenList = ListBlock([citizen1, citizen2, citizen3])
citizen1 = ListItem("Pothole on 5th Ave", "Downtown · 2 min ago", null, "View")
citizen2 = ListItem("Broken streetlight", "North · 8 min ago", null, "View")
citizen3 = ListItem("Flooded sidewalk", "South · 15 min ago", null, "View")
backlogSection = Card([backlogHeading, backlogChart], "sunk")
backlogHeading = Heading("Service Request Backlog", "h3")
backlogChart = BarChart(["Potholes", "Streetlights", "Graffiti", "Trash", "Other"], [backlogSeries], "stacked", "Category", "Open Requests")
backlogSeries = Series("Open", [420, 310, 190, 270, 657])
roadworksSection = Card([roadworksHeading, roadworksTable], "sunk")
roadworksHeading = Heading("Roadworks Planned This Month", "h3")
roadworksTable = Table([roadworksRoad, roadworksDistrict, roadworksDates])
roadworksRoad = Col("Road", ["Main St", "Park Ave", "River Rd", "Oak Ln"])
roadworksDistrict = Col("District", ["Downtown", "North", "South", "East"])
roadworksDates = Col("Dates", ["Jun 3–7", "Jun 10–14", "Jun 17–21", "Jun 24–28"])
maintenanceSection = Card([maintenanceHeading, maintenanceTable], "sunk")
maintenanceHeading = Heading("Infrastructure Jobs Due for Maintenance", "h3")
maintenanceTable = Table([maintenanceAsset, maintenanceLocation, maintenanceDue])
maintenanceAsset = Col("Asset", ["Bridge 12", "Pump Station 3", "Substation 7", "Water Tower 2"])
maintenanceLocation = Col("Location", ["Downtown", "North", "South", "West"])
maintenanceDue = Col("Due", ["Jun 5", "Jun 9", "Jun 12", "Jun 15"])
dispatchSection = Card([dispatchHeading, dispatchForm], "sunk")
dispatchHeading = Heading("Dispatch a Crew", "h3")
dispatchForm = Form("dispatch-crew", dispatchButtons, [dispatchCrewField, dispatchLocationField, dispatchPriorityField])
dispatchCrewField = FormControl("Crew", dispatchCrewSelect)
dispatchCrewSelect = Select("crew", [crewRoad, crewWater, crewPower], "Choose crew type")
crewRoad = SelectItem("road", "Road Maintenance")
crewWater = SelectItem("water", "Water Services")
crewPower = SelectItem("power", "Power Repair")
dispatchLocationField = FormControl("Location", dispatchLocationInput)
dispatchLocationInput = Input("location", "e.g. Downtown — Main St")
dispatchPriorityField = FormControl("Priority", dispatchPriorityRadio)
dispatchPriorityRadio = RadioGroup("priority", [priorityHigh, priorityMedium, priorityLow], "medium")
priorityHigh = RadioItem("High", "Respond immediately", "high")
priorityMedium = RadioItem("Medium", "Respond within 2 hours", "medium")
priorityLow = RadioItem("Low", "Respond within 24 hours", "low")
dispatchButtons = Buttons([dispatchSubmit])
dispatchSubmit = Button("Dispatch Crew", null, "primary")
alertSection = Card([alertHeading, alertForm], "sunk")
alertHeading = Heading("Send a Public Alert", "h3")
alertForm = Form("public-alert", alertButtons, [alertMessageField, alertScopeField])
alertMessageField = FormControl("Message", alertMessageInput, "This will be sent to the public")
alertMessageInput = Input("alert_message", "e.g. Road closure on Main St due to flooding", "text")
alertScopeField = FormControl("Scope", alertScopeSelect)
alertScopeSelect = Select("scope", [scopeAll, scopeDowntown, scopeNorth], "Choose scope")
scopeAll = SelectItem("all", "All districts")
scopeDowntown = SelectItem("downtown", "Downtown only")
scopeNorth = SelectItem("north", "North only")
alertButtons = Buttons([alertSend])
alertSend = Button("Send Alert", null, "primary")
```