ContentOps · v0.1

Screen index

All 22 screens from the MVP spec, in workflow order. We'll build them one by one — say which one to start and I'll ship it.

Foundation locked 1 / 22 built 1440×900 design frame Hanken Grotesk · JetBrains Mono

Auth & onboarding

2 screens
01
Sign in
Email + SSO. Single centered card.
auth Pending
02
Sign up
Account + first org, two-step on one screen.
auth Pending

Workspace

2 screens
03
Workspace home
Dashboard — setup checklist, active campaigns, recent activity, cost meter.
dashboard Pending
04
Organization settings
General / Members / Billing / API & Integrations sub-nav.
settings Pending

Brand profiles

5 screens
05
Brand profiles list
Full-page table, filter by status, new-brand CTA.
library Pending
06
New brand profile — entry
URL-crawl path vs manual fill, two-card layout.
new Pending
07
Brand profile — crawling
Async progress, step list, cancel / switch-to-manual.
crawling Pending
08a
Brand profile — review / edit · Variation A · form-led
Sectioned form (Identity · Visuals · Voice · Audience · Rules) + sticky live brand preview.
review Built
08b
Brand profile — review / edit · Variation B · preview-led
Full-bleed brand spec sheet with inline editing + floating Activate checklist.
review Built
09
Brand profile — detail
Active-profile glance view + usage sidebar + audit trail.
active Pending

Campaigns

3 screens
10
Campaigns list
Table / board toggle, filter by status + brand.
pipeline Pending
11
New campaign
Required + optional planning sections, sticky action bar.
new Pending
12
Campaign detail
Tabbed (Board / List / Settings / Analytics) — kanban by ContentItem state.
in_progress Pending

ContentItem workflow

7 screens
13
New content item
Modal — title, format, platforms, objective, advanced ideation hints.
draft_new Pending
14
Content item — shell
State-aware wrapper: stepper, metadata inspector, swappable main pane.
any Pending
15
Ideation
Topic textarea → 5 roots × 3 variations, edit cap 5/5, pick to seed draft.
ideating Pending
16
Draft editor
Version rail V1..V5, AI-assist selection rewrite, lock as final.
draft_pending Pending
17
Asset brief — pre-generation
Layout / Style / Generation / Audio / Slots sections, live cost.
draft_locked Pending
18
Asset generation — in progress
Per-slot job status, aggregate progress, cancel.
asset_generating Pending
19
Asset review
Version rail + asset grid + slot inspector, regen / finalize.
asset_review Pending

Publish

3 screens
20
Publish form
Mode (immediate / scheduled), per-platform stagger, pre-publish checks.
ready_to_publish Pending
21
Publish calendar
Month / Week / List, drag-to-reschedule, cross-platform group display.
scheduled Pending
22
Publish job — lifecycle detail
Per-job actions, attempt history, external response viewer.
any Pending
Foundation · 01
Design foundations
Archetype, IA, layout, palette, type, components — the locked decisions every screen inherits.
Foundation · 02
tokens.css
Color, type, radius, elevation, spacing — every screen imports this single file.
Foundation · 03
components.jsx
AppShell, StatePill, Button, ChipInput, Stepper, Sidebar, TopBar — exported to window.