@flamingo-stack/openframe-frontend-core 0.0.838 → 0.0.840

package/dist/{chunk-JI34QKPJ.cjs → chunk-HXTZZE3R.cjs}

@@ -3,10 +3,10 @@
 
 
 
-var _chunk64PF3UC7cjs = require('./chunk-64PF3UC7.cjs');
+var _chunkINBFKUZAcjs = require('./chunk-INBFKUZA.cjs');
 
 
-var _chunkENK75WN4cjs = require('./chunk-ENK75WN4.cjs');
+var _chunkZAO5SYBJcjs = require('./chunk-ZAO5SYBJ.cjs');
 
 
 
@@ -18,19 +18,20 @@ var _chunkENK75WN4cjs = require('./chunk-ENK75WN4.cjs');
 
 
 
-var _chunkB4THEQOWcjs = require('./chunk-B4THEQOW.cjs');
+var _chunkDYDQLS2Rcjs = require('./chunk-DYDQLS2R.cjs');
 
 
-var _chunkTRZEFT2Ncjs = require('./chunk-TRZEFT2N.cjs');
 
+var _chunkWI7EXAZTcjs = require('./chunk-WI7EXAZT.cjs');
 
 
 
 
-var _chunkLWMWY3JOcjs = require('./chunk-LWMWY3JO.cjs');
 
+var _chunkE7M54JWWcjs = require('./chunk-E7M54JWW.cjs');
 
-var _chunkAPOMNC7Hcjs = require('./chunk-APOMNC7H.cjs');
+
+var _chunkIUDBG3HJcjs = require('./chunk-IUDBG3HJ.cjs');
 
 
 var _chunk24I6RFVUcjs = require('./chunk-24I6RFVU.cjs');
@@ -39,7 +40,7 @@ var _chunk24I6RFVUcjs = require('./chunk-24I6RFVU.cjs');
 
 
 
-var _chunk5E4YEHHOcjs = require('./chunk-5E4YEHHO.cjs');
+var _chunkDGY5KEPYcjs = require('./chunk-DGY5KEPY.cjs');
 
 
 
@@ -50,10 +51,12 @@ var _chunkOT6P57ZScjs = require('./chunk-OT6P57ZS.cjs');
 
 
 
-var _chunkZ7A7IZWLcjs = require('./chunk-Z7A7IZWL.cjs');
 
 
-var _chunk5L3UKDC6cjs = require('./chunk-5L3UKDC6.cjs');
+var _chunkEV6BPF47cjs = require('./chunk-EV6BPF47.cjs');
+
+
+var _chunk6LDL3UZEcjs = require('./chunk-6LDL3UZE.cjs');
 
 
 var _chunkYJZ7R3W5cjs = require('./chunk-YJZ7R3W5.cjs');
@@ -98,7 +101,10 @@ var _chunk4TUSPDNScjs = require('./chunk-4TUSPDNS.cjs');
 var _chunkCON36SEJcjs = require('./chunk-CON36SEJ.cjs');
 
 
-var _chunkZABZIM2Ycjs = require('./chunk-ZABZIM2Y.cjs');
+var _chunkFRL2ZN4Ocjs = require('./chunk-FRL2ZN4O.cjs');
+
+
+var _chunkFW7RKWPYcjs = require('./chunk-FW7RKWPY.cjs');
 
 
 var _chunkWWUSFOJ7cjs = require('./chunk-WWUSFOJ7.cjs');
@@ -108,20 +114,21 @@ var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
 
 
 
-var _chunkGRHF5SWLcjs = require('./chunk-GRHF5SWL.cjs');
+
+var _chunkNFNSPLGCcjs = require('./chunk-NFNSPLGC.cjs');
 
 
 var _chunkTD4CC4KVcjs = require('./chunk-TD4CC4KV.cjs');
 
 
 
-var _chunkMG3HJIGGcjs = require('./chunk-MG3HJIGG.cjs');
+var _chunkUAI4VMEFcjs = require('./chunk-UAI4VMEF.cjs');
 
 
 
 
 
-var _chunkLC65AC6Mcjs = require('./chunk-LC65AC6M.cjs');
+var _chunkCOWMXUHNcjs = require('./chunk-COWMXUHN.cjs');
 
 
 var _chunkYSDB6HGQcjs = require('./chunk-YSDB6HGQ.cjs');
