@flamingo-stack/openframe-frontend-core 0.0.776 → 0.0.781

package/dist/{chunk-YFTQ2ALU.cjs → chunk-A7FSNBNV.cjs}

@@ -1,12 +1,12 @@
-"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";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } 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 _chunk3V27UHSHcjs = require('./chunk-3V27UHSH.cjs');
+var _chunkD46WFWWIcjs = require('./chunk-D46WFWWI.cjs');
 
 
-var _chunkWAQPW4CBcjs = require('./chunk-WAQPW4CB.cjs');
+var _chunkLDGR5VCKcjs = require('./chunk-LDGR5VCK.cjs');
 
 
 
@@ -18,19 +18,19 @@ var _chunkWAQPW4CBcjs = require('./chunk-WAQPW4CB.cjs');
 
 
 
-var _chunkXN6LXMH5cjs = require('./chunk-XN6LXMH5.cjs');
+var _chunkODZ5XGWAcjs = require('./chunk-ODZ5XGWA.cjs');
 
 
-var _chunkRB7VLVMDcjs = require('./chunk-RB7VLVMD.cjs');
+var _chunk4XDYSGRLcjs = require('./chunk-4XDYSGRL.cjs');
 
 
 
 
 
-var _chunkE64HPPRHcjs = require('./chunk-E64HPPRH.cjs');
+var _chunkZV6RQNXEcjs = require('./chunk-ZV6RQNXE.cjs');
 
 
-var _chunk2JRSYWFPcjs = require('./chunk-2JRSYWFP.cjs');
+var _chunkVXAKQRV7cjs = require('./chunk-VXAKQRV7.cjs');
 
 
 var _chunk24I6RFVUcjs = require('./chunk-24I6RFVU.cjs');
@@ -38,14 +38,15 @@ var _chunk24I6RFVUcjs = require('./chunk-24I6RFVU.cjs');
 
 
 
-var _chunkNWZSYG4Scjs = require('./chunk-NWZSYG4S.cjs');
 
+var _chunkHLZUBJPLcjs = require('./chunk-HLZUBJPL.cjs');
 
 
-var _chunkKM2TVQCHcjs = require('./chunk-KM2TVQCH.cjs');
 
+var _chunkFWJ5YECNcjs = require('./chunk-FWJ5YECN.cjs');
 
-var _chunkEHJE3UWZcjs = require('./chunk-EHJE3UWZ.cjs');
+
+var _chunkT7SDYBSTcjs = require('./chunk-T7SDYBST.cjs');
 
 
 var _chunk756VZNPPcjs = require('./chunk-756VZNPP.cjs');
@@ -93,46 +94,46 @@ var _chunkWWUSFOJ7cjs = require('./chunk-WWUSFOJ7.cjs');
 var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
 
 
-
-var _chunkMYHS4W2Hcjs = require('./chunk-MYHS4W2H.cjs');
+var _chunkJQWYXC2Ecjs = require('./chunk-JQWYXC2E.cjs');
 
 
 
-var _chunkHY6BCZH7cjs = require('./chunk-HY6BCZH7.cjs');
+var _chunkAFJEUBDScjs = require('./chunk-AFJEUBDS.cjs');
 
 
-var _chunkVFZFCRALcjs = require('./chunk-VFZFCRAL.cjs');
+var _chunkAQXKXZWBcjs = require('./chunk-AQXKXZWB.cjs');
 
 
 
 
 
-var _chunk5P4TDV7Vcjs = require('./chunk-5P4TDV7V.cjs');
+var _chunkV4FXUIMHcjs = require('./chunk-V4FXUIMH.cjs');
 
 
-var _chunkDGFDBPO7cjs = require('./chunk-DGFDBPO7.cjs');
+var _chunkSZHDXXMKcjs = require('./chunk-SZHDXXMK.cjs');
 
 
 
 
 
-var _chunkXIFEZ2JTcjs = require('./chunk-XIFEZ2JT.cjs');
+var _chunkL4XOCV7Scjs = require('./chunk-L4XOCV7S.cjs');
 
 
 var _chunkZ74QE57Tcjs = require('./chunk-Z74QE57T.cjs');
 
 
+var _chunkYNDH72VUcjs = require('./chunk-YNDH72VU.cjs');
 
-var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
 
+var _chunkCDBFQVPAcjs = require('./chunk-CDBFQVPA.cjs');
 
-var _chunkTF5D5MNOcjs = require('./chunk-TF5D5MNO.cjs');
 
 
-var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
+var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.cjs');
 
-var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
+
+var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 // src/components/navigation/site-header.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -165,8 +166,8 @@ function RowGlyph({ link, box, glyph }) {
       "span",
       {
         "aria-hidden": "true",
-        className: _chunk65VVJSQZcjs.cn.call(void 0, "flex shrink-0 items-center justify-center overflow-hidden rounded-full", box),
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMYHS4W2Hcjs.EntityIcon, { icon: link.icon, className: "h-full w-full" })
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex shrink-0 items-center justify-center overflow-hidden rounded-full", box),
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJQWYXC2Ecjs.EntityIcon, { icon: link.icon, className: "h-full w-full" })
       }
     );
   }
@@ -175,11 +176,11 @@ function RowGlyph({ link, box, glyph }) {
     "span",
     {
       "aria-hidden": "true",
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
         "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, _chunkMYHS4W2Hcjs.EntityIcon, { icon: { name: link.iconName }, size: glyph })
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJQWYXC2Ecjs.EntityIcon, { icon: { name: link.iconName }, size: glyph })
     }
   );
 }
@@ -192,9 +193,9 @@ function NavItemRow({
   className
 }) {
   const label = navLinkLabel(link);
-  const counter = badge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXN6LXMH5cjs.UnreadCountBadge, { count: badge, className: "static shrink-0" }) : null;
+  const counter = badge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODZ5XGWAcjs.UnreadCountBadge, { count: badge, className: "static shrink-0" }) : null;
   const singleLine = !link.description && !link.builtOn;
-  const rowClassName = _chunk65VVJSQZcjs.cn.call(void 0, 
+  const rowClassName = _chunkN6YCOBLKcjs.cn.call(void 0, 
     ROW_CLASSES[variant],
     variant === "panel" && singleLine && "items-center",
     NAV_FOCUS_CLASS,
@@ -209,7 +210,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, _chunkMYHS4W2Hcjs.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, _chunkJQWYXC2Ecjs.EntityIcon, { icon: { name: link.iconName }, size: 18 }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 flex-1", children: label }),
       counter
     ] });
