root = Card([header, shipmentsList, delayedCallout, delayedShipmentsCard, onTimeCallout, volumePieChart, avgCostText, weeklyBarChart, searchForm, refreshedCallout])
header = CardHeader("Logistics Coordinator's Board", null)
flagBtn = Button("Flag", null, "primary")
shipment1 = ListItem("New York → Los Angeles", "ETA: 2025-10-01, Status: In Transit", flagBtn)
shipment2 = ListItem("Chicago → Denver", "ETA: 2025-10-03, Status: Delayed", flagBtn)
shipment3 = ListItem("Seattle → Miami", "ETA: 2025-10-02, Status: In Transit", flagBtn)
shipmentsList = ListBlock([shipment1, shipment2, shipment3])
delayedShipmentsList = ListBlock([shipment2])
delayedShipmentsCard = Card([delayedShipmentsList], "sunk")
delayedCallout = Callout("warning", "Delayed Shipments", "3 shipments delayed")
onTimeCallout = TextCallout("On-time %", "87%", "success")
volumePieChart = PieChart(carrierLabels, carrierValues)
avgCostText = TextContent("Average cost per shipment: $15", "default")
weeklySeries = Series("Volume", weeklyData)
weeklyBarChart = BarChart(weeklyLabels, [weeklySeries])
searchBtn = Button("Search", null, "primary")
searchButtons = Buttons([searchBtn], "row")
routeInput = Input("route_search", "Search route", "text")
routeCtrl = FormControl("Route", routeInput, "Search by route")
searchForm = Form("search_form", searchButtons, [routeCtrl])
refreshedCallout = TextCallout("Data last refreshed", "2025-09-20 14:30", "neutral")
carrierLabels = ["Carrier A", "Carrier B", "Carrier C"]
carrierValues = [1200, 800, 500]
weeklyLabels = ["W1","W2","W3","W4","W5","W6","W7","W8"]
weeklyData = [120,150,130,160,140,170,150,160]