@flamingo-stack/openframe-frontend-core 0.0.661 → 0.0.662-snapshot.20260923194332

package/dist/{chunk-YNW3DQFY.cjs → chunk-67FVIC5H.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 _chunk4EY5JSMKcjs = require('./chunk-4EY5JSMK.cjs');
+var _chunkMEVV7FIRcjs = require('./chunk-MEVV7FIR.cjs');
 
 
 
@@ -13,15 +13,16 @@ var _chunk4EY5JSMKcjs = require('./chunk-4EY5JSMK.cjs');
 
 
 
-var _chunkZIT4TC5Rcjs = require('./chunk-ZIT4TC5R.cjs');
+var _chunkXVSA4565cjs = require('./chunk-XVSA4565.cjs');
 
 
 
-var _chunkXNJZ6A2Scjs = require('./chunk-XNJZ6A2S.cjs');
+var _chunkWDE7ETA5cjs = require('./chunk-WDE7ETA5.cjs');
 
 
 
-var _chunkGXHZCGVJcjs = require('./chunk-GXHZCGVJ.cjs');
+
+var _chunkBSETJKSWcjs = require('./chunk-BSETJKSW.cjs');
 
 
 
@@ -33,7 +34,7 @@ var _chunkTLLJIGTPcjs = require('./chunk-TLLJIGTP.cjs');
 
 
 
-var _chunk24T5HZPBcjs = require('./chunk-24T5HZPB.cjs');
+var _chunkBASKR3Z4cjs = require('./chunk-BASKR3Z4.cjs');
 
 
 
@@ -109,7 +110,7 @@ function MingoAiButton({ source, icon, label = "Mingo AI", className, onClick, .
           }
         ) }),
         icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "relative inline-flex size-6 shrink-0 items-center justify-center", children: icon }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk24T5HZPBcjs.MingoIcon,
+          _chunkBASKR3Z4cjs.MingoIcon,
           {
             color: "currentColor",
             eyesColor: MINGO_ACCENT,
@@ -132,7 +133,7 @@ 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 });
-  _chunkXNJZ6A2Scjs.useFocusTrap.call(void 0, panelRef, isOpen, { onEscape: config.onClose });
+  _chunkWDE7ETA5cjs.useFocusTrap.call(void 0, panelRef, isOpen, { onEscape: config.onClose });
   const headerHeight = _chunkTLLJIGTPcjs.useHeaderHeight.call(void 0, 64, { enabled: isOpen });
   if (!isOpen) return null;
   const renderNavigationItem = (item) => {
@@ -184,7 +185,7 @@ function MobileNavPanel({ isOpen, config }) {
     );
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkX7CEWD6Vcjs.cn.call(void 0, "fixed inset-0 z-[9998]", _chunkGXHZCGVJcjs.OVERLAY_BACKDROP_CLASS), onClick: config.onClose }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkX7CEWD6Vcjs.cn.call(void 0, "fixed inset-0 z-[9998]", _chunkBSETJKSWcjs.OVERLAY_BACKDROP_CLASS), onClick: config.onClose }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
@@ -239,16 +240,16 @@ function MobileNavPanel({ isOpen, config }) {
 // src/components/navigation/ticket-alerts-button.tsx
 
 function TicketAlertsButton({ href, onNavigate, disabled, className }) {
-  const live = _chunk4EY5JSMKcjs.useOptionalTicketLive.call(void 0, );
+  const live = _chunkMEVV7FIRcjs.useOptionalTicketLive.call(void 0, );
   if (!live || !live.authed || live.unreadTotal === 0) return null;
   const targetId = live.nextUnreadTicketId;
-  const target = targetId ? _chunkZIT4TC5Rcjs.buildTicketOpenHref.call(void 0, href, targetId) : href;
+  const target = targetId ? _chunkXVSA4565cjs.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, 
-    _chunkZIT4TC5Rcjs.HeaderButton,
+    _chunkXVSA4565cjs.HeaderButton,
     {
       icon: (
         // Glyph inherits HeaderButton's standard cell coloring (secondary at
@@ -258,7 +259,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, _chunkYRTMAXLEcjs.LifeBuoyIcon, { className: "h-6 w-6" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZIT4TC5Rcjs.UnreadCountBadge, { count: live.unreadTotal })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXVSA4565cjs.UnreadCountBadge, { count: live.unreadTotal })
         ] })
       ),
       "aria-label": `Support tickets \u2014 ${live.unreadTotal} unread ${live.unreadTotal === 1 ? "update" : "updates"}`,
