@omnifyjp/ui 0.5.3 → 1.0.1

package/dist/chunk-O25D7DCP.js

@@ -1,72 +0,0 @@
-import { Separator } from '@omnifyjp/ui-components/components/separator';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-// src/components/PageContainer.tsx
-function PageContainer({
-  title,
-  subtitle,
-  extra,
-  children,
-  footer,
-  sidebar,
-  sidebarPosition = "right",
-  sidebarWidth = "w-80",
-  variant = "standard",
-  className = "",
-  contentClassName = "",
-  showHeaderSeparator = true
-}) {
-  if (variant === "full") {
-    return /* @__PURE__ */ jsxs("div", { className: `h-full flex flex-col ${className}`, children: [
-      children,
-      footer && /* @__PURE__ */ jsx("div", { className: "border-t border-border", children: footer })
-    ] });
-  }
-  if (variant === "split") {
-    return /* @__PURE__ */ jsxs("div", { className: `h-full flex flex-col ${className}`, children: [
-      (title || extra) && /* @__PURE__ */ jsx("div", { className: "px-page py-4 border-b border-border", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-          title && /* @__PURE__ */ jsx("h1", { className: "text-page-title font-semibold mb-2", children: title }),
-          subtitle && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: subtitle })
-        ] }),
-        extra && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: extra })
-      ] }) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex-1 flex overflow-hidden", children: [
-        sidebar && sidebarPosition === "left" && /* @__PURE__ */ jsx("aside", { className: `${sidebarWidth} border-r border-border overflow-y-auto flex-shrink-0`, children: sidebar }),
-        /* @__PURE__ */ jsx("main", { className: `flex-1 overflow-y-auto ${contentClassName}`, children }),
-        sidebar && sidebarPosition === "right" && /* @__PURE__ */ jsx("aside", { className: `${sidebarWidth} border-l border-border overflow-y-auto flex-shrink-0`, children: sidebar })
-      ] }),
-      footer && /* @__PURE__ */ jsx("div", { className: "border-t border-border", children: footer })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: `h-full flex flex-col ${className}`, children: [
-    (title || extra) && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { className: "px-page py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-          title && /* @__PURE__ */ jsx("h1", { className: "text-page-title font-semibold mb-2", children: title }),
-          subtitle && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: subtitle })
-        ] }),
-        extra && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: extra })
-      ] }) }),
-      showHeaderSeparator && /* @__PURE__ */ jsx(Separator, {})
-    ] }),
-    /* @__PURE__ */ jsx("main", { className: `flex-1 overflow-y-auto p-page ${contentClassName}`, children }),
-    footer && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Separator, {}),
-      /* @__PURE__ */ jsx("div", { className: "px-page py-4", children: footer })
-    ] })
-  ] });
-}
-function StandardPageContainer(props) {
-  return /* @__PURE__ */ jsx(PageContainer, { ...props, variant: "standard" });
-}
-function SplitPageContainer(props) {
-  return /* @__PURE__ */ jsx(PageContainer, { ...props, variant: "split" });
-}
-function FullWidthPageContainer(props) {
-  return /* @__PURE__ */ jsx(PageContainer, { ...props, variant: "full" });
-}
-
-export { FullWidthPageContainer, PageContainer, SplitPageContainer, StandardPageContainer };
-//# sourceMappingURL=chunk-O25D7DCP.js.map
-//# sourceMappingURL=chunk-O25D7DCP.js.map

