@fayz-ai/ui 0.12.0 → 0.15.0

package/dist/{chunk-ZDRHCKRK.js → chunk-NA3GE4H3.js}

@@ -1,40 +1,371 @@
-import { useHasPageHeaderHost, useCrossModuleBack, useBackHandler, PageHeaderCrumb, usePageHeader, PageHeaderOutlet, Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription, SheetBody, HeaderTabs, usePageHeaderSlot, useHasPageHeaderOutlet, usePageHeaderHost, SaveBarProvider, SaveBar } from './chunk-VAKWUUVC.js';
-import { useLayoutStore } from './chunk-ZBQ772DU.js';
-import { cn, Button } from './chunk-OKZ6WQB3.js';
-import { ICON_MAP } from './chunk-22EVFMS3.js';
-import * as React from 'react';
-import { PanelLeftClose, PanelLeft, Search, Bell, Menu, Crown, Repeat, GraduationCap, Newspaper, Clapperboard, Zap, Star, UserCheck, Inbox, Clock3, Ban, Map, ListPlus, CalendarX, CalendarCheck2, Mic, UsersRound, Disc3, ListMusic, Eye, Music, Layers, Banknote, BadgeDollarSign, CalendarDays, Radio, PartyPopper, FileCheck2, Box, Boxes, TreePalm, UserX, UserPlus, ArrowDownRight, ArrowUpRight, Ruler, Warehouse, Wallet, Sparkles, AlertTriangle, Clock, CircleDollarSign, TrendingUp, Receipt, Landmark, TableProperties, SlidersHorizontal, Plug, ArrowLeftRight, ArrowUpCircle, ArrowDownCircle, Wheat, Egg, Apple, LeafyGreen, LayoutTemplate, Heart, PawPrint, Cat, Dog, FolderOpen, ListChecks, List, Shield, Plus, Filter, ChevronDown, Building2, Contact, Handshake, MapPin, UtensilsCrossed, Camera, Tags, Tag, Percent, BookOpenCheck, Globe, MessageCircle, BookOpen, UserCog, Briefcase, ClipboardCheck, ClipboardList, Wrench, Target, ShoppingBag, ShoppingCart, Megaphone, DollarSign, Mail, FileText, BarChart3, Activity, Package, CalendarClock, Calendar, CreditCard, Settings, Users, Home, ChevronRight, ChevronLeft, PanelRightOpen, PanelRightClose, PanelRight, ExternalLink, PiggyBank, LogOut } from 'lucide-react';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useHasPageHeaderHost, usePageHeader, useLayoutStore, useRegisterPageActions, useHasPageHeaderBack, usePageHeaderSlot, useHasPageHeaderOutlet, useHasPageActions, usePageHeaderHost } from './chunk-FFJ2C5YH.js';
+import { cn } from './chunk-OKZ6WQB3.js';
+import { ICON_MAP } from './chunk-4GK6IHOI.js';
+import * as React7 from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { X, Loader2, ArrowLeft, Search, Bell, PanelLeft, PanelLeftClose, Menu, Crown, ChevronDown, ChevronRight, ChevronLeft, ExternalLink, CreditCard, Sparkles, Home, Plus, PiggyBank, Wallet, MessageCircle, Settings, Calendar, ArrowLeftRight, Receipt, UserCog, LogOut } from 'lucide-react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useTranslation, useNavReferrer, routeModule, navHistoryBack } from '@fayz-ai/core';
 import * as Popover from '@radix-ui/react-popover';
 import { createPortal } from 'react-dom';
-import { useTranslation } from '@fayz-ai/core';
 
