@flamingo-stack/openframe-frontend-core 0.0.705 → 0.0.706-snapshot.20261006190707

package/dist/{chunk-OUY3HHW6.cjs → chunk-LRQTJOF2.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkIKTQ3ZAGcjs = require('./chunk-IKTQ3ZAG.cjs');
+var _chunkOJLR5MEOcjs = require('./chunk-OJLR5MEO.cjs');
 
 
 
@@ -13,50 +13,59 @@ var _chunkIKTQ3ZAGcjs = require('./chunk-IKTQ3ZAG.cjs');
 
 
 
-var _chunkVESKITRQcjs = require('./chunk-VESKITRQ.cjs');
 
+var _chunkP42V6N34cjs = require('./chunk-P42V6N34.cjs');
 
 
-var _chunk2QEUFXNScjs = require('./chunk-2QEUFXNS.cjs');
 
 
 
-var _chunk3MX5S4CFcjs = require('./chunk-3MX5S4CF.cjs');
 
 
-var _chunkTYWLNCNHcjs = require('./chunk-TYWLNCNH.cjs');
 
 
+var _chunkWCVZCGK5cjs = require('./chunk-WCVZCGK5.cjs');
 
 
 
-var _chunkX72J4ACLcjs = require('./chunk-X72J4ACL.cjs');
+var _chunkSEXWHIMScjs = require('./chunk-SEXWHIMS.cjs');
 
 
+var _chunkUVTD52MDcjs = require('./chunk-UVTD52MD.cjs');
 
 
 
 
 
+var _chunk6NTPY5QAcjs = require('./chunk-6NTPY5QA.cjs');
 
 
 
-var _chunkN3COXDBHcjs = require('./chunk-N3COXDBH.cjs');
 
 
 
-var _chunkMMOODW57cjs = require('./chunk-MMOODW57.cjs');
 
+var _chunkLM7TXMLUcjs = require('./chunk-LM7TXMLU.cjs');
 
 
 
 
 
 
-var _chunkRKV5B7EUcjs = require('./chunk-RKV5B7EU.cjs');
+var _chunkLLSUVPQCcjs = require('./chunk-LLSUVPQC.cjs');
 
 
-var _chunkQZVSJF2Kcjs = require('./chunk-QZVSJF2K.cjs');
+
+
+
+
+
+
+
+
+
+
+var _chunkVX4E6YSBcjs = require('./chunk-VX4E6YSB.cjs');
 
 
 
@@ -76,204 +85,328 @@ var _chunkLLRGR4I5cjs = require('./chunk-LLRGR4I5.cjs');
 
 var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
 
-// src/components/navigation/header.tsx
+// src/components/navigation/site-header.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 // src/components/navigation/mingo-ai-button.tsx
+
 var _jsxruntime = require('react/jsx-runtime');
 var MINGO_ACCENT = "var(--ods-flamingo-cyan-base)";
-function MingoAiButton({ source, icon, label = "Mingo AI", className, onClick, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "button",
+var ASK_AI_OPEN_EVENT = "ask-ai:open";
+function openAskAi(source) {
+  window.dispatchEvent(new CustomEvent(ASK_AI_OPEN_EVENT, { detail: { source: _nullishCoalesce(source, () => ( "")) } }));
+}
+function MingoAiButton({
+  source,
+  icon,
+  label = "Mingo AI",
+  shortcutHint = false,
+  variant = "inline",
+  className,
+  onClick,
+  ...props
+}) {
+  const visitor = _chunkWCVZCGK5cjs.useVisitorOs.call(void 0, );
+  const field = variant === "field";
+  const commandKey = visitor.known && _chunkWCVZCGK5cjs.usesCommandKey.call(void 0, visitor.os);
+  _react.useEffect.call(void 0, () => {
+    if (!shortcutHint) return void 0;
+    const onKeyDown = (event) => {
+      if (event.defaultPrevented || event.altKey || event.shiftKey) return;
+      const modifier = commandKey ? event.metaKey && !event.ctrlKey : event.ctrlKey && !event.metaKey;
+      if (event.key.toLowerCase() !== "k" || !modifier) return;
+      event.preventDefault();
+      openAskAi(source);
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [shortcutHint, source, commandKey]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunkDFQYAYBHcjs.Button,
     {
       ...props,
       type: "button",
+      variant: field ? "glyph" : "transparent",
+      size: "wrap",
+      font: "regular",
       "aria-label": label,
+      "aria-keyshortcuts": shortcutHint && visitor.known ? commandKey ? "Meta+K" : "Control+K" : void 0,
       onClick: (e) => {
-        window.dispatchEvent(new CustomEvent("ask-ai:open", { detail: { source: _nullishCoalesce(source, () => ( "")) } }));
+        openAskAi(source);
         _optionalChain([onClick, 'optionalCall', _2 => _2(e)]);
       },
       className: _chunk3ATAYP36cjs.cn.call(void 0, 
-        // Unified ODS top-navigation cell (Figma 2797-6808 desktop /
-        // 2797-7275 mobile): full-height cell with a leading divider,
-        // transparent at rest so it inherits the bar's background.
-        // No hover background on the cell: the animated ring + shimmer are
-        // the ONLY hover treatment (a bg flip on top read as a double
-        // animation).
-        "group/mingo relative flex h-full shrink-0 items-center border-l border-ods-border bg-transparent px-[var(--spacing-system-m)] focus:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent",
+        "group/mingo flex shrink-0 justify-start focus-visible:ring-ods-accent",
+        field ? (
+          // A row of the mobile menu like the groups under it: same height,
+          // type and divider, no surface and no ring of its own.
+          "min-h-14 w-full gap-[var(--spacing-system-sf)] rounded-none border-b border-ods-border text-left text-h4 [&_svg]:h-6 [&_svg]:w-6"
+        ) : (
+          // Transparent at rest so it inherits the bar's background; the hover
+          // wash is the menu items' own.
+          "h-10 gap-[var(--spacing-system-xsf)] rounded-md pl-[var(--spacing-system-xsf)] pr-2.5 text-ods-text-secondary hover:text-ods-text-primary"
+        ),
         className
       ),
-      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "relative flex h-11 items-center gap-[var(--spacing-system-xsf)] rounded-md px-[var(--spacing-system-m)] md:h-12", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "mingo-edge-frame pointer-events-none absolute inset-0 rounded-md", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "mingo-edge" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "pointer-events-none absolute inset-0 overflow-hidden rounded-md", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      children: [
+        !field && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "mingo-edge-frame pointer-events-none absolute inset-0 rounded-md", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "mingo-edge" }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "pointer-events-none absolute inset-0 overflow-hidden rounded-md", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "span",
+            {
+              className: "mingo-shimmer absolute inset-y-0 left-0 w-1/2",
+              style: {
+                background: "linear-gradient(105deg, transparent, color-mix(in srgb, var(--ods-system-greys-white) 12%, transparent), transparent)"
+              }
+            }
+          ) })
+        ] }),
+        icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "span",
           {
-            className: "mingo-shimmer absolute inset-y-0 left-0 w-1/2",
-            style: {
-              background: "linear-gradient(105deg, transparent, color-mix(in srgb, var(--ods-system-greys-white) 12%, transparent), transparent)"
-            }
+            className: _chunk3ATAYP36cjs.cn.call(void 0, 
+              "relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full",
+              field ? "size-6" : "size-5"
+            ),
+            children: icon
           }
-        ) }),
-        icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "relative inline-flex size-6 shrink-0 items-center justify-center", children: icon }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkX72J4ACLcjs.MingoIcon,
+        ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkLLSUVPQCcjs.MingoIcon,
           {
             color: "currentColor",
             eyesColor: MINGO_ACCENT,
             cornerColor: MINGO_ACCENT,
-            className: "relative h-6 w-6 shrink-0 text-ods-text-primary"
+            className: _chunk3ATAYP36cjs.cn.call(void 0, "relative shrink-0 text-ods-text-primary", field ? "size-6" : "size-5")
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "relative hidden whitespace-nowrap text-ods-text-primary text-h3 md:inline", children: label })
-      ] })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "span",
+          {
+            className: _chunk3ATAYP36cjs.cn.call(void 0, "relative whitespace-nowrap", field ? "min-w-0 flex-1 truncate" : "hidden text-h6 lg:inline"),
+            children: label
+          }
+        ),
+        shortcutHint && !field && // A key cap in the label's own type (never smaller: a hint nobody can
+        // read is decoration) and the label's colour, which clears 4.5:1 on
+        // the bar. It keeps its width before the platform is known.
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "kbd", { className: "relative hidden h-6 min-w-9 items-center justify-center rounded border border-ods-border px-[var(--spacing-system-xxs)] text-h6 lg:inline-flex", children: visitor.known ? _chunkWCVZCGK5cjs.shortcutLabel.call(void 0, visitor.os, "K") : "" })
+      ]
     }
   );
 }
 
-// src/components/navigation/mobile-nav-panel.tsx
-var _overlays = require('@react-aria/overlays');
-var _lucidereact = require('lucide-react');
+// src/components/navigation/mobile-nav-sheet-id.ts
+var MOBILE_NAV_SHEET_ID = "mobile-nav-sheet";
 
+// src/components/navigation/nav-panel.tsx
 
-var MOBILE_NAV_PANEL_ID = "mobile-nav-panel";
-function MobileNavPanel({ isOpen, config }) {
-  const panelRef = _react.useRef.call(void 0, null);
-  _overlays.usePreventScroll.call(void 0, { isDisabled: !isOpen });
-  _chunk2QEUFXNScjs.useFocusTrap.call(void 0, panelRef, isOpen, { onEscape: config.onClose });
-  const headerHeight = _chunkTYWLNCNHcjs.useHeaderHeight.call(void 0, 64, { enabled: isOpen });
-  if (!isOpen) return null;
-  const renderNavigationItem = (item) => {
-    if (item.element) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: item.element }, item.id);
-    }
-    const handleClick = () => {
-      if (item.onClick) {
-        item.onClick();
-      }
-      _optionalChain([config, 'access', _3 => _3.onClose, 'optionalCall', _4 => _4()]);
-    };
-    if (item.href) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkDFQYAYBHcjs.Button,
-        {
-          variant: "outline",
-          size: "small-legacy",
-          href: item.href,
-          onClick: handleClick,
-          leftIcon: item.icon,
-          rightIcon: item.badge,
-          className: _chunk3ATAYP36cjs.cn.call(void 0, 
-            "h-12 justify-start gap-3 rounded-md border-none bg-transparent px-4 text-ods-text-primary transition-colors hover:bg-ods-bg-hover",
-            item.isActive ? "bg-ods-bg-hover" : ""
-          ),
-          children: item.label
-        },
-        item.id
-      );
-    }
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _chunkDFQYAYBHcjs.Button,
+
+// src/components/navigation/site-nav-link.tsx
+
+var defaultRenderSiteNavLink = ({ link, children, ...rest }) => link.external ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLLRGR4I5cjs.next_link_default, { href: link.href, target: "_blank", rel: "noopener noreferrer", ...rest, children }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLLRGR4I5cjs.next_link_default, { href: link.href, ...rest, children });
+function navLinkLabel(link) {
+  return link.count === void 0 ? link.label : link.label.replace("{count}", String(link.count));
+}
+var NAV_FOCUS_CLASS = "outline-none focus-visible:ring-2 focus-visible:ring-ods-accent";
+
+// src/components/navigation/nav-item-row.tsx
+
+var ROW_CLASSES = {
+  panel: "flex items-start gap-[var(--spacing-system-sf)] rounded-lg p-[var(--spacing-system-sf)] text-ods-text-primary transition-colors hover:bg-ods-bg-hover",
+  sheet: "flex min-h-[52px] items-center gap-[var(--spacing-system-sf)] py-1.5 text-ods-text-primary",
+  side: "flex items-center gap-[var(--spacing-system-xsf)] rounded-md px-[var(--spacing-system-sf)] py-2.5 text-ods-text-secondary transition-colors text-h6 hover:bg-ods-bg-hover hover:text-ods-text-primary",
+  label: "inline-flex items-center gap-[var(--spacing-system-xsf)] text-ods-text-secondary transition-colors text-h6 hover:text-ods-text-primary"
+};
+function RowGlyph({ link, box, glyph }) {
+  if (link.icon) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "span",
       {
-        variant: "outline",
-        size: "small-legacy",
-        onClick: handleClick,
-        leftIcon: item.icon,
-        className: _chunk3ATAYP36cjs.cn.call(void 0, 
-          "h-12 justify-start gap-3 rounded-md border-none bg-transparent px-4 text-ods-text-primary transition-colors hover:bg-ods-bg-hover",
-          item.isActive ? "bg-ods-bg-hover" : ""
-        ),
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex-1 text-left", children: item.label }),
-          item.badge !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ml-auto", children: item.badge })
-        ]
-      },
-      item.id
+        "aria-hidden": "true",
+        className: _chunk3ATAYP36cjs.cn.call(void 0, "flex shrink-0 items-center justify-center overflow-hidden rounded-full", box),
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6NTPY5QAcjs.EntityIcon, { icon: link.icon, className: "h-full w-full" })
+      }
     );
