@fayz-ai/ui 0.8.4 → 0.8.5

package/dist/chunk-7ZQQZD4Q.cjs

@@ -1,1823 +0,0 @@
-'use strict';
-
-var chunkOW73RZOU_cjs = require('./chunk-OW73RZOU.cjs');
-var chunkH6OULCHF_cjs = require('./chunk-H6OULCHF.cjs');
-var React3 = require('react');
-var lucideReact = require('lucide-react');
-var Tooltip = require('@radix-ui/react-tooltip');
-var zustand = require('zustand');
-var jsxRuntime = require('react/jsx-runtime');
-var Popover = require('@radix-ui/react-popover');
-var reactDom = require('react-dom');
-var core = require('@fayz-ai/core');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
-var Tooltip__namespace = /*#__PURE__*/_interopNamespace(Tooltip);
-var Popover__namespace = /*#__PURE__*/_interopNamespace(Popover);
-
-var useLayoutStore = zustand.create((set) => ({
-  sidebarOpen: true,
-  sidebarCollapsed: false,
-  mobileDrawerOpen: false,
-  commandPaletteOpen: false,
-  toggleSidebar: () => set((state) => ({ sidebarOpen: !state.sidebarOpen })),
-  setSidebarCollapsed: (collapsed) => set({ sidebarCollapsed: collapsed }),
-  toggleMobileDrawer: () => set((state) => ({ mobileDrawerOpen: !state.mobileDrawerOpen })),
-  setCommandPaletteOpen: (open) => set({ commandPaletteOpen: open })
-}));
-var ICON_MAP = {
-  Home: lucideReact.Home,
-  Users: lucideReact.Users,
-  Settings: lucideReact.Settings,
-  CreditCard: lucideReact.CreditCard,
-  Bell: lucideReact.Bell,
-  Calendar: lucideReact.Calendar,
-  CalendarClock: lucideReact.CalendarClock,
-  Package: lucideReact.Package,
-  Activity: lucideReact.Activity,
-  BarChart3: lucideReact.BarChart3,
-  FileText: lucideReact.FileText,
-  Mail: lucideReact.Mail,
-  DollarSign: lucideReact.DollarSign,
-  Megaphone: lucideReact.Megaphone,
-  ShoppingCart: lucideReact.ShoppingCart,
-  Target: lucideReact.Target,
-  Wrench: lucideReact.Wrench,
-  Truck: lucideReact.Truck,
-  Receipt: lucideReact.Receipt,
-  ShoppingBag: lucideReact.ShoppingBag,
-  ClipboardList: lucideReact.ClipboardList,
-  ListChecks: lucideReact.ListChecks,
-  Briefcase: lucideReact.Briefcase,
-  UserCog: lucideReact.UserCog,
-  BookOpen: lucideReact.BookOpen,
-  BookOpenCheck: lucideReact.BookOpenCheck,
-  MessageCircle: lucideReact.MessageCircle,
-  Globe: lucideReact.Globe,
-  Percent: lucideReact.Percent,
-  Tag: lucideReact.Tag,
-  Tags: lucideReact.Tags,
-  Camera: lucideReact.Camera,
-  UtensilsCrossed: lucideReact.UtensilsCrossed,
-  MapPin: lucideReact.MapPin,
-  Map: lucideReact.Map,
-  Handshake: lucideReact.Handshake,
-  Contact: lucideReact.Contact,
-  Building2: lucideReact.Building2,
-  Filter: lucideReact.Filter,
-  Plus: lucideReact.Plus,
-  List: lucideReact.List,
-  ListPlus: lucideReact.ListPlus,
-  Search: lucideReact.Search,
-  Shield: lucideReact.Shield,
-  Ban: lucideReact.Ban,
-  Clock: lucideReact.Clock,
-  Dog: lucideReact.Dog,
-  Cat: lucideReact.Cat,
-  PawPrint: lucideReact.PawPrint,
-  Heart: lucideReact.Heart,
-  FolderOpen: lucideReact.FolderOpen,
-  LayoutTemplate: lucideReact.LayoutTemplate,
-  LeafyGreen: lucideReact.LeafyGreen,
-  Apple: lucideReact.Apple,
-  Egg: lucideReact.Egg,
-  Wheat: lucideReact.Wheat,
-  PartyPopper: lucideReact.PartyPopper,
-  Radio: lucideReact.Radio,
-  CalendarDays: lucideReact.CalendarDays,
-  CalendarCheck2: lucideReact.CalendarCheck2,
-  CalendarX: lucideReact.CalendarX,
-  BadgeDollarSign: lucideReact.BadgeDollarSign,
-  Banknote: lucideReact.Banknote,
-  Landmark: lucideReact.Landmark,
-  CircleDollarSign: lucideReact.CircleDollarSign,
-  Layers: lucideReact.Layers,
-  Music: lucideReact.Music,
-  Eye: lucideReact.Eye,
-  ListMusic: lucideReact.ListMusic,
-  Disc3: lucideReact.Disc3,
-  UsersRound: lucideReact.UsersRound,
-  Mic: lucideReact.Mic,
-  Zap: lucideReact.Zap,
-  Award: lucideReact.Award,
-  LayoutDashboard: lucideReact.LayoutDashboard,
-  MessageSquare: lucideReact.MessageSquare,
-  Inbox: lucideReact.Inbox,
-  Star: lucideReact.Star,
-  TrendingUp: lucideReact.TrendingUp,
-  UserCheck: lucideReact.UserCheck,
-  UserPlus: lucideReact.UserPlus,
-  UserX: lucideReact.UserX,
-  Workflow: lucideReact.Workflow,
-  Boxes: lucideReact.Boxes,
-  Clock3: lucideReact.Clock3,
-  FileCheck2: lucideReact.FileCheck2,
-  GraduationCap: lucideReact.GraduationCap,
-  Repeat: lucideReact.Repeat,
-  User: lucideReact.User,
-  Palette: lucideReact.Palette,
-  ShieldCheck: lucideReact.ShieldCheck,
-  SlidersHorizontal: lucideReact.SlidersHorizontal,
-  Puzzle: lucideReact.Puzzle
-};
-var RAIL_PUSH_MS = 260;
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React3__namespace.useLayoutEffect : React3__namespace.useEffect;
-function getIcon(name) {
-  return ICON_MAP[name] ?? lucideReact.Home;
-}
-function NavItem({
-  item,
-  collapsed,
-  isActive,
-  onNavigate
-}) {
-  const Icon = getIcon(item.icon);
-  const isExternal = !!item.href;
-  const className = chunkH6OULCHF_cjs.cn(
-    "flex w-full items-center gap-3 rounded-md px-2.5 py-1.5 text-[13px] font-medium transition-colors",
-    "hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground",
-    isActive ? "bg-sidebar-accent font-semibold text-sidebar-accent-foreground shadow-sm" : "text-sidebar-foreground/80",
-    collapsed && "justify-center px-2"
-  );
-  const inner = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4 shrink-0" }),
-    !collapsed && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate text-left", children: item.label }),
-      isExternal && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "ml-auto h-3.5 w-3.5 shrink-0 opacity-50", "aria-hidden": true }),
-      item.premium && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Crown, { className: chunkH6OULCHF_cjs.cn("h-3.5 w-3.5 shrink-0 text-amber-500", !isExternal && "ml-auto"), "aria-hidden": true }),
-      item.badge !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkH6OULCHF_cjs.cn("rounded-full bg-primary px-2 py-0.5 text-xs font-semibold text-primary-foreground", !isExternal && !item.premium && "ml-auto"), children: item.badge })
-    ] })
-  ] });
-  const content = isExternal ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: item.href, target: "_blank", rel: "noopener noreferrer", className, children: inner }) : /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => onNavigate(item.route), className, children: inner });
-  if (collapsed) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Tooltip__namespace.Root, { delayDuration: 0, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Tooltip__namespace.Trigger, { asChild: true, children: content }),
-      /* @__PURE__ */ jsxRuntime.jsx(Tooltip__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-        Tooltip__namespace.Content,
-        {
-          side: "right",
-          sideOffset: 8,
-          className: "fayz-glass-surface z-50 rounded-md bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md",
-          children: [
-            item.label,
-            item.premium && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Crown, { className: "ml-1.5 inline h-3 w-3 text-amber-500", "aria-hidden": true }),
-            item.badge !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2 rounded-full bg-primary px-1.5 py-0.5 text-xs text-primary-foreground", children: item.badge }),
-            /* @__PURE__ */ jsxRuntime.jsx(Tooltip__namespace.Arrow, { className: "fill-popover" })
-          ]
-        }
-      ) })
-    ] });
-  }
-  return content;
-}
-function routeMatchScore(route, path) {
-  if (path === route) return route.length + 1;
-  if (route !== "/" && path.startsWith(route + "/")) return route.length;
-  return -1;
-}
-function resolveActiveRoute(navigation, path) {
-  let best = null;
-  let bestScore = 0;
-  const consider = (route) => {
-    if (!route) return;
-    const score = routeMatchScore(route, path);
-    if (score > bestScore) {
-      bestScore = score;
-      best = route;
-    }
-  };
-  for (const item of navigation) {
-    consider(item.route);
-    for (const child of item.children ?? []) consider(child.route);
-  }
-  return best;
-}
-function NavGroup({
-  item,
-  collapsed,
-  activeRoute,
-  onNavigate
-}) {
-  const isChildActive = item.children?.some((c) => c.route === activeRoute);
-  const [open, setOpen] = React3__namespace.useState(() => isChildActive ?? false);
-  const Icon = getIcon(item.icon);
-  if (collapsed) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Tooltip__namespace.Root, { delayDuration: 0, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Tooltip__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          onClick: () => onNavigate(item.route),
-          className: chunkH6OULCHF_cjs.cn(
-            "flex w-full items-center justify-center rounded-md px-2 py-2 text-sm font-medium transition-colors",
-            "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-            isChildActive ? "bg-sidebar-accent text-sidebar-accent-foreground" : "text-sidebar-muted"
-          ),
-          children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4 shrink-0" })
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(Tooltip__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip__namespace.Content, { side: "right", sideOffset: 8, className: "fayz-glass-surface z-50 rounded-md bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md", children: [
-        item.label,
-        /* @__PURE__ */ jsxRuntime.jsx(Tooltip__namespace.Arrow, { className: "fill-popover" })
-      ] }) })
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        onClick: () => setOpen(!open),
-        className: chunkH6OULCHF_cjs.cn(
-          "flex w-full items-center gap-3 rounded-md px-3 py-2 text-sm font-medium transition-colors",
-          "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-          isChildActive ? "text-sidebar-accent-foreground" : "text-sidebar-muted"
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4 shrink-0" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate text-left", children: item.label }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: chunkH6OULCHF_cjs.cn("h-3.5 w-3.5 shrink-0 transition-transform", open && "rotate-180") })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-4 mt-0.5 space-y-0.5 border-l border-sidebar-border/50 pl-3", children: item.children?.map((child) => {
-      const ChildIcon = getIcon(child.icon);
-      const isActive = child.route === activeRoute;
-      const childExternal = !!child.href;
-      const childClass = chunkH6OULCHF_cjs.cn(
-        "flex w-full items-center gap-2.5 rounded-md px-2 py-1.5 text-sm transition-colors",
-        isActive ? "font-medium text-sidebar-accent-foreground" : "text-sidebar-muted hover:text-sidebar-accent-foreground"
-      );
-      const childInner = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ChildIcon, { className: "h-3.5 w-3.5 shrink-0" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate text-left", children: child.label }),
-        childExternal && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "h-3 w-3 shrink-0 opacity-50", "aria-hidden": true }),
-        child.premium && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Crown, { className: "h-3 w-3 shrink-0 text-amber-500", "aria-hidden": true })
-      ] });
-      return childExternal ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: child.href, target: "_blank", rel: "noopener noreferrer", className: childClass, children: childInner }, child.id) : /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => onNavigate(child.route), className: childClass, children: childInner }, child.id);
-    }) })
-  ] });
-}
-function Sidebar({
-  navigation,
-  logo,
-  collapsed,
-  onToggle,
-  onNavigate,
-  currentPath: currentPathProp = "/",
-  user: _user,
-  orgSwitcher,
-  topContent,
-  footerContent,
-  borderless,
-  userMenuSlot,
-  notificationSlot,
-  unreadCount = 0,
-  sectionLabels,
-  navKey,
-  navDirection = "forward"
-}) {
-  const currentPath = currentPathProp;
-  const setCommandPaletteOpen = useLayoutStore((s) => s.setCommandPaletteOpen);
-  const activeRoute = resolveActiveRoute(navigation, currentPath);
-  const mainItems = navigation.filter((item) => item.section === "main");
-  const secondaryItems = navigation.filter((item) => item.section === "secondary");
-  const settingsItems = navigation.filter((item) => item.section === "settings");
-  const handleNavigate = (route) => {
-    onNavigate?.(route);
-  };
-  const sectionHeading = (label) => label && !collapsed ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-2.5 pb-1 pt-1 text-[10px] font-semibold uppercase tracking-wider text-sidebar-muted", children: label }) : null;
-  const renderItem = (item) => item.children && item.children.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(NavGroup, { item, collapsed, activeRoute, onNavigate: handleNavigate }, item.id) : /* @__PURE__ */ jsxRuntime.jsx(
-    NavItem,
-    {
-      item,
-      collapsed,
-      isActive: item.route === activeRoute,
-      onNavigate: handleNavigate
-    },
-    item.id
-  );
-  const navBody = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    topContent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 space-y-2", children: React3__namespace.isValidElement(topContent) ? React3__namespace.cloneElement(topContent, { collapsed }) : topContent }),
-    mainItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-      sectionHeading(sectionLabels?.main),
-      mainItems.map(renderItem)
-    ] }),
-    secondaryItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 space-y-1", children: [
-      sectionHeading(sectionLabels?.secondary),
-      secondaryItems.map(renderItem)
-    ] })
-  ] });
-  const [outgoing, setOutgoing] = React3__namespace.useState(null);
-  const lastBodyRef = React3__namespace.useRef(null);
-  const lastKeyRef = React3__namespace.useRef(navKey);
-  const timerRef = React3__namespace.useRef(null);
-  useIsomorphicLayoutEffect(() => {
-    if (lastKeyRef.current !== navKey) {
-      const previousBody = lastBodyRef.current;
-      lastKeyRef.current = navKey;
-      if (previousBody) {
-        setOutgoing({ body: previousBody, direction: navDirection });
-        if (timerRef.current) clearTimeout(timerRef.current);
-        timerRef.current = setTimeout(() => setOutgoing(null), RAIL_PUSH_MS);
-      }
-    }
-    lastBodyRef.current = navBody;
-  });
-  React3__namespace.useEffect(() => () => {
-    if (timerRef.current) clearTimeout(timerRef.current);
-  }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip__namespace.Provider, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "aside",
-    {
-      "data-print": "hide",
-      className: chunkH6OULCHF_cjs.cn(
-        "flex h-full flex-col bg-sidebar text-sidebar-foreground transition-all duration-200",
-        !borderless && "border-r border-sidebar-border",
-        collapsed ? "w-16" : "w-64"
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: chunkH6OULCHF_cjs.cn(
-              "flex h-14 items-center justify-between px-4",
-              !borderless && "border-b border-sidebar-border",
-              collapsed && "justify-center px-2"
-            ),
-            children: [
-              !collapsed && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                logo ?? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-bold", children: "App" }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    onClick: onToggle,
-                    className: "ml-auto rounded-md p-1.5 text-sidebar-muted transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-                    "aria-label": "Collapse sidebar",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelLeftClose, { className: "h-4 w-4" })
-                  }
-                )
-              ] }),
-              collapsed && /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  onClick: onToggle,
-                  className: "rounded-md p-1.5 text-sidebar-muted transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-                  "aria-label": "Expand sidebar",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelLeft, { className: "h-4 w-4" })
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "nav",
-          {
-            className: chunkH6OULCHF_cjs.cn(
-              "relative flex-1 p-2",
-              // scrollbar-none: the rail still scrolls, but without the native
-              // scrollbar gutter eating into the nav items.
-              outgoing ? "overflow-hidden" : "overflow-y-auto scrollbar-none"
-            ),
-            children: [
-              outgoing && /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  "aria-hidden": true,
-                  className: chunkH6OULCHF_cjs.cn(
-                    "pointer-events-none absolute inset-x-2 top-2 space-y-1",
-                    outgoing.direction === "back" ? "saas-rail-out-back" : "saas-rail-out-forward"
-                  ),
-                  children: outgoing.body
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: chunkH6OULCHF_cjs.cn(
-                    "space-y-1",
-                    outgoing && (outgoing.direction === "back" ? "saas-rail-in-back" : "saas-rail-in-forward")
-                  ),
-                  children: navBody
-                },
-                navKey
-              )
-            ]
-          }
-        ),
-        settingsItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH6OULCHF_cjs.cn("p-2 space-y-1", !borderless && "border-t border-sidebar-border"), children: settingsItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
-          NavItem,
-          {
-            item,
-            collapsed,
-            isActive: item.route === activeRoute,
-            onNavigate: handleNavigate
-          },
-          item.id
-        )) }),
-        footerContent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH6OULCHF_cjs.cn("p-2", !borderless && "border-t border-sidebar-border"), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: footerContent }) }),
-        orgSwitcher && React3__namespace.isValidElement(orgSwitcher) ? React3__namespace.cloneElement(orgSwitcher, { collapsed }) : orgSwitcher,
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH6OULCHF_cjs.cn("p-2", !borderless && "border-t border-sidebar-border"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH6OULCHF_cjs.cn(
-          "flex items-center rounded-md",
-          collapsed ? "flex-col gap-1" : "gap-1 px-1"
-        ), children: [
-          userMenuSlot,
-          !collapsed && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              onClick: () => setCommandPaletteOpen(true),
-              className: "inline-flex shrink-0 items-center justify-center rounded-md p-2 text-sidebar-muted transition-colors hover:bg-sidebar-accent/50 hover:text-sidebar-accent-foreground",
-              "aria-label": "Search",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "h-4 w-4" })
-            }
-          ),
-          notificationSlot ?? /* @__PURE__ */ jsxRuntime.jsxs(
-            "button",
-            {
-              className: "relative inline-flex shrink-0 items-center justify-center rounded-md p-2 text-sidebar-muted transition-colors hover:bg-sidebar-accent/50 hover:text-sidebar-accent-foreground",
-              "aria-label": unreadCount > 0 ? `${unreadCount} unread notifications` : "Notifications",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bell, { className: "h-4 w-4" }),
-                unreadCount > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-1 top-1 h-2 w-2 rounded-full bg-destructive" })
-              ]
-            }
-          )
-        ] }) })
-      ]
-    }
-  ) });
-}
-function TopbarUserMenu({
-  user,
-  userPlan,
-  billingLabel = "Subscription",
-  onSignOut,
-  onProfile,
-  onSettings,
-  onBilling,
-  userMenuExtras
-}) {
-  const [open, setOpen] = React3__namespace.useState(false);
-  if (!user) return null;
-  const initial = (user.fullName?.trim()?.[0] ?? user.email?.[0] ?? "?").toUpperCase();
-  const item = (label, onClick, Icon) => onClick ? /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      onClick: () => {
-        setOpen(false);
-        onClick();
-      },
-      className: "flex w-full items-center gap-2.5 rounded-lg px-3 py-2 text-sm text-popover-foreground transition-colors hover:bg-muted/70",
-      children: [
-        Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4 text-muted-foreground" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
-      ]
-    },
-    label
-  ) : null;
-  return /* @__PURE__ */ jsxRuntime.jsxs(Popover__namespace.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Popover__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        "aria-label": "User menu",
-        className: "ml-1 flex h-9 w-9 items-center justify-center overflow-hidden rounded-full bg-primary text-xs font-semibold text-primary-foreground ring-2 ring-transparent transition hover:ring-sidebar-border",
-        children: user.avatarUrl ? (
-          // eslint-disable-next-line @next/next/no-img-element
-          /* @__PURE__ */ jsxRuntime.jsx("img", { src: user.avatarUrl, alt: "", className: "h-full w-full object-cover" })
-        ) : initial
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(Popover__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-      Popover__namespace.Content,
-      {
-        align: "end",
-        sideOffset: 8,
-        className: "fayz-glass-surface z-50 min-w-[220px] rounded-xl border border-border bg-popover p-1.5 shadow-lg animate-in fade-in-0 zoom-in-95",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-border px-3 py-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-sm font-medium text-foreground", children: user.fullName || user.email }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-xs text-muted-foreground", children: user.email })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 space-y-0.5", children: [
-            item("Perfil", onProfile, lucideReact.UserCog),
-            item("Configura\xE7\xF5es", onSettings, lucideReact.Settings),
-            onBilling && /* @__PURE__ */ jsxRuntime.jsxs(
-              "button",
-              {
-                onClick: () => {
-                  setOpen(false);
-                  onBilling();
-                },
-                className: "flex w-full items-center gap-2.5 rounded-lg px-3 py-2 text-sm text-popover-foreground transition-colors hover:bg-muted/70",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CreditCard, { className: "h-4 w-4 text-muted-foreground" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-left", children: billingLabel }),
-                  userPlan && /* @__PURE__ */ jsxRuntime.jsxs(
-                    "span",
-                    {
-                      className: userPlan.paid ? "inline-flex items-center gap-1 rounded-full border border-amber-400/40 bg-amber-400/15 px-2 py-0.5 text-[10px] font-semibold text-amber-600 dark:text-amber-300" : "inline-flex items-center gap-1 rounded-full border border-border bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground",
-                      children: [
-                        userPlan.paid ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Crown, { className: "h-3 w-3" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "h-3 w-3" }),
-                        userPlan.label
-                      ]
-                    }
-                  )
-                ]
-              },
-              "billing"
-            ),
-            userMenuExtras?.map((e) => item(e.label, e.onClick)),
-            onSignOut && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-1 border-t border-border" }),
-              item("Sair", onSignOut, lucideReact.LogOut)
-            ] })
-          ] })
-        ]
-      }
-    ) })
-  ] });
-}
-var ICON_MAP2 = {
-  Home: lucideReact.Home,
-  Users: lucideReact.Users,
-  Settings: lucideReact.Settings,
-  CreditCard: lucideReact.CreditCard,
-  Bell: lucideReact.Bell,
-  Calendar: lucideReact.Calendar,
-  CalendarClock: lucideReact.CalendarClock,
-  Package: lucideReact.Package,
-  Activity: lucideReact.Activity,
-  BarChart3: lucideReact.BarChart3,
-  FileText: lucideReact.FileText,
-  Mail: lucideReact.Mail,
-  DollarSign: lucideReact.DollarSign,
-  Megaphone: lucideReact.Megaphone,
-  ShoppingCart: lucideReact.ShoppingCart,
-  ShoppingBag: lucideReact.ShoppingBag,
-  Target: lucideReact.Target,
-  Wrench: lucideReact.Wrench,
-  ClipboardList: lucideReact.ClipboardList,
-  ClipboardCheck: lucideReact.ClipboardCheck,
-  Briefcase: lucideReact.Briefcase,
-  UserCog: lucideReact.UserCog,
-  BookOpen: lucideReact.BookOpen,
-  MessageCircle: lucideReact.MessageCircle,
-  Globe: lucideReact.Globe,
-  BookOpenCheck: lucideReact.BookOpenCheck,
-  Percent: lucideReact.Percent,
-  Tag: lucideReact.Tag,
-  Tags: lucideReact.Tags,
-  Camera: lucideReact.Camera,
-  UtensilsCrossed: lucideReact.UtensilsCrossed,
-  Search: lucideReact.Search,
-  MapPin: lucideReact.MapPin,
-  Handshake: lucideReact.Handshake,
-  Contact: lucideReact.Contact,
-  Building2: lucideReact.Building2,
-  ChevronDown: lucideReact.ChevronDown,
-  Filter: lucideReact.Filter,
-  Plus: lucideReact.Plus,
-  Shield: lucideReact.Shield,
-  List: lucideReact.List,
-  ListChecks: lucideReact.ListChecks,
-  FolderOpen: lucideReact.FolderOpen,
-  Dog: lucideReact.Dog,
-  Cat: lucideReact.Cat,
-  PawPrint: lucideReact.PawPrint,
-  Heart: lucideReact.Heart,
-  LayoutTemplate: lucideReact.LayoutTemplate,
-  LeafyGreen: lucideReact.LeafyGreen,
-  Apple: lucideReact.Apple,
-  Egg: lucideReact.Egg,
-  Wheat: lucideReact.Wheat,
-  ArrowDownCircle: lucideReact.ArrowDownCircle,
-  ArrowUpCircle: lucideReact.ArrowUpCircle,
-  ArrowLeftRight: lucideReact.ArrowLeftRight,
-  Plug: lucideReact.Plug,
-  SlidersHorizontal: lucideReact.SlidersHorizontal,
-  TableProperties: lucideReact.TableProperties,
-  Landmark: lucideReact.Landmark,
-  Receipt: lucideReact.Receipt,
-  TrendingUp: lucideReact.TrendingUp,
-  CircleDollarSign: lucideReact.CircleDollarSign,
-  Clock: lucideReact.Clock,
-  AlertTriangle: lucideReact.AlertTriangle,
-  Sparkles: lucideReact.Sparkles,
-  Wallet: lucideReact.Wallet,
-  Warehouse: lucideReact.Warehouse,
-  Ruler: lucideReact.Ruler,
-  ArrowUpRight: lucideReact.ArrowUpRight,
-  ArrowDownRight: lucideReact.ArrowDownRight,
-  UserPlus: lucideReact.UserPlus,
-  UserX: lucideReact.UserX,
-  TreePalm: lucideReact.TreePalm,
-  Boxes: lucideReact.Boxes,
-  Box: lucideReact.Box,
-  FileCheck2: lucideReact.FileCheck2,
-  PartyPopper: lucideReact.PartyPopper,
-  Radio: lucideReact.Radio,
-  CalendarDays: lucideReact.CalendarDays,
-  BadgeDollarSign: lucideReact.BadgeDollarSign,
-  Banknote: lucideReact.Banknote,
-  Layers: lucideReact.Layers,
-  Music: lucideReact.Music,
-  Eye: lucideReact.Eye,
-  ListMusic: lucideReact.ListMusic,
-  Disc3: lucideReact.Disc3,
-  UsersRound: lucideReact.UsersRound,
-  Mic: lucideReact.Mic,
-  CalendarCheck2: lucideReact.CalendarCheck2,
-  CalendarX: lucideReact.CalendarX,
-  ListPlus: lucideReact.ListPlus,
-  Map: lucideReact.Map,
-  Ban: lucideReact.Ban,
-  Clock3: lucideReact.Clock3,
-  Inbox: lucideReact.Inbox,
-  UserCheck: lucideReact.UserCheck,
-  Star: lucideReact.Star,
-  Zap: lucideReact.Zap,
-  Clapperboard: lucideReact.Clapperboard,
-  Newspaper: lucideReact.Newspaper,
-  GraduationCap: lucideReact.GraduationCap,
-  Repeat: lucideReact.Repeat
-};
-function getIcon2(name) {
-  return ICON_MAP2[name] ?? lucideReact.Home;
-}
-function NavDropdown({ item, currentPath, onNavigate }) {
-  const [open, setOpen] = React3__namespace.useState(false);
-  const Icon = getIcon2(item.icon);
-  const isChildActive = item.children?.some(
-    (child) => currentPath === child.route || currentPath.startsWith(child.route + "/")
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(Popover__namespace.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Popover__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        "data-nav-active": isChildActive || void 0,
-        className: chunkH6OULCHF_cjs.cn(
-          "flex items-center gap-1.5 whitespace-nowrap border-b-2 px-3 py-2 text-sm transition-colors",
-          isChildActive ? "border-sidebar-accent-foreground font-semibold text-sidebar-foreground" : "border-transparent text-sidebar-muted hover:text-sidebar-foreground"
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: chunkH6OULCHF_cjs.cn("h-3 w-3 transition-transform", open && "rotate-180") })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(Popover__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      Popover__namespace.Content,
-      {
-        align: "start",
-        sideOffset: 4,
-        className: "fayz-glass-surface z-50 min-w-[200px] rounded-xl border border-border bg-popover p-1.5 shadow-lg animate-in fade-in-0 zoom-in-95",
-        children: item.children?.map((child) => {
-          const ChildIcon = getIcon2(child.icon);
-          const isActive = currentPath === child.route || currentPath.startsWith(child.route + "/");
-          return /* @__PURE__ */ jsxRuntime.jsxs(
-            "button",
-            {
-              onClick: () => {
-                onNavigate(child.route);
-                setOpen(false);
-              },
-              className: chunkH6OULCHF_cjs.cn(
-                "flex w-full items-center gap-2.5 rounded-lg px-3 py-2 text-sm transition-colors",
-                isActive ? "bg-muted font-medium text-foreground" : "text-popover-foreground hover:bg-muted/70"
-              ),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(ChildIcon, { className: "h-4 w-4 text-muted-foreground" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: child.label })
-              ]
-            },
-            child.id
-          );
-        })
-      }
-    ) })
-  ] });
-}
-function Topbar({
-  navigation,
-  logo,
-  user,
-  onMenuClick,
-  orgSwitcher,
-  leftContent,
-  rightContent,
-  currentPath = "/",
-  onNavigate,
-  searchPlaceholder = "Search...",
-  onSignOut,
-  onProfile,
-  onSettings,
-  onBilling,
-  userPlan,
-  billingLabel,
-  userMenuExtras
-}) {
-  const setCommandPaletteOpen = useLayoutStore((s) => s.setCommandPaletteOpen);
-  const mainNav = navigation.filter((item) => item.section === "main");
-  const secondaryNav = navigation.filter((item) => item.section === "secondary");
-  const allNav = [...mainNav, ...secondaryNav];
-  const handleNavigate = (route) => {
-    onNavigate?.(route);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("header", { "data-print": "hide", className: "sticky top-0 z-50 w-full shrink-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-sidebar-border bg-sidebar text-sidebar-foreground", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-14 w-full items-center justify-between px-4 md:px-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-        onMenuClick && /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            onClick: onMenuClick,
-            className: "inline-flex items-center justify-center rounded-md p-2 text-sidebar-foreground/70 hover:bg-sidebar/30 hover:text-sidebar-foreground md:hidden",
-            "aria-label": "Open menu",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Menu, { className: "h-5 w-5" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden shrink-0 items-center md:flex", children: logo ?? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-bold", children: "App" }) }),
-        orgSwitcher && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden min-w-0 items-center md:flex", children: orgSwitcher })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-8 hidden max-w-sm flex-1 md:flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          onClick: () => setCommandPaletteOpen(true),
-          className: "relative flex h-8 w-full items-center rounded-md border border-sidebar-border bg-sidebar-accent px-3 pl-8 text-sm text-sidebar-muted shadow-sm transition-colors hover:border-sidebar-foreground/25 hover:bg-sidebar-foreground/10 hover:text-sidebar-foreground",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-sidebar-muted" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: searchPlaceholder }),
-            /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: "ml-auto hidden rounded border border-sidebar-border bg-sidebar-accent px-1.5 py-0.5 text-[10px] font-medium text-sidebar-muted sm:inline-block", children: "\u2318K" })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
-        leftContent,
-        rightContent,
-        /* @__PURE__ */ jsxRuntime.jsx(
-          TopbarUserMenu,
-          {
-            user,
-            userPlan,
-            billingLabel,
-            onSignOut,
-            onProfile,
-            onSettings,
-            onBilling,
-            userMenuExtras
-          }
-        )
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden md:block bg-sidebar", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 w-full items-center px-4 md:px-6", children: /* @__PURE__ */ jsxRuntime.jsx("nav", { ref: (el) => {
-      if (!el) return;
-      const active = el.querySelector('[data-nav-active="true"]');
-      if (active) {
-        const left = active.offsetLeft - el.offsetWidth / 2 + active.offsetWidth / 2;
-        el.scrollTo({ left: Math.max(0, left), behavior: "smooth" });
-      }
-    }, className: "flex items-center gap-0.5 overflow-x-auto scrollbar-none", children: allNav.map((item) => {
-      if (item.children && item.children.length > 0) {
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          NavDropdown,
-          {
-            item,
-            currentPath,
-            onNavigate: handleNavigate
-          },
-          item.id
-        );
-      }
-      const Icon = getIcon2(item.icon);
-      const isActive = item.route === "/" ? currentPath === "/" : currentPath === item.route || currentPath.startsWith(item.route + "/");
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          "data-nav-active": isActive || void 0,
-          onClick: () => handleNavigate(item.route),
-          className: chunkH6OULCHF_cjs.cn(
-            "flex items-center gap-1.5 whitespace-nowrap border-b-2 px-3 py-2 text-sm transition-colors",
-            isActive ? "border-primary font-semibold text-sidebar-foreground" : "border-transparent text-sidebar-muted hover:text-sidebar-foreground"
-          ),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label }),
-            item.premium && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Crown, { className: "h-3 w-3 text-amber-500", "aria-hidden": true }),
-            item.badge !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-primary px-1.5 py-0.5 text-[10px] font-semibold text-primary-foreground", children: item.badge })
-          ]
-        },
-        item.id
-      );
-    }) }) }) })
-  ] });
-}
-var ModuleHeaderSlotContext = React3__namespace.createContext(null);
-function useModuleHeaderSlot() {
-  return React3__namespace.useContext(ModuleHeaderSlotContext);
-}
-var ModuleHeaderActionsSlotContext = React3__namespace.createContext(null);
-function useModuleHeaderActionsSlot() {
-  return React3__namespace.useContext(ModuleHeaderActionsSlotContext);
-}
-function SidebarLayout({
-  navigation = [],
-  logo,
-  user,
-  children,
-  onNavigate,
-  onSignOut,
-  onProfile,
-  onSettings,
-  onBilling,
-  userMenuExtras: _userMenuExtras,
-  orgSwitcher,
-  sidebarTopContent,
-  sidebarFooterContent,
-  frame,
-  currentPath,
-  pageTitle,
-  topbarStart,
-  topbarEnd,
-  userMenuSlot,
-  notificationSlot,
-  unreadCount = 0,
-  hasBottomNav = false,
-  mobileHeader = "minimal",
-  sidebarSectionLabels,
-  sidebarNavKey,
-  sidebarNavDirection
-}) {
-  const sidebarCollapsed = useLayoutStore((s) => s.sidebarCollapsed);
-  const setSidebarCollapsed = useLayoutStore((s) => s.setSidebarCollapsed);
-  const [mobileMenuOpen, setMobileMenuOpen] = React3__namespace.useState(false);
-  const [headerSlot, setHeaderSlot] = React3__namespace.useState(null);
-  const [actionsSlot, setActionsSlot] = React3__namespace.useState(null);
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkOW73RZOU_cjs.SaveBarProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(ModuleHeaderSlotContext.Provider, { value: headerSlot, children: /* @__PURE__ */ jsxRuntime.jsx(ModuleHeaderActionsSlotContext.Provider, { value: actionsSlot, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH6OULCHF_cjs.cn(
-    "flex h-screen overflow-hidden bg-background",
-    // Frame mode: the inset gap around the framed card takes the sidebar (menu)
-    // color, so the white card reads as a panel floating on the same tone as the
-    // left menu. The card's own md:m-2 margin reveals this behind it.
-    frame && "md:bg-sidebar"
-  ), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden md:flex", children: /* @__PURE__ */ jsxRuntime.jsx(
-      Sidebar,
-      {
-        navigation,
-        logo,
-        collapsed: sidebarCollapsed,
-        onToggle: () => setSidebarCollapsed(!sidebarCollapsed),
-        onNavigate,
-        currentPath,
-        user,
-        onSignOut,
-        onProfile,
-        onSettings,
-        onBilling,
-        orgSwitcher,
-        topContent: sidebarTopContent,
-        footerContent: sidebarFooterContent,
-        borderless: false,
-        userMenuSlot,
-        notificationSlot,
-        unreadCount,
-        sectionLabels: sidebarSectionLabels,
-        navKey: sidebarNavKey,
-        navDirection: sidebarNavDirection
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH6OULCHF_cjs.cn(
-      "relative flex flex-1 flex-col overflow-hidden",
-      frame && "md:m-2 md:rounded-xl md:border md:border-border md:bg-card"
-    ), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH6OULCHF_cjs.cn(
-        "flex min-h-14 shrink-0 items-center justify-between gap-3 border-b border-border bg-card px-4 py-2",
-        mobileHeader !== "minimal" && "hidden md:flex"
-      ), children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-          !hasBottomNav && /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              onClick: () => setMobileMenuOpen(true),
-              className: "inline-flex items-center justify-center rounded-md p-2 text-muted-foreground hover:bg-accent md:hidden",
-              "aria-label": "Open menu",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Menu, { className: "h-5 w-5" })
-            }
-          ),
-          pageTitle && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-semibold text-lg", children: pageTitle }),
-          topbarStart,
-          /* @__PURE__ */ jsxRuntime.jsx("div", { ref: setHeaderSlot, className: "flex min-w-0 flex-1 items-center" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { ref: setActionsSlot, className: "flex items-center gap-2" }),
-          topbarEnd
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("main", { className: "min-w-0 flex-1 overflow-y-auto pb-16 md:pb-0", children }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkOW73RZOU_cjs.SaveBar, {})
-    ] }),
-    mobileMenuOpen && /* @__PURE__ */ jsxRuntime.jsx(
-      MobileOverlay,
-      {
-        navigation,
-        logo,
-        user,
-        currentPath,
-        onNavigate,
-        onSignOut,
-        onProfile,
-        onSettings,
-        onBilling,
-        orgSwitcher,
-        topContent: sidebarTopContent,
-        footerContent: sidebarFooterContent,
-        userMenuSlot,
-        notificationSlot,
-        unreadCount,
-        onClose: () => setMobileMenuOpen(false)
-      }
-    )
-  ] }) }) }) });
-}
-function TopbarLayout({
-  navigation = [],
-  logo,
-  user,
-  children,
-  onNavigate,
-  onSignOut,
-  onProfile,
-  onSettings,
-  onBilling,
-  userPlan,
-  billingLabel,
-  userMenuExtras,
-  orgSwitcher,
-  frame,
-  currentPath,
-  topbarStart,
-  topbarEnd,
-  notificationSlot,
-  hasBottomNav = false
-}) {
-  const [mobileMenuOpen, setMobileMenuOpen] = React3__namespace.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkOW73RZOU_cjs.SaveBarProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex h-screen flex-col overflow-hidden bg-background", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Topbar,
-      {
-        navigation,
-        logo,
-        user,
-        currentPath,
-        onNavigate,
-        onSignOut,
-        onProfile,
-        onSettings,
-        onBilling,
-        userPlan,
-        billingLabel,
-        userMenuExtras,
-        orgSwitcher,
-        leftContent: topbarStart,
-        rightContent: topbarEnd || notificationSlot ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          topbarEnd,
-          notificationSlot
-        ] }) : void 0,
-        onMenuClick: hasBottomNav ? void 0 : () => setMobileMenuOpen(true)
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("main", { className: chunkH6OULCHF_cjs.cn("flex min-w-0 min-h-0 flex-1 flex-col overflow-hidden", frame && "md:bg-sidebar md:p-2"), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH6OULCHF_cjs.cn("flex min-w-0 min-h-0 flex-1 flex-col overflow-hidden", frame && "md:rounded-xl md:border md:border-border md:bg-card"), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-y-auto pb-16 md:pb-0", children }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkOW73RZOU_cjs.SaveBar, {}),
-    mobileMenuOpen && /* @__PURE__ */ jsxRuntime.jsx(
-      MobileOverlay,
-      {
-        navigation,
-        logo,
-        user,
-        currentPath,
-        onNavigate,
-        onSignOut,
-        onProfile,
-        onSettings,
-        onBilling,
-        orgSwitcher,
-        userMenuSlot: user ? /* @__PURE__ */ jsxRuntime.jsx(DrawerUserRow, { user }) : void 0,
-        onClose: () => setMobileMenuOpen(false)
-      }
-    )
-  ] }) });
-}
-function DrawerUserRow({ user }) {
-  const label = user.fullName || user.email;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2 px-1", children: [
-    user.avatarUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: user.avatarUrl, alt: "", className: "h-7 w-7 shrink-0 rounded-full object-cover" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-primary text-xs font-semibold text-primary-foreground", children: (label || "?").charAt(0).toUpperCase() }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm font-medium text-sidebar-foreground", children: label })
-  ] });
-}
-function MinimalLayout({
-  logo,
-  user: _user,
-  children,
-  headerEnd
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-screen flex-col", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex h-14 shrink-0 items-center justify-between border-b border-border bg-card px-4 md:px-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-3", children: logo ?? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-bold", children: "App" }) }),
-      headerEnd && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: headerEnd })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("main", { className: "min-w-0 flex-1 overflow-y-auto pb-16 md:pb-0", children })
-  ] });
-}
-function MobileOverlay({ onClose, onNavigate, ...sidebarProps }) {
-  const [visible, setVisible] = React3__namespace.useState(false);
-  React3__namespace.useEffect(() => {
-    const id = requestAnimationFrame(() => setVisible(true));
-    return () => cancelAnimationFrame(id);
-  }, []);
-  const close = React3__namespace.useCallback(() => {
-    setVisible(false);
-    window.setTimeout(onClose, 250);
-  }, [onClose]);
-  React3__namespace.useEffect(() => {
-    const previous = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    return () => {
-      document.body.style.overflow = previous;
-    };
-  }, []);
-  React3__namespace.useEffect(() => {
-    const onKey = (e) => {
-      if (e.key === "Escape") close();
-    };
-    window.addEventListener("keydown", onKey);
-    return () => window.removeEventListener("keydown", onKey);
-  }, [close]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed inset-0 z-[60] md:hidden", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: chunkH6OULCHF_cjs.cn(
-          "absolute inset-0 bg-black/50 transition-opacity duration-300 ease-out",
-          visible ? "opacity-100" : "opacity-0"
-        ),
-        onClick: close
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: chunkH6OULCHF_cjs.cn(
-          "absolute inset-y-0 left-0 shadow-2xl transition-transform duration-300 ease-out will-change-transform",
-          visible ? "translate-x-0" : "-translate-x-full"
-        ),
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          Sidebar,
-          {
-            ...sidebarProps,
-            collapsed: false,
-            onToggle: close,
-            borderless: true,
-            onNavigate: (route) => {
-              onNavigate?.(route);
-              close();
-            }
-          }
-        )
-      }
-    )
-  ] });
-}
-var BOTTOM_NAV_ICONS = {
-  Home: lucideReact.Home,
-  Receipt: lucideReact.Receipt,
-  ArrowLeftRight: lucideReact.ArrowLeftRight,
-  Calendar: lucideReact.Calendar,
-  CreditCard: lucideReact.CreditCard,
-  Settings: lucideReact.Settings,
-  Menu: lucideReact.Menu,
-  MessageCircle: lucideReact.MessageCircle,
-  Wallet: lucideReact.Wallet,
-  PiggyBank: lucideReact.PiggyBank,
-  Plus: lucideReact.Plus
-};
-function FloatingProfileAvatar({ user, onClick }) {
-  if (!user) return null;
-  const label = user.fullName || user.email;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      type: "button",
-      onClick,
-      "aria-label": "Profile",
-      className: "fixed right-3 top-3 z-40 md:hidden",
-      children: user.avatarUrl ? /* @__PURE__ */ jsxRuntime.jsx(
-        "img",
-        {
-          src: user.avatarUrl,
-          alt: "",
-          className: "h-9 w-9 rounded-full object-cover shadow-md ring-2 ring-background"
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-9 w-9 items-center justify-center rounded-full bg-primary text-sm font-semibold text-primary-foreground shadow-md ring-2 ring-background", children: (label || "?").charAt(0).toUpperCase() })
-    }
-  );
-}
-function MobileBottomNav({
-  items,
-  currentPath,
-  onNavigate,
-  onAction
-}) {
-  const path = currentPath ?? "";
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "fixed inset-x-0 bottom-0 z-50 flex h-16 items-center justify-around border-t border-border bg-background md:hidden", children: items.map((item) => {
-    if (item.kind === "action") {
-      const ActionIcon = BOTTOM_NAV_ICONS[item.icon] ?? lucideReact.Plus;
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 items-start justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => onAction?.(item.id),
-          "aria-label": item.label ?? "Add",
-          className: "-mt-6 flex h-14 w-14 items-center justify-center rounded-full bg-primary text-primary-foreground shadow-lg shadow-primary/30 ring-4 ring-background transition-transform active:scale-95",
-          children: /* @__PURE__ */ jsxRuntime.jsx(ActionIcon, { className: "h-6 w-6" })
-        }
-      ) }, item.id);
-    }
-    const isActive = item.route === "/" ? path === "/" || path === "" : path === item.route || path.startsWith(item.route + "/");
-    const Icon = BOTTOM_NAV_ICONS[item.icon] ?? lucideReact.Home;
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => onNavigate?.(item.route),
-        className: chunkH6OULCHF_cjs.cn(
-          "flex flex-1 flex-col items-center justify-center gap-0.5 px-1 py-1 transition-colors",
-          isActive ? "text-primary" : "text-muted-foreground"
-        ),
-        "aria-current": isActive ? "page" : void 0,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-5 w-5" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: item.label })
-        ]
-      },
-      item.route
-    );
-  }) });
-}
-function AppShell({
-  variant,
-  contentFrame,
-  navigation = [],
-  logo,
-  user,
-  children,
-  onNavigate,
-  onSignOut,
-  onProfile,
-  onSettings,
-  onBilling,
-  userPlan,
-  billingLabel,
-  pageTitle,
-  currentPath,
-  userMenuExtras,
-  orgSwitcher,
-  topbarStart,
-  topbarEnd,
-  sidebarTopContent,
-  sidebarFooterContent,
-  bottomNav,
-  onBottomNavAction,
-  mobileHeader = "minimal",
-  userMenuSlot,
-  notificationSlot,
-  unreadCount = 0,
-  sidebarSectionLabels,
-  sidebarNavKey,
-  sidebarNavDirection,
-  rightRail,
-  rightRailOpen = true,
-  defaultRightRailWidth,
-  onRightRailWidthChange,
-  rightRailMinWidth,
-  rightRailMaxWidth,
-  rightRailResizeLabel
-}) {
-  const hasBottomNav = !!bottomNav?.length;
-  const bottomBar = hasBottomNav ? /* @__PURE__ */ jsxRuntime.jsx(
-    MobileBottomNav,
-    {
-      items: bottomNav,
-      currentPath,
-      onNavigate,
-      onAction: onBottomNavAction
-    }
-  ) : null;
-  const floatingAvatar = mobileHeader === "transparent" && user ? /* @__PURE__ */ jsxRuntime.jsx(FloatingProfileAvatar, { user, onClick: onProfile }) : null;
-  let layoutElement;
-  switch (variant) {
-    case "sidebar":
-      layoutElement = /* @__PURE__ */ jsxRuntime.jsx(
-        SidebarLayout,
-        {
-          navigation,
-          logo,
-          user,
-          onNavigate,
-          onSignOut,
-          onProfile,
-          onSettings,
-          onBilling,
-          userMenuExtras,
-          orgSwitcher,
-          sidebarTopContent,
-          sidebarFooterContent,
-          frame: contentFrame,
-          currentPath,
-          pageTitle,
-          topbarStart,
-          topbarEnd,
-          userMenuSlot,
-          notificationSlot,
-          unreadCount,
-          hasBottomNav,
-          mobileHeader,
-          sidebarSectionLabels,
-          sidebarNavKey,
-          sidebarNavDirection,
-          children
-        }
-      );
-      break;
-    case "topbar":
-      layoutElement = /* @__PURE__ */ jsxRuntime.jsx(
-        TopbarLayout,
-        {
-          navigation,
-          logo,
-          user,
-          onNavigate,
-          onSignOut,
-          onProfile,
-          onSettings,
-          onBilling,
-          userPlan,
-          billingLabel,
-          userMenuExtras,
-          orgSwitcher,
-          frame: contentFrame,
-          currentPath,
-          topbarStart,
-          topbarEnd,
-          notificationSlot,
-          hasBottomNav,
-          children
-        }
-      );
-      break;
-    case "minimal":
-      layoutElement = /* @__PURE__ */ jsxRuntime.jsx(MinimalLayout, { logo, user, headerEnd: topbarEnd, children });
-      break;
-    default: {
-      return null;
-    }
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    rightRail ? /* @__PURE__ */ jsxRuntime.jsx(
-      SplitWithRightRail,
-      {
-        rail: rightRail,
-        open: rightRailOpen,
-        frame: contentFrame,
-        defaultWidth: defaultRightRailWidth,
-        onWidthChange: onRightRailWidthChange,
-        minWidth: rightRailMinWidth,
-        maxWidth: rightRailMaxWidth,
-        resizeLabel: rightRailResizeLabel,
-        children: layoutElement
-      }
-    ) : layoutElement,
-    floatingAvatar,
-    bottomBar
-  ] });
-}
-function SplitWithRightRail({
-  children,
-  rail,
-  open,
-  frame,
-  defaultWidth = 380,
-  onWidthChange,
-  minWidth = 300,
-  maxWidth = 720,
-  resizeLabel = "Resize panel"
-}) {
-  const [width, setWidth] = React3__namespace.useState(defaultWidth);
-  const [dragging, setDragging] = React3__namespace.useState(false);
-  const clamp = React3__namespace.useCallback(
-    (value) => Math.min(maxWidth, Math.max(minWidth, value)),
-    [minWidth, maxWidth]
-  );
-  React3__namespace.useEffect(() => {
-    if (!dragging) return;
-    const onMove = (event) => {
-      event.preventDefault();
-      setWidth(clamp(window.innerWidth - event.clientX));
-    };
-    const stop = () => setDragging(false);
-    window.addEventListener("pointermove", onMove);
-    window.addEventListener("pointerup", stop);
-    window.addEventListener("pointercancel", stop);
-    const previousSelect = document.body.style.userSelect;
-    const previousCursor = document.body.style.cursor;
-    document.body.style.userSelect = "none";
-    document.body.style.cursor = "col-resize";
-    return () => {
-      window.removeEventListener("pointermove", onMove);
-      window.removeEventListener("pointerup", stop);
-      window.removeEventListener("pointercancel", stop);
-      document.body.style.userSelect = previousSelect;
-      document.body.style.cursor = previousCursor;
-    };
-  }, [dragging, clamp]);
-  React3__namespace.useEffect(() => {
-    if (dragging) return;
-    onWidthChange?.(width);
-  }, [dragging]);
-  const nudge = (delta) => setWidth((current) => clamp(current + delta));
-  return (
-    // Sidebar tone always: the gutter and the divider sit in the shell's
-    // chrome, next to the menu — painting them page-white put a bright strip
-    // between the dark chrome and the rail, which read as a seam rather than
-    // as space.
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH6OULCHF_cjs.cn("flex h-screen w-full overflow-hidden bg-sidebar", !frame && "md:bg-background"), children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          role: "separator",
-          "aria-orientation": "vertical",
-          "aria-label": resizeLabel,
-          "aria-valuenow": width,
-          "aria-valuemin": minWidth,
-          "aria-valuemax": maxWidth,
-          tabIndex: 0,
-          onPointerDown: (event) => {
-            event.preventDefault();
-            setDragging(true);
-          },
-          onDoubleClick: () => setWidth(clamp(defaultWidth)),
-          onKeyDown: (event) => {
-            if (event.key === "ArrowLeft") {
-              event.preventDefault();
-              nudge(24);
-            } else if (event.key === "ArrowRight") {
-              event.preventDefault();
-              nudge(-24);
-            } else if (event.key === "Home") {
-              event.preventDefault();
-              setWidth(maxWidth);
-            } else if (event.key === "End") {
-              event.preventDefault();
-              setWidth(minWidth);
-            }
-          },
-          className: chunkH6OULCHF_cjs.cn(
-            "group relative hidden w-1 shrink-0 cursor-col-resize focus-visible:outline-none",
-            open && "md:block"
-          ),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
-              {
-                className: chunkH6OULCHF_cjs.cn(
-                  "absolute inset-y-6 left-1/2 w-px -translate-x-1/2 rounded-full bg-transparent transition-colors",
-                  "group-hover:bg-primary/60 group-focus-visible:bg-primary",
-                  dragging && "bg-primary"
-                )
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-y-0 -left-1.5 -right-1.5" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "aside",
-        {
-          style: { ["--fayz-rail-w"]: `${width}px` },
-          className: chunkH6OULCHF_cjs.cn(
-            "w-0 shrink-0 overflow-hidden",
-            // Animating WIDTH is what makes the app glide back instead of
-            // snapping; skipped mid-drag so the divider stays glued to the cursor.
-            !dragging && "motion-safe:transition-[width] motion-safe:duration-200 motion-safe:ease-out",
-            open && "md:w-[var(--fayz-rail-w)]",
-            frame && "md:py-2 md:pr-2"
-          ),
-          children: rail
-        }
-      )
-    ] })
-  );
-}
-var NavTransitionContext = React3__namespace.createContext("slide");
-function NavTransitionProvider({ value, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(NavTransitionContext.Provider, { value, children });
-}
-function useNavTransition() {
-  return React3__namespace.useContext(NavTransitionContext);
-}
-function resolveTransitionClass(transition, direction) {
-  if (transition === "none") return "";
-  if (transition === "fade") return "saas-page-enter";
-  if (direction === "back") return "saas-nav-back";
-  if (direction === "forward") return "saas-nav-forward";
-  return "saas-page-enter";
-}
-function PageTransition({
-  transitionKey,
-  direction,
-  className,
-  children
-}) {
-  const transition = useNavTransition();
-  const animClass = resolveTransitionClass(transition, direction);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH6OULCHF_cjs.cn(animClass, className), children }, transitionKey);
-}
-function PageHeaderActions({ children }) {
-  const slot = useModuleHeaderActionsSlot();
-  if (slot) return reactDom.createPortal(children, slot);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 flex items-center justify-end gap-2", children });
-}
-function PremiumBadge({ className }) {
-  const t = core.useTranslation();
-  const tip = t("upgrade.badgeTooltip");
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { title: tip, "aria-label": tip, className: chunkH6OULCHF_cjs.cn("inline-flex shrink-0", className), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Crown, { className: "h-3.5 w-3.5 text-amber-500", "aria-hidden": true }) });
-}
-var ModuleLayoutContext = React3__namespace.createContext("rail");
-function ModuleLayoutProvider({ variant, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(ModuleLayoutContext.Provider, { value: variant, children });
-}
-function useModuleLayout() {
-  return React3__namespace.useContext(ModuleLayoutContext);
-}
-function NavItem2({ item }) {
-  const [expanded, setExpanded] = React3__namespace.useState(true);
-  const Icon = item.icon ? ICON_MAP2[item.icon] ?? null : null;
-  const hasChildren = item.children && item.children.length > 0;
-  const hasActiveChild = hasChildren && item.children.some((c) => c.active);
-  const isActive = item.active || hasActiveChild;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => hasChildren ? setExpanded(!expanded) : item.onClick?.(),
-        className: chunkH6OULCHF_cjs.cn(
-          "flex items-center gap-2 w-full rounded-md px-2.5 py-1.5 text-sm transition-colors",
-          isActive ? "bg-primary/10 text-primary font-medium" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"
-        ),
-        children: [
-          Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4 shrink-0" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-left truncate", children: item.label }),
-          item.premium && /* @__PURE__ */ jsxRuntime.jsx(PremiumBadge, { className: "ml-1" }),
-          hasChildren && (expanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-3.5 w-3.5 shrink-0 opacity-50" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-3.5 w-3.5 shrink-0 opacity-50" }))
-        ]
-      }
-    ),
-    hasChildren && expanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-4 mt-0.5 space-y-0.5 border-l pl-2", children: item.children.map((child) => /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: child.onClick,
-        className: chunkH6OULCHF_cjs.cn(
-          "flex items-center w-full rounded-md px-2.5 py-1 text-xs transition-colors",
-          child.active ? "text-primary font-medium bg-primary/5" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-left truncate", children: child.label }),
-          child.premium && /* @__PURE__ */ jsxRuntime.jsx(PremiumBadge, { className: "ml-1" })
-        ]
-      },
-      child.id
-    )) })
-  ] });
-}
-function MobileTabs({ nav }) {
-  const scrollRef = React3__namespace.useRef(null);
-  const [expandedId, setExpandedId] = React3__namespace.useState(null);
-  React3__namespace.useEffect(() => {
-    const container = scrollRef.current;
-    if (!container) return;
-    const activeEl = container.querySelector('[data-active="true"]');
-    if (activeEl) {
-      const left = activeEl.offsetLeft - container.offsetWidth / 2 + activeEl.offsetWidth / 2;
-      container.scrollTo({ left: Math.max(0, left), behavior: "smooth" });
-    }
-  }, [nav]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "md:hidden -mx-1 mb-4 no-print", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: scrollRef, className: "flex gap-1 px-1 pb-2 overflow-x-auto scrollbar-none", children: nav.map((item) => {
-      const Icon = item.icon ? ICON_MAP2[item.icon] ?? null : null;
-      const hasChildren = item.children && item.children.length > 0;
-      const isActive = item.active || item.children?.some((c) => c.active);
-      const isExpanded = expandedId === item.id;
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          type: "button",
-          "data-active": isActive || void 0,
-          onClick: () => {
-            if (hasChildren) {
-              setExpandedId(isExpanded ? null : item.id);
-            } else {
-              item.onClick?.();
-              setExpandedId(null);
-            }
-          },
-          className: chunkH6OULCHF_cjs.cn(
-            "flex items-center gap-1.5 whitespace-nowrap rounded-full px-3 py-1.5 text-xs font-medium transition-colors shrink-0",
-            isActive ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:text-foreground"
-          ),
-          children: [
-            Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-3 w-3" }),
-            item.label,
-            item.premium && /* @__PURE__ */ jsxRuntime.jsx(PremiumBadge, {}),
-            hasChildren && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: chunkH6OULCHF_cjs.cn("h-2.5 w-2.5 transition-transform", isExpanded && "rotate-180") })
-          ]
-        },
-        item.id
-      );
-    }) }),
-    expandedId && (() => {
-      const item = nav.find((n) => n.id === expandedId);
-      if (!item?.children) return null;
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-1 px-2 pb-2 animate-in fade-in-0 slide-in-from-top-1", children: item.children.map((child) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          type: "button",
-          onClick: () => {
-            child.onClick?.();
-            setExpandedId(null);
-          },
-          className: chunkH6OULCHF_cjs.cn(
-            "whitespace-nowrap rounded-full px-2.5 py-1 text-[11px] font-medium transition-colors shrink-0",
-            child.active ? "bg-foreground/10 text-foreground" : "text-muted-foreground hover:text-foreground"
-          ),
-          children: [
-            child.label,
-            child.premium && /* @__PURE__ */ jsxRuntime.jsx(PremiumBadge, {})
-          ]
-        },
-        child.id
-      )) });
-    })()
-  ] });
-}
-var BackStyleContext = React3__namespace.createContext("link");
-function BackStyleProvider({ style, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(BackStyleContext.Provider, { value: style, children });
-}
-function useBackStyle() {
-  return React3__namespace.useContext(BackStyleContext);
-}
-function SubpageHeader({ title, subtitle, icon, onBack, parentLabel, actions, backStyle }) {
-  const t = core.useTranslation();
-  const appStyle = useBackStyle();
-  const { onBack: effectiveOnBack, parentLabel: effectiveParentLabel } = chunkOW73RZOU_cjs.useCrossModuleBack(onBack, parentLabel);
-  chunkOW73RZOU_cjs.useBackHandler(effectiveOnBack);
-  const Icon = icon ? ICON_MAP2[icon] ?? null : null;
-  const style = !effectiveOnBack ? "icon" : backStyle ?? appStyle;
-  const effectiveStyle = style !== "icon" && !effectiveParentLabel ? "icon" : style;
-  const titleBlock = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-      effectiveStyle === "icon" && effectiveOnBack && /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          onClick: effectiveOnBack,
-          className: "flex h-8 w-8 items-center justify-center rounded-lg border hover:bg-muted bg-card shadow-button active:shadow-button-inset transition-colors",
-          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4" })
-        }
-      ),
-      Icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-xl bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-5 w-5 text-muted-foreground" }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-bold", children: title }),
-        subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: subtitle })
-      ] })
-    ] }),
-    actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "no-print", children: actions })
-  ] });
-  if (effectiveStyle === "breadcrumb") {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 mb-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: effectiveOnBack, className: "hover:text-foreground transition-colors", children: effectiveParentLabel }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-3.5 w-3.5" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-medium", children: title })
-        ] }),
-        actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "no-print", children: actions })
-      ] }),
-      subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground -mt-2", children: subtitle })
-    ] });
-  }
-  if (effectiveStyle === "link") {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 mb-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          onClick: effectiveOnBack,
-          className: "inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4" }),
-            t("crud.detail.backTo", { entities: effectiveParentLabel })
-          ]
-        }
-      ),
-      titleBlock
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4 mb-6", children: titleBlock });
-}
-function ModuleHeader({ nav }) {
-  const slot = useModuleHeaderSlot();
-  function defaultChild(item) {
-    const kids = item.children ?? [];
-    return kids.find((c) => /list/i.test(c.id) || /^list$/i.test(c.label)) ?? kids[kids.length - 1];
-  }
-  const content = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full min-w-0 items-center gap-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-w-0 items-center gap-0.5 overflow-x-auto scrollbar-none", children: nav.map((item) => {
-    const Icon = item.icon ? ICON_MAP2[item.icon] ?? null : null;
-    const hasChildren = item.children && item.children.length > 0;
-    const isActive = item.active || item.children?.some((c) => c.active);
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => hasChildren ? defaultChild(item)?.onClick?.() : item.onClick?.(),
-        className: chunkH6OULCHF_cjs.cn(
-          "flex shrink-0 items-center gap-1.5 whitespace-nowrap border-b-2 px-2.5 py-1.5 text-sm font-medium transition-colors",
-          isActive ? "border-primary text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"
-        ),
-        children: [
-          Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4" }),
-          item.label,
-          item.premium && /* @__PURE__ */ jsxRuntime.jsx(PremiumBadge, {})
-        ]
-      },
-      item.id
-    );
-  }) }) });
-  if (slot) return reactDom.createPortal(content, slot);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-5 border-b border-border pb-2", children: content });
-}
-function ModulePage({ title, subtitle, nav, children, className, headerAction, showHeader = true, sidebarFooter, navVariant, viewKey, direction }) {
-  const ctxVariant = useModuleLayout();
-  const variant = navVariant ?? ctxVariant;
-  const transitionKey = viewKey ?? "view";
-  if (variant === "tabs") {
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ModuleHeader, { nav }),
-      showHeader && headerAction && /* @__PURE__ */ jsxRuntime.jsx(PageHeaderActions, { children: headerAction }),
-      /* @__PURE__ */ jsxRuntime.jsx(PageTransition, { transitionKey, direction, className: chunkH6OULCHF_cjs.cn("min-w-0", className), children })
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH6OULCHF_cjs.cn("flex gap-6 -mt-2", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-48 shrink-0 hidden md:block no-print", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH6OULCHF_cjs.cn(sidebarFooter && "sticky top-4 flex flex-col"), style: sidebarFooter ? { height: "calc(100vh - 8rem)" } : void 0, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider px-2.5 mb-2", children: title }),
-        /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "space-y-0.5", children: nav.map((item) => /* @__PURE__ */ jsxRuntime.jsx(NavItem2, { item }, item.id)) })
-      ] }),
-      sidebarFooter && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto", children: sidebarFooter })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-      showHeader && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 flex items-start justify-between gap-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold", children: title }),
-          subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: subtitle })
-        ] }),
-        headerAction
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(MobileTabs, { nav }),
-      /* @__PURE__ */ jsxRuntime.jsx(PageTransition, { transitionKey, direction, children })
-    ] })
-  ] });
-}
-var ContentSplitContext = React3__namespace.createContext(null);
-function ContentSplit({
-  children,
-  aside,
-  asideTitle,
-  asideDescription,
-  asideWidth = "20rem",
-  asideOpen,
-  onAsideOpenChange,
-  collapsible = false,
-  defaultCollapsed = false,
-  className
-}) {
-  const [internalOpen, setInternalOpen] = React3__namespace.useState(false);
-  const open = asideOpen ?? internalOpen;
-  const setOpen = onAsideOpenChange ?? setInternalOpen;
-  const [collapsed, setCollapsed] = React3__namespace.useState(collapsible && defaultCollapsed);
-  return /* @__PURE__ */ jsxRuntime.jsxs(ContentSplitContext.Provider, { value: { open, setOpen }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: chunkH6OULCHF_cjs.cn("lg:grid lg:items-start lg:gap-6", className),
-        style: { gridTemplateColumns: `minmax(0, 1fr) ${collapsed ? "auto" : asideWidth}` },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children }),
-          /* @__PURE__ */ jsxRuntime.jsx("aside", { className: "hidden lg:block lg:sticky lg:top-4", children: collapsed ? /* @__PURE__ */ jsxRuntime.jsx(
-            chunkH6OULCHF_cjs.Button,
-            {
-              variant: "outline",
-              size: "sm",
-              onClick: () => setCollapsed(false),
-              className: "h-9 w-9 p-0",
-              "aria-label": typeof asideTitle === "string" ? asideTitle : void 0,
-              title: typeof asideTitle === "string" ? asideTitle : void 0,
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelRightOpen, { className: "h-4 w-4" })
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-card border border-border bg-card", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-2 border-b border-border px-4 py-3", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-foreground", children: asideTitle }),
-                asideDescription && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: asideDescription })
-              ] }),
-              collapsible && /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => setCollapsed(true),
-                  className: "rounded p-1 text-muted-foreground transition-colors hover:bg-muted/60 hover:text-foreground",
-                  "aria-label": "collapse",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelRightClose, { className: "h-4 w-4" })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children: aside })
-          ] }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(chunkOW73RZOU_cjs.Sheet, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkOW73RZOU_cjs.SheetContent, { width: "max-w-sm", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(chunkOW73RZOU_cjs.SheetHeader, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkOW73RZOU_cjs.SheetTitle, { children: asideTitle }),
-        asideDescription && /* @__PURE__ */ jsxRuntime.jsx(chunkOW73RZOU_cjs.SheetDescription, { children: asideDescription })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkOW73RZOU_cjs.SheetBody, { children: aside })
-    ] }) }) })
-  ] });
-}
-function ContentSplitTrigger({ label, iconOnly, className }) {
-  const ctx = React3__namespace.useContext(ContentSplitContext);
-  if (!ctx) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkH6OULCHF_cjs.Button,
-    {
-      variant: "outline",
-      size: "sm",
-      onClick: () => ctx.setOpen(true),
-      className: chunkH6OULCHF_cjs.cn("lg:hidden", className),
-      "aria-label": typeof label === "string" ? label : void 0,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelRight, { className: chunkH6OULCHF_cjs.cn("h-4 w-4", !iconOnly && "mr-1.5") }),
-        !iconOnly && label
-      ]
-    }
-  );
-}
-
-exports.AppShell = AppShell;
-exports.BackStyleProvider = BackStyleProvider;
-exports.ContentSplit = ContentSplit;
-exports.ContentSplitTrigger = ContentSplitTrigger;
-exports.ICON_MAP = ICON_MAP;
-exports.ModuleLayoutProvider = ModuleLayoutProvider;
-exports.ModulePage = ModulePage;
-exports.NavTransitionProvider = NavTransitionProvider;
-exports.PageHeaderActions = PageHeaderActions;
-exports.PageTransition = PageTransition;
-exports.Sidebar = Sidebar;
-exports.SubpageHeader = SubpageHeader;
-exports.Topbar = Topbar;
-exports.useBackStyle = useBackStyle;
-exports.useLayoutStore = useLayoutStore;
-exports.useModuleHeaderActionsSlot = useModuleHeaderActionsSlot;
-exports.useModuleHeaderSlot = useModuleHeaderSlot;
-exports.useModuleLayout = useModuleLayout;
-exports.useNavTransition = useNavTransition;
-//# sourceMappingURL=chunk-7ZQQZD4Q.cjs.map
-//# sourceMappingURL=chunk-7ZQQZD4Q.cjs.map