95 lines
2.3 KiB
TypeScript
95 lines
2.3 KiB
TypeScript
"use client";
|
|
|
|
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;
|
|
};
|
|
|
|
export type ChatShellChromeProps = {
|
|
children: React.ReactNode;
|
|
user?: User;
|
|
isCollapsed: boolean;
|
|
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 ChatShellChrome({
|
|
children,
|
|
user,
|
|
isCollapsed,
|
|
siteName,
|
|
siteLogo,
|
|
siteLogoDark,
|
|
isAdmin,
|
|
settingsHref = null,
|
|
customLinks,
|
|
toolbox1Name,
|
|
toolbox1Enabled,
|
|
toolbox2Name,
|
|
toolbox2Enabled,
|
|
tutorialVideos,
|
|
tutorialEnabled,
|
|
rankingEnabled,
|
|
productPlanningEnabled,
|
|
agentEnabled,
|
|
videoCanvasEnabled,
|
|
}: ChatShellChromeProps) {
|
|
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>
|
|
);
|
|
}
|