-  };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "fixed inset-0 z-[9998]", _chunk3MX5S4CFcjs.OVERLAY_BACKDROP_CLASS), onClick: config.onClose }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  }
+  if (!link.iconName) return null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      "aria-hidden": "true",
+      className: _chunk3ATAYP36cjs.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, _chunk6NTPY5QAcjs.EntityIcon, { icon: { name: link.iconName }, size: glyph })
+    }
+  );
+}
+function NavItemRow({
+  link,
+  variant = "panel",
+  renderLink = defaultRenderSiteNavLink,
+  badge,
+  onNavigate,
+  className
+}) {
+  const label = navLinkLabel(link);
+  const counter = badge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP42V6N34cjs.UnreadCountBadge, { count: badge, className: "static shrink-0" }) : null;
+  const singleLine = !link.description && !link.builtOn;
+  const rowClassName = _chunk3ATAYP36cjs.cn.call(void 0, 
+    ROW_CLASSES[variant],
+    variant === "panel" && singleLine && "items-center",
+    NAV_FOCUS_CLASS,
+    className
+  );
+  const onClick = onNavigate ? () => onNavigate() : void 0;
+  let children;
+  if (variant === "label") {
+    children = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      label,
+      counter
+    ] });
+  } 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, _chunk6NTPY5QAcjs.EntityIcon, { icon: { name: link.iconName }, size: 18 }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 flex-1", children: label }),
+      counter
+    ] });
+  } else {
+    const sheet = variant === "sheet";
+    children = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RowGlyph, { link, box: sheet ? "h-8 w-8" : "h-9 w-9", glyph: sheet ? 18 : 20 }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 flex-1 flex-col", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center gap-[var(--spacing-system-xsf)] text-h6", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0", children: label }),
+          counter
+        ] }),
+        link.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-muted text-h6", children: link.description }),
+        link.builtOn && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-ods-text-muted text-h6", children: [
+          "Built on ",
+          link.builtOn
+        ] })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: renderLink({ link, className: rowClassName, children, onClick }) });
+}
+
+// src/components/navigation/nav-panel.tsx
+
+var TWO_COLUMN_OVER = 4;
+function isMegaMenu(menu) {
+  return (_nullishCoalesce(_optionalChain([menu, 'access', _3 => _3.columns, 'optionalAccess', _4 => _4.length]), () => ( 0))) > 1 || !!_optionalChain([menu, 'access', _5 => _5.features, 'optionalAccess', _6 => _6.length]) || !!_optionalChain([menu, 'access', _7 => _7.sideLinks, 'optionalAccess', _8 => _8.length]);
+}
+var HEADING_CLASS = "mb-[var(--spacing-system-xsf)] ml-[var(--spacing-system-sf)] text-ods-text-muted text-h5";
+function Column({
+  group,
+  wide,
+  rowProps
+}) {
+  const twoColumns = wide && group.links.length > TWO_COLUMN_OVER;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.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",
       {
-        ref: panelRef,
-        id: MOBILE_NAV_PANEL_ID,
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-label": "Navigation menu",
-        tabIndex: -1,
-        style: { "--mobile-nav-top": `${headerHeight + 16}px` },
-        className: _chunk3ATAYP36cjs.cn.call(void 0, 
-          "fixed z-[9999] rounded-lg shadow-xl",
-          config.className ? "" : "border border-ods-border bg-ods-card",
-          // Responsive positioning and sizing — LEFT-anchored from md, flush
-          // under the burger cell at the left edge of the unified
-          // top-navigation (a larger inset read as a stray gap between the
-          // burger and its panel).
-          "left-2 right-2 md:right-auto",
-          "md:left-2 md:w-[400px] md:max-w-[calc(100vw-1rem)]",
-          // Small-viewport (svh) sizing anchored below the measured header —
-          // 100vh overflowed under mobile browser chrome, leaving the bottom
-          // entries and footer unreachable while the body was scroll-locked.
-          "top-[var(--mobile-nav-top)]",
-          "max-h-[calc(100svh-var(--mobile-nav-top)-50px)] md:max-h-[calc(100svh-var(--mobile-nav-top)-8px)]",
-          "flex flex-col",
-          config.className || ""
-        ),
-        onClick: (e) => e.stopPropagation(),
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-shrink-0 justify-end border-b border-ods-border p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkDFQYAYBHcjs.Button,
-            {
-              "aria-label": "Close menu",
-              size: "icon",
-              variant: "transparent",
-              leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.X, { className: "h-4 w-4 text-ods-text-primary" }),
-              onClick: config.onClose,
-              className: "hover:bg-ods-bg-hover"
-            }
-          ) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1 overflow-y-auto overflow-x-hidden overscroll-contain px-2 py-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col space-y-1", children: config.sections.map((section, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-            section.title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "px-4 pb-1 pt-2 font-semibold uppercase text-ods-text-secondary text-h6", children: section.title }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col gap-1", children: section.items.map(renderNavigationItem) })
-          ] }, index)) }) }),
-          config.footer && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-shrink-0 border-t border-ods-border p-4 pb-[max(1rem,env(safe-area-inset-bottom))]", children: config.footer })
-        ]
+        className: twoColumns ? "grid grid-cols-2 gap-x-[var(--spacing-system-mf)] gap-y-[var(--spacing-system-xxs)]" : "flex flex-col gap-[var(--spacing-system-xxs)]",
+        children: group.links.map((link) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          NavItemRow,
+          {
+            link,
+            renderLink: rowProps.renderLink,
+            onNavigate: rowProps.onNavigate,
+            badge: link.badgeKey ? _optionalChain([rowProps, 'access', _9 => _9.badges, 'optionalAccess', _10 => _10[link.badgeKey]]) : void 0
+          },
+          link.id
+        ))
       }
     )
   ] });
 }
-
-// src/components/navigation/ticket-alerts-button.tsx
-
-function TicketAlertsButton({ href, onNavigate, disabled, className }) {
-  const live = _chunkIKTQ3ZAGcjs.useOptionalTicketLive.call(void 0, );
-  if (!live || !live.authed || live.unreadTotal === 0) return null;
-  const targetId = live.nextUnreadTicketId;
-  const target = targetId ? _chunkVESKITRQcjs.buildTicketOpenHref.call(void 0, href, targetId) : href;
-  const handleClick = () => {
-    if (onNavigate) onNavigate(target);
-    else window.location.assign(target);
-  };
+var NavPanel = _react.forwardRef.call(void 0, function NavPanelImpl({
+  menu,
+  open,
+  renderLink = defaultRenderSiteNavLink,
+  badges,
+  social,
+  onNavigate,
+  motion: motion2 = "open",
+  handoff = false,
+  className,
+  ...panelProps
+}, ref) {
+  const columns = _nullishCoalesce(menu.columns, () => ( []));
+  const mega = isMegaMenu(menu);
+  const rowProps = { renderLink, badges, onNavigate };
+  const socialRow = menu.showSocial && social ? social : null;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkVESKITRQcjs.HeaderButton,
+    "div",
     {
-      icon: (
-        // Glyph inherits HeaderButton's standard cell coloring (secondary at
-        // rest, primary on active) — SAME treatment as the notifications
-        // bell and time-tracker cells. The indication is carried by the
-        // count pill (sidebar count-pill precedent) and by the cell only
-        // existing while updates are unread — never by tinting the glyph.
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "relative inline-flex", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.LifeBuoyIcon, { className: "h-6 w-6" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVESKITRQcjs.UnreadCountBadge, { count: live.unreadTotal })
-        ] })
+      inert: !open,
+      "data-state": open ? "open" : "closed",
+      ...panelProps,
+      ref,
+      className: _chunk3ATAYP36cjs.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
+        // here would let the page show through both for its whole length.
+        mega && (open ? motion2 !== "open" : handoff) ? "transition-none" : "transition-opacity duration-150",
+        mega ? "left-0 right-0 border-b border-ods-border bg-ods-card shadow-xl" : "left-0 mt-[var(--spacing-system-xxs)] min-w-[260px] rounded-lg border border-ods-border bg-ods-card p-[var(--spacing-system-xsf)] shadow-xl",
+        open ? "visible opacity-100" : "pointer-events-none invisible opacity-0",
+        className
       ),
-      "aria-label": `Support tickets \u2014 ${live.unreadTotal} unread ${live.unreadTotal === 1 ? "update" : "updates"}`,
-      onClick: handleClick,
-      disabled,
-      className: _chunk3ATAYP36cjs.cn.call(void 0, className)
+      children: mega ? (
+        // ONE height for every mega menu, so moving between menus (and a
+        // card's cover loading) never resizes the panel under the pointer.
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "div",
+          {
+            "data-motion": open ? motion2 : void 0,
+            className: "nav-panel-content flex h-[400px] max-h-[calc(100svh-var(--top-nav-height,72px))] flex-col gap-[var(--spacing-system-mf)] overflow-y-auto px-[var(--spacing-system-lf)] pb-[var(--spacing-system-xlf)] pt-8",
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-h-0 flex-1 gap-[var(--spacing-system-xlf)]", children: [
+                columns.map((group) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Column, { group, wide: true, rowProps }, group.id)),
+                !!_optionalChain([menu, 'access', _11 => _11.features, 'optionalAccess', _12 => _12.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, 
+                  _chunk6NTPY5QAcjs.CaseStudyCard,
+                  {
+                    size: "menu",
+                    study: feature.study,
+                    href: feature.href,
+                    mediaMounted: open,
+                    onNavigate,
+                    className: "h-full"
+                  }
+                ) }, feature.id)) }),
+                !!_optionalChain([menu, 'access', _13 => _13.sideLinks, 'optionalAccess', _14 => _14.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, 
+                    NavItemRow,
+                    {
+                      link,
+                      variant: "side",
+                      ...rowProps,
+                      badge: link.badgeKey ? _optionalChain([badges, 'optionalAccess', _15 => _15[link.badgeKey]]) : void 0
+                    },
+                    link.id
+                  ))
+                ] })
+              ] }),
+              socialRow && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-t border-ods-border px-[var(--spacing-system-sf)] pt-[var(--spacing-system-mf)]", children: socialRow })
+            ]
+          }
+        )
+      ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        columns.map((group) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Column, { group, wide: false, rowProps }, group.id)),
+        socialRow && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-[var(--spacing-system-xsf)] border-t border-ods-border px-[var(--spacing-system-sf)] pt-[var(--spacing-system-sf)]", children: socialRow })
+      ] })
     }
   );
-}
+});
+NavPanel.displayName = "NavPanel";
 
 // src/components/navigation/top-navigation.tsx
 
