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

package/dist/{chunk-M75XEEGT.cjs → chunk-OUY3HHW6.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 _chunkUJ33ZXDTcjs = require('./chunk-UJ33ZXDT.cjs');
+var _chunkIKTQ3ZAGcjs = require('./chunk-IKTQ3ZAG.cjs');
 
 
 
@@ -13,59 +13,50 @@ var _chunkUJ33ZXDTcjs = require('./chunk-UJ33ZXDT.cjs');
 
 
 
+var _chunkVESKITRQcjs = require('./chunk-VESKITRQ.cjs');
 
-var _chunkGWQEYPYMcjs = require('./chunk-GWQEYPYM.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 _chunk7OFPU7WEcjs = require('./chunk-7OFPU7WE.cjs');
+var _chunkX72J4ACLcjs = require('./chunk-X72J4ACL.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 _chunkLLSUVPQCcjs = require('./chunk-LLSUVPQC.cjs');
+var _chunkRKV5B7EUcjs = require('./chunk-RKV5B7EU.cjs');
 
 
-
-
-
-
-
-
-
-
-
-
-var _chunkVX4E6YSBcjs = require('./chunk-VX4E6YSB.cjs');
+var _chunkQZVSJF2Kcjs = require('./chunk-QZVSJF2K.cjs');
 
 
 
@@ -85,328 +76,204 @@ var _chunkLLRGR4I5cjs = require('./chunk-LLRGR4I5.cjs');
 
 var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
 
-// src/components/navigation/site-header.tsx
+// src/components/navigation/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)";
-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,
+function MingoAiButton({ source, icon, label = "Mingo AI", className, onClick, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "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) => {
-        openAskAi(source);
+        window.dispatchEvent(new CustomEvent("ask-ai:open", { detail: { source: _nullishCoalesce(source, () => ( "")) } }));
         _optionalChain([onClick, 'optionalCall', _2 => _2(e)]);
       },
       className: _chunk3ATAYP36cjs.cn.call(void 0, 
-        "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"
-        ),
+        // 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",
         className
       ),
-      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, 
+      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, 
           "span",
           {
-            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
+            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)"
+            }
           }
-        ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkLLSUVPQCcjs.MingoIcon,
+        ) }),
+        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,
           {
             color: "currentColor",
             eyesColor: MINGO_ACCENT,
             cornerColor: MINGO_ACCENT,
-            className: _chunk3ATAYP36cjs.cn.call(void 0, "relative shrink-0 text-ods-text-primary", field ? "size-6" : "size-5")
+            className: "relative h-6 w-6 shrink-0 text-ods-text-primary"
           }
         ),
