Step-by-Step Tutorial

What This Does

Turns a basic content dashboard into a full lifecycle tracker. Posts/comments/DMs flow through status stages (draft → approved → posted), get grouped by week, and show up in filterable pills. Plus you get a “this week” stats row showing what actually shipped.

The Prompt

Add status flow tracking to the Britt HQ dashboard:
- Posts: draft → approved → posted
- Engagement: pending → approved → commented
- Outreach: to_send → approved → sent → connected

Add filter pills for each status, weekly tracking for all three columns, and reorganize the layout so items needing review are in row 1 and "this week" stats are in row 2.

What Claude Does

  1. Defines status flows for each content type
  2. Writes ISO week calculation function to group items by week
  3. Adds filter pill UI with click handlers
  4. Creates status badge components with color coding
  5. Builds weekly stats cards (counts items that reached final status this week)
  6. Reorganizes dashboard: actionable items top row, progress metrics bottom row
  7. Tests status transitions by changing markdown files

The tricky part: engagement uses checkbox syntax (- [x]), outreach uses section headers (## Sent), but posts use inline tags ([draft]). Had to normalize all three into a unified status model.