@flamingo-stack/openframe-frontend-core 0.0.491 → 0.0.492

package/dist/{chunk-CYIUPI7J.js → chunk-56J7RLMM.js}

@@ -19736,72 +19736,50 @@ function TabContent({
 // src/components/ui/tab-navigation.tsx
 init_next_navigation();
 init_cn();
-import { useState as useState43, useEffect as useEffect34, useDeferredValue, useMemo as useMemo24, useRef as useRef26, useCallback as useCallback19 } from "react";
+import { useState as useState43, useEffect as useEffect34, useLayoutEffect as useLayoutEffect7, useDeferredValue, useMemo as useMemo24, useRef as useRef26, useCallback as useCallback19, memo as memo4, startTransition } from "react";
 import { Fragment as Fragment32, jsx as jsx139, jsxs as jsxs111 } from "react/jsx-runtime";
-function TabNavigation({
-  activeTab: controlledActiveTab,
-  onTabChange: controlledOnTabChange,
+var HIDDEN_INDICATOR = { left: 0, width: 0 };
+var StatusDot = ({ indicator, className }) => /* @__PURE__ */ jsx139("div", { className: cn(
+  "w-3 h-3 rounded-full border-2 border-ods-bg",
+  indicator === "error" && "bg-ods-error",
+  indicator === "warning" && "bg-ods-accent",
+  indicator === "success" && "bg-ods-success",
+  className
+) });
+var TabBar = memo4(function TabBar2({
   tabs,
+  activeTab,
+  onTabChange,
   className,
   shadowClassName,
-  showRightGradient = false,
-  showLeftGradient = false,
-  stretchTabs = false,
-  urlSync = false,
-  defaultTab,
-  children
+  showLeftGradient,
+  showRightGradient,
+  stretchTabs
 }) {
-  const router = useRouter();
-  const pathname = usePathname();
-  const searchParams = useSearchParams();
-  const isUrlSyncEnabled = !!urlSync;
-  const paramName = typeof urlSync === "object" ? urlSync.paramName || "tab" : "tab";
-  const replaceState = typeof urlSync === "object" ? urlSync.replaceState !== false : true;
-  const validTabIds = useMemo24(() => new Set(tabs.map((t) => t.id)), [tabs]);
-  const getInitialTab = () => {
-    if (isUrlSyncEnabled) {
-      const fromUrl = searchParams?.get(paramName) || "";
-      if (validTabIds.has(fromUrl)) {
-        return fromUrl;
-      }
-    }
-    return defaultTab || tabs[0]?.id || "";
-  };
-  const [internalActiveTab, setInternalActiveTab] = useState43(getInitialTab);
-  const activeTab = isUrlSyncEnabled ? internalActiveTab : controlledActiveTab || "";
-  useEffect34(() => {
-    if (!isUrlSyncEnabled) return;
-    const fromUrl = searchParams?.get(paramName) || "";
-    const nextTab = validTabIds.has(fromUrl) ? fromUrl : defaultTab || tabs[0]?.id || "";
-    if (nextTab !== internalActiveTab) {
-      setInternalActiveTab(nextTab);
-    }
-  }, [isUrlSyncEnabled, searchParams, paramName, validTabIds, defaultTab, tabs, internalActiveTab]);
-  const handleTabChange = (tabId) => {
-    if (isUrlSyncEnabled) {
-      setInternalActiveTab(tabId);
-      const params = new URLSearchParams(searchParams?.toString());
-      params.set(paramName, tabId);
-      const method = replaceState ? "replace" : "push";
-      router[method](`${pathname}?${params.toString()}`);
-      controlledOnTabChange?.(tabId);
-    } else {
-      controlledOnTabChange?.(tabId);
-    }
-  };
-  const deferredActiveTab = useDeferredValue(activeTab);
-  const isStale = activeTab !== deferredActiveTab;
   const scrollRef = useRef26(null);
   const activeTabRef = useRef26(null);
   const isFirstActiveScrollRef = useRef26(true);
   const [canScrollLeft, setCanScrollLeft] = useState43(false);
   const [canScrollRight, setCanScrollRight] = useState43(false);
+  const [indicator, setIndicator] = useState43(HIDDEN_INDICATOR);
+  const hasPlacedIndicatorRef = useRef26(false);
+  const measureIndicator = useCallback19(() => {
+    const active = activeTabRef.current;
+    const next = active ? { left: active.offsetLeft, width: active.offsetWidth } : HIDDEN_INDICATOR;
+    setIndicator((prev) => prev.left === next.left && prev.width === next.width ? prev : next);
+  }, []);
   const updateScrollShadows = useCallback19(() => {
     const el = scrollRef.current;
     if (!el) return;
     setCanScrollLeft(el.scrollLeft > 0);
     setCanScrollRight(el.scrollLeft + el.clientWidth < el.scrollWidth - 1);
   }, []);
+  useLayoutEffect7(() => {
+    measureIndicator();
+  }, [measureIndicator, activeTab, tabs]);
+  useLayoutEffect7(() => {
+    if (indicator.width > 0) hasPlacedIndicatorRef.current = true;
+  }, [indicator]);
   useEffect34(() => {
     const el = scrollRef.current;
     if (!el) return;
@@ -19818,14 +19796,23 @@ function TabNavigation({
     };
     el.addEventListener("scroll", updateScrollShadows, { passive: true });
     el.addEventListener("wheel", onWheel, { passive: false });
-    const ro = new ResizeObserver(updateScrollShadows);
+    const ro = new ResizeObserver(() => {
+      updateScrollShadows();
+      measureIndicator();
+    });
     ro.observe(el);
+    let cancelled = false;
+    document.fonts?.ready.then(() => {
+      if (!cancelled) measureIndicator();
+    }).catch(() => {
+    });
     return () => {
+      cancelled = true;
       el.removeEventListener("scroll", updateScrollShadows);
       el.removeEventListener("wheel", onWheel);
       ro.disconnect();
     };
-  }, [updateScrollShadows]);
+  }, [updateScrollShadows, measureIndicator]);
   useEffect34(() => {
     const el = scrollRef.current;
     const active = activeTabRef.current;
@@ -19842,7 +19829,7 @@ function TabNavigation({
   }, [activeTab]);
   const leftFade = canScrollLeft || showLeftGradient;
   const rightFade = canScrollRight || showRightGradient;
-  const borderStyle = (() => {
+  const borderStyle = useMemo24(() => {
     const c = "var(--color-border-default)";
     if (leftFade && rightFade) {
       return { background: `linear-gradient(to right, transparent 0, ${c} 40px, ${c} calc(100% - 40px), transparent 100%)` };
@@ -19854,20 +19841,37 @@ function TabNavigation({
       return { background: `linear-gradient(to right, ${c} 0, ${c} calc(100% - 40px), transparent 100%)` };
     }
     return { background: c };
-  })();
-  return /* @__PURE__ */ jsxs111(Fragment32, { children: [
-    /* @__PURE__ */ jsxs111("div", { className: cn("relative w-full", className), children: [
-      /* @__PURE__ */ jsx139("div", { ref: scrollRef, className: "flex gap-[var(--spacing-system-xxs)] items-center justify-start h-full overflow-x-auto overflow-y-hidden scrollbar-hide", children: tabs.map((tab) => {
+  }, [leftFade, rightFade]);
+  const isPlaced = indicator.width > 0;
+  const indicatorStyle = {
+    transform: `translateX(${indicator.left}px) scaleX(${indicator.width})`,
+    opacity: isPlaced ? 1 : 0
+  };
+  const shouldAnimateIndicator = hasPlacedIndicatorRef.current;
+  return /* @__PURE__ */ jsxs111("div", { className: cn("relative w-full", className), children: [
+    /* @__PURE__ */ jsxs111("div", { ref: scrollRef, className: "relative flex gap-[var(--spacing-system-xxs)] items-center justify-start h-full overflow-x-auto overflow-y-hidden scrollbar-hide", children: [
+      tabs.map((tab) => {
         const isActive = activeTab === tab.id;
         return /* @__PURE__ */ jsxs111(
           "button",
           {
             ref: isActive ? activeTabRef : void 0,
             type: "button",
-            onClick: () => handleTabChange(tab.id),
+            onClick: () => onTabChange(tab.id),
             className: cn(
               "flex gap-[var(--spacing-system-xxs)] items-center justify-center p-[var(--spacing-system-m)] relative shrink-0 cursor-pointer",
-              "transition-all duration-200 bg-transparent border-none outline-none",
+              // Named rather than `transition-all`: the only thing that moves
+              // here is colour. `all` also made the browser re-check every
+              // property each frame, including the background GRADIENT — which
+              // never animated anyway, since the inactive state has no
+              // background-image to interpolate from.
+              "transition-colors duration-200 bg-transparent border-none outline-none",
+              // `outline-none` above drops the browser's own focus ring, so
+              // put one back or the strip is un-navigable by keyboard — you
+              // can tab through it with nothing to show where you are. Inset,
+              // so it stays within the button instead of overlapping the tab
+              // sitting 4px away.
+              "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ods-focus",
               stretchTabs && "flex-1",
               // Known limitation: ODS color vars hold hex values, so Tailwind
               // alpha modifiers (to-ods-accent/10) silently produce no CSS.
@@ -19882,36 +19886,123 @@ function TabNavigation({
                     className: cn("h-4 w-4 md:h-6 md:w-6 transition-colors", isActive ? "text-ods-accent" : "text-ods-text-secondary")
                   }
                 ),
-                tab.indicator && /* @__PURE__ */ jsx139("div", { className: cn(
-                  "absolute right-0 top-[-3px] w-3 h-3 rounded-full border-2 border-ods-bg",
-                  tab.indicator === "error" && "bg-ods-error",
-                  tab.indicator === "warning" && "bg-ods-accent",
-                  tab.indicator === "success" && "bg-ods-success"
-                ) })
+                tab.indicator && /* @__PURE__ */ jsx139(StatusDot, { indicator: tab.indicator, className: "absolute right-0 top-[-3px]" })
               ] }) : tab.indicator ? (
                 // Text-only tabs keep their status badge — inline dot before
                 // the label (there's no icon corner to anchor to).
-                /* @__PURE__ */ jsx139("div", { className: cn(
-                  "w-3 h-3 shrink-0 rounded-full border-2 border-ods-bg",
-                  tab.indicator === "error" && "bg-ods-error",
-                  tab.indicator === "warning" && "bg-ods-accent",
-                  tab.indicator === "success" && "bg-ods-success"
-                ) })
+                /* @__PURE__ */ jsx139(StatusDot, { indicator: tab.indicator, className: "shrink-0" })
               ) : null,
               /* @__PURE__ */ jsx139("span", { className: cn(
                 "text-h4 whitespace-nowrap transition-colors",
                 isActive ? "text-ods-text-primary" : "text-ods-text-secondary"
-              ), children: tab.label }),
-              isActive && /* @__PURE__ */ jsx139("div", { className: "absolute bottom-0 left-0 right-0 h-1 bg-ods-accent" })
+              ), children: tab.label })
             ]
           },
           tab.id
         );
-      }) }),
-      leftFade && /* @__PURE__ */ jsx139("div", { className: cn("absolute left-0 top-0 bottom-0 w-10 pointer-events-none bg-gradient-to-r to-transparent", shadowClassName || "from-ods-bg") }),
-      rightFade && /* @__PURE__ */ jsx139("div", { className: cn("absolute right-0 top-0 bottom-0 w-10 pointer-events-none bg-gradient-to-l to-transparent", shadowClassName || "from-ods-bg") }),
-      /* @__PURE__ */ jsx139("div", { className: "absolute bottom-0 left-0 right-0 h-px pointer-events-none", style: borderStyle })
+      }),
+      /* @__PURE__ */ jsx139(
+        "div",
+        {
+          "aria-hidden": true,
+          className: cn(
+            "pointer-events-none absolute bottom-0 left-0 h-1 w-px origin-left bg-ods-accent",
+            shouldAnimateIndicator && "transition-[transform,opacity] duration-200 ease-out motion-reduce:transition-none"
+          ),
+          style: indicatorStyle
+        }
+      )
     ] }),
+    leftFade && /* @__PURE__ */ jsx139("div", { className: cn("absolute left-0 top-0 bottom-0 w-10 pointer-events-none bg-gradient-to-r to-transparent", shadowClassName || "from-ods-bg") }),
+    rightFade && /* @__PURE__ */ jsx139("div", { className: cn("absolute right-0 top-0 bottom-0 w-10 pointer-events-none bg-gradient-to-l to-transparent", shadowClassName || "from-ods-bg") }),
+    /* @__PURE__ */ jsx139("div", { className: "absolute bottom-0 left-0 right-0 h-px pointer-events-none", style: borderStyle })
+  ] });
+});
+function TabNavigation({
+  activeTab: controlledActiveTab,
+  onTabChange: controlledOnTabChange,
+  tabs,
+  className,
+  shadowClassName,
+  showRightGradient = false,
+  showLeftGradient = false,
+  stretchTabs = false,
+  urlSync = false,
+  defaultTab,
+  children
+}) {
+  const router = useRouter();
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+  const isUrlSyncEnabled = !!urlSync;
+  const paramName = typeof urlSync === "object" ? urlSync.paramName || "tab" : "tab";
+  const replaceState = typeof urlSync === "object" ? urlSync.replaceState !== false : true;
+  const validTabIds = useMemo24(() => new Set(tabs.map((t) => t.id)), [tabs]);
+  const fallbackTab = defaultTab || tabs[0]?.id || "";
+  const urlTab = isUrlSyncEnabled ? searchParams?.get(paramName) || "" : "";
+  const getInitialTab = () => {
+    if (isUrlSyncEnabled && validTabIds.has(urlTab)) return urlTab;
+    return fallbackTab;
+  };
+  const [internalActiveTab, setInternalActiveTab] = useState43(getInitialTab);
+  const activeTab = isUrlSyncEnabled ? internalActiveTab : controlledActiveTab || "";
+  const lastSyncedUrlTabRef = useRef26(urlTab);
+  const inFlightUrlTabsRef = useRef26([]);
+  useEffect34(() => {
+    if (!isUrlSyncEnabled) return;
+    const landed = inFlightUrlTabsRef.current.indexOf(urlTab);
+    if (landed !== -1) {
+      inFlightUrlTabsRef.current.splice(0, landed + 1);
+      lastSyncedUrlTabRef.current = urlTab;
+      return;
+    }
+    if (urlTab === lastSyncedUrlTabRef.current) {
+      setInternalActiveTab(
+        (prev) => validTabIds.has(prev) ? prev : validTabIds.has(urlTab) ? urlTab : fallbackTab
+      );
+      return;
+    }
+    inFlightUrlTabsRef.current.length = 0;
+    lastSyncedUrlTabRef.current = urlTab;
+    setInternalActiveTab(validTabIds.has(urlTab) ? urlTab : fallbackTab);
+  }, [isUrlSyncEnabled, urlTab, validTabIds, fallbackTab]);
+  const navRef = useRef26({ isUrlSyncEnabled, controlledOnTabChange, searchParams, pathname, paramName, replaceState });
+  useEffect34(() => {
+    navRef.current = { isUrlSyncEnabled, controlledOnTabChange, searchParams, pathname, paramName, replaceState };
+  });
+  const handleTabChange = useCallback19((tabId) => {
+    const nav = navRef.current;
+    if (!nav.isUrlSyncEnabled) {
+      nav.controlledOnTabChange?.(tabId);
+      return;
+    }
+    setInternalActiveTab(tabId);
+    const inFlight = inFlightUrlTabsRef.current;
+    if (inFlight[inFlight.length - 1] !== tabId) inFlight.push(tabId);
+    const params = new URLSearchParams(nav.searchParams?.toString());
+    params.set(nav.paramName, tabId);
+    const method = nav.replaceState ? "replace" : "push";
+    startTransition(() => {
+      router[method](`${nav.pathname}?${params.toString()}`, { scroll: false });
+    });
+    nav.controlledOnTabChange?.(tabId);
+  }, [router]);
+  const deferredActiveTab = useDeferredValue(activeTab);
+  const isStale = activeTab !== deferredActiveTab;
+  return /* @__PURE__ */ jsxs111(Fragment32, { children: [
+    /* @__PURE__ */ jsx139(
+      TabBar,
+      {
+        tabs,
+        activeTab,
+        onTabChange: handleTabChange,
+        className,
+        shadowClassName,
+        showLeftGradient,
+        showRightGradient,
+        stretchTabs
+      }
+    ),
     children && children(deferredActiveTab, { isStale })
   ] });
 }
@@ -20351,12 +20442,12 @@ var socialCache = SocialEmbedCache.getInstance();
 
 // src/components/media-carousel.tsx
 init_cn();
-import { useState as useState45, useRef as useRef28, useEffect as useEffect36, memo as memo4, useCallback as useCallback20 } from "react";
+import { useState as useState45, useRef as useRef28, useEffect as useEffect36, memo as memo5, useCallback as useCallback20 } from "react";
 init_button2();
 import { Fragment as Fragment34, jsx as jsx144, jsxs as jsxs114 } from "react/jsx-runtime";
 var ChevronLeftIcon = () => /* @__PURE__ */ jsx144("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx144("polyline", { points: "15,18 9,12 15,6" }) });
 var ChevronRightIcon = () => /* @__PURE__ */ jsx144("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx144("polyline", { points: "9,18 15,12 9,6" }) });
-var MediaCarousel = memo4(function MediaCarousel2({
+var MediaCarousel = memo5(function MediaCarousel2({
   media,
   className,
   aspectRatio = "16/9",
@@ -32418,7 +32509,7 @@ function FloatingWalkthroughVideo({
         ),
         /* @__PURE__ */ jsxs190("span", { className: "pointer-events-none absolute bottom-[var(--spacing-system-xsf)] left-[var(--spacing-system-xsf)] z-20 flex max-w-[calc(100%-2*var(--spacing-system-xsf))] items-center gap-[var(--spacing-system-xsf)] rounded-full bg-ods-overlay py-[var(--spacing-system-xxs)] pl-[var(--spacing-system-xxs)] pr-[var(--spacing-system-sf)] text-h6 text-ods-text-primary", children: [
           presenterAvatarSrc ? /* @__PURE__ */ jsx242(SquareAvatar, { src: presenterAvatarSrc, alt: "", sizePx: 20, variant: "round", className: "shrink-0 border-0" }) : /* @__PURE__ */ jsx242(VideoPlayBadge, { size: "sm", className: "h-5 w-5 shrink-0" }),
-          /* @__PURE__ */ jsx242("span", { className: "truncate", children: label })
+          /* @__PURE__ */ jsx242("span", { className: "truncate", children: summaryTitle || label })
         ] }),
         showBigUnmute && /* @__PURE__ */ jsx242(
           Button,
@@ -38352,7 +38443,7 @@ function useSectionNavigation(sections, options) {
 }
 
 // src/components/navigation/navigation-sidebar.tsx
-import { useCallback as useCallback37, useEffect as useEffect70, useLayoutEffect as useLayoutEffect7, useMemo as useMemo39, useState as useState93 } from "react";
+import { useCallback as useCallback37, useEffect as useEffect70, useLayoutEffect as useLayoutEffect8, useMemo as useMemo39, useState as useState93 } from "react";
 
 // src/components/navigation/navigation-sidebar-header.tsx
 import { jsx as jsx288, jsxs as jsxs226 } from "react/jsx-runtime";
@@ -38381,65 +38472,75 @@ function NavigationSidebarHeader({ minimized }) {
 }
 
 // src/components/navigation/navigation-sidebar-item.tsx
-import { cloneElement } from "react";
-import { jsx as jsx289, jsxs as jsxs227 } from "react/jsx-runtime";
-function NavigationSidebarItemButton({
+init_next_link();
+import { cloneElement, memo as memo6 } from "react";
+import { Fragment as Fragment59, jsx as jsx289, jsxs as jsxs227 } from "react/jsx-runtime";
+var NavigationSidebarItemButton = memo6(function NavigationSidebarItemButton2({
   item,
+  isActive,
+  isPending,
   showLabel,
   disabled,
   onClick
 }) {
-  const isActive = item.isActive ?? false;
   const unreadCount = item.unreadCount ?? 0;
   const hasUnread = unreadCount > 0;
-  return /* @__PURE__ */ jsxs227(
-    "button",
-    {
-      onClick: (event) => onClick(item, event),
-      disabled,
-      className: cn(
-        "w-full flex items-center justify-start relative",
-        "h-14 p-[var(--spacing-system-m)]",
-        "transition-colors duration-300",
-        "[&_svg]:transition-colors [&_svg]:duration-300",
-        "before:content-[''] before:absolute before:left-0 before:top-0 before:bottom-0 before:w-1",
-        "before:transition-colors before:duration-300",
-        !isActive && !disabled && "hover:bg-ods-bg-hover text-ods-text-primary [&_svg]:fill-ods-text-secondary",
-        !isActive && disabled && "text-ods-text-secondary [&_svg]:fill-ods-text-secondary",
-        isActive && !disabled && [
-          "bg-[var(--ods-open-yellow-light)] text-ods-accent",
-          "[&_svg]:fill-ods-accent",
-          "before:bg-ods-accent"
-        ],
-        isActive && disabled && "text-ods-text-secondary [&_svg]:fill-ods-text-secondary",
-        disabled && "cursor-not-allowed opacity-50"
-      ),
-      title: !showLabel ? item.label : void 0,
-      "aria-label": item.label,
-      "aria-current": isActive ? "page" : void 0,
-      children: [
-        /* @__PURE__ */ jsxs227("div", { className: "relative flex items-center justify-center flex-shrink-0", children: [
-          cloneElement(item.icon, {
-            color: isActive && !disabled ? "text-ods-accent" : "text-ods-text-secondary"
-          }),
-          hasUnread && !showLabel && /* @__PURE__ */ jsx289("span", { className: "absolute top-0 right-0 bg-ods-warning rounded-full w-2 h-2" })
-        ] }),
-        /* @__PURE__ */ jsx289(
-          "span",
-          {
-            className: cn(
-              "text-h4 flex-1 text-left truncate transition-[opacity,margin-left] duration-300",
-              showLabel ? "opacity-100 ml-[var(--spacing-system-xs)]" : "opacity-0 ml-0"
-            ),
-            "aria-hidden": !showLabel,
-            children: item.label
-          }
-        ),
-        hasUnread && showLabel && /* @__PURE__ */ jsx289("span", { className: "bg-ods-accent flex items-center justify-center flex-shrink-0 p-2 rounded-md size-6", children: /* @__PURE__ */ jsx289("span", { className: "text-h5 text-ods-text-on-accent", children: unreadCount > 99 ? "99+" : unreadCount }) })
-      ]
-    }
+  const className = cn(
+    "w-full flex items-center justify-start relative",
+    "h-14 p-[var(--spacing-system-m)]",
+    // 150ms, not 300: the outgoing and incoming entries cross-fade, so for the
+    // whole duration TWO rows read as half-active. At 300ms that window is long
+    // enough to look like a flicker rather than a transition.
+    "transition-colors duration-150",
+    "[&_svg]:transition-colors [&_svg]:duration-150",
+    "before:content-[''] before:absolute before:left-0 before:top-0 before:bottom-0 before:w-1",
+    "before:transition-colors before:duration-150",
+    // Pending borrows the HOVER weight and nothing else — no accent bar, no
+    // accent text, no `aria-current`. It says "this row is working", not "this
+    // is where you are", and it reads as the row staying pressed under the
+    // cursor, which is exactly what happened.
+    !isActive && !disabled && "hover:bg-ods-bg-hover text-ods-text-primary [&_svg]:fill-ods-text-secondary",
+    !isActive && !disabled && isPending && "bg-ods-bg-hover",
+    !isActive && disabled && "text-ods-text-secondary [&_svg]:fill-ods-text-secondary",
+    isActive && !disabled && [
+      "bg-[var(--ods-open-yellow-light)] text-ods-accent",
+      "[&_svg]:fill-ods-accent",
+      "before:bg-ods-accent"
+    ],
+    isActive && disabled && "text-ods-text-secondary [&_svg]:fill-ods-text-secondary",
+    disabled && "cursor-not-allowed opacity-50"
   );
-}
+  const content = /* @__PURE__ */ jsxs227(Fragment59, { children: [
+    /* @__PURE__ */ jsxs227("div", { className: "relative flex items-center justify-center flex-shrink-0", children: [
+      cloneElement(item.icon, {
+        color: isActive && !disabled ? "text-ods-accent" : "text-ods-text-secondary"
+      }),
+      hasUnread && !showLabel && /* @__PURE__ */ jsx289("span", { className: "absolute top-0 right-0 bg-ods-warning rounded-full w-2 h-2" })
+    ] }),
+    /* @__PURE__ */ jsx289(
+      "span",
+      {
+        className: cn(
+          "text-h4 flex-1 text-left truncate transition-[opacity,margin-left] duration-300",
+          showLabel ? "opacity-100 ml-[var(--spacing-system-xs)]" : "opacity-0 ml-0"
+        ),
+        "aria-hidden": !showLabel,
+        children: item.label
+      }
+    ),
+    hasUnread && showLabel && /* @__PURE__ */ jsx289("span", { className: "bg-ods-accent flex items-center justify-center flex-shrink-0 p-2 rounded-md size-6", children: /* @__PURE__ */ jsx289("span", { className: "text-h5 text-ods-text-on-accent", children: unreadCount > 99 ? "99+" : unreadCount }) })
+  ] });
+  const shared = {
+    className,
+    title: !showLabel ? item.label : void 0,
+    "aria-label": item.label,
+    "aria-current": isActive ? "page" : void 0
+  };
+  if (disabled || !item.path || item.onClick) {
+    return /* @__PURE__ */ jsx289("button", { type: "button", onClick: (event) => onClick(item, event), disabled, ...shared, children: content });
+  }
+  return /* @__PURE__ */ jsx289(next_link_default, { href: item.path, onClick: (event) => onClick(item, event), ...shared, children: content });
+});
 
 // src/components/navigation/navigation-sidebar-toggle.tsx
 import { jsx as jsx290, jsxs as jsxs228 } from "react/jsx-runtime";
@@ -38488,10 +38589,11 @@ function NavigationSidebarToggle({
 }
 
 // src/components/navigation/navigation-sidebar.tsx
-import { Fragment as Fragment59, jsx as jsx291, jsxs as jsxs229 } from "react/jsx-runtime";
+import { Fragment as Fragment60, jsx as jsx291, jsxs as jsxs229 } from "react/jsx-runtime";
 var MINIMIZED_WIDTH = 56;
 var EXPANDED_WIDTH = 224;
 var STORAGE_KEY = "of.navigationSidebar.minimized";
+var isModifiedClick = (event) => !!event && (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button !== 0);
 function NavigationSidebar({ config, disabled = false }) {
   const isMdUp = useMdUp() ?? false;
   const isLgUp = useLgUp() ?? false;
@@ -38527,15 +38629,30 @@ function NavigationSidebar({ config, disabled = false }) {
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [isOverlayOpen, closeOverlay]);
+  const [pendingItemId, setPendingItemId] = useState93(null);
+  const committedActiveId = useMemo39(
+    () => config.items.find((item) => item.isActive)?.id ?? null,
+    [config.items]
+  );
+  useEffect70(() => {
+    setPendingItemId(null);
+  }, [committedActiveId]);
   const handleItemClick = useCallback37((item, event) => {
     event?.stopPropagation();
     if (item.onClick) {
       item.onClick();
-    } else if (item.path) {
-      config.onNavigate?.(item.path);
+      if (isTablet) setTabletMinimized(true);
+      return;
+    }
+    if (!item.path) return;
+    if (isModifiedClick(event)) return;
+    if (config.onNavigate) {
+      event?.preventDefault();
+      if (item.id !== committedActiveId) setPendingItemId(item.id);
+      config.onNavigate(item.path);
     }
     if (isTablet) setTabletMinimized(true);
-  }, [config, isTablet]);
+  }, [config, isTablet, committedActiveId]);
   const { primaryItems, secondaryItems } = useMemo39(() => ({
     primaryItems: config.items.filter((item) => item.section !== "secondary"),
     secondaryItems: config.items.filter((item) => item.section === "secondary")
@@ -38544,16 +38661,15 @@ function NavigationSidebar({ config, disabled = false }) {
     () => minimized ? `${MINIMIZED_WIDTH}px` : `${EXPANDED_WIDTH}px`,
     [minimized]
   );
-  const isHydrated = isMdUp !== void 0 && isLgUp !== void 0;
-  useLayoutEffect7(() => {
-    if (isHydrated && !transitionsEnabled) {
+  useLayoutEffect8(() => {
+    if (!transitionsEnabled) {
       const id = requestAnimationFrame(() => {
         setTransitionsEnabled(true);
       });
       return () => cancelAnimationFrame(id);
     }
-  }, [isHydrated, transitionsEnabled]);
-  return /* @__PURE__ */ jsxs229(Fragment59, { children: [
+  }, [transitionsEnabled]);
+  return /* @__PURE__ */ jsxs229(Fragment60, { children: [
     /* @__PURE__ */ jsx291(
       "div",
       {
@@ -38575,7 +38691,7 @@ function NavigationSidebar({ config, disabled = false }) {
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ jsx291(
+    /* @__PURE__ */ jsxs229(
       "aside",
       {
         className: cn(
@@ -38592,13 +38708,15 @@ function NavigationSidebar({ config, disabled = false }) {
         ),
         style: { width: sidebarWidth },
         "aria-label": "Main navigation sidebar",
-        children: isHydrated && /* @__PURE__ */ jsxs229(Fragment59, { children: [
+        children: [
           /* @__PURE__ */ jsx291(NavigationSidebarHeader, { minimized }),
           /* @__PURE__ */ jsxs229("div", { className: "flex-1 flex flex-col justify-between py-4 overflow-y-auto", children: [
             /* @__PURE__ */ jsx291("nav", { className: "flex flex-col", "aria-label": "Primary navigation", children: primaryItems.map((item) => /* @__PURE__ */ jsx291(
               NavigationSidebarItemButton,
               {
                 item,
+                isActive: item.id === committedActiveId,
+                isPending: item.id === pendingItemId,
                 showLabel,
                 disabled,
                 onClick: handleItemClick
@@ -38609,6 +38727,8 @@ function NavigationSidebar({ config, disabled = false }) {
               NavigationSidebarItemButton,
               {
                 item,
+                isActive: item.id === committedActiveId,
+                isPending: item.id === pendingItemId,
                 showLabel,
                 disabled,
                 onClick: handleItemClick
@@ -38624,7 +38744,7 @@ function NavigationSidebar({ config, disabled = false }) {
               onToggle: handleToggle
             }
           )
-        ] })
+        ]
       }
     )
   ] });
@@ -39005,7 +39125,7 @@ import { Suspense as Suspense2, useCallback as useCallback39, useMemo as useMemo
 // src/components/navigation/mobile-burger-menu.tsx
 import React117, { useCallback as useCallback38, useRef as useRef52 } from "react";
 import { usePreventScroll as usePreventScroll5 } from "@react-aria/overlays";
-import { Fragment as Fragment60, jsx as jsx296, jsxs as jsxs234 } from "react/jsx-runtime";
+import { Fragment as Fragment61, jsx as jsx296, jsxs as jsxs234 } from "react/jsx-runtime";
 var HEADER_HEIGHT = 48;
 var MobileBurgerMenu = React117.memo(function MobileBurgerMenu2({
   isOpen,
@@ -39065,7 +39185,7 @@ var MobileBurgerMenu = React117.memo(function MobileBurgerMenu2({
     );
   };
   const renderNavigationGrid = (items) => /* @__PURE__ */ jsx296("div", { className: "grid grid-cols-2 gap-3", children: items.map((item) => /* @__PURE__ */ jsx296(React117.Fragment, { children: renderNavigationItem(item, true) }, item.id)) });
-  return /* @__PURE__ */ jsxs234(Fragment60, { children: [
+  return /* @__PURE__ */ jsxs234(Fragment61, { children: [
     /* @__PURE__ */ jsx296(
       "div",
       {
@@ -39829,7 +39949,7 @@ import React119, { useRef as useRef54, useCallback as useCallback40 } from "reac
 import React118 from "react";
 init_button2();
 init_cn();
-import { Fragment as Fragment61, jsx as jsx306, jsxs as jsxs244 } from "react/jsx-runtime";
+import { Fragment as Fragment62, jsx as jsx306, jsxs as jsxs244 } from "react/jsx-runtime";
 function OnboardingStepCard({
   step,
   isCompleted,
@@ -39871,10 +39991,10 @@ function OnboardingStepCard({
           /* @__PURE__ */ jsx306("h3", { className: "text-h4 text-ods-text-primary truncate", title: step.title, children: step.title }),
           /* @__PURE__ */ jsx306("p", { className: "text-h6 text-ods-text-secondary truncate h-[20px]", title: step.description, children: step.description })
         ] }),
-        /* @__PURE__ */ jsx306("div", { className: "flex items-center gap-2 w-full md:w-auto justify-start md:justify-end shrink-0", onClick: (e) => e.stopPropagation(), children: isCheckingCompletion ? /* @__PURE__ */ jsxs244(Fragment61, { children: [
+        /* @__PURE__ */ jsx306("div", { className: "flex items-center gap-2 w-full md:w-auto justify-start md:justify-end shrink-0", onClick: (e) => e.stopPropagation(), children: isCheckingCompletion ? /* @__PURE__ */ jsxs244(Fragment62, { children: [
           /* @__PURE__ */ jsx306("div", { className: "h-[32px] w-[100px] bg-ods-border rounded-[6px] animate-pulse" }),
           /* @__PURE__ */ jsx306("div", { className: "h-[32px] w-[120px] bg-ods-border rounded-[6px] animate-pulse" })
-        ] }) : isCompleted ? /* @__PURE__ */ jsxs244(Fragment61, { children: [
+        ] }) : isCompleted ? /* @__PURE__ */ jsxs244(Fragment62, { children: [
           /* @__PURE__ */ jsx306(
             StatusBadge,
             {
@@ -39893,14 +40013,14 @@ function OnboardingStepCard({
               children: step.completedText
             }
           )
-        ] }) : isSkipped ? /* @__PURE__ */ jsx306(Fragment61, { children: /* @__PURE__ */ jsx306(
+        ] }) : isSkipped ? /* @__PURE__ */ jsx306(Fragment62, { children: /* @__PURE__ */ jsx306(
           StatusBadge,
           {
             text: "SKIPPED",
             variant: "card",
             colorScheme: "default"
           }
-        ) }) : /* @__PURE__ */ jsxs244(Fragment61, { children: [
+        ) }) : /* @__PURE__ */ jsxs244(Fragment62, { children: [
           /* @__PURE__ */ jsx306(
             Button,
             {
@@ -40860,7 +40980,7 @@ function getHideClasses(hideAt) {
 }
 
 // src/components/ui/table/table-header.tsx
-import { Fragment as Fragment62, jsx as jsx319, jsxs as jsxs254 } from "react/jsx-runtime";
+import { Fragment as Fragment63, jsx as jsx319, jsxs as jsxs254 } from "react/jsx-runtime";
 function TableHeader({
   columns,
   className,
@@ -40971,10 +41091,10 @@ function TableHeader({
                       column.sortable && "cursor-pointer hover:text-ods-text-primary transition-colors"
                     ),
                     onClick: () => handleSort(column),
-                    children: column.renderHeader ? /* @__PURE__ */ jsxs254(Fragment62, { children: [
+                    children: column.renderHeader ? /* @__PURE__ */ jsxs254(Fragment63, { children: [
                       column.renderHeader(),
                       getSortIcon(column)
-                    ] }) : /* @__PURE__ */ jsxs254(Fragment62, { children: [
+                    ] }) : /* @__PURE__ */ jsxs254(Fragment63, { children: [
                       /* @__PURE__ */ jsx319("span", { className: "text-h5 text-ods-text-secondary uppercase whitespace-nowrap", children: column.label }),
                       getSortIcon(column)
                     ] })
@@ -41029,7 +41149,7 @@ function TableCell({
 
 // src/components/ui/table/table-skeleton.tsx
 init_cn();
-import { Fragment as Fragment63, jsx as jsx321, jsxs as jsxs255 } from "react/jsx-runtime";
+import { Fragment as Fragment64, jsx as jsx321, jsxs as jsxs255 } from "react/jsx-runtime";
 var ROW_HEIGHT_DESKTOP = "h-[66px] md:h-[78px]";
 var ROW_HEIGHT_MOBILE = "h-[66px]";
 function TableCardSkeleton({
@@ -41041,7 +41161,7 @@ function TableCardSkeleton({
   rowClassName
 }) {
   const primaryKey = (columns.find((c) => /flex-(1|\[)/.test(c.width || "")) ?? columns[0])?.key;
-  return /* @__PURE__ */ jsx321(Fragment63, { children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsxs255(
+  return /* @__PURE__ */ jsx321(Fragment64, { children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsxs255(
     "div",
     {
       className: cn(
@@ -41220,7 +41340,7 @@ function useTableMotion(enabled) {
 }
 
 // src/components/ui/table/table.tsx
-import { Fragment as Fragment64, jsx as jsx323, jsxs as jsxs257 } from "react/jsx-runtime";
+import { Fragment as Fragment65, jsx as jsx323, jsxs as jsxs257 } from "react/jsx-runtime";
 function injectSyntheticColumns(columns, rowActions, renderRowActions, rowHref) {
   const hasActions = Boolean(rowActions?.length) || Boolean(renderRowActions);
   const result = [...columns];
@@ -41422,7 +41542,7 @@ function Table({
         hasActions: Boolean(rowActions) && rowActions.length > 0,
         hasChevron: Boolean(rowHref)
       }
-    ) : data.length === 0 ? /* @__PURE__ */ jsx323(TableEmptyState, { message: emptyMessage }) : /* @__PURE__ */ jsxs257(Fragment64, { children: [
+    ) : data.length === 0 ? /* @__PURE__ */ jsx323(TableEmptyState, { message: emptyMessage }) : /* @__PURE__ */ jsxs257(Fragment65, { children: [
       (() => {
         const rows = data.map((item, index) => /* @__PURE__ */ jsx323(
           TableRow,
@@ -42019,7 +42139,13 @@ function DataTableColumnFilter({
         "div",
         {
           className: cn(
-            "group flex w-full items-center gap-[var(--spacing-system-xsf)] py-[var(--spacing-system-sf)] rounded-sm cursor-pointer transition-colors duration-200 select-none",
+            // Fixed 48px per design, same as the plain header cell next to it —
+            // NOT padding around the label. The two were drifting: 12px+20px+12px
+            // came out 44px here while the sibling was pinned to 48, so in a
+            // header mixing filterable and plain columns the labels sat on
+            // different centre lines and the filter's hit area was 4px short of
+            // the row it belongs to.
+            "group flex w-full items-center gap-[var(--spacing-system-xsf)] h-12 rounded-sm cursor-pointer transition-colors duration-200 select-none",
             alignJustify(align)
           ),
           "aria-label": `Filter by ${label}`,
@@ -42048,7 +42174,7 @@ function DataTableColumnFilter({
 }
 
 // src/components/ui/data-table/data-table-header.tsx
-import { Fragment as Fragment65, jsx as jsx332, jsxs as jsxs264 } from "react/jsx-runtime";
+import { Fragment as Fragment66, jsx as jsx332, jsxs as jsxs264 } from "react/jsx-runtime";
 function DataTableHeader({
   className,
   stickyHeader,
@@ -42086,7 +42212,12 @@ function DataTableHeader({
           },
           header.id
         )),
-        rightSlot && (hasVisibleHeaderCell ? /* @__PURE__ */ jsx332("div", { className: "absolute right-[var(--spacing-system-mf)] inset-y-0 flex items-center", children: rightSlot }) : /* @__PURE__ */ jsx332("div", { className: "ml-auto flex items-center py-[var(--spacing-system-sf)]", children: rightSlot }))
+        rightSlot && (hasVisibleHeaderCell ? /* @__PURE__ */ jsx332("div", { className: "absolute right-[var(--spacing-system-mf)] inset-y-0 flex items-center", children: rightSlot }) : (
+          // In-flow fallback: with no visible header cell this slot is the
+          // only thing giving the row height, so it carries the same fixed 48
+          // rather than padding out to 44.
+          /* @__PURE__ */ jsx332("div", { className: "ml-auto flex items-center h-12", children: rightSlot })
+        ))
       ] })
     }
   );
@@ -42146,7 +42277,7 @@ function HeaderLabel({ header }) {
   if (typeof headerDef === "string") {
     return /* @__PURE__ */ jsx332("span", { className: "text-h5 text-ods-text-secondary uppercase whitespace-nowrap transition-colors duration-200 group-hover:text-ods-text-primary", children: headerDef });
   }
-  return /* @__PURE__ */ jsx332(Fragment65, { children: flexRender(headerDef, header.getContext()) });
+  return /* @__PURE__ */ jsx332(Fragment66, { children: flexRender(headerDef, header.getContext()) });
 }
 function SortIcon({ sorted }) {
   if (sorted === "asc") return /* @__PURE__ */ jsx332(Arrow01UpIcon, { className: "w-4 h-4 text-ods-accent" });
@@ -42180,12 +42311,12 @@ function DataTableEmpty({ className, ...props }) {
 // src/components/ui/data-table/data-table-row.tsx
 init_next_link();
 init_cn();
-import { memo as memo5, useCallback as useCallback44, useRef as useRef59 } from "react";
+import { memo as memo7, useCallback as useCallback44, useRef as useRef59 } from "react";
 import { flexRender as flexRender2 } from "@tanstack/react-table";
 
 // src/components/ui/data-table/data-table-skeleton.tsx
 init_cn();
-import { Fragment as Fragment66, jsx as jsx334, jsxs as jsxs265 } from "react/jsx-runtime";
+import { Fragment as Fragment67, jsx as jsx334, jsxs as jsxs265 } from "react/jsx-runtime";
 var ROW_HEIGHT_DESKTOP2 = "h-[66px] md:h-[78px]";
 var ROW_HEIGHT_MOBILE2 = "h-[66px]";
 function DataTableSkeleton({
@@ -42196,7 +42327,7 @@ function DataTableSkeleton({
   const table = useDataTableContext();
   const columns = table.getVisibleFlatColumns();
   const firstColumnId = columns[0]?.id;
-  return /* @__PURE__ */ jsx334(Fragment66, { children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsxs265(
+  return /* @__PURE__ */ jsx334(Fragment67, { children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsxs265(
     "div",
     {
       className: cn(
@@ -42219,7 +42350,13 @@ function DataTableSkeleton({
                 {
                   className: cn(
                     "flex flex-col justify-center shrink-0",
-                    meta?.width || "flex-1"
+                    meta?.width || "flex-1",
+                    // Same responsive hiding the real header and row apply.
+                    // Without it a `hideAt` column was drawn in the skeleton and
+                    // absent from the loaded table, so below that breakpoint the
+                    // remaining columns were sized against a different total and
+                    // the whole row re-laid-out the moment data arrived.
+                    getHideClasses2(meta?.hideAt)
                   ),
                   children: [
                     /* @__PURE__ */ jsx334("div", { className: "h-5 bg-ods-bg-surface rounded-sm w-3/4 mb-[var(--spacing-system-xxs)]" }),
@@ -42252,7 +42389,7 @@ function DataTableSkeleton({
 }
 
 // src/components/ui/data-table/data-table-row.tsx
-import { Fragment as Fragment67, jsx as jsx335, jsxs as jsxs266 } from "react/jsx-runtime";
+import { Fragment as Fragment68, jsx as jsx335, jsxs as jsxs266 } from "react/jsx-runtime";
 function DataTableRowImpl({
   row,
   onClick,
@@ -42349,12 +42486,12 @@ function DataTableRowImpl({
     }
   );
 }
-var DataTableRow = memo5(DataTableRowImpl);
+var DataTableRow = memo7(DataTableRowImpl);
 function CellContent({ children }) {
   if (typeof children === "string" || typeof children === "number") {
     return /* @__PURE__ */ jsx335("span", { className: "text-h4 text-ods-text-primary truncate", title: String(children), children });
   }
-  return /* @__PURE__ */ jsx335(Fragment67, { children });
+  return /* @__PURE__ */ jsx335(Fragment68, { children });
 }
 
 // src/components/ui/data-table/data-table-body.tsx
@@ -42434,7 +42571,7 @@ function DataTableBody({
 
 // src/components/ui/data-table/data-table-infinite-footer.tsx
 import { useEffect as useEffect73, useRef as useRef60 } from "react";
-import { Fragment as Fragment68, jsx as jsx337, jsxs as jsxs268 } from "react/jsx-runtime";
+import { Fragment as Fragment69, jsx as jsx337, jsxs as jsxs268 } from "react/jsx-runtime";
 function DataTableInfiniteFooter({
   hasNextPage,
   isFetchingNextPage,
@@ -42458,7 +42595,7 @@ function DataTableInfiniteFooter({
     observer.observe(sentinel);
     return () => observer.disconnect();
   }, [hasNextPage, isFetchingNextPage, rootMargin]);
-  return /* @__PURE__ */ jsxs268(Fragment68, { children: [
+  return /* @__PURE__ */ jsxs268(Fragment69, { children: [
     isFetchingNextPage && /* @__PURE__ */ jsx337(DataTableSkeleton, { rows: skeletonRows }),
     hasNextPage && /* @__PURE__ */ jsx337("div", { ref: sentinelRef, className: "h-1", "aria-hidden": "true" })
   ] });
@@ -43876,7 +44013,7 @@ function FileUpload({
 import * as React130 from "react";
 import { Loader2 as Loader210 } from "lucide-react";
 init_cn();
-import { Fragment as Fragment70, jsx as jsx344, jsxs as jsxs275 } from "react/jsx-runtime";
+import { Fragment as Fragment71, jsx as jsx344, jsxs as jsxs275 } from "react/jsx-runtime";
 var DEFAULT_MAX_SIZE = 25 * 1024 * 1024;
 function formatSize(bytes) {
   const mb = bytes / (1024 * 1024);
@@ -44005,7 +44142,7 @@ function ImageUploader({
           !hasImage && !interactive && "cursor-not-allowed",
           dropzoneClassName
         ),
-        children: hasImage ? /* @__PURE__ */ jsxs275(Fragment70, { children: [
+        children: hasImage ? /* @__PURE__ */ jsxs275(Fragment71, { children: [
           /* @__PURE__ */ jsx344("div", { className: "relative min-h-0 w-full flex-1 overflow-hidden rounded-md", children: resolvedValue && /* @__PURE__ */ jsx344(
             "img",
             {
@@ -44042,7 +44179,7 @@ function ImageUploader({
             )
           ] }),
           loading && /* @__PURE__ */ jsx344("div", { className: "absolute inset-0 flex items-center justify-center rounded-md bg-ods-overlay", children: /* @__PURE__ */ jsx344(Loader210, { className: "size-8 animate-spin text-ods-text-on-dark" }) })
-        ] }) : loading ? /* @__PURE__ */ jsx344(Loader210, { className: "size-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs275(Fragment70, { children: [
+        ] }) : loading ? /* @__PURE__ */ jsx344(Loader210, { className: "size-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs275(Fragment71, { children: [
           /* @__PURE__ */ jsx344("div", { className: "flex shrink-0 items-center justify-center rounded-full border border-ods-border bg-ods-card p-[var(--spacing-system-s)]", children: /* @__PURE__ */ jsx344(ImagePlusIcon, { className: "size-6 text-ods-text-primary" }) }),
           /* @__PURE__ */ jsxs275("div", { className: "flex w-full flex-col items-center text-center", children: [
             /* @__PURE__ */ jsx344("p", { className: "text-h4 text-ods-text-primary", children: label }),
@@ -44112,7 +44249,7 @@ PopoverContent.displayName = PopoverPrimitive7.Content.displayName;
 
 // src/components/ui/color-preset-select.tsx
 init_cn();
-import { Fragment as Fragment71, jsx as jsx346, jsxs as jsxs276 } from "react/jsx-runtime";
+import { Fragment as Fragment72, jsx as jsx346, jsxs as jsxs276 } from "react/jsx-runtime";
 var TICKET_STATUS_COLOR_PRESETS = [
   { key: "green", label: "Green", color: "#5ea62e" },
   { key: "lime", label: "Lime", color: "#8bc34a" },
@@ -44263,7 +44400,7 @@ function RgbInputs({ value, onChange }) {
     const b = next.b ?? rgb.b;
     onChange(rgbToHex(r, g, b));
   };
-  return /* @__PURE__ */ jsxs276(Fragment71, { children: [
+  return /* @__PURE__ */ jsxs276(Fragment72, { children: [
     /* @__PURE__ */ jsx346(ChannelInput, { value: rgb.r, min: 0, max: 255, ariaLabel: "Red", onCommit: (r) => update({ r }) }),
     /* @__PURE__ */ jsx346(ChannelInput, { value: rgb.g, min: 0, max: 255, ariaLabel: "Green", onCommit: (g) => update({ g }) }),
     /* @__PURE__ */ jsx346(ChannelInput, { value: rgb.b, min: 0, max: 255, ariaLabel: "Blue", onCommit: (b) => update({ b }) })
@@ -44279,7 +44416,7 @@ function HslInputs({ value, onChange }) {
     const out = hslToRgb(h, s, l);
     onChange(rgbToHex(out.r, out.g, out.b));
   };
-  return /* @__PURE__ */ jsxs276(Fragment71, { children: [
+  return /* @__PURE__ */ jsxs276(Fragment72, { children: [
     /* @__PURE__ */ jsx346(ChannelInput, { value: hsl.h, min: 0, max: 360, ariaLabel: "Hue", onCommit: (h) => update({ h }) }),
     /* @__PURE__ */ jsx346(ChannelInput, { value: hsl.s, min: 0, max: 100, ariaLabel: "Saturation", onCommit: (s) => update({ s }) }),
     /* @__PURE__ */ jsx346(ChannelInput, { value: hsl.l, min: 0, max: 100, ariaLabel: "Lightness", onCommit: (l) => update({ l }) })
@@ -44714,7 +44851,7 @@ init_cn();
 // src/components/ui/ticket-note-card.tsx
 import * as React135 from "react";
 init_cn();
-import { Fragment as Fragment72, jsx as jsx351, jsxs as jsxs281 } from "react/jsx-runtime";
+import { Fragment as Fragment73, jsx as jsx351, jsxs as jsxs281 } from "react/jsx-runtime";
 function TicketNoteCard({ note, onEdit, onDelete, className }) {
   const [isEditing, setIsEditing] = React135.useState(false);
   const [editText, setEditText] = React135.useState(note.text);
@@ -44788,7 +44925,7 @@ function TicketNoteCard({ note, onEdit, onDelete, className }) {
               children: /* @__PURE__ */ jsx351(XmarkIcon, { className: "size-5" })
             }
           )
-        ] }) : /* @__PURE__ */ jsxs281(Fragment72, { children: [
+        ] }) : /* @__PURE__ */ jsxs281(Fragment73, { children: [
           /* @__PURE__ */ jsx351("p", { className: "text-h4 text-ods-text-primary", children: note.text }),
           /* @__PURE__ */ jsxs281(
             "p",
@@ -44895,7 +45032,7 @@ function TicketNotesSection({
 }
 
 // src/components/ui/ticket-info-section.tsx
-import { Fragment as Fragment73, jsx as jsx353, jsxs as jsxs283 } from "react/jsx-runtime";
+import { Fragment as Fragment74, jsx as jsx353, jsxs as jsxs283 } from "react/jsx-runtime";
 function InfoCell2({ value, label, icon, onClick }) {
   return /* @__PURE__ */ jsx353("div", { className: "flex-1 min-w-0 overflow-hidden", children: /* @__PURE__ */ jsxs283("div", { className: "flex flex-col justify-center", children: [
     /* @__PURE__ */ jsxs283("div", { className: "flex items-center gap-1 w-full min-w-0", children: [
@@ -45020,7 +45157,7 @@ function TicketInfoSection({
             )
           ] })
         ] }),
-        expanded && /* @__PURE__ */ jsxs283(Fragment73, { children: [
+        expanded && /* @__PURE__ */ jsxs283(Fragment74, { children: [
           createdAt && /* @__PURE__ */ jsx353("div", { className: "grid grid-cols-2 gap-4 px-4 py-3 bg-ods-bg border-b border-ods-border items-center", children: /* @__PURE__ */ jsx353(InfoCell2, { value: createdAt, label: "Created" }) }),
           /* @__PURE__ */ jsxs283("div", { className: "flex flex-col gap-4 p-4 bg-ods-bg border-b border-ods-border", children: [
             description && /* @__PURE__ */ jsx353(SimpleMarkdownRenderer, { content: description }),
@@ -45078,7 +45215,7 @@ function FilterPillRow({
 
 // src/components/ui/image-gallery-modal.tsx
 import { ChevronLeft as ChevronLeft4, ChevronRight as ChevronRight8 } from "lucide-react";
-import { Fragment as Fragment74, jsx as jsx355, jsxs as jsxs285 } from "react/jsx-runtime";
+import { Fragment as Fragment75, jsx as jsx355, jsxs as jsxs285 } from "react/jsx-runtime";
 function ImageGalleryModal({
   images,
   isOpen,
@@ -45134,7 +45271,7 @@ function ImageGalleryModal({
       onClose,
       className: "max-w-[95vw]",
       children: /* @__PURE__ */ jsxs285("div", { className: "relative flex items-center justify-center bg-black rounded-lg", children: [
-        images.length > 1 && /* @__PURE__ */ jsxs285(Fragment74, { children: [
+        images.length > 1 && /* @__PURE__ */ jsxs285(Fragment75, { children: [
           selectedImageIndex > 0 && /* @__PURE__ */ jsx355("div", { className: "absolute left-4 top-1/2 -translate-y-1/2 z-[10000]", children: /* @__PURE__ */ jsx355(
             Button,
             {
@@ -45252,7 +45389,7 @@ function TaskTypeIcon({ customItemId, className = "h-5 w-5" }) {
 }
 
 // src/components/chat/entity-cards/roadmap-card.tsx
-import { Fragment as Fragment75, jsx as jsx357, jsxs as jsxs286 } from "react/jsx-runtime";
+import { Fragment as Fragment76, jsx as jsx357, jsxs as jsxs286 } from "react/jsx-runtime";
 function RoadmapCardSkeleton({ size: size2 = "default" }) {
   if (size2 === "sm") {
     return /* @__PURE__ */ jsxs286("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
@@ -45314,7 +45451,7 @@ function RoadmapCard({
     const hasScreenshots = (item.screenshots?.length ?? 0) > 0;
     const typeLabel = getTaskTypeLabel(item.customItemId);
     const useTypeIcon = cardType === "internal_task" || !iconSrc && item.customItemId != null;
-    const body = /* @__PURE__ */ jsxs286(Fragment75, { children: [
+    const body = /* @__PURE__ */ jsxs286(Fragment76, { children: [
       /* @__PURE__ */ jsx357(
         "span",
         {
@@ -45506,7 +45643,7 @@ function RoadmapCard({
 // src/components/chat/entity-cards/github-activity-card.tsx
 import React138 from "react";
 import { GitPullRequest, Eye as Eye4, ExternalLink as ExternalLink8 } from "lucide-react";
-import { Fragment as Fragment76, jsx as jsx358, jsxs as jsxs287 } from "react/jsx-runtime";
+import { Fragment as Fragment77, jsx as jsx358, jsxs as jsxs287 } from "react/jsx-runtime";
 function parseRepoFromUrl(url) {
   if (!url) return null;
   try {
@@ -45638,7 +45775,7 @@ function GitHubActivityCard({ item, variant = "compact", className, anchorProps
   if (repo) metaParts.push(/* @__PURE__ */ jsx358("span", { className: "font-mono truncate", children: repo }, "repo"));
   if (dateText) metaParts.push(/* @__PURE__ */ jsx358("span", { className: "whitespace-nowrap", children: dateText }, "date"));
   const href = safeHref(item.url);
-  const body = /* @__PURE__ */ jsxs287(Fragment76, { children: [
+  const body = /* @__PURE__ */ jsxs287(Fragment77, { children: [
     /* @__PURE__ */ jsx358("span", { className: COMPACT_CARD_ICON_SLOT, children: kindIcon(kind, "h-5 w-5") }),
     /* @__PURE__ */ jsxs287("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsxs287("span", { className: `${COMPACT_CARD_TITLE_ROW} flex-nowrap gap-1.5`, children: [
@@ -45693,7 +45830,7 @@ function GitHubActivityCardSkeleton({ variant = "compact", className }) {
 // src/components/chat/entity-cards/slack-message-card.tsx
 import React139 from "react";
 import { ExternalLink as ExternalLink9, Hash } from "lucide-react";
-import { Fragment as Fragment77, jsx as jsx359, jsxs as jsxs288 } from "react/jsx-runtime";
+import { Fragment as Fragment78, jsx as jsx359, jsxs as jsxs288 } from "react/jsx-runtime";
 function parseChannelFromUrl(url) {
   if (!url) return null;
   try {
@@ -45732,7 +45869,7 @@ function SlackMessageCard({ item, variant = "compact", className, anchorProps })
   }
   if (dateText) metaParts.push(/* @__PURE__ */ jsx359("span", { className: "whitespace-nowrap", children: dateText }, "date"));
   const href = safeHref(item.url);
-  const body = /* @__PURE__ */ jsxs288(Fragment77, { children: [
+  const body = /* @__PURE__ */ jsxs288(Fragment78, { children: [
     /* @__PURE__ */ jsx359("span", { className: COMPACT_CARD_ICON_SLOT, children: /* @__PURE__ */ jsx359(SlackIcon, { className: "h-5 w-5" }) }),
     /* @__PURE__ */ jsxs288("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsx359("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx359("span", { className: COMPACT_CARD_TITLE, children: item.title }) }),
@@ -45782,7 +45919,7 @@ function SlackMessageCardSkeleton({ variant = "compact", className }) {
 // src/components/chat/entity-cards/hubspot-ticket-card.tsx
 import React140 from "react";
 import { ExternalLink as ExternalLink10 } from "lucide-react";
-import { Fragment as Fragment78, jsx as jsx360, jsxs as jsxs289 } from "react/jsx-runtime";
+import { Fragment as Fragment79, jsx as jsx360, jsxs as jsxs289 } from "react/jsx-runtime";
 function formatToken(token) {
   if (!token) return null;
   const lower = token.toLowerCase().replace(/_/g, " ");
@@ -45821,7 +45958,7 @@ function HubspotTicketCard({ item, variant = "compact", className, anchorProps }
   }
   if (dateText) metaParts.push(/* @__PURE__ */ jsx360("span", { className: "whitespace-nowrap", children: dateText }, "date"));
   const href = safeHref(item.url);
-  const body = /* @__PURE__ */ jsxs289(Fragment78, { children: [
+  const body = /* @__PURE__ */ jsxs289(Fragment79, { children: [
     /* @__PURE__ */ jsxs289("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsxs289("span", { className: "flex flex-wrap items-center gap-1.5 min-w-0", children: [
         /* @__PURE__ */ jsx360("span", { className: `${COMPACT_CARD_TITLE} shrink min-w-0`, children: item.title }),
@@ -45901,9 +46038,9 @@ function HubspotTicketCardSkeleton({ variant = "compact", className }) {
 
 // src/components/chat/entity-cards/data-room-doc-card.tsx
 import { ExternalLink as ExternalLink11 } from "lucide-react";
-import { Fragment as Fragment79, jsx as jsx361, jsxs as jsxs290 } from "react/jsx-runtime";
+import { Fragment as Fragment80, jsx as jsx361, jsxs as jsxs290 } from "react/jsx-runtime";
 function DataRoomDocCard({ item, className, badgeText, anchorProps }) {
-  const body = /* @__PURE__ */ jsxs290(Fragment79, { children: [
+  const body = /* @__PURE__ */ jsxs290(Fragment80, { children: [
     /* @__PURE__ */ jsxs290("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsxs290("span", { className: "flex flex-wrap items-center gap-1.5 min-w-0", children: [
         /* @__PURE__ */ jsx361("span", { className: `${COMPACT_CARD_TITLE} shrink min-w-0`, children: item.title }),
@@ -47513,7 +47650,7 @@ function cleanEscapedString(input) {
 init_button();
 import { ExternalLink as ExternalLink12, Clock as Clock2, Play as Play4, Video as Video5 } from "lucide-react";
 init_cn();
-import { Fragment as Fragment80, jsx as jsx362, jsxs as jsxs291 } from "react/jsx-runtime";
+import { Fragment as Fragment81, jsx as jsx362, jsxs as jsxs291 } from "react/jsx-runtime";
 function formatUtc(date, fmt) {
   return format2(new Date(date.getTime() + date.getTimezoneOffset() * 6e4), fmt);
 }
@@ -47588,7 +47725,7 @@ function MediaGallery({ images, title }) {
     setIsModalOpen(false);
     setSelectedImageIndex(null);
   };
-  return /* @__PURE__ */ jsxs291(Fragment80, { children: [
+  return /* @__PURE__ */ jsxs291(Fragment81, { children: [
     /* @__PURE__ */ jsx362("div", { className: "p-6 pt-4", children: /* @__PURE__ */ jsx362("div", { className: "overflow-x-auto mb-4", children: /* @__PURE__ */ jsx362("div", { className: "flex gap-3 pb-2", style: { width: "max-content" }, children: images.map((mediaItem, index) => /* @__PURE__ */ jsxs291(
       "div",
       {
@@ -47730,7 +47867,7 @@ function ProgramCard({
   const dateFormat = formatUtc(itemDate, "EEEE d MMMM");
   const defaultRenderMeta = () => {
     if (config.type === "podcast" && "duration_seconds" in item && !isScheduled) {
-      return /* @__PURE__ */ jsxs291(Fragment80, { children: [
+      return /* @__PURE__ */ jsxs291(Fragment81, { children: [
         /* @__PURE__ */ jsx362(Clock2, { className: "w-4 h-4 text-ods-text-secondary" }),
         /* @__PURE__ */ jsx362("span", { className: "font-body text-ods-text-secondary", children: formatDurationCompact(item.duration_seconds) })
       ] });
@@ -47741,7 +47878,7 @@ function ProgramCard({
     if (config.type === "webinar" && "start_at" in item) {
       const webinarItem = item;
       const duration = formatDurationFromRange(webinarItem.start_at, webinarItem.end_at);
-      return /* @__PURE__ */ jsxs291(Fragment80, { children: [
+      return /* @__PURE__ */ jsxs291(Fragment81, { children: [
         /* @__PURE__ */ jsx362(Video5, { className: "w-4 h-4 text-ods-text-secondary" }),
         /* @__PURE__ */ jsxs291("span", { className: "font-body text-ods-text-secondary", children: [
           formatTimeWithTimezone(webinarItem.start_at, webinarItem.timezone ?? null),
@@ -47775,10 +47912,10 @@ function ProgramCard({
       /* @__PURE__ */ jsx362("h3", { className: "text-h2 text-ods-text-primary mb-3 min-h-[3rem] md:min-h-[3.5rem] line-clamp-2 flex items-center", children: item.title }),
       /* @__PURE__ */ jsxs291("div", { className: "flex flex-col md:flex-row md:items-center gap-2 md:gap-4 mb-4", children: [
         /* @__PURE__ */ jsx362("span", { className: "text-h6", style: { color: accentColor }, children: dateFormat }),
-        renderMeta ? /* @__PURE__ */ jsxs291(Fragment80, { children: [
+        renderMeta ? /* @__PURE__ */ jsxs291(Fragment81, { children: [
           /* @__PURE__ */ jsx362("span", { className: "hidden md:inline text-ods-text-secondary", children: "\u2022" }),
           renderMeta(item)
-        ] }) : defaultRenderMeta() && /* @__PURE__ */ jsxs291(Fragment80, { children: [
+        ] }) : defaultRenderMeta() && /* @__PURE__ */ jsxs291(Fragment81, { children: [
           /* @__PURE__ */ jsx362("span", { className: "hidden md:inline text-ods-text-secondary", children: "\u2022" }),
           /* @__PURE__ */ jsx362("div", { className: "flex items-center gap-2", children: defaultRenderMeta() })
         ] })
@@ -47855,10 +47992,10 @@ function ProgramCard({
 
 // src/components/chat/entity-cards/campaign-card-admin.tsx
 import { Megaphone as Megaphone3 } from "lucide-react";
-import { Fragment as Fragment81, jsx as jsx363, jsxs as jsxs292 } from "react/jsx-runtime";
+import { Fragment as Fragment82, jsx as jsx363, jsxs as jsxs292 } from "react/jsx-runtime";
 function CampaignCardAdmin({ campaign, className, anchorProps }) {
   const goalsCount = campaign.goals?.length || 0;
-  const innerChildren = /* @__PURE__ */ jsxs292(Fragment81, { children: [
+  const innerChildren = /* @__PURE__ */ jsxs292(Fragment82, { children: [
     /* @__PURE__ */ jsx363("span", { className: COMPACT_CARD_ICON_SLOT, children: /* @__PURE__ */ jsx363(Megaphone3, { className: "h-5 w-5" }) }),
     /* @__PURE__ */ jsxs292("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsx363("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx363("span", { className: COMPACT_CARD_TITLE, children: campaign.name }) }),
@@ -47888,11 +48025,11 @@ function CampaignCardAdminSkeleton({ className }) {
 
 // src/components/chat/entity-cards/generic-entity-card.tsx
 import { ExternalLink as ExternalLink13 } from "lucide-react";
-import { Fragment as Fragment82, jsx as jsx364, jsxs as jsxs293 } from "react/jsx-runtime";
+import { Fragment as Fragment83, jsx as jsx364, jsxs as jsxs293 } from "react/jsx-runtime";
 function GenericEntityCard({ item, className, anchorProps }) {
   const href = safeHref(item.url);
   const dateText = formatDateUTC(item.dateUpdated, { fallback: "", timezone: "local" });
-  const body = /* @__PURE__ */ jsxs293(Fragment82, { children: [
+  const body = /* @__PURE__ */ jsxs293(Fragment83, { children: [
     /* @__PURE__ */ jsxs293("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsxs293("span", { className: "flex flex-wrap items-center gap-1.5 min-w-0", children: [
         /* @__PURE__ */ jsx364("span", { className: `${COMPACT_CARD_TITLE} shrink min-w-0`, children: item.title }),
@@ -48077,7 +48214,7 @@ function resolveSourceIcon(input, ctx = {}) {
 
 // src/components/chat/mingo-info-card.tsx
 init_cn();
-import { Fragment as Fragment83, jsx as jsx365, jsxs as jsxs294 } from "react/jsx-runtime";
+import { Fragment as Fragment84, jsx as jsx365, jsxs as jsxs294 } from "react/jsx-runtime";
 function CardMedia({
   imageSrc,
   imageAlt,
@@ -48121,7 +48258,7 @@ function MingoInfoCard({
   const hasMenu = !!menuGroups && menuGroups.length > 0;
   const isAnchor = !!anchorProps;
   const isInteractive = isAnchor || !!onClick;
-  const content = /* @__PURE__ */ jsxs294(Fragment83, { children: [
+  const content = /* @__PURE__ */ jsxs294(Fragment84, { children: [
     hasMedia && /* @__PURE__ */ jsx365(CardMedia, { imageSrc, imageAlt, icon }),
     /* @__PURE__ */ jsxs294("span", { className: "flex min-w-0 flex-1 flex-col justify-center", children: [
       /* @__PURE__ */ jsx365("span", { className: "truncate text-h4 text-ods-text-primary", children: title }),
@@ -48170,7 +48307,7 @@ function MingoInfoCard({
 }
 
 // src/components/chat/entity-cards/dispatch.tsx
-import { Fragment as Fragment84, jsx as jsx366, jsxs as jsxs295 } from "react/jsx-runtime";
+import { Fragment as Fragment85, jsx as jsx366, jsxs as jsxs295 } from "react/jsx-runtime";
 function githubKindIcon(kind) {
   switch (kind) {
     case "pull_request":
@@ -49138,10 +49275,10 @@ function ChatCardLoader({
       }
     );
   }
-  if (isLoading) return /* @__PURE__ */ jsx366(Fragment84, { children: entry.skeleton() });
+  if (isLoading) return /* @__PURE__ */ jsx366(Fragment85, { children: entry.skeleton() });
   if (!item) return null;
   if (entry.bareInline) {
-    return /* @__PURE__ */ jsx366(Fragment84, { children: navWrap(entry.render(item, finalChatRef, renderOpts)) });
+    return /* @__PURE__ */ jsx366(Fragment85, { children: navWrap(entry.render(item, finalChatRef, renderOpts)) });
   }
   return /* @__PURE__ */ jsx366(
     ChatCardWithDiscuss,
@@ -54596,7 +54733,7 @@ function useChatDialogManager({
 
 // src/components/chat/embeddable-chat.tsx
 init_next_navigation();
-import { Fragment as Fragment85, jsx as jsx370, jsxs as jsxs296 } from "react/jsx-runtime";
+import { Fragment as Fragment86, jsx as jsx370, jsxs as jsxs296 } from "react/jsx-runtime";
 var DRAWER_DEFAULT_WIDTH_RATIO = 0.5;
 var DRAWER_WIDTH_KEY = "mingo-chat-width-v3";
 var DRAWER_DEFAULT_WIDTH_PX = 750;
@@ -54768,7 +54905,7 @@ function SourceChip({
     );
   }
   const displayName = src.name || formatRelativePath(src.path);
-  const chipBody = (label) => /* @__PURE__ */ jsxs296(Fragment85, { children: [
+  const chipBody = (label) => /* @__PURE__ */ jsxs296(Fragment86, { children: [
     icon,
     /* @__PURE__ */ jsxs296("span", { className: "truncate max-w-[160px]", children: [
       "[",
@@ -55575,7 +55712,7 @@ function EmbeddableChatInner({
                         // renders in the rail below); the chat block is untouched.
                         // Back is a full-height leading cell, matching the other
                         // header cells (not a small inline chevron).
-                        /* @__PURE__ */ jsxs296(Fragment85, { children: [
+                        /* @__PURE__ */ jsxs296(Fragment86, { children: [
                           /* @__PURE__ */ jsx370(
                             ChatHeaderIconButton,
                             {
@@ -55592,7 +55729,7 @@ function EmbeddableChatInner({
                         // search + archive controls. When search is open the
                         // inline field takes over the title area in place
                         // (Figma 116:51217) and the magnifier toggle is hidden.
-                        /* @__PURE__ */ jsxs296(Fragment85, { children: [
+                        /* @__PURE__ */ jsxs296(Fragment86, { children: [
                           railSearchOpen && mingoCaps.onSearchChange ? /* @__PURE__ */ jsx370(
                             ChatHeaderSearchField,
                             {
@@ -55600,7 +55737,7 @@ function EmbeddableChatInner({
                               onSearchChange: mingoCaps.onSearchChange,
                               onCollapse: () => setRailSearchOpen(false)
                             }
-                          ) : /* @__PURE__ */ jsxs296(Fragment85, { children: [
+                          ) : /* @__PURE__ */ jsxs296(Fragment86, { children: [
                             /* @__PURE__ */ jsx370("div", { className: "flex min-w-0 flex-1 items-center px-[var(--spacing-system-mf)]", children: /* @__PURE__ */ jsx370("span", { className: "min-w-0 flex-1 truncate text-h3 text-ods-text-primary", children: "Current Chats" }) }),
                             mingoCaps.onSearchChange && /* @__PURE__ */ jsx370(
                               ChatHeaderIconButton,
@@ -55746,7 +55883,7 @@ function EmbeddableChatInner({
                       onRetry: reloadDialogs
                     }
                   )
-                ) : /* @__PURE__ */ jsxs296(Fragment85, { children: [
+                ) : /* @__PURE__ */ jsxs296(Fragment86, { children: [
                   /* @__PURE__ */ jsx370(
                     "div",
                     {
@@ -55992,7 +56129,7 @@ function EmbeddableChatInner({
       ]
     }
   ) }) });
-  return /* @__PURE__ */ jsxs296(Fragment85, { children: [
+  return /* @__PURE__ */ jsxs296(Fragment86, { children: [
     showInternalTrigger && !shellLess && /* @__PURE__ */ jsx370(
       "div",
       {
@@ -57040,4 +57177,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-CYIUPI7J.js.map
+//# sourceMappingURL=chunk-56J7RLMM.js.map