@@ -576,7 +577,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, 
-              _chunkZIT4TC5Rcjs.HeaderButton,
+              _chunkXVSA4565cjs.HeaderButton,
               {
                 className: "border-r border-ods-border lg:hidden",
                 onClick: () => {
@@ -677,7 +678,7 @@ function HeaderSkeleton({ config }) {
 // src/components/navigation/client-only-header.tsx
 
 function ClientOnlyHeader({ config, skeleton }) {
-  const isClient = _chunkGXHZCGVJcjs.useIsHydrated.call(void 0, );
+  const isClient = _chunkBSETJKSWcjs.useIsHydrated.call(void 0, );
   if (!isClient) {
     return skeleton || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderSkeleton, { config });
   }
@@ -691,12 +692,12 @@ var _framermotion = require('framer-motion');
 
 function SlidingSidebar({ config }) {
   const [expandedItems, setExpandedItems] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
-  const mounted = _chunkGXHZCGVJcjs.useIsHydrated.call(void 0, );
+  const mounted = _chunkBSETJKSWcjs.useIsHydrated.call(void 0, );
   const headerHeight = _chunkTLLJIGTPcjs.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 });
-  _chunkXNJZ6A2Scjs.useFocusTrap.call(void 0, asideRef, config.isOpen, { onEscape: config.onClose, contain: false });
+  _chunkWDE7ETA5cjs.useFocusTrap.call(void 0, asideRef, config.isOpen, { onEscape: config.onClose, contain: false });
   const toggleExpanded = (itemId) => {
     const newExpanded = new Set(expandedItems);
     if (newExpanded.has(itemId)) {
@@ -823,7 +824,7 @@ function SlidingSidebar({ config }) {
           duration: 0.3,
           ease: [0.4, 0, 0.2, 1]
         },
-        className: _chunkX7CEWD6Vcjs.cn.call(void 0, "fixed inset-0 z-[45]", _chunkGXHZCGVJcjs.OVERLAY_BACKDROP_CLASS),
+        className: _chunkX7CEWD6Vcjs.cn.call(void 0, "fixed inset-0 z-[45]", _chunkBSETJKSWcjs.OVERLAY_BACKDROP_CLASS),
         onClick: () => config.onClose()
       }
     ) }),
@@ -885,7 +886,7 @@ function NavigationSidebarHeader({ minimized }) {
           minimized ? "ml-0 opacity-0" : "ml-[var(--spacing-system-xs)] opacity-100"
         ),
         "aria-hidden": minimized,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk24T5HZPBcjs.OpenFrameText, { textColor: "var(--color-text-primary)" })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBASKR3Z4cjs.OpenFrameText, { textColor: "var(--color-text-primary)" })
       }
     )
   ] });
