Trey t
66c2bbec8b
- 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>
54 lines
1.3 KiB
TypeScript
54 lines
1.3 KiB
TypeScript
"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>
|
|
);
|
|
}
|