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/2ntfcxrkfxczh.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/2ntfcxrkfxczh.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:T6ca,import { AppSidebar } from "@/components/app-sidebar"; import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "@/components/ui/breadcrumb"; import { Separator } from "@/components/ui/separator"; import { SidebarInset, SidebarProvider, SidebarTrigger, } from "@/components/ui/sidebar"; export default function Page() { return (

Build Your Application Data Fetching

); } 52:Tadf,"use client"; import { AudioLinesIcon, BookOpenIcon, BotIcon, FrameIcon, GalleryVerticalEndIcon, MapIcon, PieChartIcon, 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 { NavUser } from "@/components/nav-user"; import { TeamSwitcher } from "@/components/team-switcher"; import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarRail, } from "@/components/ui/sidebar"; // This is sample data. const data = { user: { name: "Maqed", email: "maqed@example.com", avatar: "https://github.com/maqed.png", }, teams: [ { name: "Acme Inc", logo: , plan: "Enterprise", }, { name: "Acme Corp.", logo: , plan: "Startup", }, { name: "Evil Corp.", logo: , plan: "Free", }, ], 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: "#", }, ], }, ], projects: [ { name: "Design Engineering", url: "#", icon: , }, { name: "Sales & Marketing", url: "#", icon: , }, { name: "Travel", url: "#", icon: , }, ], }; export function AppSidebar({ ...props }: React.ComponentProps) { return ( ); } 53:T621,"use client"; import { ChevronRightIcon } from "lucide-react"; import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "@/components/ui/collapsible"; import { SidebarGroup, SidebarGroupLabel, SidebarMenu, 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?.map((subItem) => ( }> {subItem.title} ))} ))} ); } 54:T861,"use client"; import { ArrowRightIcon, FolderIcon, MoreHorizontalIcon, 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 ); } 55:Tae7,"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 ); } 56:Ta67,"use client"; import { ChevronsUpDownIcon, PlusIcon } from "lucide-react"; import * as React from "react"; import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu"; import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar, } from "@/components/ui/sidebar"; export function TeamSwitcher({ teams, }: { teams: { name: string; logo: React.ReactNode; plan: string; }[]; }) { const { isMobile } = useSidebar(); const [activeTeam, setActiveTeam] = React.useState(teams[0]); if (!activeTeam) { return null; } return ( } >

{activeTeam.logo}

{activeTeam.name} {activeTeam.plan}

Teams {teams.map((team, index) => ( setActiveTeam(team)} className="gap-2 p-2" >

{team.logo}

{team.name} ⌘{index + 1} ))}

Add team

); } 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":"@herocn","registryDependencies":["@herocn/sidebar","@herocn/breadcrumb","@herocn/separator","@herocn/collapsible","@herocn/dropdown-menu","@herocn/avatar"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"page.tsx","content":"$51","type":"registry:page","target":"app/dashboard/page.tsx"},{"path":"components/app-sidebar.tsx","content":"$52","type":"registry:component","target":"components/app-sidebar.tsx"},{"path":"components/nav-main.tsx","content":"$53","type":"registry:component","target":"components/nav-main.tsx"},{"path":"components/nav-projects.tsx","content":"$54","type":"registry:component","target":"components/nav-projects.tsx"},{"path":"components/nav-user.tsx","content":"$55","type":"registry:component","target":"components/nav-user.tsx"},{"path":"components/team-switcher.tsx","content":"$56","type":"registry:component","target":"components/team-switcher.tsx"}],"className":"h-[70svh] min-h-80"}]]}]