@@ -235,6 +236,50 @@ function NavItemRow({
 
 // src/components/navigation/nav-panel.tsx
 
+var featureCard = null;
+var featureCardLoad = null;
+var featureCardListeners = /* @__PURE__ */ new Set();
+function loadFeatureCard() {
+  if (featureCard || featureCardLoad) return;
+  featureCardLoad = Promise.resolve().then(() => _interopRequireWildcard(require("./case-study-card-CYJ3JXU6.cjs"))).then((module) => {
+    featureCard = module.CaseStudyCard;
+    for (const listener of featureCardListeners) listener();
+  }).catch(() => void 0).finally(() => {
+    featureCardLoad = null;
+  });
+}
+function subscribeToFeatureCard(listener) {
+  featureCardListeners.add(listener);
+  const cancel = _chunkHLZUBJPLcjs.afterPageLoad.call(void 0, loadFeatureCard);
+  return () => {
+    featureCardListeners.delete(listener);
+    cancel();
+  };
+}
+var loadedFeatureCard = () => featureCard;
+var noFeatureCard = () => null;
+function FeatureCards({
+  features,
+  open,
+  onNavigate
+}) {
+  const Card = _react.useSyncExternalStore.call(void 0, subscribeToFeatureCard, loadedFeatureCard, noFeatureCard);
+  _react.useEffect.call(void 0, () => {
+    if (open) loadFeatureCard();
+  }, [open]);
+  if (!Card) return null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: 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, 
+    Card,
+    {
+      size: "menu",
+      study: feature.study,
+      href: feature.href,
+      mediaMounted: open,
+      onNavigate,
+      className: "h-full"
+    }
+  ) }, feature.id)) });
+}
 var TWO_COLUMN_OVER = 4;
 function isMegaMenu(menu) {
   return (_nullishCoalesce(_optionalChain([menu, 'access', _2 => _2.columns, 'optionalAccess', _3 => _3.length]), () => ( 0))) > 1 || !!_optionalChain([menu, 'access', _4 => _4.features, 'optionalAccess', _5 => _5.length]) || !!_optionalChain([menu, 'access', _6 => _6.sideLinks, 'optionalAccess', _7 => _7.length]);
@@ -246,7 +291,7 @@ function Column({
   rowProps
 }) {
   const twoColumns = wide && group.links.length > TWO_COLUMN_OVER;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex min-w-0 flex-col", wide && (twoColumns ? "flex-[2]" : "flex-1")), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex min-w-0 flex-col", wide && (twoColumns ? "flex-[2]" : "flex-1")), children: [
     group.title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: HEADING_CLASS, children: group.title }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
@@ -289,7 +334,7 @@ var NavPanel = _react.forwardRef.call(void 0, function NavPanelImpl({
       "data-state": open ? "open" : "closed",
       ...panelProps,
       ref,
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
         "absolute top-full z-[60]",
         // Between two mega menus the surface is handed over in one frame (same
         // place, same size, same colour) and only the content moves; a fade
@@ -312,17 +357,7 @@ var NavPanel = _react.forwardRef.call(void 0, function NavPanelImpl({
                 columns.map((group) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Column, { group, wide: true, rowProps }, group.id)),
                 !!_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, 
-                  _chunkMYHS4W2Hcjs.CaseStudyCard,
-                  {
-                    size: "menu",
-                    study: feature.study,
-                    href: feature.href,
-                    mediaMounted: open,
-                    onNavigate,
-                    className: "h-full"
-                  }
-                ) }, feature.id)) }),
+                /* @__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: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FeatureCards, { features: menu.features, open, onNavigate }) }),
                 !!_optionalChain([menu, 'access', _12 => _12.sideLinks, 'optionalAccess', _13 => _13.length]) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-[260px] shrink-0 flex-col gap-0.5 border-l border-ods-border pl-8 pt-5", children: [
                   menu.sideTitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: HEADING_CLASS, children: menu.sideTitle }),
                   menu.sideLinks.map((link) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -385,7 +420,7 @@ function TopNavigation({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "header",
     {
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
         "flex w-full items-center border-b border-ods-border",
         SIZE_CLASSES[size],
         mobileTopBorder && "border-t md:border-t-0",
@@ -398,7 +433,7 @@ function TopNavigation({
         hasContent(logo) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "div",
           {
-            className: _chunk65VVJSQZcjs.cn.call(void 0, 
+            className: _chunkN6YCOBLKcjs.cn.call(void 0, 
               "flex h-full min-w-0 items-center",
               LOGO_GROW[centerBreakpoint],
               "p-[var(--spacing-system-m)] md:py-0 md:pl-[var(--spacing-system-l)] md:pr-0 lg:pl-[var(--spacing-system-xxl)]",
@@ -410,7 +445,7 @@ function TopNavigation({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "div",
           {
-            className: _chunk65VVJSQZcjs.cn.call(void 0, 
+            className: _chunkN6YCOBLKcjs.cn.call(void 0, 
               CENTER_VISIBILITY[centerBreakpoint],
               "h-full min-w-0 flex-1 items-center justify-center",
               centerClassName
@@ -418,7 +453,7 @@ function TopNavigation({
             children: center
           }
         ),
-        hasContent(cta) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex h-full shrink-0 items-center px-[var(--spacing-system-m)]", ctaClassName), children: cta }),
+        hasContent(cta) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex h-full shrink-0 items-center px-[var(--spacing-system-m)]", ctaClassName), children: cta }),
         sideActions,
         children
       ]
@@ -430,7 +465,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, _chunkMYHS4W2Hcjs.EntityIcon, { icon: { name: menu.iconName }, size: 20, className: "size-5 shrink-0" }) : null;
+var menuIcon = (menu) => menu.iconName ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJQWYXC2Ecjs.EntityIcon, { icon: { name: menu.iconName }, size: 20, className: "size-5 shrink-0" }) : null;
 function SiteHeader({
   nav,
   pathname,
@@ -453,8 +488,8 @@ function SiteHeader({
 }) {
   const [show, setShow] = _react.useState.call(void 0, true);
   const lastScrollY = _react.useRef.call(void 0, 0);
-  const activeId = _chunkE64HPPRHcjs.useActiveSection.call(void 0, nav.menus, pathname);
-  const { openId, close, getTriggerProps, getPanelProps } = _chunkE64HPPRHcjs.useNavMenus.call(void 0, { pathname });
+  const activeId = _chunkZV6RQNXEcjs.useActiveSection.call(void 0, nav.menus, pathname);
+  const { openId, close, getTriggerProps, getPanelProps } = _chunkZV6RQNXEcjs.useNavMenus.call(void 0, { pathname });
   const [trail, setTrail] = _react.useState.call(void 0, { id: null, from: null });
   if (trail.id !== openId) setTrail({ id: openId, from: trail.id });
   const previousId = trail.id === openId ? trail.from : trail.id;
@@ -481,13 +516,13 @@ function SiteHeader({
     if (!hasPanel) {
       if (!menu.href) return null;
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkTF5D5MNOcjs.Button,
+        _chunkCDBFQVPAcjs.Button,
         {
           asChild: true,
           variant: "transparent",
           size: "wrap",
           font: "regular",
-          className: _chunk65VVJSQZcjs.cn.call(void 0, TOP_ITEM_CLASS, NAV_FOCUS_CLASS, current && TOP_ITEM_CURRENT_CLASS),
+          className: _chunkN6YCOBLKcjs.cn.call(void 0, TOP_ITEM_CLASS, NAV_FOCUS_CLASS, current && TOP_ITEM_CURRENT_CLASS),
           children: renderLink({
             link: { href: menu.href },
             "aria-current": current ? "page" : void 0,
@@ -503,9 +538,9 @@ function SiteHeader({
     return (
       // A dropdown is anchored to its trigger (`relative`); a mega menu to the
       // bar itself, so its wrapper stays unpositioned.
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex", !isMegaMenu(menu) && "relative"), children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex", !isMegaMenu(menu) && "relative"), children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          _chunkTF5D5MNOcjs.Button,
+          _chunkCDBFQVPAcjs.Button,
           {
             type: "button",
             variant: "transparent",
@@ -513,7 +548,7 @@ function SiteHeader({
             font: "regular",
             ...getTriggerProps(menu.id),
             "aria-current": current ? "page" : void 0,
-            className: _chunk65VVJSQZcjs.cn.call(void 0, 
+            className: _chunkN6YCOBLKcjs.cn.call(void 0, 
               TOP_ITEM_CLASS,
               NAV_FOCUS_CLASS,
               open && "bg-ods-bg-hover text-ods-text-primary",
@@ -526,7 +561,7 @@ function SiteHeader({
                 _chunkSKI6NKOEcjs.Chevron02DownIcon,
                 {
                   "aria-hidden": "true",
-                  className: _chunk65VVJSQZcjs.cn.call(void 0, "!h-4 !w-4 transition-transform duration-150", open && "rotate-180")
+                  className: _chunkN6YCOBLKcjs.cn.call(void 0, "!h-4 !w-4 transition-transform duration-150", open && "rotate-180")
                 }
               )
             ]
@@ -549,7 +584,7 @@ function SiteHeader({
       ] }, menu.id)
     );
   };
-  const primaryCta = typeof nav.primaryCta === "object" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { variant: "accent", href: nav.primaryCta.href, children: nav.primaryCta.label }) : nav.primaryCta === "none" ? null : _nullishCoalesce(cta, () => ( null));
+  const primaryCta = typeof nav.primaryCta === "object" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "accent", href: nav.primaryCta.href, children: nav.primaryCta.label }) : nav.primaryCta === "none" ? null : _nullishCoalesce(cta, () => ( null));
   const hasRight = !!mingo || !!nav.signIn || !!actions || !!primaryCta;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
@@ -562,7 +597,7 @@ function SiteHeader({
           _chunkV45KLJQPcjs.next_link_default,
           {
             href: `#${skipToContentId}`,
-            className: _chunk65VVJSQZcjs.cn.call(void 0, 
+            className: _chunkN6YCOBLKcjs.cn.call(void 0, 
               "sr-only left-[var(--spacing-system-lf)] top-3 z-[70] rounded-md bg-ods-text-primary px-[var(--spacing-system-mf)] py-[var(--spacing-system-xsf)] text-ods-bg text-h6 focus:not-sr-only focus:absolute",
               NAV_FOCUS_CLASS
             ),
@@ -572,7 +607,7 @@ function SiteHeader({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           TopNavigation,
           {
-            className: _chunk65VVJSQZcjs.cn.call(void 0, "relative", className),
+            className: _chunkN6YCOBLKcjs.cn.call(void 0, "relative", className),
             style,
             backgroundClassName,
             centerBreakpoint: "lg",
@@ -580,7 +615,7 @@ function SiteHeader({
             leading: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
               leading,
               mobile && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkXN6LXMH5cjs.HeaderButton,
+                _chunkODZ5XGWAcjs.HeaderButton,
                 {
                   className: "border-r border-ods-border lg:hidden",
                   onClick: mobile.onToggle,
@@ -594,7 +629,7 @@ function SiteHeader({
             ] }),
             logo: logoHref ? renderLink({
               link: { href: logoHref },
-              className: _chunk65VVJSQZcjs.cn.call(void 0, 
+              className: _chunkN6YCOBLKcjs.cn.call(void 0, 
                 "flex min-w-0 items-center rounded-md transition-opacity duration-200 hover:opacity-80",
                 NAV_FOCUS_CLASS
               ),
@@ -606,7 +641,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, 
-                _chunkNWZSYG4Scjs.MingoAiButton,
+                _chunkHLZUBJPLcjs.MingoAiButton,
                 {
                   source: mingo.source,
                   icon: mingo.icon,
@@ -617,13 +652,13 @@ function SiteHeader({
               nav.signIn && // `data-site-signin`: a host whose page is the same for every visitor (served from a CDN) hides it
               // before paint for a visitor with a session, so a signed-in visitor never sees it flash.
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden lg:flex", "data-site-signin": "", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkTF5D5MNOcjs.Button,
+                _chunkCDBFQVPAcjs.Button,
                 {
                   asChild: true,
                   variant: "transparent",
                   size: "wrap",
                   font: "regular",
-                  className: _chunk65VVJSQZcjs.cn.call(void 0, TOP_ITEM_CLASS, NAV_FOCUS_CLASS),
+                  className: _chunkN6YCOBLKcjs.cn.call(void 0, TOP_ITEM_CLASS, NAV_FOCUS_CLASS),
                   children: renderLink({ link: nav.signIn, children: nav.signIn.label })
                 }
               ) }),
@@ -672,12 +707,12 @@ function MobileNavSheetBody({
   const sheetRef = _react.useRef.call(void 0, null);
   const menus = [..._nullishCoalesce(nav.mobileMenus, () => ( nav.menus)), ..._nullishCoalesce(extraMenus, () => ( []))];
   _overlays.usePreventScroll.call(void 0, );
-  _chunkE64HPPRHcjs.useFocusTrap.call(void 0, sheetRef, true, { onEscape: onClose });
+  _chunkZV6RQNXEcjs.useFocusTrap.call(void 0, sheetRef, true, { onEscape: onClose });
   const [openGroups, setOpenGroups] = _react.useState.call(void 0, () => {
-    const active = _chunkE64HPPRHcjs.resolveActiveSection.call(void 0, menus, pathname);
+    const active = _chunkZV6RQNXEcjs.resolveActiveSection.call(void 0, menus, pathname);
     return active ? { [active]: true } : {};
   });
-  const primaryCta = typeof nav.primaryCta === "object" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { variant: "accent", href: nav.primaryCta.href, onClick: onClose, className: "w-full", children: nav.primaryCta.label }) : nav.primaryCta === "none" ? null : _nullishCoalesce(cta, () => ( null));
+  const primaryCta = typeof nav.primaryCta === "object" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "accent", href: nav.primaryCta.href, onClick: onClose, className: "w-full", children: nav.primaryCta.label }) : nav.primaryCta === "none" ? null : _nullishCoalesce(cta, () => ( null));
   const hasFooter = !!actions || !!primaryCta || !!nav.signIn;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
@@ -688,7 +723,7 @@ function MobileNavSheetBody({
       "aria-modal": "true",
       "aria-label": "Navigation menu",
       tabIndex: -1,
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
         "fixed inset-0 z-[9999] flex h-[100svh] flex-col text-ods-text-primary outline-none",
         _nullishCoalesce(backgroundClassName, () => ( "bg-ods-bg"))
       ),
@@ -696,21 +731,21 @@ function MobileNavSheetBody({
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-14 shrink-0 items-center justify-between border-b border-ods-border pl-5 pr-[var(--spacing-system-xsf)]", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-w-0 items-center", children: logo }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkTF5D5MNOcjs.Button,
+            _chunkCDBFQVPAcjs.Button,
             {
               type: "button",
               variant: "transparent",
               size: "icon",
               "aria-label": "Close menu",
               onClick: onClose,
-              className: _chunk65VVJSQZcjs.cn.call(void 0, "h-11 w-11 shrink-0 md:h-11 md:w-11", NAV_FOCUS_CLASS),
+              className: _chunkN6YCOBLKcjs.cn.call(void 0, "h-11 w-11 shrink-0 md:h-11 md:w-11", NAV_FOCUS_CLASS),
               children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWWUSFOJ7cjs.XmarkIcon, { "aria-hidden": "true", className: "!h-6 !w-6" })
             }
           )
         ] }),
         /* @__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, 
-            _chunkNWZSYG4Scjs.MingoAiButton,
+            _chunkHLZUBJPLcjs.MingoAiButton,
             {
               variant: "field",
               source: askAI.source,
@@ -725,7 +760,7 @@ function MobileNavSheetBody({
               if (!menu.href) return null;
               return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-b border-ods-border", children: renderLink({
                 link: { href: menu.href },
-                className: _chunk65VVJSQZcjs.cn.call(void 0, GROUP_ROW_CLASS, NAV_FOCUS_CLASS),
+                className: _chunkN6YCOBLKcjs.cn.call(void 0, GROUP_ROW_CLASS, NAV_FOCUS_CLASS),
                 onClick: onClose,
                 children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
                   menu.label,
@@ -737,7 +772,7 @@ function MobileNavSheetBody({
             const listId = `${MOBILE_NAV_SHEET_ID}-${menu.id}`;
             return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "border-b border-ods-border", children: [
               /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-                _chunkTF5D5MNOcjs.Button,
+                _chunkCDBFQVPAcjs.Button,
                 {
                   type: "button",
                   variant: "glyph",
@@ -746,14 +781,14 @@ function MobileNavSheetBody({
                   "aria-expanded": open,
                   "aria-controls": open ? listId : void 0,
                   onClick: () => setOpenGroups((prev) => ({ ...prev, [menu.id]: !prev[menu.id] })),
-                  className: _chunk65VVJSQZcjs.cn.call(void 0, GROUP_ROW_CLASS, NAV_FOCUS_CLASS),
+                  className: _chunkN6YCOBLKcjs.cn.call(void 0, GROUP_ROW_CLASS, NAV_FOCUS_CLASS),
                   children: [
                     menu.label,
                     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                       _chunkSKI6NKOEcjs.Chevron02DownIcon,
                       {
                         "aria-hidden": "true",
-                        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+                        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
                           "h-5 w-5 shrink-0 text-ods-text-muted transition-transform duration-150",
                           open && "rotate-180"
                         )
@@ -784,7 +819,7 @@ function MobileNavSheetBody({
           primaryCta,
           nav.signIn && renderLink({
             link: nav.signIn,
-            className: _chunk65VVJSQZcjs.cn.call(void 0, 
+            className: _chunkN6YCOBLKcjs.cn.call(void 0, 
               "flex h-12 items-center justify-center rounded-md text-ods-text-primary text-h4",
               NAV_FOCUS_CLASS
             ),
@@ -821,14 +856,14 @@ function FooterColumn({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
         "flex min-w-0 flex-col md:gap-[var(--spacing-system-mf)]",
         accordion ? "border-b border-ods-border md:border-b-0" : "gap-[var(--spacing-system-mf)]"
       ),
       children: [
         group.title && (accordion ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "md:hidden", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            _chunkTF5D5MNOcjs.Button,
+            _chunkCDBFQVPAcjs.Button,
             {
               type: "button",
               variant: "glyph",
@@ -837,7 +872,7 @@ function FooterColumn({
               "aria-expanded": open,
               "aria-controls": listId,
               onClick: () => setOpen((prev) => !prev),
-              className: _chunk65VVJSQZcjs.cn.call(void 0, 
+              className: _chunkN6YCOBLKcjs.cn.call(void 0, 
                 "flex min-h-14 w-full items-center justify-between gap-[var(--spacing-system-sf)] text-left",
                 HEADING_CLASS2,
                 NAV_FOCUS_CLASS
@@ -848,19 +883,19 @@ function FooterColumn({
                   _chunkSKI6NKOEcjs.Chevron02DownIcon,
                   {
                     "aria-hidden": "true",
-                    className: _chunk65VVJSQZcjs.cn.call(void 0, "h-5 w-5 shrink-0 transition-transform duration-150", open && "rotate-180")
+                    className: _chunkN6YCOBLKcjs.cn.call(void 0, "h-5 w-5 shrink-0 transition-transform duration-150", open && "rotate-180")
                   }
                 )
               ]
             }
           ) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: _chunk65VVJSQZcjs.cn.call(void 0, "hidden md:block", HEADING_CLASS2), children: group.title })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "hidden md:block", HEADING_CLASS2), children: group.title })
         ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: HEADING_CLASS2, children: group.title })),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "ul",
           {
             id: listId,
-            className: _chunk65VVJSQZcjs.cn.call(void 0, 
+            className: _chunkN6YCOBLKcjs.cn.call(void 0, 
               "flex-col md:flex md:gap-[var(--spacing-system-sf)] md:pb-0",
               accordion ? open ? "flex gap-[var(--spacing-system-sf)] pb-[var(--spacing-system-mf)]" : "hidden" : "flex gap-[var(--spacing-system-sf)]"
             ),
@@ -884,11 +919,11 @@ function SiteFooter({
   year = (/* @__PURE__ */ new Date()).getFullYear()
 }) {
   const band = nav.closingBand;
-  const bandPrimary = typeof nav.primaryCta === "object" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { variant: "accent", href: nav.primaryCta.href, children: nav.primaryCta.label }) : nav.primaryCta === "none" ? null : _nullishCoalesce(cta, () => ( null));
+  const bandPrimary = typeof nav.primaryCta === "object" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "accent", href: nav.primaryCta.href, children: nav.primaryCta.label }) : nav.primaryCta === "none" ? null : _nullishCoalesce(cta, () => ( null));
   const columns = nav.footerColumns;
   const accordion = columns.length > ACCORDION_OVER;
   const socialRow = _nullishCoalesce(social, () => ( (nav.brand.social.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkXN6LXMH5cjs.SocialIconRow,
+    _chunkODZ5XGWAcjs.SocialIconRow,
     {
       compact: true,
       links: nav.brand.social.map((link) => ({
@@ -901,7 +936,7 @@ function SiteFooter({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "footer",
     {
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
         "relative z-[44] w-full border-t border-ods-border px-[var(--spacing-system-lf)] text-ods-text-primary",
         _nullishCoalesce(backgroundClassName, () => ( "bg-ods-bg"))
       ),
@@ -913,7 +948,7 @@ function SiteFooter({
           ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex shrink-0 flex-col gap-[var(--spacing-system-sf)] md:flex-row", children: [
             bandPrimary,
-            band.secondary && (_nullishCoalesce(secondaryCta, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { variant: "outline", href: band.secondary.href, openInNewTab: band.secondary.external, children: navLinkLabel(band.secondary) }))))
+            band.secondary && (_nullishCoalesce(secondaryCta, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "outline", href: band.secondary.href, openInNewTab: band.secondary.external, children: navLinkLabel(band.secondary) }))))
           ] })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-8 py-[var(--spacing-system-xlf)] lg:flex-row lg:gap-16 lg:py-14", children: [
@@ -926,7 +961,7 @@ function SiteFooter({
             socialRow,
             nav.brand.statusUrl && renderLink({
               link: { href: nav.brand.statusUrl, external: true },
-              className: _chunk65VVJSQZcjs.cn.call(void 0, 
+              className: _chunkN6YCOBLKcjs.cn.call(void 0, 
                 "inline-flex items-center gap-[var(--spacing-system-xsf)] text-ods-text-secondary transition-colors text-h6 hover:text-ods-text-primary",
                 NAV_FOCUS_CLASS
               ),
@@ -941,7 +976,7 @@ function SiteFooter({
             "nav",
             {
               "aria-label": "Footer",
-              className: _chunk65VVJSQZcjs.cn.call(void 0, 
+              className: _chunkN6YCOBLKcjs.cn.call(void 0, 
                 "grid min-w-0 flex-1 md:gap-7",
                 accordion ? "grid-cols-1" : "grid-cols-2 gap-7",
                 DESKTOP_COLUMNS[Math.min(columns.length, 6)]
@@ -953,7 +988,7 @@ function SiteFooter({
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           "div",
           {
-            className: _chunk65VVJSQZcjs.cn.call(void 0, 
+            className: _chunkN6YCOBLKcjs.cn.call(void 0, 
               "flex flex-col gap-[var(--spacing-system-xxs)] border-t border-ods-border pb-[var(--spacing-system-xlf)] pt-[var(--spacing-system-lf)] text-ods-text-secondary text-h6 md:flex-row md:items-center md:justify-between md:gap-[var(--spacing-system-lf)]"
             ),
             children: [
@@ -991,12 +1026,12 @@ var _framermotion = require('framer-motion');
 
 function SlidingSidebar({ config }) {
   const [expandedItems, setExpandedItems] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
-  const mounted = _chunkKM2TVQCHcjs.useIsHydrated.call(void 0, );
+  const mounted = _chunkFWJ5YECNcjs.useIsHydrated.call(void 0, );
   const headerHeight = _chunk24I6RFVUcjs.useHeaderHeight.call(void 0, );
   const asideRef = _react.useRef.call(void 0, null);
   const prefersReducedMotion = _framermotion.useReducedMotion.call(void 0, );
   _overlays.usePreventScroll.call(void 0, { isDisabled: !config.isOpen });
-  _chunkE64HPPRHcjs.useFocusTrap.call(void 0, asideRef, config.isOpen, { onEscape: config.onClose, contain: false });
+  _chunkZV6RQNXEcjs.useFocusTrap.call(void 0, asideRef, config.isOpen, { onEscape: config.onClose, contain: false });
   const toggleExpanded = (itemId) => {
     const newExpanded = new Set(expandedItems);
     if (newExpanded.has(itemId)) {
@@ -1017,7 +1052,7 @@ function SlidingSidebar({ config }) {
       const chevronIcon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "svg",
         {
-          className: _chunk65VVJSQZcjs.cn.call(void 0, "h-4 w-4 transition-transform", isExpanded && "rotate-90"),
+          className: _chunkN6YCOBLKcjs.cn.call(void 0, "h-4 w-4 transition-transform", isExpanded && "rotate-90"),
           fill: "none",
           stroke: "currentColor",
           viewBox: "0 0 24 24",
@@ -1026,14 +1061,14 @@ function SlidingSidebar({ config }) {
       );
       return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          _chunkTF5D5MNOcjs.Button,
+          _chunkCDBFQVPAcjs.Button,
           {
             variant: "transparent",
             size: "default",
             onClick: () => toggleExpanded(item.id),
             leftIcon: item.icon,
             rightIcon: chevronIcon,
-            className: _chunk65VVJSQZcjs.cn.call(void 0, 
+            className: _chunkN6YCOBLKcjs.cn.call(void 0, 
               "!w-full overflow-hidden rounded-lg transition-colors md:!w-full",
               level === 0 ? "pl-3" : "pl-6",
               item.isActive ? "bg-ods-accent text-ods-text-on-accent hover:bg-ods-accent/90" : "text-ods-text-primary hover:bg-ods-border"
@@ -1064,7 +1099,7 @@ function SlidingSidebar({ config }) {
     }
     if (item.href) {
       return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        _chunkTF5D5MNOcjs.Button,
+        _chunkCDBFQVPAcjs.Button,
         {
           variant: "transparent",
           size: "default",
@@ -1073,7 +1108,7 @@ function SlidingSidebar({ config }) {
             config.onClose();
           },
           leftIcon: item.icon,
-          className: _chunk65VVJSQZcjs.cn.call(void 0, 
+          className: _chunkN6YCOBLKcjs.cn.call(void 0, 
             "!w-full overflow-hidden rounded-lg transition-colors md:!w-full",
             level === 0 ? "pl-3" : "pl-6",
             item.isActive ? "bg-ods-accent text-ods-text-on-accent hover:bg-ods-accent/90" : "text-ods-text-primary hover:bg-ods-border"
@@ -1087,7 +1122,7 @@ function SlidingSidebar({ config }) {
       );
     }
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _chunkTF5D5MNOcjs.Button,
+      _chunkCDBFQVPAcjs.Button,
       {
         variant: "transparent",
         size: "default",
@@ -1096,7 +1131,7 @@ function SlidingSidebar({ config }) {
           config.onClose();
         },
         leftIcon: item.icon,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
           "!w-full overflow-hidden rounded-lg transition-colors md:!w-full",
           level === 0 ? "pl-3" : "pl-6",
           item.isActive ? "bg-ods-accent text-ods-text-on-accent hover:bg-ods-accent/90" : "text-ods-text-primary hover:bg-ods-border"
@@ -1123,7 +1158,7 @@ function SlidingSidebar({ config }) {
           duration: 0.3,
           ease: [0.4, 0, 0.2, 1]
         },
-        className: _chunk65VVJSQZcjs.cn.call(void 0, "fixed inset-0 z-[45]", _chunkRB7VLVMDcjs.OVERLAY_BACKDROP_CLASS),
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, "fixed inset-0 z-[45]", _chunk4XDYSGRLcjs.OVERLAY_BACKDROP_CLASS),
         onClick: () => config.onClose()
       }
     ) }),
@@ -1147,7 +1182,7 @@ function SlidingSidebar({ config }) {
         inert: !config.isOpen || void 0,
         role: config.isOpen ? "dialog" : void 0,
         "aria-label": config.isOpen ? "Navigation sidebar" : void 0,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
           // 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",
@@ -1166,7 +1201,7 @@ function SlidingSidebar({ config }) {
 // src/components/navigation/page-section-bar.tsx
 
 
-var SECTION_BAR_HEIGHT_PX = _chunk3V27UHSHcjs.STICKY_SECTION_NAV_HEIGHT_PX;
+var SECTION_BAR_HEIGHT_PX = _chunkD46WFWWIcjs.STICKY_SECTION_NAV_HEIGHT_PX;
 var PAGE_ANCHOR_SCROLL_MARGIN_CLASS = "scroll-mt-36";
 var PAGE_ANCHOR_SCOPE_CLASS = "[&_[id]]:scroll-mt-36";
 var PAGE_ANCHOR_GAP_PX = 16;
@@ -1192,23 +1227,23 @@ function useRenderedSections(sections) {
 }
 function PageSectionBar({ sections: listed, label, brand, action }) {
   const sections = useRenderedSections(listed);
-  const inScope = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const inScope = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, );
   const headerBottom = _chunk24I6RFVUcjs.useHeaderHeight.call(void 0, void 0, { stuckOnly: true });
-  const { activeSection, handleSectionClick } = _chunk3V27UHSHcjs.useScrollSpy.call(void 0, sections, {
+  const { activeSection, handleSectionClick } = _chunkD46WFWWIcjs.useScrollSpy.call(void 0, sections, {
     syncHash: true,
     aboveFirst: "none",
     headerOffset: headerBottom + SECTION_BAR_HEIGHT_PX + PAGE_ANCHOR_GAP_PX
   });
   if (sections.length === 0 && !inScope) return null;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkXN6LXMH5cjs.PageContainer,
+    _chunkODZ5XGWAcjs.PageContainer,
     {
       as: "div",
       backgroundClassName: "sticky z-30 border-b border-ods-border bg-ods-bg transition-[top] duration-300 ease-in-out motion-reduce:transition-none",
       backgroundStyle: { top: headerBottom },
       contentPadding: SECTION_BAR_INSET_CLASS,
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk3V27UHSHcjs.StickySectionNav,
+        _chunkD46WFWWIcjs.StickySectionNav,
         {
           orientation: "horizontal",
           label,
@@ -1217,7 +1252,7 @@ function PageSectionBar({ sections: listed, label, brand, action }) {
           onSectionClick: handleSectionClick,
           brand,
           action: action && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkKM2TVQCHcjs.NavLinkAnchorViaRuntime,
+            _chunkFWJ5YECNcjs.NavLinkAnchorViaRuntime,
             {
               href: action.href,
               onClick: (event) => {
@@ -1225,7 +1260,7 @@ function PageSectionBar({ sections: listed, label, brand, action }) {
                 event.preventDefault();
                 handleSectionClick(action.href.slice(1));
               },
-              className: _chunk65VVJSQZcjs.cn.call(void 0, "whitespace-nowrap text-h6 hover:underline", action.className),
+              className: _chunkN6YCOBLKcjs.cn.call(void 0, "whitespace-nowrap text-h6 hover:underline", action.className),
               children: action.label
             }
           )
@@ -1253,7 +1288,7 @@ function NavigationSidebarHeader({ minimized }) {
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
           "min-w-0 flex-1 overflow-hidden transition-[opacity,margin-left] duration-300",
           minimized ? "ml-0 opacity-0" : "ml-[var(--spacing-system-xs)] opacity-100"
         ),
@@ -1271,12 +1306,12 @@ function NavigationSidebarHeader({ minimized }) {
 
 function NavigationItemBadge({ label, compact = false, className, ...rest }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkHY6BCZH7cjs.Tag,
+    _chunkAFJEUBDScjs.Tag,
     {
       as: "span",
       label,
       variant: "warning",
-      className: _chunk65VVJSQZcjs.cn.call(void 0, "pointer-events-none shrink-0", compact && "h-5 px-[var(--spacing-system-xxs)]", className),
+      className: _chunkN6YCOBLKcjs.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
     }
@@ -1285,7 +1320,12 @@ function NavigationItemBadge({ label, compact = false, className, ...rest }) {
 
 // src/components/navigation/navigation-sidebar-item.tsx
 
-var NavigationSidebarItemButton = _react.memo.call(void 0, function NavigationSidebarItemButtonImpl({
+var NAV_SIDEBAR_ROW_LAYOUT_CLASS = "h-14";
+var NavigationSidebarItemButton = _react.memo.call(void 0, function NavigationSidebarItemButtonSwitch(props) {
+  if (_chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || props.loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NavigationSidebarItemSkeleton, { showLabel: props.showLabel });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadedNavigationSidebarItemButton, { ...props });
+});
+function LoadedNavigationSidebarItemButton({
   item,
   isActive,
   isPending,
@@ -1296,52 +1336,17 @@ 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 = _chunk65VVJSQZcjs.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
-    // sliding behind the sidebar.
-    "relative isolate flex w-full items-center justify-start",
-    "h-14 p-[var(--spacing-system-m)]",
-    // The hover/pending wash is its own LAYER, and that separation is the whole
-    // point. Hover and active both want the row's background-color, so a
-    // `transition-colors` that smooths hover necessarily smooths the accent too
-    // — and it runs on the OUTGOING row as well as the incoming one. Measured on
-    // a real navigation: for 150ms two rows carried the accent background AND
-    // the accent bar, mid-fade, with nothing to say which one was the page you
-    // were actually on. Shortening it (300ms -> 150ms) only shortened the lie.
-    //
-    // Split apart, each gets the timing its meaning calls for: the wash fades,
-    // because it is decoration reacting to a cursor; the accent switches in a
-    // single frame, because it is a statement of fact — exactly one row is the
-    // current page, at every instant, including the instant the route commits.
-    "after:pointer-events-none after:absolute after:inset-0 after:-z-10 after:bg-ods-bg-hover after:opacity-0 after:transition-opacity after:duration-150 after:content-['']",
-    "before:absolute before:bottom-0 before:left-0 before:top-0 before:w-1 before:content-['']",
-    // Pending borrows the HOVER weight and nothing else — no accent bar, no
-    // accent text, no `aria-current`. It says "this row is working", not "this
-    // is where you are", and it reads as the row staying pressed under the
-    // cursor, which is exactly what happened.
-    !isActive && !disabled && "text-ods-text-primary hover:after:opacity-100 [&_svg]:fill-ods-text-secondary",
-    !isActive && !disabled && isPending && "after:opacity-100",
-    !isActive && disabled && "text-ods-text-secondary [&_svg]:fill-ods-text-secondary",
-    isActive && !disabled && [
-      "bg-[var(--ods-open-yellow-light)] text-ods-accent",
-      "[&_svg]:fill-ods-accent",
-      "before:bg-ods-accent"
-    ],
-    isActive && disabled && "text-ods-text-secondary [&_svg]:fill-ods-text-secondary",
-    disabled && "cursor-not-allowed opacity-50"
-  );
   const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative flex flex-shrink-0 items-center justify-center", children: [
       _react.cloneElement.call(void 0, item.icon, {
         color: isActive && !disabled ? "text-ods-accent" : "text-ods-text-secondary"
       }),
-      hasUnread && !showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXN6LXMH5cjs.UnreadDot, { size: "fixed" })
+      hasUnread && !showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODZ5XGWAcjs.UnreadDot, { size: "fixed" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "span",
       {
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
           "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"
         ),
@@ -1355,20 +1360,34 @@ var NavigationSidebarItemButton = _react.memo.call(void 0, function NavigationSi
     hasUnread && showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ml-[var(--spacing-system-xs)] flex h-6 min-w-6 flex-shrink-0 items-center justify-center rounded-md bg-ods-accent px-[var(--spacing-system-xsf)]", 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 ? name : void 0,
     "aria-label": name,
-    "aria-current": isActive ? "page" : void 0
+    "aria-current": isActive ? "page" : void 0,
+    // A row whose route is still committing: announced, never drawn as the current page.
+    "aria-busy": isPending || void 0
   };
+  const rowState = isActive && !disabled ? "active" : void 0;
   if (disabled || !item.path || item.onClick) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", onClick: (event) => onClick(item, event), disabled, ...shared, children: content });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkCDBFQVPAcjs.Button,
+      {
+        variant: "row",
+        type: "button",
+        onClick: (event) => onClick(item, event),
+        disabled,
+        "data-state": rowState,
+        className: NAV_SIDEBAR_ROW_LAYOUT_CLASS,
+        ...shared,
+        children: content
+      }
+    );
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href: item.path, onClick: (event) => onClick(item, event), ...shared, children: content });
-});
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { asChild: true, variant: "row", "data-state": rowState, className: NAV_SIDEBAR_ROW_LAYOUT_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href: item.path, onClick: (event) => onClick(item, event), ...shared, children: content }) });
+}
 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, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-6 w-6 rounded" }) }),
-    showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "ml-[var(--spacing-system-xs)] h-4 flex-1 rounded" })
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, _chunkN6YCOBLKcjs.BUTTON_KIND_CLASS.row, NAV_SIDEBAR_ROW_LAYOUT_CLASS), "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, _chunkYNDH72VUcjs.UnifiedSkeleton, { className: "h-6 w-6 rounded" }) }),
+    showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { className: "ml-[var(--spacing-system-xs)] h-4 flex-1 rounded" })
   ] });
 }
 
@@ -1376,16 +1395,11 @@ function NavigationSidebarItemSkeleton({ showLabel }) {
 
 function NavigationSidebarToggle({ minimized, showLabel, onToggle }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-t border-ods-border", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "button",
+    _chunkCDBFQVPAcjs.Button,
     {
+      variant: "row",
       onClick: onToggle,
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
-        "relative flex w-full items-center justify-start",
-        "h-14 p-[var(--spacing-system-m)]",
-        "transition-colors duration-300",
-        "[&_svg]:transition-colors [&_svg]:duration-300",
-        "text-ods-text-primary hover:bg-ods-bg-hover"
-      ),
+      className: "h-14",
       title: minimized ? "Hide Menu" : void 0,
       "aria-label": "Hide Menu",
       children: [
@@ -1393,7 +1407,7 @@ function NavigationSidebarToggle({ minimized, showLabel, onToggle }) {
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "span",
           {
-            className: _chunk65VVJSQZcjs.cn.call(void 0, 
+            className: _chunkN6YCOBLKcjs.cn.call(void 0, 
               "flex-1 truncate text-left transition-[opacity,margin-left] duration-300 text-h4",
               showLabel ? "ml-[var(--spacing-system-xs)] opacity-100" : "ml-0 opacity-0"
             ),
@@ -1427,17 +1441,17 @@ var SIDEBAR_GEOMETRY_CLASSES = [
 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, pushOnTablet = false }) {
-  const isMdUp = _nullishCoalesce(_chunk5P4TDV7Vcjs.useMdUp.call(void 0, ), () => ( false));
-  const isLgUp = _nullishCoalesce(_chunk5P4TDV7Vcjs.useLgUp.call(void 0, ), () => ( false));
+  const isMdUp = _nullishCoalesce(_chunkV4FXUIMHcjs.useMdUp.call(void 0, ), () => ( false));
+  const isLgUp = _nullishCoalesce(_chunkV4FXUIMHcjs.useLgUp.call(void 0, ), () => ( false));
   const isTablet = isMdUp && !isLgUp;
-  const [desktopMinimized, setDesktopMinimized] = _chunk2JRSYWFPcjs.useLocalStorage.call(void 0, STORAGE_KEY, _nullishCoalesce(config.minimized, () => ( false)));
+  const [desktopMinimized, setDesktopMinimized] = _chunkVXAKQRV7cjs.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 = _chunkKM2TVQCHcjs.useIsHydrated.call(void 0, );
+  const hydrated = _chunkFWJ5YECNcjs.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;
@@ -1504,10 +1518,10 @@ function NavigationSidebar({ config, disabled = false, pushOnTablet = false }) {
     };
   }, [config.loading, _optionalChain([config, 'access', _44 => _44.loadingRows, 'optionalAccess', _45 => _45.primary]), _optionalChain([config, 'access', _46 => _46.loadingRows, 'optionalAccess', _47 => _47.secondary])]);
   const sidebarWidth = _react.useMemo.call(void 0, () => minimized ? `${MINIMIZED_WIDTH}px` : `${EXPANDED_WIDTH}px`, [minimized]);
-  _chunkDGFDBPO7cjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  _chunkSZHDXXMKcjs.useIsomorphicLayoutEffect.call(void 0, () => {
     document.documentElement.style.setProperty(NAVIGATION_SIDEBAR_WIDTH_VAR, sidebarWidth);
   }, [sidebarWidth]);
-  _chunkDGFDBPO7cjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  _chunkSZHDXXMKcjs.useIsomorphicLayoutEffect.call(void 0, () => {
     if (transitionsEnabled) return void 0;
     const id = requestAnimationFrame(() => {
       setTransitionsEnabled(true);
@@ -1518,7 +1532,7 @@ function NavigationSidebar({ config, disabled = false, pushOnTablet = false }) {
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
           "fixed inset-0 z-[40] bg-ods-overlay",
           "hidden md:block lg:hidden",
           "transition-opacity duration-300",
@@ -1531,7 +1545,7 @@ function NavigationSidebar({ config, disabled = false, pushOnTablet = false }) {
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkN6YCOBLKcjs.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"
@@ -1542,7 +1556,7 @@ function NavigationSidebar({ config, disabled = false, pushOnTablet = false }) {
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "aside",
       {
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
           SIDEBAR_CONTAINER,
           "hidden flex-shrink-0 flex-col md:flex",
           "border-r border-ods-border bg-ods-card",
@@ -1560,7 +1574,7 @@ function NavigationSidebar({ config, disabled = false, pushOnTablet = false }) {
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-1 flex-col justify-between overflow-y-auto py-4", children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
               _optionalChain([config, 'access', _48 => _48.topSlot, 'optionalCall', _49 => _49({ minimized })]),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { className: "flex flex-col", "aria-label": "Primary navigation", "aria-busy": !!loadingRows, children: loadingRows ? loadingRows.primary.map((key) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NavigationSidebarItemSkeleton, { showLabel }, key)) : primaryItems.map((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { className: "flex flex-col", "aria-label": "Primary navigation", "aria-busy": !!loadingRows, children: loadingRows ? loadingRows.primary.map((key) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NavigationSidebarItemButton, { loading: true, showLabel }, key)) : primaryItems.map((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 NavigationSidebarItemButton,
                 {
                   item,
@@ -1573,7 +1587,7 @@ function NavigationSidebar({ config, disabled = false, pushOnTablet = false }) {
                 item.id
               )) })
             ] }),
-            (loadingRows ? loadingRows.secondary.length > 0 : secondaryItems.length > 0) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { className: "flex flex-col", "aria-label": "Secondary navigation", "aria-busy": !!loadingRows, children: loadingRows ? loadingRows.secondary.map((key) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NavigationSidebarItemSkeleton, { showLabel }, key)) : secondaryItems.map((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            (loadingRows ? loadingRows.secondary.length > 0 : secondaryItems.length > 0) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { className: "flex flex-col", "aria-label": "Secondary navigation", "aria-busy": !!loadingRows, children: loadingRows ? loadingRows.secondary.map((key) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NavigationSidebarItemButton, { loading: true, showLabel }, key)) : secondaryItems.map((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               NavigationSidebarItemButton,
               {
                 item,
@@ -1629,8 +1643,8 @@ function HeaderGlobalSearch({
     "form",
     {
       onSubmit: handleSubmit,
-      ..._chunkNWZSYG4Scjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      ..._chunkHLZUBJPLcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
         "flex h-full flex-1 items-center gap-2 px-3",
         // Transparent so the cell inherits the bar's background
         // (TopNavigation `backgroundClassName` can differ per platform).
@@ -1647,7 +1661,7 @@ function HeaderGlobalSearch({
             onChange: handleChange,
             onKeyDown: handleKeyDown,
             placeholder,
-            className: _chunk65VVJSQZcjs.cn.call(void 0, 
+            className: _chunkN6YCOBLKcjs.cn.call(void 0, 
               "min-w-0 flex-1 bg-transparent",
               "text-h4",
               "text-ods-text-primary placeholder:text-ods-text-secondary",
@@ -1671,23 +1685,18 @@ function HeaderMingoButton({
 }) {
   const showClose = isActive && (iconOnly || closeWhenActive);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "button",
+    _chunkCDBFQVPAcjs.Button,
     {
+      variant: "cell",
       type: "button",
       "aria-label": showClose ? "Close Mingo AI" : "Mingo AI",
       "aria-pressed": isActive,
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
-        "flex h-full shrink-0 items-center gap-2 px-4",
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
         // Fixed 140px cell from md, so the header's right-hand cluster has a
         // known width and a loading placeholder can reserve it exactly
         // (`AppHeaderProps.loadingActionCells` → `'wide'`). Content-width below
         // md, and in `iconOnly` mode, where the control is a square affordance.
-        !iconOnly && "md:w-[140px] md:justify-center",
-        "transition-colors duration-200",
-        "focus:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent",
-        // Transparent at rest so the cell inherits the bar's background
-        // (TopNavigation `backgroundClassName` can differ per platform).
-        "bg-transparent text-ods-text-primary hover:bg-ods-bg-hover",
+        !iconOnly && "md:w-[140px]",
         className
       ),
       ...props,
@@ -1700,7 +1709,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, _chunkEHJE3UWZcjs.AgentMark, { agent: "mingo", className: "h-6 w-6 shrink-0" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT7SDYBSTcjs.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" })
       ]
@@ -1720,33 +1729,20 @@ function HeaderOrganizationFilter({
   const selectedOrg = organizations.find((o) => o.id === selectedOrgId);
   const displayName = _optionalChain([selectedOrg, 'optionalAccess', _52 => _52.name]) || "All Organizations";
   const deviceCount = _nullishCoalesce(_optionalChain([selectedOrg, 'optionalAccess', _53 => _53.deviceCount]), () => ( totalDeviceCount));
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXIFEZ2JTcjs.DropdownMenu, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXIFEZ2JTcjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "button",
-      {
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
-          "flex h-full items-center gap-4 px-4",
-          // Transparent so the cell inherits the bar's background.
-          "border-l border-ods-border bg-transparent",
-          "w-[240px] shrink-0",
-          "transition-colors hover:bg-ods-bg-hover",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7NU6TOK3cjs.Filter02Icon, { className: "h-4 w-4 shrink-0 text-ods-text-secondary" }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-col items-start justify-center", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-text-primary text-h5", title: displayName, children: displayName }),
-            deviceCount !== void 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "truncate text-ods-text-secondary text-h6", children: [
-              deviceCount.toLocaleString(),
-              " Devices"
-            ] })
-          ] })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXIFEZ2JTcjs.DropdownMenuContent, { align: "end", className: "min-w-[240px]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXIFEZ2JTcjs.DropdownMenuItem, { onClick: () => _optionalChain([onOrgChange, 'optionalCall', _54 => _54("")]), children: "All Organizations" }),
-      organizations.map((org) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXIFEZ2JTcjs.DropdownMenuItem, { onClick: () => _optionalChain([onOrgChange, 'optionalCall', _55 => _55(org.id)]), children: org.name }, org.id))
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkL4XOCV7Scjs.DropdownMenu, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL4XOCV7Scjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "cell", className: _chunkN6YCOBLKcjs.cn.call(void 0, "w-[240px] justify-start", className), children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7NU6TOK3cjs.Filter02Icon, { className: "h-4 w-4 shrink-0 text-ods-text-secondary" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-col items-start justify-center", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-text-primary text-h5", title: displayName, children: displayName }),
+        deviceCount !== void 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "truncate text-ods-text-secondary text-h6", children: [
+          deviceCount.toLocaleString(),
+          " Devices"
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkL4XOCV7Scjs.DropdownMenuContent, { align: "end", className: "min-w-[240px]", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL4XOCV7Scjs.DropdownMenuItem, { onClick: () => _optionalChain([onOrgChange, 'optionalCall', _54 => _54("")]), children: "All Organizations" }),
+      organizations.map((org) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL4XOCV7Scjs.DropdownMenuItem, { onClick: () => _optionalChain([onOrgChange, 'optionalCall', _55 => _55(org.id)]), children: org.name }, org.id))
     ] })
   ] });
 }
@@ -1754,16 +1750,16 @@ function HeaderOrganizationFilter({
 // src/components/navigation/ticket-alerts-button.tsx
 
 function TicketAlertsButton({ href, onNavigate, disabled, className }) {
-  const live = _chunkWAQPW4CBcjs.useOptionalTicketLive.call(void 0, );
+  const live = _chunkLDGR5VCKcjs.useOptionalTicketLive.call(void 0, );
   if (!live || !live.authed || live.unreadTotal === 0) return null;
   const targetId = live.nextUnreadTicketId;
-  const target = targetId ? _chunkNWZSYG4Scjs.buildTicketOpenHref.call(void 0, href, targetId) : href;
+  const target = targetId ? _chunkHLZUBJPLcjs.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, 
-    _chunkXN6LXMH5cjs.HeaderButton,
+    _chunkODZ5XGWAcjs.HeaderButton,
     {
       icon: (
         // Glyph inherits HeaderButton's standard cell coloring (secondary at
@@ -1773,13 +1769,13 @@ 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, _chunkXN6LXMH5cjs.UnreadCountBadge, { count: live.unreadTotal })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODZ5XGWAcjs.UnreadCountBadge, { count: live.unreadTotal })
         ] })
       ),
       "aria-label": `Support tickets \u2014 ${live.unreadTotal} unread ${live.unreadTotal === 1 ? "update" : "updates"}`,
       onClick: handleClick,
       disabled,
-      className: _chunk65VVJSQZcjs.cn.call(void 0, className)
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, className)
     }
   );
 }
@@ -1813,10 +1809,11 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
   isMobileMenuOpen,
   onToggleMobileMenu,
   disabled = false,
-  loading = false,
+  loading: loadingProp = false,
   loadingActionCells
 }) {
-  const isMdUp = _nullishCoalesce(_chunk5P4TDV7Vcjs.useMdUp.call(void 0, ), () => ( false));
+  const isMdUp = _nullishCoalesce(_chunkV4FXUIMHcjs.useMdUp.call(void 0, ), () => ( false));
+  const loading = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || loadingProp;
   if (loading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       AppHeaderSkeleton,
@@ -1844,12 +1841,12 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     TopNavigation,
     {
-      className: _chunk65VVJSQZcjs.cn.call(void 0, "sticky top-0 z-40", className),
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, "sticky top-0 z-40", className),
       centerBreakpoint: "md",
       leading: (
         // Mobile: Burger Menu Button
         !isMdUp && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkXN6LXMH5cjs.HeaderButton,
+          _chunkODZ5XGWAcjs.HeaderButton,
           {
             onClick: onToggleMobileMenu,
             isActive: isMobileMenuOpen,
@@ -1872,14 +1869,14 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMME4F4GGcjs.OpenframeTextIcon, { color: "var(--color-text-primary)", className: "h-4 w-[87px]" })
       ] }),
       logoClassName: "gap-2",
-      center: showSearch ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderGlobalSearch, { onSubmit: onSearch, className: _chunk65VVJSQZcjs.cn.call(void 0, "w-full", dimmedClass) }) : void 0,
+      center: showSearch ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderGlobalSearch, { onSubmit: onSearch, className: _chunkN6YCOBLKcjs.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, 
-          _chunkXN6LXMH5cjs.HeaderButton,
+          _chunkODZ5XGWAcjs.HeaderButton,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ74QE57Tcjs.SearchIcon, { className: "h-6 w-6" }),
             "aria-label": "Search",
-            className: _chunk65VVJSQZcjs.cn.call(void 0, "md:hidden", cellDivider, dimmedClass),
+            className: _chunkN6YCOBLKcjs.cn.call(void 0, "md:hidden", cellDivider, dimmedClass),
             disabled
           }
         ),
@@ -1889,16 +1886,16 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
             organizations,
             selectedOrgId,
             onOrgChange,
-            className: _chunk65VVJSQZcjs.cn.call(void 0, "hidden lg:flex", dimmedClass)
+            className: _chunkN6YCOBLKcjs.cn.call(void 0, "hidden lg:flex", dimmedClass)
           }
         ),
-        showTimeTracker && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXN6LXMH5cjs.TimeTrackerHeaderButton, { disabled, className: _chunk65VVJSQZcjs.cn.call(void 0, cellDivider, dimmedClass) }),
+        showTimeTracker && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODZ5XGWAcjs.TimeTrackerHeaderButton, { disabled, className: _chunkN6YCOBLKcjs.cn.call(void 0, cellDivider, dimmedClass) }),
         showNotifications && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           NotificationsHeaderButton,
           {
             fallbackUnreadCount: unreadCount,
             disabled,
-            dimmedClass: _chunk65VVJSQZcjs.cn.call(void 0, cellDivider, dimmedClass)
+            dimmedClass: _chunkN6YCOBLKcjs.cn.call(void 0, cellDivider, dimmedClass)
           }
         ),
         showTicketAlerts && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1907,15 +1904,15 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
             href: _nullishCoalesce(ticketAlertsHref, () => ( "/tickets")),
             onNavigate: onTicketAlerts,
             disabled,
-            className: _chunk65VVJSQZcjs.cn.call(void 0, cellDivider, dimmedClass)
+            className: _chunkN6YCOBLKcjs.cn.call(void 0, cellDivider, dimmedClass)
           }
         ),
-        isMdUp && showUser && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXIFEZ2JTcjs.DropdownMenu, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXIFEZ2JTcjs.DropdownMenuTrigger, { asChild: true, disabled, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkXN6LXMH5cjs.HeaderButton,
+        isMdUp && showUser && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkL4XOCV7Scjs.DropdownMenu, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL4XOCV7Scjs.DropdownMenuTrigger, { asChild: true, disabled, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkODZ5XGWAcjs.HeaderButton,
             {
               icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkHY6BCZH7cjs.SquareAvatar,
+                _chunkAFJEUBDScjs.SquareAvatar,
                 {
                   src: userAvatarUrl || void 0,
                   alt: userName || "User",
@@ -1926,7 +1923,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
               ),
               "aria-label": "User",
               disabled,
-              className: _chunk65VVJSQZcjs.cn.call(void 0, 
+              className: _chunkN6YCOBLKcjs.cn.call(void 0, 
                 "outline-none ring-0 focus:outline-none focus:ring-0 focus-visible:outline-none focus-visible:ring-0",
                 cellDivider,
                 dimmedClass
@@ -1934,14 +1931,14 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
             }
           ) }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            _chunkXIFEZ2JTcjs.DropdownMenuContent,
+            _chunkL4XOCV7Scjs.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, 
-                    _chunkHY6BCZH7cjs.SquareAvatar,
+                    _chunkAFJEUBDScjs.SquareAvatar,
                     {
                       src: userAvatarUrl || void 0,
                       alt: userName || "User",
@@ -1956,7 +1953,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
                   ] })
                 ] }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkXIFEZ2JTcjs.DropdownMenuItem,
+                  _chunkL4XOCV7Scjs.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",
@@ -1967,7 +1964,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
                   }
                 ),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkXIFEZ2JTcjs.DropdownMenuItem,
+                  _chunkL4XOCV7Scjs.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",
@@ -1989,7 +1986,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
             closeWhenActive: mingoAICloseWhenActive,
             iconOnly: !isMdUp,
             disabled: disabled || !onMingoAI,
-            className: _chunk65VVJSQZcjs.cn.call(void 0, cellDivider, dimmedClass)
+            className: _chunkN6YCOBLKcjs.cn.call(void 0, cellDivider, dimmedClass)
           }
         )
       ] })
@@ -1997,12 +1994,12 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
   );
 });
 function NotificationsHeaderButton({ fallbackUnreadCount, disabled, dimmedClass }) {
-  const ctx = _chunkXN6LXMH5cjs.useOptionalNotifications.call(void 0, );
+  const ctx = _chunkODZ5XGWAcjs.useOptionalNotifications.call(void 0, );
   const hasUnread = (_nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _56 => _56.unreadCount]), () => ( fallbackUnreadCount))) > 0;
   const isActive = _nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _57 => _57.isOpen]), () => ( false));
   const onClick = _optionalChain([ctx, 'optionalAccess', _58 => _58.toggle]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkXN6LXMH5cjs.HeaderButton,
+    _chunkODZ5XGWAcjs.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,
@@ -2020,12 +2017,12 @@ var CELL_VISIBILITY = {
   "icon-lg": "hidden lg:flex"
 };
 function HeaderCellSkeleton({ className }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.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, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-6 w-6 rounded" }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.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, _chunkYNDH72VUcjs.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, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-6 w-6 shrink-0 rounded" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "hidden h-5 rounded md:block md:w-[72px]" })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { className: "h-6 w-6 shrink-0 rounded" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { className: "hidden h-5 rounded md:block md:w-[72px]" })
   ] });
 }
 function AppHeaderSkeleton({
@@ -2037,19 +2034,19 @@ function AppHeaderSkeleton({
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     TopNavigation,
     {
-      className: _chunk65VVJSQZcjs.cn.call(void 0, "sticky top-0 z-40", className),
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, "sticky top-0 z-40", className),
       centerBreakpoint: "md",
       "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, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-6 w-6 rounded" }) })