+var STYLE_ID = "saas-sheet-styles";
+if (typeof document !== "undefined" && !document.getElementById(STYLE_ID)) {
+  const style = document.createElement("style");
+  style.id = STYLE_ID;
+  style.textContent = `
+    @keyframes saas-sheet-fade-in { from { opacity: 0 } to { opacity: 1 } }
+    @keyframes saas-sheet-fade-out { from { opacity: 1 } to { opacity: 0 } }
+    @keyframes saas-sheet-slide-in { from { transform: translateX(100%) } to { transform: translateX(0) } }
+    @keyframes saas-sheet-slide-out { from { transform: translateX(0) } to { transform: translateX(100%) } }
+    .saas-sheet-overlay[data-state="open"] { animation: saas-sheet-fade-in 200ms ease-out }
+    .saas-sheet-overlay[data-state="closed"] { animation: saas-sheet-fade-out 150ms ease-in }
+    .saas-sheet-content[data-state="open"] { animation: saas-sheet-slide-in 280ms cubic-bezier(0.16, 1, 0.3, 1) }
+    .saas-sheet-content[data-state="closed"] { animation: saas-sheet-slide-out 200ms ease-in }
+  `;
+  document.head.appendChild(style);
+}
+var Sheet = DialogPrimitive.Root;
+var SheetTrigger = DialogPrimitive.Trigger;
+var SheetClose = DialogPrimitive.Close;
+var SheetPortal = DialogPrimitive.Portal;
+var SheetOverlay = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "saas-sheet-overlay fixed inset-0 z-50 bg-black/40 backdrop-blur-[2px]",
+      className
+    ),
+    ...props
+  }
+));
+SheetOverlay.displayName = "SheetOverlay";
+var SheetContent = React7.forwardRef(({ className, children, width, hideClose, overlay = "blur", onPointerDownOutside, onInteractOutside, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
+  /* @__PURE__ */ jsx(SheetOverlay, { className: overlay === "none" ? "bg-transparent backdrop-blur-0" : overlay === "dim" ? "backdrop-blur-0" : void 0 }),
+  /* @__PURE__ */ jsxs(
+    DialogPrimitive.Content,
+    {
+      ref,
+      onPointerDownOutside: (e) => {
+        const target = e.target;
+        if (target.closest("[data-modal-passthrough]") || target.closest("[data-radix-popper-content-wrapper]")) {
+          e.preventDefault();
+        }
+        onPointerDownOutside?.(e);
+      },
+      onInteractOutside: (e) => {
+        const target = e.target;
+        if (target.closest("[data-modal-passthrough]") || target.closest("[data-radix-popper-content-wrapper]")) {
+          e.preventDefault();
+        }
+        onInteractOutside?.(e);
+      },
+      className: cn(
+        "fayz-glass-surface saas-sheet-content fixed inset-y-0 right-0 z-50 flex flex-col border-l bg-card shadow-2xl outline-none",
+        "w-full",
+        width ?? "max-w-md",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        !hideClose && /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 z-10 flex h-7 w-7 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus:outline-none focus:ring-2 focus:ring-ring", children: [
+          /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+SheetContent.displayName = "SheetContent";
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex flex-col gap-1 px-5 py-4 border-b shrink-0", className),
+      ...props
+    }
+  );
+}
+SheetHeader.displayName = "SheetHeader";
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex items-center gap-2 px-5 py-3 border-t shrink-0", className),
+      ...props
+    }
+  );
+}
+SheetFooter.displayName = "SheetFooter";
+var SheetTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-sm font-semibold leading-none tracking-tight", className),
+    ...props
+  }
+));
+SheetTitle.displayName = "SheetTitle";
+var SheetDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-xs text-muted-foreground", className),
+    ...props
+  }
+));
+SheetDescription.displayName = "SheetDescription";
+function SheetBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex-1 overflow-y-auto px-5 py-5", className),
+      ...props
+    }
+  );
+}
+SheetBody.displayName = "SheetBody";
+var SaveBarApiContext = React7.createContext(null);
+var SaveBarStateContext = React7.createContext({ visible: false, saving: false });
+var _saveBarVisible = false;
+var _saveBarSubs = /* @__PURE__ */ new Set();
+function setSaveBarVisibleSignal(v) {
+  if (v === _saveBarVisible) return;
+  _saveBarVisible = v;
+  _saveBarSubs.forEach((fn) => fn());
+}
+function useSaveBarVisible() {
+  return React7.useSyncExternalStore(
+    (cb) => {
+      _saveBarSubs.add(cb);
+      return () => {
+        _saveBarSubs.delete(cb);
+      };
+    },
+    () => _saveBarVisible,
+    () => false
+  );
+}
+function SaveBarProvider({ children }) {
+  const [state, setState] = React7.useState({ visible: false, saving: false });
+  const handlers = React7.useRef({});
+  const api = React7.useMemo(() => ({ setState, handlers }), []);
+  const backStack = React7.useRef([]);
+  const backApi = React7.useMemo(() => ({ stack: backStack }), []);
+  React7.useEffect(() => {
+    setSaveBarVisibleSignal(state.visible);
+  }, [state.visible]);
+  React7.useEffect(() => {
+    function onKey(e) {
+      if (state.visible && !state.saving) {
+        if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
+          e.preventDefault();
+          handlers.current.onSave?.();
+        } else if (e.key === "Escape") {
+          e.preventDefault();
+          handlers.current.onDiscard?.();
+        }
+        return;
+      }
+      if (e.key === "Escape" && !e.defaultPrevented && !isEditableTarget(e.target)) {
+        for (let i = backStack.current.length - 1; i >= 0; i--) {
+          const back = backStack.current[i].current;
+          if (back) {
+            e.preventDefault();
+            back();
+            return;
+          }
+        }
+      }
+    }
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [state.visible, state.saving]);
+  return /* @__PURE__ */ jsx(SaveBarApiContext.Provider, { value: api, children: /* @__PURE__ */ jsx(BackNavApiContext.Provider, { value: backApi, children: /* @__PURE__ */ jsx(SaveBarStateContext.Provider, { value: state, children }) }) });
+}
+var BackNavApiContext = React7.createContext(null);
+function isEditableTarget(target) {
+  const el = target;
+  if (!el || !el.tagName) return false;
+  const tag = el.tagName.toLowerCase();
+  return tag === "input" || tag === "textarea" || tag === "select" || el.isContentEditable;
+}
+function useBackHandler(onBack) {
+  const api = React7.useContext(BackNavApiContext);
+  const ref = React7.useRef(onBack);
+  React7.useEffect(() => {
+    ref.current = onBack;
+  });
+  React7.useEffect(() => {
+    if (!api) return;
+    const stack = api.stack.current;
+    stack.push(ref);
+    return () => {
+      const i = stack.indexOf(ref);
+      if (i !== -1) stack.splice(i, 1);
+    };
+  }, [api]);
+}
+function useSaveBar({ dirty, saving = false, onSave, onDiscard, message, saveLabel, discardLabel }) {
+  const api = React7.useContext(SaveBarApiContext);
+  React7.useEffect(() => {
+    if (api) api.handlers.current = { onSave, onDiscard };
+  });
+  React7.useEffect(() => {
+    if (!api) return;
+    api.setState({ visible: dirty, saving, message, saveLabel, discardLabel });
+    return () => api.setState((s) => ({ ...s, visible: false }));
+  }, [api, dirty, saving, message, saveLabel, discardLabel]);
+}
+function SaveBar({ className }) {
+  const state = React7.useContext(SaveBarStateContext);
+  const api = React7.useContext(SaveBarApiContext);
+  const t = useTranslation();
+  const [rendered, setRendered] = React7.useState(state.visible);
+  const [closing, setClosing] = React7.useState(false);
+  React7.useEffect(() => {
+    if (state.visible) {
+      setRendered(true);
+      setClosing(false);
+      return;
+    }
+    if (!rendered) return;
+    setClosing(true);
+    const id = setTimeout(() => {
+      setRendered(false);
+      setClosing(false);
+    }, 200);
+    return () => clearTimeout(id);
+  }, [state.visible, rendered]);
+  if (!api || !rendered) return null;
+  const { saving, message, saveLabel, discardLabel } = state;
+  return /* @__PURE__ */ jsx("div", { className: cn("pointer-events-none fixed inset-x-0 bottom-5 z-40 flex justify-center px-4", className), children: /* @__PURE__ */ jsxs("div", { className: cn(
+    "pointer-events-auto flex items-center gap-5 rounded-full bg-foreground py-2 pl-5 pr-2 text-background shadow-xl ring-1 ring-black/5 duration-200",
+    closing ? "animate-out fade-out slide-out-to-bottom-2" : "animate-in fade-in slide-in-from-bottom-2"
+  ), children: [
+    /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 text-sm font-medium", children: [
+      /* @__PURE__ */ jsx("span", { className: "h-2 w-2 shrink-0 rounded-full bg-amber-400" }),
+      message ?? t("saveBar.unsaved")
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          disabled: saving,
+          onClick: () => api.handlers.current.onDiscard?.(),
+          className: "rounded-full px-3 py-1.5 text-sm font-medium text-background/70 transition-colors hover:bg-background/10 hover:text-background disabled:opacity-50",
+          children: discardLabel ?? t("common.discard")
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          disabled: saving,
+          onClick: () => api.handlers.current.onSave?.(),
+          className: "inline-flex items-center rounded-full bg-background px-4 py-1.5 text-sm font-semibold text-foreground transition-colors hover:bg-background/90 disabled:opacity-60",
+          children: [
+            saving && /* @__PURE__ */ jsx(Loader2, { className: "mr-1.5 h-3.5 w-3.5 animate-spin" }),
+            saveLabel ?? t("common.save")
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+function useCrossModuleBack(onBack, parentLabel) {
+  const currentPath = typeof window !== "undefined" ? (window.location.hash ? window.location.hash.slice(1) : window.location.pathname) || "/" : "/";
+  const referrer = useNavReferrer(currentPath);
+  const cross = referrer && referrer.label && routeModule(referrer.path) !== routeModule(currentPath) ? referrer : null;
+  return {
+    onBack: cross ? () => navHistoryBack(onBack) : onBack,
+    parentLabel: cross ? cross.label : parentLabel,
+    isCrossModule: !!cross
+  };
+}
+function PageHeaderCrumb({
+  title,
+  parentLabel,
+  onBack
+}) {
+  if (!onBack) {
+    return title ? /* @__PURE__ */ jsx("h2", { className: "min-w-0 truncate text-lg font-semibold", children: title }) : null;
+  }
+  return /* @__PURE__ */ jsxs("nav", { className: "flex min-w-0 items-center gap-1.5 text-sm text-muted-foreground", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: onBack,
+        className: "inline-flex shrink-0 items-center gap-1 transition-colors hover:text-foreground",
+        children: [
+          /* @__PURE__ */ jsx(ArrowLeft, { className: "h-3.5 w-3.5" }),
+          parentLabel ?? "Voltar"
+        ]
+      }
+    ),
+    title != null && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { className: "shrink-0", children: "/" }),
+      title === "" ? (
+        // Title still waiting on data: a pulsing bar, otherwise the line
+        // appears from nowhere and shoves the rest when the record lands.
+        /* @__PURE__ */ jsx("span", { className: "inline-block h-4 w-24 animate-pulse rounded bg-muted align-middle" })
+      ) : /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate font-medium text-foreground", children: title })
+    ] })
+  ] });
+}
+function PageHeader({ title, onBack, parentLabel, backLabel }) {
+  const hasHost = useHasPageHeaderHost();
+  const { onBack: effectiveOnBack, parentLabel: effectiveParent } = useCrossModuleBack(onBack, parentLabel);
+  useBackHandler(effectiveOnBack);
+  const node = React7.useMemo(() => /* @__PURE__ */ jsx(
+    PageHeaderCrumb,
+    {
+      title,
+      parentLabel: effectiveParent ?? backLabel,
+      onBack: effectiveOnBack
+    }
+  ), [effectiveOnBack, effectiveParent, backLabel, title]);
+  usePageHeader(hasHost ? node : null, { back: !!effectiveOnBack });
+  if (hasHost) return null;
+  return /* @__PURE__ */ jsx("div", { className: "mb-4", children: node });
+}
 var GUTTER_PX = 8;
 var CLOSE_DELAY_MS = 140;
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React7.useLayoutEffect : React7.useEffect;
 function iconOf(name) {
   if (!name) return null;
   return ICON_MAP[name] ?? null;
 }
