root = Card([header, summarySection, filtersSection, volumeChart, tableSection, actionsSection])
header = CardHeader("E‑Commerce Operations Desk", null)
todayOrdersText = TextContent("Orders placed today: 27", "default")
revenueText = TextContent("Revenue today: $12,345", "default")
avgOrderValueText = TextContent("Average order value: $456", "default")
refundCallout = Callout("info", "Refund rate", "Refund rate this month: 2.5%")
orderCountSeries = Series("Orders", [120,150,130,170])
idCol = Col("Order ID", [1001,1002,1003], "action")
customerCol = Col("Customer", ["Alice Smith","Bob Jones","Carol Lee"], "string")
totalCol = Col("Total", [250,75,120], "number")
statusCol = Col("Status", ["Pending","Shipped","Delivered"], "string")
orderTable = Table(columns: [idCol, customerCol, totalCol, statusCol])
statusFilter = TagBlock(tags: ["Pending","Shipped","Delivered","Cancelled"])
searchField = Input("customer_name", "Enter customer name", "text")
searchSubmitBtn = Button("Search", null, "primary")
searchButtons = Buttons([searchSubmitBtn])
searchForm = Form("search-form", searchButtons, [searchField])
markFulfilledBtn = Button("Mark order fulfilled", null, "primary")
actionsSection = Card([markFulfilledBtn])
summarySection = Card([todayOrdersText, revenueText, avgOrderValueText, refundCallout, volumeChart])
filtersSection = Card([statusFilter, searchForm])
volumeChart = BarChart(["W1","W2","W3","W4"], [orderCountSeries], "grouped", "Week", "Orders")