@flamingo-stack/openframe-frontend-core 0.0.703 → 0.0.704-snapshot.20261006133653

package/dist/{chunk-67CXGPTW.cjs → chunk-JKEEFQOX.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkYBGEPKC2cjs = require('./chunk-YBGEPKC2.cjs');
+var _chunkF7Y2ZS5Ucjs = require('./chunk-F7Y2ZS5U.cjs');
 
 
 
@@ -13,20 +13,18 @@ var _chunkYBGEPKC2cjs = require('./chunk-YBGEPKC2.cjs');
 
 
 
-var _chunkMXHJROXJcjs = require('./chunk-MXHJROXJ.cjs');
+var _chunkP23CRLU4cjs = require('./chunk-P23CRLU4.cjs');
 
 
 
-var _chunk3L7KCOGOcjs = require('./chunk-3L7KCOGO.cjs');
+var _chunk2QEUFXNScjs = require('./chunk-2QEUFXNS.cjs');
 
 
 
-var _chunkHY5YL3U5cjs = require('./chunk-HY5YL3U5.cjs');
+var _chunkXBWE423Rcjs = require('./chunk-XBWE423R.cjs');
 
 
-
-
-var _chunkIIMICN7Lcjs = require('./chunk-IIMICN7L.cjs');
+var _chunkTYWLNCNHcjs = require('./chunk-TYWLNCNH.cjs');
 
 
 
@@ -47,10 +45,15 @@ var _chunkN3COXDBHcjs = require('./chunk-N3COXDBH.cjs');
 
 
 
-var _chunkEMCQGFXDcjs = require('./chunk-EMCQGFXD.cjs');
+var _chunkMMOODW57cjs = require('./chunk-MMOODW57.cjs');
+
+
 
 
-var _chunkMDBHZBW7cjs = require('./chunk-MDBHZBW7.cjs');
+
+
+
+var _chunkRKV5B7EUcjs = require('./chunk-RKV5B7EU.cjs');
 
 
 var _chunkQZVSJF2Kcjs = require('./chunk-QZVSJF2K.cjs');
@@ -59,7 +62,7 @@ var _chunkQZVSJF2Kcjs = require('./chunk-QZVSJF2K.cjs');
 
 
 
-var _chunk2A4XES7Rcjs = require('./chunk-2A4XES7R.cjs');
+var _chunkBM5MVGH3cjs = require('./chunk-BM5MVGH3.cjs');
 
 
 var _chunk4GFNWALLcjs = require('./chunk-4GFNWALL.cjs');
@@ -135,8 +138,8 @@ var MOBILE_NAV_PANEL_ID = "mobile-nav-panel";
 function MobileNavPanel({ isOpen, config }) {
   const panelRef = _react.useRef.call(void 0, null);
   _overlays.usePreventScroll.call(void 0, { isDisabled: !isOpen });
-  _chunk3L7KCOGOcjs.useFocusTrap.call(void 0, panelRef, isOpen, { onEscape: config.onClose });
-  const headerHeight = _chunkIIMICN7Lcjs.useHeaderHeight.call(void 0, 64, { enabled: isOpen });
+  _chunk2QEUFXNScjs.useFocusTrap.call(void 0, panelRef, isOpen, { onEscape: config.onClose });
+  const headerHeight = _chunkTYWLNCNHcjs.useHeaderHeight.call(void 0, 64, { enabled: isOpen });
   if (!isOpen) return null;
   const renderNavigationItem = (item) => {
     if (item.element) {
@@ -187,7 +190,7 @@ function MobileNavPanel({ isOpen, config }) {
     );
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "fixed inset-0 z-[9998]", _chunkHY5YL3U5cjs.OVERLAY_BACKDROP_CLASS), onClick: config.onClose }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "fixed inset-0 z-[9998]", _chunkXBWE423Rcjs.OVERLAY_BACKDROP_CLASS), onClick: config.onClose }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
@@ -242,16 +245,16 @@ function MobileNavPanel({ isOpen, config }) {
 // src/components/navigation/ticket-alerts-button.tsx
 
 function TicketAlertsButton({ href, onNavigate, disabled, className }) {
-  const live = _chunkYBGEPKC2cjs.useOptionalTicketLive.call(void 0, );
+  const live = _chunkF7Y2ZS5Ucjs.useOptionalTicketLive.call(void 0, );
   if (!live || !live.authed || live.unreadTotal === 0) return null;
   const targetId = live.nextUnreadTicketId;
-  const target = targetId ? _chunkMXHJROXJcjs.buildTicketOpenHref.call(void 0, href, targetId) : href;
+  const target = targetId ? _chunkP23CRLU4cjs.buildTicketOpenHref.call(void 0, href, targetId) : href;
   const handleClick = () => {
     if (onNavigate) onNavigate(target);
     else window.location.assign(target);
   };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkMXHJROXJcjs.HeaderButton,
+    _chunkP23CRLU4cjs.HeaderButton,
     {
       icon: (
         // Glyph inherits HeaderButton's standard cell coloring (secondary at
@@ -261,7 +264,7 @@ function TicketAlertsButton({ href, onNavigate, disabled, 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, _chunkN3COXDBHcjs.LifeBuoyIcon, { className: "h-6 w-6" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.UnreadCountBadge, { count: live.unreadTotal })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP23CRLU4cjs.UnreadCountBadge, { count: live.unreadTotal })
         ] })
       ),
       "aria-label": `Support tickets \u2014 ${live.unreadTotal} unread ${live.unreadTotal === 1 ? "update" : "updates"}`,
@@ -579,7 +582,7 @@ function Header({ config }) {
           leading: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
             !!_optionalChain([config, 'access', _12 => _12.actions, 'optionalAccess', _13 => _13.left, 'optionalAccess', _14 => _14.length]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-full items-center border-r border-ods-border", children: config.actions.left }),
             _optionalChain([config, 'access', _15 => _15.mobile, 'optionalAccess', _16 => _16.enabled]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkMXHJROXJcjs.HeaderButton,
+              _chunkP23CRLU4cjs.HeaderButton,
               {
                 className: "border-r border-ods-border lg:hidden",
                 onClick: () => {
@@ -680,7 +683,7 @@ function HeaderSkeleton({ config }) {
 // src/components/navigation/client-only-header.tsx
 
 function ClientOnlyHeader({ config, skeleton }) {
-  const isClient = _chunkHY5YL3U5cjs.useIsHydrated.call(void 0, );
+  const isClient = _chunkXBWE423Rcjs.useIsHydrated.call(void 0, );
   if (!isClient) {
     return skeleton || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderSkeleton, { config });
   }
@@ -694,12 +697,12 @@ var _framermotion = require('framer-motion');
 
 function SlidingSidebar({ config }) {
   const [expandedItems, setExpandedItems] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
-  const mounted = _chunkHY5YL3U5cjs.useIsHydrated.call(void 0, );
-  const headerHeight = _chunkIIMICN7Lcjs.useHeaderHeight.call(void 0, );
+  const mounted = _chunkXBWE423Rcjs.useIsHydrated.call(void 0, );
+  const headerHeight = _chunkTYWLNCNHcjs.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 });
-  _chunk3L7KCOGOcjs.useFocusTrap.call(void 0, asideRef, config.isOpen, { onEscape: config.onClose, contain: false });
+  _chunk2QEUFXNScjs.useFocusTrap.call(void 0, asideRef, config.isOpen, { onEscape: config.onClose, contain: false });
   const toggleExpanded = (itemId) => {
     const newExpanded = new Set(expandedItems);
     if (newExpanded.has(itemId)) {
@@ -826,7 +829,7 @@ function SlidingSidebar({ config }) {
           duration: 0.3,
           ease: [0.4, 0, 0.2, 1]
         },
-        className: _chunk3ATAYP36cjs.cn.call(void 0, "fixed inset-0 z-[45]", _chunkHY5YL3U5cjs.OVERLAY_BACKDROP_CLASS),
+        className: _chunk3ATAYP36cjs.cn.call(void 0, "fixed inset-0 z-[45]", _chunkXBWE423Rcjs.OVERLAY_BACKDROP_CLASS),
         onClick: () => config.onClose()
       }
     ) }),
@@ -851,7 +854,8 @@ function SlidingSidebar({ config }) {
         role: config.isOpen ? "dialog" : void 0,
         "aria-label": config.isOpen ? "Navigation sidebar" : void 0,
         className: _chunk3ATAYP36cjs.cn.call(void 0, 
-          "fixed bottom-0 top-0 z-[46] flex w-72 flex-col border-ods-border bg-ods-card shadow-xl",
+          // Window chrome: the window's tokens even when opened from a narrow content area.
+          "ods-viewport-layer fixed bottom-0 top-0 z-[46] flex w-72 flex-col border-ods-border bg-ods-card shadow-xl",
           config.position === "right" ? "right-0 border-l" : "left-0 border-r",
           config.className
         ),
@@ -901,7 +905,7 @@ function NavigationSidebarHeader({ minimized }) {
 
 function NavigationItemBadge({ label, compact = false, className, ...rest }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkEMCQGFXDcjs.Tag,
+    _chunkMMOODW57cjs.Tag,
     {
       as: "span",
       label,
@@ -966,7 +970,7 @@ var NavigationSidebarItemButton = _react.memo.call(void 0, function NavigationSi
       _react.cloneElement.call(void 0, item.icon, {
         color: isActive && !disabled ? "text-ods-accent" : "text-ods-text-secondary"
       }),
-      hasUnread && !showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.UnreadDot, { size: "fixed" })
+      hasUnread && !showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP23CRLU4cjs.UnreadDot, { size: "fixed" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "span",
@@ -1056,18 +1060,18 @@ var SIDEBAR_GEOMETRY_CLASSES = [
 ].join(" ");
 var SIDEBAR_TABLET_WIDTH = { rail: "md:w-14", overlay: "md:w-56" };
 var isModifiedClick = (event) => !!event && (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button !== 0);
-function NavigationSidebar({ config, disabled = false }) {
-  const isMdUp = _nullishCoalesce(_chunkIIMICN7Lcjs.useMdUp.call(void 0, ), () => ( false));
-  const isLgUp = _nullishCoalesce(_chunkIIMICN7Lcjs.useLgUp.call(void 0, ), () => ( false));
+function NavigationSidebar({ config, disabled = false, pushOnTablet = false }) {
+  const isMdUp = _nullishCoalesce(_chunkRKV5B7EUcjs.useMdUp.call(void 0, ), () => ( false));
+  const isLgUp = _nullishCoalesce(_chunkRKV5B7EUcjs.useLgUp.call(void 0, ), () => ( false));
   const isTablet = isMdUp && !isLgUp;
-  const [desktopMinimized, setDesktopMinimized] = _chunk3L7KCOGOcjs.useLocalStorage.call(void 0, STORAGE_KEY, _nullishCoalesce(config.minimized, () => ( false)));
+  const [desktopMinimized, setDesktopMinimized] = _chunk2QEUFXNScjs.useLocalStorage.call(void 0, STORAGE_KEY, _nullishCoalesce(config.minimized, () => ( false)));
   const [tabletMinimized, setTabletMinimized] = _react.useState.call(void 0, true);
   const [tabletFor, setTabletFor] = _react.useState.call(void 0, isTablet);
   if (tabletFor !== isTablet) {
     setTabletFor(isTablet);
     if (isTablet) setTabletMinimized(true);
   }
-  const hydrated = _chunkHY5YL3U5cjs.useIsHydrated.call(void 0, );
+  const hydrated = _chunkXBWE423Rcjs.useIsHydrated.call(void 0, );
   const minimized = hydrated ? isTablet ? tabletMinimized : desktopMinimized : _nullishCoalesce(config.minimized, () => ( false));
   const [transitionsEnabled, setTransitionsEnabled] = _react.useState.call(void 0, false);
   const isOverlayOpen = isTablet && !minimized;
@@ -1134,10 +1138,10 @@ function NavigationSidebar({ config, disabled = false }) {
     };
   }, [config.loading, _optionalChain([config, 'access', _82 => _82.loadingRows, 'optionalAccess', _83 => _83.primary]), _optionalChain([config, 'access', _84 => _84.loadingRows, 'optionalAccess', _85 => _85.secondary])]);
   const sidebarWidth = _react.useMemo.call(void 0, () => minimized ? `${MINIMIZED_WIDTH}px` : `${EXPANDED_WIDTH}px`, [minimized]);
-  _chunkMDBHZBW7cjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  _chunkRKV5B7EUcjs.useIsomorphicLayoutEffect.call(void 0, () => {
     document.documentElement.style.setProperty(NAVIGATION_SIDEBAR_WIDTH_VAR, sidebarWidth);
   }, [sidebarWidth]);
-  _chunkMDBHZBW7cjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  _chunkRKV5B7EUcjs.useIsomorphicLayoutEffect.call(void 0, () => {
     if (transitionsEnabled) return void 0;
     const id = requestAnimationFrame(() => {
       setTransitionsEnabled(true);
@@ -1152,13 +1156,23 @@ function NavigationSidebar({ config, disabled = false }) {
           "fixed inset-0 z-[40] bg-ods-overlay",
           "hidden md:block lg:hidden",
           "transition-opacity duration-300",
-          isOverlayOpen ? "opacity-100" : "pointer-events-none opacity-0"
+          isOverlayOpen && !pushOnTablet ? "opacity-100" : "pointer-events-none opacity-0"
         ),
         onClick: closeOverlay,
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden h-full w-14 flex-shrink-0 md:block lg:hidden", "aria-hidden": "true" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: _chunk3ATAYP36cjs.cn.call(void 0, 
+          "hidden h-full flex-shrink-0 md:block lg:hidden",
+          isOverlayOpen && pushOnTablet ? "w-56" : "w-14",
+          transitionsEnabled && "transition-[width] duration-300"
+        ),
+        "aria-hidden": "true"
+      }
+    ),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "aside",
       {
@@ -1249,7 +1263,7 @@ function HeaderGlobalSearch({
     "form",
     {
       onSubmit: handleSubmit,
-      ..._chunkMXHJROXJcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
+      ..._chunkP23CRLU4cjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
       className: _chunk3ATAYP36cjs.cn.call(void 0, 
         "flex h-full flex-1 items-center gap-2 px-3",
         // Transparent so the cell inherits the bar's background
@@ -1282,12 +1296,19 @@ function HeaderGlobalSearch({
 
 // src/components/navigation/header-mingo-button.tsx
 
-function HeaderMingoButton({ isActive = false, iconOnly = false, className, ...props }) {
+function HeaderMingoButton({
+  isActive = false,
+  iconOnly = false,
+  closeWhenActive = false,
+  className,
+  ...props
+}) {
+  const showClose = isActive && (iconOnly || closeWhenActive);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "button",
     {
       type: "button",
-      "aria-label": iconOnly && isActive ? "Close Mingo AI" : "Mingo AI",
+      "aria-label": showClose ? "Close Mingo AI" : "Mingo AI",
       "aria-pressed": isActive,
       className: _chunk3ATAYP36cjs.cn.call(void 0, 
         "flex h-full shrink-0 items-center gap-2 px-4",
@@ -1305,7 +1326,7 @@ function HeaderMingoButton({ isActive = false, iconOnly = false, className, ...p
       ),
       ...props,
       children: [
-        iconOnly && isActive ? (
+        showClose ? (
           // Mobile, drawer open: the icon-only button doubles as the close
           // affordance, so swap the Mingo logo for an X. Match the other header
           // icons (e.g. notifications): secondary color, w-4 h-4 → md:w-6 h-6.
@@ -1341,8 +1362,8 @@ function HeaderOrganizationFilter({
   const selectedOrg = organizations.find((o) => o.id === selectedOrgId);
   const displayName = _optionalChain([selectedOrg, 'optionalAccess', _90 => _90.name]) || "All Organizations";
   const deviceCount = _nullishCoalesce(_optionalChain([selectedOrg, 'optionalAccess', _91 => _91.deviceCount]), () => ( totalDeviceCount));
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2A4XES7Rcjs.DropdownMenu, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBM5MVGH3cjs.DropdownMenu, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "button",
       {
         className: _chunk3ATAYP36cjs.cn.call(void 0, 
@@ -1365,9 +1386,9 @@ function HeaderOrganizationFilter({
         ]
       }
     ) }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2A4XES7Rcjs.DropdownMenuContent, { align: "end", className: "min-w-[240px]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.DropdownMenuItem, { onClick: () => _optionalChain([onOrgChange, 'optionalCall', _92 => _92("")]), children: "All Organizations" }),
-      organizations.map((org) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.DropdownMenuItem, { onClick: () => _optionalChain([onOrgChange, 'optionalCall', _93 => _93(org.id)]), children: org.name }, org.id))
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBM5MVGH3cjs.DropdownMenuContent, { align: "end", className: "min-w-[240px]", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.DropdownMenuItem, { onClick: () => _optionalChain([onOrgChange, 'optionalCall', _92 => _92("")]), children: "All Organizations" }),
+      organizations.map((org) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.DropdownMenuItem, { onClick: () => _optionalChain([onOrgChange, 'optionalCall', _93 => _93(org.id)]), children: org.name }, org.id))
     ] })
   ] });
 }
@@ -1390,6 +1411,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
   showMingoAI = false,
   onMingoAI,
   isMingoAIActive = false,
+  mingoAICloseWhenActive = false,
   showUser,
   userName,
   userEmail,
@@ -1403,7 +1425,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
   loading = false,
   loadingActionCells
 }) {
-  const isMdUp = _nullishCoalesce(_chunkIIMICN7Lcjs.useMdUp.call(void 0, ), () => ( false));
+  const isMdUp = _nullishCoalesce(_chunkRKV5B7EUcjs.useMdUp.call(void 0, ), () => ( false));
   if (loading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       AppHeaderSkeleton,
@@ -1436,7 +1458,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
       leading: (
         // Mobile: Burger Menu Button
         !isMdUp && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkMXHJROXJcjs.HeaderButton,
+          _chunkP23CRLU4cjs.HeaderButton,
           {
             onClick: onToggleMobileMenu,
             isActive: isMobileMenuOpen,
@@ -1462,7 +1484,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
       center: showSearch ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderGlobalSearch, { onSubmit: onSearch, className: _chunk3ATAYP36cjs.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, 
-          _chunkMXHJROXJcjs.HeaderButton,
+          _chunkP23CRLU4cjs.HeaderButton,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4GFNWALLcjs.SearchIcon, { className: "h-6 w-6" }),
             "aria-label": "Search",
@@ -1479,7 +1501,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
             className: _chunk3ATAYP36cjs.cn.call(void 0, "hidden lg:flex", dimmedClass)
           }
         ),
-        showTimeTracker && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.TimeTrackerHeaderButton, { disabled, className: _chunk3ATAYP36cjs.cn.call(void 0, cellDivider, dimmedClass) }),
+        showTimeTracker && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP23CRLU4cjs.TimeTrackerHeaderButton, { disabled, className: _chunk3ATAYP36cjs.cn.call(void 0, cellDivider, dimmedClass) }),
         showNotifications && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           NotificationsHeaderButton,
           {
@@ -1497,12 +1519,12 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
             className: _chunk3ATAYP36cjs.cn.call(void 0, cellDivider, dimmedClass)
           }
         ),
-        isMdUp && showUser && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2A4XES7Rcjs.DropdownMenu, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.DropdownMenuTrigger, { asChild: true, disabled, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkMXHJROXJcjs.HeaderButton,
+        isMdUp && showUser && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBM5MVGH3cjs.DropdownMenu, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.DropdownMenuTrigger, { asChild: true, disabled, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkP23CRLU4cjs.HeaderButton,
             {
               icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkEMCQGFXDcjs.SquareAvatar,
+                _chunkMMOODW57cjs.SquareAvatar,
                 {
                   src: userAvatarUrl || void 0,
                   alt: userName || "User",
@@ -1521,14 +1543,14 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
             }
           ) }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            _chunk2A4XES7Rcjs.DropdownMenuContent,
+            _chunkBM5MVGH3cjs.DropdownMenuContent,
             {
               align: "end",
               className: "z-[104] w-[280px] overflow-hidden rounded-[6px] border-ods-border bg-ods-bg p-0",
               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, 
-                    _chunkEMCQGFXDcjs.SquareAvatar,
+                    _chunkMMOODW57cjs.SquareAvatar,
                     {
                       src: userAvatarUrl || void 0,
                       alt: userName || "User",
@@ -1543,7 +1565,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
                   ] })
                 ] }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunk2A4XES7Rcjs.DropdownMenuItem,
+                  _chunkBM5MVGH3cjs.DropdownMenuItem,
                   {
                     onClick: onProfile,
                     className: "cursor-pointer rounded-none border-b border-ods-border bg-ods-card px-3 py-3 hover:bg-ods-card/80 focus:bg-ods-card/80",
@@ -1554,7 +1576,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
                   }
                 ),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunk2A4XES7Rcjs.DropdownMenuItem,
+                  _chunkBM5MVGH3cjs.DropdownMenuItem,
                   {
                     onClick: onLogout,
                     className: "cursor-pointer rounded-none bg-ods-card px-3 py-3 hover:bg-ods-card/80 focus:bg-ods-card/80",
@@ -1573,6 +1595,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
           {
             onClick: onMingoAI,
             isActive: isMingoAIActive,
+            closeWhenActive: mingoAICloseWhenActive,
             iconOnly: !isMdUp,
             disabled: disabled || !onMingoAI,
             className: _chunk3ATAYP36cjs.cn.call(void 0, cellDivider, dimmedClass)
@@ -1583,12 +1606,12 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
   );
 });
 function NotificationsHeaderButton({ fallbackUnreadCount, disabled, dimmedClass }) {
-  const ctx = _chunkMXHJROXJcjs.useOptionalNotifications.call(void 0, );
+  const ctx = _chunkP23CRLU4cjs.useOptionalNotifications.call(void 0, );
   const hasUnread = (_nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _94 => _94.unreadCount]), () => ( fallbackUnreadCount))) > 0;
   const isActive = _nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _95 => _95.isOpen]), () => ( false));
   const onClick = _optionalChain([ctx, 'optionalAccess', _96 => _96.toggle]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkMXHJROXJcjs.HeaderButton,
+    _chunkP23CRLU4cjs.HeaderButton,
     {
       icon: isActive ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.XmarkIcon, { className: "h-6 w-6" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.BellIcon, { className: "h-6 w-6" }),
       showUnreadDot: !isActive && hasUnread,
@@ -1649,6 +1672,369 @@ function AppHeaderSkeleton({
 // src/components/navigation/app-layout.tsx
 
 
+// src/components/navigation/app-layout-side-panel.tsx
+
+
+
+
+
+
+
+
+var SIDE_PANEL_INSET = 16;
+var MOBILE_QUERY = `not all and ${_chunkRKV5B7EUcjs.breakpoints.md}`;
+var REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
+var MORPH_MS = 300;
+var STORAGE_EVENT = "of:side-panel-size";
+function resolveSidePanelLayout({
+  rowWidth,
+  isMobile,
+  isOpen,
+  size,
+  minWidth,
+  minContentWidth
+}) {
+  const measured = rowWidth > 0;
+  const room = rowWidth - minContentWidth - SIDE_PANEL_INSET;
+  const canDock = !isMobile && (!measured || room >= minWidth);
+  const maxDockedWidth = measured ? Math.max(minWidth, room) : Number.POSITIVE_INFINITY;
+  let mode;
+  if (isMobile) mode = isOpen ? "overlay" : "hidden";
+  else if (!canDock) mode = isOpen ? "full" : "hidden";
+  else mode = size.expanded ? "full" : "docked";
+  const dockedWidth = Math.min(Math.max(size.width, minWidth), maxDockedWidth);
+  let width;
+  if (mode === "docked") width = dockedWidth;
+  else if (mode === "overlay") width = rowWidth;
+  else width = Math.max(0, rowWidth - 2 * SIDE_PANEL_INSET);
+  return { mode, width, canDock, maxDockedWidth, dockedWidth };
+}
+function parseSize(raw) {
+  if (!raw) return null;
+  try {
+    const parsed = JSON.parse(raw);
+    if (!parsed || typeof parsed.width !== "number" || !Number.isFinite(parsed.width)) return null;
+    return { width: parsed.width, expanded: parsed.expanded === true };
+  } catch (e2) {
+    return null;
+  }
+}
+function subscribeToStoredSize(onChange) {
+  window.addEventListener("storage", onChange);
+  window.addEventListener(STORAGE_EVENT, onChange);
+  return () => {
+    window.removeEventListener("storage", onChange);
+    window.removeEventListener(STORAGE_EVENT, onChange);
+  };
+}
+function useStoredSize(storageKey, fallback) {
+  const raw = _react.useSyncExternalStore.call(void 0, 
+    subscribeToStoredSize,
+    () => {
+      if (!storageKey) return null;
+      try {
+        return window.localStorage.getItem(storageKey);
+      } catch (e3) {
+        return null;
+      }
+    },
+    () => null
+  );
+  const [sessionSize, setSessionSize] = _react.useState.call(void 0, null);
+  const size = _nullishCoalesce((storageKey ? parseSize(raw) : sessionSize), () => ( fallback));
+  const setSize = (next) => {
+    if (!storageKey) {
+      setSessionSize(next);
+      return;
+    }
+    try {
+      window.localStorage.setItem(storageKey, JSON.stringify(next));
+    } catch (e4) {
+      setSessionSize(next);
+    }
+    window.dispatchEvent(new Event(STORAGE_EVENT));
+  };
+  return [size, setSize];
+}
+function useAppLayoutSidePanel(config, row) {
+  const enabled = config !== void 0;
+  const minWidth = _nullishCoalesce(_optionalChain([config, 'optionalAccess', _97 => _97.minWidth]), () => ( 0));
+  const minContentWidth = _nullishCoalesce(_optionalChain([config, 'optionalAccess', _98 => _98.minContentWidth]), () => ( 400));
+  const collapsed = _nullishCoalesce(_optionalChain([config, 'optionalAccess', _99 => _99.collapsed]), () => ( false));
+  const minimum = { width: minWidth, expanded: false };
+  const [rowWidth, setRowWidth] = _react.useState.call(void 0, 0);
+  _chunkRKV5B7EUcjs.useIsomorphicLayoutEffect.call(void 0, () => {
+    if (!enabled || !row) return void 0;
+    const update = () => setRowWidth(row.clientWidth);
+    update();
+    const observer = new ResizeObserver(update);
+    observer.observe(row);
+    return () => observer.disconnect();
+  }, [enabled, row]);
+  const isMobile = _chunkRKV5B7EUcjs.useMediaQuery.call(void 0, MOBILE_QUERY) === true;
+  const reduceMotion = _chunkRKV5B7EUcjs.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', _100 => _100.storageKey]), minimum);
+  const [ownIsOpen, setOwnIsOpen] = _react.useState.call(void 0, false);
+  const isOpen = _nullishCoalesce(_optionalChain([config, 'optionalAccess', _101 => _101.open]), () => ( ownIsOpen));
+  const onOpenChange = _optionalChain([config, 'optionalAccess', _102 => _102.onOpenChange]);
+  const setIsOpen = (next) => {
+    if (_optionalChain([config, 'optionalAccess', _103 => _103.open]) === void 0) setOwnIsOpen(next);
+    _optionalChain([onOpenChange, 'optionalCall', _104 => _104(next)]);
+  };
+  const [collapsedSize, setCollapsedSize] = _react.useState.call(void 0, null);
+  const [prevCollapsed, setPrevCollapsed] = _react.useState.call(void 0, collapsed);
+  if (collapsed !== prevCollapsed) {
+    setPrevCollapsed(collapsed);
+    setCollapsedSize(null);
+  }
+  const size = collapsed ? _nullishCoalesce(collapsedSize, () => ( minimum)) : storedSize;
+  const setSize = collapsed ? setCollapsedSize : setStoredSize;
+  const layout = resolveSidePanelLayout({ rowWidth, isMobile, isOpen, size, minWidth, minContentWidth });
+  const [prevCanDock, setPrevCanDock] = _react.useState.call(void 0, layout.canDock);
+  if (layout.canDock !== prevCanDock) {
+    setPrevCanDock(layout.canDock);
+    setOwnIsOpen(false);
+  }
+  const prevCanDockRef = _react.useRef.call(void 0, layout.canDock);
+  _react.useEffect.call(void 0, () => {
+    const couldDock = prevCanDockRef.current;
+    prevCanDockRef.current = layout.canDock;
+    if (!couldDock && layout.canDock && _optionalChain([config, 'optionalAccess', _105 => _105.open])) _optionalChain([onOpenChange, 'optionalCall', _106 => _106(false)]);
+  }, [layout.canDock, _optionalChain([config, 'optionalAccess', _107 => _107.open]), onOpenChange]);
+  if (!enabled) return null;
+  const animate = (next) => {
+    if (!reduceMotion) setMorph(next);
+  };
+  const fullWidth = Math.max(0, rowWidth - 2 * SIDE_PANEL_INSET);
+  const peekWidth = layout.canDock ? liveWidth : null;
+  const dock = (next) => setSize({ width: Math.max(minWidth, Math.round(next)), expanded: false });
+  const resize = (next) => {
+    const expand = next > layout.maxDockedWidth;
+    if (layout.canDock) {
+      if (expand && layout.mode === "docked") animate("expand");
+      else if (!expand && layout.mode === "full") animate("collapse");
+    }
+    if (expand) setSize({ width: size.width, expanded: true });
+    else dock(next);
+  };
+  let collapsesTo = null;
+  if (layout.mode === "full" && layout.canDock) collapsesTo = layout.dockedWidth > minWidth ? "column" : "minimum";
+  else if (layout.mode === "docked" && layout.width > minWidth) collapsesTo = "minimum";
+  return {
+    ...layout,
+    minWidth,
+    isOpen,
+    morph,
+    peekWidth,
+    coversContent: layout.mode === "full" && morph !== "expand" && peekWidth === null,
+    overlapsContent: morph !== null || peekWidth !== null,
+    endMorph: () => setMorph(null),
+    collapsesTo,
+    collapse: () => {
+      if (collapsesTo === null) return;
+      if (layout.mode === "full") {
+        animate("collapse");
+        setSize({ width: size.width, expanded: false });
+      } else {
+        animate("narrow");
+        setSize({ width: minWidth, expanded: false });
+      }
+    },
+    toggle: () => setIsOpen(!isOpen),
+    close: () => setIsOpen(false),
+    resize,
+    drag: (next) => {
+      if (next > layout.maxDockedWidth) {
+        if (size.expanded || size.width !== layout.maxDockedWidth) dock(layout.maxDockedWidth);
+        setLiveWidth(Math.min(Math.round(next), fullWidth));
+        return;
+      }
+      setLiveWidth(null);
+      dock(next);
+    },
+    release: (next) => {
+      setLiveWidth(null);
+      if (next <= layout.maxDockedWidth) return;
+      if (next > (layout.maxDockedWidth + fullWidth) / 2) {
+        if (next < fullWidth) animate("expand");
+        setSize({ width: layout.maxDockedWidth, expanded: true });
+      } else {
+        animate("narrow");
+        dock(layout.maxDockedWidth);
+      }
+    }
+  };
+}
+function SidePanelResizeHandle({ state, label, controls }) {
+  const { width, minWidth, maxDockedWidth, mode, peekWidth, resize, drag, release } = state;
+  const startRef = _react.useRef.call(void 0, null);
+  const frameRef = _react.useRef.call(void 0, null);
+  const pendingRef = _react.useRef.call(void 0, null);
+  const measured = Number.isFinite(maxDockedWidth);
+  const current = _nullishCoalesce(peekWidth, () => ( (mode === "full" && measured ? maxDockedWidth + 1 : width)));
+  _react.useEffect.call(void 0, 
+    () => () => {
+      if (frameRef.current !== null) cancelAnimationFrame(frameRef.current);
+    },
+    []
+  );
+  const scheduleDrag = (next) => {
+    pendingRef.current = next;
+    if (frameRef.current !== null) return;
+    frameRef.current = requestAnimationFrame(() => {
+      frameRef.current = null;
+      if (pendingRef.current !== null) drag(pendingRef.current);
+    });
+  };
+  const handlePointerDown = (event) => {
+    if (event.button !== 0 && event.pointerType === "mouse") return;
+    event.preventDefault();
+    startRef.current = { x: event.clientX, width: mode === "full" && measured ? width : current };
+    pendingRef.current = null;
+    event.currentTarget.setPointerCapture(event.pointerId);
+    document.body.style.cursor = "col-resize";
+    document.body.style.userSelect = "none";
+  };
+  const handlePointerMove = (event) => {
+    const start = startRef.current;
+    if (!start) return;
+    scheduleDrag(start.width - (event.clientX - start.x));
+  };
+  const endDrag = (event) => {
+    const start = startRef.current;
+    if (!start) return;
+    startRef.current = null;
+    if (frameRef.current !== null) {
+      cancelAnimationFrame(frameRef.current);
+      frameRef.current = null;
+      if (pendingRef.current !== null) drag(pendingRef.current);
+    }
+    if (pendingRef.current !== null) release(pendingRef.current);
+    pendingRef.current = null;
+    try {
+      event.currentTarget.releasePointerCapture(event.pointerId);
+    } catch (e5) {
+    }
+    document.body.style.cursor = "";
+    document.body.style.userSelect = "";
+  };
+  const handleKeyDown = (event) => {
+    const step = event.shiftKey ? 40 : 16;
+    let next = null;
+    if (event.key === "ArrowLeft") next = current + step;
+    else if (event.key === "ArrowRight") next = Math.min(current, maxDockedWidth) - step;
+    else if (event.key === "Home") next = minWidth;
+    else if (event.key === "End" && measured) next = maxDockedWidth + 1;
+    if (next === null) return;
+    event.preventDefault();
+    resize(next);
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      role: "separator",
+      tabIndex: 0,
+      "aria-controls": controls,
+      "aria-orientation": "vertical",
+      "aria-label": label,
+      "aria-valuenow": Math.round(current),
+      "aria-valuemin": minWidth,
+      "aria-valuemax": measured ? Math.round(maxDockedWidth + 1) : void 0,
+      "aria-valuetext": mode === "full" ? "Full width" : `${Math.round(width)} pixels`,
+      onPointerDown: handlePointerDown,
+      onPointerMove: handlePointerMove,
+      onPointerUp: endDrag,
+      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, _chunkN3COXDBHcjs.Menu01Icon, { size: 12 })
+        }
+      )
+    }
+  );
+}
+function AppLayoutSidePanel({ config, state }) {
+  const panelId = _react.useId.call(void 0, );
+  const { mode, width, dockedWidth, canDock, isOpen, close, morph, endMorph, peekWidth } = state;
+  _react.useEffect.call(void 0, () => {
+    if (!morph) return void 0;
+    const timer = window.setTimeout(endMorph, MORPH_MS * 3);
+    return () => window.clearTimeout(timer);
+  }, [morph, endMorph]);
+  if (mode === "hidden") return null;
+  const label = _nullishCoalesce(config.label, () => ( "Side panel"));
+  const inColumn = mode === "docked" || morph === "expand" || peekWidth !== null;
+  const handleKeyDown = (event) => {
+    if (event.key !== "Escape" || !isOpen || event.defaultPrevented) return;
+    event.preventDefault();
+    close();
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "aside",
+    {
+      id: panelId,
+      "aria-label": label,
+      onKeyDown: handleKeyDown,
+      className: _chunk3ATAYP36cjs.cn.call(void 0, 
+        "relative min-w-0",
+        // Docked is decided before the viewport is known (server render, first
+        // paint): keep it off phones until JS says otherwise.
+        mode !== "overlay" && inColumn && "hidden shrink-0 md:block",
+        mode !== "overlay" && !inColumn && "flex-1",
+        // z-[99]: above the page's own layers (sticky headers, the z-50 bottom
+        // action bar), BELOW the mobile burger menu (backdrop z-[100], panel
+        // z-[101]), so the menu opens over a panel covering the content.
+        mode === "overlay" && "absolute inset-0 z-[99] bg-ods-bg"
+      ),
+      style: mode !== "overlay" && inColumn ? { width: dockedWidth + SIDE_PANEL_INSET } : void 0,
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "div",
+        {
+          onTransitionEnd: (event) => {
+            if (event.target === event.currentTarget) endMorph();
+          },
+          onTransitionCancel: (event) => {
+            if (event.target === event.currentTarget) endMorph();
+          },
+          className: _chunk3ATAYP36cjs.cn.call(void 0, 
+            "absolute flex",
+            mode === "overlay" ? "inset-0" : "inset-y-[var(--spacing-system-mf)] right-[var(--spacing-system-mf)] z-[1]",
+            morph && "transition-[width] duration-300 ease-in-out motion-reduce:transition-none"
+          ),
+          style: mode === "overlay" ? void 0 : { width: _nullishCoalesce(peekWidth, () => ( width)) },
+          children: [
+            canDock && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SidePanelResizeHandle, { state, label: `Resize ${label}`, controls: panelId }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "div",
+              {
+                className: _chunk3ATAYP36cjs.cn.call(void 0, 
+                  "flex min-h-0 min-w-0 flex-1 overflow-hidden bg-ods-bg",
+                  mode !== "overlay" && "rounded-md border border-ods-border"
+                ),
+                children: config.children({
+                  width: _nullishCoalesce(peekWidth, () => ( width)),
+                  mode,
+                  canClose: mode === "overlay" || mode === "full" && !canDock,
+                  close,
+                  collapsesTo: state.collapsesTo,
+                  collapse: state.collapse
+                })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+
 // src/components/navigation/mobile-burger-menu.tsx
 
 
@@ -1666,13 +2052,13 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
 }) {
   const panelRef = _react.useRef.call(void 0, null);
   _overlays.usePreventScroll.call(void 0, { isDisabled: !isOpen });
-  _chunk3L7KCOGOcjs.useFocusTrap.call(void 0, panelRef, isOpen, { onEscape: onClose });
+  _chunk2QEUFXNScjs.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', _97 => _97.onNavigate, 'optionalCall', _98 => _98(item.path)]);
+        _optionalChain([config, 'access', _108 => _108.onNavigate, 'optionalCall', _109 => _109(item.path)]);
       }
       onClose();
     },
@@ -1731,7 +2117,7 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
       {
         className: _chunk3ATAYP36cjs.cn.call(void 0, 
           "absolute inset-0 z-[100] md:hidden",
-          _chunkHY5YL3U5cjs.OVERLAY_BACKDROP_CLASS,
+          _chunkXBWE423Rcjs.OVERLAY_BACKDROP_CLASS,
           "transition-all duration-300 motion-reduce:transition-none",
           isOpen ? "opacity-100" : "pointer-events-none opacity-0"
         ),
@@ -1772,7 +2158,7 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
               "aria-disabled": disabled || void 0,
               children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkEMCQGFXDcjs.SquareAvatar,
+                  _chunkMMOODW57cjs.SquareAvatar,
                   {
                     src: user.userAvatarUrl || void 0,
                     alt: user.userName || "User",
@@ -1796,7 +2182,7 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
               ]
             }
           ),
-          _optionalChain([config, 'access', _99 => _99.topSlot, 'optionalCall', _100 => _100({ minimized: false })]),
+          _optionalChain([config, 'access', _110 => _110.topSlot, 'optionalCall', _111 => _111({ 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)) }),
           onLogout && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -1832,10 +2218,31 @@ function AppLayout({
   mobileBurgerMenuProps,
   disabled = false,
   drawer,
-  topBar
+  topBar,
+  sidePanel
 }) {
   const [mobileMenuOpen, setMobileMenuOpen] = _react.useState.call(void 0, false);
   const [drawerContainer, setDrawerContainer] = _react.useState.call(void 0, null);
+  const [mainElement, setMainElement] = _react.useState.call(void 0, null);
+  const [contentWidth, setContentWidth] = _react.useState.call(void 0, null);
+  const hasSidePanel = sidePanel !== void 0;
+  const sidePanelState = useAppLayoutSidePanel(sidePanel, drawerContainer);
+  _chunkRKV5B7EUcjs.useIsomorphicLayoutEffect.call(void 0, () => {
+    if (!hasSidePanel || !mainElement) return void 0;
+    const update = () => setContentWidth(mainElement.clientWidth);
+    update();
+    const observer = new ResizeObserver(update);
+    observer.observe(mainElement);
+    return () => observer.disconnect();
+  }, [hasSidePanel, mainElement]);
+  const resolvedHeaderProps = sidePanelState === null ? headerProps : {
+    ...headerProps,
+    showMingoAI: !sidePanelState.canDock,
+    onMingoAI: sidePanelState.toggle,
+    isMingoAIActive: sidePanelState.isOpen,
+    mingoAICloseWhenActive: true
+  };
+  const contentCovered = _optionalChain([sidePanelState, 'optionalAccess', _112 => _112.coversContent]) === true;
   const mobileMenuOpenRef = _react.useRef.call(void 0, mobileMenuOpen);
   _react.useEffect.call(void 0, () => {
     mobileMenuOpenRef.current = mobileMenuOpen;
@@ -1866,10 +2273,10 @@ function AppLayout({
     }),
     []
   );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.AppLayoutDrawerContainerContext.Provider, { value: drawerContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.AppLayoutDrawerCoordinationContext.Provider, { value: drawerCoordination, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex h-screen flex-col bg-ods-bg", className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP23CRLU4cjs.AppLayoutDrawerContainerContext.Provider, { value: drawerContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP23CRLU4cjs.AppLayoutDrawerCoordinationContext.Provider, { value: drawerCoordination, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex h-screen flex-col bg-ods-bg", className), children: [
     topBar,
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative flex min-h-0 flex-1", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NavigationSidebar, { config: sidebarConfig, disabled }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NavigationSidebar, { config: sidebarConfig, disabled, pushOnTablet: hasSidePanel }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         MobileBurgerMenu,
         {
@@ -1884,17 +2291,43 @@ function AppLayout({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           AppHeader,
           {
-            ...headerProps,
+            ...resolvedHeaderProps,
             isMobileMenuOpen: mobileMenuOpen,
             onToggleMobileMenu: handleToggleMobileMenu,
             disabled
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.NotificationDrawer, {}),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: setDrawerContainer, className: "relative flex flex-1 flex-col overflow-hidden", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "main", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex-1 overflow-y-auto", mainClassName), children }),
-          drawer
-        ] })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP23CRLU4cjs.NotificationDrawer, {}),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "div",
+          {
+            ref: setDrawerContainer,
+            className: _chunk3ATAYP36cjs.cn.call(void 0, "relative flex flex-1 overflow-hidden", sidePanel ? "flex-row" : "flex-col"),
+            children: [
+              sidePanel ? (
+                // `hidden` while the panel covers the area: the page stays
+                // mounted, it just takes no room.
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "main",
+                  {
+                    ref: setMainElement,
+                    className: _chunk3ATAYP36cjs.cn.call(void 0, 
+                      "ods-content-area min-w-0 flex-1 overflow-y-auto",
+                      contentCovered && "hidden",
+                      // While the panel is drawn over the page, keep the page's own
+                      // z-indexed layers (sticky headers, fixed bars) under it.
+                      _optionalChain([sidePanelState, 'optionalAccess', _113 => _113.overlapsContent]) && "isolate",
+                      mainClassName
+                    ),
+                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRKV5B7EUcjs.ContentAreaWidthContext.Provider, { value: contentWidth, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ods-content-scope", children }) })
+                  }
+                )
+              ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "main", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex-1 overflow-y-auto", mainClassName), children }),
+              sidePanel && sidePanelState && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AppLayoutSidePanel, { config: sidePanel, state: sidePanelState }),
+              drawer
+            ]
+          }
+        )
       ] })
     ] })
   ] }) }) });