"use client";

import { usePathname } from "next/navigation";
import type { User } from "next-auth";
import { AppSidebar } from "@/components/app-sidebar";
import { TopNavbar } from "@/components/top-navbar";
import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar";

type CustomLink = {
  id: string;
  name: string;
  url: string;
  order: number;
  toolboxGroup: number;
};

type TutorialVideo = {
  id: string;
  title: string;
  videoUrl: string;
  coverUrl: string | null;
  description: string | null;
  order: number;
};

type ChatShellProps = {
  children: React.ReactNode;
  user?: User;
  isCollapsed: boolean;
  homeVariant: "classic" | "lovart";
  siteName: string;
  siteLogo?: string;
  siteLogoDark?: string;
  isAdmin: boolean;
  settingsHref?: string | null;
  customLinks: CustomLink[];
  toolbox1Name: string;
  toolbox1Enabled: boolean;
  toolbox2Name: string;
  toolbox2Enabled: boolean;
  tutorialVideos: TutorialVideo[];
  tutorialEnabled: boolean;
  rankingEnabled: boolean;
  productPlanningEnabled: boolean;
  agentEnabled: boolean;
  videoCanvasEnabled: boolean;
};

export function ChatShell({
  children,
  user,
  isCollapsed,
  homeVariant,
  siteName,
  siteLogo,
  siteLogoDark,
  isAdmin,
  settingsHref = null,
  customLinks,
  toolbox1Name,
  toolbox1Enabled,
  toolbox2Name,
  toolbox2Enabled,
  tutorialVideos,
  tutorialEnabled,
  rankingEnabled,
  productPlanningEnabled,
  agentEnabled,
  videoCanvasEnabled,
}: ChatShellProps) {
  const pathname = usePathname();
  const isLovartHome = pathname === "/" && homeVariant === "lovart";
  const isAiCadWorkspace = pathname === "/ai-cad";
  const isFlowBoardWorkspace = pathname === "/flow-board";

  if (isLovartHome) {
    return <div className="h-svh w-full overflow-y-auto">{children}</div>;
  }

  if (isAiCadWorkspace || isFlowBoardWorkspace) {
    return <div className="h-svh w-full overflow-hidden">{children}</div>;
  }

  return (
    <SidebarProvider defaultOpen={!isCollapsed}>
      <TopNavbar
        agentEnabled={agentEnabled}
        customLinks={customLinks}
        isAdmin={isAdmin}
        productPlanningEnabled={productPlanningEnabled}
        rankingEnabled={rankingEnabled}
        settingsHref={settingsHref}
        siteLogo={siteLogo}
        siteLogoDark={siteLogoDark}
        siteName={siteName}
        toolbox1Enabled={toolbox1Enabled}
        toolbox1Name={toolbox1Name}
        toolbox2Enabled={toolbox2Enabled}
        toolbox2Name={toolbox2Name}
        tutorialEnabled={tutorialEnabled}
        tutorialVideos={tutorialVideos}
        videoCanvasEnabled={videoCanvasEnabled}
      />
      <div className="flex h-svh w-full overflow-hidden pl-16 [--sidebar-offset:4rem]">
        <AppSidebar user={user} />
        <SidebarInset className="h-full">{children}</SidebarInset>
      </div>
    </SidebarProvider>
  );
}