@flamingo-stack/openframe-frontend-core 0.0.748 → 0.0.749

package/dist/{chunk-YKJQM2O6.cjs → chunk-BN6NA5RM.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 _chunkUNR74CACcjs = require('./chunk-UNR74CAC.cjs');
+var _chunkHOEVD6ENcjs = require('./chunk-HOEVD6EN.cjs');
 
 
 
@@ -12,7 +12,7 @@ var _chunkUNR74CACcjs = require('./chunk-UNR74CAC.cjs');
 
 
 
-var _chunk6XP6RNFDcjs = require('./chunk-6XP6RNFD.cjs');
+var _chunkSECT4H34cjs = require('./chunk-SECT4H34.cjs');
 
 
 var _chunkNTGIQP7Ocjs = require('./chunk-NTGIQP7O.cjs');
@@ -32,13 +32,13 @@ var _chunk24I6RFVUcjs = require('./chunk-24I6RFVU.cjs');
 
 
 
-var _chunkZNUSYMH7cjs = require('./chunk-ZNUSYMH7.cjs');
+var _chunkWZX26ODJcjs = require('./chunk-WZX26ODJ.cjs');
 
 
-var _chunkBBTSJYTRcjs = require('./chunk-BBTSJYTR.cjs');
+var _chunkV3UJ6NDRcjs = require('./chunk-V3UJ6NDR.cjs');
 
 
-var _chunkPSIKUDUVcjs = require('./chunk-PSIKUDUV.cjs');
+var _chunkLVO7FALWcjs = require('./chunk-LVO7FALW.cjs');
 
 
 var _chunk756VZNPPcjs = require('./chunk-756VZNPP.cjs');
@@ -87,7 +87,7 @@ var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
 
 
 
-var _chunkP7KTAXXEcjs = require('./chunk-P7KTAXXE.cjs');
+var _chunkOFO75R2Ocjs = require('./chunk-OFO75R2O.cjs');
 
 
 
@@ -109,7 +109,7 @@ var _chunkDGFDBPO7cjs = require('./chunk-DGFDBPO7.cjs');
 
 
 
-var _chunkL2RMTGOKcjs = require('./chunk-L2RMTGOK.cjs');
+var _chunkMGF3FUKDcjs = require('./chunk-MGF3FUKD.cjs');
 
 
 var _chunkZ74QE57Tcjs = require('./chunk-Z74QE57T.cjs');
@@ -121,6 +121,9 @@ var _chunk2QMBXGMQcjs = require('./chunk-2QMBXGMQ.cjs');
 var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 
+var _chunk2YXOD2KLcjs = require('./chunk-2YXOD2KL.cjs');
+
+
 var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
 
 // src/components/navigation/site-header.tsx
@@ -155,7 +158,7 @@ function RowGlyph({ link, box, glyph }) {
       {
         "aria-hidden": "true",
         className: _chunk3ATAYP36cjs.cn.call(void 0, "flex shrink-0 items-center justify-center overflow-hidden rounded-full", box),
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7KTAXXEcjs.EntityIcon, { icon: link.icon, className: "h-full w-full" })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOFO75R2Ocjs.EntityIcon, { icon: link.icon, className: "h-full w-full" })
       }
     );
   }
@@ -168,7 +171,7 @@ function RowGlyph({ link, box, glyph }) {
         "flex shrink-0 items-center justify-center rounded-lg border border-ods-border bg-ods-bg text-ods-text-primary",
         box
       ),
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7KTAXXEcjs.EntityIcon, { icon: { name: link.iconName }, size: glyph })
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOFO75R2Ocjs.EntityIcon, { icon: { name: link.iconName }, size: glyph })
     }
   );
 }