@@ -211,7 +218,7 @@ function NavItemRow({
   className
 }) {
   const label = navLinkLabel(link);
-  const counter = badge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB4THEQOWcjs.UnreadCountBadge, { count: badge, className: "static shrink-0" }) : null;
+  const counter = badge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDYDQLS2Rcjs.UnreadCountBadge, { count: badge, className: "static shrink-0" }) : null;
   const singleLine = !link.description && !link.builtOn;
   const rowClassName = _chunk63A4GZMBcjs.cn.call(void 0, 
     ROW_CLASSES[variant],
@@ -268,7 +275,7 @@ function loadFeatureCard() {
 }
 function subscribeToFeatureCard(listener) {
   featureCardListeners.add(listener);
-  const cancel = _chunk5E4YEHHOcjs.afterPageLoad.call(void 0, loadFeatureCard);
+  const cancel = _chunkDGY5KEPYcjs.afterPageLoad.call(void 0, loadFeatureCard);
   return () => {
     featureCardListeners.delete(listener);
     cancel();
@@ -506,8 +513,8 @@ function SiteHeader({
 }) {
   const [show, setShow] = _react.useState.call(void 0, true);
   const lastScrollY = _react.useRef.call(void 0, 0);
-  const activeId = _chunkLWMWY3JOcjs.useActiveSection.call(void 0, nav.menus, pathname);
-  const { openId, close, getTriggerProps, getPanelProps } = _chunkLWMWY3JOcjs.useNavMenus.call(void 0, { pathname });
+  const activeId = _chunkE7M54JWWcjs.useActiveSection.call(void 0, nav.menus, pathname);
+  const { openId, close, getTriggerProps, getPanelProps } = _chunkE7M54JWWcjs.useNavMenus.call(void 0, { pathname });
   const [trail, setTrail] = _react.useState.call(void 0, { id: null, from: null });
   if (trail.id !== openId) setTrail({ id: openId, from: trail.id });
   const previousId = trail.id === openId ? trail.from : trail.id;
@@ -633,7 +640,7 @@ function SiteHeader({
             leading: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
               leading,
               mobile && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkB4THEQOWcjs.HeaderButton,
+                _chunkDYDQLS2Rcjs.HeaderButton,
                 {
                   className: "border-r border-ods-border lg:hidden",
                   onClick: mobile.onToggle,
@@ -659,7 +666,7 @@ function SiteHeader({
             centerClassName: "justify-start pl-[var(--spacing-system-xlf)]",
             cta: hasRight ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
               mingo && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunk5E4YEHHOcjs.MingoAiButton,
+                _chunkDGY5KEPYcjs.MingoAiButton,
                 {
                   source: mingo.source,
                   icon: mingo.icon,
@@ -725,9 +732,9 @@ function MobileNavSheetBody({
   const sheetRef = _react.useRef.call(void 0, null);
   const menus = [..._nullishCoalesce(nav.mobileMenus, () => ( nav.menus)), ..._nullishCoalesce(extraMenus, () => ( []))];
   _overlays.usePreventScroll.call(void 0, );
-  _chunkLWMWY3JOcjs.useFocusTrap.call(void 0, sheetRef, true, { onEscape: onClose });
+  _chunkE7M54JWWcjs.useFocusTrap.call(void 0, sheetRef, true, { onEscape: onClose });
   const [openGroups, setOpenGroups] = _react.useState.call(void 0, () => {
-    const active = _chunkLWMWY3JOcjs.resolveActiveSection.call(void 0, menus, pathname);
+    const active = _chunkE7M54JWWcjs.resolveActiveSection.call(void 0, menus, pathname);
     return active ? { [active]: true } : {};
   });
   const primaryCta = typeof nav.primaryCta === "object" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFCZAUK4Dcjs.Button, { variant: "accent", href: nav.primaryCta.href, onClick: onClose, className: "w-full", children: nav.primaryCta.label }) : nav.primaryCta === "none" ? null : _nullishCoalesce(cta, () => ( null));
@@ -763,7 +770,7 @@ function MobileNavSheetBody({
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-h-0 flex-1 overflow-y-auto overflow-x-hidden overscroll-contain px-5", children: [
           askAI && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk5E4YEHHOcjs.MingoAiButton,
+            _chunkDGY5KEPYcjs.MingoAiButton,
             {
               variant: "field",
               source: askAI.source,
@@ -940,7 +947,7 @@ function SiteFooter({
   const bandPrimary = typeof nav.primaryCta === "object" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFCZAUK4Dcjs.Button, { variant: "accent", href: nav.primaryCta.href, children: nav.primaryCta.label }) : nav.primaryCta === "none" ? null : _nullishCoalesce(cta, () => ( null));
   const columns = nav.footerColumns;
   const accordion = columns.length > ACCORDION_OVER;
-  const socialRow = _nullishCoalesce(social, () => ( (nav.brand.social.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB4THEQOWcjs.SocialIconRow, { compact: true, links: _chunkB4THEQOWcjs.siteNavSocialLinks.call(void 0, nav.brand.social) }) : null)));
+  const socialRow = _nullishCoalesce(social, () => ( (nav.brand.social.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDYDQLS2Rcjs.SocialIconRow, { compact: true, links: _chunkDYDQLS2Rcjs.siteNavSocialLinks.call(void 0, nav.brand.social) }) : null)));
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "footer",
     {
@@ -1034,12 +1041,12 @@ var _framermotion = require('framer-motion');
 
 function SlidingSidebar({ config }) {
   const [expandedItems, setExpandedItems] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
-  const mounted = _chunkZ7A7IZWLcjs.useIsHydrated.call(void 0, );
+  const mounted = _chunkEV6BPF47cjs.useIsHydrated.call(void 0, );
   const headerHeight = _chunk24I6RFVUcjs.useHeaderHeight.call(void 0, );
   const asideRef = _react.useRef.call(void 0, null);
   const prefersReducedMotion = _framermotion.useReducedMotion.call(void 0, );
   _overlays.usePreventScroll.call(void 0, { isDisabled: !config.isOpen });
-  _chunkLWMWY3JOcjs.useFocusTrap.call(void 0, asideRef, config.isOpen, { onEscape: config.onClose, contain: false });
+  _chunkE7M54JWWcjs.useFocusTrap.call(void 0, asideRef, config.isOpen, { onEscape: config.onClose, contain: false });
   const toggleExpanded = (itemId) => {
     const newExpanded = new Set(expandedItems);
     if (newExpanded.has(itemId)) {
@@ -1166,7 +1173,7 @@ function SlidingSidebar({ config }) {
           duration: 0.3,
           ease: [0.4, 0, 0.2, 1]
         },
-        className: _chunk63A4GZMBcjs.cn.call(void 0, "fixed inset-0 z-[45]", _chunkTRZEFT2Ncjs.OVERLAY_BACKDROP_CLASS),
+        className: _chunk63A4GZMBcjs.cn.call(void 0, "fixed inset-0 z-[45]", _chunkWI7EXAZTcjs.OVERLAY_BACKDROP_CLASS),
         onClick: () => config.onClose()
       }
     ) }),
@@ -1209,7 +1216,7 @@ function SlidingSidebar({ config }) {
 // src/components/navigation/page-section-bar.tsx
 
 
-var SECTION_BAR_HEIGHT_PX = _chunk64PF3UC7cjs.STICKY_SECTION_NAV_HEIGHT_PX;
+var SECTION_BAR_HEIGHT_PX = _chunkINBFKUZAcjs.STICKY_SECTION_NAV_HEIGHT_PX;
 var PAGE_ANCHOR_SCROLL_MARGIN_CLASS = "scroll-mt-36";
 var PAGE_ANCHOR_SCOPE_CLASS = "[&_[id]]:scroll-mt-36";
 var PAGE_ANCHOR_GAP_PX = 16;
@@ -1237,21 +1244,21 @@ function PageSectionBar({ sections: listed, label, brand, action }) {
   const sections = useRenderedSections(listed);
   const inScope = _chunk63A4GZMBcjs.useLoadingScope.call(void 0, );
   const headerBottom = _chunk24I6RFVUcjs.useHeaderHeight.call(void 0, void 0, { stuckOnly: true });
-  const { activeSection, handleSectionClick } = _chunk64PF3UC7cjs.useScrollSpy.call(void 0, sections, {
+  const { activeSection, handleSectionClick } = _chunkINBFKUZAcjs.useScrollSpy.call(void 0, sections, {
     syncHash: true,
     aboveFirst: "none",
     headerOffset: headerBottom + SECTION_BAR_HEIGHT_PX + PAGE_ANCHOR_GAP_PX
   });
   if (sections.length === 0 && !inScope) return null;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkB4THEQOWcjs.PageContainer,
+    _chunkDYDQLS2Rcjs.PageContainer,
     {
       as: "div",
       backgroundClassName: "sticky z-30 border-b border-ods-border bg-ods-bg transition-[top] duration-300 ease-in-out motion-reduce:transition-none",
       backgroundStyle: { top: headerBottom },
       contentPadding: SECTION_BAR_INSET_CLASS,
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk64PF3UC7cjs.StickySectionNav,
+        _chunkINBFKUZAcjs.StickySectionNav,
         {
           orientation: "horizontal",
           label,
@@ -1260,7 +1267,7 @@ function PageSectionBar({ sections: listed, label, brand, action }) {
           onSectionClick: handleSectionClick,
           brand,
           action: action && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkZ7A7IZWLcjs.NavLinkAnchorViaRuntime,
+            _chunkEV6BPF47cjs.NavLinkAnchorViaRuntime,
             {
               href: action.href,
               onClick: (event) => {
@@ -1288,7 +1295,7 @@ function PageSectionBar({ sections: listed, label, brand, action }) {
 
 function NavigationItemBadge({ label, compact = false, className, ...rest }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkGRHF5SWLcjs.Tag,
+    _chunkNFNSPLGCcjs.Tag,
     {
       as: "span",
       label,
@@ -1355,8 +1362,9 @@ function CountPill({ count, className }) {
 function RowEnd({ count }) {
   return count > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CountPill, { count, className: "ml-auto" }) : null;
 }
-function RowLabel({ item }) {
+function RowLabel({ item, showLabel = true }) {
   const unreadCount = _nullishCoalesce(item.unreadCount, () => ( 0));
+  const { ref: labelRef, enabled: labelTooltip } = _chunkFW7RKWPYcjs.useClippedLabelTooltip.call(void 0, item.label);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "span",
     {
@@ -1365,7 +1373,17 @@ function RowLabel({ item }) {
         EXPANDED_ONLY
       ),
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 truncate text-h4", children: item.label }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkNFNSPLGCcjs.FloatingTooltip,
+          {
+            content: item.label,
+            side: "top",
+            as: "span",
+            disabled: !showLabel || !labelTooltip,
+            triggerClassName: "min-w-0",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ref: labelRef, className: "block min-w-0 truncate text-h4", children: item.label })
+          }
+        ),
         item.badge && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NavigationItemBadge, { label: item.badge, compact: true }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RowEnd, { count: unreadCount })
       ]
@@ -1379,7 +1397,7 @@ function RowIcon({ item, size, className }) {
       className: _chunk63A4GZMBcjs.cn.call(void 0, "relative flex shrink-0 items-center justify-center", size === 20 ? "size-5" : "size-4", className),
       children: [
         sizedIcon(item.icon, size),
-        (_nullishCoalesce(item.unreadCount, () => ( 0))) > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB4THEQOWcjs.UnreadDot, { size: "fixed", className: "@[140px]/of-nav-sidebar:hidden" })
+        (_nullishCoalesce(item.unreadCount, () => ( 0))) > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDYDQLS2Rcjs.UnreadDot, { size: "fixed", className: "@[140px]/of-nav-sidebar:hidden" })
       ]
     }
   );
@@ -1404,7 +1422,7 @@ function GroupedLeafRow({
   );
   const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RowIcon, { item, size: 20, className: lit ? "text-ods-accent" : idleIcon("row") }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RowLabel, { item })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RowLabel, { item, showLabel })
   ] });
   const shared = {
     className,
@@ -1427,6 +1445,7 @@ function GroupedChildRow({
 }) {
   const name = accessibleName(item);
   const lit = isActive && !disabled;
+  const { ref: labelRef, enabled: labelTooltip } = _chunkFW7RKWPYcjs.useClippedLabelTooltip.call(void 0, item.label);
   const className = _chunk63A4GZMBcjs.cn.call(void 0, 
     // The icon column flush, under the parent's icon at both widths.
     "group/nav-child relative flex h-11 w-full items-stretch gap-[var(--spacing-system-xxs)] rounded-md text-left",
@@ -1458,7 +1477,17 @@ function GroupedChildRow({
           !lit && !disabled && isPending && "after:opacity-100"
         ),
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 truncate text-h4", children: item.label }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkNFNSPLGCcjs.FloatingTooltip,
+            {
+              content: item.label,
+              side: "top",
+              as: "span",
+              disabled: !showLabel || !labelTooltip,
+              triggerClassName: "min-w-0",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ref: labelRef, className: "block min-w-0 truncate text-h4", children: item.label })
+            }
+          ),
           item.badge && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NavigationItemBadge, { label: item.badge, compact: true }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RowEnd, { count: _nullishCoalesce(item.unreadCount, () => ( 0)) })
         ]
@@ -1521,7 +1550,7 @@ function GroupedGroup({
             ),
             children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RowIcon, { item, size: 20, className: lit ? "text-ods-accent" : idleIcon("row") }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RowLabel, { item })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RowLabel, { item, showLabel })
             ]
           }
         ),
@@ -1632,7 +1661,7 @@ function NavigationSidebarActionRow({
   );
   const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RowIcon, { item: entry, size: 20, className: lit || outline && !disabled ? "text-ods-accent" : idleIcon("row") }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RowLabel, { item: entry })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RowLabel, { item: entry, showLabel: !minimized })
   ] });
   const shared = { className: classes, title: minimized ? name : void 0, "aria-label": name };
   if (href && !disabled) {
@@ -1699,10 +1728,11 @@ function LoadedNavigationSidebarItemButton({
   const unreadCount = _nullishCoalesce(item.unreadCount, () => ( 0));
   const hasUnread = unreadCount > 0;
   const name = item.badge ? `${item.label} (${item.badge})` : item.label;
+  const { ref: labelRef, enabled: labelTooltip } = _chunkFW7RKWPYcjs.useClippedLabelTooltip.call(void 0, item.label);
   const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative flex flex-shrink-0 items-center justify-center", children: [
       _react.cloneElement.call(void 0, item.icon, { color: "inherit" }),
-      hasUnread && !showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB4THEQOWcjs.UnreadDot, { size: "fixed" })
+      hasUnread && !showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDYDQLS2Rcjs.UnreadDot, { size: "fixed" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "span",
@@ -1713,7 +1743,17 @@ function LoadedNavigationSidebarItemButton({
         ),
         "aria-hidden": !showLabel,
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 truncate text-h4", children: item.label }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkNFNSPLGCcjs.FloatingTooltip,
+            {
+              content: item.label,
+              side: "top",
+              as: "span",
+              disabled: !showLabel || !labelTooltip,
+              triggerClassName: "min-w-0",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ref: labelRef, className: "block min-w-0 truncate text-h4", children: item.label })
+            }
+          ),
           item.badge && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NavigationItemBadge, { label: item.badge, className: "ml-[var(--spacing-system-xs)] shrink-0" })
         ]
       }
@@ -1904,6 +1944,7 @@ function NavigationSidebarToggle({
 var MINIMIZED_WIDTH = 56;
 var EXPANDED_WIDTH = 224;
 var MIN_CUSTOM_EXPANDED_WIDTH = 141;
+var DEFAULT_MIN_CONTENT_WIDTH = 720;
 var STORAGE_KEY = "of.navigationSidebar.minimized";
 var NAVIGATION_SIDEBAR_WIDTH_VAR = "--of-navigation-sidebar-width";
 var EXPANDED_WIDTH_VAR = "--of-navigation-sidebar-expanded-width";
@@ -1933,6 +1974,20 @@ var SIDEBAR_TABLET_WIDTH = {
   overlay: "md:w-56",
   customOverlay: "md:w-[var(--of-navigation-sidebar-expanded-width)]"
 };
+function useRowWidth(asideRef, enabled) {
+  const [width, setWidth] = _react.useState.call(void 0, 0);
+  _react.useEffect.call(void 0, () => {
+    const row = enabled ? _optionalChain([asideRef, 'access', _35 => _35.current, 'optionalAccess', _36 => _36.parentElement]) : null;
+    if (!row) return void 0;
+    const update = () => setWidth(row.clientWidth);
+    update();
+    if (typeof ResizeObserver === "undefined") return void 0;
+    const observer = new ResizeObserver(update);
+    observer.observe(row);
+    return () => observer.disconnect();
+  }, [asideRef, enabled]);
+  return width;
+}
 var isModifiedClick = (event) => !!event && (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button !== 0);
 function NavigationSidebar({
   config,
@@ -1940,10 +1995,10 @@ function NavigationSidebar({
   pushOnTablet = false,
   animateWidth = true
 }) {
-  const isMdUp = _nullishCoalesce(_chunkLC65AC6Mcjs.useMdUp.call(void 0, ), () => ( false));
-  const isLgUp = _nullishCoalesce(_chunkLC65AC6Mcjs.useLgUp.call(void 0, ), () => ( false));
+  const isMdUp = _nullishCoalesce(_chunkCOWMXUHNcjs.useMdUp.call(void 0, ), () => ( false));
+  const isLgUp = _nullishCoalesce(_chunkCOWMXUHNcjs.useLgUp.call(void 0, ), () => ( false));
   const isTablet = isMdUp && !isLgUp;
-  const [storedMinimized, setStoredMinimized] = _chunkAPOMNC7Hcjs.useLocalStorage.call(void 0, STORAGE_KEY, _nullishCoalesce(config.minimized, () => ( false)));
+  const [storedMinimized, setStoredMinimized] = _chunkIUDBG3HJcjs.useLocalStorage.call(void 0, STORAGE_KEY, _nullishCoalesce(config.minimized, () => ( false)));
   const [tabletMinimized, setTabletMinimized] = _react.useState.call(void 0, true);
   const isControlled = config.collapsed !== void 0;
   const desktopMinimized = isControlled ? _nullishCoalesce(config.collapsed, () => ( false)) : storedMinimized;
@@ -1962,13 +2017,46 @@ function NavigationSidebar({
     setTabletFor(isTablet);
     if (isTablet) setTabletMinimized(true);
   }
-  const hydrated = _chunkZ7A7IZWLcjs.useIsHydrated.call(void 0, );
+  const hydrated = _chunkEV6BPF47cjs.useIsHydrated.call(void 0, );
   const serverMinimized = isControlled ? desktopMinimized : _nullishCoalesce(config.minimized, () => ( false));
   const minimized = hydrated ? isTablet ? tabletMinimized : desktopMinimized : serverMinimized;
   const [transitionsEnabled, setTransitionsEnabled] = _react.useState.call(void 0, false);
-  const customExpandedWidth = config.variant === "grouped" && config.expandedWidth !== void 0 ? Math.max(config.expandedWidth, MIN_CUSTOM_EXPANDED_WIDTH) : null;
-  const expandedWidth = _nullishCoalesce(customExpandedWidth, () => ( EXPANDED_WIDTH));
+  const configExpandedWidth = config.variant === "grouped" && config.expandedWidth !== void 0 ? Math.max(config.expandedWidth, MIN_CUSTOM_EXPANDED_WIDTH) : null;
+  const resize = config.resizable;
+  const asideRef = _react.useRef.call(void 0, null);
+  const rowWidth = useRowWidth(asideRef, resize !== void 0);
+  const resizeMinWidth = Math.max(_nullishCoalesce(_optionalChain([resize, 'optionalAccess', _37 => _37.minWidth]), () => ( MIN_CUSTOM_EXPANDED_WIDTH)), MIN_CUSTOM_EXPANDED_WIDTH);
+  const {
+    size: chosenExpandedWidth,
+    setSize: setChosenExpandedWidth,
+    resetSize: resetChosenExpandedWidth,
+    clampSize: clampExpandedWidth
+  } = _chunkWI7EXAZTcjs.useResizablePanelSize.call(void 0, {
+    enabled: resize !== void 0,
+    minSize: resizeMinWidth,
+    maxSize: _nullishCoalesce(_optionalChain([resize, 'optionalAccess', _38 => _38.maxWidth]), () => ( Number.POSITIVE_INFINITY)),
+    defaultSize: _nullishCoalesce(configExpandedWidth, () => ( EXPANDED_WIDTH)),
+    available: rowWidth,
+    reserve: _nullishCoalesce(_optionalChain([resize, 'optionalAccess', _39 => _39.minContentWidth]), () => ( DEFAULT_MIN_CONTENT_WIDTH)),
+    storageKey: _optionalChain([resize, 'optionalAccess', _40 => _40.storageKey])
+  });
+  const expandedWidth = resize !== void 0 ? chosenExpandedWidth : _nullishCoalesce(configExpandedWidth, () => ( EXPANDED_WIDTH));
+  const markupExpandedWidth = hydrated ? chosenExpandedWidth : _nullishCoalesce(configExpandedWidth, () => ( EXPANDED_WIDTH));
+  const customExpandedWidth = resize !== void 0 ? markupExpandedWidth : configExpandedWidth;
   const expandedWidthStyle = customExpandedWidth === null ? void 0 : { [EXPANDED_WIDTH_VAR]: `${customExpandedWidth}px` };
+  const dragExpandedWidth = _react.useCallback.call(void 0, (next) => {
+    const aside = asideRef.current;
+    if (!aside) return;
+    aside.setAttribute("data-resizing", "");
+    aside.style.setProperty(NAVIGATION_SIDEBAR_WIDTH_VAR, `${Math.round(next)}px`);
+  }, []);
+  const commitExpandedWidth = _react.useCallback.call(void 0, 
+    (next) => {
+      _optionalChain([asideRef, 'access', _41 => _41.current, 'optionalAccess', _42 => _42.removeAttribute, 'call', _43 => _43("data-resizing")]);
+      setChosenExpandedWidth(next);
+    },
+    [setChosenExpandedWidth]
+  );
   const [widthFor, setWidthFor] = _react.useState.call(void 0, expandedWidth);
   if (widthFor !== expandedWidth) {
     setWidthFor(expandedWidth);
@@ -1981,9 +2069,9 @@ function NavigationSidebar({
       setTabletMinimized((prev) => !prev);
     } else {
       if (!isControlled) setStoredMinimized((prev) => !prev);
-      _optionalChain([config, 'access', _35 => _35.onCollapsedChange, 'optionalCall', _36 => _36(!desktopMinimized)]);
+      _optionalChain([config, 'access', _44 => _44.onCollapsedChange, 'optionalCall', _45 => _45(!desktopMinimized)]);
     }
-    _optionalChain([config, 'access', _37 => _37.onToggleMinimized, 'optionalCall', _38 => _38()]);
+    _optionalChain([config, 'access', _46 => _46.onToggleMinimized, 'optionalCall', _47 => _47()]);
   }, [isTablet, isControlled, setStoredMinimized, desktopMinimized, config]);
   const closeOverlay = _react.useCallback.call(void 0, () => {
     setTabletMinimized(true);
@@ -1995,7 +2083,7 @@ function NavigationSidebar({
     revealHandledRef.current = revealSignal;
     if (revealSignal === void 0 || !isLgUp || !desktopMinimized) return;
     if (!isControlled) setStoredMinimized(false);
-    _optionalChain([onCollapsedChange, 'optionalCall', _39 => _39(false)]);
+    _optionalChain([onCollapsedChange, 'optionalCall', _48 => _48(false)]);
   }, [revealSignal, isLgUp, desktopMinimized, isControlled, setStoredMinimized, onCollapsedChange]);
   _react.useEffect.call(void 0, () => {
     if (!isOverlayOpen) return void 0;
@@ -2019,7 +2107,7 @@ function NavigationSidebar({
   }
   const handleItemClick = _react.useCallback.call(void 0, 
     (item, event) => {
-      _optionalChain([event, 'optionalAccess', _40 => _40.stopPropagation, 'call', _41 => _41()]);
+      _optionalChain([event, 'optionalAccess', _49 => _49.stopPropagation, 'call', _50 => _50()]);
       if (item.onClick) {
         item.onClick();
         if (isTablet) setTabletMinimized(true);
@@ -2028,7 +2116,7 @@ function NavigationSidebar({
       if (!item.path) return;
       if (isModifiedClick(event)) return;
       if (config.onNavigate) {
-        _optionalChain([event, 'optionalAccess', _42 => _42.preventDefault, 'call', _43 => _43()]);
+        _optionalChain([event, 'optionalAccess', _51 => _51.preventDefault, 'call', _52 => _52()]);
         if (item.id !== committedActiveId) setPendingItemId(item.id);
         config.onNavigate(item.path);
       }
@@ -2049,13 +2137,13 @@ function NavigationSidebar({
   );
   const loadingRows = _react.useMemo.call(void 0, () => {
     if (!config.loading) return null;
-    const primary = _nullishCoalesce(_optionalChain([config, 'access', _44 => _44.loadingRows, 'optionalAccess', _45 => _45.primary]), () => ( 7));
-    const secondary = _nullishCoalesce(_optionalChain([config, 'access', _46 => _46.loadingRows, 'optionalAccess', _47 => _47.secondary]), () => ( 2));
+    const primary = _nullishCoalesce(_optionalChain([config, 'access', _53 => _53.loadingRows, 'optionalAccess', _54 => _54.primary]), () => ( 7));
+    const secondary = _nullishCoalesce(_optionalChain([config, 'access', _55 => _55.loadingRows, 'optionalAccess', _56 => _56.secondary]), () => ( 2));
     return {
       primary: Array.from({ length: Math.max(0, primary) }, (_, i) => `primary-${i}`),
       secondary: Array.from({ length: Math.max(0, secondary) }, (_, i) => `secondary-${i}`)
     };
-  }, [config.loading, _optionalChain([config, 'access', _48 => _48.loadingRows, 'optionalAccess', _49 => _49.primary]), _optionalChain([config, 'access', _50 => _50.loadingRows, 'optionalAccess', _51 => _51.secondary])]);
+  }, [config.loading, _optionalChain([config, 'access', _57 => _57.loadingRows, 'optionalAccess', _58 => _58.primary]), _optionalChain([config, 'access', _59 => _59.loadingRows, 'optionalAccess', _60 => _60.secondary])]);
   const widthTransition = _chunk63A4GZMBcjs.cn.call(void 0, 
     "transition-[width] duration-300",
     grouped && "[transition-timing-function:cubic-bezier(0.2,0,0,1)] motion-reduce:transition-none"
@@ -2065,9 +2153,8 @@ function NavigationSidebar({
     [minimized, expandedWidth]
   );
   const sectionRailHidden = typeof config.sectionSlot !== "function" && "hidden @[140px]/of-nav-sidebar:flex animate-in fade-in duration-300 motion-reduce:animate-none";
-  const asideRef = _react.useRef.call(void 0, null);
   _chunkYSDB6HGQcjs.useIsomorphicLayoutEffect.call(void 0, () => {
-    _optionalChain([asideRef, 'access', _52 => _52.current, 'optionalAccess', _53 => _53.style, 'access', _54 => _54.setProperty, 'call', _55 => _55(NAVIGATION_SIDEBAR_WIDTH_VAR, sidebarWidth)]);
+    _optionalChain([asideRef, 'access', _61 => _61.current, 'optionalAccess', _62 => _62.style, 'access', _63 => _63.setProperty, 'call', _64 => _64(NAVIGATION_SIDEBAR_WIDTH_VAR, sidebarWidth)]);
   }, [sidebarWidth]);
   _chunkYSDB6HGQcjs.useIsomorphicLayoutEffect.call(void 0, () => {
     if (transitionsEnabled) return void 0;
@@ -2149,6 +2236,9 @@ function NavigationSidebar({
           // the rail.
           !isOverlayOpen ? SIDEBAR_TABLET_WIDTH.rail : customExpandedWidth === null ? SIDEBAR_TABLET_WIDTH.overlay : SIDEBAR_TABLET_WIDTH.customOverlay,
           transitionsEnabled && widthTransition,
+          // A drag on the resize handle in progress: the width follows the
+          // pointer, with no transition trailing it (`dragExpandedWidth`).
+          "data-[resizing]:transition-none",
           // Snaps where its width moves the content: the desktop rail, and the
           // tablet overlay too when it pushes (its slot above snaps with it).
           !animateWidth && (pushOnTablet ? "transition-none" : "lg:transition-none"),
@@ -2171,14 +2261,14 @@ function NavigationSidebar({
               ),
               children: [
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-                  _optionalChain([config, 'access', _56 => _56.topSlot, 'optionalCall', _57 => _57({ minimized })]),
+                  _optionalChain([config, 'access', _65 => _65.topSlot, 'optionalCall', _66 => _66({ minimized })]),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     "nav",
                     {
                       className: _chunk63A4GZMBcjs.cn.call(void 0, "flex flex-col", grouped && "gap-[var(--spacing-system-xxs)]"),
                       "aria-label": "Primary navigation",
                       "aria-busy": !!loadingRows,
-                      children: renderEntries(_nullishCoalesce(_optionalChain([loadingRows, 'optionalAccess', _58 => _58.primary]), () => ( null)), primaryItems)
+                      children: renderEntries(_nullishCoalesce(_optionalChain([loadingRows, 'optionalAccess', _67 => _67.primary]), () => ( null)), primaryItems)
                     }
                   ),
                   hasNavigationSidebarSlot(config.sectionSlot) && // A divider between the tree and the section, as under the top slot's rows.
@@ -2193,7 +2283,7 @@ function NavigationSidebar({
                     }
                   )
                 ] }),
-                (loadingRows ? loadingRows.secondary.length > 0 : secondaryItems.length > 0) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { className: "flex flex-col", "aria-label": "Secondary navigation", "aria-busy": !!loadingRows, children: renderEntries(_nullishCoalesce(_optionalChain([loadingRows, 'optionalAccess', _59 => _59.secondary]), () => ( null)), secondaryItems) })
+                (loadingRows ? loadingRows.secondary.length > 0 : secondaryItems.length > 0) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { className: "flex flex-col", "aria-label": "Secondary navigation", "aria-busy": !!loadingRows, children: renderEntries(_nullishCoalesce(_optionalChain([loadingRows, 'optionalAccess', _68 => _68.secondary]), () => ( null)), secondaryItems) })
               ]
             }
           ),
@@ -2206,6 +2296,23 @@ function NavigationSidebar({
               onToggle: handleToggle,
               compact: grouped
             }
+          ),
+          resize !== void 0 && !minimized && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkEV6BPF47cjs.PanelResizeHandle,
+            {
+              side: "left",
+              variant: "inLayout",
+              size: markupExpandedWidth,
+              minSize: resizeMinWidth,
+              maxSize: clampExpandedWidth(Number.POSITIVE_INFINITY),
+              clampSize: clampExpandedWidth,
+              onSize: commitExpandedWidth,
+              onDrag: dragExpandedWidth,
+              onReset: resetChosenExpandedWidth,
+              ariaLabel: "Resize navigation sidebar",
+              className: "inset-y-0 hidden w-6 -translate-x-1/2 justify-center pl-0 lg:flex",
+              grip: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEV6BPF47cjs.PanelResizeGrip, {})
+            }
           )
         ]
       }
@@ -2243,7 +2350,7 @@ function toMenuGroups(entries) {
           ),
           children: [
             entry.icon,
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB4THEQOWcjs.UnreadCountBadge, { count: _nullishCoalesce(entry.count, () => ( 0)) })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDYDQLS2Rcjs.UnreadCountBadge, { count: _nullishCoalesce(entry.count, () => ( 0)) })
           ]
         }
       ) : void 0,
@@ -2269,6 +2376,8 @@ function AccountPopover({
   className
 }) {
   const unread = items.some((entry) => entry.type !== "divider" && (_nullishCoalesce(entry.count, () => ( 0))) > 0);
+  const { ref: nameRef, enabled: nameTooltip } = _chunkFW7RKWPYcjs.useClippedLabelTooltip.call(void 0, name);
+  const { ref: subtitleRef, enabled: subtitleTooltip } = _chunkFW7RKWPYcjs.useClippedLabelTooltip.call(void 0, subtitle);
   const [open = false, setOpen] = _reactusecontrollablestate.useControllableState.call(void 0, {
     prop: openProp,
     defaultProp: false,
@@ -2304,7 +2413,7 @@ function AccountPopover({
           children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "relative inline-flex shrink-0", children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkGRHF5SWLcjs.SquareAvatar,
+                _chunkNFNSPLGCcjs.SquareAvatar,
                 {
                   src: _nullishCoalesce(avatarUrl, () => ( void 0)),
                   alt: name,
@@ -2314,7 +2423,7 @@ function AccountPopover({
                   "aria-hidden": "true"
                 }
               ),
-              unread && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB4THEQOWcjs.UnreadDot, { size: "fixed" })
+              unread && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDYDQLS2Rcjs.UnreadDot, { size: "fixed" })
             ] }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
               "span",
@@ -2323,7 +2432,17 @@ function AccountPopover({
                 "aria-hidden": collapsed || void 0,
                 children: [
                   /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xxs)]", children: [
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-text-primary text-h4", children: name }),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      _chunkNFNSPLGCcjs.FloatingTooltip,
+                      {
+                        content: name,
+                        side: "top",
+                        as: "span",
+                        disabled: collapsed || !nameTooltip,
+                        triggerClassName: "min-w-0",
+                        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ref: nameRef, className: "block truncate text-ods-text-primary text-h4", children: name })
+                      }
+                    ),
                     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                       _chunkSKI6NKOEcjs.Chevron02DownIcon,
                       {
@@ -2333,7 +2452,17 @@ function AccountPopover({
                       }
                     )
                   ] }),
-                  subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-text-secondary text-code", children: subtitle })
+                  subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _chunkNFNSPLGCcjs.FloatingTooltip,
+                    {
+                      content: subtitle,
+                      side: "top",
+                      as: "span",
+                      disabled: collapsed || !subtitleTooltip,
+                      triggerClassName: "min-w-0",
+                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ref: subtitleRef, className: "block truncate text-ods-text-secondary text-code", children: subtitle })
+                    }
+                  )
                 ]
               }
             )
@@ -2369,18 +2498,18 @@ function HeaderGlobalSearch({
   };
   const handleSubmit = (e) => {
     e.preventDefault();
-    _optionalChain([onSubmit, 'optionalCall', _60 => _60(currentValue)]);
+    _optionalChain([onSubmit, 'optionalCall', _69 => _69(currentValue)]);
   };
   const handleKeyDown = (e) => {
     if (e.key === "Enter") {
-      _optionalChain([onSubmit, 'optionalCall', _61 => _61(currentValue)]);
+      _optionalChain([onSubmit, 'optionalCall', _70 => _70(currentValue)]);
     }
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "form",
     {
       onSubmit: handleSubmit,
-      ..._chunk5E4YEHHOcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
+      ..._chunkDGY5KEPYcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
       className: _chunk63A4GZMBcjs.cn.call(void 0, 
         "flex h-full flex-1 items-center gap-2 px-3",
         // Transparent so the cell inherits the bar's background
@@ -2447,7 +2576,7 @@ function HeaderMingoButton({
         ) : (
           // Outer frame follows the button's text color (currentColor); the eyes
           // and corner block are ODS cyan.
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5L3UKDC6cjs.AgentMark, { agent: "mingo", className: "h-6 w-6 shrink-0" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6LDL3UZEcjs.AgentMark, { agent: "mingo", className: "h-6 w-6 shrink-0" })
         ),
         !iconOnly && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "whitespace-nowrap font-bold tracking-[-0.36px] text-h3", children: "Mingo AI" })
       ]
@@ -2465,8 +2594,8 @@ function HeaderOrganizationFilter({
   className
 }) {
   const selectedOrg = organizations.find((o) => o.id === selectedOrgId);
-  const displayName = _optionalChain([selectedOrg, 'optionalAccess', _62 => _62.name]) || "All Organizations";
-  const deviceCount = _nullishCoalesce(_optionalChain([selectedOrg, 'optionalAccess', _63 => _63.deviceCount]), () => ( totalDeviceCount));
+  const displayName = _optionalChain([selectedOrg, 'optionalAccess', _71 => _71.name]) || "All Organizations";
+  const deviceCount = _nullishCoalesce(_optionalChain([selectedOrg, 'optionalAccess', _72 => _72.deviceCount]), () => ( totalDeviceCount));
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkS3QXLD4Xcjs.DropdownMenu, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkS3QXLD4Xcjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFCZAUK4Dcjs.Button, { variant: "cell", className: _chunk63A4GZMBcjs.cn.call(void 0, "w-[240px] justify-start", className), children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7NU6TOK3cjs.Filter02Icon, { className: "h-4 w-4 shrink-0 text-ods-text-secondary" }),
@@ -2479,8 +2608,8 @@ function HeaderOrganizationFilter({
       ] })
     ] }) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkS3QXLD4Xcjs.DropdownMenuContent, { align: "end", className: "min-w-[240px]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkS3QXLD4Xcjs.DropdownMenuItem, { onClick: () => _optionalChain([onOrgChange, 'optionalCall', _64 => _64("")]), children: "All Organizations" }),
-      organizations.map((org) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkS3QXLD4Xcjs.DropdownMenuItem, { onClick: () => _optionalChain([onOrgChange, 'optionalCall', _65 => _65(org.id)]), children: org.name }, org.id))
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkS3QXLD4Xcjs.DropdownMenuItem, { onClick: () => _optionalChain([onOrgChange, 'optionalCall', _73 => _73("")]), children: "All Organizations" }),
+      organizations.map((org) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkS3QXLD4Xcjs.DropdownMenuItem, { onClick: () => _optionalChain([onOrgChange, 'optionalCall', _74 => _74(org.id)]), children: org.name }, org.id))
     ] })
   ] });
 }
