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>
2026-03-23 21:05:26 -05:00
parent 6b08cfb73a
commit 66c2bbec8b
113 changed files with 12741 additions and 138 deletions
@@ -0,0 +1,53 @@
+"use client";
+
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { use } from "react";
+
+const tabs = [
+  { label: "Details", href: "" },
+  { label: "Pipeline", href: "/pipeline" },
+  { label: "Assets", href: "/assets" },
+  { label: "Claude Chat", href: "/chat" },
+];
+
+export default function CampaignDetailLayout({
+  children,
+  params,
+}: {
+  children: React.ReactNode;
+  params: Promise<{ id: string }>;
+}) {
+  const { id } = use(params);
+  const pathname = usePathname();
+  const basePath = `/campaigns/${id}`;
+
+  return (
+    <div className="space-y-6">
+      <nav className="flex gap-1 border-b">
+        {tabs.map((tab) => {
+          const href = `${basePath}${tab.href}`;
+          const isActive =
+            tab.href === ""
+              ? pathname === basePath
+              : pathname.startsWith(href);
+
+          return (
+            <Link
+              key={tab.label}
+              href={href}
+              className={`px-4 py-2 text-sm font-medium border-b-2 transition-colors ${
+                isActive
+                  ? "border-primary text-primary"
+                  : "border-transparent text-muted-foreground hover:text-foreground"
+              }`}
+            >
+              {tab.label}
+            </Link>
+          );
+        })}
+      </nav>
+      {children}
+    </div>
+  );
+}