# Content Studio

<Card title="Quick actions">
<Columns>
<Button variant="primary" size="large" icon="pencil-line">New draft</Button>
<Button variant="secondary" size="large" icon="calendar-plus">Schedule a piece</Button>
</Columns>
</Card>

<Card title="Filter by category">
<Select label="Category" name="category-filter" options="All categories | News | Features | Opinion | Reviews | How-to | Interviews" placeholder="All categories" />
</Card>

<Card title="Drafts" subtitle="Your in-progress pieces">
<Columns>
<Card title="AI in Journalism" subtitle="News">
<Badge tone="info">Draft</Badge>
<Stat label="Words" value="1,240" />
<Button ask="Open AI in Journalism draft" variant="secondary" size="small">Open</Button>
</Card>
<Card title="Weekend Events Guide" subtitle="Features">
<Badge tone="warning">Needs review</Badge>
<Stat label="Words" value="890" />
<Button ask="Open Weekend Events Guide draft" variant="secondary" size="small">Open</Button>
</Card>
<Card title="Interview with Maya Chen" subtitle="Interviews">
<Badge tone="success">Ready to publish</Badge>
<Stat label="Words" value="2,100" />
<Button ask="Open Interview with Maya Chen draft" variant="secondary" size="small">Open</Button>
</Card>
<Card title="Productivity Hacks 2025" subtitle="How-to">
<Badge tone="danger">On hold</Badge>
<Stat label="Words" value="1,560" />
<Button ask="Open Productivity Hacks 2025 draft" variant="secondary" size="small">Open</Button>
</Card>
</Columns>
</Card>

<Card title="This week's published pieces">
<Stat label="Published this week" value="7" icon="check-circle" tone="success" />
<Columns>
<Card title="The Future of Remote Work" subtitle="Published Mon">
<Badge tone="success">Live</Badge>
<Stat label="Views" value="3,421" />
</Card>
<Card title="Best Coffee Shops in Town" subtitle="Published Tue">
<Badge tone="success">Live</Badge>
<Stat label="Views" value="2,108" />
</Card>
<Card title="Climate Tech Roundup" subtitle="Published Wed">
<Badge tone="success">Live</Badge>
<Stat label="Views" value="1,874" />
</Card>
<Card title="Local Election Guide" subtitle="Published Thu">
<Badge tone="success">Live</Badge>
<Stat label="Views" value="4,532" />
</Card>
</Columns>
</Card>

<Card title="Most-read article this month">
<Card title="Why Electric Cars Are Taking Over" subtitle="Published March 3">
<Badge tone="success">Trending</Badge>
<Stat label="Total views" value="28,403" icon="trend-up" tone="info" />
<Stat label="Avg. read time" value="4.2 min" />
<Button ask="Show more about Why Electric Cars Are Taking Over">View full report</Button>
</Card>
</Card>

<Card title="Readership over the past 30 days">
<Chart type="line" x="Day" y="Unique visitors">
| Day | Unique visitors |
|---|---|
| Mar 1 | 2,340 |
| Mar 5 | 3,120 |
| Mar 10 | 4,580 |
| Mar 15 | 5,210 |
| Mar 20 | 4,890 |
| Mar 25 | 6,340 |
| Mar 30 | 7,120 |
</Chart>
<Stat label="Total" value="33,600" icon="users" tone="info" />
<Stat label="Daily avg." value="4,800" change="+12%" tone="success" />
</Card>

<Card title="Comments awaiting reply">
<Columns>
<Card title="On: The Future of Remote Work">
<Avatar name="Sarah Kim" src="" />
<p>Great piece! I'd love to hear more about hybrid models.</p>
<Button ask="Reply to Sarah Kim" variant="secondary" size="small">Reply</Button>
</Card>
<Card title="On: Best Coffee Shops in Town">
<Avatar name="Mark Rivera" src="" />
<p>You missed Brew Lab on Main Street — it's the best!</p>
<Button ask="Reply to Mark Rivera" variant="secondary" size="small">Reply</Button>
</Card>
<Card title="On: Climate Tech Roundup">
<Avatar name="Elena Torres" src="" />
<p>What about carbon capture startups? Would love a follow-up.</p>
<Button ask="Reply to Elena Torres" variant="secondary" size="small">Reply</Button>
</Card>
</Columns>
</Card>

<Card title="Schedule a new piece">
<Form name="schedule-piece">
<Input label="Title" name="piece-title" placeholder="Enter the article title" required />
<Date label="Publish date" name="publish-date" required />
<Select label="Category" name="piece-category" options="News | Features | Opinion | Reviews | How-to | Interviews" placeholder="Select category" required />
<Button>Schedule</Button>
<Button variant="tertiary">Cancel</Button>
</Form>
</Card>

<Card title="Start a new draft">
<Form name="new-draft">
<Input label="Working title" name="draft-title" placeholder="Give your piece a title" required />
<Select label="Category" name="draft-category" options="News | Features | Opinion | Reviews | How-to | Interviews" placeholder="Select category" required />
<TextArea label="Brief description" name="draft-description" placeholder="What's this piece about?" rows="3" />
<Button variant="primary">Create draft</Button>
<Button variant="tertiary">Cancel</Button>
</Form>
</Card>

<FollowUps>
- Show me the analytics dashboard for this month
- Suggest topics for next week based on trends
- Help me edit the AI in Journalism draft
- Who are my top commenters this month?
</FollowUps>