@fayz-ai/ui 0.14.0 → 0.16.0

package/dist/{chunk-MVH64JFG.js → chunk-PZU7XC2M.js}

@@ -1,8 +1,9 @@
-import { cn, useHasPageHeaderHost, usePageHeader, useLayoutStore, useRegisterPageActions, useHasPageHeaderBack, usePageHeaderSlot, useHasPageHeaderOutlet, useHasPageActions, usePageHeaderHost } from './chunk-LFZFBN3P.js';
-import { ICON_MAP } from './chunk-UZYXFEQS.js';
-import * as React7 from 'react';
+import { useHasPageHeaderHost, usePageHeader, PageTitlePortal, useLayoutStore, useHasPageHeaderBack, useRegisterPageActions, usePageHeaderClaimed, usePageTitleSlotHost, useHasPageHeaderOutlet, useHasPageActions, usePageHeaderHost } from './chunk-HKGTF2YA.js';
+import { cn } from './chunk-OKZ6WQB3.js';
+import { ICON_MAP } from './chunk-4GK6IHOI.js';
+import * as React2 from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { X, Loader2, ArrowLeft, Menu, Search, Crown, PanelLeftClose, PanelLeft, Bell, 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, ExternalLink, PiggyBank, LogOut } from 'lucide-react';
+import { X, Loader2, ArrowLeft, Search, Bell, PanelLeft, PanelLeftClose, Menu, Crown, ChevronDown, ChevronRight, ChevronLeft, ExternalLink, CreditCard, Sparkles, Home, Plus, UserCog, Settings, 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';
@@ -28,26 +29,40 @@ 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(
+var SheetOverlay = React2.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]",
+      "saas-sheet-overlay fixed inset-0 z-[100] bg-black/40 backdrop-blur-[2px]",
       className
     ),
     ...props
   }
 ));
 SheetOverlay.displayName = "SheetOverlay";
-var SheetContent = React7.forwardRef(({ className, children, width, hideClose, overlay = "blur", ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
+var SheetContent = React2.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",
+        "fayz-glass-surface saas-sheet-content fixed inset-y-0 right-0 z-[100] flex flex-col border-l bg-card shadow-2xl outline-none",
         "w-full",
         width ?? "max-w-md",
         className
@@ -84,7 +99,7 @@ function SheetFooter({ className, ...props }) {
   );
 }
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -93,7 +108,7 @@ var SheetTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 SheetTitle.displayName = "SheetTitle";
-var SheetDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetDescription = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -112,8 +127,8 @@ function SheetBody({ className, ...props }) {
   );
 }
 SheetBody.displayName = "SheetBody";
-var SaveBarApiContext = React7.createContext(null);
-var SaveBarStateContext = React7.createContext({ visible: false, saving: false });
+var SaveBarApiContext = React2.createContext(null);
+var SaveBarStateContext = React2.createContext({ visible: false, saving: false });
 var _saveBarVisible = false;
 var _saveBarSubs = /* @__PURE__ */ new Set();
 function setSaveBarVisibleSignal(v) {
@@ -122,7 +137,7 @@ function setSaveBarVisibleSignal(v) {
   _saveBarSubs.forEach((fn) => fn());
 }
 function useSaveBarVisible() {
-  return React7.useSyncExternalStore(
+  return React2.useSyncExternalStore(
     (cb) => {
       _saveBarSubs.add(cb);
       return () => {
@@ -134,15 +149,15 @@ function useSaveBarVisible() {
   );
 }
 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(() => {
+  const [state, setState] = React2.useState({ visible: false, saving: false });
+  const handlers = React2.useRef({});
+  const api = React2.useMemo(() => ({ setState, handlers }), []);
+  const backStack = React2.useRef([]);
+  const backApi = React2.useMemo(() => ({ stack: backStack }), []);
+  React2.useEffect(() => {
     setSaveBarVisibleSignal(state.visible);
   }, [state.visible]);
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     function onKey(e) {
       if (state.visible && !state.saving) {
         if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
@@ -170,7 +185,7 @@ function SaveBarProvider({ children }) {
   }, [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);
+var BackNavApiContext = React2.createContext(null);
 function isEditableTarget(target) {
   const el = target;
   if (!el || !el.tagName) return false;
@@ -178,12 +193,12 @@ function isEditableTarget(target) {
   return tag === "input" || tag === "textarea" || tag === "select" || el.isContentEditable;
 }
 function useBackHandler(onBack) {
-  const api = React7.useContext(BackNavApiContext);
-  const ref = React7.useRef(onBack);
-  React7.useEffect(() => {
+  const api = React2.useContext(BackNavApiContext);
+  const ref = React2.useRef(onBack);
+  React2.useEffect(() => {
     ref.current = onBack;
   });
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     if (!api) return;
     const stack = api.stack.current;
     stack.push(ref);
@@ -194,23 +209,23 @@ function useBackHandler(onBack) {
   }, [api]);
 }
 function useSaveBar({ dirty, saving = false, onSave, onDiscard, message, saveLabel, discardLabel }) {
-  const api = React7.useContext(SaveBarApiContext);
-  React7.useEffect(() => {
+  const api = React2.useContext(SaveBarApiContext);
+  React2.useEffect(() => {
     if (api) api.handlers.current = { onSave, onDiscard };
   });
-  React7.useEffect(() => {
+  React2.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 state = React2.useContext(SaveBarStateContext);
+  const api = React2.useContext(SaveBarApiContext);
   const t = useTranslation();
-  const [rendered, setRendered] = React7.useState(state.visible);
-  const [closing, setClosing] = React7.useState(false);
-  React7.useEffect(() => {
+  const [rendered, setRendered] = React2.useState(state.visible);
+  const [closing, setClosing] = React2.useState(false);
+  React2.useEffect(() => {
     if (state.visible) {
       setRendered(true);
       setClosing(false);
@@ -226,40 +241,52 @@ function SaveBar({ className }) {
   }, [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")
-        }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        // Above the tab bar (z-50), below a full-screen sheet (z-60), and lifted
+        // clear of the bar's height so its actions are not sitting under it.
+        "pointer-events-none fixed inset-x-0 z-[55] flex justify-center px-4",
+        "bottom-[calc(var(--fz-bottom-bar,0px)+1.25rem)]",
+        className
       ),
-      /* @__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")
-          ]
-        }
-      )
-    ] })
-  ] }) });
+      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) || "/" : "/";
@@ -274,10 +301,14 @@ function useCrossModuleBack(onBack, parentLabel) {
 function PageHeaderCrumb({
   title,
   parentLabel,
-  onBack
+  onBack,
+  headingLevel = "h2"
 }) {
+  const Heading = headingLevel;
+  const asHeading = typeof title === "string" && title !== "";
   if (!onBack) {
-    return title ? /* @__PURE__ */ jsx("h2", { className: "min-w-0 truncate text-lg font-semibold", children: title }) : null;
+    if (!title) return null;
+    return asHeading ? /* @__PURE__ */ jsx(Heading, { className: "min-w-0 truncate text-lg font-semibold", children: title }) : /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-lg font-semibold", children: title });
   }
   return /* @__PURE__ */ jsxs("nav", { className: "flex min-w-0 items-center gap-1.5 text-sm text-muted-foreground", children: [
     /* @__PURE__ */ jsxs(
@@ -298,6 +329,11 @@ function PageHeaderCrumb({
         // 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" })
+      ) : asHeading ? (
+        // A heading, not a span, when it IS the screen's name: a subpage
+        // that only ever renders a breadcrumb was leaving the page with no
+        // heading for a screen reader to land on.
+        /* @__PURE__ */ jsx(Heading, { className: "min-w-0 truncate font-medium text-foreground", children: title })
       ) : /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate font-medium text-foreground", children: title })
     ] })
   ] });
@@ -306,7 +342,7 @@ 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(
+  const node = React2.useMemo(() => /* @__PURE__ */ jsx(
     PageHeaderCrumb,
     {
       title,
@@ -314,385 +350,21 @@ function PageHeader({ title, onBack, parentLabel, backLabel }) {
       onBack: effectiveOnBack
     }
   ), [effectiveOnBack, effectiveParent, backLabel, title]);
-  usePageHeader(hasHost ? node : null, { back: !!effectiveOnBack });
-  if (hasHost) return null;
+  usePageHeader(hasHost, { back: !!effectiveOnBack });
+  if (hasHost) return /* @__PURE__ */ jsx(PageTitlePortal, { children: node });
   return /* @__PURE__ */ jsx("div", { className: "mb-4", children: node });
 }
-function TopbarUserMenu({
-  user,
-  userPlan,
-  billingLabel = "Subscription",
-  onSignOut,
-  onProfile,
-  onSettings,
-  onBilling,
-  userMenuExtras
-}) {
-  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(
-    "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__ */ jsx(Icon, { className: "h-4 w-4 text-muted-foreground" }),
-        /* @__PURE__ */ jsx("span", { children: label })
-      ]
-    },
-    label
-  ) : null;
-  return /* @__PURE__ */ jsxs(Popover.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ 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__ */ jsx("img", { src: user.avatarUrl, alt: "", className: "h-full w-full object-cover" })
-        ) : initial
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsxs(
-      Popover.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__ */ jsxs("div", { className: "border-b border-border px-3 py-2", children: [
-            /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium text-foreground", children: user.fullName || user.email }),
-            /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-muted-foreground", children: user.email })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "mt-1 space-y-0.5", children: [
-            item("Perfil", onProfile, UserCog),
-            item("Configura\xE7\xF5es", onSettings, Settings),
-            onBilling && /* @__PURE__ */ 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__ */ jsx(CreditCard, { className: "h-4 w-4 text-muted-foreground" }),
-                  /* @__PURE__ */ jsx("span", { className: "flex-1 text-left", children: billingLabel }),
-                  userPlan && /* @__PURE__ */ 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__ */ jsx(Crown, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(Sparkles, { className: "h-3 w-3" }),
-                        userPlan.label
-                      ]
-                    }
-                  )
-                ]
-              },
-              "billing"
-            ),
-            userMenuExtras?.map((e) => item(e.label, e.onClick)),
-            onSignOut && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx("div", { className: "my-1 border-t border-border" }),
-              item("Sair", onSignOut, LogOut)
-            ] })
-          ] })
-        ]
-      }
-    ) })
-  ] });
-}
-var ICON_MAP2 = {
-  Home,
-  Users,
-  Settings,
-  CreditCard,
-  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,
-  MapPin,
-  Handshake,
-  Contact,
-  Building2,
-  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 getIcon(name) {
-  return ICON_MAP2[name] ?? Home;
-}
-function NavDropdown({ item, currentPath, onNavigate }) {
-  const [open, setOpen] = React7.useState(false);
-  const Icon = getIcon(item.icon);
-  const isChildActive = item.children?.some(
-    (child) => currentPath === child.route || currentPath.startsWith(child.route + "/")
-  );
-  return /* @__PURE__ */ jsxs(Popover.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      "button",
-      {
-        "data-nav-active": isChildActive || void 0,
-        className: 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__ */ jsx(Icon, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx("span", { children: item.label }),
-          /* @__PURE__ */ jsx(ChevronDown, { className: cn("h-3 w-3 transition-transform", open && "rotate-180") })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(
-      Popover.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 = getIcon(child.icon);
-          const isActive = currentPath === child.route || currentPath.startsWith(child.route + "/");
-          return /* @__PURE__ */ jsxs(
-            "button",
-            {
-              onClick: () => {
-                onNavigate(child.route);
-                setOpen(false);
-              },
-              className: 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__ */ jsx(ChildIcon, { className: "h-4 w-4 text-muted-foreground" }),
-                /* @__PURE__ */ 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__ */ 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: [
-        onMenuClick && /* @__PURE__ */ 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__ */ 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: "mx-8 hidden max-w-sm flex-1 md:flex", children: /* @__PURE__ */ 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__ */ jsx(Search, { className: "absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-sidebar-muted" }),
-            /* @__PURE__ */ jsx("span", { className: "text-xs", children: searchPlaceholder }),
-            /* @__PURE__ */ 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__ */ 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(
-          TopbarUserMenu,
-          {
-            user,
-            userPlan,
-            billingLabel,
-            onSignOut,
-            onProfile,
-            onSettings,
-            onBilling,
-            userMenuExtras
-          }
-        )
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsx("div", { className: "hidden md:block bg-sidebar", children: /* @__PURE__ */ jsx("div", { className: "flex h-11 w-full items-center px-4 md:px-6", children: /* @__PURE__ */ 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__ */ jsx(
-          NavDropdown,
-          {
-            item,
-            currentPath,
-            onNavigate: handleNavigate
-          },
-          item.id
-        );
-      }
-      const Icon = getIcon(item.icon);
-      const isActive = item.route === "/" ? currentPath === "/" : currentPath === item.route || currentPath.startsWith(item.route + "/");
-      return /* @__PURE__ */ jsxs(
-        "button",
-        {
-          "data-nav-active": isActive || void 0,
-          onClick: () => handleNavigate(item.route),
-          className: 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__ */ jsx(Icon, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx("span", { children: item.label }),
-            item.premium && /* @__PURE__ */ jsx(Crown, { className: "h-3 w-3 text-amber-500", "aria-hidden": true }),
-            item.badge !== void 0 && /* @__PURE__ */ 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 GUTTER_PX = 8;
 var CLOSE_DELAY_MS = 140;
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React7.useLayoutEffect : React7.useEffect;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React2.useLayoutEffect : React2.useEffect;
 function iconOf(name) {
   if (!name) return null;
   return ICON_MAP[name] ?? null;
 }
-var RailFlyoutContext = React7.createContext(null);
+var RailFlyoutContext = React2.createContext(null);
 var RailFlyoutProvider = RailFlyoutContext.Provider;
 function useRailRow(content) {
-  const flyout = React7.useContext(RailFlyoutContext);
+  const flyout = React2.useContext(RailFlyoutContext);
   if (!flyout || !content) return {};
   return flyout.rowProps(content);
 }
@@ -702,19 +374,19 @@ function useRailFlyout({
   activeRoute,
   onNavigate
 }) {
-  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(() => {
+  const [state, setState] = React2.useState(null);
+  const [pos, setPos] = React2.useState({ top: 0, arrow: 20 });
+  const [animate, setAnimate] = React2.useState(false);
+  const panelRef = React2.useRef(null);
+  const closeTimer = React2.useRef(null);
+  const lastContent = React2.useRef(null);
+  const cancelClose = React2.useCallback(() => {
     if (closeTimer.current) {
       clearTimeout(closeTimer.current);
       closeTimer.current = null;
     }
   }, []);
-  const show = React7.useCallback(
+  const show = React2.useCallback(
     (anchor, content2) => {
       if (!enabled) return;
       cancelClose();
@@ -722,19 +394,19 @@ function useRailFlyout({
     },
     [enabled, cancelClose]
   );
-  const hide = React7.useCallback(() => {
+  const hide = React2.useCallback(() => {
     cancelClose();
     closeTimer.current = setTimeout(() => setState(null), CLOSE_DELAY_MS);
   }, [cancelClose]);
-  const dismiss = React7.useCallback(() => {
+  const dismiss = React2.useCallback(() => {
     cancelClose();
     setState(null);
   }, [cancelClose]);
-  React7.useEffect(() => () => cancelClose(), [cancelClose]);
-  React7.useEffect(() => {
+  React2.useEffect(() => () => cancelClose(), [cancelClose]);
+  React2.useEffect(() => {
     if (!enabled) dismiss();
   }, [enabled, dismiss]);
-  const reposition = React7.useCallback(() => {
+  const reposition = React2.useCallback(() => {
     const rail = railRef.current;
     const anchor = state?.anchor;
     if (!rail || !anchor) return;
@@ -749,7 +421,7 @@ function useRailFlyout({
     setPos({ top, arrow });
   }, [railRef, state]);
   useIsomorphicLayoutEffect(reposition, [reposition, state?.content.key]);
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     if (!state) return;
     const rail = railRef.current;
     const onScroll = () => reposition();
@@ -761,7 +433,7 @@ function useRailFlyout({
     };
   }, [state, railRef, reposition]);
   const visible = !!state;
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     if (!visible) {
       setAnimate(false);
       return;
@@ -769,7 +441,7 @@ function useRailFlyout({
     const id = requestAnimationFrame(() => setAnimate(true));
     return () => cancelAnimationFrame(id);
   }, [visible]);
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     if (!visible) return;
     const onKey = (event) => {
       if (event.key === "Escape") dismiss();
@@ -777,7 +449,7 @@ function useRailFlyout({
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
   }, [visible, dismiss]);
-  const rowProps = React7.useCallback(
+  const rowProps = React2.useCallback(
     (content2) => ({
       onMouseEnter: (event) => show(event.currentTarget, content2),
       onFocus: (event) => show(event.currentTarget, content2),
@@ -894,8 +566,8 @@ function FlyoutBody({
   ] });
 }
 var RAIL_PUSH_MS = 260;
-var useIsomorphicLayoutEffect2 = typeof window !== "undefined" ? React7.useLayoutEffect : React7.useEffect;
-function getIcon2(name) {
+var useIsomorphicLayoutEffect2 = typeof window !== "undefined" ? React2.useLayoutEffect : React2.useEffect;
+function getIcon(name) {
   return ICON_MAP[name] ?? Home;
 }
 function shortcutKey() {
@@ -928,7 +600,7 @@ function NavItem({
   onNavigate,
   flyout
 }) {
-  const Icon = getIcon2(item.icon);
+  const Icon = getIcon(item.icon);
   const isExternal = !!item.href;
   const hoverProps = collapsed && flyout ? flyout.rowProps(flyoutContentOf(item)) : void 0;
   const className = cn(
@@ -938,7 +610,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: [
@@ -994,8 +666,8 @@ function NavGroup({
   flyout
 }) {
   const isChildActive = item.children?.some((c) => c.route === activeRoute);
-  const [open, setOpen] = React7.useState(() => isChildActive ?? false);
-  const Icon = getIcon2(item.icon);
+  const [open, setOpen] = React2.useState(() => isChildActive ?? false);
+  const Icon = getIcon(item.icon);
   if (collapsed) {
     const hoverProps = flyout?.rowProps(flyoutContentOf(item));
     return /* @__PURE__ */ jsx(
@@ -1050,7 +722,7 @@ function NavGroup({
       // along with the labels and land the arrowhead on top of the text.
       childConnector ? "relative" : "ml-4 space-y-0.5 border-l border-sidebar-border/50 pl-3"
     ), children: item.children?.map((child, childIndex) => {
-      const ChildIcon = getIcon2(child.icon);
+      const ChildIcon = getIcon(child.icon);
       const isActive = child.route === activeRoute;
       const childExternal = !!child.href;
       const childClass = cn(
@@ -1068,7 +740,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(React7.Fragment, { children: row }, child.id);
+      if (!childConnector) return /* @__PURE__ */ jsx(React2.Fragment, { children: row }, child.id);
       const activeIndex = item.children.findIndex((c) => c.route === activeRoute);
       const onPath = activeIndex >= 0 && childIndex < activeIndex;
       return (
@@ -1130,9 +802,9 @@ function NavGroup({
   ] });
 }
 function withCollapsed(slot, collapsed) {
-  if (!React7.isValidElement(slot)) return slot;
+  if (!React2.isValidElement(slot)) return slot;
   if (typeof slot.type === "string") return slot;
-  return React7.cloneElement(slot, { collapsed });
+  return React2.cloneElement(slot, { collapsed });
 }
 function Sidebar({
   navigation,
@@ -1144,6 +816,7 @@ function Sidebar({
   user: _user,
   orgSwitcher,
   topContent,
+  identity,
   navTop,
   footerContent,
   borderless,
@@ -1154,12 +827,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 = React7.useRef(null);
+  const railRef = React2.useRef(null);
   const flyout = useRailFlyout({
     enabled: collapsed,
     railRef,
@@ -1205,14 +879,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] = React7.useState(null);
-  const lastBodyRef = React7.useRef(null);
-  const lastKeyRef = React7.useRef(navKey);
-  const timerRef = React7.useRef(null);
+  const [outgoing, setOutgoing] = React2.useState(null);
+  const lastBodyRef = React2.useRef(null);
+  const lastKeyRef = React2.useRef(navKey);
+  const timerRef = React2.useRef(null);
   useIsomorphicLayoutEffect2(() => {
     if (lastKeyRef.current !== navKey) {
       const previousBody = lastBodyRef.current;
@@ -1225,7 +898,7 @@ function Sidebar({
     }
     lastBodyRef.current = navBody;
   });
-  React7.useEffect(() => () => {
+  React2.useEffect(() => () => {
     if (timerRef.current) clearTimeout(timerRef.current);
   }, []);
   return (
@@ -1253,162 +926,446 @@ function Sidebar({
           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(
+          /* @__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: "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" })
+                      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" })
                     }
                   )
-                ] }),
-                collapsed && /* @__PURE__ */ jsx(
+                ]
+              }
+            ),
+            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: 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__ */ 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("py-2 pr-2", !borderless && "border-t border-sidebar-border"),
+              style: drawer ? { paddingBottom: "calc(0.5rem + env(safe-area-inset-bottom))" } : void 0,
+              children: /* @__PURE__ */ jsxs("div", { className: cn(
+                "flex items-center rounded-button",
+                collapsed ? "flex-col gap-1" : "gap-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: "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" })
+                    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" })
                   }
                 )
-              ]
+              ] })
             }
           ),
-          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(
+          flyout.panel
+        ]
+      }
+    ) })
+  );
+}
+function TopbarUserMenu({
+  user,
+  userPlan,
+  billingLabel = "Subscription",
+  onSignOut,
+  onProfile,
+  onSettings,
+  onBilling,
+  userMenuExtras
+}) {
+  const [open, setOpen] = React2.useState(false);
+  if (!user) return null;
+  const initial = (user.fullName?.trim()?.[0] ?? user.email?.[0] ?? "?").toUpperCase();
+  const item = (label, onClick, Icon) => onClick ? /* @__PURE__ */ 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__ */ jsx(Icon, { className: "h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("span", { children: label })
+      ]
+    },
+    label
+  ) : null;
+  return /* @__PURE__ */ jsxs(Popover.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ 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__ */ jsx("img", { src: user.avatarUrl, alt: "", className: "h-full w-full object-cover" })
+        ) : initial
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsxs(
+      Popover.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__ */ jsxs("div", { className: "border-b border-border px-3 py-2", children: [
+            /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium text-foreground", children: user.fullName || user.email }),
+            /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-muted-foreground", children: user.email })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-1 space-y-0.5", children: [
+            item("Perfil", onProfile, UserCog),
+            item("Configura\xE7\xF5es", onSettings, Settings),
+            onBilling && /* @__PURE__ */ 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__ */ jsx(CreditCard, { className: "h-4 w-4 text-muted-foreground" }),
+                  /* @__PURE__ */ jsx("span", { className: "flex-1 text-left", children: billingLabel }),
+                  userPlan && /* @__PURE__ */ 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__ */ jsx(Crown, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(Sparkles, { className: "h-3 w-3" }),
+                        userPlan.label
+                      ]
+                    }
+                  )
+                ]
+              },
+              "billing"
+            ),
+            userMenuExtras?.map((e) => item(e.label, e.onClick)),
+            onSignOut && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("div", { className: "my-1 border-t border-border" }),
+              item("Sair", onSignOut, LogOut)
+            ] })
+          ] })
+        ]
+      }
+    ) })
+  ] });
+}
+function getIcon2(name) {
+  return ICON_MAP[name] ?? Home;
+}
+function NavDropdown({ item, currentPath, onNavigate }) {
+  const [open, setOpen] = React2.useState(false);
+  const Icon = getIcon2(item.icon);
+  const isChildActive = item.children?.some(
+    (child) => currentPath === child.route || currentPath.startsWith(child.route + "/")
+  );
+  return /* @__PURE__ */ jsxs(Popover.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        "data-nav-active": isChildActive || void 0,
+        className: 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__ */ jsx(Icon, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { children: item.label }),
+          /* @__PURE__ */ jsx(ChevronDown, { className: cn("h-3 w-3 transition-transform", open && "rotate-180") })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(
+      Popover.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__ */ 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",
-            {
+              onClick: () => {
+                onNavigate(child.route);
+                setOpen(false);
+              },
               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"
+                "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: [
-                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
-                )
+                /* @__PURE__ */ jsx(ChildIcon, { className: "h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsx("span", { children: child.label })
               ]
-            }
-          ),
-          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" })
-                ]
-              }
-            )
-          ] }) }),
-          flyout.panel
-        ]
+            child.id
+          );
+        })
       }
     ) })
-  );
+  ] });
+}
+function Topbar({
+  navigation,
+  logo,
+  user,
+  onMenuClick,
+  hideMobileChrome,
+  orgSwitcher,
+  leftContent,
+  rightContent,
+  currentPath = "/",
+  onNavigate,
+  searchPlaceholder = "Search...",
+  onSignOut,
+  onProfile,
+  onSettings,
+  onBilling,
+  userPlan,
+  billingLabel,
+  userMenuExtras,
+  userMenuSlot
+}) {
+  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__ */ jsxs("header", { "data-print": "hide", className: "sticky top-0 z-50 w-full shrink-0", children: [
+    /* @__PURE__ */ jsx("div", { className: cn("border-b border-sidebar-border bg-sidebar text-sidebar-foreground", hideMobileChrome && "hidden md:block"), 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 min-w-0 items-center gap-3", children: [
+        onMenuClick && /* @__PURE__ */ 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__ */ jsx(Menu, { className: "h-5 w-5" })
+          }
+        ),
+        /* @__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",
+        {
+          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__ */ jsx(Search, { className: "absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-sidebar-muted" }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs", children: searchPlaceholder }),
+            /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [
+        leftContent,
+        rightContent,
+        userMenuSlot ?? /* @__PURE__ */ jsx(
+          TopbarUserMenu,
+          {
+            user,
+            userPlan,
+            billingLabel,
+            onSignOut,
+            onProfile,
+            onSettings,
+            onBilling,
+            userMenuExtras
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "hidden md:block bg-sidebar", children: /* @__PURE__ */ jsx("div", { className: "flex h-11 w-full items-center px-4 md:px-6", children: /* @__PURE__ */ 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__ */ 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__ */ jsxs(
+        "button",
+        {
+          "data-nav-active": isActive || void 0,
+          onClick: () => handleNavigate(item.route),
+          className: 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__ */ jsx(Icon, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx("span", { children: item.label }),
+            item.premium && /* @__PURE__ */ jsx(Crown, { className: "h-3 w-3 text-amber-500", "aria-hidden": true }),
+            item.badge !== void 0 && /* @__PURE__ */ 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 = React7.createContext(null);
+var ModuleHeaderSlotContext = React2.createContext(null);
 function useModuleHeaderSlot() {
-  return React7.useContext(ModuleHeaderSlotContext);
+  return React2.useContext(ModuleHeaderSlotContext);
 }
-var ModuleHeaderActionsSlotContext = React7.createContext(null);
+var ModuleHeaderActionsSlotContext = React2.createContext(null);
 function useModuleHeaderActionsSlot() {
-  return React7.useContext(ModuleHeaderActionsSlotContext);
+  return React2.useContext(ModuleHeaderActionsSlotContext);
 }
-var PageRailSlotContext = React7.createContext(null);
+var PageRailSlotContext = React2.createContext(null);
 function usePageRailSlot() {
-  return React7.useContext(PageRailSlotContext);
+  return React2.useContext(PageRailSlotContext);
+}
+function bottomNavReachesAll(items) {
+  return !!items?.some((i) => "kind" in i && i.kind === "more");
 }
 function ShellPageTitle({
   title,
   back
 }) {
   if (!title && !back) return null;
-  return /* @__PURE__ */ jsx(PageHeaderCrumb, { title, parentLabel: back?.label, onBack: back?.onBack });
+  return /* @__PURE__ */ jsx(PageHeaderCrumb, { title, parentLabel: back?.label, onBack: back?.onBack, headingLevel: "h1" });
 }
 function SidebarLayout({
   navigation = [],
@@ -1423,6 +1380,7 @@ function SidebarLayout({
   userMenuExtras: _userMenuExtras,
   orgSwitcher,
   sidebarTopContent,
+  sidebarIdentity,
   sidebarNavTop,
   sidebarFooterContent,
   frame,
@@ -1436,23 +1394,28 @@ function SidebarLayout({
   unreadCount = 0,
   searchLabel,
   hasBottomNav = false,
+  barOwnsNav = false,
   mobileHeader = "minimal",
   sidebarSectionLabels,
   sidebarNavKey,
   sidebarNavDirection,
-  sidebarNavChildConnector
+  sidebarNavChildConnector,
+  railOpen
 }) {
   const sidebarCollapsed = useLayoutStore((s) => s.sidebarCollapsed);
-  const pageHeaderSlot = usePageHeaderSlot();
+  const pageHeaderClaimed = usePageHeaderClaimed();
+  const setTitleSlot = usePageTitleSlotHost();
   usePageHeaderHost();
   const setSidebarCollapsed = useLayoutStore((s) => s.setSidebarCollapsed);
-  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 mobileMenuOpen = useLayoutStore((st) => st.mobileDrawerOpen);
+  const setMobileMenuOpen = useLayoutStore((st) => st.setMobileDrawerOpen);
+  const [headerSlot, setHeaderSlot] = React2.useState(null);
+  const [actionsSlot, setActionsSlot] = React2.useState(null);
+  const [pageRailSlot, setPageRailSlot] = React2.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",
+    "shell-enter fz-viewport-h flex overflow-hidden bg-background",
+    hasBottomNav && "fz-has-bottom-bar",
     // 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.
@@ -1474,6 +1437,7 @@ function SidebarLayout({
         onBilling,
         orgSwitcher,
         topContent: sidebarTopContent,
+        identity: sidebarIdentity,
         navTop: sidebarNavTop,
         footerContent: sidebarFooterContent,
         borderless: frame,
@@ -1492,7 +1456,13 @@ function SidebarLayout({
       // `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:m-2 md:rounded-xl md:border md:border-border md:bg-content"
+      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__ */ 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: [
@@ -1503,7 +1473,7 @@ function SidebarLayout({
           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(
+            !barOwnsNav && /* @__PURE__ */ jsx(
               "button",
               {
                 onClick: () => setMobileMenuOpen(true),
@@ -1512,7 +1482,8 @@ function SidebarLayout({
                 children: /* @__PURE__ */ jsx(Menu, { className: "h-5 w-5" })
               }
             ),
-            pageHeaderSlot ?? /* @__PURE__ */ jsx(ShellPageTitle, { title: pageTitle, back: pageBack }),
+            !pageHeaderClaimed && /* @__PURE__ */ jsx(ShellPageTitle, { title: pageTitle, back: pageBack }),
+            /* @__PURE__ */ jsx("div", { ref: setTitleSlot, className: "flex min-w-0 items-center empty:hidden" }),
             topbarStart,
             /* @__PURE__ */ jsx("div", { ref: setHeaderSlot, className: "flex min-w-0 flex-1 items-center" })
           ] }),
@@ -1539,6 +1510,7 @@ function SidebarLayout({
         onBilling,
         orgSwitcher,
         topContent: sidebarTopContent,
+        identity: sidebarIdentity,
         navTop: sidebarNavTop,
         footerContent: sidebarFooterContent,
         userMenuSlot,
@@ -1563,6 +1535,8 @@ function TopbarLayout({
   userPlan,
   billingLabel,
   userMenuExtras,
+  userMenuSlot,
+  drawerUserMenuSlot,
   orgSwitcher,
   frame,
   currentPath,
@@ -1571,19 +1545,23 @@ function TopbarLayout({
   pageTitle,
   pageBack,
   notificationSlot,
-  hasBottomNav = false
+  unreadCount = 0,
+  hasBottomNav = false,
+  barOwnsNav = 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 mobileMenuOpen = useLayoutStore((st) => st.mobileDrawerOpen);
+  const setMobileMenuOpen = useLayoutStore((st) => st.setMobileDrawerOpen);
+  const [headerSlot, setHeaderSlot] = React2.useState(null);
+  const [actionsSlot, setActionsSlot] = React2.useState(null);
+  const [pageRailSlot, setPageRailSlot] = React2.useState(null);
+  const rawClaimed = usePageHeaderClaimed();
+  const setTitleSlot = usePageTitleSlotHost();
   const hasOutlet = useHasPageHeaderOutlet();
   const hasPageActions = useHasPageActions();
   usePageHeaderHost();
-  const pageHeaderSlot = hasOutlet ? null : rawSlot;
+  const pageHeaderClaimed = hasOutlet ? false : rawClaimed;
   const showTitle = !hasOutlet && !!pageTitle;
-  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: [
+  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 fz-viewport-h relative flex flex-col overflow-hidden bg-background", hasBottomNav && "fz-has-bottom-bar"), children: [
     /* @__PURE__ */ jsx(
       Topbar,
       {
@@ -1599,25 +1577,37 @@ function TopbarLayout({
         userPlan,
         billingLabel,
         userMenuExtras,
+        userMenuSlot,
         orgSwitcher,
         leftContent: topbarStart,
         rightContent: topbarEnd || notificationSlot ? /* @__PURE__ */ jsxs(Fragment, { children: [
           topbarEnd,
           notificationSlot
         ] }) : void 0,
-        onMenuClick: hasBottomNav ? void 0 : () => setMobileMenuOpen(true)
+        onMenuClick: barOwnsNav ? void 0 : () => setMobileMenuOpen(true),
+        hideMobileChrome: barOwnsNav
       }
     ),
     /* @__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" })
-        ] }),
+        (pageHeaderClaimed || pageBack || hasPageActions || barOwnsNav) && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex min-h-12 shrink-0 items-center justify-between gap-3 border-b border-border px-4 py-2",
+              !(pageHeaderClaimed || pageBack || hasPageActions) && "md:hidden"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+                !pageHeaderClaimed && /* @__PURE__ */ jsx(ShellPageTitle, { title: showTitle ? pageTitle : void 0, back: pageBack }),
+                /* @__PURE__ */ jsx("div", { ref: setTitleSlot, className: "flex min-w-0 items-center empty:hidden" }),
+                /* @__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 })
       ] })
     ] }) }),
@@ -1635,7 +1625,9 @@ function TopbarLayout({
         onSettings,
         onBilling,
         orgSwitcher,
-        userMenuSlot: user ? /* @__PURE__ */ jsx(DrawerUserRow, { user }) : void 0,
+        userMenuSlot: drawerUserMenuSlot ?? (user ? /* @__PURE__ */ jsx(DrawerUserRow, { user }) : void 0),
+        notificationSlot,
+        unreadCount,
         onClose: () => setMobileMenuOpen(false)
       }
     )
@@ -1652,9 +1644,10 @@ function MinimalLayout({
   logo,
   user: _user,
   children,
-  headerEnd
+  headerEnd,
+  hasBottomNav = false
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: "shell-enter flex h-screen flex-col", children: [
+  return /* @__PURE__ */ jsxs("div", { className: cn("shell-enter fz-viewport-h flex flex-col", hasBottomNav && "fz-has-bottom-bar"), children: [
     /* @__PURE__ */ 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__ */ jsx("div", { className: "flex items-center gap-3", children: logo ?? /* @__PURE__ */ jsx("span", { className: "text-lg font-bold", children: "App" }) }),
       headerEnd && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: headerEnd })
@@ -1663,23 +1656,23 @@ function MinimalLayout({
   ] });
 }
 function MobileOverlay({ onClose, onNavigate, ...sidebarProps }) {
-  const [visible, setVisible] = React7.useState(false);
-  React7.useEffect(() => {
+  const [visible, setVisible] = React2.useState(false);
+  React2.useEffect(() => {
     const id = requestAnimationFrame(() => setVisible(true));
     return () => cancelAnimationFrame(id);
   }, []);
-  const close = React7.useCallback(() => {
+  const close = React2.useCallback(() => {
     setVisible(false);
     window.setTimeout(onClose, 250);
   }, [onClose]);
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     const previous = document.body.style.overflow;
     document.body.style.overflow = "hidden";
     return () => {
       document.body.style.overflow = previous;
     };
   }, []);
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     const onKey = (e) => {
       if (e.key === "Escape") close();
     };
@@ -1710,6 +1703,7 @@ function MobileOverlay({ onClose, onNavigate, ...sidebarProps }) {
             ...sidebarProps,
             collapsed: false,
             onToggle: close,
+            drawer: true,
             borderless: true,
             onNavigate: (route) => {
               onNavigate?.(route);
@@ -1721,19 +1715,7 @@ function MobileOverlay({ onClose, onNavigate, ...sidebarProps }) {
     )
   ] });
 }
-var BOTTOM_NAV_ICONS = {
-  Home: Home,
-  Receipt: Receipt,
-  ArrowLeftRight: ArrowLeftRight,
-  Calendar: Calendar,
-  CreditCard: CreditCard,
-  Settings: Settings,
-  Menu: Menu,
-  MessageCircle: MessageCircle,
-  Wallet: Wallet,
-  PiggyBank,
-  Plus: Plus
-};
+var bottomNavIcon = (name, fallback = Home) => (name ? ICON_MAP[name] : void 0) ?? fallback;
 function FloatingProfileAvatar({ user, onClick }) {
   if (!user) return null;
   const label = user.fullName || user.email;
@@ -1759,43 +1741,80 @@ function MobileBottomNav({
   items,
   currentPath,
   onNavigate,
-  onAction
+  onAction,
+  onMore,
+  onAssistant,
+  assistantOpen,
+  moreOpen,
+  retracted
 }) {
   const path = currentPath ?? "";
-  return /* @__PURE__ */ 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] ?? Plus;
-      return /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-start justify-center", children: /* @__PURE__ */ 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__ */ jsx(ActionIcon, { className: "h-6 w-6" })
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      "aria-label": "Navega\xE7\xE3o principal",
+      "aria-hidden": retracted || void 0,
+      className: cn(
+        "fz-safe-b fixed inset-x-0 bottom-0 z-50 flex min-h-16 items-stretch justify-around border-t border-border bg-background md:hidden",
+        "motion-safe:transition-transform motion-safe:duration-200 motion-safe:ease-out",
+        retracted && "pointer-events-none translate-y-full"
+      ),
+      children: items.map((item, i) => {
+        if ("kind" in item && item.kind === "action") {
+          const ActionIcon = bottomNavIcon(item.icon, Plus);
+          return /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-start justify-center", children: /* @__PURE__ */ 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__ */ jsx(ActionIcon, { className: "h-6 w-6" })
+            }
+          ) }, item.id);
         }
-      ) }, item.id);
+        const isMore = "kind" in item && item.kind === "more";
+        const isAssistant = "kind" in item && item.kind === "assistant";
+        const label = isMore ? item.label ?? "Mais" : isAssistant ? item.label ?? "IA" : item.label;
+        const Icon = bottomNavIcon(
+          item.icon,
+          isMore ? Menu : isAssistant ? Sparkles : Home
+        );
+        const route = isMore || isAssistant ? void 0 : item.route;
+        const isActive = isMore ? !!moreOpen : isAssistant ? !!assistantOpen : route === "/" ? path === "/" || path === "" : !!route && (path === route || path.startsWith(route + "/"));
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => isMore ? onMore?.() : isAssistant ? onAssistant?.() : onNavigate?.(route),
+            "aria-current": isActive && route ? "page" : void 0,
+            "aria-expanded": isMore || isAssistant ? isActive : void 0,
+            className: cn(
+              // min-h-[44px] is the floor a finger needs; the bar was letting
+              // content decide and landing around 40.
+              "relative flex min-h-[44px] flex-1 flex-col items-center justify-center gap-0.5 px-1 py-2 transition-colors",
+              isActive ? "text-primary" : "text-muted-foreground"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "aria-hidden": true,
+                  className: cn(
+                    "absolute inset-x-3 top-0 h-0.5 rounded-full transition-opacity",
+                    isActive ? "bg-primary opacity-100" : "opacity-0"
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5 shrink-0" }),
+              /* @__PURE__ */ jsx("span", { className: "max-w-full truncate text-[11px] leading-tight", children: label })
+            ]
+          },
+          isMore ? "more" : isAssistant ? "assistant" : `${route}-${i}`
+        );
+      })
     }
-    const isActive = item.route === "/" ? path === "/" || path === "" : path === item.route || path.startsWith(item.route + "/");
-    const Icon = BOTTOM_NAV_ICONS[item.icon] ?? Home;
-    return /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => onNavigate?.(item.route),
-        className: 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__ */ jsx(Icon, { className: "h-5 w-5" }),
-          /* @__PURE__ */ jsx("span", { className: "text-xs", children: item.label })
-        ]
-      },
-      item.route
-    );
-  }) });
+  );
 }
 function AppShell({
   variant,
@@ -1819,12 +1838,16 @@ function AppShell({
   topbarStart,
   topbarEnd,
   sidebarTopContent,
+  sidebarIdentity,
   sidebarNavTop,
   sidebarFooterContent,
   bottomNav,
   onBottomNavAction,
+  onAssistantToggle,
+  assistantOpen,
   mobileHeader = "minimal",
   userMenuSlot,
+  drawerUserMenuSlot,
   notificationSlot,
   unreadCount = 0,
   searchLabel,
@@ -1841,13 +1864,26 @@ function AppShell({
   rightRailResizeLabel
 }) {
   const hasBottomNav = !!bottomNav?.length;
+  const barOwnsNav = bottomNavReachesAll(bottomNav);
+  const pageClaimedBack = useHasPageHeaderBack();
+  const barRetracted = !!pageBack || pageClaimedBack;
+  const mobileDrawerOpen = useLayoutStore((st) => st.mobileDrawerOpen);
+  const setMobileDrawerOpen = useLayoutStore((st) => st.setMobileDrawerOpen);
+  React2.useEffect(() => {
+    setMobileDrawerOpen(false);
+  }, [currentPath]);
   const bottomBar = hasBottomNav ? /* @__PURE__ */ jsx(
     MobileBottomNav,
     {
       items: bottomNav,
       currentPath,
       onNavigate,
-      onAction: onBottomNavAction
+      onAction: onBottomNavAction,
+      onMore: () => setMobileDrawerOpen(!mobileDrawerOpen),
+      moreOpen: mobileDrawerOpen,
+      onAssistant: onAssistantToggle,
+      assistantOpen,
+      retracted: barRetracted
     }
   ) : null;
   const floatingAvatar = mobileHeader === "transparent" && user ? /* @__PURE__ */ jsx(FloatingProfileAvatar, { user, onClick: onProfile }) : null;
@@ -1868,6 +1904,7 @@ function AppShell({
           userMenuExtras,
           orgSwitcher,
           sidebarTopContent,
+          sidebarIdentity,
           sidebarNavTop,
           sidebarFooterContent,
           frame: contentFrame,
@@ -1880,12 +1917,14 @@ function AppShell({
           notificationSlot,
           unreadCount,
           searchLabel,
-          hasBottomNav,
+          hasBottomNav: hasBottomNav && !barRetracted,
+          barOwnsNav,
           mobileHeader,
           sidebarSectionLabels,
           sidebarNavKey,
           sidebarNavDirection,
           sidebarNavChildConnector,
+          railOpen: !!rightRail && rightRailOpen,
           children
         }
       );
@@ -1905,6 +1944,8 @@ function AppShell({
           userPlan,
           billingLabel,
           userMenuExtras,
+          userMenuSlot,
+          drawerUserMenuSlot,
           orgSwitcher,
           frame: contentFrame,
           currentPath,
@@ -1913,13 +1954,14 @@ function AppShell({
           pageTitle,
           pageBack,
           notificationSlot,
-          hasBottomNav,
+          hasBottomNav: hasBottomNav && !barRetracted,
+          barOwnsNav,
           children
         }
       );
       break;
     case "minimal":
-      layoutElement = /* @__PURE__ */ jsx(MinimalLayout, { logo, user, headerEnd: topbarEnd, children });
+      layoutElement = /* @__PURE__ */ jsx(MinimalLayout, { logo, user, headerEnd: topbarEnd, hasBottomNav: hasBottomNav && !barRetracted, children });
       break;
     default: {
       return null;
@@ -1955,13 +1997,13 @@ function SplitWithRightRail({
   maxWidth = 720,
   resizeLabel = "Resize panel"
 }) {
-  const [width, setWidth] = React7.useState(defaultWidth);
-  const [dragging, setDragging] = React7.useState(false);
-  const clamp = React7.useCallback(
+  const [width, setWidth] = React2.useState(defaultWidth);
+  const [dragging, setDragging] = React2.useState(false);
+  const clamp = React2.useCallback(
     (value) => Math.min(maxWidth, Math.max(minWidth, value)),
     [minWidth, maxWidth]
   );
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     if (!dragging) return;
     const onMove = (event) => {
       event.preventDefault();
@@ -1983,7 +2025,7 @@ function SplitWithRightRail({
       document.body.style.cursor = previousCursor;
     };
   }, [dragging, clamp]);
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     if (dragging) return;
     onWidthChange?.(width);
   }, [dragging]);
@@ -1993,7 +2035,7 @@ function SplitWithRightRail({
     // 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__ */ jsxs("div", { className: cn("flex h-screen w-full overflow-hidden bg-sidebar", !frame && "md:bg-background"), children: [
+    /* @__PURE__ */ jsxs("div", { className: cn("fz-viewport-h flex w-full overflow-hidden bg-sidebar", !frame && "md:bg-background"), children: [
       /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children }),
       /* @__PURE__ */ jsxs(
         "div",
@@ -2026,7 +2068,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: [
@@ -2034,7 +2080,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"
                 )
@@ -2067,6 +2113,7 @@ function HeaderTabs({
   value,
   onChange,
   className,
+  fill,
   ...rest
 }) {
   return /* @__PURE__ */ jsx(
@@ -2075,7 +2122,8 @@ function HeaderTabs({
       role: "tablist",
       "aria-label": rest["aria-label"],
       className: cn(
-        "inline-flex max-w-full items-center gap-5 overflow-x-auto scrollbar-none",
+        "inline-flex max-w-full gap-5 overflow-x-auto scrollbar-none",
+        fill ? "items-stretch" : "items-center",
         className
       ),
       children: tabs.map((tab) => {
@@ -2089,7 +2137,10 @@ function HeaderTabs({
             "aria-selected": active,
             onClick: () => onChange(tab.value),
             className: cn(
-              "relative flex shrink-0 items-center gap-1.5 whitespace-nowrap pb-1.5 text-sm transition-colors",
+              "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: [
@@ -2124,12 +2175,12 @@ function PageTabs({ actions, className, ...props }) {
     }
   );
 }
-var NavTransitionContext = React7.createContext("slide");
+var NavTransitionContext = React2.createContext("slide");
 function NavTransitionProvider({ value, children }) {
   return /* @__PURE__ */ jsx(NavTransitionContext.Provider, { value, children });
 }
 function useNavTransition() {
-  return React7.useContext(NavTransitionContext);
+  return React2.useContext(NavTransitionContext);
 }
 function resolveTransitionClass(transition, direction) {
   if (transition === "none") return "";
@@ -2164,16 +2215,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 = React7.createContext("rail");
+var ModuleLayoutContext = React2.createContext("rail");
 function ModuleLayoutProvider({ variant, children }) {
   return /* @__PURE__ */ jsx(ModuleLayoutContext.Provider, { value: variant, children });
 }
 function useModuleLayout() {
-  return React7.useContext(ModuleLayoutContext);
+  return React2.useContext(ModuleLayoutContext);
 }
 function RailNavItem({ item }) {
-  const [expanded, setExpanded] = React7.useState(true);
-  const Icon = item.icon ? ICON_MAP2[item.icon] ?? null : null;
+  const [expanded, setExpanded] = React2.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;
@@ -2213,10 +2264,14 @@ function RailNavItem({ item }) {
     )) })
   ] });
 }
+function defaultChildOf(item) {
+  const kids = item.children ?? [];
+  return kids.find((c) => c.defaultChild) ?? kids.find((c) => /(^|-)list$/i.test(c.id)) ?? kids.find((c) => !/(^|-)(new|novo|nova|create)$/i.test(c.id)) ?? kids[0];
+}
 function MobileTabs({ nav }) {
-  const scrollRef = React7.useRef(null);
-  const [expandedId, setExpandedId] = React7.useState(null);
-  React7.useEffect(() => {
+  const scrollRef = React2.useRef(null);
+  const [expandedId, setExpandedId] = React2.useState(null);
+  React2.useEffect(() => {
     const container = scrollRef.current;
     if (!container) return;
     const activeEl = container.querySelector('[data-active="true"]');
@@ -2227,7 +2282,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;
@@ -2238,6 +2293,7 @@ function MobileTabs({ nav }) {
           "data-active": isActive || void 0,
           onClick: () => {
             if (hasChildren) {
+              if (!isExpanded) defaultChildOf(item)?.onClick?.();
               setExpandedId(isExpanded ? null : item.id);
             } else {
               item.onClick?.();
@@ -2245,11 +2301,15 @@ function MobileTabs({ nav }) {
             }
           },
           className: cn(
-            "flex items-center gap-1.5 whitespace-nowrap rounded-full px-3 py-1.5 text-xs font-medium transition-colors shrink-0",
+            // This strip is the most-tapped control in most modules and it
+            // was 28px tall — a third under the comfortable minimum. Height
+            // and text step up on touch; the desktop rail is unaffected.
+            "flex shrink-0 items-center gap-1.5 whitespace-nowrap rounded-full px-4 text-sm font-medium transition-colors",
+            "min-h-[2.75rem] active:scale-[0.98]",
             isActive ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:text-foreground"
           ),
           children: [
-            Icon && /* @__PURE__ */ jsx(Icon, { className: "h-3 w-3" }),
+            Icon && /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5" }),
             item.label,
             item.premium && /* @__PURE__ */ jsx(PremiumBadge, {}),
             hasChildren && /* @__PURE__ */ jsx(ChevronDown, { className: cn("h-2.5 w-2.5 transition-transform", isExpanded && "rotate-180") })
@@ -2283,12 +2343,12 @@ function MobileTabs({ nav }) {
     })()
   ] });
 }
-var BackStyleContext = React7.createContext("link");
+var BackStyleContext = React2.createContext("link");
 function BackStyleProvider({ style, children }) {
   return /* @__PURE__ */ jsx(BackStyleContext.Provider, { value: style, children });
 }
 function useBackStyle() {
-  return React7.useContext(BackStyleContext);
+  return React2.useContext(BackStyleContext);
 }
 function SubpageHeader({ title, subtitle, icon, onBack, parentLabel, actions, backStyle, inline }) {
   const t = useTranslation();
@@ -2298,7 +2358,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: [
@@ -2380,15 +2440,16 @@ function ShellSubpageHeader({
   parentLabel,
   actions
 }) {
-  usePageHeader(
-    /* @__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 (!actions) return null;
-  return /* @__PURE__ */ jsx(PageHeaderActions, { children: /* @__PURE__ */ jsx("div", { className: "no-print flex shrink-0 items-center gap-2", children: actions }) });
+  usePageHeader(true, { back: !!onBack });
+  const crumb = /* @__PURE__ */ jsx(PageTitlePortal, { children: /* @__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 })
+  ] }) });
+  if (!actions) return crumb;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    crumb,
+    /* @__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) {
@@ -2399,7 +2460,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
@@ -2438,12 +2499,12 @@ function ModulePage({ title: _title, subtitle, nav, children, className, headerA
     ] }) }),
     /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
       showHeader && headerAction && /* @__PURE__ */ jsx(PageHeaderActions, { children: headerAction }),
-      /* @__PURE__ */ jsx(MobileTabs, { nav }),
+      !onSubpage && /* @__PURE__ */ jsx(MobileTabs, { nav }),
       /* @__PURE__ */ jsx(PageTransition, { transitionKey, direction, children })
     ] })
   ] });
 }
 
-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-MVH64JFG.js.map
-//# sourceMappingURL=chunk-MVH64JFG.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, bottomNavReachesAll, useBackHandler, useBackStyle, useCrossModuleBack, useModuleHeaderActionsSlot, useModuleHeaderSlot, useModuleLayout, useNavTransition, useRailRow, useSaveBar, useSaveBarVisible };
+//# sourceMappingURL=chunk-PZU7XC2M.js.map
+//# sourceMappingURL=chunk-PZU7XC2M.js.map