@@ -894,6 +895,24 @@ function NavigationSidebarHeader({ minimized }) {
 // src/components/navigation/navigation-sidebar-item.tsx
 
 
+// src/components/navigation/navigation-item-badge.tsx
+
+function NavigationItemBadge({ label, compact = false, className, ...rest }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkBSETJKSWcjs.Tag,
+    {
+      as: "span",
+      label,
+      variant: "warning",
+      className: _chunkX7CEWD6Vcjs.cn.call(void 0, "pointer-events-none shrink-0", compact && "h-5 px-[var(--spacing-system-xxs)]", className),
+      labelClassName: compact ? "text-badge" : void 0,
+      ...rest
+    }
+  );
+}
+
+// src/components/navigation/navigation-sidebar-item.tsx
+
 var NavigationSidebarItemButton = _react.memo.call(void 0, function NavigationSidebarItemButtonImpl({
   item,
   isActive,
@@ -904,6 +923,7 @@ var NavigationSidebarItemButton = _react.memo.call(void 0, function NavigationSi
 }) {
   const unreadCount = _nullishCoalesce(item.unreadCount, () => ( 0));
   const hasUnread = unreadCount > 0;
+  const name = item.badge ? `${item.label} (${item.badge})` : item.label;
   const className = _chunkX7CEWD6Vcjs.cn.call(void 0, 
     // `isolate` scopes the hover layer's negative z-index to this row, so it
     // paints over the row's own background and under its content instead of
@@ -944,25 +964,28 @@ 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, _chunkZIT4TC5Rcjs.UnreadDot, { size: "fixed" })
+      hasUnread && !showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXVSA4565cjs.UnreadDot, { size: "fixed" })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "span",
       {
         className: _chunkX7CEWD6Vcjs.cn.call(void 0, 
-          "flex-1 truncate text-left transition-[opacity,margin-left] duration-300 text-h4",
+          "flex min-w-0 flex-1 items-center overflow-hidden text-left transition-[opacity,margin-left] duration-300",
           showLabel ? "ml-[var(--spacing-system-xs)] opacity-100" : "ml-0 opacity-0"
         ),
         "aria-hidden": !showLabel,
-        children: item.label
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "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" })
+        ]
       }
     ),
     hasUnread && showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex size-6 flex-shrink-0 items-center justify-center rounded-md bg-ods-accent p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-on-accent text-h5", children: unreadCount > 99 ? "99+" : unreadCount }) })
   ] });
   const shared = {
     className,
-    title: !showLabel ? item.label : void 0,
-    "aria-label": item.label,
+    title: !showLabel ? name : void 0,
+    "aria-label": name,
     "aria-current": isActive ? "page" : void 0
   };
   if (disabled || !item.path || item.onClick) {
@@ -1035,14 +1058,14 @@ function NavigationSidebar({ config, disabled = false }) {
   const isMdUp = _nullishCoalesce(_chunkTLLJIGTPcjs.useMdUp.call(void 0, ), () => ( false));
   const isLgUp = _nullishCoalesce(_chunkTLLJIGTPcjs.useLgUp.call(void 0, ), () => ( false));
   const isTablet = isMdUp && !isLgUp;
-  const [desktopMinimized, setDesktopMinimized] = _chunkXNJZ6A2Scjs.useLocalStorage.call(void 0, STORAGE_KEY, _nullishCoalesce(config.minimized, () => ( false)));
+  const [desktopMinimized, setDesktopMinimized] = _chunkWDE7ETA5cjs.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 = _chunkGXHZCGVJcjs.useIsHydrated.call(void 0, );
+  const hydrated = _chunkBSETJKSWcjs.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;
@@ -1224,7 +1247,7 @@ function HeaderGlobalSearch({
     "form",
     {
       onSubmit: handleSubmit,
-      ..._chunkZIT4TC5Rcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
+      ..._chunkXVSA4565cjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
       className: _chunkX7CEWD6Vcjs.cn.call(void 0, 
         "flex h-full flex-1 items-center gap-2 px-3",
         // Transparent so the cell inherits the bar's background
@@ -1289,7 +1312,7 @@ function HeaderMingoButton({ isActive = false, iconOnly = false, className, ...p
           // Outer frame follows the button's text color (currentColor); the eyes
           // and corner block are ODS cyan.
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk24T5HZPBcjs.MingoIcon,
+            _chunkBASKR3Z4cjs.MingoIcon,
             {
               color: "currentColor",
               eyesColor: "var(--ods-flamingo-cyan-base)",
@@ -1411,7 +1434,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
       leading: (
         // Mobile: Burger Menu Button
         !isMdUp && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkZIT4TC5Rcjs.HeaderButton,
+          _chunkXVSA4565cjs.HeaderButton,
           {
             onClick: onToggleMobileMenu,
             isActive: isMobileMenuOpen,
@@ -1431,13 +1454,13 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
             lowerPathColor: "var(--color-accent-primary)"
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk24T5HZPBcjs.OpenFrameText, { textColor: "var(--color-text-primary)", className: "h-4" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBASKR3Z4cjs.OpenFrameText, { textColor: "var(--color-text-primary)", className: "h-4" })
       ] }),
       logoClassName: "gap-2",
       center: showSearch ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderGlobalSearch, { onSubmit: onSearch, className: _chunkX7CEWD6Vcjs.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, 
-          _chunkZIT4TC5Rcjs.HeaderButton,
+          _chunkXVSA4565cjs.HeaderButton,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWZW7C7TFcjs.SearchIcon, { className: "h-6 w-6" }),
             "aria-label": "Search",
@@ -1454,7 +1477,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
             className: _chunkX7CEWD6Vcjs.cn.call(void 0, "hidden lg:flex", dimmedClass)
           }
         ),
-        showTimeTracker && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZIT4TC5Rcjs.TimeTrackerHeaderButton, { disabled, className: _chunkX7CEWD6Vcjs.cn.call(void 0, cellDivider, dimmedClass) }),
+        showTimeTracker && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXVSA4565cjs.TimeTrackerHeaderButton, { disabled, className: _chunkX7CEWD6Vcjs.cn.call(void 0, cellDivider, dimmedClass) }),
         showNotifications && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           NotificationsHeaderButton,
           {
@@ -1474,7 +1497,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
         ),
         isMdUp && showUser && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkGSD62VAYcjs.DropdownMenu, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSD62VAYcjs.DropdownMenuTrigger, { asChild: true, disabled, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkZIT4TC5Rcjs.HeaderButton,
+            _chunkXVSA4565cjs.HeaderButton,
             {
               icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 _chunkODB2AEUWcjs.SquareAvatar,
@@ -1523,7 +1546,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
                     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",
                     children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk24T5HZPBcjs.UserIcon, { className: "h-6 w-6 shrink-0 text-ods-text-primary" }),
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBASKR3Z4cjs.UserIcon, { className: "h-6 w-6 shrink-0 text-ods-text-primary" }),
                       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-primary text-h4", children: "Profile Settings" })
                     ] })
                   }
