```openui-lang
root = Card([header, districtSelector, weatherSection, congestionSection, transitSection, airQualitySection, energySection, waterSection, incidentsSection, emergencySection, parkingSection, eventsSection, citizenReportsSection, backlogSection, roadworksSection, maintenanceSection, dispatchSection, alertSection], "card", "column", "l")
header = CardHeader("City Operations Center", "Live overview of all city services")
districtSelector = FormControl("Focus district", districtSelect, "Select a district to filter all views")
districtSelect = Select("district", [districtAll, districtDowntown, districtNorth, districtSouth, districtEast, districtWest], "All districts", null, null, "medium")
districtAll = SelectItem("all", "All districts")
districtDowntown = SelectItem("downtown", "Downtown")
districtNorth = SelectItem("north", "North")
districtSouth = SelectItem("south", "South")
districtEast = SelectItem("east", "East")
districtWest = SelectItem("west", "West")
weatherSection = Card([weatherHeading, weatherContent], "sunk")
weatherHeading = Heading("Current Weather", "h3")
weatherContent = Card([weatherText, weatherTemp, weatherCondition], "clear", "row", "m")
weatherText = TextContent("**Partly cloudy, 18°C** with light winds from the southwest. Humidity 62%. No precipitation expected for the next 6 hours.", "default")
weatherTemp = Badge("18°C", "secondary")
weatherCondition = Badge("Partly cloudy", "outline")
congestionSection = Card([congestionHeading, congestionChart], "sunk")
congestionHeading = Heading("Congestion Right Now", "h3")
congestionChart = HorizontalBarChart(["Downtown", "North", "South", "East", "West"], [congestionSeries], "grouped", "Congestion index", "District")
congestionSeries = Series("Congestion index", [82, 45, 60, 38, 52])
transitSection = Card([transitHeading, transitTable], "sunk")
transitHeading = Heading("Transit Punctuality", "h3")
transitTable = Table([transitMode, transitPunctuality])
transitMode = Col("Mode", ["Bus", "Metro", "Tram", "Ferry"])
transitPunctuality = Col("On-time %", [87, 94, 91, 78])
airQualitySection = 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", [65, 40, 55, 35, 48])
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 use", [320, 345, 338, 360, 375, 290, 275])
waterSection = Card([waterHeading, waterChart], "sunk")
waterHeading = Heading("Water Use Today", "h3")
waterChart = AreaChart(["00:00", "04:00", "08:00", "12:00", "16:00", "20:00", "23:00"], [waterSeries], "natural", "Time", "ML")
waterSeries = Series("Water use", [12, 10, 18, 22, 19, 15, 13])
incidentsSection = Card([incidentsHeading, incidentsTable], "sunk")
incidentsHeading = Heading("Open Incidents", "h3")
incidentsTable = Table([incidentId, incidentLocation, incidentSeverity, incidentType])
incidentId = Col("ID", ["INC-1042", "INC-1043", "INC-1044", "INC-1045"])
incidentLocation = Col("Location", ["Downtown – Main St", "North – Oak Ave", "South – River Rd", "East – Park Ln"])
incidentSeverity = Col("Severity", ["High", "Medium", "Low", "High"])
incidentType = Col("Type", ["Water main break", "Traffic signal outage", "Pothole", "Gas leak"])
emergencySection = Card([emergencyHeading, emergencyList], "sunk")
emergencyHeading = Heading("Emergency Vehicles Deployed", "h3")
emergencyList = ListBlock([ambulanceItem, fireItem, policeItem], "number")
ambulanceItem = ListItem("Ambulance 7", "Downtown – responding to INC-1042", null, "Track")
fireItem = ListItem("Fire Engine 3", "East – on standby near Park Ln")
policeItem = ListItem("Patrol Unit 12", "North – routine patrol")
parkingSection = Card([parkingHeading, parkingChart], "sunk")
parkingHeading = Heading("Parking Availability – Downtown", "h3")
parkingChart = SingleStackedBarChart(["Garage A", "Garage B", "Garage C"], [35, 20, 45])
eventsSection = Card([eventsHeading, eventsList], "sunk")
eventsHeading = Heading("Public Events This Weekend", "h3")
eventsList = ListBlock([event1, event2, event3], "number")
event1 = ListItem("City Marathon", "Saturday 07:00 – 12:00, Downtown streets closed")
event2 = ListItem("Farmers Market", "Saturday 09:00 – 14:00, South River Park")
event3 = ListItem("Open Air Concert", "Sunday 18:00 – 22:00, East Amphitheater")
citizenReportsSection = Card([citizenHeading, citizenList], "sunk")
citizenHeading = Heading("Citizen Reports – Live Feed", "h3")
citizenList = ListBlock([report1, report2, report3], "number")
report1 = ListItem("Broken streetlight", "North – Oak Ave & 5th St, reported 2 min ago")
report2 = ListItem("Flooded sidewalk", "South – River Rd near bridge, reported 8 min ago")
report3 = ListItem("Noisy construction", "West – Maple St, reported 15 min ago")
backlogSection = Card([backlogHeading, backlogChart], "sunk")
backlogHeading = Heading("Service Request Backlog", "h3")
backlogChart = HorizontalBarChart(["Potholes", "Streetlights", "Graffiti", "Drainage", "Parks"], [backlogSeries], "stacked", "Open requests", "Category")
backlogSeries = Series("Open", [120, 85, 60, 45, 30])
roadworksSection = Card([roadworksHeading, roadworksTable], "sunk")
roadworksHeading = Heading("Roadworks Planned This Month", "h3")
roadworksTable = Table([roadworksLocation, roadworksDates, roadworksImpact])
roadworksLocation = Col("Location", ["Main St – 1st to 3rd Ave", "Oak Ave – 10th St", "River Rd – Bridge", "Park Ln – East gate"])
roadworksDates = Col("Dates", ["Jun 12–18", "Jun 15–20", "Jun 20–24", "Jun 25–28"])
roadworksImpact = Col("Impact", ["Full closure", "Lane reduction", "Night works", "Partial closure"])
maintenanceSection = Card([maintenanceHeading, maintenanceTable], "sunk")
maintenanceHeading = Heading("Infrastructure Jobs Due for Maintenance", "h3")
maintenanceTable = Table([maintenanceAsset, maintenanceDue, maintenancePriority])
maintenanceAsset = Col("Asset", ["Water pump station 4", "Traffic light controller 12", "Bridge inspection – North", "Sewer line – South"])
maintenanceDue = Col("Due", ["Jun 15", "Jun 18", "Jun 22", "Jun 30"])
maintenancePriority = Col("Priority", ["High", "Medium", "High", "Low"])
dispatchSection = Card([dispatchHeading, dispatchForm], "sunk")
dispatchHeading = Heading("Dispatch a Crew", "h3")
dispatchForm = Form("dispatch-crew", dispatchButtons, [dispatchLocationField, dispatchTypeField, dispatchPriorityField])
dispatchLocationField = FormControl("Location", dispatchLocationInput, "Street or intersection")
dispatchLocationInput = Input("location", "e.g. Main St & 2nd Ave")
dispatchTypeField = FormControl("Crew type", dispatchTypeSelect)
dispatchTypeSelect = Select("crew_type", [dispatchTypeRoads, dispatchTypeWater, dispatchTypePower], "Select crew type")
dispatchTypeRoads = SelectItem("roads", "Roads & traffic")
dispatchTypeWater = SelectItem("water", "Water & sewer")
dispatchTypePower = SelectItem("power", "Power & lighting")
dispatchPriorityField = FormControl("Priority", dispatchPriorityRadio)
dispatchPriorityRadio = RadioGroup("priority", [dispatchPriorityHigh, dispatchPriorityMedium, dispatchPriorityLow], "medium")
dispatchPriorityHigh = RadioItem("High", "Respond immediately", "high")
dispatchPriorityMedium = RadioItem("Medium", "Respond within 2 hours", "medium")
dispatchPriorityLow = RadioItem("Low", "Schedule for today", "low")
dispatchButtons = Buttons([dispatchSubmit, dispatchCancel])
dispatchSubmit = Button("Dispatch crew", null, "primary")
dispatchCancel = Button("Cancel", null, "tertiary")
alertSection = Card([alertHeading, alertForm], "sunk")
alertHeading = Heading("Send Public Alert", "h3")
alertForm = Form("public-alert", alertButtons, [alertMessageField])
alertMessageField = FormControl("Message", alertMessageInput, "Will be broadcast to all citizens in the selected district")
alertMessageInput = Input("alert_message", "e.g. Road closure on Main St due to water main break")
alertButtons = Buttons([alertSend, alertPreview])
alertSend = Button("Send alert", null, "primary")
alertPreview = Button("Preview", null, "secondary")
```