@@ -351,343 +484,559 @@ function TopNavigation({
   );
 }
 
-// src/components/navigation/header.tsx
+// src/components/navigation/site-header.tsx
 
-var NAV_ITEM_CLASSES = "text-h6 [&_svg]:h-6 [&_svg]:w-6";
-function Header({ config }) {
+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, _chunk6NTPY5QAcjs.EntityIcon, { icon: { name: menu.iconName }, size: 20, className: "size-5 shrink-0" }) : null;
+function SiteHeader({
+  nav,
+  pathname,
+  logo,
+  logoHref,
+  renderLink = defaultRenderSiteNavLink,
+  leading,
+  actions,
+  cta,
+  sideActions,
+  mingo,
+  mobile,
+  badges,
+  social,
+  autoHide = false,
+  backgroundClassName,
+  className,
+  style,
+  skipToContentId = "main-content"
+}) {
   const [show, setShow] = _react.useState.call(void 0, true);
   const lastScrollY = _react.useRef.call(void 0, 0);
-  const [openDropdowns, setOpenDropdowns] = _react.useState.call(void 0, {});
-  const dropdownRefs = _react.useRef.call(void 0, {});
-  const triggerRefs = _react.useRef.call(void 0, {});
-  _react.useEffect.call(void 0, () => {
-    const handleClickOutside = (event) => {
-      const target = event.target;
-      if (!target) return;
-      const isOutsideAllDropdowns = Object.keys(openDropdowns).every((id) => {
-        const dropdown = dropdownRefs.current[id];
-        const trigger = triggerRefs.current[id];
-        if (!dropdown || !trigger) return true;
-        return !dropdown.contains(target) && !trigger.contains(target);
-      });
-      if (isOutsideAllDropdowns) {
-        setOpenDropdowns({});
-      }
-    };
-    const handleEscapeKey = (event) => {
-      if (event.key === "Escape") {
-        setOpenDropdowns({});
-      }
-    };
-    const hasOpenDropdowns = Object.values(openDropdowns).some(Boolean);
-    if (hasOpenDropdowns) {
-      document.addEventListener("mousedown", handleClickOutside);
-      document.addEventListener("keydown", handleEscapeKey);
-    }
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-      document.removeEventListener("keydown", handleEscapeKey);
-    };
-  }, [openDropdowns]);
+  const activeId = _chunkWCVZCGK5cjs.useActiveSection.call(void 0, nav.menus, pathname);
+  const { openId, close, getTriggerProps, getPanelProps } = _chunkWCVZCGK5cjs.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;
+  const megaIds = nav.menus.filter(isMegaMenu).map((menu) => menu.id);
+  const openMegaIndex = openId === null ? -1 : megaIds.indexOf(openId);
+  const previousMegaIndex = previousId === null ? -1 : megaIds.indexOf(previousId);
+  const megaMotion = openMegaIndex < 0 || previousMegaIndex < 0 ? "open" : openMegaIndex > previousMegaIndex ? "from-end" : "from-start";
   _react.useEffect.call(void 0, () => {
-    return () => {
-      setOpenDropdowns({});
-      dropdownRefs.current = {};
-      triggerRefs.current = {};
-    };
-  }, []);
-  _react.useEffect.call(void 0, () => {
-    if (!config.autoHide) return void 0;
+    if (!autoHide) return void 0;
     const handleScroll = () => {
       const currentScrollY = window.scrollY;
       const prevScrollY = lastScrollY.current;
       lastScrollY.current = currentScrollY;
-      const shouldHide = currentScrollY > prevScrollY && currentScrollY > 50;
-      const shouldShow = currentScrollY < prevScrollY || currentScrollY <= 10;
-      if (shouldHide) {
-        setShow(false);
-      } else if (shouldShow) {
-        setShow(true);
-      }
+      if (currentScrollY > prevScrollY && currentScrollY > 50) setShow(false);
+      else if (currentScrollY < prevScrollY || currentScrollY <= 10) setShow(true);
     };
     window.addEventListener("scroll", handleScroll, { passive: true });
-    return () => {
-      window.removeEventListener("scroll", handleScroll);
-    };
-  }, [config.autoHide]);
-  const renderNavigationItem = (item) => {
-    if (item.element) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.default.Fragment, { children: item.element }, item.id);
+    return () => window.removeEventListener("scroll", handleScroll);
+  }, [autoHide]);
+  const headerShown = !autoHide || show || openId !== null;
+  const renderMenu = (menu) => {
+    const current = menu.id === activeId;
+    const hasPanel = !!_optionalChain([menu, 'access', _16 => _16.columns, 'optionalAccess', _17 => _17.length]) || !!_optionalChain([menu, 'access', _18 => _18.features, 'optionalAccess', _19 => _19.length]) || !!_optionalChain([menu, 'access', _20 => _20.sideLinks, 'optionalAccess', _21 => _21.length]);
+    if (!hasPanel) {
+      if (!menu.href) return null;
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkDFQYAYBHcjs.Button,
+        {
+          asChild: true,
+          variant: "transparent",
+          size: "wrap",
+          font: "regular",
+          className: _chunk3ATAYP36cjs.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,
+            children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+              menuIcon(menu),
+              menu.label
+            ] })
+          })
+        }
+      ) }, menu.id);
     }
-    if (item.children && item.children.length > 0) {
-      const isOpen = openDropdowns[item.id] || false;
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    const open = openId === menu.id;
+    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: _chunk3ATAYP36cjs.cn.call(void 0, "flex", !isMegaMenu(menu) && "relative"), children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           _chunkDFQYAYBHcjs.Button,
           {
-            ref: (el) => {
-              triggerRefs.current[item.id] = el;
-            },
+            type: "button",
             variant: "transparent",
-            leftIcon: item.icon,
-            rightIcon: item.badge,
-            onClick: () => {
-              setOpenDropdowns((prev) => ({
-                [item.id]: !prev[item.id]
-              }));
-            },
-            size: "default",
+            size: "wrap",
             font: "regular",
+            ...getTriggerProps(menu.id),
+            "aria-current": current ? "page" : void 0,
             className: _chunk3ATAYP36cjs.cn.call(void 0, 
-              // Top-level nav links (Figma 2936-6815): compact h6 label
-              // (DM Sans 500, 14/20) with 24px icons — overrides the
-              // font="regular" h4 step and the button's 20px svg cap.
-              NAV_ITEM_CLASSES,
-              item.isActive && "bg-ods-bg-hover",
-              // Active items get subtle gray background
-              isOpen && "bg-ods-bg-hover",
-              // Open dropdowns get gray background
-              item.className
+              TOP_ITEM_CLASS,
+              NAV_FOCUS_CLASS,
+              open && "bg-ods-bg-hover text-ods-text-primary",
+              current && TOP_ITEM_CURRENT_CLASS
             ),
-            children: item.label
+            children: [
+              menuIcon(menu),
+              menu.label,
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkVX4E6YSBcjs.Chevron02DownIcon,
+                {
+                  "aria-hidden": "true",
+                  className: _chunk3ATAYP36cjs.cn.call(void 0, "!h-4 !w-4 transition-transform duration-150", open && "rotate-180")
+                }
+              )
+            ]
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          "div",
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          NavPanel,
           {
-            ref: (el) => {
-              dropdownRefs.current[item.id] = el;
-            },
-            inert: !isOpen,
+            ...getPanelProps(menu.id),
+            menu,
+            open,
+            motion: open ? megaMotion : void 0,
+            handoff: openMegaIndex >= 0,
+            renderLink,
+            badges,
+            social,
+            onNavigate: close
+          }
+        )
+      ] }, menu.id)
+    );
+  };
+  const primaryCta = typeof nav.primaryCta === "object" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.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",
+    {
+      "data-site-header": "",
+      className: "sticky top-0 z-[50] w-full transition-transform duration-300 ease-in-out",
+      style: { transform: headerShown ? "translateY(0)" : "translateY(-100%)" },
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkLLRGR4I5cjs.next_link_default,
+          {
+            href: `#${skipToContentId}`,
             className: _chunk3ATAYP36cjs.cn.call(void 0, 
-              "absolute left-0 top-full mt-1",
-              item.dropdownClassName ? "" : "border border-ods-border bg-ods-card",
-              "z-[9999] rounded-lg shadow-xl",
-              item.id === "community" ? "min-w-[240px]" : "min-w-[220px]",
-              "transition-opacity duration-150",
-              isOpen ? "pointer-events-auto visible opacity-100" : "pointer-events-none invisible opacity-0",
-              item.dropdownClassName || ""
+              "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
             ),
-            children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-2", children: item.children.map((child, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            children: "Skip to content"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          TopNavigation,
+          {
+            className: _chunk3ATAYP36cjs.cn.call(void 0, "relative", className),
+            style,
+            backgroundClassName,
+            centerBreakpoint: "lg",
+            size: "big",
+            leading: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+              leading,
+              mobile && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkP42V6N34cjs.HeaderButton,
+                {
+                  className: "border-r border-ods-border lg:hidden",
+                  onClick: mobile.onToggle,
+                  isActive: mobile.isOpen,
+                  "aria-label": mobile.isOpen ? "Close menu" : "Open menu",
+                  "aria-expanded": mobile.isOpen,
+                  "aria-controls": mobile.isOpen ? _nullishCoalesce(mobile.controlsId, () => ( MOBILE_NAV_SHEET_ID)) : void 0,
+                  icon: mobile.isOpen ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.XmarkIcon, { className: "h-6 w-6" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.Menu01Icon, { className: "h-6 w-6" })
+                }
+              )
+            ] }),
+            logo: logoHref ? renderLink({
+              link: { href: logoHref },
+              className: _chunk3ATAYP36cjs.cn.call(void 0, 
+                "flex min-w-0 items-center rounded-md transition-opacity duration-200 hover:opacity-80",
+                NAV_FOCUS_CLASS
+              ),
+              "aria-label": nav.brand.name,
+              children: logo
+            }) : logo,
+            logoClassName: "shrink pl-[var(--spacing-system-lf)] md:pl-[var(--spacing-system-lf)] lg:pl-[var(--spacing-system-lf)]",
+            center: nav.menus.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { "aria-label": "Main", className: "flex items-center gap-[var(--spacing-system-xxs)]", children: nav.menus.map(renderMenu) }) : void 0,
+            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, 
+                MingoAiButton,
+                {
+                  source: mingo.source,
+                  icon: mingo.icon,
+                  label: mingo.label,
+                  shortcutHint: mingo.shortcutHint
+                }
+              ),
+              nav.signIn && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden lg:flex", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 _chunkDFQYAYBHcjs.Button,
                 {
+                  asChild: true,
                   variant: "transparent",
-                  size: "small-legacy",
-                  href: child.href,
-                  leftIcon: child.icon,
-                  rightIcon: child.badge,
-                  onClick: () => {
-                    setOpenDropdowns((prev) => ({ ...prev, [item.id]: false }));
-                    if (child.onClick) {
-                      child.onClick();
-                    }
-                  },
-                  className: _chunk3ATAYP36cjs.cn.call(void 0, 
-                    "flex w-full justify-start",
-                    // Same caption step as the top-level nav links (designer:
-                    // dropdowns follow the h6 caption size/weight too). The
-                    // explicit font-medium beats small-legacy's font-bold via
-                    // tailwind-merge instead of stylesheet order.
-                    "font-medium text-h6",
-                    index < (_nullishCoalesce(_optionalChain([item, 'access', _5 => _5.children, 'optionalAccess', _6 => _6.length]), () => ( 0))) - 1 && "mb-1",
-                    "text-ods-text-primary",
-                    // All dropdown items use primary text color
-                    child.isActive && "bg-ods-bg-hover"
-                    // Active dropdown items get gray background
-                  ),
-                  ...child.isExternal && { isExternal: true },
-                  children: child.label
-                },
-                child.id
-              )) }),
-              item.dropdownContent && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-                item.showDropdownDivider !== false && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mx-2 my-2 h-px bg-ods-border" }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "px-2 pb-2", children: item.dropdownContent })
-              ] })
-            ]
+                  size: "wrap",
+                  font: "regular",
+                  className: _chunk3ATAYP36cjs.cn.call(void 0, TOP_ITEM_CLASS, NAV_FOCUS_CLASS),
+                  children: renderLink({ link: nav.signIn, children: nav.signIn.label })
+                }
+              ) }),
+              actions,
+              primaryCta
+            ] }) : void 0,
+            ctaClassName: "gap-[var(--spacing-system-xsf)]",
+            sideActions
           }
         )
