# Editor's Content Studio

<Columns>
<div>

<Callout tone="info" title="Welcome back, Maya">You have 3 comments awaiting reply and 2 drafts due this week.</Callout>

</div>
<div>

<Button variant="primary" icon="plus">New Draft</Button>
</div>
</Columns>

<Card title="Drafts" subtitle="Your in-progress pieces">
<Tabs>
<Tab title="All Drafts">
| Title | Status | Updated |
|---|---|---|
| The Future of Remote Work | <Badge tone="warning">In Review</Badge> | 2h ago |
| 10 Productivity Hacks | <Badge tone="info">Drafting</Badge> | Yesterday |
| Interview: CEO of Notion | <Badge tone="neutral">Outline</Badge> | 3 days ago |
| Design Trends 2025 | <Badge tone="success">Ready to Publish</Badge> | 5h ago |
| Case Study: Acme Corp | <Badge tone="warning">In Review</Badge> | 1 day ago |
</Tab>
<Tab title="Due This Week">
| Title | Status | Due |
|---|---|---|
| The Future of Remote Work | <Badge tone="warning">In Review</Badge> | Thu |
| Design Trends 2025 | <Badge tone="success">Ready to Publish</Badge> | Fri |
</Tab>
</Tabs>
</Card>

<Card title="Published This Week">
<Columns>
<div>

<Stat label="Articles" value="7" note="+2 vs last week" icon="article" />
</div>
<div>

<Stat label="Total Views" value="18.2K" note="+12.4%" icon="eye" tone="success" />
</div>
<div>

<Stat label="Avg. Read Time" value="4:32" note="+0:18" icon="clock" />
</div>
</Columns>

| Title | Published | Views |
|---|---|---|
| The Future of Remote Work | Mon | 4,210 |
| 10 Productivity Hacks | Tue | 3,875 |
| Interview: CEO of Notion | Wed | 2,940 |
| Design Trends 2025 | Thu | 3,102 |
| Case Study: Acme Corp | Fri | 1,865 |
| Weekly Newsletter #42 | Fri | 1,203 |
| Opinion: AI in Journalism | Sat | 1,004 |
</Card>

<Card title="Most-Read Article This Month">
<Columns>
<div>

<h3>The Future of Remote Work</h3>
<p>Published March 3 · 12 min read</p>
<Badge tone="success">Trending</Badge>

</div>
<div>

<Stat label="Views" value="24,891" change="+18.2%" tone="success" icon="trend-up" />
<Stat label="Read Time" value="6:47 avg" note="Top 5%" icon="clock" />
<Stat label="Shares" value="1,204" icon="share" />
</div>
</Columns>
</Card>

<Card title="Readership — Last 30 Days">
<Chart type="line" x="Date" y="Readers">
| Date | Readers |
|---|---|
| Feb 15 | 820 |
| Feb 18 | 1,050 |
| Feb 21 | 940 |
| Feb 24 | 1,380 |
| Feb 27 | 1,610 |
| Mar 2 | 1,490 |
| Mar 5 | 1,870 |
| Mar 8 | 2,120 |
| Mar 11 | 1,980 |
| Mar 14 | 2,340 |
</Chart>
</Card>

<Card title="Filter by Category">
<Select label="Category" placeholder="All categories" options="All Categories | Technology | Culture | Business | Opinion | Design | News" />
<Radio label="Time range" options="Last 7 days | Last 30 days | This quarter | Year to date" value="Last 30 days" />
<Button variant="secondary" icon="funnel">Apply Filters</Button>
</Card>

<Card title="Schedule a Piece">
<Form name="schedule-piece">
<Input label="Title" placeholder="e.g. The Rise of AI Writing Tools" required />
<Date label="Publish date" required />
<Select label="Category" placeholder="Choose category" options="Technology | Culture | Business | Opinion | Design | News" />
<Select label="Author" placeholder="Assign author" options="Maya Chen | Alex Rivera | Sam Patel | Jordan Lee" />
<Button icon="calendar">Schedule</Button>
</Form>
</Card>

<Card title="Comments Awaiting Reply">
<Columns>
<div>

<Avatar name="Sarah Kim" subtitle="2h ago" />
<p>"Great piece on remote work — would love a follow-up on hybrid teams."</p>
<Button size="small" variant="primary">Reply</Button>
<Button size="small" variant="tertiary">Mark Done</Button>
</div>
<div>

<Avatar name="David Osei" subtitle="5h ago" />
<p>"The productivity hacks list was practical. More like this please!"</p>
<Button size="small" variant="primary">Reply</Button>
<Button size="small" variant="tertiary">Mark Done</Button>
</div>
<div>

<Avatar name="Priya Nair" subtitle="Yesterday" />
<p>"Disagree with the AI opinion piece — the data on job displacement is misrepresented."</p>
<Button size="small" variant="primary">Reply</Button>
<Button size="small" variant="tertiary">Mark Done</Button>
</div>
</Columns>
</Card>

<Card title="Start a New Draft">
<Form name="new-draft">
<Input label="Working title" placeholder="Give your piece a title" required />
<Select label="Category" placeholder="Choose category" options="Technology | Culture | Business | Opinion | Design | News" />
<Radio label="Format" options="Article | Interview | Opinion | Listicle | Case Study" value="Article" />
<TextArea label="Brief or outline" placeholder="Jot down the angle, key points, or a quick pitch…" rows="4" />
<Button variant="primary" icon="plus">Create Draft</Button>
</Form>
</Card>

<FollowUps>
- Show me drafts that are due this week
- What's the readership breakdown by category?
- Help me draft a reply to Priya's comment
- Suggest a publishing time for my next piece
</FollowUps>