@@ -2493,14 +2622,14 @@ function NotificationsBellButton({
   variant = "cell",
   className
 }) {
-  const ctx = _chunkB4THEQOWcjs.useOptionalNotifications.call(void 0, );
-  const hasUnread = (_nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _66 => _66.unreadCount]), () => ( fallbackUnreadCount))) > 0;
-  const isActive = _nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _67 => _67.isOpen]), () => ( false));
-  const onClick = _optionalChain([ctx, 'optionalAccess', _68 => _68.toggle]);
+  const ctx = _chunkDYDQLS2Rcjs.useOptionalNotifications.call(void 0, );
+  const hasUnread = (_nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _75 => _75.unreadCount]), () => ( fallbackUnreadCount))) > 0;
+  const isActive = _nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _76 => _76.isOpen]), () => ( false));
+  const onClick = _optionalChain([ctx, 'optionalAccess', _77 => _77.toggle]);
   const floating = variant === "floating";
   const iconClassName = variant === "cell" ? "h-6 w-6" : "h-5 w-5";
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkB4THEQOWcjs.HeaderButton,
+    _chunkDYDQLS2Rcjs.HeaderButton,
     {
       icon: isActive ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWWUSFOJ7cjs.XmarkIcon, { className: iconClassName }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCON36SEJcjs.BellIcon, { className: iconClassName }),
       showUnreadDot: !isActive && hasUnread,
