root = Card([header, kpiBlock, filterChips, ticketsHeader, ticketsTable, newTicketBtn])
header = CardHeader("Support Lead Dashboard", "Morning Overview · Live Ticket Queue")
kpiBlock = SnippetCardBlock([kpiOpen, kpiResponse], "grid", true)
kpiOpen = SnippetCardItem("open-tickets", kpiOpenLhs, kpiOpenRhs)
kpiOpenLhs = IconText(kpiOpenIcon, "neutral", "m", "Open Tickets", "Currently in queue", false, "horizontal")
kpiOpenIcon = Icon("ticket", "shapes")
kpiOpenRhs = BoldText("number", "47", "+3 since yesterday", "metric")
kpiResponse = SnippetCardItem("avg-first-response", kpiResponseLhs, kpiResponseRhs)
kpiResponseLhs = IconText(kpiResponseIcon, "neutral", "m", "Avg First Response", "Business hours", false, "horizontal")
kpiResponseIcon = Icon("clock", "time")
kpiResponseRhs = BoldText("number", "1h 24m", "-12m vs last week", "metric")
filterChips = Chips("priority-filter", "single", [chipAll, chipHigh], {}, ["all"])
chipAll = ChipItem("all", "All Tickets", chipAllIcon)
chipAllIcon = Icon("list", "shapes")
chipHigh = ChipItem("high", "High Priority Only", chipHighIcon)
chipHighIcon = Icon("alert-triangle", "shapes")
ticketsHeader = InlineHeader("Most Recent Tickets", "Five latest — click to open")
ticketsTable = Table([colId, colSubject, colPriority, colStatus, colCreated])
colId = Col("ID", ["TKT-2026-0891", "TKT-2026-0890", "TKT-2026-0889", "TKT-2026-0888", "TKT-2026-0887"], "string")
colSubject = Col("Subject", ["API timeout on checkout", "SSO login loop for enterprise", "Mobile app crash on iOS 18", "Billing discrepancy Q3 invoice", "Feature request: dark mode"], "string")
colPriority = Col("Priority", ["High", "High", "Medium", "Low", "Medium"], "string")
colStatus = Col("Status", ["Open", "In Progress", "Open", "Waiting on Customer", "Open"], "string")
colCreated = Col("Created", ["2026-01-15 08:12", "2026-01-15 07:45", "2026-01-15 06:30", "2026-01-14 16:22", "2026-01-14 14:10"], "string")
newTicketBtn = Button("Open New Ticket", { type: "continue_conversation", context: "Create a new support ticket with guided form" }, "primary")