package/dist/chunk-O25D7DCP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/PageContainer.tsx"],"names":[],"mappings":"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","file":"chunk-O25D7DCP.js","sourcesContent":["import { ReactNode } from 'react';\nimport { Separator } from '@omnifyjp/ui-components/components/separator';\n\nexport interface PageContainerProps {\n  /**\n   * Page title\n   */\n  title?: string;\n\n  /**\n   * Subtitle or description below title\n   */\n  subtitle?: string;\n\n  /**\n   * Extra content (buttons, actions) displayed on the right side of header\n   */\n  extra?: ReactNode;\n\n  /**\n   * Main page content\n   */\n  children: ReactNode;\n\n  /**\n   * Footer content displayed at the bottom\n   */\n  footer?: ReactNode;\n\n  /**\n   * Sidebar content displayed on left or right\n   */\n  sidebar?: ReactNode;\n\n  /**\n   * Sidebar position\n   * @default 'right'\n   */\n  sidebarPosition?: 'left' | 'right';\n\n  /**\n   * Sidebar width\n   * @default 'w-80'\n   */\n  sidebarWidth?: string;\n\n  /**\n   * Layout variant\n   * - 'standard': Default padded layout with header\n   * - 'full': Full width, no padding (for boards, gantt)\n   * - 'split': Layout with sidebar inside page\n   * @default 'standard'\n   */\n  variant?: 'standard' | 'full' | 'split';\n\n  /**\n   * Custom container className\n   */\n  className?: string;\n\n  /**\n   * Custom content className\n   */\n  contentClassName?: string;\n\n  /**\n   * Show separator below header\n   * @default true for standard variant\n   */\n  showHeaderSeparator?: boolean;\n}\n\n/**\n * PageContainer - Flexible page layout component\n *\n * @example\n * // Standard layout with title and actions\n * <PageContainer\n *   title=\"Dashboard\"\n *   subtitle=\"Overview of all projects\"\n *   extra={<Button>Create</Button>}\n * >\n *   <div>Content here</div>\n * </PageContainer>\n *\n * @example\n * // Split layout with right sidebar\n * <PageContainer\n *   title=\"Task Detail\"\n *   variant=\"split\"\n *   sidebar={<CommentSection />}\n *   sidebarPosition=\"right\"\n * >\n *   <div>Main content</div>\n * </PageContainer>\n *\n * @example\n * // Full width layout (no padding)\n * <PageContainer variant=\"full\">\n *   <KanbanBoard />\n * </PageContainer>\n */\nexport function PageContainer({\n  title,\n  subtitle,\n  extra,\n  children,\n  footer,\n  sidebar,\n  sidebarPosition = 'right',\n  sidebarWidth = 'w-80',\n  variant = 'standard',\n  className = '',\n  contentClassName = '',\n  showHeaderSeparator = true,\n}: PageContainerProps) {\n  // Full width variant - no padding, no header\n  if (variant === 'full') {\n    return (\n      <div className={`h-full flex flex-col ${className}`}>\n        {children}\n        {footer && <div className=\"border-t border-border\">{footer}</div>}\n      </div>\n    );\n  }\n\n  // Split variant - with sidebar\n  if (variant === 'split') {\n    return (\n      <div className={`h-full flex flex-col ${className}`}>\n        {/* Header */}\n        {(title || extra) && (\n          <div className=\"px-page py-4 border-b border-border\">\n            <div className=\"flex items-start justify-between gap-4\">\n              <div className=\"flex-1 min-w-0\">\n                {title && <h1 className=\"text-page-title font-semibold mb-2\">{title}</h1>}\n                {subtitle && <p className=\"text-sm text-muted-foreground\">{subtitle}</p>}\n              </div>\n              {extra && <div className=\"flex-shrink-0\">{extra}</div>}\n            </div>\n          </div>\n        )}\n\n        {/* Content with sidebar */}\n        <div className=\"flex-1 flex overflow-hidden\">\n          {sidebar && sidebarPosition === 'left' && (\n            <aside className={`${sidebarWidth} border-r border-border overflow-y-auto flex-shrink-0`}>\n              {sidebar}\n            </aside>\n          )}\n\n          <main className={`flex-1 overflow-y-auto ${contentClassName}`}>\n            {children}\n          </main>\n\n          {sidebar && sidebarPosition === 'right' && (\n            <aside className={`${sidebarWidth} border-l border-border overflow-y-auto flex-shrink-0`}>\n              {sidebar}\n            </aside>\n          )}\n        </div>\n\n        {footer && (\n          <div className=\"border-t border-border\">\n            {footer}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  // Standard variant - default padded layout\n  return (\n    <div className={`h-full flex flex-col ${className}`}>\n      {/* Header */}\n      {(title || extra) && (\n        <>\n          <div className=\"px-page py-4\">\n            <div className=\"flex items-start justify-between gap-4\">\n              <div className=\"flex-1 min-w-0\">\n                {title && <h1 className=\"text-page-title font-semibold mb-2\">{title}</h1>}\n                {subtitle && <p className=\"text-sm text-muted-foreground\">{subtitle}</p>}\n              </div>\n              {extra && <div className=\"flex-shrink-0\">{extra}</div>}\n            </div>\n          </div>\n          {showHeaderSeparator && <Separator />}\n        </>\n      )}\n\n      {/* Content */}\n      <main className={`flex-1 overflow-y-auto p-page ${contentClassName}`}>\n        {children}\n      </main>\n\n      {/* Footer */}\n      {footer && (\n        <>\n          <Separator />\n          <div className=\"px-page py-4\">\n            {footer}\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n\n/**\n * Convenience wrapper for standard layout\n */\nexport function StandardPageContainer(props: Omit<PageContainerProps, 'variant'>) {\n  return <PageContainer {...props} variant=\"standard\" />;\n}\n\n/**\n * Convenience wrapper for split layout with sidebar\n */\nexport function SplitPageContainer(props: Omit<PageContainerProps, 'variant'>) {\n  return <PageContainer {...props} variant=\"split\" />;\n}\n\n/**\n * Convenience wrapper for full width layout\n */\nexport function FullWidthPageContainer(props: Omit<PageContainerProps, 'variant' | 'title' | 'subtitle' | 'extra'>) {\n  return <PageContainer {...props} variant=\"full\" />;\n}\n"]}

package/dist/chunk-O2ADW2GC.js

@@ -1,224 +0,0 @@
-import { OrganizationSelector } from './chunk-2GN4WIOV.js';
-import { useOrganization } from './chunk-ITXOZ4IR.js';
-import { useState } from 'react';
-import { useLocation, useParams, Link } from 'react-router';
-import { useTranslation } from 'react-i18next';
-import { Button } from '@omnifyjp/ui-components/components/button';
-import { Separator } from '@omnifyjp/ui-components/components/separator';
-import { Popover, PopoverTrigger, PopoverContent } from '@omnifyjp/ui-components/components/popover';
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '@omnifyjp/ui-components/components/tooltip';
-import { ChevronsUpDown, Search, ChevronsRight, ChevronsLeft, ChevronRight } from 'lucide-react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-function Sidebar({ config }) {
-  const location = useLocation();
-  const params = useParams();
-  const [collapsed, setCollapsed] = useState(false);
-  const [contextSwitcherOpen, setContextSwitcherOpen] = useState(false);
-  const [contextSearch, setContextSearch] = useState("");
-  const [expandedGroups, setExpandedGroups] = useState(/* @__PURE__ */ new Set());
-  const { t } = useTranslation("shell");
-  const { selectedOrganization, selectedBranch } = useOrganization();
-  const { app, sidebar } = config;
-  const contextParamValue = sidebar.contextMenu ? params[sidebar.contextMenu.paramName] : void 0;
-  const isInContext = !!contextParamValue;
-  const isActive = (path) => {
-    return location.pathname === path || location.pathname.startsWith(path + "/");
-  };
-  const renderMenuItem = (item, active) => {
-    const Icon = item.icon;
-    const path = item.path;
-    const content = /* @__PURE__ */ jsxs(
-      Link,
-      {
-        to: path,
-        className: `flex items-center ${collapsed ? "justify-center" : "gap-2"} px-3 py-2 rounded-md text-sm transition-colors ${active ? "bg-sidebar-primary/10 text-sidebar-primary font-medium" : "text-sidebar-foreground hover:bg-sidebar-accent"}`,
-        children: [
-          /* @__PURE__ */ jsx(Icon, { className: "w-4 h-4 flex-shrink-0" }),
-          !collapsed && /* @__PURE__ */ jsx("span", { children: item.label }),
-          !collapsed && item.badge !== void 0 && item.badge > 0 && /* @__PURE__ */ jsx("span", { className: "ml-auto text-xs bg-muted text-muted-foreground px-1.5 py-0.5 rounded-full", children: item.badge })
-        ]
-      }
-    );
-    if (collapsed) {
-      return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: content }),
-        /* @__PURE__ */ jsx(TooltipContent, { side: "right", className: "font-medium", children: item.label })
-      ] }) }, path);
-    }
-    return /* @__PURE__ */ jsx("div", { children: content }, path);
-  };
-  const isGroupActive = (item) => {
-    if (item.children) {
-      return item.children.some((child) => child.path ? isActive(child.path) : false);
-    }
-    return item.path ? isActive(item.path) : false;
-  };
-  const toggleGroup = (label) => {
-    setExpandedGroups((prev) => {
-      const next = new Set(prev);
-      if (next.has(label)) {
-        next.delete(label);
-      } else {
-        next.add(label);
-      }
-      return next;
-    });
-  };
-  const renderMenuItemOrGroup = (item) => {
-    if (!item.children) {
-      return renderMenuItem(item, item.path ? isActive(item.path) : false);
-    }
-    const groupActive = isGroupActive(item);
-    const isExpanded = expandedGroups.has(item.label) || groupActive;
-    const Icon = item.icon;
-    if (collapsed) {
-      return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => toggleGroup(item.label),
-            className: `flex items-center justify-center w-full px-3 py-2 rounded-md text-sm transition-colors ${groupActive ? "bg-sidebar-primary/10 text-sidebar-primary font-medium" : "text-sidebar-foreground hover:bg-sidebar-accent"}`,
-            children: /* @__PURE__ */ jsx(Icon, { className: "w-4 h-4 flex-shrink-0" })
-          }
-        ) }),
-        /* @__PURE__ */ jsx(TooltipContent, { side: "right", className: "font-medium", children: item.label })
-      ] }) }, item.label);
-    }
-    return /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: () => toggleGroup(item.label),
-          className: `flex items-center gap-2 w-full px-3 py-2 rounded-md text-sm transition-colors ${groupActive ? "text-sidebar-primary font-medium" : "text-sidebar-foreground hover:bg-sidebar-accent"}`,
-          children: [
-            /* @__PURE__ */ jsx(Icon, { className: "w-4 h-4 flex-shrink-0" }),
-            /* @__PURE__ */ jsx("span", { children: item.label }),
-            /* @__PURE__ */ jsx(ChevronRight, { className: `w-3.5 h-3.5 ml-auto text-muted-foreground transition-transform duration-200 ${isExpanded ? "rotate-90" : ""}` })
-          ]
-        }
-      ),
-      isExpanded && /* @__PURE__ */ jsx("div", { className: "ml-4 pl-2 border-l border-sidebar-border space-y-0.5 mt-0.5", children: item.children.map((child) => renderMenuItem(child, child.path ? isActive(child.path) : false)) })
-    ] }, item.label);
-  };
-  const contextMenuItems = isInContext && sidebar.contextMenu ? sidebar.contextMenu.getItems(contextParamValue) : [];
-  const contextHeader = isInContext && sidebar.contextMenu?.getHeader ? sidebar.contextMenu.getHeader(contextParamValue) : null;
-  const footerItems = isInContext && sidebar.contextMenu?.getFooterItems ? sidebar.contextMenu.getFooterItems() : [];
-  return /* @__PURE__ */ jsxs("aside", { className: `${collapsed ? "w-16" : "w-64"} bg-sidebar border-r border-sidebar-border flex flex-col transition-all duration-300`, children: [
-    /* @__PURE__ */ jsx("div", { className: `h-header border-b border-sidebar-border flex items-center ${collapsed ? "justify-center" : "px-4"} transition-all duration-300`, children: /* @__PURE__ */ jsxs(Link, { to: "/", className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx("div", { className: `w-8 h-8 rounded-lg flex items-center justify-center flex-shrink-0 ${app.logo.color ? "" : "bg-primary"}`, style: app.logo.color ? { backgroundColor: app.logo.color } : void 0, children: /* @__PURE__ */ jsx(app.logo.icon, { className: "w-4 h-4 text-white" }) }),
-      !collapsed && /* @__PURE__ */ jsx("span", { className: "font-bold text-sm", children: app.logo.text })
-    ] }) }),
-    /* @__PURE__ */ jsx("nav", { className: "flex-1 px-3 py-3 overflow-y-auto", children: isInContext ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      contextHeader && !collapsed ? /* @__PURE__ */ jsxs(Popover, { open: contextSwitcherOpen, onOpenChange: (open) => {
-        setContextSwitcherOpen(open);
-        if (!open) setContextSearch("");
-      }, children: [
-        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("button", { className: "w-full mb-3 px-3 py-2 flex items-center gap-2 rounded-md hover:bg-sidebar-accent transition-colors text-left", children: [
-          contextHeader,
-          /* @__PURE__ */ jsx(ChevronsUpDown, { className: "w-3.5 h-3.5 text-muted-foreground flex-shrink-0" })
-        ] }) }),
-        /* @__PURE__ */ jsx(PopoverContent, { side: "right", align: "start", className: "w-72 p-0", children: /* @__PURE__ */ jsx("div", { className: "p-2 border-b", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx(Search, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-muted-foreground" }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              className: "w-full pl-8 pr-3 py-1.5 text-sm border rounded-md outline-none focus:ring-1 focus:ring-ring bg-background",
-              placeholder: t("sidebar.searchProject"),
-              value: contextSearch,
-              onChange: (e) => setContextSearch(e.target.value),
-              autoFocus: true
-            }
-          )
-        ] }) }) })
-      ] }) : contextHeader && collapsed ? /* @__PURE__ */ jsx("div", { className: "mb-3 w-full flex justify-center py-1 rounded-md hover:bg-sidebar-accent transition-colors", children: contextHeader }) : null,
-      !collapsed && contextHeader && /* @__PURE__ */ jsx(Separator, { className: "my-3" }),
-      /* @__PURE__ */ jsx("div", { className: "space-y-1", children: contextMenuItems.map((item) => {
-        const active = item.path ? isActive(item.path) : false;
-        return renderMenuItem(item, active);
-      }) }),
-      footerItems.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-        !collapsed && /* @__PURE__ */ jsx(Separator, { className: "my-3" }),
-        /* @__PURE__ */ jsx("div", { className: "space-y-1", children: footerItems.map((item) => renderMenuItem(item, false)) })
-      ] })
-    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { className: "space-y-1", children: sidebar.menuItems.map((item) => renderMenuItemOrGroup(item)) }),
-      sidebar.recentItems && /* @__PURE__ */ jsxs(Fragment, { children: [
-        !collapsed && /* @__PURE__ */ jsx(Separator, { className: "my-3" }),
-        !collapsed ? /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx("h3", { className: "px-3 py-1 text-xs font-medium text-muted-foreground uppercase tracking-wider", children: sidebar.recentItems.title }),
-          /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: sidebar.recentItems.items.map((item) => /* @__PURE__ */ jsxs(
-            Link,
-            {
-              to: item.path,
-              className: "flex items-center gap-2 px-3 py-2 rounded-md text-sm text-sidebar-foreground hover:bg-sidebar-accent",
-              children: [
-                item.color && /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: "w-5 h-5 rounded flex items-center justify-center text-white text-[9px] font-bold flex-shrink-0",
-                    style: { backgroundColor: item.color },
-                    children: item.badge
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "truncate", children: item.label })
-              ]
-            },
-            item.path
-          )) })
-        ] }) : /* @__PURE__ */ jsx("div", { className: "space-y-0.5 mt-3", children: sidebar.recentItems.items.map((item) => /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-            Link,
-            {
-              to: item.path,
-              className: "flex justify-center px-3 py-2 rounded-md text-sidebar-foreground hover:bg-sidebar-accent",
-              children: item.color && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: "w-5 h-5 rounded flex items-center justify-center text-white text-[9px] font-bold",
-                  style: { backgroundColor: item.color },
-                  children: item.badge
-                }
-              )
-            }
-          ) }),
-          /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: /* @__PURE__ */ jsx("p", { className: "font-medium text-sm", children: item.label }) })
-        ] }) }, item.path)) })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsx("div", { className: "px-3 py-2 border-t border-sidebar-border", children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "ghost",
-          size: "sm",
-          onClick: () => setCollapsed(!collapsed),
-          className: `w-full h-8 ${collapsed ? "px-0 justify-center" : "justify-start"} hover:bg-sidebar-accent`,
-          children: collapsed ? /* @__PURE__ */ jsx(ChevronsRight, { className: "w-3.5 h-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(ChevronsLeft, { className: "w-3.5 h-3.5 text-muted-foreground mr-2" }),
-            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("sidebar.collapse") })
-          ] })
-        }
-      ) }),
-      /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: collapsed ? t("sidebar.expandSidebar") : t("sidebar.collapseSidebar") })
-    ] }) }) }),
-    !collapsed ? /* @__PURE__ */ jsx("div", { className: "border-t border-sidebar-border", children: /* @__PURE__ */ jsx(OrganizationSelector, { variant: "sidebar" }) }) : selectedOrganization && /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "px-3 py-3 border-t border-sidebar-border flex justify-center cursor-pointer hover:bg-sidebar-accent transition-colors", children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "w-8 h-8 rounded-lg flex items-center justify-center text-white font-bold text-xs",
-          style: { backgroundColor: selectedOrganization.color },
-          children: selectedOrganization.shortName
-        }
-      ) }) }),
-      /* @__PURE__ */ jsxs(TooltipContent, { side: "right", children: [
-        /* @__PURE__ */ jsx("p", { className: "font-semibold text-sm", children: selectedOrganization.name }),
-        selectedBranch && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: selectedBranch.name })
-      ] })
-    ] }) })
-  ] });
-}
-
-export { Sidebar };
-//# sourceMappingURL=chunk-O2ADW2GC.js.map
-//# sourceMappingURL=chunk-O2ADW2GC.js.map