@@ -181,7 +184,7 @@ function NavItemRow({
   className
 }) {
   const label = navLinkLabel(link);
-  const counter = badge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6XP6RNFDcjs.UnreadCountBadge, { count: badge, className: "static shrink-0" }) : null;
+  const counter = badge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSECT4H34cjs.UnreadCountBadge, { count: badge, className: "static shrink-0" }) : null;
   const singleLine = !link.description && !link.builtOn;
   const rowClassName = _chunk3ATAYP36cjs.cn.call(void 0, 
     ROW_CLASSES[variant],
@@ -198,7 +201,7 @@ function NavItemRow({
     ] });
   } else if (variant === "side") {
     children = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      link.iconName && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "flex shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7KTAXXEcjs.EntityIcon, { icon: { name: link.iconName }, size: 18 }) }),
+      link.iconName && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "flex shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOFO75R2Ocjs.EntityIcon, { icon: { name: link.iconName }, size: 18 }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 flex-1", children: label }),
       counter
     ] });
@@ -302,7 +305,7 @@ var NavPanel = _react.forwardRef.call(void 0, function NavPanelImpl({
                 !!_optionalChain([menu, 'access', _10 => _10.features, 'optionalAccess', _11 => _11.length]) && // One row of cards, as many as the bar's width holds: a card that
                 // would wrap lands on a zero-height row, where its cell clips it.
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid min-w-0 flex-[3] auto-rows-[0px] grid-cols-[repeat(auto-fit,minmax(240px,1fr))] grid-rows-[minmax(0,1fr)] gap-x-[var(--spacing-system-mf)]", children: menu.features.map((feature) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-0 min-w-0 overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkP7KTAXXEcjs.CaseStudyCard,
+                  _chunkOFO75R2Ocjs.CaseStudyCard,
                   {
                     size: "menu",
                     study: feature.study,
@@ -419,7 +422,7 @@ function TopNavigation({
 
 var TOP_ITEM_CLASS = "relative inline-flex h-10 items-center gap-1.5 whitespace-nowrap rounded-md px-3.5 text-ods-text-secondary transition-colors text-h6 hover:bg-ods-bg-hover hover:text-ods-text-primary";
 var TOP_ITEM_CURRENT_CLASS = "rounded-b-none bg-gradient-to-b from-transparent to-ods-accent/10 text-ods-text-primary after:absolute after:inset-x-0 after:bottom-0 after:h-0.5 after:bg-ods-accent";
-var menuIcon = (menu) => menu.iconName ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7KTAXXEcjs.EntityIcon, { icon: { name: menu.iconName }, size: 20, className: "size-5 shrink-0" }) : null;
+var menuIcon = (menu) => menu.iconName ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOFO75R2Ocjs.EntityIcon, { icon: { name: menu.iconName }, size: 20, className: "size-5 shrink-0" }) : null;
 function SiteHeader({
   nav,
   pathname,
@@ -569,7 +572,7 @@ function SiteHeader({
             leading: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
               leading,
               mobile && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunk6XP6RNFDcjs.HeaderButton,
+                _chunkSECT4H34cjs.HeaderButton,
                 {
                   className: "border-r border-ods-border lg:hidden",
                   onClick: mobile.onToggle,
@@ -595,7 +598,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, 
-                _chunkZNUSYMH7cjs.MingoAiButton,
+                _chunkWZX26ODJcjs.MingoAiButton,
                 {
                   source: mingo.source,
                   icon: mingo.icon,
@@ -697,7 +700,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, 
-            _chunkZNUSYMH7cjs.MingoAiButton,
+            _chunkWZX26ODJcjs.MingoAiButton,
             {
               variant: "field",
               source: askAI.source,
@@ -875,7 +878,7 @@ function SiteFooter({
   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, 
-    _chunk6XP6RNFDcjs.SocialIconRow,
+    _chunkSECT4H34cjs.SocialIconRow,
     {
       compact: true,
       links: nav.brand.social.map((link) => ({
@@ -978,7 +981,7 @@ var _framermotion = require('framer-motion');
 
 function SlidingSidebar({ config }) {
   const [expandedItems, setExpandedItems] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
-  const mounted = _chunkBBTSJYTRcjs.useIsHydrated.call(void 0, );
+  const mounted = _chunkV3UJ6NDRcjs.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, );
@@ -1251,7 +1254,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, _chunk6XP6RNFDcjs.UnreadDot, { size: "fixed" })
+      hasUnread && !showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSECT4H34cjs.UnreadDot, { size: "fixed" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "span",
@@ -1282,8 +1285,8 @@ var NavigationSidebarItemButton = _react.memo.call(void 0, function NavigationSi
 });
 function NavigationSidebarItemSkeleton({ showLabel }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-14 w-full items-center justify-start p-[var(--spacing-system-m)]", "aria-hidden": "true", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative flex flex-shrink-0 items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-6 animate-pulse rounded bg-ods-border" }) }),
-    showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ml-[var(--spacing-system-xs)] h-4 flex-1 animate-pulse rounded bg-ods-border" })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative flex flex-shrink-0 items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-6 w-6 rounded" }) }),
+    showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "ml-[var(--spacing-system-xs)] h-4 flex-1 rounded" })
   ] });
 }
 
@@ -1352,7 +1355,7 @@ function NavigationSidebar({ config, disabled = false, pushOnTablet = false }) {
     setTabletFor(isTablet);
     if (isTablet) setTabletMinimized(true);
   }
-  const hydrated = _chunkBBTSJYTRcjs.useIsHydrated.call(void 0, );
+  const hydrated = _chunkV3UJ6NDRcjs.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;
@@ -1544,7 +1547,7 @@ function HeaderGlobalSearch({
     "form",
     {
       onSubmit: handleSubmit,
-      ..._chunkZNUSYMH7cjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
+      ..._chunkWZX26ODJcjs.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
@@ -1615,7 +1618,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, _chunkPSIKUDUVcjs.AgentMark, { agent: "mingo", className: "h-6 w-6 shrink-0" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLVO7FALWcjs.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" })
       ]
@@ -1635,8 +1638,8 @@ function HeaderOrganizationFilter({
   const selectedOrg = organizations.find((o) => o.id === selectedOrgId);
   const displayName = _optionalChain([selectedOrg, 'optionalAccess', _48 => _48.name]) || "All Organizations";
   const deviceCount = _nullishCoalesce(_optionalChain([selectedOrg, 'optionalAccess', _49 => _49.deviceCount]), () => ( totalDeviceCount));
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkL2RMTGOKcjs.DropdownMenu, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL2RMTGOKcjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkMGF3FUKDcjs.DropdownMenu, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMGF3FUKDcjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "button",
       {
         className: _chunk3ATAYP36cjs.cn.call(void 0, 
@@ -1659,9 +1662,9 @@ function HeaderOrganizationFilter({
         ]
       }
     ) }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkL2RMTGOKcjs.DropdownMenuContent, { align: "end", className: "min-w-[240px]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL2RMTGOKcjs.DropdownMenuItem, { onClick: () => _optionalChain([onOrgChange, 'optionalCall', _50 => _50("")]), children: "All Organizations" }),
-      organizations.map((org) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL2RMTGOKcjs.DropdownMenuItem, { onClick: () => _optionalChain([onOrgChange, 'optionalCall', _51 => _51(org.id)]), children: org.name }, org.id))
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkMGF3FUKDcjs.DropdownMenuContent, { align: "end", className: "min-w-[240px]", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMGF3FUKDcjs.DropdownMenuItem, { onClick: () => _optionalChain([onOrgChange, 'optionalCall', _50 => _50("")]), children: "All Organizations" }),
+      organizations.map((org) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMGF3FUKDcjs.DropdownMenuItem, { onClick: () => _optionalChain([onOrgChange, 'optionalCall', _51 => _51(org.id)]), children: org.name }, org.id))
     ] })
   ] });
 }
