4f: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"] 50: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"] 51:T4b0,import { AppSidebar } from "@/registry/base-vega/blocks/sidebar-16/components/app-sidebar" import { SiteHeader } from "@/registry/base-vega/blocks/sidebar-16/components/site-header" import { SidebarInset, SidebarProvider } from "@/registry/base-vega/ui/sidebar" export const iframeHeight = "800px" export const description = "A sidebar with a header and a search form." export default function Page() { return (

) } 52:T1717,"use client" import * as React from "react" import { NavMain } from "@/registry/base-vega/blocks/sidebar-16/components/nav-main" import { NavProjects } from "@/registry/base-vega/blocks/sidebar-16/components/nav-projects" import { NavSecondary } from "@/registry/base-vega/blocks/sidebar-16/components/nav-secondary" import { NavUser } from "@/registry/base-vega/blocks/sidebar-16/components/nav-user" import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem, } from "@/registry/base-vega/ui/sidebar" import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder" const data = { user: { name: "shadcn", email: "m@example.com", avatar: "/avatars/shadcn.jpg", }, 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

) } 53:T948,"use client" import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "@/registry/base-vega/ui/collapsible" import { SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarMenuAction, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, } from "@/registry/base-vega/ui/sidebar" import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder" 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} ))} ) } 54:Te88,"use client" import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "@/registry/base-vega/ui/dropdown-menu" import { SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarMenuAction, SidebarMenuButton, SidebarMenuItem, useSidebar, } from "@/registry/base-vega/ui/sidebar" import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder" 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 ) } 55:T12c0,"use client" import { Avatar, AvatarFallback, AvatarImage, } from "@/registry/base-vega/ui/avatar" import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "@/registry/base-vega/ui/dropdown-menu" import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar, } from "@/registry/base-vega/ui/sidebar" import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder" 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 ) } 56:T715,"use client" import { SearchForm } from "@/registry/base-vega/blocks/sidebar-16/components/search-form" import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "@/registry/base-vega/ui/breadcrumb" import { Button } from "@/registry/base-vega/ui/button" import { Separator } from "@/registry/base-vega/ui/separator" import { useSidebar } from "@/registry/base-vega/ui/sidebar" import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder" export function SiteHeader() { const { toggleSidebar } = useSidebar() return (

Build Your Application Data Fetching

) } 4e:["$","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,["$","$L4f",null,{"namespace":"@catalogs","registryDependencies":["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar","button","label"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"registry/base-vega/blocks/sidebar-16/page.tsx","content":"$51","type":"registry:page","target":"app/dashboard/page.tsx"},{"path":"registry/base-vega/blocks/sidebar-16/components/app-sidebar.tsx","content":"$52","type":"registry:component"},{"path":"registry/base-vega/blocks/sidebar-16/components/nav-main.tsx","content":"$53","type":"registry:component"},{"path":"registry/base-vega/blocks/sidebar-16/components/nav-projects.tsx","content":"$54","type":"registry:component"},{"path":"registry/base-vega/blocks/sidebar-16/components/nav-secondary.tsx","content":"\"use client\"\n\nimport * as React from \"react\"\n\nimport {\n SidebarGroup,\n SidebarGroupContent,\n SidebarMenu,\n SidebarMenuButton,\n SidebarMenuItem,\n} from \"@/registry/base-vega/ui/sidebar\"\n\nexport function NavSecondary({\n items,\n ...props\n}: {\n items: {\n title: string\n url: string\n icon: React.ReactNode\n }[]\n} & React.ComponentPropsWithoutRef) {\n return (\n \n \n \n {items.map((item) => (\n \n }>\n {item.icon}\n {item.title}\n \n \n ))}\n \n \n \n )\n}\n","type":"registry:component"},{"path":"registry/base-vega/blocks/sidebar-16/components/nav-user.tsx","content":"$55","type":"registry:component"},{"path":"registry/base-vega/blocks/sidebar-16/components/search-form.tsx","content":"\"use client\"\n\nimport { Label } from \"@/registry/base-vega/ui/label\"\nimport { SidebarInput } from \"@/registry/base-vega/ui/sidebar\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nexport function SearchForm({ ...props }: React.ComponentProps<\"form\">) {\n return (\n \n )\n}\n","type":"registry:component"},{"path":"registry/base-vega/blocks/sidebar-16/components/site-header.tsx","content":"$56","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]