Skip to content

feat(revamp/phase-1): Phase 1 UI Shell — 18 routes with mock data#12

Merged
parva3105 merged 2 commits intomasterfrom
revamp/phase-1
Mar 21, 2026
Merged

feat(revamp/phase-1): Phase 1 UI Shell — 18 routes with mock data#12
parva3105 merged 2 commits intomasterfrom
revamp/phase-1

Conversation

@parva3105
Copy link
Copy Markdown
Owner

Summary

  • Builds the complete Phase 1 UI shell with all 18 routes using typed mock data (lib/mock/)
  • No API calls, no Clerk auth, no database — fully clickable prototype
  • Dark mode zinc/slate design, Geist Sans/Mono fonts, shadcn/ui throughout

Routes built

Agency (9 routes):

  • /dashboard — Kanban pipeline with dnd-kit drag-and-drop (8 stage columns, system-controlled stages reject drops)
  • /deals — Deal list table with stage filter + overdue toggle
  • /deals/new — Create deal form with live payout preview + inline brand creation
  • /deals/[id] — Deal detail: 4 sections (Brief, Contract, Content, Payment) + Stage Control Panel
  • /roster — Creator roster table + Add Creator Sheet
  • /brands — Brands table + Add Brand Dialog
  • /brands/[id] — Brand detail + associated deals table
  • /briefs — Brief inbox with status filter (NEW/REVIEWED/CONVERTED/DECLINED)
  • /briefs/[id] — Brief detail with Convert/Decline/Mark Reviewed actions

Creator portal (3 routes):

  • /creator/deals — My deals filtered to creator_001; shows payout only (no commission %, no deal value)
  • /creator/deals/[id] — Creator deal detail + content submission form
  • /creator/profile — Profile editor

Brand portal (1 route):

  • /briefs/new — Submit brief form + success screen

Public (4 routes):

  • / — Landing page (hero, how it works, role cards)
  • /discover — Creator directory with client-side filters
  • /creators/[handle] — Public creator profile + Partnership Request dialog
  • /agencies — Agency listing

Key features

  • lib/mock/ — 5 typed fixture files matching final Prisma model shapes exactly (Phase 2 swap: replace import with fetch())
  • lib/role-context.tsx — localStorage-based RoleSwitcher dev tool; stripped in Phase 3
  • lib/stage-transitions.client.ts — string-literal stage logic (no Prisma imports)
  • 101 passing tests (vitest)
  • TypeScript strict mode, clean build

Test plan

  • npm run dev starts without errors
  • /dashboard shows 8 Kanban columns with deals; drag-and-drop moves cards
  • /deals/deal_005 (PENDING_APPROVAL) shows Approve/Request Changes buttons
  • /creator/deals shows only creator_001 deals; no commission or deal value visible
  • /discover creator cards; platform filter works client-side
  • RoleSwitcher in header toggles sidebar nav and redirects to role home route
  • /briefs/new submit shows success screen

🤖 Generated with Claude Code

parva3105 and others added 2 commits March 20, 2026 17:29
Move app/, components/, lib/, prisma/, jobs/, emails/, proxy.ts, and
.env.example into _archive/ to clear the way for the frontend-first
revamp. Old code preserved for reference. memory.md updated to reflect
new active branch and approach.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Builds the complete Phase 1 UI shell with all pages using typed mock
data from lib/mock/. No API calls, no Clerk, no database.

Routes built:
- Agency: /dashboard (Kanban + dnd-kit), /deals, /deals/new, /deals/[id]
  /roster, /brands, /brands/[id], /briefs, /briefs/[id]
- Creator: /creator/deals, /creator/deals/[id], /creator/profile
- Brand: /briefs/new
- Public: / (landing), /discover, /creators/[handle], /agencies

Key features:
- Kanban board with drag-and-drop (system stages reject drops)
- Stage control panel with advance/reopen logic
- Deal detail: 4 sections (Brief, Contract, Content, Payment)
- Creator portal hides commission %, deal value
- RoleSwitcher dev tool (localStorage) in header
- Dark mode zinc/slate design
- All 5 lib/mock/ fixture files with exact Prisma model shapes
- 101 passing tests

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel bot commented Mar 21, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
project-alpha Error Error Mar 21, 2026 0:09am

@parva3105 parva3105 merged commit a5aa1c5 into master Mar 21, 2026
1 of 3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant