@fayz-ai/ui 0.15.0 → 0.16.0

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

@@ -1,9 +1,9 @@
-import { useHasPageHeaderHost, usePageHeader, useLayoutStore, useRegisterPageActions, useHasPageHeaderBack, usePageHeaderSlot, useHasPageHeaderOutlet, useHasPageActions, usePageHeaderHost } from './chunk-FFJ2C5YH.js';
+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 React7 from 'react';
+import * as React2 from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { X, Loader2, ArrowLeft, Search, Bell, PanelLeft, PanelLeftClose, Menu, Crown, ChevronDown, ChevronRight, ChevronLeft, ExternalLink, CreditCard, Sparkles, Home, Plus, PiggyBank, Wallet, MessageCircle, Settings, Calendar, ArrowLeftRight, Receipt, UserCog, LogOut } from 'lucide-react';
+import { 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';
@@ -29,19 +29,19 @@ 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", onPointerDownOutside, onInteractOutside, ...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,
@@ -62,7 +62,7 @@ var SheetContent = React7.forwardRef(({ className, children, width, hideClose, o
         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
@@ -99,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,
@@ -108,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,
@@ -127,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) {
@@ -137,7 +137,7 @@ function setSaveBarVisibleSignal(v) {
   _saveBarSubs.forEach((fn) => fn());
 }
 function useSaveBarVisible() {
-  return React7.useSyncExternalStore(
+  return React2.useSyncExternalStore(
     (cb) => {
       _saveBarSubs.add(cb);
       return () => {
@@ -149,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)) {
@@ -185,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;
@@ -193,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);
@@ -209,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);
@@ -241,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) || "/" : "/";
@@ -289,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(
@@ -313,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 })
     ] })
   ] });
@@ -321,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,
@@ -329,21 +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 });
 }
 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);
 }
@@ -353,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();
@@ -373,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;
@@ -400,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();
@@ -412,7 +433,7 @@ function useRailFlyout({
     };
   }, [state, railRef, reposition]);
   const visible = !!state;
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     if (!visible) {
       setAnimate(false);
       return;
@@ -420,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();
@@ -428,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),
@@ -545,7 +566,7 @@ function FlyoutBody({
   ] });
 }
 var RAIL_PUSH_MS = 260;
-var useIsomorphicLayoutEffect2 = typeof window !== "undefined" ? React7.useLayoutEffect : React7.useEffect;
+var useIsomorphicLayoutEffect2 = typeof window !== "undefined" ? React2.useLayoutEffect : React2.useEffect;
 function getIcon(name) {
   return ICON_MAP[name] ?? Home;
 }
