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>
74 lines
2.1 KiB
TypeScript
74 lines
2.1 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { usePathname } from "next/navigation";
|
|
import {
|
|
LayoutDashboard,
|
|
Megaphone,
|
|
Image,
|
|
TrendingUp,
|
|
Calendar,
|
|
Settings,
|
|
} from "lucide-react";
|
|
import {
|
|
Sidebar,
|
|
SidebarContent,
|
|
SidebarGroup,
|
|
SidebarGroupContent,
|
|
SidebarGroupLabel,
|
|
SidebarMenu,
|
|
SidebarMenuButton,
|
|
SidebarMenuItem,
|
|
SidebarHeader,
|
|
} from "@/components/ui/sidebar";
|
|
|
|
const navItems = [
|
|
{ title: "Dashboard", href: "/", icon: LayoutDashboard },
|
|
{ title: "Campaigns", href: "/campaigns", icon: Megaphone },
|
|
{ title: "Assets", href: "/assets", icon: Image },
|
|
{ title: "Trends", href: "/trends", icon: TrendingUp },
|
|
{ title: "Queue", href: "/queue", icon: Calendar },
|
|
{ title: "Settings", href: "/settings", icon: Settings },
|
|
];
|
|
|
|
export function AppSidebar() {
|
|
const pathname = usePathname();
|
|
|
|
return (
|
|
<Sidebar>
|
|
<SidebarHeader className="border-b px-6 py-4">
|
|
<Link href="/" className="flex items-center gap-2 font-semibold">
|
|
<div className="flex h-7 w-7 items-center justify-center rounded-md bg-primary">
|
|
<Megaphone className="h-4 w-4 text-primary-foreground" />
|
|
</div>
|
|
<span>honeyDue Marketing</span>
|
|
</Link>
|
|
</SidebarHeader>
|
|
<SidebarContent>
|
|
<SidebarGroup>
|
|
<SidebarGroupLabel>Navigation</SidebarGroupLabel>
|
|
<SidebarGroupContent>
|
|
<SidebarMenu>
|
|
{navItems.map((item) => (
|
|
<SidebarMenuItem key={item.href}>
|
|
<SidebarMenuButton
|
|
render={<Link href={item.href} />}
|
|
isActive={
|
|
item.href === "/"
|
|
? pathname === "/"
|
|
: pathname.startsWith(item.href)
|
|
}
|
|
>
|
|
<item.icon className="h-4 w-4" />
|
|
<span>{item.title}</span>
|
|
</SidebarMenuButton>
|
|
</SidebarMenuItem>
|
|
))}
|
|
</SidebarMenu>
|
|
</SidebarGroupContent>
|
|
</SidebarGroup>
|
|
</SidebarContent>
|
|
</Sidebar>
|
|
);
|
|
}
|