@@ -1669,16 +1672,16 @@ function HeaderOrganizationFilter({
 // src/components/navigation/ticket-alerts-button.tsx
 
 function TicketAlertsButton({ href, onNavigate, disabled, className }) {
-  const live = _chunkUNR74CACcjs.useOptionalTicketLive.call(void 0, );
+  const live = _chunkHOEVD6ENcjs.useOptionalTicketLive.call(void 0, );
   if (!live || !live.authed || live.unreadTotal === 0) return null;
   const targetId = live.nextUnreadTicketId;
-  const target = targetId ? _chunkZNUSYMH7cjs.buildTicketOpenHref.call(void 0, href, targetId) : href;
+  const target = targetId ? _chunkWZX26ODJcjs.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, 
-    _chunk6XP6RNFDcjs.HeaderButton,
+    _chunkSECT4H34cjs.HeaderButton,
     {
       icon: (
         // Glyph inherits HeaderButton's standard cell coloring (secondary at
@@ -1688,7 +1691,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, _chunk365ZKGGOcjs.LifeBuoyIcon, { className: "h-6 w-6" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6XP6RNFDcjs.UnreadCountBadge, { count: live.unreadTotal })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSECT4H34cjs.UnreadCountBadge, { count: live.unreadTotal })
         ] })
       ),
       "aria-label": `Support tickets \u2014 ${live.unreadTotal} unread ${live.unreadTotal === 1 ? "update" : "updates"}`,