@@ -645,7 +666,7 @@ function NavGroup({
   flyout
 }) {
   const isChildActive = item.children?.some((c) => c.route === activeRoute);
-  const [open, setOpen] = React7.useState(() => isChildActive ?? false);
+  const [open, setOpen] = React2.useState(() => isChildActive ?? false);
   const Icon = getIcon(item.icon);
   if (collapsed) {
     const hoverProps = flyout?.rowProps(flyoutContentOf(item));
@@ -719,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 (
@@ -781,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,
@@ -812,7 +833,7 @@ function Sidebar({
   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,
@@ -861,10 +882,10 @@ function Sidebar({
     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;
@@ -877,7 +898,7 @@ function Sidebar({
     }
     lastBodyRef.current = navBody;
   });
-  React7.useEffect(() => () => {
+  React2.useEffect(() => () => {
     if (timerRef.current) clearTimeout(timerRef.current);
   }, []);
   return (
@@ -1022,34 +1043,41 @@ function Sidebar({
           // it the padded/bordered wrapper shows as a blank block.
           /* @__PURE__ */ jsx("div", { className: cn("space-y-2 p-2 empty:hidden", !borderless && "border-t border-sidebar-border"), children: footerContent }),
           withCollapsed(orgSwitcher, collapsed),
-          /* @__PURE__ */ jsx("div", { className: cn("p-2", !borderless && "border-t border-sidebar-border"), children: /* @__PURE__ */ jsxs("div", { className: cn(
-            "flex items-center rounded-button",
-            collapsed ? "flex-col gap-1" : "gap-1 px-1"
-          ), children: [
-            userMenuSlot,
-            !collapsed && /* @__PURE__ */ jsx("div", { className: "flex-1" }),
-            notificationSlot ?? /* @__PURE__ */ jsxs(
-              "button",
-              {
-                className: "fz-tap relative inline-flex shrink-0 items-center justify-center rounded-button p-2 text-sidebar-muted transition-colors hover:bg-sidebar-accent/50 hover:text-sidebar-accent-foreground",
-                "aria-label": unreadCount > 0 ? `${unreadCount} unread notifications` : "Notifications",
-                children: [
-                  /* @__PURE__ */ jsx(Bell, { className: "h-4 w-4" }),
-                  unreadCount > 0 && /* @__PURE__ */ jsx("span", { className: "absolute right-1 top-1 h-2 w-2 rounded-full bg-destructive" })
-                ]
-              }
-            ),
-            !drawer && /* @__PURE__ */ jsx(
-              "button",
-              {
-                onClick: onToggle,
-                className: "fz-tap inline-flex shrink-0 items-center justify-center rounded-button p-2 text-sidebar-muted transition-colors hover:bg-sidebar-accent/50 hover:text-sidebar-accent-foreground",
-                "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
-                title: collapsed ? "Expand sidebar" : "Collapse sidebar",
-                children: collapsed ? /* @__PURE__ */ jsx(PanelLeft, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(PanelLeftClose, { className: "h-4 w-4" })
-              }
-            )
-          ] }) }),
+          /* @__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: "fz-tap inline-flex shrink-0 items-center justify-center rounded-button p-2 text-sidebar-muted transition-colors hover:bg-sidebar-accent/50 hover:text-sidebar-accent-foreground",
+                    "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
+                    title: collapsed ? "Expand sidebar" : "Collapse sidebar",
+                    children: collapsed ? /* @__PURE__ */ jsx(PanelLeft, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(PanelLeftClose, { className: "h-4 w-4" })
+                  }
+                )
+              ] })
+            }
+          ),
           flyout.panel
         ]
       }
@@ -1066,7 +1094,7 @@ function TopbarUserMenu({
   onBilling,
   userMenuExtras
 }) {
-  const [open, setOpen] = React7.useState(false);
+  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(
@@ -1150,7 +1178,7 @@ function getIcon2(name) {
   return ICON_MAP[name] ?? Home;
 }
 function NavDropdown({ item, currentPath, onNavigate }) {
-  const [open, setOpen] = React7.useState(false);
+  const [open, setOpen] = React2.useState(false);
   const Icon = getIcon2(item.icon);
   const isChildActive = item.children?.some(
     (child) => currentPath === child.route || currentPath.startsWith(child.route + "/")
@@ -1208,6 +1236,7 @@ function Topbar({
   logo,
   user,
   onMenuClick,
+  hideMobileChrome,
   orgSwitcher,
   leftContent,
   rightContent,
@@ -1231,7 +1260,7 @@ function Topbar({
     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__ */ 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",
@@ -1316,24 +1345,27 @@ function Topbar({
     }) }) }) })
   ] });
 }
-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 = [],
@@ -1362,6 +1394,7 @@ function SidebarLayout({
   unreadCount = 0,
   searchLabel,
   hasBottomNav = false,
+  barOwnsNav = false,
   mobileHeader = "minimal",
   sidebarSectionLabels,
   sidebarNavKey,
@@ -1370,16 +1403,19 @@ function SidebarLayout({
   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.
@@ -1437,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),
@@ -1446,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" })
           ] }),
@@ -1499,6 +1536,7 @@ function TopbarLayout({
   billingLabel,
   userMenuExtras,
   userMenuSlot,
+  drawerUserMenuSlot,
   orgSwitcher,
   frame,
   currentPath,
@@ -1507,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,
       {
@@ -1542,19 +1584,30 @@ function TopbarLayout({
           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 })
       ] })
     ] }) }),
@@ -1572,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)
       }
     )
@@ -1589,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 })
@@ -1600,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();
     };
@@ -1659,19 +1715,7 @@ function MobileOverlay({ onClose, onNavigate, ...sidebarProps }) {
     )
   ] });
 }
-var BOTTOM_NAV_ICONS = {
-  Home: Home,
-  Receipt,
-  ArrowLeftRight,
-  Calendar,
-  CreditCard: CreditCard,
-  Settings: Settings,
-  Menu: Menu,
-  MessageCircle,
-  Wallet,
-  PiggyBank,
-  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;
@@ -1697,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,
@@ -1762,8 +1843,11 @@ function AppShell({
   sidebarFooterContent,
   bottomNav,
   onBottomNavAction,
+  onAssistantToggle,
+  assistantOpen,
   mobileHeader = "minimal",
   userMenuSlot,
+  drawerUserMenuSlot,
   notificationSlot,
   unreadCount = 0,
   searchLabel,
@@ -1780,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;
@@ -1820,7 +1917,8 @@ function AppShell({
           notificationSlot,
           unreadCount,
           searchLabel,
-          hasBottomNav,
+          hasBottomNav: hasBottomNav && !barRetracted,
+          barOwnsNav,
           mobileHeader,
           sidebarSectionLabels,
           sidebarNavKey,
@@ -1847,6 +1945,7 @@ function AppShell({
           billingLabel,
           userMenuExtras,
           userMenuSlot,
+          drawerUserMenuSlot,
           orgSwitcher,
           frame: contentFrame,
           currentPath,
@@ -1855,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;
@@ -1897,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();
@@ -1925,7 +2025,7 @@ function SplitWithRightRail({
       document.body.style.cursor = previousCursor;
     };
   }, [dragging, clamp]);
-  React7.useEffect(() => {
+  React2.useEffect(() => {
     if (dragging) return;
     onWidthChange?.(width);
   }, [dragging]);
@@ -1935,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",
@@ -2075,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 "";
@@ -2115,15 +2215,15 @@ 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 [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);
@@ -2164,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"]');
@@ -2189,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?.();
@@ -2196,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") })
@@ -2234,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();
@@ -2331,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) {
@@ -2389,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-NA3GE4H3.js.map
-//# sourceMappingURL=chunk-NA3GE4H3.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