50: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/3j06ow7w40nxu.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"] 51: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/3j06ow7w40nxu.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"] 52:T7653,'use client'; import * as CollapsiblePrimitive from '@radix-ui/react-collapsible'; import { Slot } from '@radix-ui/react-slot'; import { Check, ChevronDown, Command, Lock, PanelLeft, Plus, Search } from 'lucide-react'; import * as React from 'react'; import { cn } from '@/lib/utils'; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from '@/components/ui/dropdown-menu'; import { useLabels, usePreset } from '@/components/ui/labels-context'; // Inset-style app sidebar (Attio pattern, workload.zero `zero` theme): the sidebar sits on the // canvas color, the page content is a rounded panel (`SidebarInset`) with a 1px border. // // Colors come exclusively from the `sidebar-*` and `product-*` token families shipped in // the design tokens (`styles/theme.css`, zero theme and every other theme): // bg-sidebar-background, text-sidebar-foreground, bg-sidebar-accent, // text-sidebar-accent-foreground, border-sidebar-border, ring-sidebar-ring, // bg-product--default, text-product--on. // Never hardcode hex/palette values here. Sizes follow the V9 reference design // (workload.zero dashboard prototype, variant v9); house rule: no `.5` // Tailwind steps, use arbitrary px values instead. /* ------------------------------------------------------------------------------------------------- * Context * -----------------------------------------------------------------------------------------------*/ // `hide` removes the sidebar when collapsed (default). `rail` keeps a 56px icon-only rail. type SidebarCollapsedMode = 'hide' | 'rail'; type SidebarContextValue = { collapsed: boolean; setCollapsed: (collapsed: boolean) => void; toggle: () => void; sidebarId: string; collapsedMode: SidebarCollapsedMode; }; const SidebarContext = React.createContext(null); function useSidebar() { const context = React.useContext(SidebarContext); if (!context) throw new Error('useSidebar must be used within or .'); return context; } /* ------------------------------------------------------------------------------------------------- * Layout * -----------------------------------------------------------------------------------------------*/ interface SidebarProviderProps { /** Controlled collapsed state. */ collapsed?: boolean; /** Initial collapsed state when uncontrolled. */ defaultCollapsed?: boolean; onCollapsedChange?: (collapsed: boolean) => void; /** What collapsing does: `hide` (default) removes the sidebar, `rail` keeps an icon-only 56px rail. */ collapsedMode?: SidebarCollapsedMode; children?: React.ReactNode; } // Collapse state for Sidebar, SidebarTrigger and useSidebar without any wrapper element. Use it when the app owns the page layout // (SidebarLayout adds a min-h-screen flex wrapper around the same provider). function SidebarProvider({ collapsed: collapsedProp, defaultCollapsed = false, onCollapsedChange, collapsedMode = 'hide', children }: SidebarProviderProps) { const [uncontrolled, setUncontrolled] = React.useState(defaultCollapsed); const collapsed = collapsedProp ?? uncontrolled; const sidebarId = React.useId(); const setCollapsed = React.useCallback( (next: boolean) => { if (collapsedProp === undefined) setUncontrolled(next); onCollapsedChange?.(next); }, [collapsedProp, onCollapsedChange], ); const value = React.useMemo( () => ({ collapsed, setCollapsed, toggle: () => setCollapsed(!collapsed), sidebarId, collapsedMode }), [collapsed, setCollapsed, sidebarId, collapsedMode], ); return {children}; } const SidebarLayoutFrame = React.forwardRef>(({ className, ...props }, ref) => { const { collapsed } = useSidebar(); return (

); }); SidebarLayoutFrame.displayName = 'SidebarLayoutFrame'; interface SidebarLayoutProps extends React.HTMLAttributes, Omit {} const SidebarLayout = React.forwardRef( ({ className, collapsed, defaultCollapsed, onCollapsedChange, collapsedMode, children, ...props }, ref) => ( {children} ), ); SidebarLayout.displayName = 'SidebarLayout'; // `sticky` (default) pins to the viewport at full height inside SidebarLayout. `fixed` docks to the left edge below the TopBar // (top-topbar to the bottom). `static` leaves position and height to the parent. type SidebarPosition = 'sticky' | 'fixed' | 'static'; const sidebarPositionClasses: Record = { sticky: 'sticky top-0 h-screen', fixed: 'fixed bottom-0 left-0 top-topbar z-chrome', static: 'relative', }; interface SidebarProps extends React.HTMLAttributes { /** How the sidebar is positioned. Default `sticky` is unchanged. */ position?: SidebarPosition; } const Sidebar = React.forwardRef( ({ className, position = 'sticky', 'aria-label': ariaLabelProp, ...props }, ref) => { const l = useLabels(); const ariaLabel = ariaLabelProp ?? l.sidebarMainMenu; // Works inside SidebarLayout (collapse state) and standalone (always expanded). const fallbackId = React.useId(); const context = React.useContext(SidebarContext); const collapsed = context?.collapsed ?? false; const sidebarId = context?.sidebarId ?? fallbackId; const collapsedMode = context?.collapsedMode ?? 'hide'; const rail = collapsed && collapsedMode === 'rail'; const zero = usePreset() === 'zero'; return (