@@ -1764,7 +1767,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
       leading: (
         // Mobile: Burger Menu Button
         !isMdUp && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk6XP6RNFDcjs.HeaderButton,
+          _chunkSECT4H34cjs.HeaderButton,
           {
             onClick: onToggleMobileMenu,
             isActive: isMobileMenuOpen,
@@ -1790,7 +1793,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, 
-          _chunk6XP6RNFDcjs.HeaderButton,
+          _chunkSECT4H34cjs.HeaderButton,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ74QE57Tcjs.SearchIcon, { className: "h-6 w-6" }),
             "aria-label": "Search",
@@ -1807,7 +1810,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, _chunk6XP6RNFDcjs.TimeTrackerHeaderButton, { disabled, className: _chunk3ATAYP36cjs.cn.call(void 0, cellDivider, dimmedClass) }),
+        showTimeTracker && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSECT4H34cjs.TimeTrackerHeaderButton, { disabled, className: _chunk3ATAYP36cjs.cn.call(void 0, cellDivider, dimmedClass) }),
         showNotifications && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           NotificationsHeaderButton,
           {
@@ -1825,9 +1828,9 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
             className: _chunk3ATAYP36cjs.cn.call(void 0, cellDivider, dimmedClass)
           }
         ),
-        isMdUp && showUser && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkL2RMTGOKcjs.DropdownMenu, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL2RMTGOKcjs.DropdownMenuTrigger, { asChild: true, disabled, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk6XP6RNFDcjs.HeaderButton,
+        isMdUp && showUser && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkMGF3FUKDcjs.DropdownMenu, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMGF3FUKDcjs.DropdownMenuTrigger, { asChild: true, disabled, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkSECT4H34cjs.HeaderButton,
             {
               icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 _chunkJHQNUWFMcjs.SquareAvatar,
@@ -1849,7 +1852,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
             }
           ) }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            _chunkL2RMTGOKcjs.DropdownMenuContent,
+            _chunkMGF3FUKDcjs.DropdownMenuContent,
             {
               align: "end",
               className: "z-[104] w-[280px] overflow-hidden rounded-[6px] border-ods-border bg-ods-bg p-0",
@@ -1871,7 +1874,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
                   ] })
                 ] }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkL2RMTGOKcjs.DropdownMenuItem,
+                  _chunkMGF3FUKDcjs.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",
@@ -1882,7 +1885,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
                   }
                 ),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkL2RMTGOKcjs.DropdownMenuItem,
