root = Card([header, liveCard, topTitlesCard, watchCard, subsCard, genreCard, bufferingCard, deliveryCard, releasesCard, licensesCard, recoCard, deadEndsCard, revenueCard, deviceCard, regionCard, flagsCard, promoCard], "card", "column", "xl")
header = CardHeader("Streaming Operations", "Live dashboard · updated just now")
liveCard = Card([liveHeader, liveStats, liveMeta], "sunk", "column")
liveHeader = CardHeader("Viewers watching right now")
liveStats = Card([viewerCount, liveBadge], "clear", "row", "m", "center")
viewerCount = TextContent("124,893", "large-heavy")
liveBadge = Badge("LIVE", "destructive")
liveMeta = TextContent("Peak today 138,204 · +9.4% vs last hour", "small")
topTitlesCard = Card([topTitlesHeader, titleChart], "sunk", "column")
topTitlesHeader = CardHeader("Most-watched titles", "Hours watched · last 24h")
titleChart = HorizontalBarChart(titleLabels, [titleSeries], "grouped", "Hours", "Title")
titleLabels = ["The Last Signal", "Midnight Heist", "Echoes of Tomorrow", "Crown of Shadow", "Neon Rivers", "Paper Tigers"]
titleSeries = Series("Hours watched", [482013, 431022, 389456, 342118, 298451, 267304])
watchCard = Card([watchHeader, watchArea], "sunk", "column")
watchHeader = CardHeader("Watch time", "Past 30 days")
watchArea = AreaChart(dayLabels, [watchSeries], "natural", "Day", "Hours")
dayLabels = ["Nov 1", "Nov 5", "Nov 9", "Nov 13", "Nov 17", "Nov 21", "Nov 25", "Nov 29"]
watchSeries = Series("Watch hours", [2100000, 2300000, 2200000, 2600000, 2400000, 2800000, 2700000, 3000000])
subsCard = Card([subsHeader, subsChart], "sunk", "column")
subsHeader = CardHeader("Subscriber flow", "New vs cancelled · weekly")
subsChart = BarChart(weekLabels, [newSeries, cancelSeries], "grouped", "Week", "Subscribers")
weekLabels = ["W1", "W2", "W3", "W4"]
newSeries = Series("New subscribers", [48200, 51400, 49800, 56200])
cancelSeries = Series("Cancellations", [21400, 23800, 22100, 24700])
genreCard = Card([genreHeader, genreRadar], "sunk", "column")
genreHeader = CardHeader("Performance by genre", "Engagement score (0–100)")
genreRadar = RadarChart(genreLabels, [genreSeries])
genreLabels = ["Drama", "Comedy", "Sci-Fi", "Documentary", "Reality", "Action"]
genreSeries = Series("Engagement", [84, 61, 92, 75, 58, 71])
bufferingCard = Card([bufferHeader, bufferProgress, bufferNote], "sunk", "column")
bufferHeader = CardHeader("Buffering rate")
bufferProgress = Progress(2.3, "2.3% of plays buffer over 2s")
bufferNote = TextCallout("warning", "Above target", "Regional spikes in APAC and LatAm are pushing the global rate above our 1.5% goal.")
deliveryCard = Card([deliveryHeader, deliveryTable], "sunk", "column")
deliveryHeader = CardHeader("Delivery health by region")
deliveryTable = Table([deliveryRegionCol, deliveryHealthCol, deliveryBitrateCol, deliveryErrorCol])
deliveryRegionCol = Col("Region", ["North America", "Europe", "APAC", "Latin America", "Middle East"])
deliveryHealthCol = Col("Health", ["Healthy", "Healthy", "Degraded", "Degraded", "Healthy"])
deliveryBitrateCol = Col("Avg bitrate", ["5.2 Mbps", "4.9 Mbps", "3.1 Mbps", "3.8 Mbps", "4.7 Mbps"])
deliveryErrorCol = Col("Error rate", ["0.2%", "0.4%", "2.1%", "1.8%", "0.6%"])
releasesCard = Card([releasesHeader, releasesTable], "sunk", "column")
releasesHeader = CardHeader("Releases coming this month")
releasesTable = Table([releaseTitleCol, releaseDateCol, releaseGenreCol, releaseTypeCol])
releaseTitleCol = Col("Title", ["The Last Signal: Finale", "Winter of Ash", "Crown of Shadow S2", "Midnight Heist: Live", "Paper Tigers S3"])
releaseDateCol = Col("Release date", ["Dec 5", "Dec 8", "Dec 12", "Dec 15", "Dec 22"])
releaseGenreCol = Col("Genre", ["Sci-Fi", "Drama", "Fantasy", "Action", "Comedy"])
releaseTypeCol = Col("Type", ["Series", "Film", "Series", "Special", "Series"])
licensesCard = Card([licensesHeader, licensesTable], "sunk", "column")
licensesHeader = CardHeader("Licenses expiring soon", "Next 90 days")
licensesTable = Table([licTitleCol, licLicensorCol, licExpiryCol])
licTitleCol = Col("Title", ["Echoes of Tomorrow", "Neon Rivers", "The Last Signal", "Paper Tigers", "Crown of Shadow"])
licLicensorCol = Col("Licensor", ["Northlight Studios", "CineVault", "Northlight Studios", "Paper Republic", "MythicWorks"])
licExpiryCol = Col("Expires", ["Dec 14", "Dec 28", "Jan 9", "Jan 23", "Feb 2"])
recoCard = Card([recoHeader, recoLine], "sunk", "column")
recoHeader = CardHeader("Recommendation clicks", "Click-through rate")
recoLine = LineChart(recoLabels, [recoSeries], "linear", "Day", "CTR %")
recoLabels = ["Nov 24", "Nov 25", "Nov 26", "Nov 27", "Nov 28", "Nov 29", "Nov 30"]
recoSeries = Series("Rec CTR", [5.2, 5.8, 6.1, 5.9, 6.4, 6.8, 7.1])
deadEndsCard = Card([deadEndsHeader, deadEndsTable], "sunk", "column")
deadEndsHeader = CardHeader("Searches without playback", "Last 7 days")
deadEndsTable = Table([deadQueryCol, deadCountCol])
deadQueryCol = Col("Search", ["the last signal 4k", "midnight heist trailers", "crown of shadow episode list", "neon rivers soundtrack", "paper tigers season 4"])
deadCountCol = Col("Searches", [12400, 9870, 8530, 6910, 5270])
revenueCard = Card([revenueHeader, revenuePie], "sunk", "column")
revenueHeader = CardHeader("Revenue split", "By plan")
revenuePie = PieChart(planLabels, planValues, "donut")
planLabels = ["Standard", "Premium", "Ultra", "Mobile"]
planValues = [41, 32, 18, 9]
deviceCard = Card([deviceHeader, devicePie], "sunk", "column")
deviceHeader = CardHeader("Viewing split", "By device")
devicePie = PieChart(deviceLabels, deviceValues, "pie")
deviceLabels = ["Smart TV", "Mobile", "Tablet", "Web", "Game console"]
deviceValues = [46, 28, 12, 9, 5]
regionCard = Card([regionHeader, regionStatus, regionForm], "sunk", "column")
regionHeader = CardHeader("Focus on one region", "All metrics above drill down to a single region")
regionStatus = TextContent("Current focus: All regions", "small")
regionForm = Form("region-focus", regionButtons, [regionField])
regionField = FormControl("Region", regionSelect)
regionSelect = Select("region", [regionNA, regionEU, regionAPAC, regionLatAm, regionME], "All regions")
regionNA = SelectItem("na", "North America")
regionEU = SelectItem("eu", "Europe")
regionAPAC = SelectItem("apac", "APAC")
regionLatAm = SelectItem("latam", "Latin America")
regionME = SelectItem("me", "Middle East")
regionButtons = Buttons([regionApply, regionReset])
regionApply = Button("Apply focus", null, "primary")
regionReset = Button("Reset", null, "tertiary")
flagsCard = Card([flagsHeader, flagsTable], "sunk", "column")
flagsHeader = CardHeader("Feature flags")
flagsTable = Table([flagNameCol, flagDescCol, flagStateCol])
flagNameCol = Col("Flag", ["new_home_feed", "queued_playback", "4k_upscale", "smart_downloads", "interactive_stories", "profile_pins"])
flagDescCol = Col("Description", ["New algorithmic home feed", "Preload next episode", "AI upscaling for 4K", "Off-peak auto downloads", "Interactive narrative mode", "Pin profiles to home"])
flagStateCol = Col("State", ["On", "On", "Off", "On", "Off", "On"])
promoCard = Card([promoHeader, promoDrawer], "sunk", "column")
promoHeader = CardHeader("Home screen promotion")
promoDrawer = DrawerBlock("Promote a title", "Promote a title", "Choose a title, slot and time window for the home screen spotlight.", [promoForm2])
promoForm2 = Form("promote-title", promoButtons, [promoTitleField, promoSlotField, promoWindowField])
promoTitleField = FormControl("Title", promoTitleSelect)
promoTitleSelect = Select("title", [promoTitle1, promoTitle2, promoTitle3, promoTitle4], "Select a title")
promoTitle1 = SelectItem("last-signal", "The Last Signal: Finale")
promoTitle2 = SelectItem("winter-ash", "Winter of Ash")
promoTitle3 = SelectItem("crown-shadow", "Crown of Shadow S2")
promoTitle4 = SelectItem("midnight-heist-live", "Midnight Heist: Live")
promoSlotField = FormControl("Slot", promoSlotSelect)
promoSlotSelect = Select("slot", [promoSlotHero, promoSlotRow, promoSlotBump], "Select a slot")
promoSlotHero = SelectItem("hero", "Hero carousel")
promoSlotRow = SelectItem("binge-row", "Binge row")
promoSlotBump = SelectItem("continue-row", "Continue row bump")
promoWindowField = FormControl("Time window", promoWindowSelect)
promoWindowSelect = Select("window", [promoWindow24, promoWindow72, promoWindowWeek], "Select window")
promoWindow24 = SelectItem("24h", "24 hours")
promoWindow72 = SelectItem("72h", "72 hours")
promoWindowWeek = SelectItem("week", "1 week")
promoButtons = Buttons([promoPublish, promoCancel])
promoPublish = Button("Publish promotion", null, "primary")
promoCancel = Button("Cancel", null, "tertiary")