@flamingo-stack/openframe-frontend-core 0.0.445 → 0.0.446-snapshot.20260717214810

package/dist/{chunk-3BHV2QAH.js → chunk-YCSNDUDE.js}

@@ -1,5 +1,6 @@
 "use client";
 import {
+  NEAR_VIEWPORT_ROOT_MARGIN,
   STICKY_HEADER_OFFSET_PX,
   ToolIcon,
   dotColorByVariant,
@@ -27,7 +28,7 @@ import {
   useOgPlaceholderUrl,
   useOnboardingState,
   useToast
-} from "./chunk-5NYXGWBN.js";
+} from "./chunk-TKGCTDQY.js";
 import {
   AlertCircleIcon,
   AnthropicLogoGreyIcon,
@@ -1284,12 +1285,11 @@ var SAFE_HTML_TAGS = /* @__PURE__ */ new Set([
   "ul",
   "var",
   "wbr",
-  // Media
+  // Media ('video' intentionally excluded — see the header comment)
   "img",
   "picture",
   "source",
   "audio",
-  "video",
   "iframe",
   "track",
   // Forms (rehype-raw allows them; mostly harmless for chat output)
@@ -10170,7 +10170,7 @@ var TabsContent = React32.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/features/video.tsx
-import { useCallback as useCallback13, useEffect as useEffect17, useMemo as useMemo12, useRef as useRef13, useState as useState23 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect18, useMemo as useMemo12, useRef as useRef13, useState as useState23 } from "react";
 import MuxPlayer from "@mux/mux-player-react";
 
 // src/components/features/video-center-badge.tsx
@@ -10216,8 +10216,96 @@ function fetchPriorityProp(priority) {
   return USE_CAMEL_CASE_FETCH_PRIORITY ? { fetchPriority: value } : { fetchpriority: value };
 }
 
+// src/components/features/use-video-warmup.ts
+import { useEffect as useEffect17 } from "react";
+import ReactDOM from "react-dom";
+
+// src/components/features/mux-origins.ts
+var MUX_STREAM_ORIGIN = "https://stream.mux.com";
+var MUX_IMAGE_ORIGIN = "https://image.mux.com";
+function toMuxPreviewUrl(url, maxResolution = "720p") {
+  let parsed;
+  try {
+    parsed = new URL(url);
+  } catch {
+    return url;
+  }
+  if (parsed.origin !== MUX_STREAM_ORIGIN) return url;
+  if (!parsed.pathname.endsWith(".m3u8")) return url;
+  if (parsed.searchParams.has("token")) return url;
+  parsed.searchParams.set("max_resolution", maxResolution);
+  return parsed.toString();
+}
+
+// src/components/features/use-video-warmup.ts
+function saveDataEnabled() {
+  if (typeof navigator === "undefined") return false;
+  const conn = navigator.connection;
+  return conn?.saveData === true;
+}
+function useVideoOriginPreconnect({
+  supabaseStorageOrigin
+} = {}) {
+  const runtime = useChatRuntime();
+  const resolvedOrigin = supabaseStorageOrigin ?? runtime?.endpoints.supabaseStorageOrigin;
+  try {
+    ReactDOM.preconnect(MUX_STREAM_ORIGIN, { crossOrigin: "anonymous" });
+    ReactDOM.preconnect(MUX_IMAGE_ORIGIN, { crossOrigin: "anonymous" });
+    if (resolvedOrigin) {
+      ReactDOM.preconnect(resolvedOrigin, { crossOrigin: "anonymous" });
+    }
+  } catch (err) {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn("[useVideoOriginPreconnect] preconnect failed:", err);
+    }
+  }
+}
+function useVideoWarmup({
+  videoUrl,
+  supabaseStorageOrigin,
+  nearMargin = "1000px"
+} = {}) {
+  const runtime = useChatRuntime();
+  const resolvedOrigin = supabaseStorageOrigin ?? runtime?.endpoints.supabaseStorageOrigin;
+  useVideoOriginPreconnect({ supabaseStorageOrigin: resolvedOrigin });
+  const { ref, isNear } = useNearViewport(nearMargin);
+  useEffect17(() => {
+    if (!isNear || !videoUrl || !resolvedOrigin) return;
+    if (saveDataEnabled()) return;
+    let videoOrigin;
+    try {
+      videoOrigin = new URL(videoUrl, "http://placeholder.local").origin;
+    } catch {
+      return;
+    }
+    if (videoOrigin !== resolvedOrigin) return;
+    const link = document.createElement("link");
+    link.rel = "preload";
+    link.as = "video";
+    link.href = videoUrl;
+    link.crossOrigin = "anonymous";
+    if ("fetchPriority" in link) {
+      ;
+      link.fetchPriority = "low";
+    }
+    document.head.appendChild(link);
+    return () => {
+      link.remove();
+    };
+  }, [isNear, videoUrl, resolvedOrigin]);
+  return { ref, isNear };
+}
+
 // src/components/features/video.tsx
 import { jsx as jsx75, jsxs as jsxs57 } from "react/jsx-runtime";
+function videoPerfDebugEnabled() {
+  if (process.env.NODE_ENV !== "production") return true;
+  try {
+    return typeof localStorage !== "undefined" && localStorage.getItem("VIDEO_PERF_DEBUG") !== null;
+  } catch {
+    return false;
+  }
+}
 if (typeof window !== "undefined") {
   const w = window;
   if (!w.chrome?.cast) {
@@ -10309,7 +10397,15 @@ function Video2(props) {
       className: props.className,
       minimalControls: props.minimalControls
     }
-  ) : "firstFrameOnly" in props && props.firstFrameOnly ? /* @__PURE__ */ jsx75(FirstFramePreview, { url, className: props.className }) : /* @__PURE__ */ jsx75(
+  ) : "firstFrameOnly" in props && props.firstFrameOnly ? /* @__PURE__ */ jsx75(
+    FirstFramePreview,
+    {
+      url,
+      poster: props.poster,
+      fit: "fit" in props ? props.fit : void 0,
+      className: props.className
+    }
+  ) : /* @__PURE__ */ jsx75(
     FilePlayer,
     {
       url,
@@ -10322,6 +10418,8 @@ function Video2(props) {
       chromeless: "chromeless" in props ? props.chromeless : void 0,
       playOnHover: "playOnHover" in props ? props.playOnHover : void 0,
       playWhenHovered: "playWhenHovered" in props ? props.playWhenHovered : void 0,
+      preload: "preload" in props ? props.preload : void 0,
+      fit: "fit" in props ? props.fit : void 0,
       className: props.className
     }
   );
@@ -10346,7 +10444,12 @@ function wrapWithLayout(inner, layout) {
       return inner;
   }
 }
-function FirstFramePreview({ url, className }) {
+function FirstFramePreview({
+  url,
+  poster,
+  fit,
+  className
+}) {
   return /* @__PURE__ */ jsx75(
     "div",
     {
@@ -10357,7 +10460,8 @@ function FirstFramePreview({ url, className }) {
         FilePlayer,
         {
           url: `${url}#t=0.1`,
-          preload: "metadata",
+          poster,
+          fit,
           muted: true,
           chromeless: true,
           className
@@ -10378,10 +10482,23 @@ function FilePlayer({
   playOnHover,
   playWhenHovered,
   preload,
+  fit,
   className
 }) {
+  const effectivePreload = preload ?? (saveDataEnabled() ? "none" : "metadata");
   const [hoverMutedFallback, setHoverMutedFallback] = useState23(false);
   const hoverPlayerRef = useRef13(null);
+  const perfListenerRef = useRef13(null);
+  const clearPerfListener = useCallback13(() => {
+    if (perfListenerRef.current) {
+      try {
+        hoverPlayerRef.current?.removeEventListener?.("playing", perfListenerRef.current);
+      } catch {
+      }
+      perfListenerRef.current = null;
+    }
+  }, []);
+  useEffect18(() => clearPerfListener, [clearPerfListener]);
   const hoverActiveRef = useRef13(false);
   const hoverGenerationRef = useRef13(0);
   const activationWaiterRef = useRef13(null);
@@ -10391,12 +10508,25 @@ function FilePlayer({
       activationWaiterRef.current = null;
     }
   }, []);
-  useEffect17(() => clearActivationWaiter, [clearActivationWaiter]);
+  useEffect18(() => clearActivationWaiter, [clearActivationWaiter]);
   const startHoverPlayback = useCallback13(() => {
     hoverActiveRef.current = true;
     const generation = ++hoverGenerationRef.current;
     const el = hoverPlayerRef.current;
     if (!el) return;
+    if (videoPerfDebugEnabled()) {
+      clearPerfListener();
+      const startedAt = performance.now();
+      const onPlaying = () => {
+        clearPerfListener();
+        console.debug("[Video] hover\u2192playing %dms", Math.round(performance.now() - startedAt));
+      };
+      perfListenerRef.current = onPlaying;
+      try {
+        el.addEventListener?.("playing", onPlaying);
+      } catch {
+      }
+    }
     try {
       el.volume = 0.5;
       if (userHasInteracted) {
@@ -10435,16 +10565,17 @@ function FilePlayer({
       }
     } catch {
     }
-  }, []);
+  }, [clearActivationWaiter, clearPerfListener]);
   const stopHoverPlayback = useCallback13(() => {
     hoverActiveRef.current = false;
     setHoverMutedFallback(false);
     clearActivationWaiter();
+    clearPerfListener();
     try {
       hoverPlayerRef.current?.pause?.();
     } catch {
     }
-  }, [clearActivationWaiter]);
+  }, [clearActivationWaiter, clearPerfListener]);
   const unmuteNow = useCallback13((e) => {
     e.stopPropagation();
     e.preventDefault();
@@ -10461,7 +10592,7 @@ function FilePlayer({
     setHoverMutedFallback(false);
   }, []);
   const hoverControlled = typeof playWhenHovered === "boolean";
-  useEffect17(() => {
+  useEffect18(() => {
     if (!hoverControlled) return;
     if (playWhenHovered) startHoverPlayback();
     else stopHoverPlayback();
@@ -10480,7 +10611,7 @@ function FilePlayer({
       src: url,
       poster: poster || void 0,
       streamType: "on-demand",
-      preload,
+      preload: effectivePreload,
       playsInline: true,
       muted,
       preferCmcd: "header",
@@ -10491,7 +10622,8 @@ function FilePlayer({
       style: {
         width: "100%",
         height: "100%",
-        ...chromeless ? { "--controls": "none" } : {}
+        ...chromeless ? { "--controls": "none" } : {},
+        ...fit === "cover" ? { "--media-object-fit": "cover" } : {}
       },
       children: captionsUrl ? /* @__PURE__ */ jsx75(
         "track",
@@ -10584,14 +10716,14 @@ function YouTubeFacadeInner({
     return `${YT_NOCOOKIE_ORIGIN}/embed/${videoId}?${params.toString()}`;
   }, [videoId, minimalControls]);
   const [posterTier, setPosterTier] = useState23(0);
-  useEffect17(() => {
+  useEffect18(() => {
     setPosterTier(0);
   }, [videoId]);
   const posterQuality = YT_POSTER_TIERS[posterTier];
   const posterJpg = `https://i.ytimg.com/vi/${videoId}/${posterQuality}.jpg`;
   const posterWebp = `https://i.ytimg.com/vi_webp/${videoId}/${posterQuality}.webp`;
   const handlePosterError = () => setPosterTier((tier) => Math.min(tier + 1, YT_POSTER_TIERS.length - 1));
-  useEffect17(() => {
+  useEffect18(() => {
     if (!activated) return;
     const iframe = iframeRef.current;
     if (!iframe) return;
@@ -10684,69 +10816,6 @@ function YouTubeFacadeInner({
 init_cn();
 import { useMemo as useMemo14, useRef as useRef15, useState as useState25, useEffect as useEffect20 } from "react";
 
-// src/components/features/use-video-warmup.ts
-import { useEffect as useEffect18 } from "react";
-import ReactDOM from "react-dom";
-
-// src/components/features/mux-origins.ts
-var MUX_STREAM_ORIGIN = "https://stream.mux.com";
-var MUX_IMAGE_ORIGIN = "https://image.mux.com";
-
-// src/components/features/use-video-warmup.ts
-function useVideoOriginPreconnect({
-  supabaseStorageOrigin
-} = {}) {
-  const runtime = useChatRuntime();
-  const resolvedOrigin = supabaseStorageOrigin ?? runtime?.endpoints.supabaseStorageOrigin;
-  try {
-    ReactDOM.preconnect(MUX_STREAM_ORIGIN, { crossOrigin: "anonymous" });
-    ReactDOM.preconnect(MUX_IMAGE_ORIGIN, { crossOrigin: "anonymous" });
-    if (resolvedOrigin) {
-      ReactDOM.preconnect(resolvedOrigin, { crossOrigin: "anonymous" });
-    }
-  } catch (err) {
-    if (process.env.NODE_ENV !== "production") {
-      console.warn("[useVideoOriginPreconnect] preconnect failed:", err);
-    }
-  }
-}
-function useVideoWarmup({
-  videoUrl,
-  supabaseStorageOrigin,
-  nearMargin = "1000px"
-} = {}) {
-  const runtime = useChatRuntime();
-  const resolvedOrigin = supabaseStorageOrigin ?? runtime?.endpoints.supabaseStorageOrigin;
-  useVideoOriginPreconnect({ supabaseStorageOrigin: resolvedOrigin });
-  const { ref, isNear } = useNearViewport(nearMargin);
-  useEffect18(() => {
-    if (!isNear || !videoUrl || !resolvedOrigin) return;
-    const conn = navigator.connection;
-    if (conn?.saveData === true) return;
-    let videoOrigin;
-    try {
-      videoOrigin = new URL(videoUrl, "http://placeholder.local").origin;
-    } catch {
-      return;
-    }
-    if (videoOrigin !== resolvedOrigin) return;
-    const link = document.createElement("link");
-    link.rel = "preload";
-    link.as = "video";
-    link.href = videoUrl;
-    link.crossOrigin = "anonymous";
-    if ("fetchPriority" in link) {
-      ;
-      link.fetchPriority = "low";
-    }
-    document.head.appendChild(link);
-    return () => {
-      link.remove();
-    };
-  }, [isNear, videoUrl, resolvedOrigin]);
-  return { ref, isNear };
-}
-
 // src/components/features/video-ratio-tabs.tsx
 import { Fragment as Fragment17, jsx as jsx76, jsxs as jsxs58 } from "react/jsx-runtime";
 var TAB_TRIGGER_CLASS = "rounded-none border-b-2 border-transparent data-[state=active]:border-ods-accent data-[state=active]:bg-transparent data-[state=active]:shadow-none px-4 py-2 text-h6 text-ods-text-secondary data-[state=active]:text-ods-text-primary";
@@ -10843,8 +10912,8 @@ function sortBitesByCreatedAtDesc(a, b) {
 
 // src/components/features/cards-strip.tsx
 init_cn();
-init_button2();
 import React35, { useCallback as useCallback14, useEffect as useEffect19, useMemo as useMemo13, useRef as useRef14, useState as useState24 } from "react";
+init_button2();
 
 // src/components/layout/page-heading.tsx
 import { Fragment as Fragment18, jsx as jsx77, jsxs as jsxs59 } from "react/jsx-runtime";
@@ -11086,7 +11155,7 @@ function CardsStrip(props) {
         }
         return next;
       });
-    }, { rootMargin: "500px" });
+    }, { rootMargin: NEAR_VIEWPORT_ROOT_MARGIN });
     cardObserverRef.current = io;
     cardElIdxRef.current.forEach((_idx, el) => io.observe(el));
     return () => {
@@ -11392,6 +11461,7 @@ function VideoBiteCard({
   const targetHref = bite.href ?? sectionHref;
   const hasTarget = !!(targetHref || bite.onNavigate || onBiteNavigate);
   const key = cardKey ?? `${bite.url}__${index}`;
+  const previewUrl = toMuxPreviewUrl(bite.url);
   const controlled = active !== void 0;
   const [selfActive, setSelfActive] = useState25(false);
   const isActive = controlled ? !!active : selfActive;
@@ -11406,7 +11476,7 @@ function VideoBiteCard({
     if (!el || typeof IntersectionObserver === "undefined") return;
     const io = new IntersectionObserver(
       (entries) => setIsNear(entries[0]?.isIntersecting ?? false),
-      { rootMargin: "500px" }
+      { rootMargin: NEAR_VIEWPORT_ROOT_MARGIN }
     );
     io.observe(el);
     return () => io.disconnect();
@@ -11510,7 +11580,7 @@ function VideoBiteCard({
                 onError: onPosterError,
                 className: "object-cover"
               }
-            ) : /* @__PURE__ */ jsx80(Video2, { kind: "file", url: bite.url, firstFrameOnly: true, layout: "fill" }),
+            ) : /* @__PURE__ */ jsx80(Video2, { kind: "file", url: previewUrl, firstFrameOnly: true, layout: "fill" }),
             !isActive && /* @__PURE__ */ jsx80(VideoPlayBadge, { className: "absolute inset-0 z-10 m-auto" }),
             showPlayer && // `--media-background-color: transparent` (inherited into
             // media-chrome) — the freshly-mounted player must not blank the
@@ -11524,7 +11594,7 @@ function VideoBiteCard({
                   Video2,
                   {
                     kind: "file",
-                    url: bite.url,
+                    url: previewUrl,
                     poster: bite.thumbnail_url,
                     playWhenHovered: isActive,
                     chromeless: true,
@@ -13277,7 +13347,7 @@ function RoadmapVoteButton({
 init_button();
 
 // src/components/ui/image-gallery-modal.tsx
-import { useState as useState103, useEffect as useEffect77 } from "react";
+import { useState as useState103, useEffect as useEffect76 } from "react";
 
 // src/components/ui/allowed-domains-input.tsx
 init_cn();
@@ -21224,6 +21294,19 @@ var RichMarkdownInner = ({
       }
       return /* @__PURE__ */ jsx147(MarkdownImage, { src: src.trim(), alt });
     },
+    // Raw <video> tags in stored content (e.g. the hub's blog publisher
+    // injects `<video src class="w-full my-8 rounded-lg" controls>` via
+    // injectVideoInBlogContent) pass through rehypeRaw — route them to the
+    // <Video> SSOT (MuxPlayer) instead of a native element so Mux HLS
+    // manifests play on every browser and playback UX is unified. The
+    // incoming className is forwarded so existing embeds keep their
+    // width/margin/rounding.
+    video: ({ src, poster, className: className2 }) => {
+      if (!src || typeof src !== "string" || src.trim() === "") {
+        return null;
+      }
+      return /* @__PURE__ */ jsx147("div", { className: `overflow-hidden ${className2 || "w-full my-8 rounded-lg"}`, children: /* @__PURE__ */ jsx147("div", { className: "w-full aspect-video", children: /* @__PURE__ */ jsx147(Video2, { kind: "file", url: src.trim(), poster: typeof poster === "string" ? poster : void 0 }) }) });
+    },
     // Style lists
     ul: ({ children }) => /* @__PURE__ */ jsx147("ul", { className: `list-disc list-outside my-4 ml-8 space-y-2 ${isDarkMode ? "text-ods-text-primary" : "text-[#374151]"}`, children }),
     ol: ({ children }) => /* @__PURE__ */ jsx147("ol", { className: `list-decimal list-outside my-4 ml-8 space-y-2 ${isDarkMode ? "text-ods-text-primary" : "text-[#374151]"}`, children }),
@@ -28599,7 +28682,7 @@ import { useState as useState64, useRef as useRef34, useCallback as useCallback2
 import {
   Upload,
   Image as ImageIcon2,
-  Video as Video5,
+  Video as VideoIcon,
   Trash2 as Trash23,
   Loader2 as Loader23,
   GripVertical,
@@ -28691,14 +28774,10 @@ function MediaGalleryManager({
               children: isDeleting ? /* @__PURE__ */ jsx219(Loader23, { className: "h-4 w-4 animate-spin text-ods-text-on-dark" }) : /* @__PURE__ */ jsx219(Trash23, { className: "h-4 w-4 text-ods-text-on-dark" })
             }
           ) }),
-          /* @__PURE__ */ jsx219("div", { className: "aspect-video relative bg-ods-bg rounded-lg overflow-hidden", children: mediaItem.media_type === "video" || mediaItem.media_type === "demo" ? /* @__PURE__ */ jsx219(
-            "video",
-            {
-              src: mediaItem.media_url,
-              className: "w-full h-full object-cover",
-              controls: true,
-              preload: "metadata"
-            }
+          /* @__PURE__ */ jsx219("div", { className: "aspect-video relative bg-ods-bg rounded-lg overflow-hidden", children: mediaItem.media_type === "video" || mediaItem.media_type === "demo" ? (
+            // <Video> SSOT (MuxPlayer) — plays Mux HLS + MP4 alike;
+            // fit="cover" crops to the aspect-video cell.
+            /* @__PURE__ */ jsx219(Video2, { kind: "file", url: mediaItem.media_url, fit: "cover", className: "w-full h-full" })
           ) : /* @__PURE__ */ jsx219(
             next_image_default,
             {
@@ -28711,7 +28790,7 @@ function MediaGalleryManager({
           ) }),
           /* @__PURE__ */ jsxs170("div", { className: "p-3", children: [
             /* @__PURE__ */ jsxs170("div", { className: "flex items-center gap-2 mb-1", children: [
-              mediaItem.media_type === "video" || mediaItem.media_type === "demo" ? /* @__PURE__ */ jsx219(Video5, { className: "h-4 w-4 text-ods-text-secondary" }) : /* @__PURE__ */ jsx219(ImageIcon2, { className: "h-4 w-4 text-ods-text-secondary" }),
+              mediaItem.media_type === "video" || mediaItem.media_type === "demo" ? /* @__PURE__ */ jsx219(VideoIcon, { className: "h-4 w-4 text-ods-text-secondary" }) : /* @__PURE__ */ jsx219(ImageIcon2, { className: "h-4 w-4 text-ods-text-secondary" }),
               /* @__PURE__ */ jsx219("span", { className: "text-h6 text-ods-text-primary capitalize", children: mediaItem.media_type })
             ] }),
             mediaItem.title && /* @__PURE__ */ jsx219("p", { className: "text-h6 text-ods-text-secondary truncate", children: mediaItem.title })
@@ -29387,7 +29466,7 @@ function PushButtonSelector({
 
 // src/components/features/release-media-manager.tsx
 import { useState as useState66, useRef as useRef36 } from "react";
-import { Trash2 as Trash24, Plus as Plus5, Image as ImageIcon3, Video as Video6, Upload as Upload2, Loader2 as Loader24, GripVertical as GripVertical2 } from "lucide-react";
+import { Trash2 as Trash24, Plus as Plus5, Image as ImageIcon3, Video as VideoIcon2, Upload as Upload2, Loader2 as Loader24, GripVertical as GripVertical2 } from "lucide-react";
 import { jsx as jsx226, jsxs as jsxs176 } from "react/jsx-runtime";
 function ReleaseMediaManager({
   media,
@@ -29460,7 +29539,7 @@ function ReleaseMediaManager({
     switch (type) {
       case "video":
       case "demo":
-        return /* @__PURE__ */ jsx226(Video6, { className: "w-5 h-5 text-ods-text-secondary" });
+        return /* @__PURE__ */ jsx226(VideoIcon2, { className: "w-5 h-5 text-ods-text-secondary" });
       default:
         return /* @__PURE__ */ jsx226(ImageIcon3, { className: "w-5 h-5 text-ods-text-secondary" });
     }
@@ -29528,14 +29607,10 @@ function ReleaseMediaManager({
                 children: /* @__PURE__ */ jsx226(Trash24, { className: "h-4 w-4 text-ods-text-on-dark" })
               }
             ) }),
-            item.media_url && /* @__PURE__ */ jsx226("div", { className: "aspect-video relative bg-ods-bg", children: item.media_type === "video" || item.media_type === "demo" ? /* @__PURE__ */ jsx226(
-              "video",
-              {
-                src: item.media_url,
-                className: "w-full h-full object-cover",
-                controls: true,
-                preload: "metadata"
-              }
+            item.media_url && /* @__PURE__ */ jsx226("div", { className: "aspect-video relative bg-ods-bg", children: item.media_type === "video" || item.media_type === "demo" ? (
+              // <Video> SSOT (MuxPlayer) — plays Mux HLS + MP4 alike;
+              // fit="cover" crops to the aspect-video cell.
+              /* @__PURE__ */ jsx226(Video2, { kind: "file", url: item.media_url, fit: "cover", className: "w-full h-full" })
             ) : /* @__PURE__ */ jsx226(
               next_image_default,
               {
@@ -30409,8 +30484,8 @@ function getCaptionsUrl(entityType, entityId, srtContent) {
 }
 
 // src/components/features/video-source-selector.tsx
-import { useState as useState69, useCallback as useCallback27, useEffect as useEffect51 } from "react";
-import { Upload as Upload4, X as X8, Video as Video7, Loader2 as Loader27 } from "lucide-react";
+import { useState as useState69, useCallback as useCallback27 } from "react";
+import { Upload as Upload4, X as X8, Video as VideoIcon3 } from "lucide-react";
 init_button2();
 import { jsx as jsx235, jsxs as jsxs183 } from "react/jsx-runtime";
 function VideoSourceSelector({
@@ -30430,7 +30505,6 @@ function VideoSourceSelector({
   uploadEmptyText = 'No video uploaded yet. Click "Upload Video" to add one.',
   disabled = false,
   VideoPreviewComponent,
-  resolveVideoUrl,
   UploadProgressComponent,
   title = "Video",
   showTitle = true,
@@ -30476,7 +30550,7 @@ function VideoSourceSelector({
   }, [onMainVideoUrlChange]);
   return /* @__PURE__ */ jsxs183("div", { className: `space-y-4 p-6 bg-ods-card border border-ods-border rounded-lg ${className}`, children: [
     showTitle && /* @__PURE__ */ jsxs183("h3", { className: "text-h5 text-ods-text-primary flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx235(Video7, { className: "h-5 w-5" }),
+      /* @__PURE__ */ jsx235(VideoIcon3, { className: "h-5 w-5" }),
       title
     ] }),
     /* @__PURE__ */ jsxs183("div", { className: "flex gap-2", children: [
@@ -30568,50 +30642,20 @@ function VideoSourceSelector({
           onDelete: handleDeleteVideo,
           isAIGenerated
         }
-      ) : (
-        // Default simple preview (resolver-aware — see DefaultVideoPreview)
-        /* @__PURE__ */ jsx235(
-          DefaultVideoPreview,
-          {
-            videoUrl: mainVideoUrl,
-            resolveVideoUrl,
-            onDelete: handleDeleteVideo,
-            disabled
-          }
-        )
+      ) : /* @__PURE__ */ jsx235(
+        DefaultVideoPreview,
+        {
+          videoUrl: mainVideoUrl,
+          onDelete: handleDeleteVideo,
+          disabled
+        }
       ) : /* @__PURE__ */ jsx235("p", { className: "text-h6 text-ods-text-secondary italic", children: uploadEmptyText })
     ] })
   ] });
 }
-function DefaultVideoPreview({ videoUrl, resolveVideoUrl, onDelete, disabled }) {
-  const [resolvedUrl, setResolvedUrl] = useState69(
-    resolveVideoUrl ? void 0 : videoUrl
-  );
-  useEffect51(() => {
-    if (!resolveVideoUrl) {
-      setResolvedUrl(videoUrl);
-      return;
-    }
-    let active = true;
-    setResolvedUrl(void 0);
-    resolveVideoUrl(videoUrl).then((url) => {
-      if (active) setResolvedUrl(url);
-    }).catch(() => {
-      if (active) setResolvedUrl(videoUrl);
-    });
-    return () => {
-      active = false;
-    };
-  }, [videoUrl, resolveVideoUrl]);
+function DefaultVideoPreview({ videoUrl, onDelete, disabled }) {
   return /* @__PURE__ */ jsxs183("div", { className: "relative rounded-lg border border-ods-border overflow-hidden", children: [
-    resolvedUrl === void 0 ? /* @__PURE__ */ jsx235("div", { className: "w-full h-[200px] flex items-center justify-center bg-black", children: /* @__PURE__ */ jsx235(Loader27, { className: "h-6 w-6 animate-spin text-ods-accent" }) }) : /* @__PURE__ */ jsx235(
-      "video",
-      {
-        src: resolvedUrl,
-        className: "w-full h-auto max-h-[300px] object-contain bg-black",
-        controls: true
-      }
-    ),
+    /* @__PURE__ */ jsx235("div", { className: "w-full aspect-video max-h-[300px]", children: /* @__PURE__ */ jsx235(Video2, { kind: "file", url: videoUrl }) }),
     /* @__PURE__ */ jsx235(
       "button",
       {
@@ -30810,7 +30854,7 @@ function TranscriptSummaryEditor({
 
 // src/components/features/highlight-video-section.tsx
 import { useState as useState70 } from "react";
-import { Sparkles as Sparkles5, Upload as Upload5 } from "lucide-react";
+import { Sparkles as Sparkles4, Upload as Upload5 } from "lucide-react";
 init_button2();
 
 // src/components/features/ai-enrich/AIEnrichSection.tsx
@@ -30911,7 +30955,7 @@ var AIWarningsSection = ({
 
 // src/components/features/ai-enrich/AIEnrichSection.tsx
 init_button2();
-import { CheckCircle as CheckCircle2, AlertCircle, Loader2 as Loader28, X as X9 } from "lucide-react";
+import { CheckCircle as CheckCircle2, AlertCircle, Loader2 as Loader27, X as X9 } from "lucide-react";
 import { jsx as jsx240, jsxs as jsxs187 } from "react/jsx-runtime";
 var AIEnrichSection = ({
   onEnrich,
@@ -31023,7 +31067,7 @@ var AIEnrichSection = ({
               size: "small-legacy",
               onClick: onCancel,
               disabled: isCancelling,
-              leftIcon: isCancelling ? /* @__PURE__ */ jsx240(Loader28, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx240(X9, { className: "h-4 w-4" }),
+              leftIcon: isCancelling ? /* @__PURE__ */ jsx240(Loader27, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx240(X9, { className: "h-4 w-4" }),
               className: "!w-full",
               children: isCancelling ? "Cancelling..." : "Cancel Processing"
             }
@@ -31044,7 +31088,7 @@ var AIEnrichSection = ({
           )) })
         ] }),
         loading && statusMessage && /* @__PURE__ */ jsxs187("div", { className: "flex items-center gap-3 p-3 rounded-lg bg-ods-bg-surface", children: [
-          /* @__PURE__ */ jsx240(Loader28, { className: "h-5 w-5 text-ods-accent animate-spin" }),
+          /* @__PURE__ */ jsx240(Loader27, { className: "h-5 w-5 text-ods-accent animate-spin" }),
           /* @__PURE__ */ jsx240("span", { className: "text-h6 text-ods-text-primary", children: statusMessage })
         ] }),
         hasResults && /* @__PURE__ */ jsxs187("div", { className: "space-y-4", children: [
@@ -31174,7 +31218,7 @@ function HighlightVideoSection({
       {
         title: "Highlight Video",
         description: `Generate a ${Math.floor(targetDurationSeconds / 60)}-minute summary video using Claude AI + Shotstack`,
-        icon: /* @__PURE__ */ jsx241(Sparkles5, { className: "h-5 w-5" }),
+        icon: /* @__PURE__ */ jsx241(Sparkles4, { className: "h-5 w-5" }),
         buttonLabel: hasExistingHighlight ? "Regenerate Highlight" : "Generate Highlight",
         loadingLabel: "Generating highlight...",
         onEnrich: onGenerateHighlight,
@@ -31218,17 +31262,17 @@ function HighlightVideoSection({
           onDelete: onDeleteHighlight
         }
       ) : (
-        // Default simple preview
+        // Default simple preview — the <Video> SSOT (MuxPlayer) plays
+        // MP4 and Mux HLS alike; aspect-video box reserves the height.
         /* @__PURE__ */ jsxs188("div", { className: "relative rounded-lg border border-ods-border overflow-hidden bg-black", children: [
-          /* @__PURE__ */ jsx241(
-            "video",
+          /* @__PURE__ */ jsx241("div", { className: "w-full aspect-video max-h-[300px]", children: /* @__PURE__ */ jsx241(
+            Video2,
             {
-              src: highlightVideoUrl,
-              poster: highlightVideoThumbnail || void 0,
-              className: "w-full h-auto max-h-[300px] object-contain",
-              controls: true
+              kind: "file",
+              url: highlightVideoUrl,
+              poster: highlightVideoThumbnail || void 0
             }
-          ),
+          ) }),
           onDeleteHighlight && /* @__PURE__ */ jsxs188(
             "button",
             {
@@ -31350,7 +31394,7 @@ function EntitySummaryEditor({
 }
 
 // src/components/features/transcribe-summarize-section.tsx
-import { Sparkles as Sparkles6 } from "lucide-react";
+import { Sparkles as Sparkles5 } from "lucide-react";
 
 // src/components/features/ai-enrich/AIStatusIndicator.tsx
 init_cn();
@@ -31482,7 +31526,7 @@ function TranscribeSummarizeSection({
     {
       title,
       description,
-      icon: /* @__PURE__ */ jsx246(Sparkles6, { className: "h-5 w-5" }),
+      icon: /* @__PURE__ */ jsx246(Sparkles5, { className: "h-5 w-5" }),
       buttonLabel: buttonLabel || defaultButtonLabel,
       loadingLabel,
       onEnrich: onTranscribe,
@@ -31500,7 +31544,7 @@ function TranscribeSummarizeSection({
 }
 
 // src/components/features/video-clips-section.tsx
-import { Sparkles as Sparkles7 } from "lucide-react";
+import { Sparkles as Sparkles6 } from "lucide-react";
 import { jsx as jsx247 } from "react/jsx-runtime";
 function VideoClipsSection({
   onExtractClips,
@@ -31525,7 +31569,7 @@ function VideoClipsSection({
     {
       title,
       description,
-      icon: /* @__PURE__ */ jsx247(Sparkles7, { className: "h-5 w-5" }),
+      icon: /* @__PURE__ */ jsx247(Sparkles6, { className: "h-5 w-5" }),
       buttonLabel: buttonLabel || defaultButtonLabel,
       loadingLabel,
       onEnrich: onExtractClips,
@@ -31543,7 +31587,7 @@ function VideoClipsSection({
 }
 
 // src/components/features/highlight-generation-section.tsx
-import { Sparkles as Sparkles8 } from "lucide-react";
+import { Sparkles as Sparkles7 } from "lucide-react";
 import { jsx as jsx248 } from "react/jsx-runtime";
 function HighlightGenerationSection({
   onGenerateHighlight,
@@ -31570,7 +31614,7 @@ function HighlightGenerationSection({
     {
       title,
       description: description || defaultDescription,
-      icon: /* @__PURE__ */ jsx248(Sparkles8, { className: "h-5 w-5" }),
+      icon: /* @__PURE__ */ jsx248(Sparkles7, { className: "h-5 w-5" }),
       buttonLabel: buttonLabel || defaultButtonLabel,
       loadingLabel,
       onEnrich: onGenerateHighlight,
@@ -31652,7 +31696,7 @@ function HighlightVideoPreview({
 }
 
 // src/components/features/transcribe-and-summarize-combined-section.tsx
-import { Sparkles as Sparkles10 } from "lucide-react";
+import { Sparkles as Sparkles9 } from "lucide-react";
 import { jsx as jsx250, jsxs as jsxs194 } from "react/jsx-runtime";
 function TranscribeAndSummarizeCombinedSection({
   // AIEnrichSection props
@@ -31699,7 +31743,7 @@ function TranscribeAndSummarizeCombinedSection({
       {
         title,
         description,
-        icon: /* @__PURE__ */ jsx250(Sparkles10, { className: "h-5 w-5" }),
+        icon: /* @__PURE__ */ jsx250(Sparkles9, { className: "h-5 w-5" }),
         buttonLabel: buttonLabel || defaultButtonLabel,
         loadingLabel,
         onEnrich: onTranscribe,
@@ -31740,7 +31784,7 @@ function TranscribeAndSummarizeCombinedSection({
 }
 
 // src/components/features/highlight-video-combined-section.tsx
-import { Sparkles as Sparkles11, Upload as Upload7 } from "lucide-react";
+import { Sparkles as Sparkles10, Upload as Upload7 } from "lucide-react";
 init_button2();
 import { jsx as jsx251, jsxs as jsxs195 } from "react/jsx-runtime";
 function HighlightVideoCombinedSection({
@@ -31816,7 +31860,7 @@ function HighlightVideoCombinedSection({
       {
         title,
         description: description || defaultDescription,
-        icon: /* @__PURE__ */ jsx251(Sparkles11, { className: "h-5 w-5" }),
+        icon: /* @__PURE__ */ jsx251(Sparkles10, { className: "h-5 w-5" }),
         buttonLabel: buttonLabel || defaultButtonLabel,
         loadingLabel,
         onEnrich: onGenerateHighlight,
@@ -31939,23 +31983,22 @@ function ViewToggle({
 
 // src/components/features/policy-configuration-panel.tsx
 init_cn();
-import { useRef as useRef37, useEffect as useEffect52, useState as useState71 } from "react";
+import { useEffect as useEffect51, useState as useState71 } from "react";
 import { ChevronDown as ChevronDown8, Shield as Shield2 } from "lucide-react";
 init_button2();
 import { Fragment as Fragment43, jsx as jsx253, jsxs as jsxs197 } from "react/jsx-runtime";
-var approvalLevelOptions = [
-  { value: "ALLOW", label: "Allow" },
-  { value: "ASK_USER", label: "Ask User" },
-  { value: "ASK_TECHNICIAN", label: "Ask Technician" },
-  { value: "DENY", label: "Restrict" }
-];
-var getApprovalLevelLabel = (level, editMode = false) => {
-  if (!level) {
-    return editMode ? "Set Global Permission" : "";
-  }
-  const option = approvalLevelOptions.find((opt) => opt.value === level);
-  return option?.label || level;
+var approvalLevelLabels = {
+  ALLOW: "Allow",
+  ASK_USER: "Ask User",
+  ASK_TECHNICIAN: "Ask Technician",
+  DENY: "Restrict"
 };
+var approvalLevelOptions = Object.keys(approvalLevelLabels).map(
+  (value) => ({ value, label: approvalLevelLabels[value] })
+);
+var POLICY_LEVEL_WIDTH = "w-[180px]";
+var CATEGORY_LEVEL_WIDTH = "w-[256px]";
+var getApprovalLevelLabel = (level) => approvalLevelLabels[level] ?? level;
 var ApprovalLevelDropdown = ({ value, onChange, allowClear = false, triggerClassName, contentClassName }) => /* @__PURE__ */ jsxs197(DropdownMenu, { children: [
   /* @__PURE__ */ jsx253(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx253(
     Button,
@@ -31967,7 +32010,7 @@ var ApprovalLevelDropdown = ({ value, onChange, allowClear = false, triggerClass
         value ? "text-ods-text-primary" : "text-ods-text-secondary",
         triggerClassName
       ),
-      children: getApprovalLevelLabel(value, true)
+      children: value ? getApprovalLevelLabel(value) : "Set Global Permission"
     }
   ) }),
   /* @__PURE__ */ jsxs197(DropdownMenuContent, { align: "end", className: contentClassName, children: [
@@ -31998,7 +32041,7 @@ var PolicyRow = ({ policy, categoryId, editMode, onPermissionChange }) => {
           value: policy.approvalLevel,
           onChange: handleChange,
           triggerClassName: "w-full",
-          contentClassName: "w-[180px]"
+          contentClassName: POLICY_LEVEL_WIDTH
         }
       ) }) : policy.approvalLevel ? /* @__PURE__ */ jsx253("span", { className: "md:hidden text-h4 text-ods-text-primary", children: getApprovalLevelLabel(policy.approvalLevel) }) : null
     ] }),
@@ -32007,23 +32050,12 @@ var PolicyRow = ({ policy, categoryId, editMode, onPermissionChange }) => {
       {
         value: policy.approvalLevel,
         onChange: handleChange,
-        triggerClassName: "w-[180px]",
-        contentClassName: "w-[180px]"
+        triggerClassName: POLICY_LEVEL_WIDTH,
+        contentClassName: POLICY_LEVEL_WIDTH
       }
-    ) : /* @__PURE__ */ jsx253("div", { className: "px-[var(--spacing-system-sf)] py-[var(--spacing-system-xsf)] w-[180px]", children: policy.approvalLevel && /* @__PURE__ */ jsx253("span", { className: "text-h4 text-ods-text-primary", children: getApprovalLevelLabel(policy.approvalLevel) }) }) })
+    ) : /* @__PURE__ */ jsx253("div", { className: cn("px-[var(--spacing-system-sf)] py-[var(--spacing-system-xsf)]", POLICY_LEVEL_WIDTH), children: policy.approvalLevel && /* @__PURE__ */ jsx253("span", { className: "text-h4 text-ods-text-primary", children: getApprovalLevelLabel(policy.approvalLevel) }) }) })
   ] });
 };
-var useAnimatedHeight = (isExpanded) => {
-  const [height, setHeight] = useState71(0);
-  const contentRef = useRef37(null);
-  useEffect52(() => {
-    if (contentRef.current) {
-      const contentHeight = contentRef.current.scrollHeight;
-      setHeight(isExpanded ? contentHeight : 0);
-    }
-  }, [isExpanded]);
-  return { contentRef, height };
-};
 var CategorySection = ({
   category,
   editMode,
@@ -32033,7 +32065,7 @@ var CategorySection = ({
   onBulkLevelChange,
   onPolicyPermissionChange
 }) => {
-  const { contentRef, height } = useAnimatedHeight(isExpanded);
+  const { innerRef, containerStyle } = useCollapsible({ expanded: isExpanded, durationMs: 300 });
   const handleBulkChange = (level) => onBulkLevelChange(category.id, level);
   return /* @__PURE__ */ jsxs197(Fragment43, { children: [
     /* @__PURE__ */ jsxs197(
@@ -32056,7 +32088,7 @@ var CategorySection = ({
                 onChange: handleBulkChange,
                 allowClear: true,
                 triggerClassName: "w-full",
-                contentClassName: "w-[256px]"
+                contentClassName: CATEGORY_LEVEL_WIDTH
               }
             ) })
           ] }),
@@ -32066,16 +32098,10 @@ var CategorySection = ({
               value: bulkLevel,
               onChange: handleBulkChange,
               allowClear: true,
-              triggerClassName: "w-[256px]",
-              contentClassName: "w-[256px]"
-            }
-          ) }) : /* @__PURE__ */ jsx253(
-            "div",
-            {
-              className: "hidden md:block px-[var(--spacing-system-sf)] py-[var(--spacing-system-xsf)] w-[256px] shrink-0",
-              onClick: (e) => e.stopPropagation()
+              triggerClassName: CATEGORY_LEVEL_WIDTH,
+              contentClassName: CATEGORY_LEVEL_WIDTH
             }
-          ),
+          ) }) : /* @__PURE__ */ jsx253("div", { className: cn("hidden md:block px-[var(--spacing-system-sf)] py-[var(--spacing-system-xsf)] shrink-0", CATEGORY_LEVEL_WIDTH) }),
           /* @__PURE__ */ jsx253(
             Button,
             {
@@ -32104,16 +32130,15 @@ var CategorySection = ({
     /* @__PURE__ */ jsx253(
       "div",
       {
-        ref: contentRef,
         style: {
-          height: height === "auto" ? "auto" : `${height}px`,
-          transition: "height 300ms ease-in-out, opacity 300ms ease-in-out"
+          ...containerStyle,
+          transition: `${containerStyle.transition}, opacity 300ms ease-in-out, visibility 300ms`,
+          // visibility drops collapsed content from the tab order and a11y
+          // tree; its discrete transition delays hiding until the fade ends.
+          visibility: isExpanded ? "visible" : "hidden"
         },
-        className: cn(
-          "overflow-hidden",
-          isExpanded ? "opacity-100" : "opacity-0"
-        ),
-        children: /* @__PURE__ */ jsx253("div", { className: "px-[var(--spacing-system-mf)] pb-[var(--spacing-system-mf)] pt-0", children: /* @__PURE__ */ jsx253("div", { className: "border border-ods-border rounded-md overflow-hidden", children: category.policies.map((policy) => /* @__PURE__ */ jsx253(
+        className: isExpanded ? "opacity-100" : "opacity-0",
+        children: /* @__PURE__ */ jsx253("div", { ref: innerRef, className: "px-[var(--spacing-system-mf)] pb-[var(--spacing-system-mf)] pt-0", children: /* @__PURE__ */ jsx253("div", { className: "border border-ods-border rounded-md overflow-hidden", children: category.policies.map((policy) => /* @__PURE__ */ jsx253(
           PolicyRow,
           {
             policy,
@@ -32136,7 +32161,7 @@ var PolicyConfigurationPanel = ({
 }) => {
   const [expandedIds, setExpandedIds] = useState71(/* @__PURE__ */ new Set());
   const [bulkLevels, setBulkLevels] = useState71({});
-  useEffect52(() => {
+  useEffect51(() => {
     setBulkLevels({});
   }, [editMode]);
   const handleToggle = (categoryId) => {
@@ -32176,7 +32201,7 @@ PolicyConfigurationPanel.displayName = "PolicyConfigurationPanel";
 init_button2();
 
 // src/components/ui/phone-input.tsx
-import { useCallback as useCallback28, useEffect as useEffect53, useMemo as useMemo27, useRef as useRef38, useState as useState72 } from "react";
+import { useCallback as useCallback28, useEffect as useEffect52, useMemo as useMemo27, useRef as useRef37, useState as useState72 } from "react";
 import { jsx as jsx254, jsxs as jsxs198 } from "react/jsx-runtime";
 function PhoneInput({
   value,
@@ -32194,7 +32219,7 @@ function PhoneInput({
     [countryCode, priority, others]
   );
   const [isInvalid, setIsInvalid] = useState72(false);
-  const debounceRef = useRef38(null);
+  const debounceRef = useRef37(null);
   const digitCount = useCallback28((val) => val.replace(/[^0-9]/g, "").length, []);
   const runValidation = useCallback28((phone) => {
     if (!phone || digitCount(phone) === 0) {
@@ -32210,7 +32235,7 @@ function PhoneInput({
     if (debounceRef.current) clearTimeout(debounceRef.current);
     debounceRef.current = setTimeout(() => runValidation(phone), 300);
   }, [runValidation]);
-  useEffect53(() => {
+  useEffect52(() => {
     return () => {
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
@@ -32277,7 +32302,7 @@ function CountryOption({ country }) {
 // src/components/features/waitlist-form.tsx
 init_cn();
 import { getCountries as getCountries2 } from "libphonenumber-js";
-import { useEffect as useEffect54, useState as useState73 } from "react";
+import { useEffect as useEffect53, useState as useState73 } from "react";
 import { Fragment as Fragment44, jsx as jsx255, jsxs as jsxs199 } from "react/jsx-runtime";
 function WaitlistForm({
   id = "waitlist-form",
@@ -32307,12 +32332,12 @@ function WaitlistForm({
   const [isPhoneInvalid, setIsPhoneInvalid] = useState73(false);
   const [showConsentError, setShowConsentError] = useState73(false);
   const isMailDomainGeneric = hasGenericEmailDomain(email);
-  useEffect54(() => {
+  useEffect53(() => {
     if (defaultEmail) {
       setEmail(defaultEmail);
     }
   }, [defaultEmail]);
-  useEffect54(() => {
+  useEffect53(() => {
     setIsClient(true);
     if (!geoApiUrl) return;
     const supportedCountries = new Set(getCountries2());
@@ -32700,7 +32725,7 @@ function useOptionalNotifications() {
 }
 
 // src/components/features/notifications/notification-drawer.tsx
-import { useEffect as useEffect58, useRef as useRef41 } from "react";
+import { useEffect as useEffect57, useRef as useRef40 } from "react";
 
 // src/components/navigation/app-layout-context.ts
 import { createContext as createContext8, useContext as useContext8 } from "react";
@@ -33195,7 +33220,7 @@ init_button2();
 init_cn();
 
 // src/components/features/notifications/notification-tile.tsx
-import { useMemo as useMemo29, useEffect as useEffect57, useState as useState76 } from "react";
+import { useMemo as useMemo29, useEffect as useEffect56, useState as useState76 } from "react";
 init_cn();
 import { jsx as jsx258, jsxs as jsxs201 } from "react/jsx-runtime";
 var variantBySeverity = {
@@ -33243,7 +33268,7 @@ function NotificationTile({
   const initialElapsed = useMemo29(() => Date.now() - createdAt, [createdAt]);
   const isLive = !read && !settled && initialElapsed < liveDurationMs;
   const counting = isLive && !paused;
-  useEffect57(() => {
+  useEffect56(() => {
     if (!counting) return;
     const remaining = Math.max(0, liveDurationMs - initialElapsed);
     const timer = window.setTimeout(() => {
@@ -33468,11 +33493,11 @@ function DrawerScrollList({
   loadMoreRootMargin,
   renderTile
 }) {
-  const scrollRef = useRef41(null);
-  const sentinelRef = useRef41(null);
-  const loadMoreRef = useRef41(loadMore);
+  const scrollRef = useRef40(null);
+  const sentinelRef = useRef40(null);
+  const loadMoreRef = useRef40(loadMore);
   loadMoreRef.current = loadMore;
-  useEffect58(() => {
+  useEffect57(() => {
     if (!loadMore || !hasMore || isLoadingMore) return;
     const sentinel = sentinelRef.current;
     const root = scrollRef.current;
@@ -34012,12 +34037,12 @@ function useOptionalTimeTracker() {
 
 // src/components/features/time-tracker/time-tracker-panel.tsx
 init_cn();
-import { useEffect as useEffect60, useState as useState80 } from "react";
+import { useEffect as useEffect59, useState as useState80 } from "react";
 init_button();
 init_split_button();
 
 // src/components/features/time-tracker/use-tracker-clock.ts
-import { useEffect as useEffect59, useState as useState79 } from "react";
+import { useEffect as useEffect58, useState as useState79 } from "react";
 function formatElapsed(totalMs) {
   const totalSeconds = Math.max(0, Math.floor(totalMs / 1e3));
   const hours = Math.floor(totalSeconds / 3600);
@@ -34028,7 +34053,7 @@ function formatElapsed(totalMs) {
 }
 function useTrackerClock({ status, runningSince, accumulatedMs = 0 }) {
   const [now, setNow] = useState79(() => Date.now());
-  useEffect59(() => {
+  useEffect58(() => {
     if (status !== "tracking") return;
     setNow(Date.now());
     const id = setInterval(() => setNow(Date.now()), 1e3);
@@ -34088,7 +34113,7 @@ function TimeTrackerPanel({
   const isActive = status !== "ready";
   const hasContent = selectedTicketId != null || notes.trim() !== "";
   const showFieldError = isActive && showValidationError && !hasContent;
-  useEffect60(() => {
+  useEffect59(() => {
     if (status === "ready") setShowValidationError(false);
   }, [status]);
   const handleSubmit = () => {
@@ -34339,7 +34364,7 @@ function LastEntryRow({ entry, onClick }) {
 // src/components/features/time-tracker/time-tracker-header-button.tsx
 init_cn();
 import * as PopoverPrimitive5 from "@radix-ui/react-popover";
-import { useEffect as useEffect61, useRef as useRef42 } from "react";
+import { useEffect as useEffect60, useRef as useRef41 } from "react";
 
 // src/components/navigation/header-button.tsx
 init_cn();
@@ -34378,11 +34403,11 @@ function TimeTrackerHeaderButton({ className, disabled }) {
   const layoutContainer = useAppLayoutDrawerContainer();
   const coordination = useAppLayoutDrawerCoordination();
   const isOpen = ctx?.isOpen ?? false;
-  const isOpenRef = useRef42(isOpen);
+  const isOpenRef = useRef41(isOpen);
   isOpenRef.current = isOpen;
-  const closeRef = useRef42(ctx?.close);
+  const closeRef = useRef41(ctx?.close);
   closeRef.current = ctx?.close;
-  const selfHandleRef = useRef42(null);
+  const selfHandleRef = useRef41(null);
   if (!selfHandleRef.current) {
     selfHandleRef.current = {
       close: () => {
@@ -34390,10 +34415,10 @@ function TimeTrackerHeaderButton({ className, disabled }) {
       }
     };
   }
-  useEffect61(() => {
+  useEffect60(() => {
     if (isOpen) coordination?.notifyDrawerDidOpen(selfHandleRef.current ?? void 0);
   }, [isOpen, coordination]);
-  useEffect61(() => {
+  useEffect60(() => {
     if (!selfHandleRef.current) return;
     return coordination?.registerDrawer(selfHandleRef.current);
   }, [coordination]);
@@ -35407,18 +35432,18 @@ function SortableRow({
 
 // src/components/navigation/header.tsx
 init_next_link();
-import React108, { useEffect as useEffect64, useRef as useRef46, useState as useState84 } from "react";
+import React108, { useEffect as useEffect63, useRef as useRef45, useState as useState84 } from "react";
 init_button2();
 
 // src/components/navigation/mobile-nav-panel.tsx
-import { useRef as useRef45 } from "react";
+import { useRef as useRef44 } from "react";
 import { usePreventScroll as usePreventScroll3 } from "@react-aria/overlays";
 init_button2();
 import { X as X10 } from "lucide-react";
 import { Fragment as Fragment51, jsx as jsx273, jsxs as jsxs212 } from "react/jsx-runtime";
 var MOBILE_NAV_PANEL_ID = "mobile-nav-panel";
 function MobileNavPanel({ isOpen, config }) {
-  const panelRef = useRef45(null);
+  const panelRef = useRef44(null);
   usePreventScroll3({ isDisabled: !isOpen });
   useFocusTrap(panelRef, isOpen, { onEscape: config.onClose });
   const headerHeight = useHeaderHeight(64, { enabled: isOpen });
@@ -35579,9 +35604,9 @@ function Header2({ config, platform }) {
   const [show, setShow] = useState84(true);
   const [lastScrollY, setLastScrollY] = useState84(0);
   const [openDropdowns, setOpenDropdowns] = useState84({});
-  const dropdownRefs = useRef46({});
-  const triggerRefs = useRef46({});
-  useEffect64(() => {
+  const dropdownRefs = useRef45({});
+  const triggerRefs = useRef45({});
+  useEffect63(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
       if (!target) return;
@@ -35610,14 +35635,14 @@ function Header2({ config, platform }) {
       document.removeEventListener("keydown", handleEscapeKey);
     };
   }, [openDropdowns]);
-  useEffect64(() => {
+  useEffect63(() => {
     return () => {
       setOpenDropdowns({});
       dropdownRefs.current = {};
       triggerRefs.current = {};
     };
   }, []);
-  useEffect64(() => {
+  useEffect63(() => {
     if (!config.autoHide) {
       setShow(true);
       return;
@@ -35847,7 +35872,7 @@ function Header2({ config, platform }) {
 }
 
 // src/components/navigation/client-only-header.tsx
-import { useState as useState85, useEffect as useEffect65 } from "react";
+import { useState as useState85, useEffect as useEffect64 } from "react";
 
 // src/components/navigation/header-skeleton.tsx
 import { jsx as jsx276, jsxs as jsxs215 } from "react/jsx-runtime";
@@ -35896,7 +35921,7 @@ function HeaderSkeleton({ config }) {
 import { jsx as jsx277 } from "react/jsx-runtime";
 function ClientOnlyHeader({ config, skeleton }) {
   const [isClient, setIsClient] = useState85(false);
-  useEffect65(() => {
+  useEffect64(() => {
     setIsClient(true);
   }, []);
   if (!isClient) {
@@ -35906,7 +35931,7 @@ function ClientOnlyHeader({ config, skeleton }) {
 }
 
 // src/components/navigation/sliding-sidebar.tsx
-import { useState as useState86, useEffect as useEffect66, useRef as useRef47 } from "react";
+import { useState as useState86, useEffect as useEffect65, useRef as useRef46 } from "react";
 import { motion as motion2, AnimatePresence, useReducedMotion } from "framer-motion";
 import { usePreventScroll as usePreventScroll4 } from "@react-aria/overlays";
 init_button2();
@@ -35915,11 +35940,11 @@ function SlidingSidebar({ config }) {
   const [expandedItems, setExpandedItems] = useState86(/* @__PURE__ */ new Set());
   const [mounted, setMounted] = useState86(false);
   const headerHeight = useHeaderHeight();
-  const asideRef = useRef47(null);
+  const asideRef = useRef46(null);
   const prefersReducedMotion2 = useReducedMotion();
   usePreventScroll4({ isDisabled: !config.isOpen });
   useFocusTrap(asideRef, config.isOpen, { onEscape: config.onClose, contain: false });
-  useEffect66(() => {
+  useEffect65(() => {
     setMounted(true);
   }, []);
   const toggleExpanded = (itemId) => {
@@ -36087,7 +36112,7 @@ function SlidingSidebar({ config }) {
 }
 
 // src/components/navigation/sticky-section-nav.tsx
-import { useEffect as useEffect67, useState as useState87, useCallback as useCallback35, useRef as useRef48 } from "react";
+import { useEffect as useEffect66, useState as useState87, useCallback as useCallback35, useRef as useRef47 } from "react";
 import { jsx as jsx279, jsxs as jsxs217 } from "react/jsx-runtime";
 function StickySectionNav({
   sections,
@@ -36149,7 +36174,7 @@ function StickySectionNav({
 }
 function useSectionNavigation(sections, options) {
   const [activeSection, setActiveSection] = useState87(sections[0]?.id || "");
-  const isScrollingFromClick = useRef48(false);
+  const isScrollingFromClick = useRef47(false);
   const { offset: offset2 = 100 } = options || {};
   const handleSectionClick = useCallback35((sectionId) => {
     const targetElement = document.getElementById(sectionId);
@@ -36161,14 +36186,14 @@ function useSectionNavigation(sections, options) {
       isScrollingFromClick.current = false;
     }, 500);
   }, [offset2]);
-  useEffect67(() => {
+  useEffect66(() => {
     sections.forEach((section) => {
       if (section.ref.current && !section.ref.current.id) {
         section.ref.current.id = section.id;
       }
     });
   }, [sections]);
-  useEffect67(() => {
+  useEffect66(() => {
     const handleScroll = () => {
       if (isScrollingFromClick.current) return;
       const scrollPosition = window.scrollY + offset2 + 50;
@@ -36201,7 +36226,7 @@ function useSectionNavigation(sections, options) {
 }
 
 // src/components/navigation/navigation-sidebar.tsx
-import { useCallback as useCallback36, useEffect as useEffect68, useLayoutEffect as useLayoutEffect6, useMemo as useMemo34, useState as useState88 } from "react";
+import { useCallback as useCallback36, useEffect as useEffect67, useLayoutEffect as useLayoutEffect6, useMemo as useMemo34, useState as useState88 } from "react";
 
 // src/components/navigation/navigation-sidebar-header.tsx
 import { jsx as jsx280, jsxs as jsxs218 } from "react/jsx-runtime";
@@ -36350,7 +36375,7 @@ function NavigationSidebar({ config, disabled = false }) {
     config.minimized ?? false
   );
   const [tabletMinimized, setTabletMinimized] = useState88(true);
-  useEffect68(() => {
+  useEffect67(() => {
     if (isTablet) setTabletMinimized(true);
   }, [isTablet]);
   const minimized = isTablet ? tabletMinimized : desktopMinimized;
@@ -36368,7 +36393,7 @@ function NavigationSidebar({ config, disabled = false }) {
   const closeOverlay = useCallback36(() => {
     setTabletMinimized(true);
   }, []);
-  useEffect68(() => {
+  useEffect67(() => {
     if (!isOverlayOpen) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") closeOverlay();
@@ -36849,10 +36874,10 @@ function NotificationsHeaderButton({
 }
 
 // src/components/navigation/app-layout.tsx
-import { Suspense as Suspense2, useCallback as useCallback38, useMemo as useMemo35, useRef as useRef50, useState as useState89 } from "react";
+import { Suspense as Suspense2, useCallback as useCallback38, useMemo as useMemo35, useRef as useRef49, useState as useState89 } from "react";
 
 // src/components/navigation/mobile-burger-menu.tsx
-import React113, { useCallback as useCallback37, useRef as useRef49 } from "react";
+import React113, { useCallback as useCallback37, useRef as useRef48 } from "react";
 import { usePreventScroll as usePreventScroll5 } from "@react-aria/overlays";
 import { Fragment as Fragment55, jsx as jsx288, jsxs as jsxs226 } from "react/jsx-runtime";
 var HEADER_HEIGHT = 48;
@@ -36866,7 +36891,7 @@ var MobileBurgerMenu = React113.memo(function MobileBurgerMenu2({
   onLogout,
   disabled = false
 }) {
-  const panelRef = useRef49(null);
+  const panelRef = useRef48(null);
   usePreventScroll5({ isDisabled: !isOpen });
   useFocusTrap(panelRef, isOpen, { onEscape: onClose });
   const handleItemClick = useCallback37((item) => {
@@ -37051,9 +37076,9 @@ function AppLayout({
 }) {
   const [mobileMenuOpen, setMobileMenuOpen] = useState89(false);
   const [drawerContainer, setDrawerContainer] = useState89(null);
-  const mobileMenuOpenRef = useRef50(mobileMenuOpen);
+  const mobileMenuOpenRef = useRef49(mobileMenuOpen);
   mobileMenuOpenRef.current = mobileMenuOpen;
-  const drawerHandlesRef = useRef50(/* @__PURE__ */ new Set());
+  const drawerHandlesRef = useRef49(/* @__PURE__ */ new Set());
   const handleToggleMobileMenu = useCallback38(() => {
     const opening = !mobileMenuOpenRef.current;
     if (opening) {
@@ -37680,7 +37705,7 @@ ScriptArguments.displayName = "ScriptArguments";
 
 // src/components/shared/onboarding/onboarding-walkthrough.tsx
 init_button2();
-import React115, { useRef as useRef51, useCallback as useCallback39 } from "react";
+import React115, { useRef as useRef50, useCallback as useCallback39 } from "react";
 
 // src/components/shared/onboarding/onboarding-step-card.tsx
 import React114 from "react";
@@ -37804,10 +37829,10 @@ function OnboardingWalkthrough({
     allStepsComplete,
     markMultipleComplete
   } = useOnboardingState(storageKey);
-  const hasAutoMarkedRef = useRef51(false);
-  const autoMarkingInProgressRef = useRef51(false);
-  const lastCompletionStatusRef = useRef51(null);
-  const actionInProgressRef = useRef51(/* @__PURE__ */ new Set());
+  const hasAutoMarkedRef = useRef50(false);
+  const autoMarkingInProgressRef = useRef50(false);
+  const lastCompletionStatusRef = useRef50(null);
+  const actionInProgressRef = useRef50(/* @__PURE__ */ new Set());
   React115.useEffect(() => {
     if (isLoadingCompletion) {
       hasAutoMarkedRef.current = false;
@@ -38495,7 +38520,7 @@ var ListLoader = (props) => /* @__PURE__ */ jsx307(ContentLoader, { ...props, va
 
 // src/components/ui/table/table.tsx
 init_cn();
-import { useEffect as useEffect70, useRef as useRef53 } from "react";
+import { useEffect as useEffect69, useRef as useRef52 } from "react";
 init_pagination();
 init_button2();
 
@@ -39106,10 +39131,10 @@ function TableRow({
 }
 
 // src/components/ui/table/use-table-motion.ts
-import { useEffect as useEffect69, useState as useState91 } from "react";
+import { useEffect as useEffect68, useState as useState91 } from "react";
 function useTableMotion(enabled) {
   const [runtime, setRuntime] = useState91(null);
-  useEffect69(() => {
+  useEffect68(() => {
     if (!enabled || runtime) return;
     let active = true;
     import("framer-motion").then((m) => {
@@ -39255,10 +39280,10 @@ function Table({
   };
   const allSelected = selectedRows.length > 0 && selectedRows.length === data.length;
   const someSelected = selectedRows.length > 0 && selectedRows.length < data.length;
-  const sentinelRef = useRef53(null);
-  const onLoadMoreRef = useRef53(infiniteScroll?.onLoadMore);
+  const sentinelRef = useRef52(null);
+  const onLoadMoreRef = useRef52(infiniteScroll?.onLoadMore);
   onLoadMoreRef.current = infiniteScroll?.onLoadMore;
-  useEffect70(() => {
+  useEffect69(() => {
     if (!infiniteScroll?.hasNextPage || infiniteScroll.isFetchingNextPage) return;
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -39476,7 +39501,7 @@ import { useMemo as useMemo37 } from "react";
 
 // src/components/ui/query-report-table/query-report-table-header.tsx
 init_cn();
-import { useRef as useRef54, useState as useState92, useCallback as useCallback40 } from "react";
+import { useRef as useRef53, useState as useState92, useCallback as useCallback40 } from "react";
 import { jsx as jsx319, jsxs as jsxs252 } from "react/jsx-runtime";
 function QueryReportTableHeader({
   columns,
@@ -39505,7 +39530,7 @@ function QueryReportTableHeader({
   );
 }
 function TruncatedHeaderCell({ value, width }) {
-  const textRef = useRef54(null);
+  const textRef = useRef53(null);
   const [isTruncated, setIsTruncated] = useState92(false);
   const checkTruncation = useCallback40(() => {
     const el = textRef.current;
@@ -39535,7 +39560,7 @@ function TruncatedHeaderCell({ value, width }) {
 
 // src/components/ui/query-report-table/query-report-table-row.tsx
 init_cn();
-import { useRef as useRef55, useState as useState93, useCallback as useCallback41 } from "react";
+import { useRef as useRef54, useState as useState93, useCallback as useCallback41 } from "react";
 import { jsx as jsx320, jsxs as jsxs253 } from "react/jsx-runtime";
 function QueryReportTableRow({
   row,
@@ -39581,7 +39606,7 @@ function QueryReportTableRow({
   );
 }
 function TruncatedCell({ value, className }) {
-  const textRef = useRef55(null);
+  const textRef = useRef54(null);
   const [isTruncated, setIsTruncated] = useState93(false);
   const checkTruncation = useCallback41(() => {
     const el = textRef.current;
@@ -40083,7 +40108,7 @@ function DataTableEmpty({ className, ...props }) {
 // src/components/ui/data-table/data-table-row.tsx
 init_next_link();
 init_cn();
-import { memo as memo5, useCallback as useCallback43, useRef as useRef56 } from "react";
+import { memo as memo5, useCallback as useCallback43, useRef as useRef55 } from "react";
 import { flexRender as flexRender2 } from "@tanstack/react-table";
 
 // src/components/ui/data-table/data-table-skeleton.tsx
@@ -40168,7 +40193,7 @@ function DataTableRowImpl({
   const hasSubRow = subRow != null && subRow !== false;
   const isLinkMode = Boolean(href) && !onClick;
   const isWholeCardLink = isLinkMode && !hasSubRow;
-  const containerRef = useRef56(null);
+  const containerRef = useRef55(null);
   const handleClick = useCallback43(
     (e) => {
       const target = e.target;
@@ -40336,7 +40361,7 @@ function DataTableBody({
 }
 
 // src/components/ui/data-table/data-table-infinite-footer.tsx
-import { useEffect as useEffect71, useRef as useRef57 } from "react";
+import { useEffect as useEffect70, useRef as useRef56 } from "react";
 import { Fragment as Fragment63, jsx as jsx330, jsxs as jsxs261 } from "react/jsx-runtime";
 function DataTableInfiniteFooter({
   hasNextPage,
@@ -40345,10 +40370,10 @@ function DataTableInfiniteFooter({
   skeletonRows = 3,
   rootMargin = "200px"
 }) {
-  const sentinelRef = useRef57(null);
-  const onLoadMoreRef = useRef57(onLoadMore);
+  const sentinelRef = useRef56(null);
+  const onLoadMoreRef = useRef56(onLoadMore);
   onLoadMoreRef.current = onLoadMore;
-  useEffect71(() => {
+  useEffect70(() => {
     if (!hasNextPage || isFetchingNextPage) return;
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -40982,8 +41007,8 @@ function FilterList({
 
 // src/components/ui/tag-search-input.tsx
 import {
-  useEffect as useEffect73,
-  useRef as useRef59,
+  useEffect as useEffect72,
+  useRef as useRef58,
   useState as useState95
 } from "react";
 init_cn();
@@ -41018,11 +41043,11 @@ function TagSearchInput({
     limitTags,
     placeholder: currentPlaceholder
   });
-  const wrapperRef = useRef59(null);
-  const hiddenTagsRef = useRef59(null);
-  const hiddenTagsPopupRef = useRef59(null);
+  const wrapperRef = useRef58(null);
+  const hiddenTagsRef = useRef58(null);
+  const hiddenTagsPopupRef = useRef58(null);
   const [showHiddenTags, setShowHiddenTags] = useState95(false);
-  useEffect73(() => {
+  useEffect72(() => {
     if (!showHiddenTags) return;
     const handleClick = (e) => {
       const target = e.target;
@@ -41177,9 +41202,9 @@ function TagSearchInput({
 }
 
 // src/components/ui/markdown-editor.tsx
-import { useRef as useRef60, useCallback as useCallback44, useState as useState96, useEffect as useEffect74 } from "react";
+import { useRef as useRef59, useCallback as useCallback44, useState as useState96, useEffect as useEffect73 } from "react";
 init_cn();
-import { Loader2 as Loader29, Upload as Upload8 } from "lucide-react";
+import { Loader2 as Loader28, Upload as Upload8 } from "lucide-react";
 import { jsx as jsx335, jsxs as jsxs266 } from "react/jsx-runtime";
 var MDEditor = dynamic(() => import("@uiw/react-md-editor"), { ssr: false });
 var MARKDOWN_EDITOR_STYLE_ID = "ods-markdown-editor-styles";
@@ -41208,7 +41233,7 @@ body .w-md-editor .w-md-editor-bar::after { content: '' !important; display: blo
 body .w-md-editor .w-md-editor-bar:hover::after { border-color: var(--color-text-secondary) !important; }
 `;
 function MarkdownEditorStyles() {
-  useEffect74(() => {
+  useEffect73(() => {
     if (document.getElementById(MARKDOWN_EDITOR_STYLE_ID)) return;
     const style = document.createElement("style");
     style.id = MARKDOWN_EDITOR_STYLE_ID;
@@ -41232,11 +41257,11 @@ function MarkdownEditor({
   onFileUploaded,
   renderPreview
 }) {
-  const fileInputRef = useRef60(null);
+  const fileInputRef = useRef59(null);
   const [isUploading, setIsUploading] = useState96(false);
   const [uploadProgress, setUploadProgress] = useState96("");
   const [defaultExtraCommands, setDefaultExtraCommands] = useState96([]);
-  useEffect74(() => {
+  useEffect73(() => {
     import("@uiw/react-md-editor").then((mod) => {
       if (mod.commands?.getExtraCommands) {
         setDefaultExtraCommands(mod.commands.getExtraCommands());
@@ -41319,17 +41344,17 @@ function MarkdownEditor({
     name: "upload",
     keyCommand: "upload",
     buttonProps: { "aria-label": "Upload file", title: "Upload file" },
-    icon: isUploading ? /* @__PURE__ */ jsx335(Loader29, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsx335(Upload8, { className: "w-3 h-3" }),
+    icon: isUploading ? /* @__PURE__ */ jsx335(Loader28, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsx335(Upload8, { className: "w-3 h-3" }),
     execute: () => {
       fileInputRef.current?.click();
     }
   } : null;
   const extraCommands = uploadCommand ? [...defaultExtraCommands, uploadCommand] : defaultExtraCommands;
-  const wrapperRef = useRef60(null);
-  const isDraggingRef = useRef60(false);
-  const mouseYRef = useRef60(0);
-  const rafRef = useRef60(0);
-  const scrollParentRef = useRef60(window);
+  const wrapperRef = useRef59(null);
+  const isDraggingRef = useRef59(false);
+  const mouseYRef = useRef59(0);
+  const rafRef = useRef59(0);
+  const scrollParentRef = useRef59(window);
   const EDGE_ZONE = 60;
   const MAX_SCROLL_SPEED = 15;
   const findScrollParent = useCallback44((el) => {
@@ -41359,7 +41384,7 @@ function MarkdownEditor({
     }
     rafRef.current = requestAnimationFrame(scrollLoop);
   }, []);
-  useEffect74(() => {
+  useEffect73(() => {
     const wrapper = wrapperRef.current;
     if (!wrapper) return;
     const onMouseMove = (e) => {
@@ -41407,7 +41432,7 @@ function MarkdownEditor({
             accept: "image/*,.pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.zip,.txt"
           }
         ),
-        !MDEditor && /* @__PURE__ */ jsx335("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsx335(Loader29, { className: "h-8 w-8 animate-spin" }) }),
+        !MDEditor && /* @__PURE__ */ jsx335("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsx335(Loader28, { className: "h-8 w-8 animate-spin" }) }),
         MDEditor && /* @__PURE__ */ jsx335(
           MDEditor,
           {
@@ -41453,7 +41478,7 @@ function MarkdownEditor({
 
 // src/components/ui/file-upload.tsx
 import * as React125 from "react";
-import { Loader2 as Loader210 } from "lucide-react";
+import { Loader2 as Loader29 } from "lucide-react";
 init_cn();
 import { jsx as jsx336, jsxs as jsxs267 } from "react/jsx-runtime";
 function formatFileSize2(bytes) {
@@ -41681,7 +41706,7 @@ function FileUpload({
                   /* @__PURE__ */ jsxs267("div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
                     /* @__PURE__ */ jsx336("span", { className: "text-h6 text-ods-text-secondary", children: formatFileSize2(entry.fileSize) }),
                     entry.status === "uploading" && /* @__PURE__ */ jsxs267("span", { className: "flex items-center gap-[var(--spacing-system-xxs)] text-h6 text-ods-text-secondary", children: [
-                      /* @__PURE__ */ jsx336(Loader210, { className: "size-3 animate-spin" }),
+                      /* @__PURE__ */ jsx336(Loader29, { className: "size-3 animate-spin" }),
                       "Uploading..."
                     ] }),
                     entry.status === "error" && /* @__PURE__ */ jsx336("span", { className: "text-h6 text-ods-error", children: entry.error || "Upload failed" })
@@ -41769,7 +41794,7 @@ function FileUpload({
 
 // src/components/ui/image-uploader.tsx
 import * as React126 from "react";
-import { Loader2 as Loader211 } from "lucide-react";
+import { Loader2 as Loader210 } from "lucide-react";
 init_cn();
 import { Fragment as Fragment65, jsx as jsx337, jsxs as jsxs268 } from "react/jsx-runtime";
 var DEFAULT_MAX_SIZE = 25 * 1024 * 1024;
@@ -41935,8 +41960,8 @@ function ImageUploader({
               }
             )
           ] }),
-          loading && /* @__PURE__ */ jsx337("div", { className: "absolute inset-0 flex items-center justify-center rounded-md bg-ods-overlay", children: /* @__PURE__ */ jsx337(Loader211, { className: "size-8 animate-spin text-ods-text-on-dark" }) })
-        ] }) : loading ? /* @__PURE__ */ jsx337(Loader211, { className: "size-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs268(Fragment65, { children: [
+          loading && /* @__PURE__ */ jsx337("div", { className: "absolute inset-0 flex items-center justify-center rounded-md bg-ods-overlay", children: /* @__PURE__ */ jsx337(Loader210, { className: "size-8 animate-spin text-ods-text-on-dark" }) })
+        ] }) : loading ? /* @__PURE__ */ jsx337(Loader210, { className: "size-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs268(Fragment65, { children: [
           /* @__PURE__ */ jsx337("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__ */ jsx337(ImagePlusIcon, { className: "size-6 text-ods-text-primary" }) }),
           /* @__PURE__ */ jsxs268("div", { className: "flex w-full flex-col items-center text-center", children: [
             /* @__PURE__ */ jsx337("p", { className: "text-h4 text-ods-text-primary", children: label }),
@@ -42842,7 +42867,7 @@ function ImageGalleryModal({
   initialIndex = 0
 }) {
   const [selectedImageIndex, setSelectedImageIndex] = useState103(initialIndex);
-  useEffect77(() => {
+  useEffect76(() => {
     if (isOpen) {
       setSelectedImageIndex(initialIndex);
     }
@@ -42857,7 +42882,7 @@ function ImageGalleryModal({
       setSelectedImageIndex(selectedImageIndex + 1);
     }
   };
-  useEffect77(() => {
+  useEffect76(() => {
     const handleKeyPress = (event) => {
       if (!isOpen) return;
       switch (event.key) {
@@ -42956,7 +42981,7 @@ function ImageGalleryModal({
 import {
   Bug,
   Inbox,
-  Sparkles as Sparkles12,
+  Sparkles as Sparkles11,
   BookOpen as BookOpen3,
   Trophy,
   Component as Component4,
@@ -42976,7 +43001,7 @@ function iconFor(customItemId) {
     case CUSTOM_ITEM_ID.REQUEST:
       return Inbox;
     case CUSTOM_ITEM_ID.FEATURE:
-      return Sparkles12;
+      return Sparkles11;
     case CUSTOM_ITEM_ID.STORY:
       return BookOpen3;
     case CUSTOM_ITEM_ID.EPIC:
@@ -45267,7 +45292,7 @@ function cleanEscapedString(input) {
 
 // src/components/chat/entity-cards/program-card.tsx
 init_button();
-import { ExternalLink as ExternalLink12, Clock as Clock2, Play as Play4, Video as Video8 } from "lucide-react";
+import { ExternalLink as ExternalLink12, Clock as Clock2, Play as Play4, Video as Video5 } from "lucide-react";
 init_cn();
 import { Fragment as Fragment75, jsx as jsx354, jsxs as jsxs283 } from "react/jsx-runtime";
 function formatUtc(date, fmt) {
@@ -45471,7 +45496,7 @@ function ProgramCard({
             className: "object-contain",
             unoptimized: true
           }
-        ) : /* @__PURE__ */ jsx354("span", { className: "flex h-full w-full items-center justify-center text-ods-accent", children: config.type === "podcast" ? /* @__PURE__ */ jsx354(Play4, { className: "w-4 h-4" }) : config.type === "webinar" ? /* @__PURE__ */ jsx354(Video8, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx354(Clock2, { className: "w-4 h-4" }) }),
+        ) : /* @__PURE__ */ jsx354("span", { className: "flex h-full w-full items-center justify-center text-ods-accent", children: config.type === "podcast" ? /* @__PURE__ */ jsx354(Play4, { className: "w-4 h-4" }) : config.type === "webinar" ? /* @__PURE__ */ jsx354(Video5, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx354(Clock2, { className: "w-4 h-4" }) }),
         config.type === "podcast" && !isScheduled && compactCover && /* @__PURE__ */ jsx354("span", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx354(Play4, { className: "w-4 h-4 text-ods-text-on-dark", fill: "white" }) })
       ] }),
       /* @__PURE__ */ jsxs283("span", { className: COMPACT_CARD_TEXT_COL, children: [
@@ -45498,7 +45523,7 @@ function ProgramCard({
       const webinarItem = item;
       const duration = formatDurationFromRange(webinarItem.start_at, webinarItem.end_at);
       return /* @__PURE__ */ jsxs283(Fragment75, { children: [
-        /* @__PURE__ */ jsx354(Video8, { className: "w-4 h-4 text-ods-text-secondary" }),
+        /* @__PURE__ */ jsx354(Video5, { className: "w-4 h-4 text-ods-text-secondary" }),
         /* @__PURE__ */ jsxs283("span", { className: "font-body text-ods-text-secondary", children: [
           formatTimeWithTimezone(webinarItem.start_at, webinarItem.timezone ?? null),
           duration && ` \xB7 ${duration}`
@@ -46932,7 +46957,7 @@ function renderChatInlineEntityCard(chatRef, options = {}) {
 }
 
 // src/components/chat/hooks/use-chunk-catchup.ts
-import { useCallback as useCallback46, useRef as useRef64 } from "react";
+import { useCallback as useCallback46, useRef as useRef63 } from "react";
 function makeSeqKey(messageType, chunkType, sequenceId) {
   return `${messageType}:${chunkType}:${sequenceId}`;
 }
@@ -46954,22 +46979,22 @@ function useChunkCatchup({
   chatTypes = [CHAT_TYPE.CLIENT],
   fetchChunks
 }) {
-  const processedSequenceKeys = useRef64(/* @__PURE__ */ new Set());
-  const lastSequenceId = useRef64(null);
-  const lastSequenceIdByType = useRef64(/* @__PURE__ */ new Map());
-  const fetchingInProgress = useRef64(false);
-  const lastFetchParams = useRef64(null);
-  const pendingCatchupRef = useRef64(null);
-  const chunkBuffer = useRef64([]);
-  const bufferUntilInitialCatchupComplete = useRef64(false);
-  const hasCompletedInitialCatchup = useRef64(false);
-  const dialogIdRef = useRef64(dialogId);
+  const processedSequenceKeys = useRef63(/* @__PURE__ */ new Set());
+  const lastSequenceId = useRef63(null);
+  const lastSequenceIdByType = useRef63(/* @__PURE__ */ new Map());
+  const fetchingInProgress = useRef63(false);
+  const lastFetchParams = useRef63(null);
+  const pendingCatchupRef = useRef63(null);
+  const chunkBuffer = useRef63([]);
+  const bufferUntilInitialCatchupComplete = useRef63(false);
+  const hasCompletedInitialCatchup = useRef63(false);
+  const dialogIdRef = useRef63(dialogId);
   dialogIdRef.current = dialogId;
-  const chatTypesRef = useRef64(chatTypes);
+  const chatTypesRef = useRef63(chatTypes);
   chatTypesRef.current = chatTypes;
-  const fetchChunksRef = useRef64(fetchChunks);
+  const fetchChunksRef = useRef63(fetchChunks);
   fetchChunksRef.current = fetchChunks;
-  const onChunkReceivedRef = useRef64(onChunkReceived);
+  const onChunkReceivedRef = useRef63(onChunkReceived);
   onChunkReceivedRef.current = onChunkReceived;
   const processChunk = useCallback46((chunk, messageType, forceProcess = false) => {
     if (bufferUntilInitialCatchupComplete.current && !forceProcess) {
@@ -47166,7 +47191,7 @@ function useChunkCatchup({
       }
     }
   }, [flushBufferedRealtimeChunks]);
-  const catchUpChunksRef = useRef64(null);
+  const catchUpChunksRef = useRef63(null);
   catchUpChunksRef.current = catchUpChunks;
   const resetChunkTracking = useCallback46(() => {
     processedSequenceKeys.current.clear();
@@ -47210,7 +47235,7 @@ function useChunkCatchup({
 }
 
 // src/components/chat/hooks/use-scripted-stream.ts
-import { useEffect as useEffect78, useState as useState106 } from "react";
+import { useEffect as useEffect77, useState as useState106 } from "react";
 var EMPTY_FRAME = { messages: [], phase: "idle", typing: false, delayMs: 0 };
 function prefersReducedMotion() {
   return typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true;
@@ -47223,7 +47248,7 @@ function useScriptedStream(frames, resetKey, enabled = true) {
     setPrevKey(resetKey);
     setIndex(0);
   }
-  useEffect78(() => {
+  useEffect77(() => {
     setReducedMotion(prefersReducedMotion());
     const mq = window.matchMedia?.("(prefers-reduced-motion: reduce)");
     if (!mq) return;
@@ -47233,7 +47258,7 @@ function useScriptedStream(frames, resetKey, enabled = true) {
   }, []);
   const playing = enabled && !reducedMotion && frames.length > 0;
   const lastIndex = Math.max(0, frames.length - 1);
-  useEffect78(() => {
+  useEffect77(() => {
     if (!playing || index >= lastIndex) return;
     const current = frames[Math.min(index, lastIndex)] ?? EMPTY_FRAME;
     const t = setTimeout(() => setIndex((i) => Math.min(i + 1, lastIndex)), current.delayMs);
@@ -47245,7 +47270,7 @@ function useScriptedStream(frames, resetKey, enabled = true) {
 }
 
 // src/components/chat/hooks/use-jetstream-dialog-subscription.ts
-import { useEffect as useEffect79, useRef as useRef65, useState as useState107 } from "react";
+import { useEffect as useEffect78, useRef as useRef64, useState as useState107 } from "react";
 var DEFAULT_INACTIVE_THRESHOLD_MS = 5 * 6e4;
 var DEFAULT_STREAM_NAME = "CHAT_CHUNKS";
 function useJetStreamDialogSubscription({
@@ -47268,53 +47293,53 @@ function useJetStreamDialogSubscription({
   const [isSubscribed, setIsSubscribed] = useState107(false);
   const [reconnectionCount, setReconnectionCount] = useState107(0);
   const [currentStreamSeq, setCurrentStreamSeq] = useState107(null);
-  const clientRef = useRef65(null);
-  const subscriptionRef = useRef65(null);
-  const highestStreamSeqRef = useRef65(null);
-  const onEventRef = useRef65(onEvent);
-  useEffect79(() => {
+  const clientRef = useRef64(null);
+  const subscriptionRef = useRef64(null);
+  const highestStreamSeqRef = useRef64(null);
+  const onEventRef = useRef64(onEvent);
+  useEffect78(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
-  const onConnectRef = useRef65(onConnect);
-  useEffect79(() => {
+  const onConnectRef = useRef64(onConnect);
+  useEffect78(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
-  const onDisconnectRef = useRef65(onDisconnect);
-  useEffect79(() => {
+  const onDisconnectRef = useRef64(onDisconnect);
+  useEffect78(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
-  const onSubscribedRef = useRef65(onSubscribed);
-  useEffect79(() => {
+  const onSubscribedRef = useRef64(onSubscribed);
+  useEffect78(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
-  const onBeforeReconnectRef = useRef65(onBeforeReconnect);
-  useEffect79(() => {
+  const onBeforeReconnectRef = useRef64(onBeforeReconnect);
+  useEffect78(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
-  const getNatsWsUrlRef = useRef65(getNatsWsUrl);
-  useEffect79(() => {
+  const getNatsWsUrlRef = useRef64(getNatsWsUrl);
+  useEffect78(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
-  const reconnectionBackoffRef = useRef65(reconnectionBackoff);
-  useEffect79(() => {
+  const reconnectionBackoffRef = useRef64(reconnectionBackoff);
+  useEffect78(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
-  const optStartSeqRef = useRef65(optStartSeq);
-  useEffect79(() => {
+  const optStartSeqRef = useRef64(optStartSeq);
+  useEffect78(() => {
     optStartSeqRef.current = optStartSeq;
   }, [optStartSeq]);
-  const inactiveThresholdRef = useRef65(inactiveThresholdMs);
-  useEffect79(() => {
+  const inactiveThresholdRef = useRef64(inactiveThresholdMs);
+  useEffect78(() => {
     inactiveThresholdRef.current = inactiveThresholdMs;
   }, [inactiveThresholdMs]);
-  const hadConnectionBeforeRef = useRef65(false);
-  const clientConfigRef = useRef65(clientConfig);
-  useEffect79(() => {
+  const hadConnectionBeforeRef = useRef64(false);
+  const clientConfigRef = useRef64(clientConfig);
+  useEffect78(() => {
     clientConfigRef.current = clientConfig;
   }, [clientConfig]);
-  const currentWsUrlRef = useRef65("");
+  const currentWsUrlRef = useRef64("");
   const wsUrl = getNatsWsUrl();
-  useEffect79(() => {
+  useEffect78(() => {
     if (!enabled || !wsUrl) {
       if (currentWsUrlRef.current && clientRef.current) {
         releaseClient(currentWsUrlRef.current);
@@ -47395,11 +47420,11 @@ function useJetStreamDialogSubscription({
       }
     };
   }, [enabled, wsUrl]);
-  useEffect79(() => {
+  useEffect78(() => {
     highestStreamSeqRef.current = null;
     setCurrentStreamSeq(null);
   }, [dialogId]);
-  useEffect79(() => {
+  useEffect78(() => {
     if (!enabled || !dialogId || !isConnected) {
       if (subscriptionRef.current) {
         try {
@@ -47486,7 +47511,7 @@ function useJetStreamDialogSubscription({
 }
 
 // src/components/chat/hooks/use-nats-dialog-subscription.ts
-import { useEffect as useEffect80, useRef as useRef66, useState as useState108 } from "react";
+import { useEffect as useEffect79, useRef as useRef65, useState as useState108 } from "react";
 function useNatsDialogSubscription({
   enabled,
   dialogId,
@@ -47503,44 +47528,44 @@ function useNatsDialogSubscription({
   const [isConnected, setIsConnected] = useState108(false);
   const [isSubscribed, setIsSubscribed] = useState108(false);
   const [reconnectionCount, setReconnectionCount] = useState108(0);
-  const clientRef = useRef66(null);
-  const subscriptionRefs = useRef66(/* @__PURE__ */ new Map());
-  const onEventRef = useRef66(onEvent);
-  useEffect80(() => {
+  const clientRef = useRef65(null);
+  const subscriptionRefs = useRef65(/* @__PURE__ */ new Map());
+  const onEventRef = useRef65(onEvent);
+  useEffect79(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
-  const onConnectRef = useRef66(onConnect);
-  useEffect80(() => {
+  const onConnectRef = useRef65(onConnect);
+  useEffect79(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
-  const onDisconnectRef = useRef66(onDisconnect);
-  useEffect80(() => {
+  const onDisconnectRef = useRef65(onDisconnect);
+  useEffect79(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
-  const onSubscribedRef = useRef66(onSubscribed);
-  useEffect80(() => {
+  const onSubscribedRef = useRef65(onSubscribed);
+  useEffect79(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
-  const onBeforeReconnectRef = useRef66(onBeforeReconnect);
-  useEffect80(() => {
+  const onBeforeReconnectRef = useRef65(onBeforeReconnect);
+  useEffect79(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
-  const hadConnectionBeforeRef = useRef66(false);
-  const getNatsWsUrlRef = useRef66(getNatsWsUrl);
-  useEffect80(() => {
+  const hadConnectionBeforeRef = useRef65(false);
+  const getNatsWsUrlRef = useRef65(getNatsWsUrl);
+  useEffect79(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
-  const reconnectionBackoffRef = useRef66(reconnectionBackoff);
-  useEffect80(() => {
+  const reconnectionBackoffRef = useRef65(reconnectionBackoff);
+  useEffect79(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
-  const clientConfigRef = useRef66(clientConfig);
-  useEffect80(() => {
+  const clientConfigRef = useRef65(clientConfig);
+  useEffect79(() => {
     clientConfigRef.current = clientConfig;
   }, [clientConfig]);
-  const currentWsUrlRef = useRef66("");
+  const currentWsUrlRef = useRef65("");
   const wsUrl = getNatsWsUrl();
-  useEffect80(() => {
+  useEffect79(() => {
     if (!enabled || !wsUrl) {
       if (currentWsUrlRef.current && clientRef.current) {
         releaseClient(currentWsUrlRef.current);
@@ -47622,16 +47647,16 @@ function useNatsDialogSubscription({
     };
   }, [enabled, wsUrl]);
   const topicsKey = topics.join(",");
-  const topicsRef = useRef66(topics);
+  const topicsRef = useRef65(topics);
   topicsRef.current = topics;
-  const lastSubscribedDialogIdRef = useRef66(null);
-  const isConnectedRef = useRef66(isConnected);
-  useEffect80(() => {
+  const lastSubscribedDialogIdRef = useRef65(null);
+  const isConnectedRef = useRef65(isConnected);
+  useEffect79(() => {
     isConnectedRef.current = isConnected;
   }, [isConnected]);
-  const currentDialogIdRef = useRef66(null);
-  const abortControllerRef = useRef66(null);
-  useEffect80(() => {
+  const currentDialogIdRef = useRef65(null);
+  const abortControllerRef = useRef65(null);
+  useEffect79(() => {
     currentDialogIdRef.current = dialogId;
     if (!enabled || !dialogId) {
       if (subscriptionRefs.current.size > 0) {
@@ -47712,7 +47737,7 @@ function useNatsDialogSubscription({
       abortControllerRef.current = null;
     };
   }, [enabled, dialogId, topicsKey]);
-  useEffect80(() => {
+  useEffect79(() => {
     if (!enabled || !currentDialogIdRef.current || !isConnected) {
       return;
     }
@@ -47762,7 +47787,7 @@ function buildNatsWsUrl(apiBaseUrl, options) {
 }
 
 // src/components/chat/hooks/use-realtime-chunk-processor.ts
-import { useCallback as useCallback47, useRef as useRef67, useEffect as useEffect81 } from "react";
+import { useCallback as useCallback47, useRef as useRef66, useEffect as useEffect80 } from "react";
 
 // src/components/chat/utils/chunk-parser.ts
 function normalizeToolCalls(raw) {
@@ -48417,14 +48442,14 @@ function useRealtimeChunkProcessor(options) {
     batchApprovalsEnabled = true,
     isDirectMode = false
   } = options;
-  const accumulatorRef = useRef67(
+  const accumulatorRef = useRef66(
     createMessageSegmentAccumulator({
       onApprove: callbacks.onApprove,
       onReject: callbacks.onReject
     })
   );
-  const hasInitializedWithData = useRef67(false);
-  useEffect81(() => {
+  const hasInitializedWithData = useRef66(false);
+  useEffect80(() => {
     if (initialState && !hasInitializedWithData.current) {
       accumulatorRef.current.initializeWithState(initialState);
       if (initialState.escalatedApprovals) {
@@ -48437,15 +48462,15 @@ function useRealtimeChunkProcessor(options) {
       hasInitializedWithData.current = true;
     }
   }, [initialState, callbacks]);
-  const isInStreamRef = useRef67(false);
-  const hasEverStreamedRef = useRef67(false);
-  const directModeFlagRef = useRef67(isDirectMode);
-  const sawDirectMessageRef = useRef67(false);
-  const directTeardownFiredRef = useRef67(false);
-  useEffect81(() => {
+  const isInStreamRef = useRef66(false);
+  const hasEverStreamedRef = useRef66(false);
+  const directModeFlagRef = useRef66(isDirectMode);
+  const sawDirectMessageRef = useRef66(false);
+  const directTeardownFiredRef = useRef66(false);
+  useEffect80(() => {
     directModeFlagRef.current = isDirectMode;
   }, [isDirectMode]);
-  const pendingEscalatedRef = useRef67(/* @__PURE__ */ new Map());
+  const pendingEscalatedRef = useRef66(/* @__PURE__ */ new Map());
   const processChunk = useCallback47(
     (chunk) => {
       const action = parseChunkToAction(chunk);
@@ -48721,7 +48746,7 @@ function useRealtimeChunkProcessor(options) {
 }
 
 // src/components/chat/hooks/use-slash-commands.ts
-import { useEffect as useEffect82, useState as useState109 } from "react";
+import { useEffect as useEffect81, useState as useState109 } from "react";
 import { useQuery as useQuery2 } from "@tanstack/react-query";
 async function fetchSlashCommands(prefix, signal, commandsUrl) {
   try {
@@ -48740,7 +48765,7 @@ async function fetchSlashCommands(prefix, signal, commandsUrl) {
 function useSlashCommands(prefix, commandsUrl) {
   const [commands, setCommands] = useState109([]);
   const [loading, setLoading] = useState109(false);
-  useEffect82(() => {
+  useEffect81(() => {
     if (prefix == null) {
       setCommands([]);
       return;
@@ -48846,7 +48871,7 @@ function useEmptyStateConfig(emptyStateUrl, options) {
 }
 
 // src/components/chat/hooks/use-chat-attachments.ts
-import { useCallback as useCallback48, useMemo as useMemo41, useRef as useRef68, useState as useState110 } from "react";
+import { useCallback as useCallback48, useMemo as useMemo41, useRef as useRef67, useState as useState110 } from "react";
 import { fileTypeFromBlob } from "file-type";
 var CHAT_ATTACHMENTS_BUCKET = "chat-attachments";
 var CHAT_ATTACHMENTS_FOLDER = "chat";
@@ -48923,7 +48948,7 @@ function useChatAttachments() {
   const runtime = useRequiredChatRuntime();
   const uploadUrlEndpoint = runtime.endpoints.attachmentUploadUrl;
   const [attachments, setAttachments] = useState110([]);
-  const controllersRef = useRef68(/* @__PURE__ */ new Map());
+  const controllersRef = useRef67(/* @__PURE__ */ new Map());
   const updateOne = useCallback48((id, patch) => {
     setAttachments((prev) => prev.map((a) => a.id === id ? { ...a, ...patch } : a));
   }, []);
@@ -49012,7 +49037,7 @@ function useChatAttachments() {
     },
     [uploadUrlEndpoint, updateOne]
   );
-  const attachmentsRef = useRef68([]);
+  const attachmentsRef = useRef67([]);
   attachmentsRef.current = attachments;
   const addFiles = useCallback48(
     (files) => {
@@ -49089,16 +49114,16 @@ function useChatAttachments() {
 }
 
 // src/components/chat/hooks/use-chat-attachment-image-gallery.tsx
-import { useCallback as useCallback49, useEffect as useEffect83, useRef as useRef69, useState as useState111 } from "react";
+import { useCallback as useCallback49, useEffect as useEffect82, useRef as useRef68, useState as useState111 } from "react";
 import { jsx as jsx359 } from "react/jsx-runtime";
 var CLOSED = { isOpen: false, images: [], initialIndex: 0 };
 function useChatAttachmentImageGallery() {
   const runtime = useRequiredChatRuntime();
   const viewUrlPrefix = runtime.endpoints.attachmentViewUrlPrefix;
-  const panelRef = useRef69(null);
+  const panelRef = useRef68(null);
   const [state, setState] = useState111(CLOSED);
   const handleClose = useCallback49(() => setState(CLOSED), []);
-  useEffect83(() => {
+  useEffect82(() => {
     const root = panelRef.current;
     if (!root) return;
     const onClick = (ev) => {
@@ -49144,7 +49169,7 @@ function absolutize(prefix) {
 }
 
 // src/components/chat/hooks/use-chat-identity.ts
-import { createContext as createContext12, createElement as createElement2, useContext as useContext12, useEffect as useEffect84, useState as useState112 } from "react";
+import { createContext as createContext12, createElement as createElement2, useContext as useContext12, useEffect as useEffect83, useState as useState112 } from "react";
 var ANON_DEFAULTS = {
   authTier: "anon",
   source: null,
@@ -49157,7 +49182,7 @@ function useResolveChatIdentity(enabled) {
   const proxyEmail = getEmbedProxyAuth()?.email ?? null;
   const [data, setData] = useState112(ANON_DEFAULTS);
   const [isLoading, setIsLoading] = useState112(enabled);
-  useEffect84(() => {
+  useEffect83(() => {
     if (!enabled) return;
     let cancelled = false;
     const ctrl = new AbortController();
@@ -49199,11 +49224,11 @@ function useChatIdentity() {
 }
 
 // src/components/chat/hooks/use-close-on-navigation.ts
-import { useEffect as useEffect85, useRef as useRef70 } from "react";
+import { useEffect as useEffect84, useRef as useRef69 } from "react";
 function useCloseOnNavigation(close, pathname) {
-  const prevPathnameRef = useRef70(null);
-  const initializedRef = useRef70(false);
-  useEffect85(() => {
+  const prevPathnameRef = useRef69(null);
+  const initializedRef = useRef69(false);
+  useEffect84(() => {
     if (!initializedRef.current) {
       initializedRef.current = true;
       prevPathnameRef.current = pathname;
@@ -49217,14 +49242,14 @@ function useCloseOnNavigation(close, pathname) {
 }
 
 // src/components/chat/hooks/use-chat.ts
-import { useState as useState114, useCallback as useCallback51, useEffect as useEffect86, useRef as useRef72 } from "react";
+import { useState as useState114, useCallback as useCallback51, useEffect as useEffect85, useRef as useRef71 } from "react";
 
 // src/components/chat/hooks/use-sse.ts
-import { useState as useState113, useCallback as useCallback50, useRef as useRef71 } from "react";
+import { useState as useState113, useCallback as useCallback50, useRef as useRef70 } from "react";
 function useSSE({ useMock = true, debugMode = false, streamFn } = {}) {
   const [isStreaming, setIsStreaming] = useState113(false);
   const [error, setError] = useState113(null);
-  const abortControllerRef = useRef71(null);
+  const abortControllerRef = useRef70(null);
   const fallbackStream = useCallback50(async function* () {
     throw new Error(
       "[useSSE] No streamFn provided and `useMock: true` is no longer wired into the lib. Supply a `streamFn` (see `createDocStreamFn` in use-embedded-chat) or migrate the mock to your host code."
@@ -49292,10 +49317,10 @@ function useChat({
 } = {}) {
   const [messages, setMessages] = useState114(() => initialMessages ?? []);
   const [isTyping, setIsTyping] = useState114(false);
-  const currentAssistantSegmentsRef = useRef72([]);
-  const onMessagesChangeRef = useRef72(onMessagesChange);
+  const currentAssistantSegmentsRef = useRef71([]);
+  const onMessagesChangeRef = useRef71(onMessagesChange);
   onMessagesChangeRef.current = onMessagesChange;
-  useEffect86(() => {
+  useEffect85(() => {
     onMessagesChangeRef.current?.(messages);
   }, [messages]);
   const {
@@ -49584,7 +49609,7 @@ function useChat({
 }
 
 // src/components/chat/hooks/use-sse-chat-adapter.ts
-import { useState as useState115, useEffect as useEffect87, useCallback as useCallback52, useMemo as useMemo42, useRef as useRef73 } from "react";
+import { useState as useState115, useEffect as useEffect86, useCallback as useCallback52, useMemo as useMemo42, useRef as useRef72 } from "react";
 function createEmptyTurnMeta() {
   return {
     provider: null,
@@ -49905,20 +49930,20 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
   const runtime = useRequiredChatRuntime();
   const source = runtime.source || DEFAULT_CHAT_SOURCE;
   const tableIdForDocumentType = options?.tableIdForDocumentType ?? defaultTableIdForDocumentType;
-  const persistedRef = useRef73(null);
+  const persistedRef = useRef72(null);
   if (persistedRef.current === null) {
     pruneStaleChatStorage(source);
     persistedRef.current = loadPersistedChat(source) || { messages: [], sources: [], sendCount: 0 };
   }
-  const sourcesMapRef = useRef73(
+  const sourcesMapRef = useRef72(
     new Map(persistedRef.current.sources)
   );
-  const refsMapRef = useRef73(
+  const refsMapRef = useRef72(
     new Map(persistedRef.current.refs ?? [])
   );
-  const metaMapRef = useRef73(/* @__PURE__ */ new Map());
-  const messagesRef = useRef73(persistedRef.current.messages);
-  const sendCountRef = useRef73(persistedRef.current.sendCount);
+  const metaMapRef = useRef72(/* @__PURE__ */ new Map());
+  const messagesRef = useRef72(persistedRef.current.messages);
+  const sendCountRef = useRef72(persistedRef.current.sendCount);
   const [streamingPhase, setStreamingPhase] = useState115("idle");
   const [metaTick, setMetaTick] = useState115(0);
   const bumpMetaTick = useCallback52(() => setMetaTick((t) => t + 1), []);
@@ -50108,7 +50133,7 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
       }
     }
   }, [chatClearMessages, source, bumpMetaTick]);
-  useEffect87(() => {
+  useEffect86(() => {
     if (!isTyping && !isStreaming && streamingPhase !== "idle") {
       setStreamingPhase("idle");
     }
@@ -50190,9 +50215,9 @@ var noopRejectRequest = async (_id, _reason) => {
 // src/components/chat/hooks/use-nats-chat-adapter.ts
 import {
   useCallback as useCallback53,
-  useEffect as useEffect88,
+  useEffect as useEffect87,
   useMemo as useMemo43,
-  useRef as useRef74,
+  useRef as useRef73,
   useState as useState116
 } from "react";
 
@@ -50877,17 +50902,17 @@ function useNatsChatAdapter(config, options = {}) {
   const isManagedMode = fetchDialogs !== void 0;
   const [internalDialogId, setInternalDialogId] = useState116(null);
   const dialogId = isManagedMode ? internalDialogId : controlledDialogId !== void 0 ? controlledDialogId : null;
-  const currentDialogIdRef = useRef74(dialogId);
+  const currentDialogIdRef = useRef73(dialogId);
   currentDialogIdRef.current = dialogId;
   const [messages, setMessages] = useState116([]);
   const [streamingPhase, setStreamingPhase] = useState116("idle");
-  const streamingPhaseRef = useRef74(streamingPhase);
+  const streamingPhaseRef = useRef73(streamingPhase);
   streamingPhaseRef.current = streamingPhase;
-  const suppressAgentBusyRef = useRef74(0);
-  const adoptTrailingAssistantRef = useRef74(false);
-  const hasConnectedOnceRef = useRef74(false);
-  const seenParticipantSeqsRef = useRef74(/* @__PURE__ */ new Set());
-  const pendingEchoTextsRef = useRef74([]);
+  const suppressAgentBusyRef = useRef73(0);
+  const adoptTrailingAssistantRef = useRef73(false);
+  const hasConnectedOnceRef = useRef73(false);
+  const seenParticipantSeqsRef = useRef73(/* @__PURE__ */ new Set());
+  const pendingEchoTextsRef = useRef73([]);
   const [approvalStatuses, setApprovalStatuses] = useState116({});
   const [dialogs, setDialogs] = useState116([]);
   const [dialogsNextCursor, setDialogsNextCursor] = useState116(null);
@@ -50940,9 +50965,9 @@ function useNatsChatAdapter(config, options = {}) {
     },
     [rejectRequestCallback]
   );
-  const handleApproveRef = useRef74(handleApprove);
+  const handleApproveRef = useRef73(handleApprove);
   handleApproveRef.current = handleApprove;
-  const handleRejectRef = useRef74(handleReject);
+  const handleRejectRef = useRef73(handleReject);
   handleRejectRef.current = handleReject;
   const accumApprove = useCallback53((requestId) => {
     if (!requestId) return;
@@ -50952,7 +50977,7 @@ function useNatsChatAdapter(config, options = {}) {
     if (!requestId) return;
     return handleRejectRef.current(requestId);
   }, []);
-  const callbacksRef = useRef74({
+  const callbacksRef = useRef73({
     onSegmentsUpdate: (segments, meta) => {
       if (meta?.append && meta.isCompacting) {
         setMessages((prev) => upsertTrailingCompaction(prev, segments));
@@ -51170,7 +51195,7 @@ function useNatsChatAdapter(config, options = {}) {
     onChunkReceived: (chunk) => processChunk(chunk),
     fetchChunks
   });
-  const historyLoadSeqRef = useRef74(0);
+  const historyLoadSeqRef = useRef73(0);
   const loadDialogHistory = useCallback53(
     async (id, cursor) => {
       if (!fetchDialogMessages) return;
@@ -51229,8 +51254,8 @@ function useNatsChatAdapter(config, options = {}) {
       isBufferingActive
     ]
   );
-  const prevDialogIdRef = useRef74(void 0);
-  useEffect88(() => {
+  const prevDialogIdRef = useRef73(void 0);
+  useEffect87(() => {
     if (prevDialogIdRef.current === dialogId) return;
     prevDialogIdRef.current = dialogId;
     historyLoadSeqRef.current += 1;
@@ -51247,7 +51272,7 @@ function useNatsChatAdapter(config, options = {}) {
     if (!active || !dialogId) return;
     void loadDialogHistory(dialogId);
   }, [active, dialogId, loadDialogHistory, resetAccumulator]);
-  useEffect88(() => {
+  useEffect87(() => {
     if (!active || !dialogId) return;
     suppressAgentBusyRef.current += 1;
     resetChunkTracking();
@@ -51299,14 +51324,14 @@ function useNatsChatAdapter(config, options = {}) {
       })();
     }
   });
-  useEffect88(() => {
+  useEffect87(() => {
     if (!active || !dialogId) {
       setConnectionState("connected");
       return;
     }
     setConnectionState("connecting");
   }, [active, dialogId]);
-  const initialDialogsLoadedRef = useRef74(false);
+  const initialDialogsLoadedRef = useRef73(false);
   const loadDialogsPage = useCallback53(
     async (cursor) => {
       if (!fetchDialogs) return;
@@ -51338,7 +51363,7 @@ function useNatsChatAdapter(config, options = {}) {
   const reloadDialogs = useCallback53(() => {
     void loadDialogsPage();
   }, [loadDialogsPage]);
-  useEffect88(() => {
+  useEffect87(() => {
     if (!fetchDialogs) return;
     if (!active) return;
     if (initialDialogsLoadedRef.current) return;
@@ -51581,7 +51606,7 @@ function useNatsChatAdapter(config, options = {}) {
 }
 
 // src/components/chat/hooks/use-unified-chat.ts
-import { useCallback as useCallback54, useMemo as useMemo44, useRef as useRef75 } from "react";
+import { useCallback as useCallback54, useMemo as useMemo44, useRef as useRef74 } from "react";
 var EMPTY_SSE_OPTIONS = {};
 function createDisabledNatsConfig() {
   return {
@@ -51596,7 +51621,7 @@ function createDisabledNatsConfig() {
 }
 function useUnifiedChat(options) {
   const { modes, activeMode, mingoStateOverride } = options;
-  const disabledNatsRef = useRef75(null);
+  const disabledNatsRef = useRef74(null);
   if (disabledNatsRef.current === null) {
     disabledNatsRef.current = createDisabledNatsConfig();
   }
@@ -51610,7 +51635,7 @@ function useUnifiedChat(options) {
     { active: natsActive }
   );
   const activeState = activeMode === "guide" ? sseState : mingoStateOverride ?? natsState;
-  const activeStateRef = useRef75(activeState);
+  const activeStateRef = useRef74(activeState);
   activeStateRef.current = activeState;
   const stopMessage = useCallback54(() => activeStateRef.current.stopMessage(), []);
   const clearMessages = useCallback54(
@@ -51920,7 +51945,7 @@ function buildStreamFrames(messages) {
 
 // src/components/chat/embeddable-chat.tsx
 init_cn();
-import { useCallback as useCallback56, useEffect as useEffect89, useMemo as useMemo46, useRef as useRef77, useState as useState118 } from "react";
+import { useCallback as useCallback56, useEffect as useEffect88, useMemo as useMemo46, useRef as useRef76, useState as useState118 } from "react";
 import * as DialogPrimitive4 from "@radix-ui/react-dialog";
 import { usePreventScroll as usePreventScroll6 } from "@react-aria/overlays";
 import { isIOS } from "@react-aria/utils";
@@ -52001,7 +52026,7 @@ init_button2();
 import { FileText as FileText8, MessageSquare as MessageSquare3 } from "lucide-react";
 
 // src/components/chat/hooks/use-chat-dialog-manager.ts
-import { useCallback as useCallback55, useMemo as useMemo45, useRef as useRef76, useState as useState117 } from "react";
+import { useCallback as useCallback55, useMemo as useMemo45, useRef as useRef75, useState as useState117 } from "react";
 function useChatDialogManager({
   dialogs,
   activeDialogId,
@@ -52041,7 +52066,7 @@ function useChatDialogManager({
   const [archivedCursor, setArchivedCursor] = useState117(null);
   const [archivedLoading, setArchivedLoading] = useState117(false);
   const [archivedPending, setArchivedPending] = useState117(false);
-  const archivedRequestIdRef = useRef76(0);
+  const archivedRequestIdRef = useRef75(0);
   const loadArchivedPage = useCallback55(
     async (cursor) => {
       if (!fetchArchivedDialogs) return;
@@ -52192,7 +52217,7 @@ var RAIL_ANIM_MS = 320;
 function useRailPresence(open) {
   const [mounted, setMounted] = useState118(open);
   const [active, setActive] = useState118(false);
-  useEffect89(() => {
+  useEffect88(() => {
     if (open) {
       setMounted(true);
       let raf2 = 0;
@@ -52517,7 +52542,7 @@ function EmbeddableChatInner({
   const commandsUrl = runtime.endpoints.commandsUrl;
   const { attachmentsEnabled, user: identityUser } = useChatIdentity();
   const viewUrlPrefix = runtime.endpoints.attachmentViewUrlPrefix;
-  useEffect89(() => {
+  useEffect88(() => {
     if (process.env.NODE_ENV !== "production") {
       const hasOpen = open !== void 0;
       const hasHandler = onOpenChange !== void 0;
@@ -52538,8 +52563,8 @@ function EmbeddableChatInner({
     return !window.matchMedia("(pointer: coarse)").matches;
   });
   usePreventScroll6({ isDisabled: !isOpen || shellLess });
-  const navigatingAwayRef = useRef77(false);
-  useEffect89(() => {
+  const navigatingAwayRef = useRef76(false);
+  useEffect88(() => {
     if (!isOpen) return;
     if (shellLess) return;
     if (typeof window === "undefined") return;
@@ -52565,7 +52590,7 @@ function EmbeddableChatInner({
       window.scrollTo(0, scrollY);
     };
   }, [isOpen, shellLess]);
-  const chatInputRef = useRef77(null);
+  const chatInputRef = useRef76(null);
   const [quickActionPreview, setQuickActionPreview] = useState118(null);
   const slashCommandsProp = useMemo46(
     () => ({
@@ -52669,8 +52694,8 @@ function EmbeddableChatInner({
     hasMoreMessages,
     loadMoreMessages
   } = useUnifiedChat({ modes: effectiveModes, activeMode, mingoStateOverride: mingoState });
-  const guidePromptSentRef = useRef77(false);
-  useEffect89(() => {
+  const guidePromptSentRef = useRef76(false);
+  useEffect88(() => {
     if (!guidePendingPrompt) {
       guidePromptSentRef.current = false;
       return;
@@ -52694,12 +52719,12 @@ function EmbeddableChatInner({
   const [contextItems, setContextItems] = useState118([]);
   const [contextPickerOpen, setContextPickerOpen] = useState118(false);
   const [mentionQuery, setMentionQuery] = useState118(null);
-  const mentionActiveRef = useRef77(false);
-  useEffect89(() => {
+  const mentionActiveRef = useRef76(false);
+  useEffect88(() => {
     mentionActiveRef.current = mentionQuery !== null;
   }, [mentionQuery]);
-  const mentionKeysRef = useRef77(/* @__PURE__ */ new Set());
-  useEffect89(() => {
+  const mentionKeysRef = useRef76(/* @__PURE__ */ new Set());
+  useEffect88(() => {
     setContextItems([]);
     setMentionQuery(null);
     mentionKeysRef.current.clear();
@@ -52795,7 +52820,7 @@ function EmbeddableChatInner({
     () => effectiveAssistantIcon ? /* @__PURE__ */ jsx362(EntityIcon, { icon: effectiveAssistantIcon, size: 24 }) : /* @__PURE__ */ jsx362(MingoIcon, { className: "h-6 w-6", cornerColor: "var(--ods-flamingo-cyan-base)" }),
     [effectiveAssistantIcon]
   );
-  const timestampCacheRef = useRef77(/* @__PURE__ */ new Map());
+  const timestampCacheRef = useRef76(/* @__PURE__ */ new Map());
   const guideUserName = activeMode === "guide" ? [identityUser?.firstName, identityUser?.lastName].filter(Boolean).join(" ").trim() || identityUser?.name?.trim() || void 0 : void 0;
   const guideUserAvatar = activeMode === "guide" ? identityUser?.avatarUrl?.trim() || void 0 : void 0;
   const messages = useMemo46(() => {
@@ -52922,7 +52947,7 @@ function EmbeddableChatInner({
   });
   const handleOpen = useCallback56(() => setIsOpen(true), [setIsOpen]);
   useCloseOnNavigation(handleNavigationClose, null);
-  useEffect89(() => {
+  useEffect88(() => {
     const handler = (e) => {
       const detail = e.detail;
       if (!detail || detail.source !== source) return;
@@ -52932,7 +52957,7 @@ function EmbeddableChatInner({
     window.addEventListener("ask-ai:open-with-ref", handler);
     return () => window.removeEventListener("ask-ai:open-with-ref", handler);
   }, [source, discussRef, setIsOpen]);
-  useEffect89(() => {
+  useEffect88(() => {
     const handler = (e) => {
       const detail = e.detail;
       if (!detail || detail.source !== source) return;
@@ -52949,7 +52974,7 @@ function EmbeddableChatInner({
   const contentViewKey = hasConversation ? "conversation" : activeMode;
   const isGuideEmpty = !hasConversation && activeMode === "guide";
   const isQuickActionEmpty = !hasConversation && (activeMode === "guide" || activeMode === "mingo");
-  useEffect89(() => {
+  useEffect88(() => {
     if (!isQuickActionEmpty) setQuickActionPreview(null);
   }, [isQuickActionEmpty]);
   const guideCanReturnToMingo = isGuideEmpty && hasMingoMode;
@@ -52993,8 +53018,8 @@ function EmbeddableChatInner({
   }, [lastAssistantMsg, chatLoading]);
   const [portalHost, setPortalHost] = useState118(null);
   const [panelWidth, setPanelWidth] = useState118(0);
-  const panelMeasureRef = useRef77(null);
-  useEffect89(() => {
+  const panelMeasureRef = useRef76(null);
+  useEffect88(() => {
     const el = panelMeasureRef.current;
     if (!el || typeof ResizeObserver === "undefined") return;
     const ro = new ResizeObserver((entries) => {
@@ -53006,7 +53031,7 @@ function EmbeddableChatInner({
     return () => ro.disconnect();
   }, []);
   const [railCollapsed, setRailCollapsed] = useState118(false);
-  useEffect89(() => {
+  useEffect88(() => {
     try {
       if (window.localStorage.getItem(RAIL_COLLAPSED_STORAGE_KEY) === "1")
         setRailCollapsed(true);
@@ -53031,7 +53056,7 @@ function EmbeddableChatInner({
   const railPresence = useRailPresence(splitActive);
   const showWideHeader = wideMingo || railPresence.mounted;
   const [composeOpen, setComposeOpen] = useState118(false);
-  useEffect89(() => {
+  useEffect88(() => {
     if (hasConversation) setComposeOpen(false);
   }, [hasConversation]);
   const isMingoMode = activeMode === "mingo";
@@ -53779,6 +53804,11 @@ export {
   VideoPlayBadge,
   VideoUnmuteGlyph,
   fetchPriorityProp,
+  MUX_STREAM_ORIGIN,
+  MUX_IMAGE_ORIGIN,
+  saveDataEnabled,
+  useVideoOriginPreconnect,
+  useVideoWarmup,
   extractYouTubeId,
   Video2 as Video,
   MediaCarousel,
@@ -53966,10 +53996,6 @@ export {
   getProxiedImageUrl2,
   WhatIShippedCard,
   WhatIShippedCardSkeleton,
-  MUX_STREAM_ORIGIN,
-  MUX_IMAGE_ORIGIN,
-  useVideoOriginPreconnect,
-  useVideoWarmup,
   RATIO_GRID_CLASS,
   RATIO_TO_CSS_ASPECT,
   RatioTabs,
@@ -54538,4 +54564,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-3BHV2QAH.js.map
+//# sourceMappingURL=chunk-YCSNDUDE.js.map