package/dist/chunk-O2ADW2GC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Sidebar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AA2BO,SAAS,OAAA,CAAQ,EAAE,MAAA,EAAO,EAAiB;AAChD,EAAA,MAAM,WAAW,WAAA,EAAY;AAC7B,EAAA,MAAM,SAAS,SAAA,EAAU;AACzB,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAChD,EAAA,MAAM,CAAC,mBAAA,EAAqB,sBAAsB,CAAA,GAAI,SAAS,KAAK,CAAA;AACpE,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,EAAE,CAAA;AACrD,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,IAAI,QAAA,iBAAsB,IAAI,KAAK,CAAA;AAC3E,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,CAAe,OAAO,CAAA;AACpC,EAAA,MAAM,EAAE,oBAAA,EAAsB,cAAA,EAAe,GAAI,eAAA,EAAgB;AAEjE,EAAA,MAAM,EAAE,GAAA,EAAK,OAAA,EAAQ,GAAI,MAAA;AAGzB,EAAA,MAAM,oBAAoB,OAAA,CAAQ,WAAA,GAC9B,OAAO,OAAA,CAAQ,WAAA,CAAY,SAAS,CAAA,GACpC,MAAA;AACJ,EAAA,MAAM,WAAA,GAAc,CAAC,CAAC,iBAAA;AAEtB,EAAA,MAAM,QAAA,GAAW,CAAC,IAAA,KAAiB;AACjC,IAAA,OAAO,SAAS,QAAA,KAAa,IAAA,IAAQ,SAAS,QAAA,CAAS,UAAA,CAAW,OAAO,GAAG,CAAA;AAAA,EAC9E,CAAA;AAEA,EAAA,MAAM,cAAA,GAAiB,CAAC,IAAA,EAAuB,MAAA,KAAoB;AACjE,IAAA,MAAM,OAAO,IAAA,CAAK,IAAA;AAClB,IAAA,MAAM,OAAO,IAAA,CAAK,IAAA;AAClB,IAAA,MAAM,OAAA,mBACJ,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAI,IAAA;AAAA,QACJ,SAAA,EAAW,qBAAqB,SAAA,GAAY,gBAAA,GAAmB,OAAO,CAAA,gDAAA,EACpE,MAAA,GACI,2DACA,iDACN,CAAA,CAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,WAAU,uBAAA,EAAwB,CAAA;AAAA,UACvC,CAAC,SAAA,oBAAa,GAAA,CAAC,MAAA,EAAA,EAAM,eAAK,KAAA,EAAM,CAAA;AAAA,UAChC,CAAC,SAAA,IAAa,IAAA,CAAK,KAAA,KAAU,MAAA,IAAa,IAAA,CAAK,KAAA,GAAQ,CAAA,oBACtD,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2EAAA,EACb,eAAK,KAAA,EACR;AAAA;AAAA;AAAA,KAEJ;AAGF,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,uBACE,GAAA,CAAC,eAAA,EAAA,EAA2B,aAAA,EAAe,CAAA,EACzC,+BAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EACpB,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,4BACC,cAAA,EAAA,EAAe,IAAA,EAAK,SAAQ,SAAA,EAAU,aAAA,EACpC,eAAK,KAAA,EACR;AAAA,OAAA,EACF,KARoB,IAStB,CAAA;AAAA,IAEJ;AAEA,IAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAgB,QAAA,EAAA,OAAA,EAAA,EAAP,IAAe,CAAA;AAAA,EAClC,CAAA;AAEA,EAAA,MAAM,aAAA,GAAgB,CAAC,IAAA,KAAmC;AACxD,IAAA,IAAI,KAAK,QAAA,EAAU;AACjB,MAAA,OAAO,IAAA,CAAK,QAAA,CAAS,IAAA,CAAK,CAAA,KAAA,KAAS,KAAA,CAAM,OAAO,QAAA,CAAS,KAAA,CAAM,IAAI,CAAA,GAAI,KAAK,CAAA;AAAA,IAC9E;AACA,IAAA,OAAO,IAAA,CAAK,IAAA,GAAO,QAAA,CAAS,IAAA,CAAK,IAAI,CAAA,GAAI,KAAA;AAAA,EAC3C,CAAA;AAEA,EAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAkB;AACrC,IAAA,iBAAA,CAAkB,CAAA,IAAA,KAAQ;AACxB,MAAA,MAAM,IAAA,GAAO,IAAI,GAAA,CAAI,IAAI,CAAA;AACzB,MAAA,IAAI,IAAA,CAAK,GAAA,CAAI,KAAK,CAAA,EAAG;AACnB,QAAA,IAAA,CAAK,OAAO,KAAK,CAAA;AAAA,MACnB,CAAA,MAAO;AACL,QAAA,IAAA,CAAK,IAAI,KAAK,CAAA;AAAA,MAChB;AACA,MAAA,OAAO,IAAA;AAAA,IACT,CAAC,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,MAAM,qBAAA,GAAwB,CAAC,IAAA,KAA0B;AACvD,IAAA,IAAI,CAAC,KAAK,QAAA,EAAU;AAClB,MAAA,OAAO,cAAA,CAAe,MAAM,IAAA,CAAK,IAAA,GAAO,SAAS,IAAA,CAAK,IAAI,IAAI,KAAK,CAAA;AAAA,IACrE;AAEA,IAAA,MAAM,WAAA,GAAc,cAAc,IAAI,CAAA;AACtC,IAAA,MAAM,UAAA,GAAa,cAAA,CAAe,GAAA,CAAI,IAAA,CAAK,KAAK,CAAA,IAAK,WAAA;AACrD,IAAA,MAAM,OAAO,IAAA,CAAK,IAAA;AAElB,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,uBACE,GAAA,CAAC,eAAA,EAAA,EAAiC,aAAA,EAAe,CAAA,EAC/C,+BAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,MAAM,WAAA,CAAY,IAAA,CAAK,KAAK,CAAA;AAAA,YACrC,SAAA,EAAW,CAAA,uFAAA,EACT,WAAA,GACI,wDAAA,GACA,iDACN,CAAA,CAAA;AAAA,YAEA,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EAAwB;AAAA;AAAA,SAC1C,EACF,CAAA;AAAA,4BACC,cAAA,EAAA,EAAe,IAAA,EAAK,SAAQ,SAAA,EAAU,aAAA,EACpC,eAAK,KAAA,EACR;AAAA,OAAA,EACF,CAAA,EAAA,EAjBoB,KAAK,KAkB3B,CAAA;AAAA,IAEJ;AAEA,IAAA,4BACG,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,IAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAS,MAAM,WAAA,CAAY,IAAA,CAAK,KAAK,CAAA;AAAA,UACrC,SAAA,EAAW,CAAA,8EAAA,EACT,WAAA,GACI,kCAAA,GACA,iDACN,CAAA,CAAA;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,WAAU,uBAAA,EAAwB,CAAA;AAAA,4BACxC,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,CAAA;AAAA,gCACjB,YAAA,EAAA,EAAa,SAAA,EAAW,+EAA+E,UAAA,GAAa,WAAA,GAAc,EAAE,CAAA,CAAA,EAAI;AAAA;AAAA;AAAA,OAC3I;AAAA,MACC,8BACC,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,6DAAA,EACZ,QAAA,EAAA,IAAA,CAAK,SAAS,GAAA,CAAI,CAAA,KAAA,KAAS,eAAe,KAAA,EAAO,KAAA,CAAM,OAAO,QAAA,CAAS,KAAA,CAAM,IAAI,CAAA,GAAI,KAAK,CAAC,CAAA,EAC9F;AAAA,KAAA,EAAA,EAhBM,KAAK,KAkBf,CAAA;AAAA,EAEJ,CAAA;AAGA,EAAA,MAAM,gBAAA,GAAmB,eAAe,OAAA,CAAQ,WAAA,GAC5C,QAAQ,WAAA,CAAY,QAAA,CAAS,iBAAkB,CAAA,GAC/C,EAAC;AAEL,EAAA,MAAM,aAAA,GAAgB,eAAe,OAAA,CAAQ,WAAA,EAAa,YACtD,OAAA,CAAQ,WAAA,CAAY,SAAA,CAAU,iBAAkB,CAAA,GAChD,IAAA;AAEJ,EAAA,MAAM,WAAA,GAAc,eAAe,OAAA,CAAQ,WAAA,EAAa,iBACpD,OAAA,CAAQ,WAAA,CAAY,cAAA,EAAe,GACnC,EAAC;AAEL,EAAA,4BACG,OAAA,EAAA,EAAM,SAAA,EAAW,GAAG,SAAA,GAAY,MAAA,GAAS,MAAM,CAAA,oFAAA,CAAA,EAE9C,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,0DAAA,EAA6D,SAAA,GAAY,gBAAA,GAAmB,MAAM,CAAA,4BAAA,CAAA,EAChH,QAAA,kBAAA,IAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAG,GAAA,EAAI,SAAA,EAAU,yBAAA,EACrB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,kEAAA,EAAqE,GAAA,CAAI,IAAA,CAAK,KAAA,GAAQ,EAAA,GAAK,YAAY,CAAA,CAAA,EAAI,KAAA,EAAO,GAAA,CAAI,IAAA,CAAK,KAAA,GAAQ,EAAE,eAAA,EAAiB,GAAA,CAAI,IAAA,CAAK,KAAA,EAAM,GAAI,MAAA,EACvL,QAAA,kBAAA,GAAA,CAAC,GAAA,CAAI,IAAA,CAAK,IAAA,EAAT,EAAc,SAAA,EAAU,oBAAA,EAAqB,CAAA,EAChD,CAAA;AAAA,MACC,CAAC,6BAAa,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,mBAAA,EAAqB,QAAA,EAAA,GAAA,CAAI,KAAK,IAAA,EAAK;AAAA,KAAA,EACpE,CAAA,EACF,CAAA;AAAA,oBAGA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kCAAA,EACZ,wCACC,IAAA,CAAA,QAAA,EAAA,EAEG,QAAA,EAAA;AAAA,MAAA,aAAA,IAAiB,CAAC,4BACjB,IAAA,CAAC,OAAA,EAAA,EAAQ,MAAM,mBAAA,EAAqB,YAAA,EAAc,CAAC,IAAA,KAAS;AAAE,QAAA,sBAAA,CAAuB,IAAI,CAAA;AAAG,QAAA,IAAI,CAAC,IAAA,EAAM,gBAAA,CAAiB,EAAE,CAAA;AAAA,MAAG,CAAA,EAC3H,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,kBAAe,OAAA,EAAO,IAAA,EACrB,QAAA,kBAAA,IAAA,CAAC,QAAA,EAAA,EAAO,WAAU,8GAAA,EACf,QAAA,EAAA;AAAA,UAAA,aAAA;AAAA,0BACD,GAAA,CAAC,cAAA,EAAA,EAAe,SAAA,EAAU,iDAAA,EAAkD;AAAA,SAAA,EAC9E,CAAA,EACF,CAAA;AAAA,wBACA,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAK,OAAA,EAAQ,OAAM,OAAA,EAAQ,SAAA,EAAU,UAAA,EACnD,QAAA,kBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,cAAA,EACb,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,UAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAO,WAAU,8EAAA,EAA+E,CAAA;AAAA,0BACjG,GAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,2GAAA;AAAA,cACV,WAAA,EAAa,EAAE,uBAAuB,CAAA;AAAA,cACtC,KAAA,EAAO,aAAA;AAAA,cACP,UAAU,CAAC,CAAA,KAAM,gBAAA,CAAiB,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,cAChD,SAAA,EAAS;AAAA;AAAA;AACX,SAAA,EACF,GACF,CAAA,EACF;AAAA,OAAA,EACF,CAAA,GACE,iBAAiB,SAAA,mBACnB,GAAA,CAAC,SAAI,SAAA,EAAU,2FAAA,EACZ,yBACH,CAAA,GACE,IAAA;AAAA,MAEH,CAAC,SAAA,IAAa,aAAA,oBAAiB,GAAA,CAAC,SAAA,EAAA,EAAU,WAAU,MAAA,EAAO,CAAA;AAAA,0BAG3D,KAAA,EAAA,EAAI,SAAA,EAAU,aACZ,QAAA,EAAA,gBAAA,CAAiB,GAAA,CAAI,CAAC,IAAA,KAAS;AAC9B,QAAA,MAAM,SAAS,IAAA,CAAK,IAAA,GAAO,QAAA,CAAS,IAAA,CAAK,IAAI,CAAA,GAAI,KAAA;AACjD,QAAA,OAAO,cAAA,CAAe,MAAM,MAAM,CAAA;AAAA,MACpC,CAAC,CAAA,EACH,CAAA;AAAA,MAEC,WAAA,CAAY,MAAA,GAAS,CAAA,oBACpB,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,QAAA,CAAC,SAAA,oBAAa,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,MAAA,EAAO,CAAA;AAAA,wBAC3C,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACZ,QAAA,EAAA,WAAA,CAAY,GAAA,CAAI,CAAC,IAAA,KAAS,cAAA,CAAe,IAAA,EAAM,KAAK,CAAC,CAAA,EACxD;AAAA,OAAA,EACF;AAAA,KAAA,EAEJ,oBAEA,IAAA,CAAA,QAAA,EAAA,EAEE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACZ,QAAA,EAAA,OAAA,CAAQ,SAAA,CAAU,GAAA,CAAI,CAAC,IAAA,KAAS,qBAAA,CAAsB,IAAI,CAAC,CAAA,EAC9D,CAAA;AAAA,MAEC,OAAA,CAAQ,+BACP,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,QAAA,CAAC,SAAA,oBAAa,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,MAAA,EAAO,CAAA;AAAA,QAE1C,CAAC,SAAA,mBACA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,WAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,8EAAA,EACX,QAAA,EAAA,OAAA,CAAQ,YAAY,KAAA,EACvB,CAAA;AAAA,0BACA,GAAA,CAAC,SAAI,SAAA,EAAU,aAAA,EACZ,kBAAQ,WAAA,CAAY,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,qBAC9B,IAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cAEC,IAAI,IAAA,CAAK,IAAA;AAAA,cACT,SAAA,EAAU,sGAAA;AAAA,cAET,QAAA,EAAA;AAAA,gBAAA,IAAA,CAAK,KAAA,oBACJ,GAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,SAAA,EAAU,gGAAA;AAAA,oBACV,KAAA,EAAO,EAAE,eAAA,EAAiB,IAAA,CAAK,KAAA,EAAM;AAAA,oBAEpC,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,iBACR;AAAA,gCAEF,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAY,eAAK,KAAA,EAAM;AAAA;AAAA,aAAA;AAAA,YAZlC,IAAA,CAAK;AAAA,WAcb,CAAA,EACH;AAAA,SAAA,EACF,oBAEA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kBAAA,EACZ,kBAAQ,WAAA,CAAY,KAAA,CAAM,GAAA,CAAI,CAAC,yBAC9B,GAAA,CAAC,eAAA,EAAA,EAAgC,aAAA,EAAe,CAAA,EAC9C,+BAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAA,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,IAAI,IAAA,CAAK,IAAA;AAAA,cACT,SAAA,EAAU,0FAAA;AAAA,cAET,eAAK,KAAA,oBACJ,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAU,kFAAA;AAAA,kBACV,KAAA,EAAO,EAAE,eAAA,EAAiB,IAAA,CAAK,KAAA,EAAM;AAAA,kBAEpC,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA;AACR;AAAA,WAEJ,EACF,CAAA;AAAA,0BACA,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAK,OAAA,EACnB,QAAA,kBAAA,GAAA,CAAC,OAAE,SAAA,EAAU,qBAAA,EAAuB,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,CAAA,EACjD;AAAA,SAAA,EACF,CAAA,EAAA,EApBoB,IAAA,CAAK,IAqB3B,CACD,CAAA,EACH;AAAA,OAAA,EAEJ;AAAA,KAAA,EAEJ,CAAA,EAEJ,CAAA;AAAA,oBAGA,GAAA,CAAC,SAAI,SAAA,EAAU,0CAAA,EACb,8BAAC,eAAA,EAAA,EAAgB,aAAA,EAAe,CAAA,EAC9B,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,OAAA;AAAA,UACR,IAAA,EAAK,IAAA;AAAA,UACL,OAAA,EAAS,MAAM,YAAA,CAAa,CAAC,SAAS,CAAA;AAAA,UACtC,SAAA,EAAW,CAAA,WAAA,EAAc,SAAA,GAAY,qBAAA,GAAwB,eAAe,CAAA,wBAAA,CAAA;AAAA,UAE3E,sCACC,GAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAU,mCAAA,EAAoC,oBAE7D,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,YAAA,EAAA,EAAa,WAAU,wCAAA,EAAyC,CAAA;AAAA,gCAChE,MAAA,EAAA,EAAK,SAAA,EAAU,+BAAA,EAAiC,QAAA,EAAA,CAAA,CAAE,kBAAkB,CAAA,EAAE;AAAA,WAAA,EACzE;AAAA;AAAA,OAEJ,EACF,CAAA;AAAA,sBACA,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAK,OAAA,EAClB,QAAA,EAAA,SAAA,GAAY,EAAE,uBAAuB,CAAA,GAAI,CAAA,CAAE,yBAAyB,CAAA,EACvE;AAAA,KAAA,EACF,GACF,CAAA,EACF,CAAA;AAAA,IAGC,CAAC,SAAA,mBACA,GAAA,CAAC,SAAI,SAAA,EAAU,gCAAA,EACb,8BAAC,oBAAA,EAAA,EAAqB,OAAA,EAAQ,SAAA,EAAU,CAAA,EAC1C,IAEA,oBAAA,oBACE,GAAA,CAAC,mBAAgB,aAAA,EAAe,CAAA,EAC9B,+BAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,kBAAe,OAAA,EAAO,IAAA,EACrB,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,uHAAA,EACb,QAAA,kBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,kFAAA;AAAA,UACV,KAAA,EAAO,EAAE,eAAA,EAAiB,oBAAA,CAAqB,KAAA,EAAM;AAAA,UAEpD,QAAA,EAAA,oBAAA,CAAqB;AAAA;AAAA,SAE1B,CAAA,EACF,CAAA;AAAA,sBACA,IAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAK,OAAA,EACnB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,uBAAA,EAAyB,QAAA,EAAA,oBAAA,CAAqB,IAAA,EAAK,CAAA;AAAA,QAC/D,kCACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+BAAA,EAAiC,yBAAe,IAAA,EAAK;AAAA,OAAA,EAEtE;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EAGN,CAAA;AAEJ","file":"chunk-O2ADW2GC.js","sourcesContent":["import { useState } from 'react';\nimport { useLocation, useParams, Link } from 'react-router';\nimport { useTranslation } from 'react-i18next';\nimport { Button } from '@omnifyjp/ui-components/components/button';\nimport { Separator } from '@omnifyjp/ui-components/components/separator';\nimport { Popover, PopoverContent, PopoverTrigger } from '@omnifyjp/ui-components/components/popover';\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '@omnifyjp/ui-components/components/tooltip';\nimport {\n  ChevronsLeft,\n  ChevronsRight,\n  ChevronsUpDown,\n  ChevronRight,\n  Search,\n} from 'lucide-react';\nimport { useOrganization } from '../contexts/OrganizationContext';\nimport { OrganizationSelector } from './OrganizationSelector';\nimport type { ShellConfig, SidebarMenuItem } from '../types';\n\ninterface SidebarProps {\n  config: ShellConfig;\n}\n\nexport function Sidebar({ config }: SidebarProps) {\n  const location = useLocation();\n  const params = useParams();\n  const [collapsed, setCollapsed] = useState(false);\n  const [contextSwitcherOpen, setContextSwitcherOpen] = useState(false);\n  const [contextSearch, setContextSearch] = useState('');\n  const [expandedGroups, setExpandedGroups] = useState<Set<string>>(new Set());\n  const { t } = useTranslation('shell');\n  const { selectedOrganization, selectedBranch } = useOrganization();\n\n  const { app, sidebar } = config;\n\n  // Determine if we're in context mode (e.g., inside a project)\n  const contextParamValue = sidebar.contextMenu\n    ? params[sidebar.contextMenu.paramName] as string | undefined\n    : undefined;\n  const isInContext = !!contextParamValue;\n\n  const isActive = (path: string) => {\n    return location.pathname === path || location.pathname.startsWith(path + '/');\n  };\n\n  const renderMenuItem = (item: SidebarMenuItem, active: boolean) => {\n    const Icon = item.icon;\n    const path = item.path!;\n    const content = (\n      <Link\n        to={path}\n        className={`flex items-center ${collapsed ? 'justify-center' : 'gap-2'} px-3 py-2 rounded-md text-sm transition-colors ${\n          active\n            ? 'bg-sidebar-primary/10 text-sidebar-primary font-medium'\n            : 'text-sidebar-foreground hover:bg-sidebar-accent'\n        }`}\n      >\n        <Icon className=\"w-4 h-4 flex-shrink-0\" />\n        {!collapsed && <span>{item.label}</span>}\n        {!collapsed && item.badge !== undefined && item.badge > 0 && (\n          <span className=\"ml-auto text-xs bg-muted text-muted-foreground px-1.5 py-0.5 rounded-full\">\n            {item.badge}\n          </span>\n        )}\n      </Link>\n    );\n\n    if (collapsed) {\n      return (\n        <TooltipProvider key={path} delayDuration={0}>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              {content}\n            </TooltipTrigger>\n            <TooltipContent side=\"right\" className=\"font-medium\">\n              {item.label}\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      );\n    }\n\n    return <div key={path}>{content}</div>;\n  };\n\n  const isGroupActive = (item: SidebarMenuItem): boolean => {\n    if (item.children) {\n      return item.children.some(child => child.path ? isActive(child.path) : false);\n    }\n    return item.path ? isActive(item.path) : false;\n  };\n\n  const toggleGroup = (label: string) => {\n    setExpandedGroups(prev => {\n      const next = new Set(prev);\n      if (next.has(label)) {\n        next.delete(label);\n      } else {\n        next.add(label);\n      }\n      return next;\n    });\n  };\n\n  const renderMenuItemOrGroup = (item: SidebarMenuItem) => {\n    if (!item.children) {\n      return renderMenuItem(item, item.path ? isActive(item.path) : false);\n    }\n\n    const groupActive = isGroupActive(item);\n    const isExpanded = expandedGroups.has(item.label) || groupActive;\n    const Icon = item.icon;\n\n    if (collapsed) {\n      return (\n        <TooltipProvider key={item.label} delayDuration={0}>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                onClick={() => toggleGroup(item.label)}\n                className={`flex items-center justify-center w-full px-3 py-2 rounded-md text-sm transition-colors ${\n                  groupActive\n                    ? 'bg-sidebar-primary/10 text-sidebar-primary font-medium'\n                    : 'text-sidebar-foreground hover:bg-sidebar-accent'\n                }`}\n              >\n                <Icon className=\"w-4 h-4 flex-shrink-0\" />\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"right\" className=\"font-medium\">\n              {item.label}\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      );\n    }\n\n    return (\n      <div key={item.label}>\n        <button\n          onClick={() => toggleGroup(item.label)}\n          className={`flex items-center gap-2 w-full px-3 py-2 rounded-md text-sm transition-colors ${\n            groupActive\n              ? 'text-sidebar-primary font-medium'\n              : 'text-sidebar-foreground hover:bg-sidebar-accent'\n          }`}\n        >\n          <Icon className=\"w-4 h-4 flex-shrink-0\" />\n          <span>{item.label}</span>\n          <ChevronRight className={`w-3.5 h-3.5 ml-auto text-muted-foreground transition-transform duration-200 ${isExpanded ? 'rotate-90' : ''}`} />\n        </button>\n        {isExpanded && (\n          <div className=\"ml-4 pl-2 border-l border-sidebar-border space-y-0.5 mt-0.5\">\n            {item.children.map(child => renderMenuItem(child, child.path ? isActive(child.path) : false))}\n          </div>\n        )}\n      </div>\n    );\n  };\n\n  // Get context menu items if in context mode\n  const contextMenuItems = isInContext && sidebar.contextMenu\n    ? sidebar.contextMenu.getItems(contextParamValue!)\n    : [];\n\n  const contextHeader = isInContext && sidebar.contextMenu?.getHeader\n    ? sidebar.contextMenu.getHeader(contextParamValue!)\n    : null;\n\n  const footerItems = isInContext && sidebar.contextMenu?.getFooterItems\n    ? sidebar.contextMenu.getFooterItems()\n    : [];\n\n  return (\n    <aside className={`${collapsed ? 'w-16' : 'w-64'} bg-sidebar border-r border-sidebar-border flex flex-col transition-all duration-300`}>\n      {/* Logo */}\n      <div className={`h-header border-b border-sidebar-border flex items-center ${collapsed ? 'justify-center' : 'px-4'} transition-all duration-300`}>\n        <Link to=\"/\" className=\"flex items-center gap-2\">\n          <div className={`w-8 h-8 rounded-lg flex items-center justify-center flex-shrink-0 ${app.logo.color ? '' : 'bg-primary'}`} style={app.logo.color ? { backgroundColor: app.logo.color } : undefined}>\n            <app.logo.icon className=\"w-4 h-4 text-white\" />\n          </div>\n          {!collapsed && <span className=\"font-bold text-sm\">{app.logo.text}</span>}\n        </Link>\n      </div>\n\n      {/* Menu */}\n      <nav className=\"flex-1 px-3 py-3 overflow-y-auto\">\n        {isInContext ? (\n          <>\n            {/* Context Switcher (e.g., project switcher) */}\n            {contextHeader && !collapsed ? (\n              <Popover open={contextSwitcherOpen} onOpenChange={(open) => { setContextSwitcherOpen(open); if (!open) setContextSearch(''); }}>\n                <PopoverTrigger asChild>\n                  <button className=\"w-full mb-3 px-3 py-2 flex items-center gap-2 rounded-md hover:bg-sidebar-accent transition-colors text-left\">\n                    {contextHeader}\n                    <ChevronsUpDown className=\"w-3.5 h-3.5 text-muted-foreground flex-shrink-0\" />\n                  </button>\n                </PopoverTrigger>\n                <PopoverContent side=\"right\" align=\"start\" className=\"w-72 p-0\">\n                  <div className=\"p-2 border-b\">\n                    <div className=\"relative\">\n                      <Search className=\"absolute left-2.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-muted-foreground\" />\n                      <input\n                        className=\"w-full pl-8 pr-3 py-1.5 text-sm border rounded-md outline-none focus:ring-1 focus:ring-ring bg-background\"\n                        placeholder={t('sidebar.searchProject')}\n                        value={contextSearch}\n                        onChange={(e) => setContextSearch(e.target.value)}\n                        autoFocus\n                      />\n                    </div>\n                  </div>\n                </PopoverContent>\n              </Popover>\n            ) : contextHeader && collapsed ? (\n              <div className=\"mb-3 w-full flex justify-center py-1 rounded-md hover:bg-sidebar-accent transition-colors\">\n                {contextHeader}\n              </div>\n            ) : null}\n\n            {!collapsed && contextHeader && <Separator className=\"my-3\" />}\n\n            {/* Context Menu Items */}\n            <div className=\"space-y-1\">\n              {contextMenuItems.map((item) => {\n                const active = item.path ? isActive(item.path) : false;\n                return renderMenuItem(item, active);\n              })}\n            </div>\n\n            {footerItems.length > 0 && (\n              <>\n                {!collapsed && <Separator className=\"my-3\" />}\n                <div className=\"space-y-1\">\n                  {footerItems.map((item) => renderMenuItem(item, false))}\n                </div>\n              </>\n            )}\n          </>\n        ) : (\n          <>\n            {/* Main Menu Items */}\n            <div className=\"space-y-1\">\n              {sidebar.menuItems.map((item) => renderMenuItemOrGroup(item))}\n            </div>\n\n            {sidebar.recentItems && (\n              <>\n                {!collapsed && <Separator className=\"my-3\" />}\n\n                {!collapsed ? (\n                  <div className=\"space-y-1\">\n                    <h3 className=\"px-3 py-1 text-xs font-medium text-muted-foreground uppercase tracking-wider\">\n                      {sidebar.recentItems.title}\n                    </h3>\n                    <div className=\"space-y-0.5\">\n                      {sidebar.recentItems.items.map((item) => (\n                        <Link\n                          key={item.path}\n                          to={item.path}\n                          className=\"flex items-center gap-2 px-3 py-2 rounded-md text-sm text-sidebar-foreground hover:bg-sidebar-accent\"\n                        >\n                          {item.color && (\n                            <div\n                              className=\"w-5 h-5 rounded flex items-center justify-center text-white text-[9px] font-bold flex-shrink-0\"\n                              style={{ backgroundColor: item.color }}\n                            >\n                              {item.badge}\n                            </div>\n                          )}\n                          <span className=\"truncate\">{item.label}</span>\n                        </Link>\n                      ))}\n                    </div>\n                  </div>\n                ) : (\n                  <div className=\"space-y-0.5 mt-3\">\n                    {sidebar.recentItems.items.map((item) => (\n                      <TooltipProvider key={item.path} delayDuration={0}>\n                        <Tooltip>\n                          <TooltipTrigger asChild>\n                            <Link\n                              to={item.path}\n                              className=\"flex justify-center px-3 py-2 rounded-md text-sidebar-foreground hover:bg-sidebar-accent\"\n                            >\n                              {item.color && (\n                                <div\n                                  className=\"w-5 h-5 rounded flex items-center justify-center text-white text-[9px] font-bold\"\n                                  style={{ backgroundColor: item.color }}\n                                >\n                                  {item.badge}\n                                </div>\n                              )}\n                            </Link>\n                          </TooltipTrigger>\n                          <TooltipContent side=\"right\">\n                            <p className=\"font-medium text-sm\">{item.label}</p>\n                          </TooltipContent>\n                        </Tooltip>\n                      </TooltipProvider>\n                    ))}\n                  </div>\n                )}\n              </>\n            )}\n          </>\n        )}\n      </nav>\n\n      {/* Collapse Toggle Button */}\n      <div className=\"px-3 py-2 border-t border-sidebar-border\">\n        <TooltipProvider delayDuration={0}>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => setCollapsed(!collapsed)}\n                className={`w-full h-8 ${collapsed ? 'px-0 justify-center' : 'justify-start'} hover:bg-sidebar-accent`}\n              >\n                {collapsed ? (\n                  <ChevronsRight className=\"w-3.5 h-3.5 text-muted-foreground\" />\n                ) : (\n                  <>\n                    <ChevronsLeft className=\"w-3.5 h-3.5 text-muted-foreground mr-2\" />\n                    <span className=\"text-xs text-muted-foreground\">{t('sidebar.collapse')}</span>\n                  </>\n                )}\n              </Button>\n            </TooltipTrigger>\n            <TooltipContent side=\"right\">\n              {collapsed ? t('sidebar.expandSidebar') : t('sidebar.collapseSidebar')}\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      </div>\n\n      {/* Organization & Branch selector */}\n      {!collapsed ? (\n        <div className=\"border-t border-sidebar-border\">\n          <OrganizationSelector variant=\"sidebar\" />\n        </div>\n      ) : (\n        selectedOrganization && (\n          <TooltipProvider delayDuration={0}>\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <div className=\"px-3 py-3 border-t border-sidebar-border flex justify-center cursor-pointer hover:bg-sidebar-accent transition-colors\">\n                  <div\n                    className=\"w-8 h-8 rounded-lg flex items-center justify-center text-white font-bold text-xs\"\n                    style={{ backgroundColor: selectedOrganization.color }}\n                  >\n                    {selectedOrganization.shortName}\n                  </div>\n                </div>\n              </TooltipTrigger>\n              <TooltipContent side=\"right\">\n                <p className=\"font-semibold text-sm\">{selectedOrganization.name}</p>\n                {selectedBranch && (\n                  <p className=\"text-xs text-muted-foreground\">{selectedBranch.name}</p>\n                )}\n              </TooltipContent>\n            </Tooltip>\n          </TooltipProvider>\n        )\n      )}\n    </aside>\n  );\n}\n"]}