-      ] }, item.id);
+      ]
     }
-    if (item.href || item.onClick) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkDFQYAYBHcjs.Button,
-        {
-          variant: "transparent",
-          href: item.href,
-          onClick: item.onClick,
-          leftIcon: item.icon,
-          rightIcon: item.badge,
-          size: "default",
-          font: "regular",
-          className: _chunk3ATAYP36cjs.cn.call(void 0, 
-            NAV_ITEM_CLASSES,
-            "hover:bg-ods-bg-hover focus:bg-ods-bg-hover",
-            "whitespace-nowrap",
-            "text-ods-text-primary",
-            // All items use primary text color
-            item.isActive && "bg-ods-bg-hover",
-            // Active items get subtle gray background
-            item.className
+  );
+}
+
+// src/components/navigation/mobile-nav-sheet.tsx
+var _overlays = require('@react-aria/overlays');
+
+
+function siteNavHasMobileMenus(nav) {
+  return (_nullishCoalesce(nav.mobileMenus, () => ( nav.menus))).length > 0;
+}
+var GROUP_ROW_CLASS = "flex min-h-14 w-full items-center justify-between gap-[var(--spacing-system-sf)] text-left text-ods-text-primary text-h4";
+var menuLinks = (menu) => [
+  ...(_nullishCoalesce(menu.columns, () => ( []))).flatMap((group) => group.links),
+  ..._nullishCoalesce(menu.sideLinks, () => ( []))
+];
+function MobileNavSheet(props) {
+  if (!props.isOpen) return null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MobileNavSheetBody, { ...props });
+}
+function MobileNavSheetBody({
+  nav,
+  onClose,
+  pathname,
+  logo,
+  renderLink = defaultRenderSiteNavLink,
+  cta,
+  actions,
+  askAI,
+  extraMenus,
+  badges,
+  social,
+  backgroundClassName
+}) {
+  const sheetRef = _react.useRef.call(void 0, null);
+  const menus = [..._nullishCoalesce(nav.mobileMenus, () => ( nav.menus)), ..._nullishCoalesce(extraMenus, () => ( []))];
+  _overlays.usePreventScroll.call(void 0, );
+  _chunkWCVZCGK5cjs.useFocusTrap.call(void 0, sheetRef, true, { onEscape: onClose });
+  const [openGroups, setOpenGroups] = _react.useState.call(void 0, () => {
+    const active = _chunkWCVZCGK5cjs.resolveActiveSection.call(void 0, menus, pathname);
+    return active ? { [active]: true } : {};
+  });
+  const primaryCta = typeof nav.primaryCta === "object" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.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",
+    {
+      ref: sheetRef,
+      id: MOBILE_NAV_SHEET_ID,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": "Navigation menu",
+      tabIndex: -1,
+      className: _chunk3ATAYP36cjs.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"))
+      ),
+      children: [
+        /* @__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, 
+            _chunkDFQYAYBHcjs.Button,
+            {
+              type: "button",
+              variant: "transparent",
+              size: "icon",
+              "aria-label": "Close menu",
+              onClick: onClose,
+              className: _chunk3ATAYP36cjs.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, _chunkVX4E6YSBcjs.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, 
+            MingoAiButton,
+            {
+              variant: "field",
+              source: askAI.source,
+              icon: askAI.icon,
+              label: askAI.label,
+              onClick: onClose
+            }
           ),
-          ...item.isExternal && { isExternal: true },
-          children: item.label
-        },
-        item.id
-      );
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { "aria-label": "Main", children: menus.map((menu) => {
+            const links = menuLinks(menu);
+            if (links.length === 0) {
+              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: _chunk3ATAYP36cjs.cn.call(void 0, GROUP_ROW_CLASS, NAV_FOCUS_CLASS),
+                onClick: onClose,
+                children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+                  menu.label,
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.Chevron02RightIcon, { "aria-hidden": "true", className: "h-5 w-5 shrink-0 text-ods-text-muted" })
+                ] })
+              }) }, menu.id);
+            }
+            const open = !!openGroups[menu.id];
+            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, 
+                _chunkDFQYAYBHcjs.Button,
+                {
+                  type: "button",
+                  variant: "glyph",
+                  size: "wrap",
+                  font: "regular",
+                  "aria-expanded": open,
+                  "aria-controls": open ? listId : void 0,
+                  onClick: () => setOpenGroups((prev) => ({ ...prev, [menu.id]: !prev[menu.id] })),
+                  className: _chunk3ATAYP36cjs.cn.call(void 0, GROUP_ROW_CLASS, NAV_FOCUS_CLASS),
+                  children: [
+                    menu.label,
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      _chunkVX4E6YSBcjs.Chevron02DownIcon,
+                      {
+                        "aria-hidden": "true",
+                        className: _chunk3ATAYP36cjs.cn.call(void 0, 
+                          "h-5 w-5 shrink-0 text-ods-text-muted transition-transform duration-150",
+                          open && "rotate-180"
+                        )
+                      }
+                    )
+                  ]
+                }
+              ),
+              open && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { id: listId, className: "flex flex-col pb-[var(--spacing-system-sf)]", children: [
+                links.map((link) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  NavItemRow,
+                  {
+                    link,
+                    variant: "sheet",
+                    renderLink,
+                    badge: link.badgeKey ? _optionalChain([badges, 'optionalAccess', _22 => _22[link.badgeKey]]) : void 0,
+                    onNavigate: onClose
+                  },
+                  link.id
+                )),
+                menu.showSocial && social && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pt-[var(--spacing-system-xsf)]", children: social })
+              ] })
+            ] }, menu.id);
+          }) })
+        ] }),
+        hasFooter && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex shrink-0 flex-col gap-[var(--spacing-system-xxs)] border-t border-ods-border px-5 pb-[max(1.75rem,env(safe-area-inset-bottom))] pt-[var(--spacing-system-mf)] [&_a]:w-full [&_button]:w-full", children: [
+          actions,
+          primaryCta,
+          nav.signIn && renderLink({
+            link: nav.signIn,
+            className: _chunk3ATAYP36cjs.cn.call(void 0, 
+              "flex h-12 items-center justify-center rounded-md text-ods-text-primary text-h4",
+              NAV_FOCUS_CLASS
+            ),
+            onClick: onClose,
+            children: nav.signIn.label
+          })
+        ] })
+      ]
     }
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkDFQYAYBHcjs.Button,
-      {
-        variant: "transparent",
-        onClick: item.onClick,
-        leftIcon: item.icon,
-        rightIcon: item.badge,
-        size: "default",
-        font: "regular",
-        className: _chunk3ATAYP36cjs.cn.call(void 0, 
-          NAV_ITEM_CLASSES,
-          "hover:bg-ods-bg-hover focus:bg-ods-bg-hover",
-          "whitespace-nowrap",
-          "text-ods-text-primary",
-          // All items use primary text color
-          item.isActive && "bg-ods-bg-hover",
-          // Active items get gray background
-          item.className
-        ),
-        children: item.label
-      },
-      item.id
-    );
-  };
-  const headerShown = !config.autoHide || show;
-  const hasNav = !!config.navigation && config.navigation.items.length > 0;
-  const hasCta = !!_optionalChain([config, 'access', _7 => _7.actions, 'optionalAccess', _8 => _8.right, 'optionalAccess', _9 => _9.length]) || !!(_optionalChain([config, 'access', _10 => _10.actions, 'optionalAccess', _11 => _11.persistent]) && config.actions.persistent.length > 0);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  );
+}
+
+// src/components/navigation/site-footer.tsx
+
+
+var ACCORDION_OVER = 2;
+var DESKTOP_COLUMNS = {
+  1: "md:grid-cols-1",
+  2: "md:grid-cols-2",
+  3: "md:grid-cols-3",
+  4: "md:grid-cols-3 lg:grid-cols-4",
+  5: "md:grid-cols-3 lg:grid-cols-5",
+  6: "md:grid-cols-3 lg:grid-cols-6"
+};
+var HEADING_CLASS2 = "text-ods-text-muted text-h5";
+function FooterColumn({
+  group,
+  accordion,
+  renderLink
+}) {
+  const [open, setOpen] = _react.useState.call(void 0, false);
+  const listId = `site-footer-${group.id}`;
+  const links = group.links.map((link) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NavItemRow, { link, variant: "label", renderLink }) }, link.id));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
-      className: _chunk3ATAYP36cjs.cn.call(void 0, "sticky top-0 z-[50] w-full transition-transform duration-300 ease-in-out"),
-      style: {
-        transform: !headerShown ? "translateY(-100%)" : "translateY(0)"
-      },
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        TopNavigation,
-        {
-          className: _chunk3ATAYP36cjs.cn.call(void 0, "relative", config.className),
-          style: config.style,
-          backgroundClassName: config.backgroundColor,
-          centerBreakpoint: "lg",
-          size: "big",
-          leading: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-            !!_optionalChain([config, 'access', _12 => _12.actions, 'optionalAccess', _13 => _13.left, 'optionalAccess', _14 => _14.length]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-full items-center border-r border-ods-border", children: config.actions.left }),
-            _optionalChain([config, 'access', _15 => _15.mobile, 'optionalAccess', _16 => _16.enabled]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkVESKITRQcjs.HeaderButton,
-              {
-                className: "border-r border-ods-border lg:hidden",
-                onClick: () => {
-                  _optionalChain([config, 'access', _17 => _17.mobile, 'optionalAccess', _18 => _18.onToggle, 'optionalCall', _19 => _19()]);
-                },
-                isActive: _nullishCoalesce(_optionalChain([config, 'access', _20 => _20.mobile, 'optionalAccess', _21 => _21.isOpen]), () => ( false)),
-                "aria-label": _optionalChain([config, 'access', _22 => _22.mobile, 'optionalAccess', _23 => _23.isOpen]) ? "Close menu" : "Open menu",
-                "aria-expanded": _nullishCoalesce(_optionalChain([config, 'access', _24 => _24.mobile, 'optionalAccess', _25 => _25.isOpen]), () => ( false)),
-                "aria-controls": _optionalChain([config, 'access', _26 => _26.mobile, 'optionalAccess', _27 => _27.isOpen]) ? MOBILE_NAV_PANEL_ID : void 0,
-                icon: _optionalChain([config, 'access', _28 => _28.mobile, 'optionalAccess', _29 => _29.isOpen]) ? _optionalChain([config, 'access', _30 => _30.mobile, 'optionalAccess', _31 => _31.closeIcon]) || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.XmarkIcon, { className: "h-6 w-6" }) : _optionalChain([config, 'access', _32 => _32.mobile, 'optionalAccess', _33 => _33.menuIcon]) || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.Menu01Icon, { className: "h-6 w-6" })
-              }
-            )
-          ] }),
-          logo: config.logo.href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLLRGR4I5cjs.next_link_default, { href: config.logo.href, className: "transition-opacity duration-200 hover:opacity-80", children: config.logo.element }) : config.logo.element,
-          logoClassName: "pl-[var(--spacing-system-lf)] md:pl-[var(--spacing-system-lf)] lg:pl-[var(--spacing-system-lf)]",
-          center: hasNav ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "nav",
+      className: _chunk3ATAYP36cjs.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, "h3", { className: "md:hidden", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            _chunkDFQYAYBHcjs.Button,
             {
+              type: "button",
+              variant: "glyph",
+              size: "wrap",
+              font: "regular",
+              "aria-expanded": open,
+              "aria-controls": listId,
+              onClick: () => setOpen((prev) => !prev),
               className: _chunk3ATAYP36cjs.cn.call(void 0, 
-                "flex items-center gap-2",
-                // True centering relative to the bar (not the leftover flex
-                // space) — same treatment the pre-unification header had.
-                _optionalChain([config, 'access', _34 => _34.navigation, 'optionalAccess', _35 => _35.position]) === "center" && "absolute left-1/2 -translate-x-1/2"
+                "flex min-h-14 w-full items-center justify-between gap-[var(--spacing-system-sf)] text-left",
+                HEADING_CLASS2,
+                NAV_FOCUS_CLASS
               ),
-              role: "navigation",
-              "aria-label": "Main navigation",
-              children: _optionalChain([config, 'access', _36 => _36.navigation, 'optionalAccess', _37 => _37.items, 'access', _38 => _38.map, 'call', _39 => _39(renderNavigationItem)])
+              children: [
+                group.title,
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _chunkVX4E6YSBcjs.Chevron02DownIcon,
+                  {
+                    "aria-hidden": "true",
+                    className: _chunk3ATAYP36cjs.cn.call(void 0, "h-5 w-5 shrink-0 transition-transform duration-150", open && "rotate-180")
+                  }
+                )
+              ]
             }
-          ) : void 0,
-          centerClassName: _chunk3ATAYP36cjs.cn.call(void 0, 
-            _optionalChain([config, 'access', _40 => _40.navigation, 'optionalAccess', _41 => _41.position]) === "left" && "justify-start",
-            _optionalChain([config, 'access', _42 => _42.navigation, 'optionalAccess', _43 => _43.position]) === "right" && "justify-end pr-[var(--spacing-system-m)]"
-          ),
-          cta: hasCta ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-            !!_optionalChain([config, 'access', _44 => _44.actions, 'optionalAccess', _45 => _45.right, 'optionalAccess', _46 => _46.length]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden items-center gap-3 lg:flex", children: config.actions.right }),
-            _optionalChain([config, 'access', _47 => _47.actions, 'optionalAccess', _48 => _48.persistent]) && config.actions.persistent.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center", children: config.actions.persistent })
-          ] }) : void 0,
-          ctaClassName: "gap-3",
-          sideActions: config.tickets || _optionalChain([config, 'access', _49 => _49.mingo, 'optionalAccess', _50 => _50.enabled]) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-            config.tickets && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              TicketAlertsButton,
-              {
-                href: config.tickets.href,
-                onNavigate: config.tickets.onClick,
-                className: "border-l border-ods-border"
-              }
+          ) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: _chunk3ATAYP36cjs.cn.call(void 0, "hidden md:block", HEADING_CLASS2), children: group.title })
+        ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: HEADING_CLASS2, children: group.title })),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "ul",
+          {
+            id: listId,
+            className: _chunk3ATAYP36cjs.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)]"
             ),
-            _optionalChain([config, 'access', _51 => _51.mingo, 'optionalAccess', _52 => _52.enabled]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              MingoAiButton,
-              {
-                source: config.mingo.source,
-                icon: config.mingo.icon,
-                label: config.mingo.label,
-                className: config.mingo.className
-              }
-            )
-          ] }) : void 0
-        }
-      )
+            children: links
+          }
+        )
+      ]
     }
   );
 }
-
-// src/components/navigation/header-skeleton.tsx
-
-function HeaderSkeleton({ config }) {
-  const showNavigation = _optionalChain([config, 'optionalAccess', _53 => _53.navigation]) && config.navigation.items.length > 0;
-  const showActions = _optionalChain([config, 'optionalAccess', _54 => _54.actions, 'optionalAccess', _55 => _55.right]) && config.actions.right.length > 0;
-  const showMobileMenu = _optionalChain([config, 'optionalAccess', _56 => _56.mobile, 'optionalAccess', _57 => _57.enabled]);
-  const showLeftActions = !!_optionalChain([config, 'optionalAccess', _58 => _58.actions, 'optionalAccess', _59 => _59.left]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "sticky top-0 z-[50] w-full", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "header",
+function SiteFooter({
+  nav,
+  logo,
+  name,
+  renderLink = defaultRenderSiteNavLink,
+  cta,
+  social,
+  brandExtra,
+  backgroundClassName,
+  year = (/* @__PURE__ */ new Date()).getFullYear()
+}) {
+  const band = nav.closingBand;
+  const bandPrimary = typeof nav.primaryCta === "object" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.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, 
+    _chunkP42V6N34cjs.SocialIconRow,
+    {
+      compact: true,
+      links: nav.brand.social.map((link) => ({
+        platform: _nullishCoalesce(link.iconName, () => ( link.id)),
+        href: link.href,
+        label: link.label
+      }))
+    }
+  ) : null)));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "footer",
     {
       className: _chunk3ATAYP36cjs.cn.call(void 0, 
-        "flex h-[72px] w-full items-center border-b border-t border-ods-border md:border-t-0",
-        _optionalChain([config, 'optionalAccess', _60 => _60.backgroundColor]) || "bg-ods-card",
-        _optionalChain([config, 'optionalAccess', _61 => _61.className])
+        "relative z-[44] w-full border-t border-ods-border px-[var(--spacing-system-lf)] text-ods-text-primary",
+        _nullishCoalesce(backgroundClassName, () => ( "bg-ods-bg"))
       ),
       children: [
-        showLeftActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-full w-[72px] items-center justify-center border-r border-ods-border", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-6 animate-pulse rounded bg-ods-border" }) }),
-        showMobileMenu && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-full w-[72px] items-center justify-center border-r border-ods-border lg:hidden", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-6 animate-pulse rounded bg-ods-border" }) }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full flex-1 items-center gap-2 p-[var(--spacing-system-m)] md:pl-[var(--spacing-system-l)] lg:flex-none lg:pl-[var(--spacing-system-xxl)]", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-6 animate-pulse rounded bg-ods-border" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-24 animate-pulse rounded bg-ods-border" })
+        band && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-[var(--spacing-system-lf)] border-b border-ods-border py-[var(--spacing-system-xlf)] md:flex-row md:items-center md:justify-between md:gap-[var(--spacing-system-xlf)] md:py-14", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-col gap-[var(--spacing-system-xsf)]", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-h2", children: band.heading }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h4", children: band.subheading })
+          ] }),
+          /* @__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 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "outline", href: band.secondary.href, openInNewTab: band.secondary.external, children: navLinkLabel(band.secondary) })
+          ] })
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden h-full min-w-0 flex-1 items-center justify-center gap-2 lg:flex", children: showNavigation && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-20 animate-pulse rounded bg-ods-border" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-28 animate-pulse rounded bg-ods-border" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-24 animate-pulse rounded bg-ods-border" })
-        ] }) }),
-        showActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden h-full items-center px-[var(--spacing-system-m)] lg:flex", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-24 animate-pulse rounded bg-ods-border" }) }),
-        _optionalChain([config, 'optionalAccess', _62 => _62.mingo, 'optionalAccess', _63 => _63.enabled]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-full items-center border-l border-ods-border px-[var(--spacing-system-l)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-8 animate-pulse rounded bg-ods-border md:w-28" }) })
+        /* @__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: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full shrink-0 flex-col items-start gap-[var(--spacing-system-mf)] lg:w-60", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
+              logo,
+              typeof name === "string" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "whitespace-nowrap text-ods-text-primary text-wordmark", children: name }) : name
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: nav.brand.tagline }),
+            socialRow,
+            nav.brand.statusUrl && renderLink({
+              link: { href: nav.brand.statusUrl, external: true },
+              className: _chunk3ATAYP36cjs.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
+              ),
+              children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "h-2 w-2 rounded-full bg-ods-success" }),
+                "System status"
+              ] })
+            }),
+            brandExtra
+          ] }),
+          columns.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "nav",
+            {
+              "aria-label": "Footer",
+              className: _chunk3ATAYP36cjs.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)]
+              ),
+              children: columns.map((group) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FooterColumn, { group, accordion, renderLink }, group.id))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "div",
+          {
+            className: _chunk3ATAYP36cjs.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-muted text-h6 md:flex-row md:items-center md:justify-between md:gap-[var(--spacing-system-lf)]"
+            ),
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
+                "\xA9 ",
+                year,
+                " ",
+                nav.legal.company
+              ] }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex flex-wrap items-center gap-x-[var(--spacing-system-mf)] gap-y-[var(--spacing-system-xxs)]", children: [
+                nav.legal.notes.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: nav.legal.notes.join(" \xB7 ") }),
+                nav.legal.links.map((link) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  NavItemRow,
+                  {
+                    link,
+                    variant: "label",
+                    renderLink,
+                    className: "text-ods-accent hover:text-ods-accent hover:underline"
+                  },
+                  link.id
+                ))
+              ] })
+            ]
+          }
+        )
       ]
     }
-  ) });
-}
-
-// src/components/navigation/client-only-header.tsx
-
-function ClientOnlyHeader({ config, skeleton }) {
-  const isClient = _chunk3MX5S4CFcjs.useIsHydrated.call(void 0, );
-  if (!isClient) {
-    return skeleton || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderSkeleton, { config });
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Header, { config });
+  );
 }
 
 // src/components/navigation/sliding-sidebar.tsx
@@ -697,12 +1046,12 @@ var _framermotion = require('framer-motion');
 
 function SlidingSidebar({ config }) {
   const [expandedItems, setExpandedItems] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
-  const mounted = _chunk3MX5S4CFcjs.useIsHydrated.call(void 0, );
-  const headerHeight = _chunkTYWLNCNHcjs.useHeaderHeight.call(void 0, );
+  const mounted = _chunkSEXWHIMScjs.useIsHydrated.call(void 0, );
+  const headerHeight = _chunkUVTD52MDcjs.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 });
-  _chunk2QEUFXNScjs.useFocusTrap.call(void 0, asideRef, config.isOpen, { onEscape: config.onClose, contain: false });
+  _chunkWCVZCGK5cjs.useFocusTrap.call(void 0, asideRef, config.isOpen, { onEscape: config.onClose, contain: false });
   const toggleExpanded = (itemId) => {
     const newExpanded = new Set(expandedItems);
     if (newExpanded.has(itemId)) {
@@ -775,7 +1124,7 @@ function SlidingSidebar({ config }) {
           variant: "transparent",
           size: "default",
           onClick: () => {
-            _optionalChain([item, 'access', _64 => _64.onClick, 'optionalCall', _65 => _65()]);
+            _optionalChain([item, 'access', _23 => _23.onClick, 'optionalCall', _24 => _24()]);
             config.onClose();
           },
           leftIcon: item.icon,
@@ -798,7 +1147,7 @@ function SlidingSidebar({ config }) {
         variant: "transparent",
         size: "default",
         onClick: () => {
-          _optionalChain([item, 'access', _66 => _66.onClick, 'optionalCall', _67 => _67()]);
+          _optionalChain([item, 'access', _25 => _25.onClick, 'optionalCall', _26 => _26()]);
           config.onClose();
         },
         leftIcon: item.icon,
@@ -829,7 +1178,7 @@ function SlidingSidebar({ config }) {
           duration: 0.3,
           ease: [0.4, 0, 0.2, 1]
         },
-        className: _chunk3ATAYP36cjs.cn.call(void 0, "fixed inset-0 z-[45]", _chunk3MX5S4CFcjs.OVERLAY_BACKDROP_CLASS),
+        className: _chunk3ATAYP36cjs.cn.call(void 0, "fixed inset-0 z-[45]", _chunkSEXWHIMScjs.OVERLAY_BACKDROP_CLASS),
         onClick: () => config.onClose()
       }
     ) }),
@@ -877,7 +1226,7 @@ function SlidingSidebar({ config }) {
 function NavigationSidebarHeader({ minimized }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-14 items-center justify-start border-b border-ods-border p-[var(--spacing-system-m)]", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkQZVSJF2Kcjs.OpenFrameLogo,
+      _chunkLLSUVPQCcjs.OpenFrameLogo,
       {
         className: "h-6 w-6",
         upperPathColor: "var(--color-text-primary)",
@@ -892,7 +1241,7 @@ function NavigationSidebarHeader({ minimized }) {
           minimized ? "ml-0 opacity-0" : "ml-[var(--spacing-system-xs)] opacity-100"
         ),
         "aria-hidden": minimized,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX72J4ACLcjs.OpenFrameText, { textColor: "var(--color-text-primary)" })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLLSUVPQCcjs.OpenFrameText, { textColor: "var(--color-text-primary)" })
       }
     )
   ] });
@@ -905,7 +1254,7 @@ function NavigationSidebarHeader({ minimized }) {
 
 function NavigationItemBadge({ label, compact = false, className, ...rest }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkMMOODW57cjs.Tag,
+    _chunk6NTPY5QAcjs.Tag,
     {
       as: "span",
       label,
@@ -970,7 +1319,7 @@ var NavigationSidebarItemButton = _react.memo.call(void 0, function NavigationSi
       _react.cloneElement.call(void 0, item.icon, {
         color: isActive && !disabled ? "text-ods-accent" : "text-ods-text-secondary"
       }),
-      hasUnread && !showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVESKITRQcjs.UnreadDot, { size: "fixed" })
+      hasUnread && !showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP42V6N34cjs.UnreadDot, { size: "fixed" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "span",
@@ -1023,7 +1372,7 @@ function NavigationSidebarToggle({ minimized, showLabel, onToggle }) {
       title: minimized ? "Hide Menu" : void 0,
       "aria-label": "Hide Menu",
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-shrink-0 items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.Chevrons03LeftIcon, { className: "h-6 w-6 rotate-180 text-ods-text-secondary transition-transform duration-300 @[140px]/of-nav-sidebar:rotate-0" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-shrink-0 items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.Chevrons03LeftIcon, { className: "h-6 w-6 rotate-180 text-ods-text-secondary transition-transform duration-300 @[140px]/of-nav-sidebar:rotate-0" }) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "span",
           {
@@ -1061,17 +1410,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(_chunkRKV5B7EUcjs.useMdUp.call(void 0, ), () => ( false));
-  const isLgUp = _nullishCoalesce(_chunkRKV5B7EUcjs.useLgUp.call(void 0, ), () => ( false));
+  const isMdUp = _nullishCoalesce(_chunkLM7TXMLUcjs.useMdUp.call(void 0, ), () => ( false));
+  const isLgUp = _nullishCoalesce(_chunkLM7TXMLUcjs.useLgUp.call(void 0, ), () => ( false));
   const isTablet = isMdUp && !isLgUp;
-  const [desktopMinimized, setDesktopMinimized] = _chunk2QEUFXNScjs.useLocalStorage.call(void 0, STORAGE_KEY, _nullishCoalesce(config.minimized, () => ( false)));
+  const [desktopMinimized, setDesktopMinimized] = _chunkWCVZCGK5cjs.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 = _chunk3MX5S4CFcjs.useIsHydrated.call(void 0, );
+  const hydrated = _chunkSEXWHIMScjs.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;
@@ -1082,7 +1431,7 @@ function NavigationSidebar({ config, disabled = false, pushOnTablet = false }) {
     } else {
       setDesktopMinimized((prev) => !prev);
     }
-    _optionalChain([config, 'access', _68 => _68.onToggleMinimized, 'optionalCall', _69 => _69()]);
+    _optionalChain([config, 'access', _27 => _27.onToggleMinimized, 'optionalCall', _28 => _28()]);
   }, [isTablet, setDesktopMinimized, config]);
   const closeOverlay = _react.useCallback.call(void 0, () => {
     setTabletMinimized(true);
@@ -1096,7 +1445,7 @@ function NavigationSidebar({ config, disabled = false, pushOnTablet = false }) {
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [isOverlayOpen, closeOverlay]);
   const [pendingItemId, setPendingItemId] = _react.useState.call(void 0, null);
-  const committedActiveId = _react.useMemo.call(void 0, () => _nullishCoalesce(_optionalChain([config, 'access', _70 => _70.items, 'access', _71 => _71.find, 'call', _72 => _72((item) => item.isActive), 'optionalAccess', _73 => _73.id]), () => ( null)), [config.items]);
+  const committedActiveId = _react.useMemo.call(void 0, () => _nullishCoalesce(_optionalChain([config, 'access', _29 => _29.items, 'access', _30 => _30.find, 'call', _31 => _31((item) => item.isActive), 'optionalAccess', _32 => _32.id]), () => ( null)), [config.items]);
   const [pendingClearedFor, setPendingClearedFor] = _react.useState.call(void 0, committedActiveId);
   if (pendingClearedFor !== committedActiveId) {
     setPendingClearedFor(committedActiveId);
@@ -1104,7 +1453,7 @@ function NavigationSidebar({ config, disabled = false, pushOnTablet = false }) {
   }
   const handleItemClick = _react.useCallback.call(void 0, 
     (item, event) => {
-      _optionalChain([event, 'optionalAccess', _74 => _74.stopPropagation, 'call', _75 => _75()]);
+      _optionalChain([event, 'optionalAccess', _33 => _33.stopPropagation, 'call', _34 => _34()]);
       if (item.onClick) {
         item.onClick();
         if (isTablet) setTabletMinimized(true);
@@ -1113,7 +1462,7 @@ function NavigationSidebar({ config, disabled = false, pushOnTablet = false }) {
       if (!item.path) return;
       if (isModifiedClick(event)) return;
       if (config.onNavigate) {
-        _optionalChain([event, 'optionalAccess', _76 => _76.preventDefault, 'call', _77 => _77()]);
+        _optionalChain([event, 'optionalAccess', _35 => _35.preventDefault, 'call', _36 => _36()]);
         if (item.id !== committedActiveId) setPendingItemId(item.id);
         config.onNavigate(item.path);
       }
@@ -1130,18 +1479,18 @@ function NavigationSidebar({ config, disabled = false, pushOnTablet = false }) {
   );
   const loadingRows = _react.useMemo.call(void 0, () => {
     if (!config.loading) return null;
-    const primary = _nullishCoalesce(_optionalChain([config, 'access', _78 => _78.loadingRows, 'optionalAccess', _79 => _79.primary]), () => ( 7));
-    const secondary = _nullishCoalesce(_optionalChain([config, 'access', _80 => _80.loadingRows, 'optionalAccess', _81 => _81.secondary]), () => ( 2));
+    const primary = _nullishCoalesce(_optionalChain([config, 'access', _37 => _37.loadingRows, 'optionalAccess', _38 => _38.primary]), () => ( 7));
+    const secondary = _nullishCoalesce(_optionalChain([config, 'access', _39 => _39.loadingRows, 'optionalAccess', _40 => _40.secondary]), () => ( 2));
     return {
       primary: Array.from({ length: Math.max(0, primary) }, (_, i) => `primary-${i}`),
       secondary: Array.from({ length: Math.max(0, secondary) }, (_, i) => `secondary-${i}`)
     };
-  }, [config.loading, _optionalChain([config, 'access', _82 => _82.loadingRows, 'optionalAccess', _83 => _83.primary]), _optionalChain([config, 'access', _84 => _84.loadingRows, 'optionalAccess', _85 => _85.secondary])]);
+  }, [config.loading, _optionalChain([config, 'access', _41 => _41.loadingRows, 'optionalAccess', _42 => _42.primary]), _optionalChain([config, 'access', _43 => _43.loadingRows, 'optionalAccess', _44 => _44.secondary])]);
   const sidebarWidth = _react.useMemo.call(void 0, () => minimized ? `${MINIMIZED_WIDTH}px` : `${EXPANDED_WIDTH}px`, [minimized]);
-  _chunkRKV5B7EUcjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  _chunkLM7TXMLUcjs.useIsomorphicLayoutEffect.call(void 0, () => {
     document.documentElement.style.setProperty(NAVIGATION_SIDEBAR_WIDTH_VAR, sidebarWidth);
   }, [sidebarWidth]);
-  _chunkRKV5B7EUcjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  _chunkLM7TXMLUcjs.useIsomorphicLayoutEffect.call(void 0, () => {
     if (transitionsEnabled) return void 0;
     const id = requestAnimationFrame(() => {
       setTransitionsEnabled(true);
@@ -1193,7 +1542,7 @@ function NavigationSidebar({ config, disabled = false, pushOnTablet = false }) {
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NavigationSidebarHeader, { minimized }),
           /* @__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', _86 => _86.topSlot, 'optionalCall', _87 => _87({ minimized })]),
+              _optionalChain([config, 'access', _45 => _45.topSlot, 'optionalCall', _46 => _46({ 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, 
                 NavigationSidebarItemButton,
                 {
@@ -1252,18 +1601,18 @@ function HeaderGlobalSearch({
   };
   const handleSubmit = (e) => {
     e.preventDefault();
-    _optionalChain([onSubmit, 'optionalCall', _88 => _88(currentValue)]);
+    _optionalChain([onSubmit, 'optionalCall', _47 => _47(currentValue)]);
   };
   const handleKeyDown = (e) => {
     if (e.key === "Enter") {
-      _optionalChain([onSubmit, 'optionalCall', _89 => _89(currentValue)]);
+      _optionalChain([onSubmit, 'optionalCall', _48 => _48(currentValue)]);
     }
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "form",
     {
       onSubmit: handleSubmit,
-      ..._chunkVESKITRQcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
+      ..._chunkP42V6N34cjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
       className: _chunk3ATAYP36cjs.cn.call(void 0, 
         "flex h-full flex-1 items-center gap-2 px-3",
         // Transparent so the cell inherits the bar's background
@@ -1330,12 +1679,12 @@ function HeaderMingoButton({
           // Mobile, drawer open: the icon-only button doubles as the close
           // affordance, so swap the Mingo logo for an X. Match the other header
           // icons (e.g. notifications): secondary color, w-4 h-4 → md:w-6 h-6.
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.XmarkIcon, { className: "h-6 w-6 shrink-0 text-ods-text-secondary" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.XmarkIcon, { className: "h-6 w-6 shrink-0 text-ods-text-secondary" })
         ) : (
           // Outer frame follows the button's text color (currentColor); the eyes
           // and corner block are ODS cyan.
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkX72J4ACLcjs.MingoIcon,
+            _chunkLLSUVPQCcjs.MingoIcon,
             {
               color: "currentColor",
               eyesColor: "var(--ods-flamingo-cyan-base)",
@@ -1360,8 +1709,8 @@ function HeaderOrganizationFilter({
   className
 }) {
   const selectedOrg = organizations.find((o) => o.id === selectedOrgId);
-  const displayName = _optionalChain([selectedOrg, 'optionalAccess', _90 => _90.name]) || "All Organizations";
-  const deviceCount = _nullishCoalesce(_optionalChain([selectedOrg, 'optionalAccess', _91 => _91.deviceCount]), () => ( totalDeviceCount));
+  const displayName = _optionalChain([selectedOrg, 'optionalAccess', _49 => _49.name]) || "All Organizations";
+  const deviceCount = _nullishCoalesce(_optionalChain([selectedOrg, 'optionalAccess', _50 => _50.deviceCount]), () => ( totalDeviceCount));
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBM5MVGH3cjs.DropdownMenu, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "button",
@@ -1375,7 +1724,7 @@ function HeaderOrganizationFilter({
           className
         ),
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.Filter02Icon, { className: "h-4 w-4 shrink-0 text-ods-text-secondary" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.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: [
@@ -1387,12 +1736,45 @@ function HeaderOrganizationFilter({
       }
     ) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBM5MVGH3cjs.DropdownMenuContent, { align: "end", className: "min-w-[240px]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.DropdownMenuItem, { onClick: () => _optionalChain([onOrgChange, 'optionalCall', _92 => _92("")]), children: "All Organizations" }),
-      organizations.map((org) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.DropdownMenuItem, { onClick: () => _optionalChain([onOrgChange, 'optionalCall', _93 => _93(org.id)]), children: org.name }, org.id))
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.DropdownMenuItem, { onClick: () => _optionalChain([onOrgChange, 'optionalCall', _51 => _51("")]), children: "All Organizations" }),
+      organizations.map((org) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.DropdownMenuItem, { onClick: () => _optionalChain([onOrgChange, 'optionalCall', _52 => _52(org.id)]), children: org.name }, org.id))
     ] })
   ] });
 }
 
+// src/components/navigation/ticket-alerts-button.tsx
+
+function TicketAlertsButton({ href, onNavigate, disabled, className }) {
+  const live = _chunkOJLR5MEOcjs.useOptionalTicketLive.call(void 0, );
+  if (!live || !live.authed || live.unreadTotal === 0) return null;
+  const targetId = live.nextUnreadTicketId;
+  const target = targetId ? _chunkP42V6N34cjs.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, 
+    _chunkP42V6N34cjs.HeaderButton,
+    {
+      icon: (
+        // Glyph inherits HeaderButton's standard cell coloring (secondary at
+        // rest, primary on active) — SAME treatment as the notifications
+        // bell and time-tracker cells. The indication is carried by the
+        // count pill (sidebar count-pill precedent) and by the cell only
+        // 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, _chunkVX4E6YSBcjs.LifeBuoyIcon, { className: "h-6 w-6" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP42V6N34cjs.UnreadCountBadge, { count: live.unreadTotal })
+        ] })
+      ),
+      "aria-label": `Support tickets \u2014 ${live.unreadTotal} unread ${live.unreadTotal === 1 ? "update" : "updates"}`,
+      onClick: handleClick,
+      disabled,
+      className: _chunk3ATAYP36cjs.cn.call(void 0, className)
+    }
+  );
+}
+
 // src/components/navigation/app-header.tsx
 
 var AppHeader = _react2.default.memo(function AppHeaderImpl({
@@ -1425,7 +1807,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
   loading = false,
   loadingActionCells
 }) {
-  const isMdUp = _nullishCoalesce(_chunkRKV5B7EUcjs.useMdUp.call(void 0, ), () => ( false));
+  const isMdUp = _nullishCoalesce(_chunkLM7TXMLUcjs.useMdUp.call(void 0, ), () => ( false));
   if (loading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       AppHeaderSkeleton,
@@ -1458,11 +1840,11 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
       leading: (
         // Mobile: Burger Menu Button
         !isMdUp && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkVESKITRQcjs.HeaderButton,
+          _chunkP42V6N34cjs.HeaderButton,
           {
             onClick: onToggleMobileMenu,
             isActive: isMobileMenuOpen,
-            icon: isMobileMenuOpen ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.XmarkIcon, { className: "h-6 w-6" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.Menu01Icon, { className: "h-6 w-6" }),
+            icon: isMobileMenuOpen ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.XmarkIcon, { className: "h-6 w-6" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.Menu01Icon, { className: "h-6 w-6" }),
             "aria-label": isMobileMenuOpen ? "Close menu" : "Open menu",
             "aria-expanded": isMobileMenuOpen,
             className: "border-r border-ods-border"
@@ -1471,20 +1853,20 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
       ),
       logo: !isMdUp && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkQZVSJF2Kcjs.OpenFrameLogo,
+          _chunkLLSUVPQCcjs.OpenFrameLogo,
           {
             className: "h-6 w-6 shrink-0",
             upperPathColor: "var(--color-text-primary)",
             lowerPathColor: "var(--color-accent-primary)"
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX72J4ACLcjs.OpenFrameText, { textColor: "var(--color-text-primary)", className: "h-4" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLLSUVPQCcjs.OpenFrameText, { textColor: "var(--color-text-primary)", className: "h-4" })
       ] }),
       logoClassName: "gap-2",
       center: showSearch ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderGlobalSearch, { onSubmit: onSearch, className: _chunk3ATAYP36cjs.cn.call(void 0, "w-full", dimmedClass) }) : void 0,
       sideActions: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         showSearch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkVESKITRQcjs.HeaderButton,
+          _chunkP42V6N34cjs.HeaderButton,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4GFNWALLcjs.SearchIcon, { className: "h-6 w-6" }),
             "aria-label": "Search",
@@ -1501,7 +1883,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
             className: _chunk3ATAYP36cjs.cn.call(void 0, "hidden lg:flex", dimmedClass)
           }
         ),
-        showTimeTracker && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVESKITRQcjs.TimeTrackerHeaderButton, { disabled, className: _chunk3ATAYP36cjs.cn.call(void 0, cellDivider, dimmedClass) }),
+        showTimeTracker && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP42V6N34cjs.TimeTrackerHeaderButton, { disabled, className: _chunk3ATAYP36cjs.cn.call(void 0, cellDivider, dimmedClass) }),
         showNotifications && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           NotificationsHeaderButton,
           {
@@ -1521,10 +1903,10 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
         ),
         isMdUp && showUser && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBM5MVGH3cjs.DropdownMenu, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.DropdownMenuTrigger, { asChild: true, disabled, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkVESKITRQcjs.HeaderButton,
+            _chunkP42V6N34cjs.HeaderButton,
             {
               icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkMMOODW57cjs.SquareAvatar,
+                _chunk6NTPY5QAcjs.SquareAvatar,
                 {
                   src: userAvatarUrl || void 0,
                   alt: userName || "User",
@@ -1550,7 +1932,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
               children: [
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 border-b border-ods-border bg-ods-card p-3", children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkMMOODW57cjs.SquareAvatar,
+                    _chunk6NTPY5QAcjs.SquareAvatar,
                     {
                       src: userAvatarUrl || void 0,
                       alt: userName || "User",
@@ -1570,7 +1952,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
                     onClick: onProfile,
                     className: "cursor-pointer rounded-none border-b border-ods-border bg-ods-card px-3 py-3 hover:bg-ods-card/80 focus:bg-ods-card/80",
                     children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX72J4ACLcjs.UserIcon, { className: "h-6 w-6 shrink-0 text-ods-text-primary" }),
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLLSUVPQCcjs.UserIcon, { className: "h-6 w-6 shrink-0 text-ods-text-primary" }),
                       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-primary text-h4", children: "Profile Settings" })
                     ] })
                   }
@@ -1581,7 +1963,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
                     onClick: onLogout,
                     className: "cursor-pointer rounded-none bg-ods-card px-3 py-3 hover:bg-ods-card/80 focus:bg-ods-card/80",
                     children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX72J4ACLcjs.LogOutIcon, { className: "shrink-0 text-ods-error", size: 24 }),
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLLSUVPQCcjs.LogOutIcon, { className: "shrink-0 text-ods-error", size: 24 }),
                       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-primary text-h4", children: "Log Out" })
                     ] })
                   }
@@ -1606,14 +1988,14 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
   );
 });
 function NotificationsHeaderButton({ fallbackUnreadCount, disabled, dimmedClass }) {
-  const ctx = _chunkVESKITRQcjs.useOptionalNotifications.call(void 0, );
-  const hasUnread = (_nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _94 => _94.unreadCount]), () => ( fallbackUnreadCount))) > 0;
-  const isActive = _nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _95 => _95.isOpen]), () => ( false));
-  const onClick = _optionalChain([ctx, 'optionalAccess', _96 => _96.toggle]);
+  const ctx = _chunkP42V6N34cjs.useOptionalNotifications.call(void 0, );
+  const hasUnread = (_nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _53 => _53.unreadCount]), () => ( fallbackUnreadCount))) > 0;
+  const isActive = _nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _54 => _54.isOpen]), () => ( false));
+  const onClick = _optionalChain([ctx, 'optionalAccess', _55 => _55.toggle]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkVESKITRQcjs.HeaderButton,
+    _chunkP42V6N34cjs.HeaderButton,
     {
-      icon: isActive ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.XmarkIcon, { className: "h-6 w-6" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.BellIcon, { className: "h-6 w-6" }),
+      icon: isActive ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.XmarkIcon, { className: "h-6 w-6" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.BellIcon, { className: "h-6 w-6" }),
       showUnreadDot: !isActive && hasUnread,
       "aria-label": isActive ? "Close notifications" : "Notifications",
       onClick,
@@ -1683,7 +2065,7 @@ function AppHeaderSkeleton({
 
 var SIDE_PANEL_INSET = 16;
 var SIDE_PANEL_FRAME_WIDTH = 2;
-var MOBILE_QUERY = `not all and ${_chunkRKV5B7EUcjs.breakpoints.md}`;
+var MOBILE_QUERY = `not all and ${_chunkLM7TXMLUcjs.breakpoints.md}`;
 var REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
 var MORPH_MS = 300;
 var STORAGE_EVENT = "of:side-panel-size";
@@ -1759,13 +2141,13 @@ function useStoredSize(storageKey, fallback) {
 }
 function useAppLayoutSidePanel(config, row) {
   const enabled = config !== void 0;
-  const minWidth = _nullishCoalesce(_optionalChain([config, 'optionalAccess', _97 => _97.minWidth]), () => ( 0));
-  const minContentWidth = _nullishCoalesce(_optionalChain([config, 'optionalAccess', _98 => _98.minContentWidth]), () => ( 400));
-  const collapsed = _nullishCoalesce(_optionalChain([config, 'optionalAccess', _99 => _99.collapsed]), () => ( false));
+  const minWidth = _nullishCoalesce(_optionalChain([config, 'optionalAccess', _56 => _56.minWidth]), () => ( 0));
+  const minContentWidth = _nullishCoalesce(_optionalChain([config, 'optionalAccess', _57 => _57.minContentWidth]), () => ( 400));
+  const collapsed = _nullishCoalesce(_optionalChain([config, 'optionalAccess', _58 => _58.collapsed]), () => ( false));
   const minimum = { width: minWidth, expanded: false };
-  const defaultWidth = Math.max(minWidth, _nullishCoalesce(_optionalChain([config, 'optionalAccess', _100 => _100.defaultWidth]), () => ( minWidth)));
+  const defaultWidth = Math.max(minWidth, _nullishCoalesce(_optionalChain([config, 'optionalAccess', _59 => _59.defaultWidth]), () => ( minWidth)));
   const [rowWidth, setRowWidth] = _react.useState.call(void 0, 0);
-  _chunkRKV5B7EUcjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  _chunkLM7TXMLUcjs.useIsomorphicLayoutEffect.call(void 0, () => {
     if (!enabled || !row) return void 0;
     const update = () => setRowWidth(row.clientWidth);
     update();
@@ -1773,17 +2155,17 @@ function useAppLayoutSidePanel(config, row) {
     observer.observe(row);
     return () => observer.disconnect();
   }, [enabled, row]);
-  const isMobile = _chunkRKV5B7EUcjs.useMediaQuery.call(void 0, MOBILE_QUERY) === true;
-  const reduceMotion = _chunkRKV5B7EUcjs.useMediaQuery.call(void 0, REDUCED_MOTION_QUERY) === true;
+  const isMobile = _chunkLM7TXMLUcjs.useMediaQuery.call(void 0, MOBILE_QUERY) === true;
+  const reduceMotion = _chunkLM7TXMLUcjs.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', _101 => _101.storageKey]), { width: defaultWidth, expanded: false });
+  const [storedSize, setStoredSize] = useStoredSize(_optionalChain([config, 'optionalAccess', _60 => _60.storageKey]), { width: defaultWidth, expanded: false });
   const [ownIsOpen, setOwnIsOpen] = _react.useState.call(void 0, false);
-  const isOpen = _nullishCoalesce(_optionalChain([config, 'optionalAccess', _102 => _102.open]), () => ( ownIsOpen));
-  const onOpenChange = _optionalChain([config, 'optionalAccess', _103 => _103.onOpenChange]);
+  const isOpen = _nullishCoalesce(_optionalChain([config, 'optionalAccess', _61 => _61.open]), () => ( ownIsOpen));
+  const onOpenChange = _optionalChain([config, 'optionalAccess', _62 => _62.onOpenChange]);
   const setIsOpen = (next) => {
-    if (_optionalChain([config, 'optionalAccess', _104 => _104.open]) === void 0) setOwnIsOpen(next);
-    _optionalChain([onOpenChange, 'optionalCall', _105 => _105(next)]);
+    if (_optionalChain([config, 'optionalAccess', _63 => _63.open]) === void 0) setOwnIsOpen(next);
+    _optionalChain([onOpenChange, 'optionalCall', _64 => _64(next)]);
   };
   const [collapsedSize, setCollapsedSize] = _react.useState.call(void 0, null);
   const [prevCollapsed, setPrevCollapsed] = _react.useState.call(void 0, collapsed);
@@ -1803,8 +2185,8 @@ function useAppLayoutSidePanel(config, row) {
   _react.useEffect.call(void 0, () => {
     const couldDock = prevCanDockRef.current;
     prevCanDockRef.current = layout.canDock;
-    if (!couldDock && layout.canDock && _optionalChain([config, 'optionalAccess', _106 => _106.open])) _optionalChain([onOpenChange, 'optionalCall', _107 => _107(false)]);
-  }, [layout.canDock, _optionalChain([config, 'optionalAccess', _108 => _108.open]), onOpenChange]);
+    if (!couldDock && layout.canDock && _optionalChain([config, 'optionalAccess', _65 => _65.open])) _optionalChain([onOpenChange, 'optionalCall', _66 => _66(false)]);
+  }, [layout.canDock, _optionalChain([config, 'optionalAccess', _67 => _67.open]), onOpenChange]);
   if (!enabled) return null;
   const animate = (next) => {
     if (!reduceMotion) setMorph(next);
@@ -1963,7 +2345,7 @@ function SidePanelResizeHandle({ state, label, controls }) {
         {
           "aria-hidden": true,
           className: "flex h-8 w-4 items-center justify-center rounded-sm border border-ods-border bg-ods-card text-ods-text-secondary transition-colors group-hover:border-ods-border-hover group-focus-visible:border-ods-accent group-focus-visible:text-ods-accent",
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.Menu01Icon, { size: 12 })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.Menu01Icon, { size: 12 })
         }
       )
     }
@@ -2063,13 +2445,13 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
 }) {
   const panelRef = _react.useRef.call(void 0, null);
   _overlays.usePreventScroll.call(void 0, { isDisabled: !isOpen });
-  _chunk2QEUFXNScjs.useFocusTrap.call(void 0, panelRef, isOpen, { onEscape: onClose });
+  _chunkWCVZCGK5cjs.useFocusTrap.call(void 0, panelRef, isOpen, { onEscape: onClose });
   const handleItemClick = _react.useCallback.call(void 0, 
     (item) => {
       if (item.onClick) {
         item.onClick();
       } else if (item.path) {
-        _optionalChain([config, 'access', _109 => _109.onNavigate, 'optionalCall', _110 => _110(item.path)]);
+        _optionalChain([config, 'access', _68 => _68.onNavigate, 'optionalCall', _69 => _69(item.path)]);
       }
       onClose();
     },
@@ -2128,7 +2510,7 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
       {
         className: _chunk3ATAYP36cjs.cn.call(void 0, 
           "absolute inset-0 z-[100] md:hidden",
-          _chunk3MX5S4CFcjs.OVERLAY_BACKDROP_CLASS,
+          _chunkSEXWHIMScjs.OVERLAY_BACKDROP_CLASS,
           "transition-all duration-300 motion-reduce:transition-none",
           isOpen ? "opacity-100" : "pointer-events-none opacity-0"
         ),
@@ -2169,7 +2551,7 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
               "aria-disabled": disabled || void 0,
               children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkMMOODW57cjs.SquareAvatar,
+                  _chunk6NTPY5QAcjs.SquareAvatar,
                   {
                     src: user.userAvatarUrl || void 0,
                     alt: user.userName || "User",
@@ -2187,13 +2569,13 @@ 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, _chunkDFQYAYBHcjs.Button, { size: "icon", onClick: onSearchUser, variant: "outline", "aria-label": "Search users", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.UserSearchIcon, { className: "size-4 text-ods-text-primary" }) }),
-                  onEditProfile && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { size: "icon", onClick: onEditProfile, variant: "outline", "aria-label": "Edit profile", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.PenEditIcon, { className: "size-4 text-ods-text-primary" }) })
+                  onSearchUser && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { size: "icon", onClick: onSearchUser, variant: "outline", "aria-label": "Search users", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.UserSearchIcon, { className: "size-4 text-ods-text-primary" }) }),
+                  onEditProfile && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { size: "icon", onClick: onEditProfile, variant: "outline", "aria-label": "Edit profile", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.PenEditIcon, { className: "size-4 text-ods-text-primary" }) })
                 ] })
               ]
             }
           ),
-          _optionalChain([config, 'access', _111 => _111.topSlot, 'optionalCall', _112 => _112({ minimized: false })]),
+          _optionalChain([config, 'access', _70 => _70.topSlot, 'optionalCall', _71 => _71({ 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, 
@@ -2207,7 +2589,7 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
                 disabled && "cursor-not-allowed opacity-50"
               ),
               children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.Logout02Icon, { className: "size-4 text-ods-error" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.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" })
               ]
             }
@@ -2238,7 +2620,7 @@ function AppLayout({
   const [contentWidth, setContentWidth] = _react.useState.call(void 0, null);
   const hasSidePanel = sidePanel !== void 0;
   const sidePanelState = useAppLayoutSidePanel(sidePanel, drawerContainer);
-  _chunkRKV5B7EUcjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  _chunkLM7TXMLUcjs.useIsomorphicLayoutEffect.call(void 0, () => {
     if (!hasSidePanel || !mainElement) return void 0;
     const update = () => setContentWidth(mainElement.clientWidth);
     update();
@@ -2253,7 +2635,7 @@ function AppLayout({
     isMingoAIActive: sidePanelState.isOpen,
     mingoAICloseWhenActive: true
   };
-  const contentCovered = _optionalChain([sidePanelState, 'optionalAccess', _113 => _113.coversContent]) === true;
+  const contentCovered = _optionalChain([sidePanelState, 'optionalAccess', _72 => _72.coversContent]) === true;
   const mobileMenuOpenRef = _react.useRef.call(void 0, mobileMenuOpen);
   _react.useEffect.call(void 0, () => {
     mobileMenuOpenRef.current = mobileMenuOpen;
@@ -2284,7 +2666,7 @@ function AppLayout({
     }),
     []
   );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVESKITRQcjs.AppLayoutDrawerContainerContext.Provider, { value: drawerContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVESKITRQcjs.AppLayoutDrawerCoordinationContext.Provider, { value: drawerCoordination, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex h-screen flex-col bg-ods-bg", className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP42V6N34cjs.AppLayoutDrawerContainerContext.Provider, { value: drawerContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP42V6N34cjs.AppLayoutDrawerCoordinationContext.Provider, { value: drawerCoordination, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex h-screen flex-col bg-ods-bg", className), children: [
     topBar,
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative flex min-h-0 flex-1", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NavigationSidebar, { config: sidebarConfig, disabled, pushOnTablet: hasSidePanel }),
@@ -2308,7 +2690,7 @@ function AppLayout({
             disabled
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVESKITRQcjs.NotificationDrawer, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP42V6N34cjs.NotificationDrawer, {}),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           "div",
           {
@@ -2327,10 +2709,10 @@ function AppLayout({
                       contentCovered && "hidden",
                       // While the panel is drawn over the page, keep the page's own
                       // z-indexed layers (sticky headers, fixed bars) under it.
-                      _optionalChain([sidePanelState, 'optionalAccess', _114 => _114.overlapsContent]) && "isolate",
+                      _optionalChain([sidePanelState, 'optionalAccess', _73 => _73.overlapsContent]) && "isolate",
                       mainClassName
                     ),
-                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRKV5B7EUcjs.ContentAreaWidthContext.Provider, { value: contentWidth, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ods-content-scope", children }) })
+                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLM7TXMLUcjs.ContentAreaWidthContext.Provider, { value: contentWidth, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ods-content-scope", children }) })
                   }
                 )
               ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "main", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex-1 overflow-y-auto", mainClassName), children }),
@@ -2364,4 +2746,11 @@ function AppLayout({
 
 
 
-exports.MingoAiButton = MingoAiButton; exports.MOBILE_NAV_PANEL_ID = MOBILE_NAV_PANEL_ID; exports.MobileNavPanel = MobileNavPanel; exports.TicketAlertsButton = TicketAlertsButton; exports.TopNavigation = TopNavigation; exports.Header = Header; exports.HeaderSkeleton = HeaderSkeleton; exports.ClientOnlyHeader = ClientOnlyHeader; exports.SlidingSidebar = SlidingSidebar; exports.NavigationItemBadge = NavigationItemBadge; exports.NAVIGATION_SIDEBAR_WIDTH_VAR = NAVIGATION_SIDEBAR_WIDTH_VAR; exports.NavigationSidebar = NavigationSidebar; exports.HeaderGlobalSearch = HeaderGlobalSearch; exports.HeaderMingoButton = HeaderMingoButton; exports.HeaderOrganizationFilter = HeaderOrganizationFilter; exports.AppHeader = AppHeader; exports.SIDE_PANEL_FRAME_WIDTH = SIDE_PANEL_FRAME_WIDTH; exports.MobileBurgerMenu = MobileBurgerMenu; exports.AppLayout = AppLayout;
+
+
+
+
+
+
+
+exports.ASK_AI_OPEN_EVENT = ASK_AI_OPEN_EVENT; exports.openAskAi = openAskAi; exports.MingoAiButton = MingoAiButton; exports.MOBILE_NAV_SHEET_ID = MOBILE_NAV_SHEET_ID; exports.defaultRenderSiteNavLink = defaultRenderSiteNavLink; exports.navLinkLabel = navLinkLabel; exports.NavItemRow = NavItemRow; exports.isMegaMenu = isMegaMenu; exports.NavPanel = NavPanel; exports.TopNavigation = TopNavigation; exports.SiteHeader = SiteHeader; exports.siteNavHasMobileMenus = siteNavHasMobileMenus; exports.MobileNavSheet = MobileNavSheet; exports.SiteFooter = SiteFooter; exports.SlidingSidebar = SlidingSidebar; exports.NavigationItemBadge = NavigationItemBadge; exports.NAVIGATION_SIDEBAR_WIDTH_VAR = NAVIGATION_SIDEBAR_WIDTH_VAR; exports.NavigationSidebar = NavigationSidebar; exports.HeaderGlobalSearch = HeaderGlobalSearch; exports.HeaderMingoButton = HeaderMingoButton; exports.HeaderOrganizationFilter = HeaderOrganizationFilter; exports.TicketAlertsButton = TicketAlertsButton; exports.AppHeader = AppHeader; exports.SIDE_PANEL_FRAME_WIDTH = SIDE_PANEL_FRAME_WIDTH; exports.MobileBurgerMenu = MobileBurgerMenu; exports.AppLayout = AppLayout;