@@ -1534,7 +1557,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
                     onClick: onLogout,
                     className: "cursor-pointer rounded-none bg-ods-card px-3 py-3 hover:bg-ods-card/80 focus:bg-ods-card/80",
                     children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk24T5HZPBcjs.LogOutIcon, { className: "shrink-0 text-ods-error", size: 24 }),
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBASKR3Z4cjs.LogOutIcon, { className: "shrink-0 text-ods-error", size: 24 }),
                       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-primary text-h4", children: "Log Out" })
                     ] })
                   }
@@ -1558,12 +1581,12 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
   );
 });
 function NotificationsHeaderButton({ fallbackUnreadCount, disabled, dimmedClass }) {
-  const ctx = _chunkZIT4TC5Rcjs.useOptionalNotifications.call(void 0, );
+  const ctx = _chunkXVSA4565cjs.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, 
-    _chunkZIT4TC5Rcjs.HeaderButton,
+    _chunkXVSA4565cjs.HeaderButton,
     {
       icon: isActive ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYRTMAXLEcjs.XmarkIcon, { className: "h-6 w-6" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYRTMAXLEcjs.BellIcon, { className: "h-6 w-6" }),
       showUnreadDot: !isActive && hasUnread,
@@ -1641,7 +1664,7 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
 }) {
   const panelRef = _react.useRef.call(void 0, null);
   _overlays.usePreventScroll.call(void 0, { isDisabled: !isOpen });
-  _chunkXNJZ6A2Scjs.useFocusTrap.call(void 0, panelRef, isOpen, { onEscape: onClose });
+  _chunkWDE7ETA5cjs.useFocusTrap.call(void 0, panelRef, isOpen, { onEscape: onClose });
   const handleItemClick = _react.useCallback.call(void 0, 
     (item) => {
       if (item.onClick) {
@@ -1675,21 +1698,25 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
           disabled && "cursor-not-allowed opacity-50"
         ),
         "aria-current": isActive ? "page" : void 0,
+        "aria-label": item.badge ? `${item.label} (${item.badge})` : void 0,
         children: [
           item.icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex size-4 flex-shrink-0 items-center justify-center", children: _react2.default.cloneElement(item.icon, {
             size: 16,
             color: isActive && !disabled ? "var(--color-accent-primary)" : "var(--color-text-secondary)"
           }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "span",
-            {
-              className: _chunkX7CEWD6Vcjs.cn.call(void 0, 
-                "flex-1 truncate text-left text-h6",
-                isActive && !disabled ? "text-ods-accent" : "text-ods-text-primary"
-              ),
-              children: item.label
-            }
-          )
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-xxs)]", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "span",
+              {
+                className: _chunkX7CEWD6Vcjs.cn.call(void 0, 
+                  "min-w-0 truncate text-left text-h6",
+                  isActive && !disabled ? "text-ods-accent" : "text-ods-text-primary"
+                ),
+                children: item.label
+              }
+            ),
+            item.badge && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NavigationItemBadge, { compact: true, label: item.badge })
+          ] })
         ]
       },
       item.id