+var RailFlyoutContext = React7.createContext(null);
+var RailFlyoutProvider = RailFlyoutContext.Provider;
+function useRailRow(content) {
+  const flyout = React7.useContext(RailFlyoutContext);
+  if (!flyout || !content) return {};
+  return flyout.rowProps(content);
+}
 function useRailFlyout({
   enabled,
   railRef,
   activeRoute,
   onNavigate
 }) {
-  const [state, setState] = React.useState(null);
-  const [pos, setPos] = React.useState({ top: 0, arrow: 20 });
-  const [animate, setAnimate] = React.useState(false);
-  const panelRef = React.useRef(null);
-  const closeTimer = React.useRef(null);
-  const lastContent = React.useRef(null);
-  const cancelClose = React.useCallback(() => {
+  const [state, setState] = React7.useState(null);
+  const [pos, setPos] = React7.useState({ top: 0, arrow: 20 });
+  const [animate, setAnimate] = React7.useState(false);
+  const panelRef = React7.useRef(null);
+  const closeTimer = React7.useRef(null);
+  const lastContent = React7.useRef(null);
+  const cancelClose = React7.useCallback(() => {
     if (closeTimer.current) {
       clearTimeout(closeTimer.current);
       closeTimer.current = null;
     }
   }, []);
-  const show = React.useCallback(
+  const show = React7.useCallback(
     (anchor, content2) => {
       if (!enabled) return;
       cancelClose();
@@ -42,19 +373,19 @@ function useRailFlyout({
     },
     [enabled, cancelClose]
   );
-  const hide = React.useCallback(() => {
+  const hide = React7.useCallback(() => {
     cancelClose();
     closeTimer.current = setTimeout(() => setState(null), CLOSE_DELAY_MS);
   }, [cancelClose]);
-  const dismiss = React.useCallback(() => {
+  const dismiss = React7.useCallback(() => {
     cancelClose();
     setState(null);
   }, [cancelClose]);
-  React.useEffect(() => () => cancelClose(), [cancelClose]);
-  React.useEffect(() => {
+  React7.useEffect(() => () => cancelClose(), [cancelClose]);
+  React7.useEffect(() => {
     if (!enabled) dismiss();
   }, [enabled, dismiss]);
-  const reposition = React.useCallback(() => {
+  const reposition = React7.useCallback(() => {
     const rail = railRef.current;
     const anchor = state?.anchor;
     if (!rail || !anchor) return;
@@ -69,7 +400,7 @@ function useRailFlyout({
     setPos({ top, arrow });
   }, [railRef, state]);
   useIsomorphicLayoutEffect(reposition, [reposition, state?.content.key]);
-  React.useEffect(() => {
+  React7.useEffect(() => {
     if (!state) return;
     const rail = railRef.current;
     const onScroll = () => reposition();
@@ -81,7 +412,7 @@ function useRailFlyout({
     };
   }, [state, railRef, reposition]);
   const visible = !!state;
-  React.useEffect(() => {
+  React7.useEffect(() => {
     if (!visible) {
       setAnimate(false);
       return;
@@ -89,7 +420,7 @@ function useRailFlyout({
     const id = requestAnimationFrame(() => setAnimate(true));
     return () => cancelAnimationFrame(id);
   }, [visible]);
-  React.useEffect(() => {
+  React7.useEffect(() => {
     if (!visible) return;
     const onKey = (event) => {
       if (event.key === "Escape") dismiss();
@@ -97,7 +428,7 @@ function useRailFlyout({
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
   }, [visible, dismiss]);
-  const rowProps = React.useCallback(
+  const rowProps = React7.useCallback(
     (content2) => ({
       onMouseEnter: (event) => show(event.currentTarget, content2),
       onFocus: (event) => show(event.currentTarget, content2),
@@ -214,7 +545,7 @@ function FlyoutBody({
   ] });
 }
 var RAIL_PUSH_MS = 260;
-var useIsomorphicLayoutEffect2 = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
+var useIsomorphicLayoutEffect2 = typeof window !== "undefined" ? React7.useLayoutEffect : React7.useEffect;
 function getIcon(name) {
   return ICON_MAP[name] ?? Home;
 }
@@ -258,7 +589,7 @@ function NavItem({
     // as cramped rather than as dense.
     "flex w-full items-center gap-3 rounded-button px-2.5 py-2 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",
+    isActive ? "bg-sidebar-accent font-semibold text-sidebar-accent-foreground" : "text-sidebar-foreground/80",
     collapsed && "justify-center px-2"
   );
   const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -314,7 +645,7 @@ function NavGroup({
   flyout
 }) {
   const isChildActive = item.children?.some((c) => c.route === activeRoute);
-  const [open, setOpen] = React.useState(() => isChildActive ?? false);
+  const [open, setOpen] = React7.useState(() => isChildActive ?? false);
   const Icon = getIcon(item.icon);
   if (collapsed) {
     const hoverProps = flyout?.rowProps(flyoutContentOf(item));
@@ -388,7 +719,7 @@ function NavGroup({
         child.premium && /* @__PURE__ */ jsx(Crown, { className: "h-3 w-3 shrink-0 text-amber-500", "aria-hidden": true })
       ] });
       const row = childExternal ? /* @__PURE__ */ jsx("a", { href: child.href, target: "_blank", rel: "noopener noreferrer", className: childClass, children: childInner }) : /* @__PURE__ */ jsx("button", { onClick: () => onNavigate(child.route), className: childClass, children: childInner });
-      if (!childConnector) return /* @__PURE__ */ jsx(React.Fragment, { children: row }, child.id);
+      if (!childConnector) return /* @__PURE__ */ jsx(React7.Fragment, { children: row }, child.id);
       const activeIndex = item.children.findIndex((c) => c.route === activeRoute);
       const onPath = activeIndex >= 0 && childIndex < activeIndex;
       return (
@@ -450,9 +781,9 @@ function NavGroup({
   ] });
 }
 function withCollapsed(slot, collapsed) {
-  if (!React.isValidElement(slot)) return slot;
+  if (!React7.isValidElement(slot)) return slot;
   if (typeof slot.type === "string") return slot;
-  return React.cloneElement(slot, { collapsed });
+  return React7.cloneElement(slot, { collapsed });
 }
 function Sidebar({
   navigation,
@@ -464,6 +795,7 @@ function Sidebar({
   user: _user,
   orgSwitcher,
   topContent,
+  identity,
   navTop,
   footerContent,
   borderless,
@@ -474,12 +806,13 @@ function Sidebar({
   sectionLabels,
   navKey,
   navDirection = "forward",
-  navChildConnector
+  navChildConnector,
+  drawer
 }) {
   const currentPath = currentPathProp;
   const setCommandPaletteOpen = useLayoutStore((s) => s.setCommandPaletteOpen);
   const activeRoute = resolveActiveRoute(navigation, currentPath);
-  const railRef = React.useRef(null);
+  const railRef = React7.useRef(null);
   const flyout = useRailFlyout({
     enabled: collapsed,
     railRef,
@@ -525,14 +858,13 @@ function Sidebar({
     item.id
   );
   const navBody = /* @__PURE__ */ jsxs(Fragment, { children: [
-    navTop && /* @__PURE__ */ jsx("div", { className: "mb-2", children: withCollapsed(navTop, collapsed) }),
     mainItems.length > 0 && renderSection(mainItems, sectionLabels?.main),
     secondaryItems.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-6", children: renderSection(secondaryItems, sectionLabels?.secondary) })
   ] });
-  const [outgoing, setOutgoing] = React.useState(null);
-  const lastBodyRef = React.useRef(null);
-  const lastKeyRef = React.useRef(navKey);
-  const timerRef = React.useRef(null);
+  const [outgoing, setOutgoing] = React7.useState(null);
+  const lastBodyRef = React7.useRef(null);
+  const lastKeyRef = React7.useRef(navKey);
+  const timerRef = React7.useRef(null);
   useIsomorphicLayoutEffect2(() => {
     if (lastKeyRef.current !== navKey) {
       const previousBody = lastBodyRef.current;
@@ -545,166 +877,183 @@ function Sidebar({
     }
     lastBodyRef.current = navBody;
   });
-  React.useEffect(() => () => {
+  React7.useEffect(() => () => {
     if (timerRef.current) clearTimeout(timerRef.current);
   }, []);
-  return /* @__PURE__ */ jsxs(
-    "aside",
-    {
-      ref: railRef,
-      "data-print": "hide",
-      onBlur: (event) => {
-        if (!event.currentTarget.contains(event.relatedTarget)) flyout.dismiss();
-      },
-      className: cn(
-        // `relative` anchors the flyout, which hangs off the rail's right edge
-        // and has to escape the nav's own scroll box to do it.
-        "relative flex h-full flex-col bg-sidebar text-sidebar-foreground transition-all duration-200",
-        !borderless && "border-r border-sidebar-border",
-        // 14rem expanded. It was 16rem, which is the width a rail needs when
-        // its entries are sentences ("GlossGenius Financing", "Configure your
-        // payment methods"); these are one or two words, so the extra 2rem was
-        // paid for by the content column on every screen in every app. The
-        // labels still truncate, and a long one now truncates 32px earlier —
-        // which is the trade, taken deliberately.
-        collapsed ? "w-16" : "w-56"
-      ),
-      children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn(
-              "flex h-14 items-center justify-between px-4",
-              !borderless && "border-b border-sidebar-border",
-              collapsed && "justify-center px-2"
-            ),
-            children: [
-              !collapsed && /* @__PURE__ */ jsxs(Fragment, { children: [
-                logo ?? /* @__PURE__ */ jsx("span", { className: "text-lg font-bold", children: "App" }),
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    onClick: onToggle,
-                    className: "ml-auto rounded-button p-1.5 text-sidebar-muted transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-                    "aria-label": "Collapse sidebar",
-                    children: /* @__PURE__ */ jsx(PanelLeftClose, { className: "h-4 w-4" })
-                  }
-                )
-              ] }),
-              collapsed && /* @__PURE__ */ jsx(
-                "button",
-                {
-                  onClick: onToggle,
-                  className: "rounded-button p-1.5 text-sidebar-muted transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-                  "aria-label": "Expand sidebar",
-                  children: /* @__PURE__ */ jsx(PanelLeft, { className: "h-4 w-4" })
-                }
-              )
-            ]
-          }
+  return (
+    // O handle do flyout desce por contexto para QUALQUER linha da trilha —
+    // inclusive os widgets que os plugins montam no pé dela. Ver useRailRow.
+    /* @__PURE__ */ jsx(RailFlyoutProvider, { value: flyout, children: /* @__PURE__ */ jsxs(
+      "aside",
+      {
+        ref: railRef,
+        "data-print": "hide",
+        onBlur: (event) => {
+          if (!event.currentTarget.contains(event.relatedTarget)) flyout.dismiss();
+        },
+        className: cn(
+          // `relative` anchors the flyout, which hangs off the rail's right edge
+          // and has to escape the nav's own scroll box to do it.
+          "relative flex h-full flex-col bg-sidebar text-sidebar-foreground transition-all duration-200",
+          !borderless && "border-r border-sidebar-border",
+          // 14rem expanded. It was 16rem, which is the width a rail needs when
+          // its entries are sentences ("GlossGenius Financing", "Configure your
+          // payment methods"); these are one or two words, so the extra 2rem was
+          // paid for by the content column on every screen in every app. The
+          // labels still truncate, and a long one now truncates 32px earlier —
+          // which is the trade, taken deliberately.
+          collapsed ? "w-16" : "w-56"
         ),
-        topContent && /* @__PURE__ */ jsx("div", { className: "px-2 pt-2", children: withCollapsed(topContent, collapsed) }),
-        /* @__PURE__ */ jsx("div", { className: "px-2 pb-2 pt-2", children: /* @__PURE__ */ jsxs(
-          "button",
-          {
-            onClick: () => setCommandPaletteOpen(true),
-            "aria-keyshortcuts": "Meta+K Control+K",
-            className: cn(
-              // Tonal surface, no outline. On a dark rail a 1px border is a hard
-              // edge competing with every other hard edge; a lighter fill of the
-              // same hue reads as "a field" without drawing a box around it — and
-              // leaves the outline treatment free to mean focus, which it must.
-              "fz-tap group flex items-center rounded-lg bg-sidebar-accent/40 text-sidebar-muted transition-colors",
-              "hover:bg-sidebar-accent/70 hover:text-sidebar-foreground",
-              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sidebar-accent-foreground/50",
-              collapsed ? "h-9 w-9 justify-center" : "h-9 w-full gap-2.5 px-2.5"
-            ),
-            "aria-label": searchLabel,
-            title: collapsed ? searchLabel : void 0,
-            children: [
-              /* @__PURE__ */ jsx(Search, { className: "h-4 w-4 shrink-0" }),
-              !collapsed && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-left text-[13px]", children: searchLabel }),
-                /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-[11px] font-medium tabular-nums text-sidebar-muted/60 transition-opacity group-hover:opacity-100 md:opacity-70", children: [
-                  shortcutKey(),
-                  "K"
-                ] })
-              ] })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsxs(
-          "nav",
-          {
-            className: 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: [
+          /* @__PURE__ */ jsxs("div", { className: cn("shrink-0", !borderless && "border-b border-sidebar-border"), children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(
+                  "flex items-center gap-1 px-2",
+                  // h-12 com a conta embaixo (48 + 44 + 8 = 100px, na régua de 4/8),
+                  // h-14 quando a marca é a única coisa aqui e a linha tem de bater
+                  // com o cabeçalho da página.
+                  identity ? "h-12" : "h-14",
+                  collapsed && "justify-center"
+                ),
+                children: [
+                  topContent ? /* @__PURE__ */ jsx("div", { className: cn("min-w-0", collapsed ? "flex justify-center" : "flex-1"), children: withCollapsed(topContent, collapsed) }) : !collapsed && /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1 px-1.5", children: logo ?? /* @__PURE__ */ jsx("span", { className: "text-lg font-bold", children: "App" }) }),
+                  drawer && /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      onClick: onToggle,
+                      className: "fz-tap shrink-0 rounded-button p-1.5 text-sidebar-muted transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+                      "aria-label": "Close menu",
+                      children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+                    }
+                  )
+                ]
+              }
             ),
-            children: [
-              outgoing && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  "aria-hidden": true,
-                  className: 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__ */ jsx(
-                "div",
-                {
-                  className: cn(
-                    "space-y-1",
-                    outgoing && (outgoing.direction === "back" ? "saas-rail-in-back" : "saas-rail-in-forward")
-                  ),
-                  children: navBody
-                },
-                navKey
-              )
-            ]
-          }
-        ),
-        settingsItems.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("p-2 space-y-1", !borderless && "border-t border-sidebar-border"), children: settingsItems.map((item) => /* @__PURE__ */ jsx(
-          NavItem,
-          {
-            item,
-            collapsed,
-            isActive: item.route === activeRoute,
-            onNavigate: handleNavigate,
-            flyout
-          },
-          item.id
-        )) }),
-        footerContent && // `empty:hidden` — slot children may all render null (e.g. the
-        // SeuSiteWidget self-hides when the tenant has no project); without
-        // it the padded/bordered wrapper shows as a blank block.
-        /* @__PURE__ */ jsx("div", { className: cn("space-y-2 p-2 empty:hidden", !borderless && "border-t border-sidebar-border"), children: footerContent }),
-        withCollapsed(orgSwitcher, collapsed),
-        /* @__PURE__ */ jsx("div", { className: cn("p-2", !borderless && "border-t border-sidebar-border"), children: /* @__PURE__ */ jsxs("div", { className: cn(
-          "flex items-center rounded-button",
-          collapsed ? "flex-col gap-1" : "gap-1 px-1"
-        ), children: [
-          userMenuSlot,
-          !collapsed && /* @__PURE__ */ jsx("div", { className: "flex-1" }),
-          notificationSlot ?? /* @__PURE__ */ jsxs(
-            "button",
+            identity && /* @__PURE__ */ jsx("div", { className: cn("px-2 pb-2", collapsed && "flex justify-center"), children: withCollapsed(identity, collapsed) })
+          ] }),
+          navTop ? /* @__PURE__ */ jsx("div", { className: "px-2 pb-2 pt-2", children: withCollapsed(navTop, collapsed) }) : (
+            /* Search — above the first destination. It used to be a 16px magnifier
+                tucked beside the avatar at the very bottom, which is where you put
+                something nobody is meant to find: the fastest way through an admin
+                with thirty screens was the one control shaped like an afterthought.
+                Here it reads as what it is — a field — and says which key opens it.
+                Clicking it opens the same palette ⌘K does; it is a button, not an
+                input, because typing happens there. */
+            /* @__PURE__ */ jsx("div", { className: "px-2 pb-2 pt-2", children: /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: () => setCommandPaletteOpen(true),
+                "aria-keyshortcuts": "Meta+K Control+K",
+                className: cn(
+                  // Tonal surface, no outline. On a dark rail a 1px border is a hard
+                  // edge competing with every other hard edge; a lighter fill of the
+                  // same hue reads as "a field" without drawing a box around it — and
+                  // leaves the outline treatment free to mean focus, which it must.
+                  "fz-tap group flex items-center rounded-lg bg-sidebar-accent/40 text-sidebar-muted transition-colors",
+                  "hover:bg-sidebar-accent/70 hover:text-sidebar-foreground",
+                  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sidebar-accent-foreground/50",
+                  collapsed ? "h-9 w-9 justify-center" : "h-9 w-full gap-2.5 px-2.5"
+                ),
+                "aria-label": searchLabel,
+                title: collapsed ? searchLabel : void 0,
+                children: [
+                  /* @__PURE__ */ jsx(Search, { className: "h-4 w-4 shrink-0" }),
+                  !collapsed && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-left text-[13px]", children: searchLabel }),
+                    /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-[11px] font-medium tabular-nums text-sidebar-muted/60 transition-opacity group-hover:opacity-100 md:opacity-70", children: [
+                      shortcutKey(),
+                      "K"
+                    ] })
+                  ] })
+                ]
+              }
+            ) })
+          ),
+          /* @__PURE__ */ jsxs(
+            "nav",
             {
-              className: "fz-tap relative inline-flex shrink-0 items-center justify-center rounded-button 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",
+              className: 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: [
-                /* @__PURE__ */ jsx(Bell, { className: "h-4 w-4" }),
-                unreadCount > 0 && /* @__PURE__ */ jsx("span", { className: "absolute right-1 top-1 h-2 w-2 rounded-full bg-destructive" })
+                outgoing && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    "aria-hidden": true,
+                    className: 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__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "space-y-1",
+                      outgoing && (outgoing.direction === "back" ? "saas-rail-in-back" : "saas-rail-in-forward")
+                    ),
+                    children: navBody
+                  },
+                  navKey
+                )
               ]
             }
-          )
-        ] }) }),
-        flyout.panel
-      ]
-    }
+          ),
+          settingsItems.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("p-2 space-y-1", !borderless && "border-t border-sidebar-border"), children: settingsItems.map((item) => /* @__PURE__ */ jsx(
+            NavItem,
+            {
+              item,
+              collapsed,
+              isActive: item.route === activeRoute,
+              onNavigate: handleNavigate,
+              flyout
+            },
+            item.id
+          )) }),
+          footerContent && // `empty:hidden` — slot children may all render null (e.g. the
+          // SeuSiteWidget self-hides when the tenant has no project); without
+          // it the padded/bordered wrapper shows as a blank block.
+          /* @__PURE__ */ jsx("div", { className: cn("space-y-2 p-2 empty:hidden", !borderless && "border-t border-sidebar-border"), children: footerContent }),
+          withCollapsed(orgSwitcher, collapsed),
+          /* @__PURE__ */ jsx("div", { className: cn("p-2", !borderless && "border-t border-sidebar-border"), children: /* @__PURE__ */ jsxs("div", { className: cn(
+            "flex items-center rounded-button",
+            collapsed ? "flex-col gap-1" : "gap-1 px-1"
+          ), children: [
+            userMenuSlot,
+            !collapsed && /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+            notificationSlot ?? /* @__PURE__ */ jsxs(
+              "button",
+              {
+                className: "fz-tap relative inline-flex shrink-0 items-center justify-center rounded-button 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__ */ jsx(Bell, { className: "h-4 w-4" }),
+                  unreadCount > 0 && /* @__PURE__ */ jsx("span", { className: "absolute right-1 top-1 h-2 w-2 rounded-full bg-destructive" })
+                ]
+              }
+            ),
+            !drawer && /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: onToggle,
+                className: "fz-tap inline-flex shrink-0 items-center justify-center rounded-button p-2 text-sidebar-muted transition-colors hover:bg-sidebar-accent/50 hover:text-sidebar-accent-foreground",
+                "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
+                title: collapsed ? "Expand sidebar" : "Collapse sidebar",
+                children: collapsed ? /* @__PURE__ */ jsx(PanelLeft, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(PanelLeftClose, { className: "h-4 w-4" })
+              }
+            )
+          ] }) }),
+          flyout.panel
+        ]
+      }
+    ) })
   );
 }
 function TopbarUserMenu({
@@ -717,7 +1066,7 @@ function TopbarUserMenu({
   onBilling,
   userMenuExtras
 }) {
-  const [open, setOpen] = React.useState(false);
+  const [open, setOpen] = React7.useState(false);
   if (!user) return null;
   const initial = (user.fullName?.trim()?.[0] ?? user.email?.[0] ?? "?").toUpperCase();
   const item = (label, onClick, Icon) => onClick ? /* @__PURE__ */ jsxs(
@@ -797,115 +1146,11 @@ function TopbarUserMenu({
     ) })
   ] });
 }
-var ICON_MAP2 = {
-  Home: Home,
-  Users,
-  Settings: Settings,
-  CreditCard,
-  Bell: Bell,
-  Calendar,
-  CalendarClock,
-  Package,
-  Activity,
-  BarChart3,
-  FileText,
-  Mail,
-  DollarSign,
-  Megaphone,
-  ShoppingCart,
-  ShoppingBag,
-  Target,
-  Wrench,
-  ClipboardList,
-  ClipboardCheck,
-  Briefcase,
-  UserCog,
-  BookOpen,
-  MessageCircle,
-  Globe,
-  BookOpenCheck,
-  Percent,
-  Tag,
-  Tags,
-  Camera,
-  UtensilsCrossed,
-  Search: Search,
-  MapPin,
-  Handshake,
-  Contact,
-  Building2,
-  ChevronDown: ChevronDown,
-  Filter,
-  Plus,
-  Shield,
-  List,
-  ListChecks,
-  FolderOpen,
-  Dog,
-  Cat,
-  PawPrint,
-  Heart,
-  LayoutTemplate,
-  LeafyGreen,
-  Apple,
-  Egg,
-  Wheat,
-  ArrowDownCircle,
-  ArrowUpCircle,
-  ArrowLeftRight,
-  Plug,
-  SlidersHorizontal,
-  TableProperties,
-  Landmark,
-  Receipt,
-  TrendingUp,
-  CircleDollarSign,
-  Clock,
-  AlertTriangle,
-  Sparkles,
-  Wallet,
-  Warehouse,
-  Ruler,
-  ArrowUpRight,
-  ArrowDownRight,
-  UserPlus,
-  UserX,
-  TreePalm,
-  Boxes,
-  Box,
-  FileCheck2,
-  PartyPopper,
-  Radio,
-  CalendarDays,
-  BadgeDollarSign,
-  Banknote,
-  Layers,
-  Music,
-  Eye,
-  ListMusic,
-  Disc3,
-  UsersRound,
-  Mic,
-  CalendarCheck2,
-  CalendarX,
-  ListPlus,
-  Map,
-  Ban,
-  Clock3,
-  Inbox,
-  UserCheck,
-  Star,
-  Zap,
-  Clapperboard,
-  Newspaper,
-  GraduationCap,
-  Repeat
-};
 function getIcon2(name) {
-  return ICON_MAP2[name] ?? Home;
+  return ICON_MAP[name] ?? Home;
 }
 function NavDropdown({ item, currentPath, onNavigate }) {
-  const [open, setOpen] = React.useState(false);
+  const [open, setOpen] = React7.useState(false);
   const Icon = getIcon2(item.icon);
   const isChildActive = item.children?.some(
     (child) => currentPath === child.route || currentPath.startsWith(child.route + "/")
@@ -975,7 +1220,8 @@ function Topbar({
   onBilling,
   userPlan,
   billingLabel,
-  userMenuExtras
+  userMenuExtras,
+  userMenuSlot
 }) {
   const setCommandPaletteOpen = useLayoutStore((s) => s.setCommandPaletteOpen);
   const mainNav = navigation.filter((item) => item.section === "main");
@@ -986,7 +1232,7 @@ function Topbar({
   };
   return /* @__PURE__ */ jsxs("header", { "data-print": "hide", className: "sticky top-0 z-50 w-full shrink-0", children: [
     /* @__PURE__ */ jsx("div", { className: "border-b border-sidebar-border bg-sidebar text-sidebar-foreground", children: /* @__PURE__ */ jsxs("div", { className: "flex h-14 w-full items-center justify-between px-4 md:px-6", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [
         onMenuClick && /* @__PURE__ */ jsx(
           "button",
           {
@@ -996,7 +1242,7 @@ function Topbar({
             children: /* @__PURE__ */ jsx(Menu, { className: "h-5 w-5" })
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: "hidden shrink-0 items-center md:flex", children: logo ?? /* @__PURE__ */ jsx("span", { className: "text-lg font-bold", children: "App" }) })
+        /* @__PURE__ */ jsx("div", { className: "hidden min-w-0 shrink-0 items-center md:flex", children: orgSwitcher ?? logo ?? /* @__PURE__ */ jsx("span", { className: "text-lg font-bold", children: "App" }) })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "mx-8 hidden max-w-sm flex-1 md:flex", children: /* @__PURE__ */ jsxs(
         "button",
@@ -1011,10 +1257,9 @@ function Topbar({
         }
       ) }),
       /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [
-        orgSwitcher && /* @__PURE__ */ jsx("div", { className: "hidden min-w-0 items-center md:flex", children: orgSwitcher }),
         leftContent,
         rightContent,
-        /* @__PURE__ */ jsx(
+        userMenuSlot ?? /* @__PURE__ */ jsx(
           TopbarUserMenu,
           {
             user,
@@ -1071,13 +1316,17 @@ function Topbar({
     }) }) }) })
   ] });
 }
-var ModuleHeaderSlotContext = React.createContext(null);
+var ModuleHeaderSlotContext = React7.createContext(null);
 function useModuleHeaderSlot() {
-  return React.useContext(ModuleHeaderSlotContext);
+  return React7.useContext(ModuleHeaderSlotContext);
 }
-var ModuleHeaderActionsSlotContext = React.createContext(null);
+var ModuleHeaderActionsSlotContext = React7.createContext(null);
 function useModuleHeaderActionsSlot() {
-  return React.useContext(ModuleHeaderActionsSlotContext);
+  return React7.useContext(ModuleHeaderActionsSlotContext);
+}
+var PageRailSlotContext = React7.createContext(null);
+function usePageRailSlot() {
+  return React7.useContext(PageRailSlotContext);
 }
 function ShellPageTitle({
   title,
@@ -1099,6 +1348,7 @@ function SidebarLayout({
   userMenuExtras: _userMenuExtras,
   orgSwitcher,
   sidebarTopContent,
+  sidebarIdentity,
   sidebarNavTop,
   sidebarFooterContent,
   frame,
@@ -1116,16 +1366,19 @@ function SidebarLayout({
   sidebarSectionLabels,
   sidebarNavKey,
   sidebarNavDirection,
-  sidebarNavChildConnector
+  sidebarNavChildConnector,
+  railOpen
 }) {
   const sidebarCollapsed = useLayoutStore((s) => s.sidebarCollapsed);
   const pageHeaderSlot = usePageHeaderSlot();
   usePageHeaderHost();
   const setSidebarCollapsed = useLayoutStore((s) => s.setSidebarCollapsed);
-  const [mobileMenuOpen, setMobileMenuOpen] = React.useState(false);
-  const [headerSlot, setHeaderSlot] = React.useState(null);
-  const [actionsSlot, setActionsSlot] = React.useState(null);
-  return /* @__PURE__ */ jsx(SaveBarProvider, { children: /* @__PURE__ */ jsx(ModuleHeaderSlotContext.Provider, { value: headerSlot, children: /* @__PURE__ */ jsx(ModuleHeaderActionsSlotContext.Provider, { value: actionsSlot, children: /* @__PURE__ */ jsxs("div", { className: cn(
+  const [mobileMenuOpen, setMobileMenuOpen] = React7.useState(false);
+  const [headerSlot, setHeaderSlot] = React7.useState(null);
+  const [actionsSlot, setActionsSlot] = React7.useState(null);
+  const [pageRailSlot, setPageRailSlot] = React7.useState(null);
+  const hasPageActions = useHasPageActions();
+  return /* @__PURE__ */ jsx(SaveBarProvider, { children: /* @__PURE__ */ jsx(ModuleHeaderSlotContext.Provider, { value: headerSlot, children: /* @__PURE__ */ jsx(ModuleHeaderActionsSlotContext.Provider, { value: actionsSlot, children: /* @__PURE__ */ jsx(PageRailSlotContext.Provider, { value: pageRailSlot, children: /* @__PURE__ */ jsxs("div", { className: cn(
     "shell-enter 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
@@ -1148,6 +1401,7 @@ function SidebarLayout({
         onBilling,
         orgSwitcher,
         topContent: sidebarTopContent,
+        identity: sidebarIdentity,
         navTop: sidebarNavTop,
         footerContent: sidebarFooterContent,
         borderless: frame,
@@ -1162,34 +1416,48 @@ function SidebarLayout({
       }
     ) }),
     /* @__PURE__ */ jsxs("div", { className: cn(
-      "relative flex flex-1 flex-col overflow-hidden",
-      frame && "md:m-2 md:rounded-xl md:border md:border-border md:bg-card"
+      "relative flex flex-1 overflow-hidden",
+      // `content`, not `card`: this is the page's own surface, and cards have
+      // to sit ON it. Painted card, the frame was the same tone as everything
+      // inside it and the page read as one flat sheet.
+      frame && "md:my-2 md:ml-2 md:rounded-xl md:border md:border-border md:bg-content",
+      // With a companion rail open, the page and the rail are ONE card: the
+      // right edge opens and the rail closes it. Two cards with a strip of
+      // chrome between them made the assistant read as a separate window
+      // parked next to the app rather than as a column of it — the rail's own
+      // left border is then the single seam between the two.
+      frame && (railOpen ? "md:rounded-r-none md:border-r-0" : "md:mr-2")
     ), children: [
-      /* @__PURE__ */ jsxs("div", { className: 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__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-          !hasBottomNav && /* @__PURE__ */ 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__ */ jsx(Menu, { className: "h-5 w-5" })
-            }
-          ),
-          pageHeaderSlot ?? /* @__PURE__ */ jsx(ShellPageTitle, { title: pageTitle, back: pageBack }),
-          topbarStart,
-          /* @__PURE__ */ jsx("div", { ref: setHeaderSlot, className: "flex min-w-0 flex-1 items-center" })
+      /* @__PURE__ */ jsx("div", { ref: setPageRailSlot, className: "flex shrink-0 empty:hidden" }),
+      /* @__PURE__ */ jsxs("div", { className: "relative flex min-w-0 flex-1 flex-col overflow-hidden", children: [
+        /* @__PURE__ */ jsxs("div", { className: cn(
+          "flex min-h-14 shrink-0 items-center justify-between gap-3 border-b border-border px-4 py-2",
+          // …unless the page put its actions in it. Hiding the bar on mobile
+          // used to hide the only "Novo" the screen had.
+          mobileHeader !== "minimal" && !hasPageActions && "hidden md:flex"
+        ), children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+            !hasBottomNav && /* @__PURE__ */ 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__ */ jsx(Menu, { className: "h-5 w-5" })
+              }
+            ),
+            pageHeaderSlot ?? /* @__PURE__ */ jsx(ShellPageTitle, { title: pageTitle, back: pageBack }),
+            topbarStart,
+            /* @__PURE__ */ jsx("div", { ref: setHeaderSlot, className: "flex min-w-0 flex-1 items-center" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
+            /* @__PURE__ */ jsx("div", { ref: setActionsSlot, className: "flex items-center gap-2" }),
+            topbarEnd
+          ] })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
-          /* @__PURE__ */ jsx("div", { ref: setActionsSlot, className: "flex items-center gap-2" }),
-          topbarEnd
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("main", { className: "min-w-0 flex-1 overflow-y-auto pb-16 md:pb-0", children }),
-      /* @__PURE__ */ jsx(SaveBar, {})
+        /* @__PURE__ */ jsx("main", { className: "min-w-0 flex-1 overflow-y-auto pb-16 md:pb-0", children }),
+        /* @__PURE__ */ jsx(SaveBar, {})
+      ] })
     ] }),
     mobileMenuOpen && /* @__PURE__ */ jsx(
       MobileOverlay,
@@ -1205,6 +1473,7 @@ function SidebarLayout({
         onBilling,
         orgSwitcher,
         topContent: sidebarTopContent,
+        identity: sidebarIdentity,
         navTop: sidebarNavTop,
         footerContent: sidebarFooterContent,
         userMenuSlot,
@@ -1214,7 +1483,7 @@ function SidebarLayout({
         onClose: () => setMobileMenuOpen(false)
       }
     )
-  ] }) }) }) });
+  ] }) }) }) }) });
 }
 function TopbarLayout({
   navigation = [],
@@ -1229,6 +1498,7 @@ function TopbarLayout({
   userPlan,
   billingLabel,
   userMenuExtras,
+  userMenuSlot,
   orgSwitcher,
   frame,
   currentPath,
@@ -1239,13 +1509,17 @@ function TopbarLayout({
   notificationSlot,
   hasBottomNav = false
 }) {
-  const [mobileMenuOpen, setMobileMenuOpen] = React.useState(false);
+  const [mobileMenuOpen, setMobileMenuOpen] = React7.useState(false);
+  const [headerSlot, setHeaderSlot] = React7.useState(null);
+  const [actionsSlot, setActionsSlot] = React7.useState(null);
+  const [pageRailSlot, setPageRailSlot] = React7.useState(null);
   const rawSlot = usePageHeaderSlot();
   const hasOutlet = useHasPageHeaderOutlet();
+  const hasPageActions = useHasPageActions();
   usePageHeaderHost();
   const pageHeaderSlot = hasOutlet ? null : rawSlot;
   const showTitle = !hasOutlet && !!pageTitle;
-  return /* @__PURE__ */ jsx(SaveBarProvider, { children: /* @__PURE__ */ jsxs("div", { className: "shell-enter relative flex h-screen flex-col overflow-hidden bg-background", children: [
+  return /* @__PURE__ */ jsx(SaveBarProvider, { children: /* @__PURE__ */ jsx(ModuleHeaderSlotContext.Provider, { value: headerSlot, children: /* @__PURE__ */ jsx(ModuleHeaderActionsSlotContext.Provider, { value: actionsSlot, children: /* @__PURE__ */ jsx(PageRailSlotContext.Provider, { value: pageRailSlot, children: /* @__PURE__ */ jsxs("div", { className: "shell-enter relative flex h-screen flex-col overflow-hidden bg-background", children: [
     /* @__PURE__ */ jsx(
       Topbar,
       {
@@ -1261,6 +1535,7 @@ function TopbarLayout({
         userPlan,
         billingLabel,
         userMenuExtras,
+        userMenuSlot,
         orgSwitcher,
         leftContent: topbarStart,
         rightContent: topbarEnd || notificationSlot ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -1270,9 +1545,18 @@ function TopbarLayout({
         onMenuClick: hasBottomNav ? void 0 : () => setMobileMenuOpen(true)
       }
     ),
-    /* @__PURE__ */ jsx("main", { className: cn("flex min-w-0 min-h-0 flex-1 flex-col overflow-hidden", frame && "md:bg-sidebar md:p-2"), children: /* @__PURE__ */ jsxs("div", { className: 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: [
-      (pageHeaderSlot || pageBack || showTitle) && /* @__PURE__ */ jsx("div", { className: "flex min-h-12 shrink-0 items-center gap-3 border-b border-border px-4 py-2", children: pageHeaderSlot ?? /* @__PURE__ */ jsx(ShellPageTitle, { title: showTitle ? pageTitle : void 0, back: pageBack }) }),
-      /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto pb-16 md:pb-0", children })
+    /* @__PURE__ */ jsx("main", { className: cn("flex min-w-0 min-h-0 flex-1 flex-col overflow-hidden", frame && "md:bg-sidebar md:p-2"), children: /* @__PURE__ */ jsxs("div", { className: cn("flex min-w-0 min-h-0 flex-1 overflow-hidden", frame && "md:rounded-xl md:border md:border-border md:bg-content"), children: [
+      /* @__PURE__ */ jsx("div", { ref: setPageRailSlot, className: "flex shrink-0 empty:hidden" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 min-h-0 flex-1 flex-col overflow-hidden", children: [
+        (pageHeaderSlot || pageBack || hasPageActions) && /* @__PURE__ */ jsxs("div", { className: "flex min-h-12 shrink-0 items-center justify-between gap-3 border-b border-border px-4 py-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+            pageHeaderSlot ?? /* @__PURE__ */ jsx(ShellPageTitle, { title: showTitle ? pageTitle : void 0, back: pageBack }),
+            /* @__PURE__ */ jsx("div", { ref: setHeaderSlot, className: "flex min-w-0 flex-1 items-center" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { ref: setActionsSlot, className: "flex shrink-0 items-center gap-2" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto pb-16 md:pb-0", children })
+      ] })
     ] }) }),
     /* @__PURE__ */ jsx(SaveBar, {}),
     mobileMenuOpen && /* @__PURE__ */ jsx(
@@ -1292,7 +1576,7 @@ function TopbarLayout({
         onClose: () => setMobileMenuOpen(false)
       }
     )
-  ] }) });
+  ] }) }) }) }) });
 }
 function DrawerUserRow({ user }) {
   const label = user.fullName || user.email;
@@ -1316,23 +1600,23 @@ function MinimalLayout({
   ] });
 }
 function MobileOverlay({ onClose, onNavigate, ...sidebarProps }) {
-  const [visible, setVisible] = React.useState(false);
-  React.useEffect(() => {
+  const [visible, setVisible] = React7.useState(false);
+  React7.useEffect(() => {
     const id = requestAnimationFrame(() => setVisible(true));
     return () => cancelAnimationFrame(id);
   }, []);
-  const close = React.useCallback(() => {
+  const close = React7.useCallback(() => {
     setVisible(false);
     window.setTimeout(onClose, 250);
   }, [onClose]);
-  React.useEffect(() => {
+  React7.useEffect(() => {
     const previous = document.body.style.overflow;
     document.body.style.overflow = "hidden";
     return () => {
       document.body.style.overflow = previous;
     };
   }, []);
-  React.useEffect(() => {
+  React7.useEffect(() => {
     const onKey = (e) => {
       if (e.key === "Escape") close();
     };
@@ -1363,6 +1647,7 @@ function MobileOverlay({ onClose, onNavigate, ...sidebarProps }) {
             ...sidebarProps,
             collapsed: false,
             onToggle: close,
+            drawer: true,
             borderless: true,
             onNavigate: (route) => {
               onNavigate?.(route);
@@ -1376,16 +1661,16 @@ function MobileOverlay({ onClose, onNavigate, ...sidebarProps }) {
 }
 var BOTTOM_NAV_ICONS = {
   Home: Home,
-  Receipt: Receipt,
-  ArrowLeftRight: ArrowLeftRight,
-  Calendar: Calendar,
+  Receipt,
+  ArrowLeftRight,
+  Calendar,
   CreditCard: CreditCard,
   Settings: Settings,
   Menu: Menu,
-  MessageCircle: MessageCircle,
-  Wallet: Wallet,
+  MessageCircle,
+  Wallet,
   PiggyBank,
-  Plus: Plus
+  Plus
 };
 function FloatingProfileAvatar({ user, onClick }) {
   if (!user) return null;
@@ -1472,6 +1757,7 @@ function AppShell({
   topbarStart,
   topbarEnd,
   sidebarTopContent,
+  sidebarIdentity,
   sidebarNavTop,
   sidebarFooterContent,
   bottomNav,
@@ -1521,6 +1807,7 @@ function AppShell({
           userMenuExtras,
           orgSwitcher,
           sidebarTopContent,
+          sidebarIdentity,
           sidebarNavTop,
           sidebarFooterContent,
           frame: contentFrame,
@@ -1539,6 +1826,7 @@ function AppShell({
           sidebarNavKey,
           sidebarNavDirection,
           sidebarNavChildConnector,
+          railOpen: !!rightRail && rightRailOpen,
           children
         }
       );
@@ -1558,6 +1846,7 @@ function AppShell({
           userPlan,
           billingLabel,
           userMenuExtras,
+          userMenuSlot,
           orgSwitcher,
           frame: contentFrame,
           currentPath,
@@ -1608,13 +1897,13 @@ function SplitWithRightRail({
   maxWidth = 720,
   resizeLabel = "Resize panel"
 }) {
-  const [width, setWidth] = React.useState(defaultWidth);
-  const [dragging, setDragging] = React.useState(false);
-  const clamp = React.useCallback(
+  const [width, setWidth] = React7.useState(defaultWidth);
+  const [dragging, setDragging] = React7.useState(false);
+  const clamp = React7.useCallback(
     (value) => Math.min(maxWidth, Math.max(minWidth, value)),
     [minWidth, maxWidth]
   );
-  React.useEffect(() => {
+  React7.useEffect(() => {
     if (!dragging) return;
     const onMove = (event) => {
       event.preventDefault();
@@ -1636,7 +1925,7 @@ function SplitWithRightRail({
       document.body.style.cursor = previousCursor;
     };
   }, [dragging, clamp]);
-  React.useEffect(() => {
+  React7.useEffect(() => {
     if (dragging) return;
     onWidthChange?.(width);
   }, [dragging]);
@@ -1679,7 +1968,11 @@ function SplitWithRightRail({
             }
           },
           className: cn(
-            "group relative hidden w-1 shrink-0 cursor-col-resize focus-visible:outline-none",
+            // Zero width: the divider USED to be a 4px gutter, which meant the
+            // page and the rail could never touch — there was always a strip of
+            // chrome between them. It now sits exactly on the seam the rail's own
+            // left border draws, and lights that border up when you reach for it.
+            "group relative hidden w-0 shrink-0 cursor-col-resize focus-visible:outline-none",
             open && "md:block"
           ),
           children: [
@@ -1687,7 +1980,7 @@ function SplitWithRightRail({
               "span",
               {
                 className: cn(
-                  "absolute inset-y-6 left-1/2 w-px -translate-x-1/2 rounded-full bg-transparent transition-colors",
+                  "absolute inset-y-6 -left-px w-0.5 rounded-full bg-transparent transition-colors",
                   "group-hover:bg-primary/60 group-focus-visible:bg-primary",
                   dragging && "bg-primary"
                 )
@@ -1715,40 +2008,79 @@ function SplitWithRightRail({
     ] })
   );
 }
-function BootSpinner({ className }) {
+function HeaderTabs({
+  tabs,
+  value,
+  onChange,
+  className,
+  fill,
+  ...rest
+}) {
   return /* @__PURE__ */ jsx(
-    "span",
+    "div",
     {
-      "aria-hidden": true,
+      role: "tablist",
+      "aria-label": rest["aria-label"],
       className: cn(
-        "block h-7 w-7 animate-spin rounded-full border-2 border-foreground/20 border-t-foreground/70",
-        "motion-reduce:animate-none motion-reduce:border-t-foreground/20 motion-reduce:animate-pulse",
+        "inline-flex max-w-full gap-5 overflow-x-auto scrollbar-none",
+        fill ? "items-stretch" : "items-center",
         className
-      )
+      ),
+      children: tabs.map((tab) => {
+        const active = tab.value === value;
+        const Icon = tab.icon;
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": active,
+            onClick: () => onChange(tab.value),
+            className: cn(
+              "relative flex shrink-0 items-center gap-1.5 whitespace-nowrap text-sm transition-colors",
+              // Filled: the row owns the band's height and the underline sits on
+              // its bottom edge. Otherwise the underline trails the label by 6px.
+              fill ? "h-full" : "pb-1.5",
+              active ? "font-medium text-foreground" : "text-muted-foreground hover:text-foreground"
+            ),
+            children: [
+              Icon ? /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 shrink-0" }) : null,
+              /* @__PURE__ */ jsx("span", { children: tab.label }),
+              tab.count != null && /* @__PURE__ */ jsx("span", { className: cn(
+                "ml-0.5 rounded-full px-1.5 text-[11px] tabular-nums",
+                active ? "bg-muted text-foreground" : "bg-muted/70 text-muted-foreground"
+              ), children: tab.count }),
+              tab.badge,
+              active && /* @__PURE__ */ jsx("span", { className: "absolute inset-x-0 bottom-0 h-0.5 rounded-full bg-foreground" })
+            ]
+          },
+          tab.value
+        );
+      })
     }
   );
 }
-function AppShellSkeleton({ label, className }) {
+function PageTabs({ actions, className, ...props }) {
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      role: "status",
-      "aria-busy": "true",
-      className: cn("flex h-screen items-center justify-center overflow-hidden bg-background", className),
+      className: cn(
+        "-mx-3 -mt-3 mb-4 flex flex-wrap items-end justify-between gap-3 border-b border-border px-3 pt-2 md:-mx-6 md:-mt-4 md:px-6",
+        className
+      ),
       children: [
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: label }),
-        /* @__PURE__ */ jsx(BootSpinner, {})
+        /* @__PURE__ */ jsx(HeaderTabs, { ...props, className: "-mb-px" }),
+        actions && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-2 pb-1.5", children: actions })
       ]
     }
   );
 }
-AppShellSkeleton.displayName = "AppShellSkeleton";
-var NavTransitionContext = React.createContext("slide");
+var NavTransitionContext = React7.createContext("slide");
 function NavTransitionProvider({ value, children }) {
   return /* @__PURE__ */ jsx(NavTransitionContext.Provider, { value, children });
 }
 function useNavTransition() {
-  return React.useContext(NavTransitionContext);
+  return React7.useContext(NavTransitionContext);
 }
 function resolveTransitionClass(transition, direction) {
   if (transition === "none") return "";
@@ -1767,8 +2099,14 @@ function PageTransition({
   const animClass = resolveTransitionClass(transition, direction);
   return /* @__PURE__ */ jsx("div", { className: cn(animClass, className), children }, transitionKey);
 }
+function PageRail({ children }) {
+  const slot = usePageRailSlot();
+  if (slot) return createPortal(children, slot);
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
 function PageHeaderActions({ children }) {
   const slot = useModuleHeaderActionsSlot();
+  useRegisterPageActions();
   if (slot) return createPortal(children, slot);
   return /* @__PURE__ */ jsx("div", { className: "mb-4 flex items-center justify-end gap-2", children });
 }
@@ -1777,16 +2115,16 @@ function PremiumBadge({ className }) {
   const tip = t("upgrade.badgeTooltip");
   return /* @__PURE__ */ jsx("span", { title: tip, "aria-label": tip, className: cn("inline-flex shrink-0", className), children: /* @__PURE__ */ jsx(Crown, { className: "h-3.5 w-3.5 text-amber-500", "aria-hidden": true }) });
 }
-var ModuleLayoutContext = React.createContext("rail");
+var ModuleLayoutContext = React7.createContext("rail");
 function ModuleLayoutProvider({ variant, children }) {
   return /* @__PURE__ */ jsx(ModuleLayoutContext.Provider, { value: variant, children });
 }
 function useModuleLayout() {
-  return React.useContext(ModuleLayoutContext);
+  return React7.useContext(ModuleLayoutContext);
 }
-function NavItem2({ item }) {
-  const [expanded, setExpanded] = React.useState(true);
-  const Icon = item.icon ? ICON_MAP2[item.icon] ?? null : null;
+function RailNavItem({ item }) {
+  const [expanded, setExpanded] = React7.useState(true);
+  const Icon = item.icon ? ICON_MAP[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;
@@ -1827,9 +2165,9 @@ function NavItem2({ item }) {
   ] });
 }
 function MobileTabs({ nav }) {
-  const scrollRef = React.useRef(null);
-  const [expandedId, setExpandedId] = React.useState(null);
-  React.useEffect(() => {
+  const scrollRef = React7.useRef(null);
+  const [expandedId, setExpandedId] = React7.useState(null);
+  React7.useEffect(() => {
     const container = scrollRef.current;
     if (!container) return;
     const activeEl = container.querySelector('[data-active="true"]');
@@ -1840,7 +2178,7 @@ function MobileTabs({ nav }) {
   }, [nav]);
   return /* @__PURE__ */ jsxs("div", { className: "md:hidden -mx-1 mb-4 no-print", children: [
     /* @__PURE__ */ 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 Icon = item.icon ? ICON_MAP[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;
@@ -1896,12 +2234,12 @@ function MobileTabs({ nav }) {
     })()
   ] });
 }
-var BackStyleContext = React.createContext("link");
+var BackStyleContext = React7.createContext("link");
 function BackStyleProvider({ style, children }) {
   return /* @__PURE__ */ jsx(BackStyleContext.Provider, { value: style, children });
 }
 function useBackStyle() {
-  return React.useContext(BackStyleContext);
+  return React7.useContext(BackStyleContext);
 }
 function SubpageHeader({ title, subtitle, icon, onBack, parentLabel, actions, backStyle, inline }) {
   const t = useTranslation();
@@ -1911,7 +2249,7 @@ function SubpageHeader({ title, subtitle, icon, onBack, parentLabel, actions, ba
   const effectiveOnBack = inline ? onBack : cross.onBack;
   const effectiveParentLabel = inline ? parentLabel : cross.parentLabel;
   useBackHandler(effectiveOnBack);
-  const Icon = icon ? ICON_MAP2[icon] ?? null : null;
+  const Icon = icon ? ICON_MAP[icon] ?? null : null;
   if (inline && effectiveOnBack) {
     return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
@@ -1997,13 +2335,11 @@ function ShellSubpageHeader({
     /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
       Icon && !onBack && /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
       /* @__PURE__ */ jsx(PageHeaderCrumb, { title, parentLabel, onBack })
-    ] })
+    ] }),
+    { back: !!onBack }
   );
-  if (!subtitle && !actions) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "mb-5 flex flex-wrap items-start justify-between gap-3", children: [
-    subtitle ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: subtitle }) : /* @__PURE__ */ jsx("span", {}),
-    actions && /* @__PURE__ */ jsx("div", { className: "no-print flex shrink-0 items-center gap-2", children: actions })
-  ] });
+  if (!actions) return null;
+  return /* @__PURE__ */ jsx(PageHeaderActions, { children: /* @__PURE__ */ jsx("div", { className: "no-print flex shrink-0 items-center gap-2", children: actions }) });
 }
 function ModuleHeader({ nav }) {
   function defaultChild(item) {
@@ -2014,7 +2350,7 @@ function ModuleHeader({ nav }) {
   const tabs = nav.map((item) => ({
     value: item.id,
     label: item.label,
-    icon: item.icon ? ICON_MAP2[item.icon] ?? void 0 : void 0,
+    icon: item.icon ? ICON_MAP[item.icon] ?? void 0 : void 0,
     // Plan-gated views keep their upgrade marker — dropping it would hide the
     // only signal that the tab costs an upgrade.
     badge: item.premium ? /* @__PURE__ */ jsx(PremiumBadge, {}) : void 0
@@ -2026,12 +2362,13 @@ function ModuleHeader({ nav }) {
     if (hasChildren) defaultChild(item)?.onClick?.();
     else item.onClick?.();
   };
-  return /* @__PURE__ */ jsx("div", { className: "mb-6 flex flex-wrap items-center justify-between gap-3", children: /* @__PURE__ */ jsx(HeaderTabs, { tabs, value: activeItem?.id ?? nav[0]?.id ?? "", onChange }) });
+  return /* @__PURE__ */ jsx(PageTabs, { tabs, value: activeItem?.id ?? nav[0]?.id ?? "", onChange });
 }
-function ModulePage({ title, subtitle, nav, children, className, headerAction, showHeader = true, sidebarFooter, navVariant, viewKey, direction }) {
+function ModulePage({ title: _title, subtitle, nav, children, className, headerAction, showHeader = true, sidebarFooter, navVariant, viewKey, direction }) {
   const ctxVariant = useModuleLayout();
   const variant = navVariant ?? ctxVariant;
   const transitionKey = viewKey ?? "view";
+  const onSubpage = useHasPageHeaderBack();
   if (variant === "sidebar") {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       showHeader && headerAction && /* @__PURE__ */ jsx(PageHeaderActions, { children: headerAction }),
@@ -2040,148 +2377,24 @@ function ModulePage({ title, subtitle, nav, children, className, headerAction, s
   }
   if (variant === "tabs") {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(ModuleHeader, { nav }),
+      !onSubpage && /* @__PURE__ */ jsx(ModuleHeader, { nav }),
       showHeader && headerAction && /* @__PURE__ */ jsx(PageHeaderActions, { children: headerAction }),
       /* @__PURE__ */ jsx(PageTransition, { transitionKey, direction, className: cn("min-w-0", className), children })
     ] });
   }
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex gap-6 -mt-2", className), children: [
-    /* @__PURE__ */ jsx("div", { className: "w-48 shrink-0 hidden md:block no-print", children: /* @__PURE__ */ jsxs("div", { className: cn(sidebarFooter && "sticky top-4 flex flex-col"), style: sidebarFooter ? { height: "calc(100vh - 8rem)" } : void 0, children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider px-2.5 mb-2", children: title }),
-        /* @__PURE__ */ jsx("nav", { className: "space-y-0.5", children: nav.map((item) => /* @__PURE__ */ jsx(NavItem2, { item }, item.id)) })
-      ] }),
-      sidebarFooter && /* @__PURE__ */ jsx("div", { className: "mt-auto", children: sidebarFooter })
+  return /* @__PURE__ */ jsxs("div", { className: cn("min-w-0", className), children: [
+    /* @__PURE__ */ jsx(PageRail, { children: /* @__PURE__ */ jsxs("div", { className: "hidden w-48 shrink-0 flex-col overflow-y-auto border-r border-border p-3 no-print md:flex", children: [
+      /* @__PURE__ */ jsx("nav", { className: "space-y-0.5", children: nav.map((item) => /* @__PURE__ */ jsx(RailNavItem, { item }, item.id)) }),
+      sidebarFooter && /* @__PURE__ */ jsx("div", { className: "mt-auto pt-3", children: sidebarFooter })
     ] }) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsx(PageHeaderOutlet, {}),
-      showHeader && /* @__PURE__ */ jsxs("div", { className: "mb-6 flex items-start justify-between gap-3", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold", children: title }),
-          subtitle && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: subtitle })
-        ] }),
-        headerAction
-      ] }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+      showHeader && headerAction && /* @__PURE__ */ jsx(PageHeaderActions, { children: headerAction }),
       /* @__PURE__ */ jsx(MobileTabs, { nav }),
       /* @__PURE__ */ jsx(PageTransition, { transitionKey, direction, children })
     ] })
   ] });
 }
-var EMPTY = [];
-var PageTrailContext = React.createContext(EMPTY);
-function PageTrail({
-  label,
-  href,
-  onNavigate,
-  children
-}) {
-  const parent = React.useContext(PageTrailContext);
-  const trail = React.useMemo(
-    () => [...parent, { label, href, onNavigate }],
-    [parent, label, href, onNavigate]
-  );
-  return /* @__PURE__ */ jsx(PageTrailContext.Provider, { value: trail, children });
-}
-function usePageTrail() {
-  return React.useContext(PageTrailContext);
-}
-function usePageTrailParent(href) {
-  const trail = React.useContext(PageTrailContext);
-  return React.useMemo(() => {
-    const above = href ? trail.filter((c) => c.href !== href) : trail;
-    return above[above.length - 1];
-  }, [trail, href]);
-}
-function navigateToCrumb(crumb) {
-  if (crumb.onNavigate) crumb.onNavigate();
-  else window.location.hash = crumb.href;
-}
-var ContentSplitContext = React.createContext(null);
-function ContentSplit({
-  children,
-  aside,
-  asideTitle,
-  asideDescription,
-  asideWidth = "20rem",
-  asideOpen,
-  onAsideOpenChange,
-  collapsible = false,
-  defaultCollapsed = false,
-  className
-}) {
-  const [internalOpen, setInternalOpen] = React.useState(false);
-  const open = asideOpen ?? internalOpen;
-  const setOpen = onAsideOpenChange ?? setInternalOpen;
-  const [collapsed, setCollapsed] = React.useState(collapsible && defaultCollapsed);
-  return /* @__PURE__ */ jsxs(ContentSplitContext.Provider, { value: { open, setOpen }, children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn("lg:grid lg:items-start lg:gap-6", className),
-        style: { gridTemplateColumns: `minmax(0, 1fr) ${collapsed ? "auto" : asideWidth}` },
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "min-w-0", children }),
-          /* @__PURE__ */ jsx("aside", { className: "hidden lg:block lg:sticky lg:top-4", children: collapsed ? /* @__PURE__ */ jsx(
-            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__ */ jsx(PanelRightOpen, { className: "h-4 w-4" })
-            }
-          ) : /* @__PURE__ */ jsxs("div", { className: "rounded-card border border-border bg-card", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2 border-b border-border px-4 py-3", children: [
-              /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-foreground", children: asideTitle }),
-                asideDescription && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: asideDescription })
-              ] }),
-              collapsible && /* @__PURE__ */ 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__ */ jsx(PanelRightClose, { className: "h-4 w-4" })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "p-4", children: aside })
-          ] }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsx(Sheet, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(SheetContent, { width: "max-w-sm", children: [
-      /* @__PURE__ */ jsxs(SheetHeader, { children: [
-        /* @__PURE__ */ jsx(SheetTitle, { children: asideTitle }),
-        asideDescription && /* @__PURE__ */ jsx(SheetDescription, { children: asideDescription })
-      ] }),
-      /* @__PURE__ */ jsx(SheetBody, { children: aside })
-    ] }) }) })
-  ] });
-}
-function ContentSplitTrigger({ label, iconOnly, className }) {
-  const ctx = React.useContext(ContentSplitContext);
-  if (!ctx) return null;
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      variant: "outline",
-      size: "sm",
-      onClick: () => ctx.setOpen(true),
-      className: cn("lg:hidden", className),
-      "aria-label": typeof label === "string" ? label : void 0,
-      children: [
-        /* @__PURE__ */ jsx(PanelRight, { className: cn("h-4 w-4", !iconOnly && "mr-1.5") }),
-        !iconOnly && label
-      ]
-    }
-  );
-}
 
-export { AppShell, AppShellSkeleton, BackStyleProvider, ContentSplit, ContentSplitTrigger, ModuleLayoutProvider, ModulePage, NavTransitionProvider, PageHeaderActions, PageTrail, PageTransition, Sidebar, SubpageHeader, Topbar, navigateToCrumb, useBackStyle, useModuleHeaderActionsSlot, useModuleHeaderSlot, useModuleLayout, useNavTransition, usePageTrail, usePageTrailParent };
-//# sourceMappingURL=chunk-ZDRHCKRK.js.map
-//# sourceMappingURL=chunk-ZDRHCKRK.js.map
+export { AppShell, BackStyleProvider, HeaderTabs, ModuleLayoutProvider, ModulePage, NavTransitionProvider, PageHeader, PageHeaderActions, PageHeaderCrumb, PageRail, PageTabs, PageTransition, RailNavItem, SaveBar, SaveBarProvider, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SubpageHeader, Topbar, useBackHandler, useBackStyle, useCrossModuleBack, useModuleHeaderActionsSlot, useModuleHeaderSlot, useModuleLayout, useNavTransition, useRailRow, useSaveBar, useSaveBarVisible };
+//# sourceMappingURL=chunk-NA3GE4H3.js.map
+//# sourceMappingURL=chunk-NA3GE4H3.js.map