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:T7649,"use client" import { DialogCloseIcon } from "./dialog" import { ChevronDownIcon } from "@heroicons/react/20/solid" import { createContext, use, useCallback, useEffect, useMemo, useRef, useState } from "react" import { type ButtonProps, Button as PrimitiveButton } from "react-aria-components/Button" import { composeRenderProps } from "react-aria-components/composeRenderProps" import { type DisclosurePanelProps, type DisclosureProps, Disclosure, DisclosurePanel, } from "react-aria-components/Disclosure" import { DisclosureGroup, type DisclosureGroupProps } from "react-aria-components/DisclosureGroup" import { Header } from "react-aria-components/Header" import { Heading } from "react-aria-components/Heading" import { type LinkProps, type LinkRenderProps } from "react-aria-components/Link" import { type NavigationTreeItemContentProps, type NavigationTreeItemProps, type NavigationTreeProps, NavigationTree, NavigationTreeItem, NavigationTreeItemContent, } from "react-aria-components/NavigationTree" import { Separator, type SeparatorProps } from "react-aria-components/Separator" import { cn } from "cn" import { Sheet } from "@/components/ui/sheet" import { TreeIndicator } from "@/components/ui/tree" import { useIsMobile } from "@/hooks/use-mobile" import { cx } from "@/lib/primitive" import { Button } from "./button" import { Link } from "./link" import { TooltipTrigger, Tooltip } from "./tooltip" const SIDEBAR_WIDTH = "17rem" const SIDEBAR_WIDTH_DOCK = "3.25rem" const SIDEBAR_COOKIE_NAME = "sidebar_state" const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7 export type SidebarContextProps = { state: "expanded" | "collapsed" open: boolean setOpen: (open: boolean) => void isOpenOnMobile: boolean setIsOpenOnMobile: (open: boolean) => void isMobile: boolean toggleSidebar: () => void } const SidebarContext = createContext(null) export function useSidebar() { const context = use(SidebarContext) if (!context) { throw new Error("useSidebar must be used within a SidebarProvider.") } return context } export interface SidebarProviderProps extends React.ComponentProps<"div"> { defaultOpen?: boolean isOpen?: boolean shortcut?: string onOpenChange?: (open: boolean) => void } export function SidebarProvider({ defaultOpen = true, isOpen: openProp, onOpenChange: setOpenProp, className, style, children, shortcut = "b", ref, ...props }: SidebarProviderProps) { const [openMobile, setOpenMobile] = useState(false) const [internalOpenState, setInternalOpenState] = useState(defaultOpen) const open = openProp ?? internalOpenState const setOpen = useCallback( (value: boolean | ((value: boolean) => boolean)) => { const openState = typeof value === "function" ? value(open) : value if (setOpenProp) { setOpenProp(openState) } else { setInternalOpenState(openState) } document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}` }, [setOpenProp, open] ) const isMobile = useIsMobile() const isMobileRef = useRef(isMobile) isMobileRef.current = isMobile const toggleSidebar = useCallback(() => { if (isMobileRef.current) { setOpenMobile((prev) => !prev) } else { setOpen((prev) => !prev) } }, [setOpen]) useEffect(() => { const handleKeyDown = (event: KeyboardEvent) => { if (event.key === shortcut && (event.metaKey || event.ctrlKey)) { const activeElement = document.activeElement const isInTextInput = activeElement instanceof HTMLInputElement || activeElement instanceof HTMLTextAreaElement || activeElement?.getAttribute("contenteditable") === "true" || activeElement?.getAttribute("role") === "textbox" if (!isInTextInput) { event.preventDefault() toggleSidebar() } } } window.addEventListener("keydown", handleKeyDown) return () => window.removeEventListener("keydown", handleKeyDown) }, [toggleSidebar, shortcut]) const state = isMobile || open ? "expanded" : "collapsed" const contextValue = useMemo( () => ({ state, open, setOpen, isMobile: isMobile ?? false, isOpenOnMobile: openMobile, setIsOpenOnMobile: setOpenMobile, toggleSidebar, }), [state, open, setOpen, isMobile, openMobile, toggleSidebar] ) if (isMobile === undefined) { return null } return (

{children}

) } export interface SidebarProps extends React.ComponentProps<"div"> { intent?: "default" | "float" | "inset" collapsible?: "hidden" | "dock" | "none" side?: "left" | "right" closeButton?: boolean } export function Sidebar({ children, closeButton = true, collapsible = "hidden", side = "left", intent = "default", className, ...props }: SidebarProps) { const { isMobile, state, isOpenOnMobile, setIsOpenOnMobile } = useSidebar() if (collapsible === "none") { return (

{children}

) } if (isMobile) { return ( <> Sidebar {children} {closeButton && } ) } return (

) } export function SidebarHeader({ className, ref, ...props }: React.ComponentProps<"div">) { const { state } = useSidebar() return (

) } export function SidebarFooter({ className, ...props }: React.ComponentProps<"div">) { return (

) } export function SidebarContent({ className, ...props }: React.ComponentProps<"div">) { const { state } = useSidebar() const [isAtBottom, setIsAtBottom] = useState(false) const ref = useRef(null) useEffect(() => { const el = ref.current if (!el) return const check = () => { const atBottom = el.scrollHeight - el.scrollTop - el.clientHeight < 1 setIsAtBottom(atBottom) } check() el.addEventListener("scroll", check, { passive: true }) const observer = new ResizeObserver(check) observer.observe(el) return () => { el.removeEventListener("scroll", check) observer.disconnect() } }, []) return (

{props.children}

) } export function SidebarSectionGroup({ className, ...props }: React.ComponentProps<"section">) { const { state, isMobile } = useSidebar() const collapsed = state === "collapsed" && !isMobile return (

) } export interface SidebarSectionProps extends React.ComponentProps<"div"> { label?: string } export function SidebarSection({ className, ...props }: SidebarSectionProps) { const { state } = useSidebar() return (

{state !== "collapsed" && "label" in props && (

{props.label}

)}

{props.children}

) } export interface SidebarItemProps extends Omit, "children"> { isCurrent?: boolean children?: | React.ReactNode | (( values: LinkRenderProps & { defaultChildren: React.ReactNode; isCollapsed: boolean } ) => React.ReactNode) tooltip?: string | React.ComponentProps } export function SidebarItem({ isCurrent, tooltip, children, className, ref, ...props }: SidebarItemProps) { const { state, isMobile } = useSidebar() const isCollapsed = state === "collapsed" && !isMobile const link = ( cn( "w-full min-w-0 items-center rounded-lg p-2 text-start font-medium text-base/6 text-sidebar-foreground has-[a]:p-0", "group/sidebar-item relative col-span-full overflow-hidden focus-visible:outline-hidden", "grid grid-cols-[auto_1fr_1.5rem_0.5rem_auto] supports-[grid-template-columns:subgrid]:grid-cols-subgrid sm:text-sm/5 **:last:[svg]:ms-auto", // icon "[&_svg:not([class*='size-'])]:size-5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground **:[svg]:shrink-0", "**:last:[svg]:size-5 sm:**:last:[svg]:size-4", "[&:has(svg+[data-slot=sidebar-label])_svg:has(+[data-slot=sidebar-label])]:me-2", // avatar "**:data-[slot=avatar]:[--avatar-size:--spacing(5)]", "[&:has([data-slot=avatar]+[data-slot=sidebar-label])_[data-slot=avatar]:has(+[data-slot=sidebar-label])]:me-2", "[--sidebar-current-background:var(--color-sidebar-primary)] [--sidebar-current-foreground:var(--color-sidebar-primary-foreground)]", isCurrent && "font-medium text-(--sidebar-current-foreground) hover:bg-(--sidebar-current-background) hover:text-(--sidebar-current-foreground) [&_.text-muted-foreground]:text-foreground/80 [&_svg:not([class*='text-'])]:text-(--sidebar-current-foreground) hover:[&_svg:not([class*='text-'])]:text-(--sidebar-current-foreground)", isFocusVisible && "inset-ring inset-ring-sidebar-ring outline-hidden", isPressed && "bg-sidebar-accent text-sidebar-accent-foreground [&_svg:not([class*='text-'])]:text-sidebar-accent-foreground", isHovered && "bg-sidebar-accent text-sidebar-accent-foreground [&_svg:not([class*='text-'])]:text-sidebar-accent-foreground", isDisabled && "opacity-50", className ) )} {...props} > {(values) => ( <>{typeof children === "function" ? children({ ...values, isCollapsed }) : children} )} ) if (typeof tooltip === "string") { tooltip = { children: tooltip, } } return ( {link} ) } export function SidebarBadge({ className, ...props }: React.ComponentProps<"span">) { const { state, isMobile } = useSidebar() if (state === "collapsed" && !isMobile) { return ( ) } return ( ) } export interface SidebarLinkProps extends LinkProps { ref?: React.RefObject } export function SidebarLink({ className, ref, ...props }: SidebarLinkProps) { return ( ) } export function SidebarInset({ className, ref, ...props }: React.ComponentProps<"main">) { return (

) } export type SidebarDisclosureGroupProps = DisclosureGroupProps export function SidebarDisclosureGroup({ allowsMultipleExpanded = true, className, ...props }: SidebarDisclosureGroupProps) { return ( ) } export interface SidebarDisclosureProps extends DisclosureProps { ref?: React.Ref } export function SidebarDisclosure({ className, ref, ...props }: SidebarDisclosureProps) { const { state } = useSidebar() return ( ) } export interface SidebarDisclosureTriggerProps extends ButtonProps { ref?: React.Ref } export function SidebarDisclosureTrigger({ className, ref, ...props }: SidebarDisclosureTriggerProps) { const { state } = useSidebar() return ( cn( "flex w-full min-w-0 items-center rounded-lg text-start font-medium text-base/6 text-sidebar-foreground", "group/sidebar-disclosure-trigger relative col-span-full overflow-hidden focus-visible:outline-hidden", "**:[svg]:size-5 **:[svg]:shrink-0 **:[svg]:text-muted-foreground sm:**:[svg]:size-4", "**:last:[svg]:size-5 sm:**:last:[svg]:size-4", "**:data-[slot=avatar]:size-6 sm:**:data-[slot=avatar]:size-5", "col-span-full gap-3 p-2 **:data-[slot=chevron]:text-muted-foreground sm:gap-2 sm:text-sm/5 **:last:[svg]:ms-auto", isFocusVisible && "inset-ring inset-ring-ring/70", (isPressed || isHovered) && "bg-sidebar-accent text-sidebar-accent-foreground **:data-[slot=chevron]:text-sidebar-accent-foreground **:[svg]:text-sidebar-accent-foreground **:last:[svg]:text-sidebar-accent-foreground", isDisabled && "opacity-50", className ) )} {...props} > {(values) => ( <> {typeof props.children === "function" ? props.children(values) : props.children} {state !== "collapsed" && ( )} )} ) } export function SidebarDisclosurePanel({ className, ...props }: DisclosurePanelProps) { return (

{props.children}

) } export function SidebarSeparator({ className, ...props }: SeparatorProps) { return ( ) } export function SidebarTrigger({ onPress, className, children, ...props }: React.ComponentProps) { const { toggleSidebar } = useSidebar() return ( ) } export function SidebarRail({ className, ref, ...props }: React.ComponentProps<"button">) { const { toggleSidebar } = useSidebar() return !props.children ? (