@@ -1702,7 +1729,7 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
       {
         className: _chunkX7CEWD6Vcjs.cn.call(void 0, 
           "absolute inset-0 z-[100] md:hidden",
-          _chunkGXHZCGVJcjs.OVERLAY_BACKDROP_CLASS,
+          _chunkBSETJKSWcjs.OVERLAY_BACKDROP_CLASS,
           "transition-all duration-300 motion-reduce:transition-none",
           isOpen ? "opacity-100" : "pointer-events-none opacity-0"
         ),
@@ -1837,7 +1864,7 @@ function AppLayout({
     }),
     []
   );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZIT4TC5Rcjs.AppLayoutDrawerContainerContext.Provider, { value: drawerContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZIT4TC5Rcjs.AppLayoutDrawerCoordinationContext.Provider, { value: drawerCoordination, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkX7CEWD6Vcjs.cn.call(void 0, "flex h-screen flex-col bg-ods-bg", className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXVSA4565cjs.AppLayoutDrawerContainerContext.Provider, { value: drawerContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXVSA4565cjs.AppLayoutDrawerCoordinationContext.Provider, { value: drawerCoordination, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkX7CEWD6Vcjs.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 }),
@@ -1861,7 +1888,7 @@ function AppLayout({
             disabled
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZIT4TC5Rcjs.NotificationDrawer, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXVSA4565cjs.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: _chunkX7CEWD6Vcjs.cn.call(void 0, "flex-1 overflow-y-auto", mainClassName), children }),
           drawer
@@ -1889,5 +1916,6 @@ function AppLayout({
 
 
 
-exports.MingoAiButton = MingoAiButton; exports.MOBILE_NAV_PANEL_ID = MOBILE_NAV_PANEL_ID; exports.MobileNavPanel = MobileNavPanel; exports.TicketAlertsButton = TicketAlertsButton; exports.TopNavigation = TopNavigation; exports.Header = Header; exports.HeaderSkeleton = HeaderSkeleton; exports.ClientOnlyHeader = ClientOnlyHeader; exports.SlidingSidebar = SlidingSidebar; exports.NAVIGATION_SIDEBAR_WIDTH_VAR = NAVIGATION_SIDEBAR_WIDTH_VAR; exports.NavigationSidebar = NavigationSidebar; exports.HeaderGlobalSearch = HeaderGlobalSearch; exports.HeaderMingoButton = HeaderMingoButton; exports.HeaderOrganizationFilter = HeaderOrganizationFilter; exports.AppHeader = AppHeader; exports.MobileBurgerMenu = MobileBurgerMenu; exports.AppLayout = AppLayout;
-//# sourceMappingURL=chunk-YNW3DQFY.cjs.map
+
+exports.MingoAiButton = MingoAiButton; exports.MOBILE_NAV_PANEL_ID = MOBILE_NAV_PANEL_ID; exports.MobileNavPanel = MobileNavPanel; exports.TicketAlertsButton = TicketAlertsButton; exports.TopNavigation = TopNavigation; exports.Header = Header; exports.HeaderSkeleton = HeaderSkeleton; exports.ClientOnlyHeader = ClientOnlyHeader; exports.SlidingSidebar = SlidingSidebar; exports.NavigationItemBadge = NavigationItemBadge; exports.NAVIGATION_SIDEBAR_WIDTH_VAR = NAVIGATION_SIDEBAR_WIDTH_VAR; exports.NavigationSidebar = NavigationSidebar; exports.HeaderGlobalSearch = HeaderGlobalSearch; exports.HeaderMingoButton = HeaderMingoButton; exports.HeaderOrganizationFilter = HeaderOrganizationFilter; exports.AppHeader = AppHeader; exports.MobileBurgerMenu = MobileBurgerMenu; exports.AppLayout = AppLayout;
+//# sourceMappingURL=chunk-67FVIC5H.cjs.map