<Card title="Live Viewers">
<Stat label="Current Viewers" value="12,345" change="+2.5%" tone="info" />
<Badge tone="success">On Air</Badge>
</Card>

<Card title="Most‑Watched Titles">
<Chart type="bar" x="Title" y="Hours">
| Title | Hours |
|---|---|
| Drama Series A | 4,200 |
| Comedy Show B | 3,800 |
| Thriller Movie C | 3,500 |
| Documentary D | 3,000 |
</Chart>
</Card>

<Card title="Watch Time (Last 30 Days)">
<Chart type="area" x="Day" y="Watch Time">
| Day | Watch Time (hrs) |
|---|---|
| 1 | 120,000 |
| 2 | 115,000 |
| 3 | 118,000 |
| 4 | 122,000 |
| 5 | 125,000 |
| 6 | 119,000 |
| 7 | 121,000 |
| 8 | 124,000 |
| 9 | 123,000 |
| 10 | 126,000 |
| 11 | 122,000 |
| 12 | 125,000 |
| 13 | 127,000 |
| 14 | 128,000 |
| 15 | 129,000 |
| 16 | 130,000 |
| 17 | 131,000 |
| 18 | 133,000 |
| 19 | 132,000 |
| 20 | 134,000 |
| 21 | 135,000 |
| 22 | 136,000 |
| 23 | 137,000 |
| 24 | 138,000 |
| 25 | 139,000 |
| 26 | 140,000 |
| 27 | 141,000 |
| 28 | 142,000 |
| 29 | 143,000 |
| 30 | 145,000 |
</Chart>
</Card>

<Card title="Subscriber Growth">
<Columns>
<Stat label="New Subscribers" value="850" change="+3.2%" tone="success" />
<Stat label="Cancellations" value="210" change="-1.5%" tone="danger" />
</Columns>
<Progress value="80" max="100" label="Net Growth" tone="success" />
</Card>

<Card title="Performance by Genre">
<Chart type="pie" x="Genre" y="Viewers">
| Genre | Viewers |
|---|---|
| Drama | 4,200 |
| Comedy | 3,800 |
| Thriller | 3,500 |
| Documentary | 3,000 |
| Action | 2,200 |
</Chart>
</Card>

<Card title="Buffering Rate">
<Stat label="Buffering Rate" value="1.2%" change="↓0.3%" tone="warning" />
<Progress value="1.2" max="10" label="Buffering" tone="warning" />
</Card>

<Card title="Delivery Health by Region">
<Form name="region-filter">
<Select label="Region" name="region" options="North America | Europe | Asia | LATAM | Africa" hint="Select a region to view its health" required=false />
<Button variant="secondary">Apply</Button>
</Form>
<Chart type="horizontal" x="Region" y="Health Score">
| Region | Health Score |
|---|---|
| North America | 92% |
| Europe | 88% |
| Asia | 85% |
| LATAM | 80% |
| Africa | 75% |
</Chart>
</Card>

<Card title="Upcoming Releases">
<Gallery>
![Release 1](release1.jpg)
![Release 2](release2.jpg)
![Release 3](release3.jpg)
</Gallery>
</Card>

<Card title="Expiring Licenses">
<Details title="Licenses Expiring Soon" open=true>
Licenses expiring in the next 30 days:
- License A – expires 2025-12-15
- License B – expires 2025-11-30
- License C – expires 2025-10-05
</Details>
</Card>

<Card title="Recommendation Click‑Through">
<Stat label="Recommendation CTR" value="4.8%" change="+0.4%" tone="info" />
<Progress value="48" max="100" label="CTR" tone="info" />
</Card>

<Card title="Searches Without Playback">
<Stat label="Searches Ending Without Playback" value="1,234" change="+5%" tone="warning" />
</Card>

<Card title="Revenue by Plan">
<Chart type="pie" x="Plan" y="Revenue">
| Plan | Revenue |
|---|---|
| Premium | $5,200,000 |
| Standard | $3,800,000 |
| Basic | $1,500,000 |
</Chart>
</Card>

<Card title="Viewing by Device">
<Chart type="pie" x="Device" y="Viewers">
| Device | Viewers |
|---|---|
| Mobile | 6,500 |
| TV | 4,200 |
| Tablet | 1,800 |
| Desktop | 700 |
</Chart>
</Card>

<Card title="Region Filter">
<Form name="region-filter">
<Select label="Region" name="region" options="North America | Europe | Asia | LATAM | Africa" hint="Select a region to view its health" required=false />
<Button variant="secondary">Apply</Button>
</Form>
</Card>

<Card title="Feature Flags">
<Badge tone="success">Recommendation Engine</Badge>
<Badge tone="info">Live Chat</Badge>
<Badge tone="warning">Auto‑Play</Badge>
<Badge tone="danger"> ad‑Supported Mode</Badge>
</Card>

<Card title="Promote a Title">
<Callout tone="info" title="Promote Title">
<Button variant="primary">Promote Selected Title</Button>
</Callout>
</Card>