# Content Studio

<Columns>
<Select label="Narrow by category" options="All categories | News | Opinion | Features | Reviews" name="category" placeholder="All categories" />
<Button variant="primary" icon="plus">New draft</Button>
</Columns>

<Columns>
<Stat label="Published this week" value="8" change="+2 vs last week" note="Mon–Sun" icon="calendar" />
<Stat label="Most-read article this month" value="24,182" note="“The Future of Local News” · 9 min read" icon="chart-line" />
<Stat label="Comments awaiting reply" value="12" note="Across 6 articles" icon="chat-circle" />
</Columns>

<Card title="Readership — past 30 days" subtitle="Unique readers across all channels">
<Chart type="area" x="Date" y="Readers">
| Date | Readers |
|---|---|
| Mar 17 | 980 |
| Mar 20 | 1040 |
| Mar 23 | 1120 |
| Mar 26 | 1080 |
| Mar 29 | 1240 |
| Apr 1 | 1310 |
| Apr 4 | 1280 |
| Apr 7 | 1450 |
| Apr 10 | 1420 |
| Apr 13 | 1590 |
| Apr 15 | 1740 |
</Chart>
</Card>

<Card title="Drafts" subtitle="Showing all categories, 14 drafts total">
| Title | Category | Updated | Status |
|---|---|---|---|
| The Future of Local News | News | 2h ago | <Badge tone="info">In review</Badge> |
| Budget Breakdown: 2025 | Features | 4h ago | <Badge tone="success">Scheduled</Badge> |
| Transit Wins of the Decade | Opinion | 1d ago | <Badge tone="neutral">Draft</Badge> |
| A Taste of the New Market | Reviews | 2d ago | <Badge tone="warning">Needs revision</Badge> |
| Council Notes: April Session | News | 3d ago | <Badge tone="neutral">Draft</Badge> |

<Button icon="plus">Start a new draft</Button>
</Card>

<Columns>
<Card title="Schedule a piece" subtitle="Pick a publish date for your next story">
<Form name="schedule-piece">
<Input label="Title" name="title" placeholder="Working title" required="true" />
<Date label="Publish date" name="publish-date" required="true" hint="Scheduled posts go out at 7:00 AM" />
<Select label="Category" options="News | Opinion | Features | Reviews" name="category" placeholder="Choose a category" />
<Button>Schedule piece</Button>
</Form>
</Card>

<Card title="Comments awaiting reply" subtitle="12 comments · oldest first">
<ul>
<li>
<strong>Maria K.</strong> — “Great analysis. But what about local elections?” <Badge tone="danger">Priority</Badge><br>
on <em>The Future of Local News</em> · 2h ago · <Button variant="tertiary" size="small">Reply</Button>
</li>
<li>
<strong>Devon R.</strong> — “Can you share sources for the chart?” <br>
on <em>Budget Breakdown: 2025</em> · 5h ago · <Button variant="tertiary" size="small">Reply</Button>
</li>
<li>
<strong>Priya S.</strong> — “We saw a similar trend in Portland last year.” <br>
on <em>Transit Wins of the Decade</em> · 1d ago · <Button variant="tertiary" size="small">Reply</Button>
</li>
<li>
<strong>Jonas L.</strong> — “Any plans to cover the reopening?” <br>
on <em>A Taste of the New Market</em> · 1d ago · <Button variant="tertiary" size="small">Reply</Button>
</li>
</ul>
</Card>
</Columns>

<FollowUps>
- Show me drafts only in "Needs revision"
- Create a draft from an idea I have
- What got the most comments this week?
- Set up an editorial calendar for next month
</FollowUps>