4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1o6_421saitt-.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1o6_421saitt-.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:T407,import { AppSidebar } from "@/components/app-sidebar"; import { SiteHeader } from "@/components/site-header"; import { SidebarInset, SidebarProvider, } from "@/components/ui/sidebar"; export const iframeHeight = "800px"; export const description = "A sidebar with a header and a search form."; export default function Page() { return (

); } 51:Tcfd,"use client"; import { BookOpenIcon, BotIcon, FrameIcon, LifeBuoyIcon, MapIcon, PieChartIcon, SendIcon, Settings2Icon, TerminalIcon, TerminalSquareIcon, } from "lucide-react"; import type * as React from "react"; import { NavMain } from "@/components/nav-main"; import { NavProjects } from "@/components/nav-projects"; import { NavSecondary } from "@/components/nav-secondary"; import { NavUser } from "@/components/nav-user"; import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem, } from "@/components/ui/sidebar"; const data = { user: { name: "Maqed", email: "maqed@example.com", avatar: "https://github.com/maqed.png", }, navMain: [ { title: "Playground", url: "#", icon: , isActive: true, items: [ { title: "History", url: "#", }, { title: "Starred", url: "#", }, { title: "Settings", url: "#", }, ], }, { title: "Models", url: "#", icon: , items: [ { title: "Genesis", url: "#", }, { title: "Explorer", url: "#", }, { title: "Quantum", url: "#", }, ], }, { title: "Documentation", url: "#", icon: , items: [ { title: "Introduction", url: "#", }, { title: "Get Started", url: "#", }, { title: "Tutorials", url: "#", }, { title: "Changelog", url: "#", }, ], }, { title: "Settings", url: "#", icon: , items: [ { title: "General", url: "#", }, { title: "Team", url: "#", }, { title: "Billing", url: "#", }, { title: "Limits", url: "#", }, ], }, ], navSecondary: [ { title: "Support", url: "#", icon: , }, { title: "Feedback", url: "#", icon: , }, ], projects: [ { name: "Design Engineering", url: "#", icon: , }, { name: "Sales & Marketing", url: "#", icon: , }, { name: "Travel", url: "#", icon: , }, ], }; export function AppSidebar({ ...props }: React.ComponentProps) { return ( }>

Acme Inc Enterprise

); } 52:T6dd,"use client"; import { ChevronRightIcon } from "lucide-react"; import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "@/components/ui/collapsible"; import { SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarMenuAction, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, } from "@/components/ui/sidebar"; export function NavMain({ items, }: { items: { title: string; url: string; icon: React.ReactNode; isActive?: boolean; items?: { title: string; url: string; }[]; }[]; }) { return ( Platform {items.map((item) => ( } > } > {item.icon} {item.title} {item.items?.length ? ( <> } className="aria-expanded:rotate-90" > Toggle {item.items?.map((subItem) => ( }> {subItem.title} ))} ) : null} ))} ); } 53:T83f,"use client"; import { FolderIcon, MoreHorizontalIcon, ShareIcon, Trash2Icon, } from "lucide-react"; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu"; import { SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarMenuAction, SidebarMenuButton, SidebarMenuItem, useSidebar, } from "@/components/ui/sidebar"; export function NavProjects({ projects, }: { projects: { name: string; url: string; icon: React.ReactNode; }[]; }) { const { isMobile } = useSidebar(); return ( Projects {projects.map((item) => ( }> {item.icon} {item.name} } > More View Project Share Project Delete Project ))} More ); } 54:Tb3d,"use client"; import { BadgeCheckIcon, BellIcon, ChevronsUpDownIcon, CreditCardIcon, LogOutIcon, SparklesIcon, } from "lucide-react"; import { Avatar, AvatarFallback, AvatarImage, } from "@/components/ui/avatar"; import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu"; import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar, } from "@/components/ui/sidebar"; export function NavUser({ user, }: { user: { name: string; email: string; avatar: string; }; }) { const { isMobile } = useSidebar(); return ( } > CN

{user.name} {user.email}

Upgrade to Pro Account Billing Notifications Log out ); } 55:T564,"use client"; import { PanelLeftIcon } from "lucide-react"; import { SearchForm } from "@/components/search-form"; import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "@/components/ui/breadcrumb"; import { Button } from "@/components/ui/button"; import { Separator } from "@/components/ui/separator"; import { useSidebar } from "@/components/ui/sidebar"; export function SiteHeader() { const { toggleSidebar } = useSidebar(); return (

Build Your Application Data Fetching

); } 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L4e",null,{"namespace":"@herocn","registryDependencies":["@herocn/sidebar","@herocn/breadcrumb","@herocn/separator","@herocn/collapsible","@herocn/dropdown-menu","@herocn/avatar","@herocn/button","@herocn/label"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"page.tsx","content":"$50","type":"registry:page","target":"app/dashboard/page.tsx"},{"path":"components/app-sidebar.tsx","content":"$51","type":"registry:component","target":"components/app-sidebar.tsx"},{"path":"components/nav-main.tsx","content":"$52","type":"registry:component","target":"components/nav-main.tsx"},{"path":"components/nav-projects.tsx","content":"$53","type":"registry:component","target":"components/nav-projects.tsx"},{"path":"components/nav-secondary.tsx","content":"\"use client\";\n\nimport type * as React from \"react\";\n\nimport {\n\tSidebarGroup,\n\tSidebarGroupContent,\n\tSidebarMenu,\n\tSidebarMenuButton,\n\tSidebarMenuItem,\n} from \"@/components/ui/sidebar\";\n\nexport function NavSecondary({\n\titems,\n\t...props\n}: {\n\titems: {\n\t\ttitle: string;\n\t\turl: string;\n\t\ticon: React.ReactNode;\n\t}[];\n} & React.ComponentPropsWithoutRef) {\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{items.map((item) => (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\t\t{item.icon}\n\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t))}\n\t\t\t\t\n\t\t\t\n\t\t\n\t);\n}\n","type":"registry:component","target":"components/nav-secondary.tsx"},{"path":"components/nav-user.tsx","content":"$54","type":"registry:component","target":"components/nav-user.tsx"},{"path":"components/search-form.tsx","content":"\"use client\";\nimport { Label } from \"@/components/ui/label\";\nimport { SidebarInput } from \"@/components/ui/sidebar\";\n\nexport function SearchForm({ ...props }: React.ComponentProps<\"form\">) {\n\treturn (\n\t\t\n\t);\n}\n","type":"registry:component","target":"components/search-form.tsx"},{"path":"components/site-header.tsx","content":"$55","type":"registry:component","target":"components/site-header.tsx"}],"className":"h-[70svh] min-h-80"}]]}]