@@ -2523,14 +2652,14 @@ function NotificationsBellButton({
 // src/components/navigation/ticket-alerts-button.tsx
 
 function TicketAlertsButton({ href, disabled, variant = "cell", className }) {
-  const live = _chunkENK75WN4cjs.useOptionalTicketLive.call(void 0, );
+  const live = _chunkZAO5SYBJcjs.useOptionalTicketLive.call(void 0, );
   const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
   if (!live || !live.authed || live.unreadTotal === 0) return null;
   const targetId = live.nextUnreadTicketId;
-  const target = targetId ? _chunk5E4YEHHOcjs.buildTicketOpenHref.call(void 0, href, targetId) : href;
-  const handleClick = () => _chunkZABZIM2Ycjs.executeNavigationImperative.call(void 0, { runtime, href: target });
+  const target = targetId ? _chunkDGY5KEPYcjs.buildTicketOpenHref.call(void 0, href, targetId) : href;
+  const handleClick = () => _chunkFRL2ZN4Ocjs.executeNavigationImperative.call(void 0, { runtime, href: target });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkB4THEQOWcjs.HeaderButton,
+    _chunkDYDQLS2Rcjs.HeaderButton,
     {
       icon: (
         // Glyph inherits HeaderButton's standard cell coloring (secondary at
@@ -2540,7 +2669,7 @@ function TicketAlertsButton({ href, disabled, variant = "cell", className }) {
         // existing while updates are unread — never by tinting the glyph.
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "relative inline-flex", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk365ZKGGOcjs.LifeBuoyIcon, { className: variant === "compact" ? "h-5 w-5" : "h-6 w-6" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB4THEQOWcjs.UnreadCountBadge, { count: live.unreadTotal })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDYDQLS2Rcjs.UnreadCountBadge, { count: live.unreadTotal })
         ] })
       ),
       "aria-label": `Support tickets \u2014 ${live.unreadTotal} unread ${live.unreadTotal === 1 ? "update" : "updates"}`,
@@ -2584,7 +2713,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
   loadingActionCells,
   customCells
 }) {
-  const isMdUp = _nullishCoalesce(_chunkLC65AC6Mcjs.useMdUp.call(void 0, ), () => ( false));
+  const isMdUp = _nullishCoalesce(_chunkCOWMXUHNcjs.useMdUp.call(void 0, ), () => ( false));
   const loading = _chunk63A4GZMBcjs.useLoadingScope.call(void 0, ) || loadingProp;
   if (loading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -2612,8 +2741,8 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
   }
   const dimmedClass = disabled ? "pointer-events-none opacity-50" : "";
   const cellDivider = "border-l border-ods-border";
-  const renderCustomCells = (placement) => _optionalChain([customCells, 'optionalAccess', _69 => _69.filter, 'call', _70 => _70((cell) => (_nullishCoalesce(cell.placement, () => ( "start"))) === placement), 'access', _71 => _71.map, 'call', _72 => _72((cell) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkB4THEQOWcjs.HeaderButton,
+  const renderCustomCells = (placement) => _optionalChain([customCells, 'optionalAccess', _78 => _78.filter, 'call', _79 => _79((cell) => (_nullishCoalesce(cell.placement, () => ( "start"))) === placement), 'access', _80 => _80.map, 'call', _81 => _81((cell) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkDYDQLS2Rcjs.HeaderButton,
     {
       type: "button",
       icon: cell.icon,
@@ -2634,7 +2763,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
       leading: (
         // Mobile: Burger Menu Button
         !isMdUp && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkB4THEQOWcjs.HeaderButton,
+          _chunkDYDQLS2Rcjs.HeaderButton,
           {
             onClick: onToggleMobileMenu,
             isActive: isMobileMenuOpen,
@@ -2660,7 +2789,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
       center: showSearch ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderGlobalSearch, { onSubmit: onSearch, className: _chunk63A4GZMBcjs.cn.call(void 0, "w-full", dimmedClass) }) : void 0,
       sideActions: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         showSearch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkB4THEQOWcjs.HeaderButton,
+          _chunkDYDQLS2Rcjs.HeaderButton,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ74QE57Tcjs.SearchIcon, { className: "h-6 w-6" }),
             "aria-label": "Search",
@@ -2678,7 +2807,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
           }
         ),
         renderCustomCells("start"),
-        showTimeTracker && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB4THEQOWcjs.TimeTrackerHeaderButton, { disabled, className: _chunk63A4GZMBcjs.cn.call(void 0, cellDivider, dimmedClass) }),
+        showTimeTracker && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDYDQLS2Rcjs.TimeTrackerHeaderButton, { disabled, className: _chunk63A4GZMBcjs.cn.call(void 0, cellDivider, dimmedClass) }),
         showNotifications && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           NotificationsBellButton,
           {
@@ -2697,10 +2826,10 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
         ),
         isMdUp && showUser && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkS3QXLD4Xcjs.DropdownMenu, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkS3QXLD4Xcjs.DropdownMenuTrigger, { asChild: true, disabled, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkB4THEQOWcjs.HeaderButton,
+            _chunkDYDQLS2Rcjs.HeaderButton,
             {
               icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkGRHF5SWLcjs.SquareAvatar,
+                _chunkNFNSPLGCcjs.SquareAvatar,
                 {
                   src: userAvatarUrl || void 0,
                   alt: userName || "User",
@@ -2726,7 +2855,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
               children: [
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 border-b border-ods-border bg-ods-card p-3", children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkGRHF5SWLcjs.SquareAvatar,
+                    _chunkNFNSPLGCcjs.SquareAvatar,
                     {
                       src: userAvatarUrl || void 0,
                       alt: userName || "User",
@@ -2846,7 +2975,7 @@ function AppHeaderSkeleton({
 
 var SIDE_PANEL_INSET = 16;
 var SIDE_PANEL_FRAME_WIDTH = 2;
-var MOBILE_QUERY = `not all and ${_chunkLC65AC6Mcjs.breakpoints.md}`;
+var MOBILE_QUERY = `not all and ${_chunkCOWMXUHNcjs.breakpoints.md}`;
 var REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
 var MORPH_MS = 300;
 var STORAGE_EVENT = "of:side-panel-size";
@@ -2922,11 +3051,11 @@ function useStoredSize(storageKey, fallback) {
 }
 function useAppLayoutSidePanel(config, row) {
   const enabled = config !== void 0;
-  const minWidth = _nullishCoalesce(_optionalChain([config, 'optionalAccess', _73 => _73.minWidth]), () => ( 0));
-  const minContentWidth = _nullishCoalesce(_optionalChain([config, 'optionalAccess', _74 => _74.minContentWidth]), () => ( 400));
-  const collapsed = _nullishCoalesce(_optionalChain([config, 'optionalAccess', _75 => _75.collapsed]), () => ( false));
+  const minWidth = _nullishCoalesce(_optionalChain([config, 'optionalAccess', _82 => _82.minWidth]), () => ( 0));
+  const minContentWidth = _nullishCoalesce(_optionalChain([config, 'optionalAccess', _83 => _83.minContentWidth]), () => ( 400));
+  const collapsed = _nullishCoalesce(_optionalChain([config, 'optionalAccess', _84 => _84.collapsed]), () => ( false));
   const minimum = { width: minWidth, expanded: false };
-  const defaultWidth = Math.max(minWidth, _nullishCoalesce(_optionalChain([config, 'optionalAccess', _76 => _76.defaultWidth]), () => ( minWidth)));
+  const defaultWidth = Math.max(minWidth, _nullishCoalesce(_optionalChain([config, 'optionalAccess', _85 => _85.defaultWidth]), () => ( minWidth)));
   const [rowWidth, setRowWidth] = _react.useState.call(void 0, 0);
   _chunkYSDB6HGQcjs.useIsomorphicLayoutEffect.call(void 0, () => {
     if (!enabled || !row) return void 0;
@@ -2936,17 +3065,17 @@ function useAppLayoutSidePanel(config, row) {
     observer.observe(row);
     return () => observer.disconnect();
   }, [enabled, row]);
-  const isMobile = _chunkLC65AC6Mcjs.useMediaQuery.call(void 0, MOBILE_QUERY) === true;
-  const reduceMotion = _chunkLC65AC6Mcjs.useMediaQuery.call(void 0, REDUCED_MOTION_QUERY) === true;
+  const isMobile = _chunkCOWMXUHNcjs.useMediaQuery.call(void 0, MOBILE_QUERY) === true;
+  const reduceMotion = _chunkCOWMXUHNcjs.useMediaQuery.call(void 0, REDUCED_MOTION_QUERY) === true;
   const [morph, setMorph] = _react.useState.call(void 0, null);
   const [liveWidth, setLiveWidth] = _react.useState.call(void 0, null);
-  const [storedSize, setStoredSize] = useStoredSize(_optionalChain([config, 'optionalAccess', _77 => _77.storageKey]), { width: defaultWidth, expanded: false });
+  const [storedSize, setStoredSize] = useStoredSize(_optionalChain([config, 'optionalAccess', _86 => _86.storageKey]), { width: defaultWidth, expanded: false });
   const [ownIsOpen, setOwnIsOpen] = _react.useState.call(void 0, false);
-  const isOpen = _nullishCoalesce(_optionalChain([config, 'optionalAccess', _78 => _78.open]), () => ( ownIsOpen));
-  const onOpenChange = _optionalChain([config, 'optionalAccess', _79 => _79.onOpenChange]);
+  const isOpen = _nullishCoalesce(_optionalChain([config, 'optionalAccess', _87 => _87.open]), () => ( ownIsOpen));
+  const onOpenChange = _optionalChain([config, 'optionalAccess', _88 => _88.onOpenChange]);
   const setIsOpen = (next) => {
-    if (_optionalChain([config, 'optionalAccess', _80 => _80.open]) === void 0) setOwnIsOpen(next);
-    _optionalChain([onOpenChange, 'optionalCall', _81 => _81(next)]);
+    if (_optionalChain([config, 'optionalAccess', _89 => _89.open]) === void 0) setOwnIsOpen(next);
+    _optionalChain([onOpenChange, 'optionalCall', _90 => _90(next)]);
   };
   const [collapsedSize, setCollapsedSize] = _react.useState.call(void 0, null);
   const [prevCollapsed, setPrevCollapsed] = _react.useState.call(void 0, collapsed);
@@ -2966,8 +3095,8 @@ function useAppLayoutSidePanel(config, row) {
   _react.useEffect.call(void 0, () => {
     const couldDock = prevCanDockRef.current;
     prevCanDockRef.current = layout.canDock;
-    if (!couldDock && layout.canDock && _optionalChain([config, 'optionalAccess', _82 => _82.open])) _optionalChain([onOpenChange, 'optionalCall', _83 => _83(false)]);
-  }, [layout.canDock, _optionalChain([config, 'optionalAccess', _84 => _84.open]), onOpenChange]);
+    if (!couldDock && layout.canDock && _optionalChain([config, 'optionalAccess', _91 => _91.open])) _optionalChain([onOpenChange, 'optionalCall', _92 => _92(false)]);
+  }, [layout.canDock, _optionalChain([config, 'optionalAccess', _93 => _93.open]), onOpenChange]);
   if (!enabled) return null;
   const animate = (next) => {
     if (!reduceMotion) setMorph(next);
@@ -3121,14 +3250,7 @@ function SidePanelResizeHandle({ state, label, controls }) {
       onPointerCancel: endDrag,
       onKeyDown: handleKeyDown,
       className: "group absolute inset-y-0 left-0 z-10 flex w-4 -translate-x-1/2 cursor-col-resize touch-none select-none items-center justify-center outline-none",
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "span",
-        {
-          "aria-hidden": true,
-          className: "flex h-8 w-4 items-center justify-center rounded-sm border border-ods-border bg-ods-card text-ods-text-secondary transition-colors group-hover:border-ods-border-hover group-focus-visible:border-ods-accent group-focus-visible:text-ods-accent",
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIWCYHXS3cjs.Menu01Icon, { size: 12 })
-        }
-      )
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEV6BPF47cjs.PanelResizeGrip, {})
     }
   );
 }
@@ -3228,13 +3350,13 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
 }) {
   const panelRef = _react.useRef.call(void 0, null);
   _overlays.usePreventScroll.call(void 0, { isDisabled: !isOpen });
-  _chunkLWMWY3JOcjs.useFocusTrap.call(void 0, panelRef, isOpen, { onEscape: onClose });
+  _chunkE7M54JWWcjs.useFocusTrap.call(void 0, panelRef, isOpen, { onEscape: onClose });
   const handleItemClick = _react.useCallback.call(void 0, 
     (item) => {
       if (item.onClick) {
         item.onClick();
       } else if (item.path) {
-        _optionalChain([config, 'access', _85 => _85.onNavigate, 'optionalCall', _86 => _86(item.path)]);
+        _optionalChain([config, 'access', _94 => _94.onNavigate, 'optionalCall', _95 => _95(item.path)]);
       }
       onClose();
     },
@@ -3260,7 +3382,7 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
     (item, event) => {
       if (item.path && !item.onClick) {
         if (isModifiedClick(event)) return;
-        if (config.onNavigate) _optionalChain([event, 'optionalAccess', _87 => _87.preventDefault, 'call', _88 => _88()]);
+        if (config.onNavigate) _optionalChain([event, 'optionalAccess', _96 => _96.preventDefault, 'call', _97 => _97()]);
       }
       handleItemClick(item);
     },
@@ -3317,7 +3439,7 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
       "aria-disabled": disabled || void 0,
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkGRHF5SWLcjs.SquareAvatar,
+          _chunkNFNSPLGCcjs.SquareAvatar,
           {
             src: user.userAvatarUrl || void 0,
             alt: user.userName || "User",
@@ -3358,7 +3480,7 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
           {
             className: _chunk63A4GZMBcjs.cn.call(void 0, 
               "absolute inset-0",
-              _chunkTRZEFT2Ncjs.OVERLAY_BACKDROP_CLASS,
+              _chunkWI7EXAZTcjs.OVERLAY_BACKDROP_CLASS,
               "transition-all duration-300 motion-reduce:transition-none",
               isOpen ? "pointer-events-auto opacity-100" : "opacity-0"
             ),
@@ -3385,7 +3507,7 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
               /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-h-0 flex-1 flex-col gap-[var(--spacing-system-mf)] overflow-y-auto overflow-x-hidden overscroll-contain p-[var(--spacing-system-xsf)]", children: [
                 userCard,
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-                  _optionalChain([config, 'access', _89 => _89.topSlot, 'optionalCall', _90 => _90({ minimized: false })]),
+                  _optionalChain([config, 'access', _98 => _98.topSlot, 'optionalCall', _99 => _99({ minimized: false })]),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { "aria-label": "Primary navigation", className: "flex flex-col gap-[var(--spacing-system-xxs)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     NavigationSidebarGroupedEntries,
                     {
@@ -3430,7 +3552,7 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
       {
         className: _chunk63A4GZMBcjs.cn.call(void 0, 
           "absolute inset-0 z-[100] md:hidden",
-          _chunkTRZEFT2Ncjs.OVERLAY_BACKDROP_CLASS,
+          _chunkWI7EXAZTcjs.OVERLAY_BACKDROP_CLASS,
           "transition-all duration-300 motion-reduce:transition-none",
           isOpen ? "opacity-100" : "pointer-events-none opacity-0"
         ),
@@ -3462,7 +3584,7 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
         inert: !isOpen || void 0,
         children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-1 flex-col gap-4 overflow-y-auto overflow-x-hidden overscroll-contain p-4", children: [
           userCard,
-          _optionalChain([config, 'access', _91 => _91.topSlot, 'optionalCall', _92 => _92({ minimized: false })]),
+          _optionalChain([config, 'access', _100 => _100.topSlot, 'optionalCall', _101 => _101({ minimized: false })]),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { "aria-label": "Primary navigation", children: renderNavigationGrid(primaryItems) }),
           secondaryItems.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { "aria-label": "Secondary navigation", className: "flex flex-col gap-3", children: secondaryItems.map((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.default.Fragment, { children: renderNavigationItem(item, false) }, item.id)) }),
           logoutButton
@@ -3517,7 +3639,7 @@ function AppLayout({
     const update = () => {
       const width = mainElement.clientWidth;
       setContentWidth(
-        (previous) => previous !== null && _chunkMG3HJIGGcjs.contentBreakpointFor.call(void 0, previous) === _chunkMG3HJIGGcjs.contentBreakpointFor.call(void 0, width) ? previous : width
+        (previous) => previous !== null && _chunkUAI4VMEFcjs.contentBreakpointFor.call(void 0, previous) === _chunkUAI4VMEFcjs.contentBreakpointFor.call(void 0, width) ? previous : width
       );
     };
     update();
@@ -3542,8 +3664,8 @@ function AppLayout({
     isMingoAIActive: sidePanelState.isOpen,
     mingoAICloseWhenActive: true
   };
-  const contentCovered = _optionalChain([sidePanelState, 'optionalAccess', _93 => _93.coversContent]) === true;
-  const contentOverlapped = _optionalChain([sidePanelState, 'optionalAccess', _94 => _94.overlapsContent]) === true;
+  const contentCovered = _optionalChain([sidePanelState, 'optionalAccess', _102 => _102.coversContent]) === true;
+  const contentOverlapped = _optionalChain([sidePanelState, 'optionalAccess', _103 => _103.overlapsContent]) === true;
   const mobileMenuOpenRef = _react.useRef.call(void 0, mobileMenuOpen);
   const menuControlledRef = _react.useRef.call(void 0, menuControlled);
   const onMobileMenuOpenChangeRef = _react.useRef.call(void 0, onMobileMenuOpenChange);
@@ -3554,7 +3676,7 @@ function AppLayout({
   });
   const setMobileMenuOpen = _react.useCallback.call(void 0, (next) => {
     if (!menuControlledRef.current) setUncontrolledMenuOpen(next);
-    if (next !== mobileMenuOpenRef.current) _optionalChain([onMobileMenuOpenChangeRef, 'access', _95 => _95.current, 'optionalCall', _96 => _96(next)]);
+    if (next !== mobileMenuOpenRef.current) _optionalChain([onMobileMenuOpenChangeRef, 'access', _104 => _104.current, 'optionalCall', _105 => _105(next)]);
   }, []);
   const drawerHandlesRef = _react.useRef.call(void 0, /* @__PURE__ */ new Set());
   const handleToggleMobileMenu = _react.useCallback.call(void 0, () => {
@@ -3630,7 +3752,7 @@ function AppLayout({
             disabled
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB4THEQOWcjs.NotificationDrawer, { showClose: !desktopHeader }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDYDQLS2Rcjs.NotificationDrawer, { showClose: !desktopHeader }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           "div",
           {
@@ -3667,9 +3789,9 @@ function AppLayout({
                         style: bottomInset > 0 || dockFloats ? {
                           paddingBottom: bottomInset,
                           [COMPOSER_DOCK_INSET_VAR]: `${dockFloats ? dockHeight : 0}px`,
-                          ...dockFloats && dockHeight > 0 ? _chunkB4THEQOWcjs.previewFadeMask.call(void 0, `calc(100% - ${dockHeight}px)`) : {}
+                          ...dockFloats && dockHeight > 0 ? _chunkDYDQLS2Rcjs.previewFadeMask.call(void 0, `calc(100% - ${dockHeight}px)`) : {}
                         } : void 0,
-                        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMG3HJIGGcjs.ContentAreaWidthContext.Provider, { value: contentAreaWidth, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOT6P57ZScjs.ComposerDockHeightContext.Provider, { value: hasDock ? dockHeight : 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: adaptive ? "ods-content-scope" : "contents", children }) }) })
+                        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUAI4VMEFcjs.ContentAreaWidthContext.Provider, { value: contentAreaWidth, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOT6P57ZScjs.ComposerDockHeightContext.Provider, { value: hasDock ? dockHeight : 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: adaptive ? "ods-content-scope" : "contents", children }) }) })
                       }
                     ),
                     hasSheet && // Over the page down to the dock's top edge. z-40: the
@@ -3681,7 +3803,7 @@ function AppLayout({
                         "data-composer-sheet-layer": "",
                         className: "ods-content-area pointer-events-none absolute inset-x-0 top-0 z-40",
                         style: { bottom: dockHeight },
-                        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMG3HJIGGcjs.ContentAreaWidthContext.Provider, { value: contentAreaWidth, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOT6P57ZScjs.ComposerDockHeightContext.Provider, { value: dockHeight, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ods-content-scope", children: composerSheet }) }) })
+                        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUAI4VMEFcjs.ContentAreaWidthContext.Provider, { value: contentAreaWidth, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOT6P57ZScjs.ComposerDockHeightContext.Provider, { value: dockHeight, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ods-content-scope", children: composerSheet }) }) })
                       }
                     ),
                     hasDock && // Its own container + token scope: a container query cannot
@@ -3698,7 +3820,7 @@ function AppLayout({
                           // is transparent.
                           dockFloats && "pointer-events-none absolute inset-x-0 bottom-0 z-40"
                         ),
-                        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMG3HJIGGcjs.ContentAreaWidthContext.Provider, { value: contentAreaWidth, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ods-content-scope", children: composerDock }) })
+                        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUAI4VMEFcjs.ContentAreaWidthContext.Provider, { value: contentAreaWidth, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ods-content-scope", children: composerDock }) })
                       }
                     )
                   ]