+                  _chunkMGF3FUKDcjs.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",
@@ -1912,12 +1915,12 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
   );
 });
 function NotificationsHeaderButton({ fallbackUnreadCount, disabled, dimmedClass }) {
-  const ctx = _chunk6XP6RNFDcjs.useOptionalNotifications.call(void 0, );
+  const ctx = _chunkSECT4H34cjs.useOptionalNotifications.call(void 0, );
   const hasUnread = (_nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _52 => _52.unreadCount]), () => ( fallbackUnreadCount))) > 0;
   const isActive = _nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _53 => _53.isOpen]), () => ( false));
   const onClick = _optionalChain([ctx, 'optionalAccess', _54 => _54.toggle]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk6XP6RNFDcjs.HeaderButton,
+    _chunkSECT4H34cjs.HeaderButton,
     {
       icon: isActive ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWWUSFOJ7cjs.XmarkIcon, { className: "h-6 w-6" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCON36SEJcjs.BellIcon, { className: "h-6 w-6" }),
       showUnreadDot: !isActive && hasUnread,
@@ -1935,12 +1938,12 @@ var CELL_VISIBILITY = {
   "icon-lg": "hidden lg:flex"
 };
 function HeaderCellSkeleton({ className }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex h-full w-14 shrink-0 items-center justify-center border-l border-ods-border", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-6 animate-pulse rounded bg-ods-border" }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex h-full w-14 shrink-0 items-center justify-center border-l border-ods-border", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-6 w-6 rounded" }) });
 }
 function HeaderWideCellSkeleton() {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full w-14 shrink-0 items-center justify-center gap-2 border-l border-ods-border md:w-[140px] md:px-4", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-6 shrink-0 animate-pulse rounded bg-ods-border" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden h-5 animate-pulse rounded bg-ods-border md:block md:w-[72px]" })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-6 w-6 shrink-0 rounded" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "hidden h-5 rounded md:block md:w-[72px]" })
   ] });
 }
 function AppHeaderSkeleton({
@@ -1957,14 +1960,14 @@ function AppHeaderSkeleton({
       "aria-busy": "true",
       leading: (
         // Burger cell: mobile only, in CSS.
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-full w-14 shrink-0 items-center justify-center border-r border-ods-border md:hidden", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-6 animate-pulse rounded bg-ods-border" }) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-full w-14 shrink-0 items-center justify-center border-r border-ods-border md:hidden", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-6 w-6 rounded" }) })
       ),
       logo: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-6 shrink-0 animate-pulse rounded bg-ods-border" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-24 animate-pulse rounded bg-ods-border" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-6 w-6 shrink-0 rounded" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-4 w-24 rounded" })
       ] }),
       logoClassName: "gap-2 md:hidden",
-      center: showSearch ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-10 w-full animate-pulse rounded-md bg-ods-border" }) : void 0,
+      center: showSearch ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-10 w-full rounded-md" }) : void 0,
       sideActions: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         showSearch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderCellSkeleton, { className: "md:hidden" }),
         cells.map(
@@ -2590,7 +2593,7 @@ function AppLayout({
     }),
     []
   );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6XP6RNFDcjs.AppLayoutDrawerContainerContext.Provider, { value: drawerContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6XP6RNFDcjs.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, _chunkSECT4H34cjs.AppLayoutDrawerContainerContext.Provider, { value: drawerContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSECT4H34cjs.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, pushOnTablet: hasSidePanel }),