-        /* @__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") : "" })
-      ]
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "relative hidden whitespace-nowrap text-ods-text-primary text-h3 md:inline", children: label })
+      ] })
     }
   );
 }
 
-// src/components/navigation/mobile-nav-sheet-id.ts
-var MOBILE_NAV_SHEET_ID = "mobile-nav-sheet";
-
-// src/components/navigation/nav-panel.tsx
-
-
-// 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/mobile-nav-panel.tsx
+var _overlays = require('@react-aria/overlays');
+var _lucidereact = require('lucide-react');
 
-// 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",
-      {
-        "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" })
+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();
       }
-    );
-  }
-  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 })
+      _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
+      );
     }
-  );
-}
-function NavItemRow({
-  link,
-  variant = "panel",
-  renderLink = defaultRenderSiteNavLink,
-  badge,
-  onNavigate,
-  className
-}) {
-  const label = navLinkLabel(link);
-  const counter = badge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGWQEYPYMcjs.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, 
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _chunkDFQYAYBHcjs.Button,
+      {
+        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
+    );
+  };
+  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, 
       "div",
       {
-        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
-        ))
+        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 })
+        ]
       }
     )
   ] });
 }
-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;
+
+// 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);
+  };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
+    _chunkVESKITRQcjs.HeaderButton,
     {
-      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
+      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 })
+        ] })
       ),
-      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 })
-      ] })
+      "aria-label": `Support tickets \u2014 ${live.unreadTotal} unread ${live.unreadTotal === 1 ? "update" : "updates"}`,
+      onClick: handleClick,
+      disabled,
+      className: _chunk3ATAYP36cjs.cn.call(void 0, className)
     }
   );
-});
-NavPanel.displayName = "NavPanel";
+}
 
 // src/components/navigation/top-navigation.tsx
 
@@ -484,559 +351,343 @@ function TopNavigation({
   );
 }
 
-// src/components/navigation/site-header.tsx
+// src/components/navigation/header.tsx
 
-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"
-}) {
+var NAV_ITEM_CLASSES = "text-h6 [&_svg]:h-6 [&_svg]:w-6";
+function Header({ config }) {
   const [show, setShow] = _react.useState.call(void 0, true);
   const lastScrollY = _react.useRef.call(void 0, 0);
-  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";
+  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]);
   _react.useEffect.call(void 0, () => {
-    if (!autoHide) return void 0;
+    return () => {
+      setOpenDropdowns({});
+      dropdownRefs.current = {};
+      triggerRefs.current = {};
+    };
+  }, []);
+  _react.useEffect.call(void 0, () => {
+    if (!config.autoHide) return void 0;
     const handleScroll = () => {
       const currentScrollY = window.scrollY;
       const prevScrollY = lastScrollY.current;
       lastScrollY.current = currentScrollY;
-      if (currentScrollY > prevScrollY && currentScrollY > 50) setShow(false);
-      else if (currentScrollY < prevScrollY || currentScrollY <= 10) setShow(true);
+      const shouldHide = currentScrollY > prevScrollY && currentScrollY > 50;
+      const shouldShow = currentScrollY < prevScrollY || currentScrollY <= 10;
+      if (shouldHide) {
+        setShow(false);
+      } else if (shouldShow) {
+        setShow(true);
+      }
     };
     window.addEventListener("scroll", handleScroll, { passive: true });
-    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);
+    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);
     }
-    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, 
+    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, 
           _chunkDFQYAYBHcjs.Button,
           {
-            type: "button",
+            ref: (el) => {
+              triggerRefs.current[item.id] = el;
+            },
             variant: "transparent",
-            size: "wrap",
+            leftIcon: item.icon,
+            rightIcon: item.badge,
+            onClick: () => {
+              setOpenDropdowns((prev) => ({
+                [item.id]: !prev[item.id]
+              }));
+            },
+            size: "default",
             font: "regular",
-            ...getTriggerProps(menu.id),
-            "aria-current": current ? "page" : void 0,
             className: _chunk3ATAYP36cjs.cn.call(void 0, 
-              TOP_ITEM_CLASS,
-              NAV_FOCUS_CLASS,
-              open && "bg-ods-bg-hover text-ods-text-primary",
-              current && TOP_ITEM_CURRENT_CLASS
+              // 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
             ),
-            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")
-                }
-              )
-            ]
+            children: item.label
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          NavPanel,
-          {
-            ...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,
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "div",
           {
-            href: `#${skipToContentId}`,
+            ref: (el) => {
+              dropdownRefs.current[item.id] = el;
+            },
+            inert: !isOpen,
             className: _chunk3ATAYP36cjs.cn.call(void 0, 
-              "sr-only left-[var(--spacing-system-lf)] top-3 z-[70] rounded-md bg-ods-text-primary px-[var(--spacing-system-mf)] py-[var(--spacing-system-xsf)] text-ods-bg text-h6 focus:not-sr-only focus:absolute",
-              NAV_FOCUS_CLASS
+              "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 || ""
             ),
-            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, 
-                _chunkGWQEYPYMcjs.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, 
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-2", children: item.children.map((child, index) => /* @__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),
-                  children: renderLink({ link: nav.signIn, children: nav.signIn.label })
-                }
-              ) }),
-              actions,
-              primaryCta
-            ] }) : void 0,
-            ctaClassName: "gap-[var(--spacing-system-xsf)]",
-            sideActions
+                  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 })
+              ] })
+            ]
           }
         )
-      ]
+      ] }, item.id);
     }
-  );
-}
-
-// 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
-            }
+    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
           ),
-          /* @__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
-          })
-        ] })
-      ]
+          ...item.isExternal && { isExternal: true },
+          children: item.label
+        },
+        item.id
+      );
     }
-  );
-}
-
-// 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, 
+    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, 
     "div",
     {
-      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,
+      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",
             {
-              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 min-h-14 w-full items-center justify-between gap-[var(--spacing-system-sf)] text-left",
-                HEADING_CLASS2,
-                NAV_FOCUS_CLASS
+                "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"
               ),
-              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")
-                  }
-                )
-              ]
+              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)])
             }
-          ) }),
-          /* @__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)]"
+          ) : 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"
+              }
             ),
-            children: links
-          }
-        )
-      ]
+            _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
+        }
+      )
     }
   );
 }
-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, 
-    _chunkGWQEYPYMcjs.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",
+
+// 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",
     {
       className: _chunk3ATAYP36cjs.cn.call(void 0, 
-        "relative z-[44] w-full border-t border-ods-border px-[var(--spacing-system-lf)] text-ods-text-primary",
-        _nullishCoalesce(backgroundClassName, () => ( "bg-ods-bg"))
+        "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])
       ),
       children: [
-        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) })
-          ] })
+        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" })
         ] }),
-        /* @__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
-                ))
-              ] })
-            ]
-          }
-        )
+        /* @__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" }) })
       ]
     }
-  );
+  ) });
+}
+
+// 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
@@ -1046,12 +697,12 @@ var _framermotion = require('framer-motion');
 
 function SlidingSidebar({ config }) {
   const [expandedItems, setExpandedItems] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
-  const mounted = _chunk7OFPU7WEcjs.useIsHydrated.call(void 0, );
-  const headerHeight = _chunkUVTD52MDcjs.useHeaderHeight.call(void 0, );
+  const mounted = _chunk3MX5S4CFcjs.useIsHydrated.call(void 0, );
+  const headerHeight = _chunkTYWLNCNHcjs.useHeaderHeight.call(void 0, );
   const asideRef = _react.useRef.call(void 0, null);
   const prefersReducedMotion = _framermotion.useReducedMotion.call(void 0, );
   _overlays.usePreventScroll.call(void 0, { isDisabled: !config.isOpen });
-  _chunkWCVZCGK5cjs.useFocusTrap.call(void 0, asideRef, config.isOpen, { onEscape: config.onClose, contain: false });
+  _chunk2QEUFXNScjs.useFocusTrap.call(void 0, asideRef, config.isOpen, { onEscape: config.onClose, contain: false });
   const toggleExpanded = (itemId) => {
     const newExpanded = new Set(expandedItems);
     if (newExpanded.has(itemId)) {
@@ -1124,7 +775,7 @@ function SlidingSidebar({ config }) {
           variant: "transparent",
           size: "default",
           onClick: () => {
-            _optionalChain([item, 'access', _23 => _23.onClick, 'optionalCall', _24 => _24()]);
+            _optionalChain([item, 'access', _64 => _64.onClick, 'optionalCall', _65 => _65()]);
             config.onClose();
           },
           leftIcon: item.icon,
@@ -1147,7 +798,7 @@ function SlidingSidebar({ config }) {
         variant: "transparent",
         size: "default",
         onClick: () => {
-          _optionalChain([item, 'access', _25 => _25.onClick, 'optionalCall', _26 => _26()]);
+          _optionalChain([item, 'access', _66 => _66.onClick, 'optionalCall', _67 => _67()]);
           config.onClose();
         },
         leftIcon: item.icon,
@@ -1178,7 +829,7 @@ function SlidingSidebar({ config }) {
           duration: 0.3,
           ease: [0.4, 0, 0.2, 1]
         },
-        className: _chunk3ATAYP36cjs.cn.call(void 0, "fixed inset-0 z-[45]", _chunk7OFPU7WEcjs.OVERLAY_BACKDROP_CLASS),
+        className: _chunk3ATAYP36cjs.cn.call(void 0, "fixed inset-0 z-[45]", _chunk3MX5S4CFcjs.OVERLAY_BACKDROP_CLASS),
         onClick: () => config.onClose()
       }
     ) }),
@@ -1226,7 +877,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, 
-      _chunkLLSUVPQCcjs.OpenFrameLogo,
+      _chunkQZVSJF2Kcjs.OpenFrameLogo,
       {
         className: "h-6 w-6",
         upperPathColor: "var(--color-text-primary)",
@@ -1241,7 +892,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, _chunkLLSUVPQCcjs.OpenFrameText, { textColor: "var(--color-text-primary)" })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX72J4ACLcjs.OpenFrameText, { textColor: "var(--color-text-primary)" })
       }
     )
   ] });
@@ -1254,7 +905,7 @@ function NavigationSidebarHeader({ minimized }) {
 
 function NavigationItemBadge({ label, compact = false, className, ...rest }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk6NTPY5QAcjs.Tag,
+    _chunkMMOODW57cjs.Tag,
     {
       as: "span",
       label,
@@ -1319,7 +970,7 @@ var NavigationSidebarItemButton = _react.memo.call(void 0, function NavigationSi
       _react.cloneElement.call(void 0, item.icon, {
         color: isActive && !disabled ? "text-ods-accent" : "text-ods-text-secondary"
       }),
-      hasUnread && !showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGWQEYPYMcjs.UnreadDot, { size: "fixed" })
+      hasUnread && !showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVESKITRQcjs.UnreadDot, { size: "fixed" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "span",
@@ -1372,7 +1023,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, _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, "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, 
           "span",
           {
@@ -1410,17 +1061,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(_chunkLM7TXMLUcjs.useMdUp.call(void 0, ), () => ( false));
-  const isLgUp = _nullishCoalesce(_chunkLM7TXMLUcjs.useLgUp.call(void 0, ), () => ( false));
+  const isMdUp = _nullishCoalesce(_chunkRKV5B7EUcjs.useMdUp.call(void 0, ), () => ( false));
+  const isLgUp = _nullishCoalesce(_chunkRKV5B7EUcjs.useLgUp.call(void 0, ), () => ( false));
   const isTablet = isMdUp && !isLgUp;
-  const [desktopMinimized, setDesktopMinimized] = _chunkWCVZCGK5cjs.useLocalStorage.call(void 0, STORAGE_KEY, _nullishCoalesce(config.minimized, () => ( false)));
+  const [desktopMinimized, setDesktopMinimized] = _chunk2QEUFXNScjs.useLocalStorage.call(void 0, STORAGE_KEY, _nullishCoalesce(config.minimized, () => ( false)));
   const [tabletMinimized, setTabletMinimized] = _react.useState.call(void 0, true);
   const [tabletFor, setTabletFor] = _react.useState.call(void 0, isTablet);
   if (tabletFor !== isTablet) {
     setTabletFor(isTablet);
     if (isTablet) setTabletMinimized(true);
   }
-  const hydrated = _chunk7OFPU7WEcjs.useIsHydrated.call(void 0, );
+  const hydrated = _chunk3MX5S4CFcjs.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;
@@ -1431,7 +1082,7 @@ function NavigationSidebar({ config, disabled = false, pushOnTablet = false }) {
     } else {
       setDesktopMinimized((prev) => !prev);
     }
-    _optionalChain([config, 'access', _27 => _27.onToggleMinimized, 'optionalCall', _28 => _28()]);
+    _optionalChain([config, 'access', _68 => _68.onToggleMinimized, 'optionalCall', _69 => _69()]);
   }, [isTablet, setDesktopMinimized, config]);
   const closeOverlay = _react.useCallback.call(void 0, () => {
     setTabletMinimized(true);
@@ -1445,7 +1096,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', _29 => _29.items, 'access', _30 => _30.find, 'call', _31 => _31((item) => item.isActive), 'optionalAccess', _32 => _32.id]), () => ( null)), [config.items]);
+  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 [pendingClearedFor, setPendingClearedFor] = _react.useState.call(void 0, committedActiveId);
   if (pendingClearedFor !== committedActiveId) {
     setPendingClearedFor(committedActiveId);
@@ -1453,7 +1104,7 @@ function NavigationSidebar({ config, disabled = false, pushOnTablet = false }) {
   }
   const handleItemClick = _react.useCallback.call(void 0, 
     (item, event) => {
-      _optionalChain([event, 'optionalAccess', _33 => _33.stopPropagation, 'call', _34 => _34()]);
+      _optionalChain([event, 'optionalAccess', _74 => _74.stopPropagation, 'call', _75 => _75()]);
       if (item.onClick) {
         item.onClick();
         if (isTablet) setTabletMinimized(true);
@@ -1462,7 +1113,7 @@ function NavigationSidebar({ config, disabled = false, pushOnTablet = false }) {
       if (!item.path) return;
       if (isModifiedClick(event)) return;
       if (config.onNavigate) {
-        _optionalChain([event, 'optionalAccess', _35 => _35.preventDefault, 'call', _36 => _36()]);
+        _optionalChain([event, 'optionalAccess', _76 => _76.preventDefault, 'call', _77 => _77()]);
         if (item.id !== committedActiveId) setPendingItemId(item.id);
         config.onNavigate(item.path);
       }
@@ -1479,18 +1130,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', _37 => _37.loadingRows, 'optionalAccess', _38 => _38.primary]), () => ( 7));
-    const secondary = _nullishCoalesce(_optionalChain([config, 'access', _39 => _39.loadingRows, 'optionalAccess', _40 => _40.secondary]), () => ( 2));
+    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));
     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', _41 => _41.loadingRows, 'optionalAccess', _42 => _42.primary]), _optionalChain([config, 'access', _43 => _43.loadingRows, 'optionalAccess', _44 => _44.secondary])]);
+  }, [config.loading, _optionalChain([config, 'access', _82 => _82.loadingRows, 'optionalAccess', _83 => _83.primary]), _optionalChain([config, 'access', _84 => _84.loadingRows, 'optionalAccess', _85 => _85.secondary])]);
   const sidebarWidth = _react.useMemo.call(void 0, () => minimized ? `${MINIMIZED_WIDTH}px` : `${EXPANDED_WIDTH}px`, [minimized]);
-  _chunkLM7TXMLUcjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  _chunkRKV5B7EUcjs.useIsomorphicLayoutEffect.call(void 0, () => {
     document.documentElement.style.setProperty(NAVIGATION_SIDEBAR_WIDTH_VAR, sidebarWidth);
   }, [sidebarWidth]);
-  _chunkLM7TXMLUcjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  _chunkRKV5B7EUcjs.useIsomorphicLayoutEffect.call(void 0, () => {
     if (transitionsEnabled) return void 0;
     const id = requestAnimationFrame(() => {
       setTransitionsEnabled(true);
@@ -1542,7 +1193,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', _45 => _45.topSlot, 'optionalCall', _46 => _46({ minimized })]),
+              _optionalChain([config, 'access', _86 => _86.topSlot, 'optionalCall', _87 => _87({ 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,
                 {
@@ -1601,18 +1252,18 @@ function HeaderGlobalSearch({
   };
   const handleSubmit = (e) => {
     e.preventDefault();
-    _optionalChain([onSubmit, 'optionalCall', _47 => _47(currentValue)]);
+    _optionalChain([onSubmit, 'optionalCall', _88 => _88(currentValue)]);
   };
   const handleKeyDown = (e) => {
     if (e.key === "Enter") {
-      _optionalChain([onSubmit, 'optionalCall', _48 => _48(currentValue)]);
+      _optionalChain([onSubmit, 'optionalCall', _89 => _89(currentValue)]);
     }
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "form",
     {
       onSubmit: handleSubmit,
-      ..._chunkGWQEYPYMcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
+      ..._chunkVESKITRQcjs.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
@@ -1679,12 +1330,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, _chunkVX4E6YSBcjs.XmarkIcon, { className: "h-6 w-6 shrink-0 text-ods-text-secondary" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.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, 
-            _chunkLLSUVPQCcjs.MingoIcon,
+            _chunkX72J4ACLcjs.MingoIcon,
             {
               color: "currentColor",
               eyesColor: "var(--ods-flamingo-cyan-base)",
@@ -1709,8 +1360,8 @@ function HeaderOrganizationFilter({
   className
 }) {
   const selectedOrg = organizations.find((o) => o.id === selectedOrgId);
-  const displayName = _optionalChain([selectedOrg, 'optionalAccess', _49 => _49.name]) || "All Organizations";
-  const deviceCount = _nullishCoalesce(_optionalChain([selectedOrg, 'optionalAccess', _50 => _50.deviceCount]), () => ( totalDeviceCount));
+  const displayName = _optionalChain([selectedOrg, 'optionalAccess', _90 => _90.name]) || "All Organizations";
+  const deviceCount = _nullishCoalesce(_optionalChain([selectedOrg, 'optionalAccess', _91 => _91.deviceCount]), () => ( totalDeviceCount));
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBM5MVGH3cjs.DropdownMenu, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "button",
@@ -1724,7 +1375,7 @@ function HeaderOrganizationFilter({
           className
         ),
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.Filter02Icon, { className: "h-4 w-4 shrink-0 text-ods-text-secondary" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.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: [
@@ -1736,45 +1387,12 @@ 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', _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))
+      /* @__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))
     ] })
   ] });
 }
 
-// src/components/navigation/ticket-alerts-button.tsx
-
-function TicketAlertsButton({ href, onNavigate, disabled, className }) {
-  const live = _chunkUJ33ZXDTcjs.useOptionalTicketLive.call(void 0, );
-  if (!live || !live.authed || live.unreadTotal === 0) return null;
-  const targetId = live.nextUnreadTicketId;
-  const target = targetId ? _chunkGWQEYPYMcjs.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, 
-    _chunkGWQEYPYMcjs.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, _chunkGWQEYPYMcjs.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({
@@ -1807,7 +1425,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
   loading = false,
   loadingActionCells
 }) {
-  const isMdUp = _nullishCoalesce(_chunkLM7TXMLUcjs.useMdUp.call(void 0, ), () => ( false));
+  const isMdUp = _nullishCoalesce(_chunkRKV5B7EUcjs.useMdUp.call(void 0, ), () => ( false));
   if (loading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       AppHeaderSkeleton,
@@ -1840,11 +1458,11 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
       leading: (
         // Mobile: Burger Menu Button
         !isMdUp && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkGWQEYPYMcjs.HeaderButton,
+          _chunkVESKITRQcjs.HeaderButton,
           {
             onClick: onToggleMobileMenu,
             isActive: isMobileMenuOpen,
-            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" }),
+            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" }),
             "aria-label": isMobileMenuOpen ? "Close menu" : "Open menu",
             "aria-expanded": isMobileMenuOpen,
             className: "border-r border-ods-border"
@@ -1853,20 +1471,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, 
-          _chunkLLSUVPQCcjs.OpenFrameLogo,
+          _chunkQZVSJF2Kcjs.OpenFrameLogo,
           {
             className: "h-6 w-6 shrink-0",
             upperPathColor: "var(--color-text-primary)",
             lowerPathColor: "var(--color-accent-primary)"
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLLSUVPQCcjs.OpenFrameText, { textColor: "var(--color-text-primary)", className: "h-4" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX72J4ACLcjs.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, 
-          _chunkGWQEYPYMcjs.HeaderButton,
+          _chunkVESKITRQcjs.HeaderButton,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4GFNWALLcjs.SearchIcon, { className: "h-6 w-6" }),
             "aria-label": "Search",
@@ -1883,7 +1501,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
             className: _chunk3ATAYP36cjs.cn.call(void 0, "hidden lg:flex", dimmedClass)
           }
         ),
-        showTimeTracker && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGWQEYPYMcjs.TimeTrackerHeaderButton, { disabled, className: _chunk3ATAYP36cjs.cn.call(void 0, cellDivider, dimmedClass) }),
+        showTimeTracker && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVESKITRQcjs.TimeTrackerHeaderButton, { disabled, className: _chunk3ATAYP36cjs.cn.call(void 0, cellDivider, dimmedClass) }),
         showNotifications && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           NotificationsHeaderButton,
           {
@@ -1903,10 +1521,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, 
-            _chunkGWQEYPYMcjs.HeaderButton,
+            _chunkVESKITRQcjs.HeaderButton,
             {
               icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunk6NTPY5QAcjs.SquareAvatar,
+                _chunkMMOODW57cjs.SquareAvatar,
                 {
                   src: userAvatarUrl || void 0,
                   alt: userName || "User",
@@ -1932,7 +1550,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, 
-                    _chunk6NTPY5QAcjs.SquareAvatar,
+                    _chunkMMOODW57cjs.SquareAvatar,
                     {
                       src: userAvatarUrl || void 0,
                       alt: userName || "User",
@@ -1952,7 +1570,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, _chunkLLSUVPQCcjs.UserIcon, { className: "h-6 w-6 shrink-0 text-ods-text-primary" }),
+                      /* @__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, "span", { className: "text-ods-text-primary text-h4", children: "Profile Settings" })
                     ] })
                   }
@@ -1963,7 +1581,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, _chunkLLSUVPQCcjs.LogOutIcon, { className: "shrink-0 text-ods-error", size: 24 }),
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX72J4ACLcjs.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" })
                     ] })
                   }
@@ -1988,14 +1606,14 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
   );
 });
 function NotificationsHeaderButton({ fallbackUnreadCount, disabled, dimmedClass }) {
-  const ctx = _chunkGWQEYPYMcjs.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]);
+  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]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkGWQEYPYMcjs.HeaderButton,
+    _chunkVESKITRQcjs.HeaderButton,
     {
-      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" }),
+      icon: isActive ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.XmarkIcon, { className: "h-6 w-6" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.BellIcon, { className: "h-6 w-6" }),
       showUnreadDot: !isActive && hasUnread,
       "aria-label": isActive ? "Close notifications" : "Notifications",
       onClick,
@@ -2065,7 +1683,7 @@ function AppHeaderSkeleton({
 
 var SIDE_PANEL_INSET = 16;
 var SIDE_PANEL_FRAME_WIDTH = 2;
-var MOBILE_QUERY = `not all and ${_chunkLM7TXMLUcjs.breakpoints.md}`;
+var MOBILE_QUERY = `not all and ${_chunkRKV5B7EUcjs.breakpoints.md}`;
 var REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
 var MORPH_MS = 300;
 var STORAGE_EVENT = "of:side-panel-size";
@@ -2141,13 +1759,13 @@ function useStoredSize(storageKey, fallback) {
 }
 function useAppLayoutSidePanel(config, row) {
   const enabled = config !== void 0;
-  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 minWidth = _nullishCoalesce(_optionalChain([config, 'optionalAccess', _97 => _97.minWidth]), () => ( 0));
+  const minContentWidth = _nullishCoalesce(_optionalChain([config, 'optionalAccess', _98 => _98.minContentWidth]), () => ( 400));
+  const collapsed = _nullishCoalesce(_optionalChain([config, 'optionalAccess', _99 => _99.collapsed]), () => ( false));
   const minimum = { width: minWidth, expanded: false };
-  const defaultWidth = Math.max(minWidth, _nullishCoalesce(_optionalChain([config, 'optionalAccess', _59 => _59.defaultWidth]), () => ( minWidth)));
+  const defaultWidth = Math.max(minWidth, _nullishCoalesce(_optionalChain([config, 'optionalAccess', _100 => _100.defaultWidth]), () => ( minWidth)));
   const [rowWidth, setRowWidth] = _react.useState.call(void 0, 0);
-  _chunkLM7TXMLUcjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  _chunkRKV5B7EUcjs.useIsomorphicLayoutEffect.call(void 0, () => {
     if (!enabled || !row) return void 0;
     const update = () => setRowWidth(row.clientWidth);
     update();
@@ -2155,17 +1773,17 @@ function useAppLayoutSidePanel(config, row) {
     observer.observe(row);
     return () => observer.disconnect();
   }, [enabled, row]);
-  const isMobile = _chunkLM7TXMLUcjs.useMediaQuery.call(void 0, MOBILE_QUERY) === true;
-  const reduceMotion = _chunkLM7TXMLUcjs.useMediaQuery.call(void 0, REDUCED_MOTION_QUERY) === true;
+  const isMobile = _chunkRKV5B7EUcjs.useMediaQuery.call(void 0, MOBILE_QUERY) === true;
+  const reduceMotion = _chunkRKV5B7EUcjs.useMediaQuery.call(void 0, REDUCED_MOTION_QUERY) === true;
   const [morph, setMorph] = _react.useState.call(void 0, null);
   const [liveWidth, setLiveWidth] = _react.useState.call(void 0, null);
-  const [storedSize, setStoredSize] = useStoredSize(_optionalChain([config, 'optionalAccess', _60 => _60.storageKey]), { width: defaultWidth, expanded: false });
+  const [storedSize, setStoredSize] = useStoredSize(_optionalChain([config, 'optionalAccess', _101 => _101.storageKey]), { width: defaultWidth, expanded: false });
   const [ownIsOpen, setOwnIsOpen] = _react.useState.call(void 0, false);
-  const isOpen = _nullishCoalesce(_optionalChain([config, 'optionalAccess', _61 => _61.open]), () => ( ownIsOpen));
-  const onOpenChange = _optionalChain([config, 'optionalAccess', _62 => _62.onOpenChange]);
+  const isOpen = _nullishCoalesce(_optionalChain([config, 'optionalAccess', _102 => _102.open]), () => ( ownIsOpen));
+  const onOpenChange = _optionalChain([config, 'optionalAccess', _103 => _103.onOpenChange]);
   const setIsOpen = (next) => {
-    if (_optionalChain([config, 'optionalAccess', _63 => _63.open]) === void 0) setOwnIsOpen(next);
-    _optionalChain([onOpenChange, 'optionalCall', _64 => _64(next)]);
+    if (_optionalChain([config, 'optionalAccess', _104 => _104.open]) === void 0) setOwnIsOpen(next);
+    _optionalChain([onOpenChange, 'optionalCall', _105 => _105(next)]);
   };
   const [collapsedSize, setCollapsedSize] = _react.useState.call(void 0, null);
   const [prevCollapsed, setPrevCollapsed] = _react.useState.call(void 0, collapsed);
@@ -2185,8 +1803,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', _65 => _65.open])) _optionalChain([onOpenChange, 'optionalCall', _66 => _66(false)]);
-  }, [layout.canDock, _optionalChain([config, 'optionalAccess', _67 => _67.open]), onOpenChange]);
+    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 (!enabled) return null;
   const animate = (next) => {
     if (!reduceMotion) setMorph(next);
@@ -2345,7 +1963,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, _chunkVX4E6YSBcjs.Menu01Icon, { size: 12 })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.Menu01Icon, { size: 12 })
         }
       )
     }
@@ -2445,13 +2063,13 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
 }) {
   const panelRef = _react.useRef.call(void 0, null);
   _overlays.usePreventScroll.call(void 0, { isDisabled: !isOpen });
-  _chunkWCVZCGK5cjs.useFocusTrap.call(void 0, panelRef, isOpen, { onEscape: onClose });
+  _chunk2QEUFXNScjs.useFocusTrap.call(void 0, panelRef, isOpen, { onEscape: onClose });
   const handleItemClick = _react.useCallback.call(void 0, 
     (item) => {
       if (item.onClick) {
         item.onClick();
       } else if (item.path) {
-        _optionalChain([config, 'access', _68 => _68.onNavigate, 'optionalCall', _69 => _69(item.path)]);
+        _optionalChain([config, 'access', _109 => _109.onNavigate, 'optionalCall', _110 => _110(item.path)]);
       }
       onClose();
     },
@@ -2510,7 +2128,7 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
       {
         className: _chunk3ATAYP36cjs.cn.call(void 0, 
           "absolute inset-0 z-[100] md:hidden",
-          _chunk7OFPU7WEcjs.OVERLAY_BACKDROP_CLASS,
+          _chunk3MX5S4CFcjs.OVERLAY_BACKDROP_CLASS,
           "transition-all duration-300 motion-reduce:transition-none",
           isOpen ? "opacity-100" : "pointer-events-none opacity-0"
         ),
@@ -2551,7 +2169,7 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
               "aria-disabled": disabled || void 0,
               children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunk6NTPY5QAcjs.SquareAvatar,
+                  _chunkMMOODW57cjs.SquareAvatar,
                   {
                     src: user.userAvatarUrl || void 0,
                     alt: user.userName || "User",
@@ -2569,13 +2187,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, _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" }) })
+                  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" }) })
                 ] })
               ]
             }
           ),
-          _optionalChain([config, 'access', _70 => _70.topSlot, 'optionalCall', _71 => _71({ minimized: false })]),
+          _optionalChain([config, 'access', _111 => _111.topSlot, 'optionalCall', _112 => _112({ 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, 
@@ -2589,7 +2207,7 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
                 disabled && "cursor-not-allowed opacity-50"
               ),
               children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.Logout02Icon, { className: "size-4 text-ods-error" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.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" })
               ]
             }
@@ -2620,7 +2238,7 @@ function AppLayout({
   const [contentWidth, setContentWidth] = _react.useState.call(void 0, null);
   const hasSidePanel = sidePanel !== void 0;
   const sidePanelState = useAppLayoutSidePanel(sidePanel, drawerContainer);
-  _chunkLM7TXMLUcjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  _chunkRKV5B7EUcjs.useIsomorphicLayoutEffect.call(void 0, () => {
     if (!hasSidePanel || !mainElement) return void 0;
     const update = () => setContentWidth(mainElement.clientWidth);
     update();
@@ -2635,7 +2253,7 @@ function AppLayout({
     isMingoAIActive: sidePanelState.isOpen,
     mingoAICloseWhenActive: true
   };
-  const contentCovered = _optionalChain([sidePanelState, 'optionalAccess', _72 => _72.coversContent]) === true;
+  const contentCovered = _optionalChain([sidePanelState, 'optionalAccess', _113 => _113.coversContent]) === true;
   const mobileMenuOpenRef = _react.useRef.call(void 0, mobileMenuOpen);
   _react.useEffect.call(void 0, () => {
     mobileMenuOpenRef.current = mobileMenuOpen;
@@ -2666,7 +2284,7 @@ function AppLayout({
     }),
     []
   );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGWQEYPYMcjs.AppLayoutDrawerContainerContext.Provider, { value: drawerContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGWQEYPYMcjs.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, _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: [
     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 }),
@@ -2690,7 +2308,7 @@ function AppLayout({
             disabled
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGWQEYPYMcjs.NotificationDrawer, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVESKITRQcjs.NotificationDrawer, {}),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           "div",
           {
@@ -2709,10 +2327,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', _73 => _73.overlapsContent]) && "isolate",
+                      _optionalChain([sidePanelState, 'optionalAccess', _114 => _114.overlapsContent]) && "isolate",
                       mainClassName
                     ),
-                    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 }) })
+                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRKV5B7EUcjs.ContentAreaWidthContext.Provider, { value: contentWidth, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ods-content-scope", children }) })
                   }
                 )
               ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "main", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex-1 overflow-y-auto", mainClassName), children }),
@@ -2746,11 +2364,4 @@ function 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;
+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;