feat: complete marketing command center with pipeline, UI, and asset generation

- Dashboard with campaign management, asset gallery, and publishing queue
- 7-agent pipeline: trend scout, research, scripts, ad creative, video, copy, distribution
- Campaign form with screenshot upload, goal picker, platform selection
- Campaign detail view with Details/Pipeline/Assets/Chat tabs
- Two-set image generation: Gemini AI (NanoBanana MCP) + Canvas Design posters
- Remotion video rendering with phone.png frame and real screenshot alignment
- honeyDue branding: blue #0079FF, orange #FF9400, Inter font, warm off-white
- Asset cards with source badges (Gemini/Canvas/Remotion/Playwright)
- Markdown/JSON render endpoint for viewing pipeline outputs as HTML
- Settings page with Tavily, Gemini, Postiz, Nextdoor integration management
- Claude Chat for campaign feedback loop with streaming SSE
- Postiz publishing modal with scheduling
- Auth with NextAuth credentials + JWT sessions
- SQLite via Prisma with better-sqlite3 adapter

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Trey t
2026-03-23 21:05:26 -05:00
parent 6b08cfb73a
commit 66c2bbec8b
113 changed files with 12741 additions and 138 deletions
+59 -58
View File
@@ -48,73 +48,74 @@
--radius-4xl: calc(var(--radius) * 2.6);
}
/* honeyDue palette — #0079FF blue primary, #FF9400 orange accent */
:root {
--background: oklch(1 0 0);
--foreground: oklch(0.145 0 0);
--background: oklch(0.98 0.002 90);
--foreground: oklch(0.17 0.02 260);
--card: oklch(1 0 0);
--card-foreground: oklch(0.145 0 0);
--card-foreground: oklch(0.17 0.02 260);
--popover: oklch(1 0 0);
--popover-foreground: oklch(0.145 0 0);
--primary: oklch(0.205 0 0);
--primary-foreground: oklch(0.985 0 0);
--secondary: oklch(0.97 0 0);
--secondary-foreground: oklch(0.205 0 0);
--muted: oklch(0.97 0 0);
--muted-foreground: oklch(0.556 0 0);
--accent: oklch(0.97 0 0);
--accent-foreground: oklch(0.205 0 0);
--popover-foreground: oklch(0.17 0.02 260);
--primary: oklch(0.55 0.22 255);
--primary-foreground: oklch(1 0 0);
--secondary: oklch(0.95 0.01 90);
--secondary-foreground: oklch(0.17 0.02 260);
--muted: oklch(0.955 0.008 90);
--muted-foreground: oklch(0.50 0.02 260);
--accent: oklch(0.72 0.17 62);
--accent-foreground: oklch(1 0 0);
--destructive: oklch(0.577 0.245 27.325);
--border: oklch(0.922 0 0);
--input: oklch(0.922 0 0);
--ring: oklch(0.708 0 0);
--chart-1: oklch(0.87 0 0);
--chart-2: oklch(0.556 0 0);
--chart-3: oklch(0.439 0 0);
--chart-4: oklch(0.371 0 0);
--chart-5: oklch(0.269 0 0);
--radius: 0.625rem;
--sidebar: oklch(0.985 0 0);
--sidebar-foreground: oklch(0.145 0 0);
--sidebar-primary: oklch(0.205 0 0);
--sidebar-primary-foreground: oklch(0.985 0 0);
--sidebar-accent: oklch(0.97 0 0);
--sidebar-accent-foreground: oklch(0.205 0 0);
--sidebar-border: oklch(0.922 0 0);
--sidebar-ring: oklch(0.708 0 0);
--border: oklch(0.91 0.008 90);
--input: oklch(0.91 0.008 90);
--ring: oklch(0.55 0.22 255);
--chart-1: oklch(0.55 0.22 255);
--chart-2: oklch(0.72 0.17 62);
--chart-3: oklch(0.65 0.20 145);
--chart-4: oklch(0.55 0.17 27);
--chart-5: oklch(0.60 0.18 290);
--radius: 0.75rem;
--sidebar: oklch(0.99 0.002 90);
--sidebar-foreground: oklch(0.17 0.02 260);
--sidebar-primary: oklch(0.55 0.22 255);
--sidebar-primary-foreground: oklch(1 0 0);
--sidebar-accent: oklch(0.94 0.03 255);
--sidebar-accent-foreground: oklch(0.35 0.15 255);
--sidebar-border: oklch(0.91 0.008 90);
--sidebar-ring: oklch(0.55 0.22 255);
}
.dark {
--background: oklch(0.145 0 0);
--foreground: oklch(0.985 0 0);
--card: oklch(0.205 0 0);
--card-foreground: oklch(0.985 0 0);
--popover: oklch(0.205 0 0);
--popover-foreground: oklch(0.985 0 0);
--primary: oklch(0.922 0 0);
--primary-foreground: oklch(0.205 0 0);
--secondary: oklch(0.269 0 0);
--secondary-foreground: oklch(0.985 0 0);
--muted: oklch(0.269 0 0);
--muted-foreground: oklch(0.708 0 0);
--accent: oklch(0.269 0 0);
--accent-foreground: oklch(0.985 0 0);
--background: oklch(0.16 0.02 260);
--foreground: oklch(0.96 0.005 90);
--card: oklch(0.21 0.02 260);
--card-foreground: oklch(0.96 0.005 90);
--popover: oklch(0.21 0.02 260);
--popover-foreground: oklch(0.96 0.005 90);
--primary: oklch(0.62 0.22 255);
--primary-foreground: oklch(1 0 0);
--secondary: oklch(0.26 0.02 260);
--secondary-foreground: oklch(0.96 0.005 90);
--muted: oklch(0.26 0.02 260);
--muted-foreground: oklch(0.65 0.02 260);
--accent: oklch(0.72 0.17 62);
--accent-foreground: oklch(1 0 0);
--destructive: oklch(0.704 0.191 22.216);
--border: oklch(1 0 0 / 10%);
--border: oklch(1 0 0 / 12%);
--input: oklch(1 0 0 / 15%);
--ring: oklch(0.556 0 0);
--chart-1: oklch(0.87 0 0);
--chart-2: oklch(0.556 0 0);
--chart-3: oklch(0.439 0 0);
--chart-4: oklch(0.371 0 0);
--chart-5: oklch(0.269 0 0);
--sidebar: oklch(0.205 0 0);
--sidebar-foreground: oklch(0.985 0 0);
--sidebar-primary: oklch(0.488 0.243 264.376);
--sidebar-primary-foreground: oklch(0.985 0 0);
--sidebar-accent: oklch(0.269 0 0);
--sidebar-accent-foreground: oklch(0.985 0 0);
--sidebar-border: oklch(1 0 0 / 10%);
--sidebar-ring: oklch(0.556 0 0);
--ring: oklch(0.62 0.22 255);
--chart-1: oklch(0.62 0.22 255);
--chart-2: oklch(0.72 0.17 62);
--chart-3: oklch(0.65 0.20 145);
--chart-4: oklch(0.55 0.17 27);
--chart-5: oklch(0.60 0.18 290);
--sidebar: oklch(0.19 0.02 260);
--sidebar-foreground: oklch(0.96 0.005 90);
--sidebar-primary: oklch(0.62 0.22 255);
--sidebar-primary-foreground: oklch(1 0 0);
--sidebar-accent: oklch(0.28 0.04 255);
--sidebar-accent-foreground: oklch(0.85 0.10 255);
--sidebar-border: oklch(1 0 0 / 12%);
--sidebar-ring: oklch(0.62 0.22 255);
}
@layer base {