@@ -2614,7 +2617,7 @@ function AppLayout({
             disabled
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6XP6RNFDcjs.NotificationDrawer, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSECT4H34cjs.NotificationDrawer, {}),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           "div",
           {

package/dist/{chunk-HNLI4OU5.cjs → chunk-C6LPOYDM.cjs}

@@ -12,13 +12,13 @@ var _chunkLU7TD6QScjs = require('./chunk-LU7TD6QS.cjs');
 
 
 
-var _chunkPSIKUDUVcjs = require('./chunk-PSIKUDUV.cjs');
+var _chunkLVO7FALWcjs = require('./chunk-LVO7FALW.cjs');
 
 
 
 
 
-var _chunkB27QEHYRcjs = require('./chunk-B27QEHYR.cjs');
+var _chunkP6F6PHVKcjs = require('./chunk-P6F6PHVK.cjs');
 
 
 var _chunk4WI2CEC2cjs = require('./chunk-4WI2CEC2.cjs');
@@ -88,7 +88,7 @@ var _chunk2QMBXGMQcjs = require('./chunk-2QMBXGMQ.cjs');
 var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 
-var _chunk5M5C6UV4cjs = require('./chunk-5M5C6UV4.cjs');
+var _chunk2YXOD2KLcjs = require('./chunk-2YXOD2KL.cjs');
 
 
 var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
@@ -142,9 +142,9 @@ function TouchFriendlyTooltip({ content, side = "left", children }) {
       return next;
     });
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB27QEHYRcjs.TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkB27QEHYRcjs.Tooltip, { open, onOpenChange: setOpen, children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP6F6PHVKcjs.TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkP6F6PHVKcjs.Tooltip, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkB27QEHYRcjs.TooltipTrigger,
+      _chunkP6F6PHVKcjs.TooltipTrigger,
       {
         asChild: true,
         onPointerDown: (e) => {
@@ -162,7 +162,7 @@ function TouchFriendlyTooltip({ content, side = "left", children }) {
         children
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB27QEHYRcjs.TooltipContent, { side, className: "max-w-xs", children: content })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP6F6PHVKcjs.TooltipContent, { side, className: "max-w-xs", children: content })
   ] }) });
 }
 
@@ -177,7 +177,7 @@ function BoardColumnHeader({
 }) {
   const count = _nullishCoalesce(column.total, () => ( column.tickets.length));
   const tagStatus = _nullishCoalesce(column.statusKey, () => ( column.id));
-  const useStatusVariant = _chunkPSIKUDUVcjs.resolveTicketStatus.call(void 0, tagStatus) !== null;
+  const useStatusVariant = _chunkLVO7FALWcjs.resolveTicketStatus.call(void 0, tagStatus) !== null;
   const actionClass = "h-8 w-8 p-0 content-md:h-8 content-md:w-8";
   if (collapsed) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full flex-col items-center gap-[var(--spacing-system-xsf)]", children: [
@@ -193,7 +193,7 @@ function BoardColumnHeader({
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkPSIKUDUVcjs.TicketStatusTag,
+        _chunkLVO7FALWcjs.TicketStatusTag,
         {
           status: tagStatus,
           label: column.label,
@@ -206,7 +206,7 @@ function BoardColumnHeader({
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-xsf)]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPSIKUDUVcjs.TicketStatusTag, { status: tagStatus, label: column.label, color: useStatusVariant ? void 0 : column.color }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLVO7FALWcjs.TicketStatusTag, { status: tagStatus, label: column.label, color: useStatusVariant ? void 0 : column.color }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-h5", style: useStatusVariant ? void 0 : { color: column.color }, children: count })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex shrink-0 items-center gap-[var(--spacing-system-xxs)]", children: [
@@ -264,7 +264,7 @@ function tintOnDark(hex) {
 
 function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
   const [expanded, setExpanded] = _react.useState.call(void 0, false);
-  const { innerRef, containerStyle } = _chunkPSIKUDUVcjs.useCollapsible.call(void 0, { expanded });
+  const { innerRef, containerStyle } = _chunkLVO7FALWcjs.useCollapsible.call(void 0, { expanded });
   const isAdmin = pendingApproval.approvalType === "ADMIN";
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pointer-events-auto flex flex-col", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -293,7 +293,7 @@ function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: containerStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: innerRef, className: "pt-[var(--spacing-system-xs)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkPSIKUDUVcjs.ApprovalBatchMessage,
+      _chunkLVO7FALWcjs.ApprovalBatchMessage,
       {
         className: "mb-0",
         data: {
@@ -485,7 +485,7 @@ function TicketCardBody({
         role: "img",
         "aria-label": `Owned by ${ticket.agent === "fae" ? "Fae" : "Mingo"}`,
         className: "flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-full border border-ods-border bg-ods-bg",
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPSIKUDUVcjs.AgentMark, { agent: ticket.agent, className: ticket.agent === "fae" ? "size-full" : "size-5" })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLVO7FALWcjs.AgentMark, { agent: ticket.agent, className: ticket.agent === "fae" ? "size-full" : "size-5" })
       }
     ),
     renderAssignSlot ? renderAssignSlot(ticket) : _optionalChain([ticket, 'access', _19 => _19.assignees, 'optionalAccess', _20 => _20.length]) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex -space-x-2", children: [
@@ -515,8 +515,8 @@ function TicketCardBody({
       ] })
     ] }) : null
   ] }) : null;