+        /* @__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, _chunkYNDH72VUcjs.UnifiedSkeleton, { className: "h-6 w-6 rounded" }) })
       ),
       logo: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-6 w-6 shrink-0 rounded" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-4 w-24 rounded" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { className: "h-6 w-6 shrink-0 rounded" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { className: "h-4 w-24 rounded" })
       ] }),
       logoClassName: "gap-2 md:hidden",
-      center: showSearch ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-10 w-full rounded-md" }) : void 0,
+      center: showSearch ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.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(
@@ -2074,7 +2071,7 @@ function AppHeaderSkeleton({
 
 var SIDE_PANEL_INSET = 16;
 var SIDE_PANEL_FRAME_WIDTH = 2;
-var MOBILE_QUERY = `not all and ${_chunk5P4TDV7Vcjs.breakpoints.md}`;
+var MOBILE_QUERY = `not all and ${_chunkV4FXUIMHcjs.breakpoints.md}`;
 var REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
 var MORPH_MS = 300;
 var STORAGE_EVENT = "of:side-panel-size";
@@ -2156,7 +2153,7 @@ function useAppLayoutSidePanel(config, row) {
   const minimum = { width: minWidth, expanded: false };
   const defaultWidth = Math.max(minWidth, _nullishCoalesce(_optionalChain([config, 'optionalAccess', _62 => _62.defaultWidth]), () => ( minWidth)));
   const [rowWidth, setRowWidth] = _react.useState.call(void 0, 0);
-  _chunkDGFDBPO7cjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  _chunkSZHDXXMKcjs.useIsomorphicLayoutEffect.call(void 0, () => {
     if (!enabled || !row) return void 0;
     const update = () => setRowWidth(row.clientWidth);
     update();
@@ -2164,8 +2161,8 @@ function useAppLayoutSidePanel(config, row) {
     observer.observe(row);
     return () => observer.disconnect();
   }, [enabled, row]);
-  const isMobile = _chunk5P4TDV7Vcjs.useMediaQuery.call(void 0, MOBILE_QUERY) === true;
-  const reduceMotion = _chunk5P4TDV7Vcjs.useMediaQuery.call(void 0, REDUCED_MOTION_QUERY) === true;
+  const isMobile = _chunkV4FXUIMHcjs.useMediaQuery.call(void 0, MOBILE_QUERY) === true;
+  const reduceMotion = _chunkV4FXUIMHcjs.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', _63 => _63.storageKey]), { width: defaultWidth, expanded: false });
@@ -2382,7 +2379,7 @@ function AppLayoutSidePanel({ config, state }) {
       id: panelId,
       "aria-label": label,
       onKeyDown: handleKeyDown,
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.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.
@@ -2403,7 +2400,7 @@ function AppLayoutSidePanel({ config, state }) {
           onTransitionCancel: (event) => {
             if (event.target === event.currentTarget) endMorph();
           },
-          className: _chunk65VVJSQZcjs.cn.call(void 0, 
+          className: _chunkN6YCOBLKcjs.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"
@@ -2414,7 +2411,7 @@ function AppLayoutSidePanel({ config, state }) {
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "div",
               {
-                className: _chunk65VVJSQZcjs.cn.call(void 0, 
+                className: _chunkN6YCOBLKcjs.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"
                 ),
@@ -2454,7 +2451,7 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
 }) {
   const panelRef = _react.useRef.call(void 0, null);
   _overlays.usePreventScroll.call(void 0, { isDisabled: !isOpen });
-  _chunkE64HPPRHcjs.useFocusTrap.call(void 0, panelRef, isOpen, { onEscape: onClose });
+  _chunkZV6RQNXEcjs.useFocusTrap.call(void 0, panelRef, isOpen, { onEscape: onClose });
   const handleItemClick = _react.useCallback.call(void 0, 
     (item) => {
       if (item.onClick) {
@@ -2471,22 +2468,13 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
   const renderNavigationItem = (item, isGridItem = false) => {
     const isActive = _nullishCoalesce(item.isActive, () => ( false));
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "button",
+      _chunkCDBFQVPAcjs.Button,
       {
+        variant: "row",
         onClick: () => handleItemClick(item),
         disabled,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
-          "relative flex items-center gap-1 p-3",
-          "focus:outline-none focus-visible:outline-none",
-          "transition-colors duration-200",
-          "rounded-md border border-ods-border bg-ods-card",
-          !disabled && "hover:bg-ods-bg-hover",
-          isGridItem ? "w-full min-w-0" : "w-full",
-          // Active state
-          isActive && !disabled && "border-ods-accent",
-          // Disabled state
-          disabled && "cursor-not-allowed opacity-50"
-        ),
+        "data-state": isActive && !disabled ? "active" : void 0,
+        className: isGridItem ? "min-w-0" : void 0,
         "aria-current": isActive ? "page" : void 0,
         "aria-label": item.badge ? `${item.label} (${item.badge})` : void 0,
         children: [
@@ -2498,7 +2486,7 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "span",
               {
-                className: _chunk65VVJSQZcjs.cn.call(void 0, 
+                className: _chunkN6YCOBLKcjs.cn.call(void 0, 
                   "min-w-0 truncate text-left text-h6",
                   isActive && !disabled ? "text-ods-accent" : "text-ods-text-primary"
                 ),
@@ -2517,9 +2505,9 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
           "absolute inset-0 z-[100] md:hidden",
-          _chunkRB7VLVMDcjs.OVERLAY_BACKDROP_CLASS,
+          _chunk4XDYSGRLcjs.OVERLAY_BACKDROP_CLASS,
           "transition-all duration-300 motion-reduce:transition-none",
           isOpen ? "opacity-100" : "pointer-events-none opacity-0"
         ),
@@ -2532,7 +2520,7 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
       "div",
       {
         ref: panelRef,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
           "absolute left-0 right-0 z-[101] md:hidden",
           "flex flex-col",
           "border-b border-ods-border bg-ods-bg",
@@ -2553,14 +2541,14 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
           user && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "div",
             {
-              className: _chunk65VVJSQZcjs.cn.call(void 0, 
+              className: _chunkN6YCOBLKcjs.cn.call(void 0, 
                 "flex items-center gap-3 rounded-md border border-ods-border bg-ods-card p-3",
                 disabled && "pointer-events-none opacity-50"
               ),
               "aria-disabled": disabled || void 0,
               children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkHY6BCZH7cjs.SquareAvatar,
+                  _chunkAFJEUBDScjs.SquareAvatar,
                   {
                     src: user.userAvatarUrl || void 0,
                     alt: user.userName || "User",
@@ -2578,8 +2566,8 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
                   user.userEmail && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-text-secondary text-h6", children: user.userEmail })
                 ] }),
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex shrink-0 items-center gap-2", children: [
-                  onSearchUser && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { size: "icon", onClick: onSearchUser, variant: "outline", "aria-label": "Search users", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk756VZNPPcjs.UserSearchIcon, { className: "size-4 text-ods-text-primary" }) }),
-                  onEditProfile && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { size: "icon", onClick: onEditProfile, variant: "outline", "aria-label": "Edit profile", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB7AGSQ2Pcjs.PenEditIcon, { className: "size-4 text-ods-text-primary" }) })
+                  onSearchUser && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { size: "icon", onClick: onSearchUser, variant: "outline", "aria-label": "Search users", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk756VZNPPcjs.UserSearchIcon, { className: "size-4 text-ods-text-primary" }) }),
+                  onEditProfile && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { size: "icon", onClick: onEditProfile, variant: "outline", "aria-label": "Edit profile", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB7AGSQ2Pcjs.PenEditIcon, { className: "size-4 text-ods-text-primary" }) })
                 ] })
               ]
             }
@@ -2587,22 +2575,10 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
           _optionalChain([config, 'access', _73 => _73.topSlot, 'optionalCall', _74 => _74({ 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, 
-            "button",
-            {
-              onClick: onLogout,
-              disabled,
-              className: _chunk65VVJSQZcjs.cn.call(void 0, 
-                "flex w-full items-center gap-1 rounded-md border border-ods-border bg-ods-card p-3 transition-colors",
-                !disabled && "hover:bg-ods-bg-hover",
-                disabled && "cursor-not-allowed opacity-50"
-              ),
-              children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4M2CGAQEcjs.Logout02Icon, { className: "size-4 text-ods-error" }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex-1 text-left text-ods-text-primary text-h6", children: "Log Out" })
-              ]
-            }
-          )
+          onLogout && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "row", onClick: onLogout, disabled, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4M2CGAQEcjs.Logout02Icon, { className: "size-4 text-ods-error" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex-1 text-left text-ods-text-primary text-h6", children: "Log Out" })
+          ] })
         ] })
       }
     )
@@ -2629,7 +2605,7 @@ function AppLayout({
   const [contentWidth, setContentWidth] = _react.useState.call(void 0, null);
   const hasSidePanel = sidePanel !== void 0;
   const sidePanelState = useAppLayoutSidePanel(sidePanel, drawerContainer);
-  _chunkDGFDBPO7cjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  _chunkSZHDXXMKcjs.useIsomorphicLayoutEffect.call(void 0, () => {
     if (!hasSidePanel || !mainElement) return void 0;
     const update = () => setContentWidth(mainElement.clientWidth);
     update();
@@ -2675,7 +2651,7 @@ function AppLayout({
     }),
     []
   );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXN6LXMH5cjs.AppLayoutDrawerContainerContext.Provider, { value: drawerContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXN6LXMH5cjs.AppLayoutDrawerCoordinationContext.Provider, { value: drawerCoordination, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex h-screen flex-col bg-ods-bg", className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODZ5XGWAcjs.AppLayoutDrawerContainerContext.Provider, { value: drawerContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODZ5XGWAcjs.AppLayoutDrawerCoordinationContext.Provider, { value: drawerCoordination, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.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 }),
@@ -2699,12 +2675,12 @@ function AppLayout({
             disabled
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXN6LXMH5cjs.NotificationDrawer, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODZ5XGWAcjs.NotificationDrawer, {}),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           "div",
           {
             ref: setDrawerContainer,
-            className: _chunk65VVJSQZcjs.cn.call(void 0, "relative flex flex-1 overflow-hidden", sidePanel ? "flex-row" : "flex-col"),
+            className: _chunkN6YCOBLKcjs.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
@@ -2713,7 +2689,7 @@ function AppLayout({
                   "main",
                   {
                     ref: setMainElement,
-                    className: _chunk65VVJSQZcjs.cn.call(void 0, 
+                    className: _chunkN6YCOBLKcjs.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
@@ -2721,10 +2697,10 @@ function AppLayout({
                       _optionalChain([sidePanelState, 'optionalAccess', _76 => _76.overlapsContent]) && "isolate",
                       mainClassName
                     ),
-                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFZFCRALcjs.ContentAreaWidthContext.Provider, { value: contentWidth, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ods-content-scope", children }) })
+                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAQXKXZWBcjs.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: _chunk65VVJSQZcjs.cn.call(void 0, "flex-1 overflow-y-auto", mainClassName), children }),
+              ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "main", { className: _chunkN6YCOBLKcjs.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
             ]