-  const timestampLabel = ticket.createdAt ? _chunkPSIKUDUVcjs.formatTicketRelativeTime.call(void 0, ticket.createdAt) : null;
-  const tooltipLabel = ticket.createdAt ? _chunkPSIKUDUVcjs.formatTicketFullTimestamp.call(void 0, ticket.createdAt) : null;
+  const timestampLabel = ticket.createdAt ? _chunkLVO7FALWcjs.formatTicketRelativeTime.call(void 0, ticket.createdAt) : null;
+  const tooltipLabel = ticket.createdAt ? _chunkLVO7FALWcjs.formatTicketFullTimestamp.call(void 0, ticket.createdAt) : null;
   const metaLabel = [ticket.ticketNumber || null, timestampLabel].filter(Boolean).join(" \u2022 ");
   const metaClass = "truncate text-ods-text-secondary text-h6";
   const meta = href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -543,9 +543,9 @@ function TicketCardBody({
       rightSection
     ] }),
     _optionalChain([ticket, 'access', _21 => _21.tags, 'optionalAccess', _22 => _22.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketTagRow, { tags: ticket.tags }) : null,
-    metaLabel && (tooltipLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB27QEHYRcjs.TooltipProvider, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkB27QEHYRcjs.Tooltip, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB27QEHYRcjs.TooltipTrigger, { asChild: true, children: meta }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB27QEHYRcjs.TooltipContent, { children: tooltipLabel })
+    metaLabel && (tooltipLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP6F6PHVKcjs.TooltipProvider, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkP6F6PHVKcjs.Tooltip, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP6F6PHVKcjs.TooltipTrigger, { asChild: true, children: meta }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP6F6PHVKcjs.TooltipContent, { children: tooltipLabel })
     ] }) }) : meta),
     ticket.escalatedByUser && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xxs)] text-ods-open-yellow text-h6", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4MGDY2AAcjs.UserCheckIcon, { className: "size-4 shrink-0" }),
@@ -806,20 +806,20 @@ var TicketCardSkeleton = _react.forwardRef.call(void 0,
       children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-xxs)]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center text-h3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "h-4 w-3/4" }) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center text-h3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-4 w-3/4" }) }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xxs)] text-h6", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "size-4 shrink-0 rounded-sm" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "h-3 w-1/2" })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "size-4 shrink-0 rounded-sm" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-3 w-1/2" })
             ] })
           ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex shrink-0 items-center gap-[var(--spacing-system-xsf)]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "size-4 rounded-sm" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "size-8 rounded-full" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "size-4 rounded-sm" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "size-8 rounded-full" })
           ] })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-8 items-center gap-[var(--spacing-system-xxs)]", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "h-8 w-16 rounded-md" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "h-8 w-12 rounded-md" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-8 w-16 rounded-md" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-8 w-12 rounded-md" })
         ] })
       ]
     }