@flamingo-stack/openframe-frontend-core 0.0.551 → 0.0.552-snapshot.20260817220121

package/dist/{chunk-JI4JR3KC.js → chunk-ZS7VC5SX.js}

@@ -52,7 +52,7 @@ import {
   useResetOnPageHidden,
   useSuppressCloneFocus,
   useToast
-} from "./chunk-4A736Z6S.js";
+} from "./chunk-VGLDA77S.js";
 import {
   init_next_navigation,
   usePathname,
@@ -240,7 +240,7 @@ import {
 import {
   useChatRuntime,
   useRequiredChatRuntime
-} from "./chunk-Y2HKHGEW.js";
+} from "./chunk-UWY722RH.js";
 import {
   COLLISION_PADDING_PX,
   Checkbox,
@@ -13615,7 +13615,7 @@ var TabsContent = React37.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/features/video.tsx
-import { useCallback as useCallback13, useEffect as useEffect24, useImperativeHandle as useImperativeHandle3, useMemo as useMemo19, useRef as useRef20, useState as useState29 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect25, useImperativeHandle as useImperativeHandle3, useMemo as useMemo19, useRef as useRef20, useState as useState29 } from "react";
 import MuxPlayer from "@mux/mux-player-react";
 
 // src/components/features/video-center-badge.tsx
@@ -13670,8 +13670,36 @@ function fetchPriorityProp(priority) {
   return USE_CAMEL_CASE_FETCH_PRIORITY ? { fetchPriority: value } : { fetchpriority: value };
 }
 
-// src/components/features/use-video-warmup.ts
+// src/components/features/use-ios-native-video-fullscreen.ts
 import { useEffect as useEffect23 } from "react";
+var ENTER_FULLSCREEN_REQUEST = "mediaenterfullscreenrequest";
+function isIosAppShell() {
+  const capacitor = globalThis.Capacitor;
+  return capacitor?.isNativePlatform?.() === true && capacitor.getPlatform?.() === "ios";
+}
+function nativeVideoElement(player) {
+  const media = player.media;
+  const element = media?.nativeEl ?? media;
+  return element instanceof HTMLVideoElement ? element : null;
+}
+function useIosNativeVideoFullscreen(playerRef) {
+  useEffect23(() => {
+    if (!isIosAppShell()) return;
+    const player = playerRef.current;
+    if (!(player instanceof EventTarget)) return;
+    const takeOver = (event) => {
+      const video = nativeVideoElement(player);
+      if (!video?.webkitSupportsFullscreen || typeof video.webkitEnterFullscreen !== "function") return;
+      event.stopImmediatePropagation();
+      video.webkitEnterFullscreen();
+    };
+    player.addEventListener(ENTER_FULLSCREEN_REQUEST, takeOver, true);
+    return () => player.removeEventListener(ENTER_FULLSCREEN_REQUEST, takeOver, true);
+  }, [playerRef]);
+}
+
+// src/components/features/use-video-warmup.ts
+import { useEffect as useEffect24 } from "react";
 import ReactDOM from "react-dom";
 
 // src/components/features/mux-origins.ts
@@ -13723,7 +13751,7 @@ function useVideoWarmup({
   const resolvedOrigin = supabaseStorageOrigin ?? runtime?.endpoints.supabaseStorageOrigin;
   useVideoOriginPreconnect({ supabaseStorageOrigin: resolvedOrigin });
   const { ref, isNear } = useNearViewport(nearMargin);
-  useEffect23(() => {
+  useEffect24(() => {
     if (!isNear || !videoUrl || !resolvedOrigin) return;
     if (saveDataEnabled()) return;
     let videoOrigin;
@@ -14007,7 +14035,7 @@ function FilePlayer({
       perfListenerRef.current = null;
     }
   }, []);
-  useEffect24(() => clearPerfListener, [clearPerfListener]);
+  useEffect25(() => clearPerfListener, [clearPerfListener]);
   const hoverActiveRef = useRef20(false);
   const hoverGenerationRef = useRef20(0);
   const activationWaiterRef = useRef20(null);
@@ -14017,7 +14045,7 @@ function FilePlayer({
       activationWaiterRef.current = null;
     }
   }, []);
-  useEffect24(() => clearActivationWaiter, [clearActivationWaiter]);
+  useEffect25(() => clearActivationWaiter, [clearActivationWaiter]);
   const startHoverPlayback = useCallback13(() => {
     hoverActiveRef.current = true;
     const generation = ++hoverGenerationRef.current;
@@ -14107,7 +14135,7 @@ function FilePlayer({
     setHoverMutedFallback(false);
   }, []);
   const hoverControlled = typeof playWhenHovered === "boolean";
-  useEffect24(() => {
+  useEffect25(() => {
     if (!hoverControlled) return;
     if (playWhenHovered) startHoverPlayback();
     else stopHoverPlayback();
@@ -14118,14 +14146,14 @@ function FilePlayer({
   mutedIntentRef.current = mutedIntent;
   const onMutedFallbackChangeRef = useRef20(onMutedFallbackChange);
   onMutedFallbackChangeRef.current = onMutedFallbackChange;
-  useEffect24(() => {
+  useEffect25(() => {
     onMutedFallbackChangeRef.current?.({
       muted: hoverMutedFallback,
       blocked: hoverMutedFallback && mutedFallbackBlocked
     });
   }, [hoverMutedFallback, mutedFallbackBlocked]);
   const autoPlayKickedRef = useRef20(false);
-  useEffect24(() => {
+  useEffect25(() => {
     if (autoPlayKickedRef.current) return;
     if (startMuted) {
       const mutedEl = hoverPlayerRef.current;
@@ -14172,7 +14200,7 @@ function FilePlayer({
     } catch {
     }
   }, [autoPlayUnmuted, startMuted, autoPlay]);
-  useEffect24(() => {
+  useEffect25(() => {
     const el = hoverPlayerRef.current;
     if (!el?.addEventListener) return;
     const onVolumeChange = () => {
@@ -14192,7 +14220,7 @@ function FilePlayer({
       }
     };
   }, []);
-  useEffect24(() => {
+  useEffect25(() => {
     const el = hoverPlayerRef.current;
     if (!el?.addEventListener) return;
     const onPlaying = () => setMutedFallbackBlocked(false);
@@ -14209,7 +14237,7 @@ function FilePlayer({
   }, []);
   const onEndedRef = useRef20(onEnded);
   onEndedRef.current = onEnded;
-  useEffect24(() => {
+  useEffect25(() => {
     const el = hoverPlayerRef.current;
     if (!el?.addEventListener) return;
     const handler = () => onEndedRef.current?.();
@@ -14224,6 +14252,7 @@ function FilePlayer({
       }
     };
   }, []);
+  useIosNativeVideoFullscreen(hoverPlayerRef);
   useImperativeHandle3(playerHandleRef, () => ({
     getCurrentTime: () => hoverPlayerRef.current?.currentTime ?? 0,
     getDuration: () => {
@@ -14386,14 +14415,14 @@ function YouTubeFacadeInner({
     return `${YT_NOCOOKIE_ORIGIN}/embed/${videoId}?${params.toString()}`;
   }, [videoId, minimalControls]);
   const [posterTier, setPosterTier] = useState29(0);
-  useEffect24(() => {
+  useEffect25(() => {
     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));
-  useEffect24(() => {
+  useEffect25(() => {
     if (!activated) return;
     const iframe = iframeRef.current;
     if (!iframe) return;
@@ -14438,7 +14467,7 @@ function YouTubeFacadeInner({
     };
   }, [activated]);
   const prevSuspendedRef = useRef20(false);
-  useEffect24(() => {
+  useEffect25(() => {
     const wasSuspended = prevSuspendedRef.current;
     prevSuspendedRef.current = Boolean(suspended);
     if (!activated) return;
@@ -14494,13 +14523,70 @@ function YouTubeFacadeInner({
   ) });
 }
 
+// src/components/features/use-captions.ts
+import { useMemo as useMemo20 } from "react";
+
+// src/components/features/captions-url.ts
+function getCaptionsUrl(entityType, entityId, srtContent, options) {
+  if (!srtContent) return void 0;
+  const hash = `${srtContent.length}-${srtContent.slice(0, 8).replace(/\s/g, "")}`;
+  const variant = options?.variant ? `&variant=${options.variant}` : "";
+  return `${DEFAULT_CAPTIONS_PATH}/${entityType}/${entityId}?v=${hash}${variant}`;
+}
+var DEFAULT_CAPTIONS_PATH = "/api/captions";
+function resolveCaptionsBase(endpoints) {
+  return endpoints?.captionsUrlPrefix || DEFAULT_CAPTIONS_PATH;
+}
+function rebaseCaptionsUrl(endpoints, url) {
+  if (!url || !url.startsWith(`${DEFAULT_CAPTIONS_PATH}/`)) return url;
+  const base = resolveCaptionsBase(endpoints);
+  if (base === DEFAULT_CAPTIONS_PATH) return url;
+  return `${base}${url.slice(DEFAULT_CAPTIONS_PATH.length)}`;
+}
+function buildCaptionsUrl(endpoints, entityType, entityId, srtContent, options) {
+  const rel = getCaptionsUrl(entityType, entityId, srtContent, options);
+  return rel ? rebaseCaptionsUrl(endpoints, rel) : void 0;
+}
+function getEntityCaptionUrls(endpoints, entityType, entity) {
+  if (!entity) return {};
+  return {
+    captionsUrl: buildCaptionsUrl(endpoints, entityType, entity.id, entity.srt_content),
+    highlightCaptionsUrl: buildCaptionsUrl(endpoints, entityType, entity.id, entity.highlight_srt_content, {
+      variant: "highlight"
+    })
+  };
+}
+function getEntityCaptionUrlsById(endpoints, entityType, entityId) {
+  const base = resolveCaptionsBase(endpoints);
+  return {
+    captionsUrl: `${base}/${entityType}/${entityId}`,
+    highlightCaptionsUrl: `${base}/${entityType}/${entityId}?variant=highlight`
+  };
+}
+function captionsEntityTypeForDocType(docType) {
+  return docType === "podcast" ? "podcast_episode" : docType;
+}
+
+// src/components/features/use-captions.ts
+function useCaptions() {
+  const endpoints = useChatRuntime()?.endpoints ?? null;
+  return useMemo20(
+    () => ({
+      forEntity: (entityType, entity) => getEntityCaptionUrls(endpoints, entityType, entity),
+      forEntityId: (entityType, entityId) => getEntityCaptionUrlsById(endpoints, entityType, entityId),
+      rebase: (url) => rebaseCaptionsUrl(endpoints, url)
+    }),
+    [endpoints]
+  );
+}
+
 // src/components/features/video-bites-strip.tsx
 init_cn();
-import { useMemo as useMemo21, useState as useState32 } from "react";
+import { useMemo as useMemo22, useState as useState32 } from "react";
 
 // src/components/features/video-hover-preview.tsx
 init_cn();
-import { useEffect as useEffect25, useRef as useRef21, useState as useState30 } from "react";
+import { useEffect as useEffect26, useRef as useRef21, useState as useState30 } from "react";
 import { Fragment as Fragment21, jsx as jsx90, jsxs as jsxs66 } from "react/jsx-runtime";
 function VideoHoverPreviewSurface({
   url,
@@ -14527,7 +14613,7 @@ function VideoHoverPreviewSurface({
   const gateControlled = playerMounted !== void 0;
   const rootElRef = useRef21(null);
   const [isNear, setIsNear] = useState30(false);
-  useEffect25(() => {
+  useEffect26(() => {
     if (gateControlled) return;
     const el = rootElRef.current;
     if (!el || typeof IntersectionObserver === "undefined") return;
@@ -14722,7 +14808,7 @@ function sortBitesByCreatedAtDesc(a, b) {
 
 // src/components/features/cards-strip.tsx
 init_cn();
-import React41, { useCallback as useCallback14, useEffect as useEffect26, useMemo as useMemo20, useRef as useRef22, useState as useState31 } from "react";
+import React41, { useCallback as useCallback14, useEffect as useEffect27, useMemo as useMemo21, useRef as useRef22, useState as useState31 } from "react";
 init_button2();
 
 // src/components/layout/page-heading.tsx
@@ -14802,14 +14888,14 @@ function CardsStrip(props) {
     className
   } = props;
   const childrenMode = props.renderCard === void 0;
-  const childItems = useMemo20(
+  const childItems = useMemo21(
     () => childrenMode ? React41.Children.toArray(props.children) : EMPTY_CHILDREN,
     [childrenMode, props.children]
   );
   const items = childrenMode ? childItems : props.items;
   const cardWidthDesktop = childrenMode ? props.cardWidthDesktop ?? 400 : 0;
   const cardWidthMobile = childrenMode ? props.cardWidthMobile ?? 320 : 0;
-  useEffect26(() => {
+  useEffect27(() => {
     if (process.env.NODE_ENV === "production" || !childrenMode) return;
     const only = childItems.length === 1 ? childItems[0] : null;
     if (React41.isValidElement(only) && only.type === React41.Fragment) {
@@ -14830,7 +14916,7 @@ function CardsStrip(props) {
   const [reducedMotion, setReducedMotion] = useState31(false);
   const [isTouch, setIsTouch] = useState31(false);
   const [isMobile, setIsMobile] = useState31(false);
-  useEffect26(() => {
+  useEffect27(() => {
     const subs = [];
     const watch = (query, set) => {
       const mq = window.matchMedia(query);
@@ -14858,7 +14944,7 @@ function CardsStrip(props) {
     setOverflows(singleCopy > scroller.clientWidth + 1);
     setMarqueeEligible(singleCopy > scroller.clientWidth + TRACK_GAP_PX);
   }, []);
-  useEffect26(() => {
+  useEffect27(() => {
     measure();
     const scroller = scrollerRef.current;
     const track = trackRef.current;
@@ -14871,7 +14957,7 @@ function CardsStrip(props) {
   const chevronSuppressUntilRef = useRef22(0);
   const userScrollSuppressUntilRef = useRef22(0);
   const [nearViewport, setNearViewport] = useState31(true);
-  useEffect26(() => {
+  useEffect27(() => {
     const el = wrapperRef.current;
     if (!el || typeof IntersectionObserver === "undefined") return;
     const io = new IntersectionObserver(
@@ -14957,7 +15043,7 @@ function CardsStrip(props) {
   const cardObserverRef = useRef22(null);
   const cardElIdxRef = useRef22(/* @__PURE__ */ new Map());
   const cardElNearRef = useRef22(/* @__PURE__ */ new Map());
-  useEffect26(() => {
+  useEffect27(() => {
     if (typeof IntersectionObserver === "undefined") return;
     const io = new IntersectionObserver((entries) => {
       for (const e of entries) cardElNearRef.current.set(e.target, e.isIntersecting);
@@ -15193,7 +15279,7 @@ function VideoBitesStrip({
   onBiteNavigate,
   className
 }) {
-  const items = useMemo21(() => {
+  const items = useMemo22(() => {
     const filtered = filterPublished ? bites.filter((b) => b.published) : [...bites];
     return filtered.sort(sortBitesByCreatedAtDesc);
   }, [bites, filterPublished]);
@@ -15426,13 +15512,18 @@ function EntityVideoSection({
   bitesAutoScroll = true,
   MarkdownRenderer,
   srtContent,
-  captionsUrl,
-  highlightCaptionsUrl,
+  captionsUrl: captionsUrlProp,
+  highlightCaptionsUrl: highlightCaptionsUrlProp,
+  captionsEntity,
   priority = false
 }) {
+  const captions = useCaptions();
   const hasFullVideo = !!(youtubeUrl || mainVideoUrl);
   const hasHighlight = !!highlightVideoUrl;
   const hasVideo = hasFullVideo || hasHighlight;
+  const derivedCaptions = captionsEntity ? captions.forEntityId(captionsEntity.type, captionsEntity.id) : null;
+  const captionsUrl = captionsUrlProp ?? derivedCaptions?.captionsUrl;
+  const highlightCaptionsUrl = highlightCaptionsUrlProp ?? derivedCaptions?.highlightCaptionsUrl;
   if (!hasVideo && !videoSummary && (!videoBites || videoBites.length === 0)) {
     return null;
   }
@@ -15544,6 +15635,7 @@ function ChatVideoEntityCard({
       highlightVideoUrl: highlightUrl,
       highlightVideoThumbnail: highlightPoster,
       mainVideoPoster: poster,
+      captionsEntity: { type: captionsEntityTypeForDocType(chatRef.type), id: chatRef.id },
       title: chatRef.title
     }
   );
@@ -16103,7 +16195,7 @@ import { Eye as Eye2 } from "lucide-react";
 init_cn();
 
 // src/components/chat/entity-cards/use-entity-card-link.ts
-import { useMemo as useMemo22 } from "react";
+import { useMemo as useMemo23 } from "react";
 function useEntityCardLink({
   href,
   targetPlatform,
@@ -16111,7 +16203,7 @@ function useEntityCardLink({
   rel
 }) {
   const runtime = useChatRuntime();
-  return useMemo22(() => {
+  return useMemo23(() => {
     if (target !== void 0 || rel !== void 0) {
       const safeRel = rel ?? (target === "_blank" ? "noopener noreferrer" : void 0);
       return { target, rel: safeRel };
@@ -17174,7 +17266,7 @@ function AvatarStack({
 init_button();
 
 // src/components/ui/image-gallery-modal.tsx
-import { useState as useState115, useEffect as useEffect87 } from "react";
+import { useState as useState115, useEffect as useEffect88 } from "react";
 
 // src/components/ui/allowed-domains-input.tsx
 init_cn();
@@ -17343,9 +17435,9 @@ function AnnouncementBarView({
 // src/components/ui/autocomplete.tsx
 import {
   forwardRef as forwardRef31,
-  useEffect as useEffect27,
+  useEffect as useEffect28,
   useImperativeHandle as useImperativeHandle4,
-  useMemo as useMemo23,
+  useMemo as useMemo24,
   useRef as useRef24,
   useState as useState34
 } from "react";
@@ -17526,7 +17618,7 @@ function AutocompleteInner(props, ref) {
   const hiddenTagsPopupRef = useRef24(null);
   const isInvalid = invalid || !!error;
   useImperativeHandle4(ref, () => containerRef.current);
-  const selectedOptions = useMemo23(() => {
+  const selectedOptions = useMemo24(() => {
     return valueArray.map((v) => options.find((opt) => opt.value === v) ?? { label: String(v), value: v });
   }, [valueArray, options]);
   const selectedOption = !multiple && selectedOptions.length > 0 ? selectedOptions[0] : null;
@@ -17542,7 +17634,7 @@ function AutocompleteInner(props, ref) {
   const hiddenTagsCount = multiple ? selectedOptions.length - visibleCount : 0;
   const [showHiddenTags, setShowHiddenTags] = useState34(false);
   const hiddenTagsRef = useRef24(null);
-  useEffect27(() => {
+  useEffect28(() => {
     if (!showHiddenTags) return;
     const handleClick = (e) => {
       const target = e.target;
@@ -17563,7 +17655,7 @@ function AutocompleteInner(props, ref) {
     setIsOpen(true);
   };
   const inputDisplayValue = !multiple && !isOpen && selectedOption ? selectedOption.label : inputValue;
-  const filteredOptions = useMemo23(() => {
+  const filteredOptions = useMemo24(() => {
     if (disableClientFilter) {
       return options;
     }
@@ -17594,7 +17686,7 @@ function AutocompleteInner(props, ref) {
     setIsOpen(false);
     onCreateOption?.(trimmed);
   };
-  useEffect27(() => {
+  useEffect28(() => {
     setHighlightedIndex(-1);
   }, [filteredOptions.length]);
   const handleInputChange = (e) => {
@@ -19230,7 +19322,7 @@ function DateFilterMenu({
 
 // src/components/ui/duration-input.tsx
 init_cn();
-import { Fragment as Fragment31, useEffect as useEffect29, useRef as useRef25, useState as useState36 } from "react";
+import { Fragment as Fragment31, useEffect as useEffect30, useRef as useRef25, useState as useState36 } from "react";
 import { jsx as jsx118, jsxs as jsxs89 } from "react/jsx-runtime";
 var SEGMENT_META = [
   { label: "Hours", placeholder: "HH", max: 99 },
@@ -19246,7 +19338,7 @@ var split = (value) => {
 function DurationInput({ value, onChange, invalid, className }) {
   const [segments, setSegments] = useState36(() => split(value));
   const refs = [useRef25(null), useRef25(null), useRef25(null)];
-  useEffect29(() => {
+  useEffect30(() => {
     setSegments((prev) => compose(prev) === value ? prev : split(value));
   }, [value]);
   const focusSegment = (i) => {
@@ -19491,7 +19583,7 @@ init_cn();
 import React52 from "react";
 
 // src/components/ui/progress-bar.tsx
-import { useEffect as useEffect30, useRef as useRef26, useState as useState37 } from "react";
+import { useEffect as useEffect31, useRef as useRef26, useState as useState37 } from "react";
 import { jsx as jsx123 } from "react/jsx-runtime";
 var ProgressBar = ({
   progress,
@@ -19509,7 +19601,7 @@ var ProgressBar = ({
   const effectiveHeight = isMdUp ? height : mobileHeight;
   const containerRef = useRef26(null);
   const [segmentCount, setSegmentCount] = useState37(0);
-  useEffect30(() => {
+  useEffect31(() => {
     if (!containerRef.current) return;
     const resizeObserver = new ResizeObserver(() => {
       if (containerRef.current) {
@@ -21652,13 +21744,13 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName;
 // src/components/ui/modal.tsx
 init_cn();
 import * as React68 from "react";
-import { useEffect as useEffect35 } from "react";
+import { useEffect as useEffect36 } from "react";
 import { usePreventScroll } from "@react-aria/overlays";
 import { jsx as jsx145, jsxs as jsxs111 } from "react/jsx-runtime";
 var Modal2 = React68.forwardRef(
   ({ isOpen, onClose, children, className }, ref) => {
     usePreventScroll({ isDisabled: !isOpen });
-    useEffect35(() => {
+    useEffect36(() => {
       const handleKeyDown = (event) => {
         if (event.key === "Escape") {
           onClose();
@@ -22888,7 +22980,7 @@ function TabContent({
 // src/components/ui/tab-navigation.tsx
 init_next_navigation();
 init_cn();
-import { useState as useState47, useEffect as useEffect38, useLayoutEffect as useLayoutEffect7, useDeferredValue, useMemo as useMemo28, useRef as useRef30, useCallback as useCallback20, memo as memo4, startTransition } from "react";
+import { useState as useState47, useEffect as useEffect39, useLayoutEffect as useLayoutEffect7, useDeferredValue, useMemo as useMemo29, useRef as useRef30, useCallback as useCallback20, memo as memo4, startTransition } from "react";
 import { Fragment as Fragment34, jsx as jsx157, jsxs as jsxs121 } from "react/jsx-runtime";
 var HIDDEN_INDICATOR = { left: 0, width: 0 };
 var StatusDot = ({ indicator, className }) => /* @__PURE__ */ jsx157("div", { className: cn(
@@ -22932,7 +23024,7 @@ var TabBar = memo4(function TabBar2({
   useLayoutEffect7(() => {
     if (indicator.width > 0) hasPlacedIndicatorRef.current = true;
   }, [indicator]);
-  useEffect38(() => {
+  useEffect39(() => {
     const el = scrollRef.current;
     if (!el) return;
     updateScrollShadows();
@@ -22965,7 +23057,7 @@ var TabBar = memo4(function TabBar2({
       ro.disconnect();
     };
   }, [updateScrollShadows, measureIndicator]);
-  useEffect38(() => {
+  useEffect39(() => {
     const el = scrollRef.current;
     const active = activeTabRef.current;
     if (!el || !active) return;
@@ -22981,7 +23073,7 @@ var TabBar = memo4(function TabBar2({
   }, [activeTab]);
   const leftFade = canScrollLeft || showLeftGradient;
   const rightFade = canScrollRight || showRightGradient;
-  const borderStyle = useMemo28(() => {
+  const borderStyle = useMemo29(() => {
     const c = "var(--color-border-default)";
     if (leftFade && rightFade) {
       return { background: `linear-gradient(to right, transparent 0, ${c} 40px, ${c} calc(100% - 40px), transparent 100%)` };
@@ -23090,7 +23182,7 @@ function TabNavigation({
   const isUrlSyncEnabled = !!urlSync;
   const paramName = typeof urlSync === "object" ? urlSync.paramName || "tab" : "tab";
   const replaceState = typeof urlSync === "object" ? urlSync.replaceState !== false : true;
-  const validTabIds = useMemo28(() => new Set(tabs.map((t) => t.id)), [tabs]);
+  const validTabIds = useMemo29(() => new Set(tabs.map((t) => t.id)), [tabs]);
   const fallbackTab = defaultTab || tabs[0]?.id || "";
   const urlTab = isUrlSyncEnabled ? searchParams?.get(paramName) || "" : "";
   const getInitialTab = () => {
@@ -23101,7 +23193,7 @@ function TabNavigation({
   const activeTab = isUrlSyncEnabled ? internalActiveTab : controlledActiveTab || "";
   const lastSyncedUrlTabRef = useRef30(urlTab);
   const inFlightUrlTabsRef = useRef30([]);
-  useEffect38(() => {
+  useEffect39(() => {
     if (!isUrlSyncEnabled) return;
     const landed = inFlightUrlTabsRef.current.indexOf(urlTab);
     if (landed !== -1) {
@@ -23120,7 +23212,7 @@ function TabNavigation({
     setInternalActiveTab(validTabIds.has(urlTab) ? urlTab : fallbackTab);
   }, [isUrlSyncEnabled, urlTab, validTabIds, fallbackTab]);
   const navRef = useRef30({ isUrlSyncEnabled, controlledOnTabChange, searchParams, pathname, paramName, replaceState });
-  useEffect38(() => {
+  useEffect39(() => {
     navRef.current = { isUrlSyncEnabled, controlledOnTabChange, searchParams, pathname, paramName, replaceState };
   });
   const handleTabChange = useCallback20((tabId) => {
@@ -23225,7 +23317,7 @@ function AIGeneratedBadge({ className }) {
 }
 
 // src/components/ui/fade-preview.tsx
-import { useState as useState48, useRef as useRef31, useEffect as useEffect39 } from "react";
+import { useState as useState48, useRef as useRef31, useEffect as useEffect40 } from "react";
 import { ChevronDown as ChevronDown4 } from "lucide-react";
 import { Fragment as Fragment35, jsx as jsx160, jsxs as jsxs123 } from "react/jsx-runtime";
 function FadePreview({
@@ -23236,7 +23328,7 @@ function FadePreview({
 }) {
   const [expanded, setExpanded] = useState48(false);
   const contentRef = useRef31(null);
-  useEffect39(() => {
+  useEffect40(() => {
     setExpanded(false);
   }, [resetKey]);
   const needsFade = hiddenCount > 0;
@@ -23305,10 +23397,10 @@ import { useState as useState57 } from "react";
 import { ChevronDown as ChevronDown5 } from "lucide-react";
 
 // src/components/ui/markdown/rich/rich-markdown-renderer.tsx
-import { memo as memo6, useCallback as useCallback23, useMemo as useMemo31 } from "react";
+import { memo as memo6, useCallback as useCallback23, useMemo as useMemo32 } from "react";
 
 // src/components/embeds/rich-markdown-runtime.tsx
-import { createContext as createContext5, useContext as useContext5, useMemo as useMemo29 } from "react";
+import { createContext as createContext5, useContext as useContext5, useMemo as useMemo30 } from "react";
 import { jsx as jsx162 } from "react/jsx-runtime";
 var DEFAULT_RUNTIME = {
   redditProxyUrl: "/api/blog/reddit-proxy",
@@ -23324,7 +23416,7 @@ function RichMarkdownRuntimeProvider({
   transformImageSrc,
   children
 }) {
-  const value = useMemo29(
+  const value = useMemo30(
     () => ({
       redditProxyUrl: redditProxyUrl ?? DEFAULT_RUNTIME.redditProxyUrl,
       twitterProxyUrl: twitterProxyUrl ?? DEFAULT_RUNTIME.twitterProxyUrl,
@@ -23340,7 +23432,7 @@ function useRichMarkdownRuntime() {
 }
 
 // src/components/embeds/reddit-embed-client.tsx
-import { useState as useState50, useEffect as useEffect41, useRef as useRef33 } from "react";
+import { useState as useState50, useEffect as useEffect42, useRef as useRef33 } from "react";
 
 // src/utils/social-embed-cache.ts
 var dataCache = /* @__PURE__ */ new Map();
@@ -23416,7 +23508,7 @@ var socialCache = SocialEmbedCache.getInstance();
 
 // src/components/media-carousel.tsx
 init_cn();
-import { useState as useState49, useRef as useRef32, useEffect as useEffect40, memo as memo5, useCallback as useCallback21 } from "react";
+import { useState as useState49, useRef as useRef32, useEffect as useEffect41, memo as memo5, useCallback as useCallback21 } from "react";
 init_button2();
 import { Fragment as Fragment36, jsx as jsx163, jsxs as jsxs124 } from "react/jsx-runtime";
 var ChevronLeftIcon = () => /* @__PURE__ */ jsx163("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx163("polyline", { points: "15,18 9,12 15,6" }) });
@@ -23441,7 +23533,7 @@ var MediaCarousel = memo5(function MediaCarousel2({
     const key = originalUrl.trim() || "__missing_src__";
     setBrokenResourceUrls((b) => b[key] ? b : { ...b, [key]: true });
   }, []);
-  useEffect40(() => {
+  useEffect41(() => {
     if (currentIndex >= media.length && media.length > 0) {
       setCurrentIndex(media.length - 1);
     }
@@ -23730,7 +23822,7 @@ function RedditEmbedClient({ url, maxWidth = 700 }) {
   const [loading, setLoading] = useState50(true);
   const [error, setError] = useState50(null);
   const initializationDone = useRef33(false);
-  useEffect41(() => {
+  useEffect42(() => {
     if (initializationDone.current) return;
     initializationDone.current = true;
     const jsonUrl = url.endsWith(".json") ? url : `${url.replace(/\/$/, "")}.json`;
@@ -24036,7 +24128,7 @@ function RedditEmbedClient({ url, maxWidth = 700 }) {
 }
 
 // src/components/embeds/twitter-embed-client.tsx
-import { useState as useState51, useEffect as useEffect42, useRef as useRef34 } from "react";
+import { useState as useState51, useEffect as useEffect43, useRef as useRef34 } from "react";
 import { jsx as jsx166, jsxs as jsxs126 } from "react/jsx-runtime";
 var MessageCircleIcon2 = () => /* @__PURE__ */ jsx166("svg", { width: "16", height: "16", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx166("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z" }) });
 var ExternalLinkIcon3 = () => /* @__PURE__ */ jsxs126("svg", { width: "16", height: "16", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [
@@ -24068,7 +24160,7 @@ function TwitterEmbedClient({ url, tweetId, maxWidth = 700 }) {
   const initializationDone = useRef34(false);
   const extractedTweetId = tweetId || url.match(/status\/(\d+)/)?.[1];
   const tweetUrl = url.includes("twitter.com") || url.includes("x.com") ? url : `https://twitter.com/twitter/status/${extractedTweetId}`;
-  useEffect42(() => {
+  useEffect43(() => {
     if (initializationDone.current) return;
     initializationDone.current = true;
     if (!extractedTweetId) {
@@ -24233,7 +24325,7 @@ function TwitterEmbedClient({ url, tweetId, maxWidth = 700 }) {
 }
 
 // src/components/embeds/linkedin-embed-client.tsx
-import { useMemo as useMemo30, useState as useState52 } from "react";
+import { useMemo as useMemo31, useState as useState52 } from "react";
 import { ExternalLink as ExternalLink2 } from "lucide-react";
 import { jsx as jsx167, jsxs as jsxs127 } from "react/jsx-runtime";
 function toLinkedInEmbedUrl(url) {
@@ -24248,7 +24340,7 @@ function toLinkedInEmbedUrl(url) {
   return "";
 }
 function LinkedInEmbedClient({ url, height = 600 }) {
-  const embedUrl = useMemo30(() => toLinkedInEmbedUrl(url), [url]);
+  const embedUrl = useMemo31(() => toLinkedInEmbedUrl(url), [url]);
   const [loaded, setLoaded] = useState52(false);
   if (!embedUrl) {
     return /* @__PURE__ */ jsx167(LinkedInContainer, { children: /* @__PURE__ */ jsxs127("div", { className: "p-6", children: [
@@ -24316,7 +24408,7 @@ function LinkedInEmbedClient({ url, height = 600 }) {
 }
 
 // src/components/embeds/og-link-preview.tsx
-import { useState as useState53, useEffect as useEffect43, Component as Component2 } from "react";
+import { useState as useState53, useEffect as useEffect44, Component as Component2 } from "react";
 import { jsx as jsx168, jsxs as jsxs128 } from "react/jsx-runtime";
 var OGLinkErrorBoundary = class extends Component2 {
   constructor(props) {
@@ -24381,7 +24473,7 @@ var OGLinkPreview = ({
   } catch {
     isValidUrl = false;
   }
-  useEffect43(() => {
+  useEffect44(() => {
     if (!isValidUrl || isLocalhost) return;
     const fetchOGData = async () => {
       try {
@@ -24694,7 +24786,7 @@ function toFigmaOriginalUrl(url) {
 init_cn();
 
 // src/components/embeds/embed-iframe.tsx
-import { useState as useState54, useCallback as useCallback22, useRef as useRef35, useEffect as useEffect44 } from "react";
+import { useState as useState54, useCallback as useCallback22, useRef as useRef35, useEffect as useEffect45 } from "react";
 import { Fragment as Fragment37, jsx as jsx169, jsxs as jsxs129 } from "react/jsx-runtime";
 function EmbedLoadingSkeleton({ height }) {
   return /* @__PURE__ */ jsx169(
@@ -24718,10 +24810,10 @@ function EmbedIframe({
   const [isLoaded, setIsLoaded] = useState54(false);
   const iframeRef = useRef35(null);
   const handleLoad = useCallback22(() => setIsLoaded(true), []);
-  useEffect44(() => {
+  useEffect45(() => {
     setIsLoaded(false);
   }, [src]);
-  useEffect44(() => {
+  useEffect45(() => {
     const iframe = iframeRef.current;
     return () => {
       if (iframe) {
@@ -24892,14 +24984,14 @@ function FigmaEmbed({ url, title, height, loading = "lazy" }) {
 }
 
 // src/components/embeds/markdown-image.tsx
-import { useEffect as useEffect45, useState as useState56 } from "react";
+import { useEffect as useEffect46, useState as useState56 } from "react";
 import { jsx as jsx172 } from "react/jsx-runtime";
 var MAX_H_REM = 32;
 var DISPLAY_W = 768;
 function MarkdownImage({ src, alt }) {
   const { transformImageSrc } = useRichMarkdownRuntime();
   const [ratio, setRatio] = useState56(null);
-  useEffect45(() => {
+  useEffect46(() => {
     let cancelled = false;
     setRatio(null);
     const probeSrc = transformImageSrc(src, { width: 48, resize: "contain", quality: 20 }) ?? src;
@@ -25304,7 +25396,7 @@ var RichMarkdownInner = ({
   demoteMarkdownH1ToH2
 }) => {
   const { ogScraperUrl } = useRichMarkdownRuntime();
-  const { ogApiBaseUrl, ogEndpointPath } = useMemo31(() => {
+  const { ogApiBaseUrl, ogEndpointPath } = useMemo32(() => {
     try {
       const u = new URL(ogScraperUrl);
       return {
@@ -25326,8 +25418,8 @@ var RichMarkdownInner = ({
     },
     [resolveLinkEndpointUrl, resolveSource]
   );
-  const textSizes = useMemo31(() => resolveTextSizeConfig("article"), []);
-  const componentOverrides = useMemo31(
+  const textSizes = useMemo32(() => resolveTextSizeConfig("article"), []);
+  const componentOverrides = useMemo32(
     () => buildRichEmbedOverrides({ ogApiBaseUrl, ogEndpointPath, textSizes }),
     [ogApiBaseUrl, ogEndpointPath, textSizes]
   );
@@ -25713,11 +25805,11 @@ function BackButton({ label = "Back", className, type = "button", ...props }) {
 
 // src/components/layout/list-page-layout.tsx
 init_cn();
-import { useEffect as useEffect47, useState as useState60 } from "react";
+import { useEffect as useEffect48, useState as useState60 } from "react";
 
 // src/components/ui/filter-modal.tsx
 init_cn();
-import { useEffect as useEffect46, useState as useState59 } from "react";
+import { useEffect as useEffect47, useState as useState59 } from "react";
 init_button2();
 
 // src/components/ui/filter-checkbox-item.tsx
@@ -25811,7 +25903,7 @@ function SortColumnItem({ column, currentDirection, onSort, onClear }) {
 
 // src/components/ui/tag-key-value-filter.tsx
 init_cn();
-import { useMemo as useMemo32 } from "react";
+import { useMemo as useMemo33 } from "react";
 import { jsx as jsx183, jsxs as jsxs141 } from "react/jsx-runtime";
 function TagKeyValueFilter({
   keys,
@@ -25820,7 +25912,7 @@ function TagKeyValueFilter({
   keysTitle = "Tag Keys",
   className
 }) {
-  const selectedMap = useMemo32(() => {
+  const selectedMap = useMemo33(() => {
     const map = /* @__PURE__ */ new Map();
     for (const tag of selectedTags) {
       const colonIdx = tag.indexOf(":");
@@ -25832,7 +25924,7 @@ function TagKeyValueFilter({
     }
     return map;
   }, [selectedTags]);
-  const activeKeys = useMemo32(() => {
+  const activeKeys = useMemo33(() => {
     return new Set(selectedMap.keys());
   }, [selectedMap]);
   const handleKeyToggle = (key, checked) => {
@@ -25922,7 +26014,7 @@ function FilterModal({
   const [draftDateSort, setDraftDateSort] = useState59(dateFilter?.sort ?? dateDefaultSort);
   const [draftDateRange, setDraftDateRange] = useState59(dateFilter?.range);
   const { scrollRef, fadeTop, fadeBottom, update: updateFade } = useScrollFade();
-  useEffect46(() => {
+  useEffect47(() => {
     if (isOpen) {
       setSelectedFilters({ ...currentFilters });
       setPendingTags(selectedTags ?? []);
@@ -26547,10 +26639,10 @@ function ListPageLayout({
   const [mobileFilterOpen, setMobileFilterOpen] = useState60(false);
   const [localSearchValue, setLocalSearchValue] = useState60(searchValue);
   const debouncedSearchValue = useDebounce(localSearchValue, 500);
-  useEffect47(() => {
+  useEffect48(() => {
     setLocalSearchValue(searchValue);
   }, [searchValue]);
-  useEffect47(() => {
+  useEffect48(() => {
     if (debouncedSearchValue !== searchValue) {
       onSearch(debouncedSearchValue);
     }
@@ -30217,14 +30309,14 @@ function OrganizationCard({
 
 // src/components/ui/service-card.tsx
 init_cn();
-import { useMemo as useMemo44, useState as useState98 } from "react";
+import { useMemo as useMemo45, useState as useState98 } from "react";
 import { ExternalLink as ExternalLink8 } from "lucide-react";
 
 // src/components/providers/dynamic-theme-provider.tsx
 import { createContext as createContext7, useContext as useContext7 } from "react";
 
 // src/hooks/use-dynamic-theming.ts
-import { useState as useState61, useEffect as useEffect48 } from "react";
+import { useState as useState61, useEffect as useEffect49 } from "react";
 var defaultTheme = {
   primaryColor: "#FFC008",
   secondaryColor: "#161616",
@@ -30235,7 +30327,7 @@ var defaultTheme = {
 function useDynamicTheming() {
   const [theme, setTheme] = useState61(defaultTheme);
   const [isDark, setIsDark] = useState61(false);
-  useEffect48(() => {
+  useEffect49(() => {
     const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
     setIsDark(mediaQuery.matches);
     const handleChange = (e) => {
@@ -30323,7 +30415,7 @@ function useThemeToggle() {
 }
 
 // src/components/features/array-entry-manager.tsx
-import { useState as useState63, useEffect as useEffect50 } from "react";
+import { useState as useState63, useEffect as useEffect51 } from "react";
 import { Trash2, Plus as Plus2, Save, Loader2 as Loader22 } from "lucide-react";
 import { jsx as jsx216, jsxs as jsxs165 } from "react/jsx-runtime";
 function ArrayEntryManager({
@@ -30344,12 +30436,12 @@ function ArrayEntryManager({
 }) {
   const [draftItems, setDraftItems] = useState63(items);
   const [isDirty, setIsDirty] = useState63(false);
-  useEffect50(() => {
+  useEffect51(() => {
     if (!isDirty && !isSaving) {
       setDraftItems(items);
     }
   }, [items, isDirty, isSaving]);
-  useEffect50(() => {
+  useEffect51(() => {
     if (onDirtyChange) {
       onDirtyChange(isDirty);
     }
@@ -31584,7 +31676,7 @@ function AuthProvidersList({
 
 // src/components/features/changelog-manager.tsx
 import { Trash2 as Trash22, Plus as Plus3, ChevronDown as ChevronDown7, ChevronUp as ChevronUp3, Eye as Eye3, EyeOff } from "lucide-react";
-import { useState as useState66, useEffect as useEffect51 } from "react";
+import { useState as useState66, useEffect as useEffect52 } from "react";
 import { jsx as jsx234, jsxs as jsxs179 } from "react/jsx-runtime";
 function ChangelogManager({
   title,
@@ -31595,7 +31687,7 @@ function ChangelogManager({
   showVisibilityToggle = false
 }) {
   const [expandedIndices, setExpandedIndices] = useState66(/* @__PURE__ */ new Set());
-  useEffect51(() => {
+  useEffect52(() => {
     if (expandAll && entries.length > 0) {
       setExpandedIndices(new Set(entries.map((_, i) => i)));
     }
@@ -31938,7 +32030,7 @@ var ErrorBoundary = class extends Component3 {
 
 // src/components/features/figma-prototype-viewer.tsx
 init_cn();
-import { useState as useState67, useRef as useRef37, useEffect as useEffect52, useCallback as useCallback26, useMemo as useMemo33 } from "react";
+import { useState as useState67, useRef as useRef37, useEffect as useEffect53, useCallback as useCallback26, useMemo as useMemo34 } from "react";
 
 // src/components/features/section-selector.tsx
 init_cn();
@@ -32328,15 +32420,15 @@ var FigmaPrototypeViewer = ({
   const activeSection = externalActiveSection || internalActiveSection;
   const [isNavigating, setIsNavigating] = useState67(false);
   const [containerDimensions, setContainerDimensions] = useState67({ width: 1200, height: 800 });
-  const viewMode = useMemo33(
+  const viewMode = useMemo34(
     () => getViewMode(screenWidth, isTouchDevice),
     [screenWidth, isTouchDevice]
   );
-  const scaling = useMemo33(
+  const scaling = useMemo34(
     () => calculateScaling(viewMode, containerDimensions, config),
     [viewMode, containerDimensions, config]
   );
-  const embedUrl = useMemo33(() => {
+  const embedUrl = useMemo34(() => {
     try {
       const startingNodeId = resolveStartingPoint(config, viewMode);
       return generateEmbedUrl(config, viewMode, startingNodeId, clientId);
@@ -32345,7 +32437,7 @@ var FigmaPrototypeViewer = ({
       return "";
     }
   }, [config, viewMode, clientId]);
-  const unifiedState = useMemo33(() => ({
+  const unifiedState = useMemo34(() => ({
     viewMode,
     iframeState,
     screenWidth,
@@ -32376,7 +32468,7 @@ var FigmaPrototypeViewer = ({
     embedUrl,
     iframeKey
   ]);
-  useEffect52(() => {
+  useEffect53(() => {
     const handleResize = () => {
       const newWidth = window.innerWidth;
       setScreenWidth(newWidth);
@@ -32390,7 +32482,7 @@ var FigmaPrototypeViewer = ({
     return () => window.removeEventListener("resize", handleResize);
   }, []);
   const [lastViewMode, setLastViewMode] = useState67(viewMode);
-  useEffect52(() => {
+  useEffect53(() => {
     if (lastViewMode !== viewMode && iframeState === "READY") {
       console.log("[ViewMode Change]", lastViewMode, "\u2192", viewMode);
       setIframeState("RELOADING");
@@ -32398,7 +32490,7 @@ var FigmaPrototypeViewer = ({
     }
     setLastViewMode(viewMode);
   }, [viewMode, lastViewMode, iframeState]);
-  useEffect52(() => {
+  useEffect53(() => {
     const handleVisibilityChange = () => {
       if (document.visibilityState === "visible" && iframeState === "READY") {
         console.log("[Sleep Recovery] Reloading iframe after sleep");
@@ -32409,7 +32501,7 @@ var FigmaPrototypeViewer = ({
     document.addEventListener("visibilitychange", handleVisibilityChange);
     return () => document.removeEventListener("visibilitychange", handleVisibilityChange);
   }, [iframeState]);
-  useEffect52(() => {
+  useEffect53(() => {
     const handleMessage = (event) => {
       if (event.origin !== "https://www.figma.com") return;
       const validEvents = ["INITIAL_LOAD", "NEW_STATE", "PRESENTED_NODE_CHANGED"];
@@ -32493,12 +32585,12 @@ var FigmaPrototypeViewer = ({
       }
     }, 500);
   }, []);
-  useEffect52(() => {
+  useEffect53(() => {
     if (externalActiveSection && externalActiveSection !== activeSection && isInitialized) {
       navigateToSection(externalActiveSection);
     }
   }, [externalActiveSection, activeSection, isInitialized, navigateToSection]);
-  useEffect52(() => {
+  useEffect53(() => {
     return () => {
       if (navTimerRef.current) clearTimeout(navTimerRef.current);
       if (touchTimerRef.current) clearTimeout(touchTimerRef.current);
@@ -32601,7 +32693,7 @@ var FigmaPrototypeViewer = ({
 
 // src/components/features/filters-dropdown.tsx
 init_cn();
-import { useEffect as useEffect53, useRef as useRef38, useState as useState68 } from "react";
+import { useEffect as useEffect54, useRef as useRef38, useState as useState68 } from "react";
 import { jsx as jsx241, jsxs as jsxs185 } from "react/jsx-runtime";
 var FilterCheckbox = ({ checked, disabled = false, className }) => {
   return /* @__PURE__ */ jsx241(
@@ -32641,7 +32733,7 @@ var FiltersDropdown = ({
   const dropdownRef = useRef38(null);
   const triggerRef = useRef38(null);
   const containerRef = useRef38(null);
-  useEffect53(() => {
+  useEffect54(() => {
     if (isOpen) {
       setShouldRender(true);
       let id2 = 0;
@@ -32657,7 +32749,7 @@ var FiltersDropdown = ({
     const t = setTimeout(() => setShouldRender(false), ANIMATION_MS);
     return () => clearTimeout(t);
   }, [isOpen]);
-  useEffect53(() => {
+  useEffect54(() => {
     if (!responsive) {
       setIsMobile(false);
       return;
@@ -32669,7 +32761,7 @@ var FiltersDropdown = ({
     window.addEventListener("resize", checkMobile);
     return () => window.removeEventListener("resize", checkMobile);
   }, [responsive]);
-  useEffect53(() => {
+  useEffect54(() => {
     if (!isOpen || isMobile || !triggerRef.current) return;
     const calculateOptimalPlacement = () => {
       const trigger = triggerRef.current;
@@ -32706,12 +32798,12 @@ var FiltersDropdown = ({
     return initial;
   });
   const currentFiltersStr = currentFilters ? JSON.stringify(currentFilters) : "";
-  useEffect53(() => {
+  useEffect54(() => {
     if (currentFilters) {
       setSelectedFilters({ ...currentFilters });
     }
   }, [currentFiltersStr]);
-  useEffect53(() => {
+  useEffect54(() => {
     const handleClickOutside = (event) => {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -32727,7 +32819,7 @@ var FiltersDropdown = ({
       };
     }
   }, [isOpen]);
-  useEffect53(() => {
+  useEffect54(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape" && isOpen) {
         setIsOpen(false);
@@ -32991,13 +33083,13 @@ function KnowledgeBaseLinksManager({
 }
 
 // src/components/features/loading-provider.tsx
-import { createContext as createContext8, useContext as useContext8, useState as useState69, useEffect as useEffect54 } from "react";
+import { createContext as createContext8, useContext as useContext8, useState as useState69, useEffect as useEffect55 } from "react";
 import { jsx as jsx244, jsxs as jsxs186 } from "react/jsx-runtime";
 var LoadingContext = createContext8(void 0);
 function LoadingProvider({ children }) {
   const [isLoading, setIsLoading] = useState69(false);
   const [progress, setProgress] = useState69(0);
-  useEffect54(() => {
+  useEffect55(() => {
     let interval;
     if (isLoading) {
       setProgress(10);
@@ -33270,7 +33362,7 @@ function OSTypeBadgeGroup({
 }
 
 // src/components/features/parallax-image-showcase.tsx
-import { useEffect as useEffect55, useState as useState71, useRef as useRef40 } from "react";
+import { useEffect as useEffect56, useState as useState71, useRef as useRef40 } from "react";
 import { motion, useScroll, useTransform, useMotionValue, useSpring } from "framer-motion";
 import { jsx as jsx248, jsxs as jsxs189 } from "react/jsx-runtime";
 var ParallaxImageShowcase = ({
@@ -33290,7 +33382,7 @@ var ParallaxImageShowcase = ({
   const mouseYSpring = useSpring(mouseY, springConfig);
   const [componentRect, setComponentRect] = useState71(null);
   const componentRef = useRef40(null);
-  useEffect55(() => {
+  useEffect56(() => {
     const updateRect = () => {
       if (componentRef.current) {
         setComponentRect(componentRef.current.getBoundingClientRect());
@@ -33304,7 +33396,7 @@ var ParallaxImageShowcase = ({
       window.removeEventListener("scroll", updateRect);
     };
   }, []);
-  useEffect55(() => {
+  useEffect56(() => {
     const handleGlobalMouseMove = (e) => {
       if (!componentRect) return;
       const centerX = componentRect.left + componentRect.width / 2;
@@ -34812,7 +34904,7 @@ function VideoBitesDisplay({
 // src/components/features/floating-walkthrough-video.tsx
 init_cn();
 init_button2();
-import { useCallback as useCallback28, useEffect as useEffect56, useMemo as useMemo34, useRef as useRef42, useState as useState75 } from "react";
+import { useCallback as useCallback28, useEffect as useEffect57, useMemo as useMemo35, useRef as useRef42, useState as useState75 } from "react";
 import * as DialogPrimitive3 from "@radix-ui/react-dialog";
 import { Fragment as Fragment48, jsx as jsx261, jsxs as jsxs200 } from "react/jsx-runtime";
 var isAtEnd = (duration, time) => duration > 0 && duration - time < 1;
@@ -34836,7 +34928,7 @@ function FloatingWalkthroughVideo({
   const dismissalId = video?.id != null ? String(video.id) : "dismissed";
   const [mounted, setMounted] = useState75(false);
   const [dismissed, setDismissed] = useState75(false);
-  useEffect56(() => {
+  useEffect57(() => {
     let idleHandle = null;
     if (!video) return;
     const timer = setTimeout(() => {
@@ -34859,7 +34951,7 @@ function FloatingWalkthroughVideo({
     };
   }, [appearDelayMs, dismissEnabled, storageKey, dismissalId, video?.id]);
   const [previewSuppressed, setPreviewSuppressed] = useState75(false);
-  useEffect56(() => {
+  useEffect57(() => {
     try {
       const reducedMotion = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false;
       const conn = navigator.connection;
@@ -34900,7 +34992,7 @@ function FloatingWalkthroughVideo({
   const isYouTube = Boolean(video?.youtubeUrl);
   const resumeMode = !open && handoff !== null && !isYouTube;
   const previewAllowed = !previewSuppressed && !isYouTube;
-  useEffect56(() => {
+  useEffect57(() => {
     if (!mounted) return;
     const el = typeof document !== "undefined" ? document.querySelector(hideNearSelector) : null;
     if (!el || typeof IntersectionObserver === "undefined") {
@@ -34914,7 +35006,7 @@ function FloatingWalkthroughVideo({
     io.observe(el);
     return () => io.disconnect();
   }, [mounted, hideNearSelector, pathname]);
-  useEffect56(() => {
+  useEffect57(() => {
     if (!resumeMode) return;
     const onVis = () => {
       if (document.visibilityState === "hidden") {
@@ -34928,7 +35020,7 @@ function FloatingWalkthroughVideo({
     document.addEventListener("visibilitychange", onVis);
     return () => document.removeEventListener("visibilitychange", onVis);
   }, [resumeMode]);
-  useEffect56(() => {
+  useEffect57(() => {
     if (!footerHidden) return;
     const h = resumeHandleRef.current ?? previewHandleRef.current;
     try {
@@ -35076,13 +35168,13 @@ function FloatingWalkthroughVideo({
     setCardFallback(s);
     setCardMuted(s.muted);
   }, []);
-  useEffect56(() => {
+  useEffect57(() => {
     if (resumeMode) {
       setCardMuted(handoff?.muted ?? false);
       setCardPaused(handoff?.playing === false);
     }
   }, [resumeMode]);
-  useEffect56(() => {
+  useEffect57(() => {
     if (hovered) {
       setCardPaused(false);
       setCardMuted(userMutedRef.current);
@@ -35146,7 +35238,7 @@ function FloatingWalkthroughVideo({
   }, [resumeMode, cardFallback.blocked, cardPaused]);
   const summaryTitle = video?.title || void 0;
   const presenterAvatarSrc = video?.presenterAvatarUrl ?? null;
-  const embedUrlKey = useMemo34(() => `${video?.mainVideoUrl ?? ""}|${video?.youtubeUrl ?? ""}`, [video?.mainVideoUrl, video?.youtubeUrl]);
+  const embedUrlKey = useMemo35(() => `${video?.mainVideoUrl ?? ""}|${video?.youtubeUrl ?? ""}`, [video?.mainVideoUrl, video?.youtubeUrl]);
   if (!video || !video.mainVideoUrl && !video.youtubeUrl) return null;
   const showCard = mounted && !dismissed;
   const cardActive = !open && previewAllowed && hovered && !resumeMode;
@@ -35394,6 +35486,7 @@ function FloatingWalkthroughVideo({
 import { useQuery } from "@tanstack/react-query";
 function useWalkthroughVideo(opts) {
   const { endpoint, initialData, enabled = true, transformCaptionsUrl } = opts;
+  const captions = useCaptions();
   const query = useQuery({
     queryKey: ["walkthrough-video", endpoint],
     enabled,
@@ -35419,23 +35512,17 @@ function useWalkthroughVideo(opts) {
     // rewrite here (not in queryFn) means a second consumer of the same
     // endpoint can't inherit this observer's proxied captionsUrl from the cache.
     select: (video) => {
-      if (video?.captionsUrl && transformCaptionsUrl && video.captionsUrl.startsWith("/")) {
+      if (!video?.captionsUrl) return video;
+      if (transformCaptionsUrl && video.captionsUrl.startsWith("/")) {
         return { ...video, captionsUrl: transformCaptionsUrl(video.captionsUrl) };
       }
-      return video;
+      const rebased = captions.rebase(video.captionsUrl);
+      return rebased === video.captionsUrl ? video : { ...video, captionsUrl: rebased };
     }
   });
   return { video: query.data ?? null, isLoading: query.isLoading };
 }
 
-// src/components/features/captions-url.ts
-function getCaptionsUrl(entityType, entityId, srtContent, options) {
-  if (!srtContent) return void 0;
-  const hash = `${srtContent.length}-${srtContent.slice(0, 8).replace(/\s/g, "")}`;
-  const variant = options?.variant ? `&variant=${options.variant}` : "";
-  return `/api/captions/${entityType}/${entityId}?v=${hash}${variant}`;
-}
-
 // src/components/features/video-source-selector.tsx
 import { useState as useState76, useCallback as useCallback29 } from "react";
 import { Upload as Upload4, X as X8, Video as VideoIcon3 } from "lucide-react";
@@ -36943,7 +37030,7 @@ function ViewToggle({
 
 // src/components/features/policy-configuration-panel.tsx
 init_cn();
-import { useEffect as useEffect57, useState as useState78 } from "react";
+import { useEffect as useEffect58, useState as useState78 } from "react";
 import { ChevronDown as ChevronDown8, Shield as Shield2 } from "lucide-react";
 init_button2();
 import { Fragment as Fragment49, jsx as jsx281, jsxs as jsxs216 } from "react/jsx-runtime";
@@ -37121,7 +37208,7 @@ var PolicyConfigurationPanel = ({
 }) => {
   const [expandedIds, setExpandedIds] = useState78(/* @__PURE__ */ new Set());
   const [bulkLevels, setBulkLevels] = useState78({});
-  useEffect57(() => {
+  useEffect58(() => {
     setBulkLevels({});
   }, [editMode]);
   const handleToggle = (categoryId) => {
@@ -37161,7 +37248,7 @@ PolicyConfigurationPanel.displayName = "PolicyConfigurationPanel";
 init_button2();
 
 // src/components/ui/phone-input.tsx
-import { useCallback as useCallback30, useEffect as useEffect58, useMemo as useMemo35, useRef as useRef43, useState as useState79 } from "react";
+import { useCallback as useCallback30, useEffect as useEffect59, useMemo as useMemo36, useRef as useRef43, useState as useState79 } from "react";
 import { jsx as jsx282, jsxs as jsxs217 } from "react/jsx-runtime";
 function PhoneInput({
   value,
@@ -37173,8 +37260,8 @@ function PhoneInput({
   placeholder = "Phone Number (optional)",
   onKeyDown
 }) {
-  const { priority, others } = useMemo35(() => getCountryPhoneData(), []);
-  const selectedCountry = useMemo35(
+  const { priority, others } = useMemo36(() => getCountryPhoneData(), []);
+  const selectedCountry = useMemo36(
     () => [...priority, ...others].find((c) => c.code === countryCode),
     [countryCode, priority, others]
   );
@@ -37195,7 +37282,7 @@ function PhoneInput({
     if (debounceRef.current) clearTimeout(debounceRef.current);
     debounceRef.current = setTimeout(() => runValidation(phone), 300);
   }, [runValidation]);
-  useEffect58(() => {
+  useEffect59(() => {
     return () => {
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
@@ -37262,7 +37349,7 @@ function CountryOption({ country }) {
 // src/components/features/waitlist-form.tsx
 init_cn();
 import { getCountries as getCountries2 } from "libphonenumber-js";
-import { useEffect as useEffect59, useState as useState80 } from "react";
+import { useEffect as useEffect60, useState as useState80 } from "react";
 import { Fragment as Fragment50, jsx as jsx283, jsxs as jsxs218 } from "react/jsx-runtime";
 function WaitlistForm({
   id = "waitlist-form",
@@ -37292,12 +37379,12 @@ function WaitlistForm({
   const [isPhoneInvalid, setIsPhoneInvalid] = useState80(false);
   const [showConsentError, setShowConsentError] = useState80(false);
   const isMailDomainGeneric = hasGenericEmailDomain(email);
-  useEffect59(() => {
+  useEffect60(() => {
     if (defaultEmail) {
       setEmail(defaultEmail);
     }
   }, [defaultEmail]);
-  useEffect59(() => {
+  useEffect60(() => {
     setIsClient(true);
     if (!geoApiUrl) return;
     const supportedCountries = new Set(getCountries2());
@@ -37685,7 +37772,7 @@ function useOptionalNotifications() {
 }
 
 // src/components/features/notifications/notification-drawer.tsx
-import { useEffect as useEffect63, useRef as useRef46 } from "react";
+import { useEffect as useEffect64, useRef as useRef46 } from "react";
 
 // src/components/navigation/app-layout-context.ts
 import { createContext as createContext10, useContext as useContext10 } from "react";
@@ -38180,7 +38267,7 @@ init_button2();
 init_cn();
 
 // src/components/features/notifications/notification-tile.tsx
-import { useMemo as useMemo37, useEffect as useEffect62, useState as useState83 } from "react";
+import { useMemo as useMemo38, useEffect as useEffect63, useState as useState83 } from "react";
 init_cn();
 import { jsx as jsx286, jsxs as jsxs220 } from "react/jsx-runtime";
 var variantBySeverity = {
@@ -38225,10 +38312,10 @@ function NotificationTile({
   const image = imageUrl && imageUrl !== failedImageUrl ? imageUrl : void 0;
   const createdAtDate = new Date(createdAt);
   const createdAtIso = Number.isNaN(createdAtDate.getTime()) ? null : createdAtDate.toISOString();
-  const initialElapsed = useMemo37(() => Date.now() - createdAt, [createdAt]);
+  const initialElapsed = useMemo38(() => Date.now() - createdAt, [createdAt]);
   const isLive = !read && !settled && initialElapsed < liveDurationMs;
   const counting = isLive && !paused;
-  useEffect62(() => {
+  useEffect63(() => {
     if (!counting) return;
     const remaining = Math.max(0, liveDurationMs - initialElapsed);
     const timer = window.setTimeout(() => {
@@ -38457,7 +38544,7 @@ function DrawerScrollList({
   const sentinelRef = useRef46(null);
   const loadMoreRef = useRef46(loadMore);
   loadMoreRef.current = loadMore;
-  useEffect63(() => {
+  useEffect64(() => {
     if (!loadMore || !hasMore || isLoadingMore) return;
     const sentinel = sentinelRef.current;
     const root = scrollRef.current;
@@ -38677,7 +38764,7 @@ function NotificationPopups({
 
 // src/components/features/notifications/approval-request-notification-tile.tsx
 init_button2();
-import { useMemo as useMemo38, useState as useState84 } from "react";
+import { useMemo as useMemo39, useState as useState84 } from "react";
 
 // src/components/chat/types/chat.types.ts
 var CHAT_TYPE = {
@@ -38897,7 +38984,7 @@ function ApprovalRequestNotificationTile({
   const approval = getApprovalMeta(notification);
   const resolvedStatus = resolutionToStatus(approval?.resolution);
   const status = resolvedStatus !== "pending" ? resolvedStatus : localStatus ?? "pending";
-  const batchData = useMemo38(() => approval ? approvalMetaToBatchData(approval) : null, [approval]);
+  const batchData = useMemo39(() => approval ? approvalMetaToBatchData(approval) : null, [approval]);
   const { innerRef, containerStyle } = useCollapsible({ expanded });
   if (!approval || !batchData) return null;
   const tileNotification = {
@@ -38994,12 +39081,12 @@ function useOptionalTimeTracker() {
 
 // src/components/features/time-tracker/time-tracker-panel.tsx
 init_cn();
-import { useEffect as useEffect65, useState as useState87 } from "react";
+import { useEffect as useEffect66, useState as useState87 } from "react";
 init_button();
 init_split_button();
 
 // src/components/features/time-tracker/use-tracker-clock.ts
-import { useEffect as useEffect64, useState as useState86 } from "react";
+import { useEffect as useEffect65, useState as useState86 } from "react";
 function formatElapsed(totalMs) {
   const totalSeconds = Math.max(0, Math.floor(totalMs / 1e3));
   const hours = Math.floor(totalSeconds / 3600);
@@ -39010,7 +39097,7 @@ function formatElapsed(totalMs) {
 }
 function useTrackerClock({ status, runningSince, accumulatedMs = 0 }) {
   const [now, setNow] = useState86(() => Date.now());
-  useEffect64(() => {
+  useEffect65(() => {
     if (status !== "tracking") return;
     setNow(Date.now());
     const id = setInterval(() => setNow(Date.now()), 1e3);
@@ -39070,7 +39157,7 @@ function TimeTrackerPanel({
   const isActive = status !== "ready";
   const hasContent2 = selectedTicketId != null || notes.trim() !== "";
   const showFieldError = isActive && showValidationError && !hasContent2;
-  useEffect65(() => {
+  useEffect66(() => {
     if (status === "ready") setShowValidationError(false);
   }, [status]);
   const handleSubmit = () => {
@@ -39321,7 +39408,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 useEffect66, useRef as useRef47 } from "react";
+import { useEffect as useEffect67, useRef as useRef47 } from "react";
 
 // src/components/navigation/header-button.tsx
 init_cn();
@@ -39416,10 +39503,10 @@ function TimeTrackerHeaderButton({ className, disabled }) {
       }
     };
   }
-  useEffect66(() => {
+  useEffect67(() => {
     if (isOpen) coordination?.notifyDrawerDidOpen(selfHandleRef.current ?? void 0);
   }, [isOpen, coordination]);
-  useEffect66(() => {
+  useEffect67(() => {
     if (!selfHandleRef.current) return;
     return coordination?.registerDrawer(selfHandleRef.current);
   }, [coordination]);
@@ -40465,7 +40552,7 @@ function SortableRow({
 
 // src/components/navigation/header.tsx
 init_next_link();
-import React117, { useEffect as useEffect70, useRef as useRef51, useState as useState92 } from "react";
+import React117, { useEffect as useEffect71, useRef as useRef51, useState as useState92 } from "react";
 init_button2();
 
 // src/components/navigation/mingo-ai-button.tsx
@@ -40646,7 +40733,7 @@ import React116 from "react";
 import { useQueryClient } from "@tanstack/react-query";
 
 // src/components/chat/hooks/use-chat-identity.ts
-import { createContext as createContext13, createElement as createElement2, useContext as useContext13, useEffect as useEffect69, useState as useState91 } from "react";
+import { createContext as createContext13, createElement as createElement2, useContext as useContext13, useEffect as useEffect70, useState as useState91 } from "react";
 var ANON_DEFAULTS = {
   authTier: "anon",
   source: null,
@@ -40659,7 +40746,7 @@ function useResolveChatIdentity(enabled) {
   const proxyEmail = getEmbedProxyAuth()?.email ?? null;
   const [data, setData] = useState91(ANON_DEFAULTS);
   const [isLoading, setIsLoading] = useState91(enabled);
-  useEffect69(() => {
+  useEffect70(() => {
     if (!enabled) return;
     let cancelled = false;
     const ctrl = new AbortController();
@@ -41074,7 +41161,7 @@ function Header2({ config, platform }) {
   const [openDropdowns, setOpenDropdowns] = useState92({});
   const dropdownRefs = useRef51({});
   const triggerRefs = useRef51({});
-  useEffect70(() => {
+  useEffect71(() => {
     const handleClickOutside = (event) => {
       const target = event.target;
       if (!target) return;
@@ -41103,14 +41190,14 @@ function Header2({ config, platform }) {
       document.removeEventListener("keydown", handleEscapeKey);
     };
   }, [openDropdowns]);
-  useEffect70(() => {
+  useEffect71(() => {
     return () => {
       setOpenDropdowns({});
       dropdownRefs.current = {};
       triggerRefs.current = {};
     };
   }, []);
-  useEffect70(() => {
+  useEffect71(() => {
     if (!config.autoHide) {
       setShow(true);
       return;
@@ -41364,7 +41451,7 @@ function Header2({ config, platform }) {
 }
 
 // src/components/navigation/client-only-header.tsx
-import { useState as useState93, useEffect as useEffect71 } from "react";
+import { useState as useState93, useEffect as useEffect72 } from "react";
 
 // src/components/navigation/header-skeleton.tsx
 import { Fragment as Fragment59, jsx as jsx308, jsxs as jsxs237 } from "react/jsx-runtime";
@@ -41404,7 +41491,7 @@ function HeaderSkeleton({ config }) {
 import { jsx as jsx309 } from "react/jsx-runtime";
 function ClientOnlyHeader({ config, skeleton }) {
   const [isClient, setIsClient] = useState93(false);
-  useEffect71(() => {
+  useEffect72(() => {
     setIsClient(true);
   }, []);
   if (!isClient) {
@@ -41414,7 +41501,7 @@ function ClientOnlyHeader({ config, skeleton }) {
 }
 
 // src/components/navigation/sliding-sidebar.tsx
-import { useState as useState94, useEffect as useEffect72, useRef as useRef52 } from "react";
+import { useState as useState94, useEffect as useEffect73, useRef as useRef52 } from "react";
 import { motion as motion2, AnimatePresence, useReducedMotion } from "framer-motion";
 import { usePreventScroll as usePreventScroll3 } from "@react-aria/overlays";
 init_button2();
@@ -41427,7 +41514,7 @@ function SlidingSidebar({ config }) {
   const prefersReducedMotion2 = useReducedMotion();
   usePreventScroll3({ isDisabled: !config.isOpen });
   useFocusTrap(asideRef, config.isOpen, { onEscape: config.onClose, contain: false });
-  useEffect72(() => {
+  useEffect73(() => {
     setMounted(true);
   }, []);
   const toggleExpanded = (itemId) => {
@@ -41595,7 +41682,7 @@ function SlidingSidebar({ config }) {
 }
 
 // src/components/navigation/sticky-section-nav.tsx
-import { useEffect as useEffect73, useState as useState95, useCallback as useCallback37, useRef as useRef53 } from "react";
+import { useEffect as useEffect74, useState as useState95, useCallback as useCallback37, useRef as useRef53 } from "react";
 import { jsx as jsx311, jsxs as jsxs239 } from "react/jsx-runtime";
 function StickySectionNav({
   sections,
@@ -41669,14 +41756,14 @@ function useSectionNavigation(sections, options) {
       isScrollingFromClick.current = false;
     }, 500);
   }, [offset2]);
-  useEffect73(() => {
+  useEffect74(() => {
     sections.forEach((section) => {
       if (section.ref.current && !section.ref.current.id) {
         section.ref.current.id = section.id;
       }
     });
   }, [sections]);
-  useEffect73(() => {
+  useEffect74(() => {
     const handleScroll = () => {
       if (isScrollingFromClick.current) return;
       const scrollPosition = window.scrollY + offset2 + 50;
@@ -41709,7 +41796,7 @@ function useSectionNavigation(sections, options) {
 }
 
 // src/components/navigation/navigation-sidebar.tsx
-import { useCallback as useCallback38, useEffect as useEffect74, useMemo as useMemo42, useState as useState96 } from "react";
+import { useCallback as useCallback38, useEffect as useEffect75, useMemo as useMemo43, useState as useState96 } from "react";
 
 // src/components/navigation/navigation-sidebar-header.tsx
 import { jsx as jsx312, jsxs as jsxs240 } from "react/jsx-runtime";
@@ -41881,11 +41968,11 @@ function NavigationSidebar({ config, disabled = false }) {
     config.minimized ?? false
   );
   const [tabletMinimized, setTabletMinimized] = useState96(true);
-  useEffect74(() => {
+  useEffect75(() => {
     if (isTablet) setTabletMinimized(true);
   }, [isTablet]);
   const [hydrated, setHydrated] = useState96(false);
-  useEffect74(() => setHydrated(true), []);
+  useEffect75(() => setHydrated(true), []);
   const minimized = hydrated ? isTablet ? tabletMinimized : desktopMinimized : config.minimized ?? false;
   const [transitionsEnabled, setTransitionsEnabled] = useState96(false);
   const isOverlayOpen = isTablet && !minimized;
@@ -41901,7 +41988,7 @@ function NavigationSidebar({ config, disabled = false }) {
   const closeOverlay = useCallback38(() => {
     setTabletMinimized(true);
   }, []);
-  useEffect74(() => {
+  useEffect75(() => {
     if (!isOverlayOpen) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") closeOverlay();
@@ -41910,11 +41997,11 @@ function NavigationSidebar({ config, disabled = false }) {
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [isOverlayOpen, closeOverlay]);
   const [pendingItemId, setPendingItemId] = useState96(null);
-  const committedActiveId = useMemo42(
+  const committedActiveId = useMemo43(
     () => config.items.find((item) => item.isActive)?.id ?? null,
     [config.items]
   );
-  useEffect74(() => {
+  useEffect75(() => {
     setPendingItemId(null);
   }, [committedActiveId]);
   const handleItemClick = useCallback38((item, event) => {
@@ -41933,11 +42020,11 @@ function NavigationSidebar({ config, disabled = false }) {
     }
     if (isTablet) setTabletMinimized(true);
   }, [config, isTablet, committedActiveId]);
-  const { primaryItems, secondaryItems } = useMemo42(() => ({
+  const { primaryItems, secondaryItems } = useMemo43(() => ({
     primaryItems: config.items.filter((item) => item.section !== "secondary"),
     secondaryItems: config.items.filter((item) => item.section === "secondary")
   }), [config.items]);
-  const loadingRows = useMemo42(() => {
+  const loadingRows = useMemo43(() => {
     if (!config.loading) return null;
     const primary = config.loadingRows?.primary ?? 7;
     const secondary = config.loadingRows?.secondary ?? 2;
@@ -41946,7 +42033,7 @@ function NavigationSidebar({ config, disabled = false }) {
       secondary: Array.from({ length: Math.max(0, secondary) }, (_, i) => `secondary-${i}`)
     };
   }, [config.loading, config.loadingRows?.primary, config.loadingRows?.secondary]);
-  const sidebarWidth = useMemo42(
+  const sidebarWidth = useMemo43(
     () => minimized ? `${MINIMIZED_WIDTH}px` : `${EXPANDED_WIDTH}px`,
     [minimized]
   );
@@ -42495,7 +42582,7 @@ function AppHeaderSkeleton({
 }
 
 // src/components/navigation/app-layout.tsx
-import { useCallback as useCallback40, useMemo as useMemo43, useRef as useRef55, useState as useState97 } from "react";
+import { useCallback as useCallback40, useMemo as useMemo44, useRef as useRef55, useState as useState97 } from "react";
 
 // src/components/navigation/mobile-burger-menu.tsx
 import React122, { useCallback as useCallback39, useRef as useRef54 } from "react";
@@ -42702,7 +42789,7 @@ function AppLayout({
   const handleCloseMobileMenu = useCallback40(() => {
     setMobileMenuOpen(false);
   }, []);
-  const drawerCoordination = useMemo43(() => ({
+  const drawerCoordination = useMemo44(() => ({
     notifyDrawerDidOpen: (self) => {
       setMobileMenuOpen(false);
       for (const handle of drawerHandlesRef.current) {
@@ -43787,7 +43874,7 @@ function ServiceCardRowItem({ row }) {
   const [revealed, setRevealed] = useState98(false);
   const { copy, copied } = useCopyToClipboard();
   const { ref: valueRef, isTruncated: valueTruncated } = useIsTruncated(row.value);
-  const actions = useMemo44(() => ({ copy: true, open: !!row.href, reveal: !!row.isSecret, ...row.actions }), [row]);
+  const actions = useMemo45(() => ({ copy: true, open: !!row.href, reveal: !!row.isSecret, ...row.actions }), [row]);
   const displayValue = row.isSecret ? /* @__PURE__ */ jsx334(MaskedValue, { value: row.value, isRevealed: revealed }) : /* @__PURE__ */ jsx334("span", { children: row.value });
   const handleCopy = () => copy(row.copyValue ?? row.value);
   const openInNewTab = () => {
@@ -44097,7 +44184,7 @@ var ListLoader = (props) => /* @__PURE__ */ jsx338(ContentLoader, { ...props, va
 
 // src/components/ui/table/table.tsx
 init_cn();
-import { useEffect as useEffect76, useRef as useRef58 } from "react";
+import { useEffect as useEffect77, useRef as useRef58 } from "react";
 init_pagination();
 init_button2();
 
@@ -44708,10 +44795,10 @@ function TableRow({
 }
 
 // src/components/ui/table/use-table-motion.ts
-import { useEffect as useEffect75, useState as useState99 } from "react";
+import { useEffect as useEffect76, useState as useState99 } from "react";
 function useTableMotion(enabled) {
   const [runtime, setRuntime] = useState99(null);
-  useEffect75(() => {
+  useEffect76(() => {
     if (!enabled || runtime) return;
     let active = true;
     import("framer-motion").then((m) => {
@@ -44860,7 +44947,7 @@ function Table({
   const sentinelRef = useRef58(null);
   const onLoadMoreRef = useRef58(infiniteScroll?.onLoadMore);
   onLoadMoreRef.current = infiniteScroll?.onLoadMore;
-  useEffect76(() => {
+  useEffect77(() => {
     if (!infiniteScroll?.hasNextPage || infiniteScroll.isFetchingNextPage) return;
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -45074,7 +45161,7 @@ function TableTimestampCell({
 // src/components/ui/query-report-table/query-report-table.tsx
 init_cn();
 init_button2();
-import { useMemo as useMemo45 } from "react";
+import { useMemo as useMemo46 } from "react";
 
 // src/components/ui/query-report-table/query-report-table-header.tsx
 init_cn();
@@ -45312,7 +45399,7 @@ function QueryReportTable({
   tableClassName
 }) {
   const isCompact = variant === "compact";
-  const columns = useMemo45(
+  const columns = useMemo46(
     () => deriveColumns(data, columnOrder),
     [data, columnOrder]
   );
@@ -45447,7 +45534,7 @@ import { flexRender } from "@tanstack/react-table";
 
 // src/components/ui/data-table/data-table-column-filter.tsx
 init_cn();
-import { useCallback as useCallback44, useMemo as useMemo46 } from "react";
+import { useCallback as useCallback44, useMemo as useMemo47 } from "react";
 
 // src/components/ui/data-table/utils.ts
 var BREAKPOINT_ORDER = ["md", "lg", "xl", "2xl"];
@@ -45511,7 +45598,7 @@ function DataTableColumnFilter({
 }) {
   const currentValue = column.getFilterValue();
   const activeCount = currentValue?.length ?? 0;
-  const sections = useMemo46(
+  const sections = useMemo47(
     () => [
       {
         id: column.id,
@@ -45523,7 +45610,7 @@ function DataTableColumnFilter({
     ],
     [column.id, label, options]
   );
-  const currentFilters = useMemo46(
+  const currentFilters = useMemo47(
     () => ({ [column.id]: currentValue ?? EMPTY_ARRAY }),
     [column.id, currentValue]
   );
@@ -46054,7 +46141,7 @@ function DataTableBody({
 }
 
 // src/components/ui/data-table/data-table-infinite-footer.tsx
-import { useEffect as useEffect77, useRef as useRef62 } from "react";
+import { useEffect as useEffect78, useRef as useRef62 } from "react";
 import { Fragment as Fragment72, jsx as jsx361, jsxs as jsxs282 } from "react/jsx-runtime";
 function DataTableInfiniteFooter({
   hasNextPage,
@@ -46066,7 +46153,7 @@ function DataTableInfiniteFooter({
   const sentinelRef = useRef62(null);
   const onLoadMoreRef = useRef62(onLoadMore);
   onLoadMoreRef.current = onLoadMore;
-  useEffect77(() => {
+  useEffect78(() => {
     if (!hasNextPage || isFetchingNextPage) return;
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -46704,7 +46791,7 @@ function FilterList({
 
 // src/components/ui/tag-search-input.tsx
 import {
-  useEffect as useEffect79,
+  useEffect as useEffect80,
   useRef as useRef64,
   useState as useState103
 } from "react";
@@ -46744,7 +46831,7 @@ function TagSearchInput({
   const hiddenTagsRef = useRef64(null);
   const hiddenTagsPopupRef = useRef64(null);
   const [showHiddenTags, setShowHiddenTags] = useState103(false);
-  useEffect79(() => {
+  useEffect80(() => {
     if (!showHiddenTags) return;
     const handleClick = (e) => {
       const target = e.target;
@@ -46906,7 +46993,7 @@ function TagSearchInput({
 }
 
 // src/components/ui/markdown-editor.tsx
-import { useRef as useRef65, useCallback as useCallback46, useState as useState104, useEffect as useEffect80 } from "react";
+import { useRef as useRef65, useCallback as useCallback46, useState as useState104, useEffect as useEffect81 } from "react";
 init_cn();
 import { Loader2 as Loader28, Upload as Upload8 } from "lucide-react";
 import { jsx as jsx366, jsxs as jsxs287 } from "react/jsx-runtime";
@@ -46937,7 +47024,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() {
-  useEffect80(() => {
+  useEffect81(() => {
     if (document.getElementById(MARKDOWN_EDITOR_STYLE_ID)) return;
     const style = document.createElement("style");
     style.id = MARKDOWN_EDITOR_STYLE_ID;
@@ -46965,7 +47052,7 @@ function MarkdownEditor({
   const [isUploading, setIsUploading] = useState104(false);
   const [uploadProgress, setUploadProgress] = useState104("");
   const [defaultExtraCommands, setDefaultExtraCommands] = useState104([]);
-  useEffect80(() => {
+  useEffect81(() => {
     import("@uiw/react-md-editor").then((mod) => {
       if (mod.commands?.getExtraCommands) {
         setDefaultExtraCommands(mod.commands.getExtraCommands());
@@ -47088,7 +47175,7 @@ function MarkdownEditor({
     }
     rafRef.current = requestAnimationFrame(scrollLoop);
   }, []);
-  useEffect80(() => {
+  useEffect81(() => {
     const wrapper = wrapperRef.current;
     if (!wrapper) return;
     const onMouseMove = (e) => {
@@ -49051,7 +49138,7 @@ function ImageGalleryModal({
   initialIndex = 0
 }) {
   const [selectedImageIndex, setSelectedImageIndex] = useState115(initialIndex);
-  useEffect87(() => {
+  useEffect88(() => {
     if (isOpen) {
       setSelectedImageIndex(initialIndex);
     }
@@ -49066,7 +49153,7 @@ function ImageGalleryModal({
       setSelectedImageIndex(selectedImageIndex + 1);
     }
   };
-  useEffect87(() => {
+  useEffect88(() => {
     const handleKeyPress = (event) => {
       if (!isOpen) return;
       switch (event.key) {
@@ -52374,10 +52461,12 @@ function itemVideoMetadata(item) {
     item?.highlight_video_thumbnail,
     item?.featured_image
   );
+  const highlightVideoPoster = pick(m.highlightVideoPoster, item?.highlight_video_thumbnail);
   if (videoUrl) out.videoUrl = videoUrl;
   if (youtubeUrl) out.youtubeUrl = youtubeUrl;
   if (highlightVideoUrl) out.highlightVideoUrl = highlightVideoUrl;
   if (videoPoster) out.videoPoster = videoPoster;
+  if (highlightVideoPoster) out.highlightVideoPoster = highlightVideoPoster;
   return out.videoUrl || out.youtubeUrl || out.highlightVideoUrl ? out : null;
 }
 function CardLoadFailure({
@@ -53655,7 +53744,7 @@ function useChunkCatchup({
 }
 
 // src/components/chat/hooks/use-scripted-stream.ts
-import { useEffect as useEffect88, useState as useState118 } from "react";
+import { useEffect as useEffect89, useState as useState118 } 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;
@@ -53668,7 +53757,7 @@ function useScriptedStream(frames, resetKey, enabled = true) {
     setPrevKey(resetKey);
     setIndex(0);
   }
-  useEffect88(() => {
+  useEffect89(() => {
     setReducedMotion(prefersReducedMotion());
     const mq = window.matchMedia?.("(prefers-reduced-motion: reduce)");
     if (!mq) return;
@@ -53678,7 +53767,7 @@ function useScriptedStream(frames, resetKey, enabled = true) {
   }, []);
   const playing = enabled && !reducedMotion && frames.length > 0;
   const lastIndex = Math.max(0, frames.length - 1);
-  useEffect88(() => {
+  useEffect89(() => {
     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);
@@ -53690,7 +53779,7 @@ function useScriptedStream(frames, resetKey, enabled = true) {
 }
 
 // src/components/chat/hooks/use-jetstream-dialog-subscription.ts
-import { useCallback as useCallback50, useEffect as useEffect89, useRef as useRef70, useState as useState119 } from "react";
+import { useCallback as useCallback50, useEffect as useEffect90, useRef as useRef70, useState as useState119 } from "react";
 var DEFAULT_STREAM_NAME = "CHAT_CHUNKS";
 var RESYNC_AFTER_HIDDEN_MS = 1e4;
 var RESYNC_COALESCE_MS = 1e3;
@@ -53724,49 +53813,49 @@ function useJetStreamDialogSubscription({
   const subscriptionRef = useRef70(null);
   const highestStreamSeqRef = useRef70(null);
   const onEventRef = useRef70(onEvent);
-  useEffect89(() => {
+  useEffect90(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
   const onConnectRef = useRef70(onConnect);
-  useEffect89(() => {
+  useEffect90(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
   const onDisconnectRef = useRef70(onDisconnect);
-  useEffect89(() => {
+  useEffect90(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
   const onSubscribedRef = useRef70(onSubscribed);
-  useEffect89(() => {
+  useEffect90(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
   const onBeforeReconnectRef = useRef70(onBeforeReconnect);
-  useEffect89(() => {
+  useEffect90(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
   const getNatsWsUrlRef = useRef70(getNatsWsUrl);
-  useEffect89(() => {
+  useEffect90(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
   const reconnectionBackoffRef = useRef70(reconnectionBackoff);
-  useEffect89(() => {
+  useEffect90(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
   const optStartSeqRef = useRef70(optStartSeq);
-  useEffect89(() => {
+  useEffect90(() => {
     optStartSeqRef.current = optStartSeq;
   }, [optStartSeq]);
   const inactiveThresholdRef = useRef70(inactiveThresholdMs);
-  useEffect89(() => {
+  useEffect90(() => {
     inactiveThresholdRef.current = inactiveThresholdMs;
   }, [inactiveThresholdMs]);
   const hadConnectionBeforeRef = useRef70(false);
   const clientConfigRef = useRef70(clientConfig);
-  useEffect89(() => {
+  useEffect90(() => {
     clientConfigRef.current = clientConfig;
   }, [clientConfig]);
   const currentWsUrlRef = useRef70("");
   const wsUrl = getNatsWsUrl();
-  useEffect89(() => {
+  useEffect90(() => {
     if (!enabled || !wsUrl) {
       if (currentWsUrlRef.current && clientRef.current) {
         releaseClient(currentWsUrlRef.current);
@@ -53847,7 +53936,7 @@ function useJetStreamDialogSubscription({
       }
     };
   }, [enabled, wsUrl]);
-  useEffect89(() => {
+  useEffect90(() => {
     highestStreamSeqRef.current = null;
     lastResyncSignalRef.current = resyncSignal;
     setCurrentStreamSeq(null);
@@ -53865,7 +53954,7 @@ function useJetStreamDialogSubscription({
       setReconnectionCount((c) => c + 1);
     }, RESYNC_COALESCE_MS);
   }, []);
-  useEffect89(() => {
+  useEffect90(() => {
     if (!enabled) return;
     let hiddenSince = document.visibilityState === "hidden" ? Date.now() : 0;
     const onVisibilityChange = () => {
@@ -53882,13 +53971,13 @@ function useJetStreamDialogSubscription({
     document.addEventListener("visibilitychange", onVisibilityChange);
     return () => document.removeEventListener("visibilitychange", onVisibilityChange);
   }, [enabled, requestResync]);
-  useEffect89(() => {
+  useEffect90(() => {
     if (!enabled) return;
     if (resyncSignal <= lastResyncSignalRef.current) return;
     lastResyncSignalRef.current = resyncSignal;
     requestResync();
   }, [enabled, resyncSignal, requestResync]);
-  useEffect89(() => {
+  useEffect90(() => {
     if (!enabled || !dialogId || !isConnected) {
       if (subscriptionRef.current) {
         try {
@@ -53989,7 +54078,7 @@ function useJetStreamDialogSubscription({
 }
 
 // src/components/chat/hooks/use-nats-dialog-subscription.ts
-import { useEffect as useEffect90, useRef as useRef71, useState as useState120 } from "react";
+import { useEffect as useEffect91, useRef as useRef71, useState as useState120 } from "react";
 function useNatsDialogSubscription({
   enabled,
   dialogId,
@@ -54009,41 +54098,41 @@ function useNatsDialogSubscription({
   const clientRef = useRef71(null);
   const subscriptionRefs = useRef71(/* @__PURE__ */ new Map());
   const onEventRef = useRef71(onEvent);
-  useEffect90(() => {
+  useEffect91(() => {
     onEventRef.current = onEvent;
   }, [onEvent]);
   const onConnectRef = useRef71(onConnect);
-  useEffect90(() => {
+  useEffect91(() => {
     onConnectRef.current = onConnect;
   }, [onConnect]);
   const onDisconnectRef = useRef71(onDisconnect);
-  useEffect90(() => {
+  useEffect91(() => {
     onDisconnectRef.current = onDisconnect;
   }, [onDisconnect]);
   const onSubscribedRef = useRef71(onSubscribed);
-  useEffect90(() => {
+  useEffect91(() => {
     onSubscribedRef.current = onSubscribed;
   }, [onSubscribed]);
   const onBeforeReconnectRef = useRef71(onBeforeReconnect);
-  useEffect90(() => {
+  useEffect91(() => {
     onBeforeReconnectRef.current = onBeforeReconnect;
   }, [onBeforeReconnect]);
   const hadConnectionBeforeRef = useRef71(false);
   const getNatsWsUrlRef = useRef71(getNatsWsUrl);
-  useEffect90(() => {
+  useEffect91(() => {
     getNatsWsUrlRef.current = getNatsWsUrl;
   }, [getNatsWsUrl]);
   const reconnectionBackoffRef = useRef71(reconnectionBackoff);
-  useEffect90(() => {
+  useEffect91(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
   const clientConfigRef = useRef71(clientConfig);
-  useEffect90(() => {
+  useEffect91(() => {
     clientConfigRef.current = clientConfig;
   }, [clientConfig]);
   const currentWsUrlRef = useRef71("");
   const wsUrl = getNatsWsUrl();
-  useEffect90(() => {
+  useEffect91(() => {
     if (!enabled || !wsUrl) {
       if (currentWsUrlRef.current && clientRef.current) {
         releaseClient(currentWsUrlRef.current);
@@ -54129,12 +54218,12 @@ function useNatsDialogSubscription({
   topicsRef.current = topics;
   const lastSubscribedDialogIdRef = useRef71(null);
   const isConnectedRef = useRef71(isConnected);
-  useEffect90(() => {
+  useEffect91(() => {
     isConnectedRef.current = isConnected;
   }, [isConnected]);
   const currentDialogIdRef = useRef71(null);
   const abortControllerRef = useRef71(null);
-  useEffect90(() => {
+  useEffect91(() => {
     currentDialogIdRef.current = dialogId;
     if (!enabled || !dialogId) {
       if (subscriptionRefs.current.size > 0) {
@@ -54215,7 +54304,7 @@ function useNatsDialogSubscription({
       abortControllerRef.current = null;
     };
   }, [enabled, dialogId, topicsKey]);
-  useEffect90(() => {
+  useEffect91(() => {
     if (!enabled || !currentDialogIdRef.current || !isConnected) {
       return;
     }
@@ -54265,7 +54354,7 @@ function buildNatsWsUrl(apiBaseUrl, options) {
 }
 
 // src/components/chat/hooks/use-slash-commands.ts
-import { useEffect as useEffect91, useState as useState121 } from "react";
+import { useEffect as useEffect92, useState as useState121 } from "react";
 import { useQuery as useQuery3 } from "@tanstack/react-query";
 async function fetchSlashCommands(prefix, signal, commandsUrl) {
   try {
@@ -54284,7 +54373,7 @@ async function fetchSlashCommands(prefix, signal, commandsUrl) {
 function useSlashCommands(prefix, commandsUrl) {
   const [commands, setCommands] = useState121([]);
   const [loading, setLoading] = useState121(false);
-  useEffect91(() => {
+  useEffect92(() => {
     if (prefix == null) {
       setCommands([]);
       return;
@@ -54390,7 +54479,7 @@ function useEmptyStateConfig(emptyStateUrl, options) {
 }
 
 // src/components/chat/hooks/use-chat-attachments.ts
-import { useCallback as useCallback51, useMemo as useMemo50, useRef as useRef72, useState as useState122 } from "react";
+import { useCallback as useCallback51, useMemo as useMemo51, useRef as useRef72, useState as useState122 } from "react";
 import { fileTypeFromBlob } from "file-type";
 var CHAT_ATTACHMENTS_BUCKET = "chat-attachments";
 var CHAT_ATTACHMENTS_FOLDER = "chat";
@@ -54607,7 +54696,7 @@ function useChatAttachments() {
     },
     [uploadOne]
   );
-  const readyAttachments = useMemo50(
+  const readyAttachments = useMemo51(
     () => attachments.filter(
       (a) => a.status === "ready" && !!a.storagePath && !!a.viewToken
     ).map((a) => ({
@@ -54633,7 +54722,7 @@ function useChatAttachments() {
 }
 
 // src/components/chat/hooks/use-chat-attachment-image-gallery.tsx
-import { useCallback as useCallback52, useEffect as useEffect92, useRef as useRef73, useState as useState123 } from "react";
+import { useCallback as useCallback52, useEffect as useEffect93, useRef as useRef73, useState as useState123 } from "react";
 import { jsx as jsx395 } from "react/jsx-runtime";
 var CLOSED = { isOpen: false, images: [], initialIndex: 0 };
 function useChatAttachmentImageGallery() {
@@ -54642,7 +54731,7 @@ function useChatAttachmentImageGallery() {
   const panelRef = useRef73(null);
   const [state, setState] = useState123(CLOSED);
   const handleClose = useCallback52(() => setState(CLOSED), []);
-  useEffect92(() => {
+  useEffect93(() => {
     const root = panelRef.current;
     if (!root) return;
     const onClick = (ev) => {
@@ -54688,11 +54777,11 @@ function absolutize(prefix) {
 }
 
 // src/components/chat/hooks/use-close-on-navigation.ts
-import { useEffect as useEffect93, useRef as useRef74 } from "react";
+import { useEffect as useEffect94, useRef as useRef74 } from "react";
 function useCloseOnNavigation(close, pathname) {
   const prevPathnameRef = useRef74(null);
   const initializedRef = useRef74(false);
-  useEffect93(() => {
+  useEffect94(() => {
     if (!initializedRef.current) {
       initializedRef.current = true;
       prevPathnameRef.current = pathname;
@@ -54706,7 +54795,7 @@ function useCloseOnNavigation(close, pathname) {
 }
 
 // src/components/chat/hooks/use-chat.ts
-import { useState as useState125, useCallback as useCallback54, useEffect as useEffect94, useRef as useRef76 } from "react";
+import { useState as useState125, useCallback as useCallback54, useEffect as useEffect95, useRef as useRef76 } from "react";
 
 // src/components/chat/hooks/use-sse.ts
 import { useState as useState124, useCallback as useCallback53, useRef as useRef75 } from "react";
@@ -54784,7 +54873,7 @@ function useChat({
   const currentAssistantSegmentsRef = useRef76([]);
   const onMessagesChangeRef = useRef76(onMessagesChange);
   onMessagesChangeRef.current = onMessagesChange;
-  useEffect94(() => {
+  useEffect95(() => {
     onMessagesChangeRef.current?.(messages);
   }, [messages]);
   const {
@@ -55054,7 +55143,7 @@ function useChat({
 }
 
 // src/components/chat/hooks/use-sse-chat-adapter.ts
-import { useCallback as useCallback56, useMemo as useMemo52, useRef as useRef79 } from "react";
+import { useCallback as useCallback56, useMemo as useMemo53, useRef as useRef79 } from "react";
 
 // src/chat-protocol/confirm-tool.ts
 function buildConfirmToolBody(request) {
@@ -55321,7 +55410,7 @@ function pruneStaleChatConversationStorage(source) {
 }
 
 // src/components/chat/hooks/use-chat-history-hydration.ts
-import { useEffect as useEffect95, useRef as useRef77, useState as useState126 } from "react";
+import { useEffect as useEffect96, useRef as useRef77, useState as useState126 } from "react";
 function useChatHistoryHydration({
   active,
   source,
@@ -55333,7 +55422,7 @@ function useChatHistoryHydration({
 }) {
   const [isHydratingHistory, setIsHydratingHistory] = useState126(false);
   const hydratedKeyRef = useRef77(null);
-  useEffect95(() => {
+  useEffect96(() => {
     if (!active) return;
     const conversationId = conversationIdRef.current;
     if (!conversationId) return;
@@ -57519,7 +57608,7 @@ function createChatDialogStore(options = {}) {
 }
 
 // src/components/chat/stream/use-chat-stream-reducer.ts
-import { useCallback as useCallback55, useEffect as useEffect96, useMemo as useMemo51, useRef as useRef78, useSyncExternalStore } from "react";
+import { useCallback as useCallback55, useEffect as useEffect97, useMemo as useMemo52, useRef as useRef78, useSyncExternalStore } from "react";
 
 // src/components/chat/stream/delta-batcher.ts
 var DELTA_FLUSH_FALLBACK_MS = 50;
@@ -57615,7 +57704,7 @@ function useChatStreamReducer({
   const getServerSnapshot = useCallback55(() => store.getServerSnapshot(), [store]);
   const subscribe = useCallback55((listener) => store.subscribe(listener), [store]);
   const state = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-  useEffect96(() => store.retain(dialogId, side), [store, dialogId, side]);
+  useEffect97(() => store.retain(dialogId, side), [store, dialogId, side]);
   const keyRef = useRef78({ dialogId, side });
   if (keyRef.current.dialogId !== dialogId || keyRef.current.side !== side) {
     keyRef.current = { dialogId, side };
@@ -57640,12 +57729,12 @@ function useChatStreamReducer({
     },
     [batcher, store, dialogId, side]
   );
-  useEffect96(() => () => batcher.dispose(), [batcher]);
+  useEffect97(() => () => batcher.dispose(), [batcher]);
   const mutate = useCallback55(
     (fn) => store.mutate(dialogId, side, fn),
     [store, dialogId, side]
   );
-  return useMemo51(
+  return useMemo52(
     () => ({ state, applyEvent, flushDeltas, mutate, reducer: reducer2 }),
     [state, applyEvent, flushDeltas, mutate, reducer2]
   );
@@ -57682,8 +57771,8 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
     },
     []
   );
-  const cardApprove = useMemo52(() => cardResolve("approve"), [cardResolve]);
-  const cardReject = useMemo52(() => cardResolve("reject"), [cardResolve]);
+  const cardApprove = useMemo53(() => cardResolve("approve"), [cardResolve]);
+  const cardReject = useMemo53(() => cardResolve("reject"), [cardResolve]);
   const createReducerOptions = useCallback56(
     () => ({
       transport: "sse",
@@ -57699,7 +57788,7 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
     createReducerOptions
   });
   const abortControllerRef = useRef79(null);
-  const conversationStorage = useMemo52(() => createChatConversationStorage(source), [source]);
+  const conversationStorage = useMemo53(() => createChatConversationStorage(source), [source]);
   const conversationIdRef = useRef79(null);
   const restoredConversationRef = useRef79(false);
   if (!restoredConversationRef.current) {
@@ -57711,7 +57800,7 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
   const { commands: slashCommands } = useSlashCommandRegistry(commandsUrl, {
     enabled: active
   });
-  const cmdIdByTableId = useMemo52(() => {
+  const cmdIdByTableId = useMemo53(() => {
     const buckets = /* @__PURE__ */ new Map();
     for (const cmd of slashCommands) {
       if (!cmd.primarySourceId) continue;
@@ -57868,7 +57957,7 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
     hydrationSendCountRef.current = 0;
     hydratedKeyRef.current = null;
   }, [mutate, conversationStorage, hydratedKeyRef]);
-  const docMessages = useMemo52(() => {
+  const docMessages = useMemo53(() => {
     const { meta, sources: sourcesMap } = state.turnMeta;
     let sendIdx = -1;
     return state.messages.map((m) => {
@@ -57942,7 +58031,7 @@ function useSseChatAdapter(options, runtimeOptions = {}) {
     },
     [sendMessage, tableIdForDocumentType]
   );
-  const latestMeta = useMemo52(() => {
+  const latestMeta = useMemo53(() => {
     const { meta, sendCount } = state.turnMeta;
     return meta.get(sendCount - 1) ?? meta.get(sendCount - 2) ?? null;
   }, [state]);
@@ -58021,7 +58110,7 @@ var noopBumpMetaTick = () => {
 };
 
 // src/components/chat/hooks/use-nats-chat-adapter.ts
-import { useCallback as useCallback57, useEffect as useEffect97, useMemo as useMemo53, useRef as useRef80, useState as useState127 } from "react";
+import { useCallback as useCallback57, useEffect as useEffect98, useMemo as useMemo54, useRef as useRef80, useState as useState127 } from "react";
 
 // src/chat-protocol/nats-decoder.ts
 function normalizeToolCalls(raw) {
@@ -59206,7 +59295,7 @@ function useNatsChatAdapter(config, options = {}) {
     ]
   );
   const prevDialogIdRef = useRef80(void 0);
-  useEffect97(() => {
+  useEffect98(() => {
     if (prevDialogIdRef.current === dialogId) return;
     prevDialogIdRef.current = dialogId;
     historyLoadSeqRef.current += 1;
@@ -59219,7 +59308,7 @@ function useNatsChatAdapter(config, options = {}) {
     if (!active || !dialogId) return;
     void loadDialogHistory(dialogId);
   }, [active, dialogId, dialogKey, loadDialogHistory]);
-  useEffect97(() => {
+  useEffect98(() => {
     if (!active || !dialogId) return;
     const store = storeRef.current;
     store.mutate(dialogId, DEFAULT_DIALOG_SIDE, (r) => r.adjustAgentBusySuppression(1));
@@ -59282,7 +59371,7 @@ function useNatsChatAdapter(config, options = {}) {
       })();
     }
   });
-  useEffect97(() => {
+  useEffect98(() => {
     if (!active || !dialogId) {
       setConnectionState("connected");
       return;
@@ -59321,7 +59410,7 @@ function useNatsChatAdapter(config, options = {}) {
   const reloadDialogs = useCallback57(() => {
     void loadDialogsPage();
   }, [loadDialogsPage]);
-  useEffect97(() => {
+  useEffect98(() => {
     if (!fetchDialogs) return;
     if (!active) return;
     if (initialDialogsLoadedRef.current) return;
@@ -59471,7 +59560,7 @@ function useNatsChatAdapter(config, options = {}) {
   const isLoading = streamingPhase !== "idle";
   const hasMoreDialogs = dialogsNextCursor != null;
   const hasMoreMessages = messagesNextCursor != null;
-  return useMemo53(
+  return useMemo54(
     () => ({
       messages,
       isLoading,
@@ -59554,7 +59643,7 @@ function useNatsChatAdapter(config, options = {}) {
 }
 
 // src/components/chat/hooks/use-unified-chat.ts
-import { useCallback as useCallback58, useMemo as useMemo54, useRef as useRef81 } from "react";
+import { useCallback as useCallback58, useMemo as useMemo55, useRef as useRef81 } from "react";
 var EMPTY_SSE_OPTIONS = {};
 function createDisabledNatsConfig() {
   return {
@@ -59646,7 +59735,7 @@ function useUnifiedChat(options) {
     (requestId, reason) => activeStateRef.current.rejectRequest(requestId, reason),
     []
   );
-  return useMemo54(
+  return useMemo55(
     () => ({
       messages: activeState.messages,
       isLoading: activeState.isLoading,
@@ -59985,7 +60074,7 @@ function buildStreamFrames(messages) {
 
 // src/components/chat/embeddable-chat.tsx
 init_cn();
-import { useCallback as useCallback60, useEffect as useEffect98, useMemo as useMemo56, useRef as useRef83, useState as useState129 } from "react";
+import { useCallback as useCallback60, useEffect as useEffect99, useMemo as useMemo57, useRef as useRef83, useState as useState129 } from "react";
 import * as DialogPrimitive5 from "@radix-ui/react-dialog";
 import { usePreventScroll as usePreventScroll5 } from "@react-aria/overlays";
 import { isIOS } from "@react-aria/utils";
@@ -60072,7 +60161,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 useCallback59, useMemo as useMemo55, useRef as useRef82, useState as useState128 } from "react";
+import { useCallback as useCallback59, useMemo as useMemo56, useRef as useRef82, useState as useState128 } from "react";
 function useChatDialogManager({
   dialogs,
   activeDialogId,
@@ -60205,7 +60294,7 @@ function useChatDialogManager({
     clearMessages();
     setArchiveOpen(false);
   }, [selectDialog, clearMessages]);
-  const activeDialog = useMemo55(
+  const activeDialog = useMemo56(
     () => dialogs.find((d) => d.id === activeDialogId) ?? archivedDialogs.find((d) => d.id === activeDialogId),
     [dialogs, archivedDialogs, activeDialogId]
   );
@@ -60270,7 +60359,7 @@ var RAIL_ANIM_MS = 320;
 function useRailPresence(open) {
   const [mounted, setMounted] = useState129(open);
   const [active, setActive] = useState129(false);
-  useEffect98(() => {
+  useEffect99(() => {
     if (open) {
       setMounted(true);
       let raf2 = 0;
@@ -60597,7 +60686,7 @@ function EmbeddableChatInner({
   const commandsUrl = runtime.endpoints.commandsUrl;
   const { attachmentsEnabled, user: identityUser } = useChatIdentity();
   const viewUrlPrefix = runtime.endpoints.attachmentViewUrlPrefix;
-  useEffect98(() => {
+  useEffect99(() => {
     if (process.env.NODE_ENV !== "production") {
       const hasOpen = open !== void 0;
       const hasHandler = onOpenChange !== void 0;
@@ -60619,7 +60708,7 @@ function EmbeddableChatInner({
   });
   usePreventScroll5({ isDisabled: !isOpen || shellLess });
   const navigatingAwayRef = useRef83(false);
-  useEffect98(() => {
+  useEffect99(() => {
     if (!isOpen) return;
     if (shellLess) return;
     if (typeof window === "undefined") return;
@@ -60647,7 +60736,7 @@ function EmbeddableChatInner({
   }, [isOpen, shellLess]);
   const chatInputRef = useRef83(null);
   const [quickActionPreview, setQuickActionPreview] = useState129(null);
-  const slashCommandsProp = useMemo56(
+  const slashCommandsProp = useMemo57(
     () => ({
       fetchCommands: (prefix, signal) => fetchSlashCommands(prefix, signal, commandsUrl),
       resolveSourceIcon: (sourceId) => {
@@ -60662,12 +60751,12 @@ function EmbeddableChatInner({
     [commandsUrl]
   );
   const headerUserName = identityUser?.name?.trim() || [identityUser?.firstName, identityUser?.lastName].filter(Boolean).join(" ").trim() || userDisplayName?.trim() || void 0;
-  const effectiveModes = useMemo56(() => {
+  const effectiveModes = useMemo57(() => {
     if (modes) return modes;
     const guideOptions = tableIdForDocumentType ? { tableIdForDocumentType } : {};
     return { guide: guideOptions };
   }, [modes, tableIdForDocumentType]);
-  const mingoCaps = useMemo56(() => {
+  const mingoCaps = useMemo57(() => {
     if (mingoState) {
       return {
         canRename: mingoDialogCapabilities?.canRename ?? false,
@@ -60701,7 +60790,7 @@ function EmbeddableChatInner({
     [controlledActiveMode, onActiveModeChange]
   );
   const { commands: commandsList, loaded: commandsLoaded } = useSlashCommandRegistry(commandsUrl, { enabled: activeMode === "guide" });
-  const commandsById = useMemo56(() => {
+  const commandsById = useMemo57(() => {
     const map = /* @__PURE__ */ new Map();
     for (const cmd of commandsList) map.set(cmd.id, cmd);
     return map;
@@ -60752,7 +60841,7 @@ function EmbeddableChatInner({
     loadMoreMessages
   } = useUnifiedChat({ modes: effectiveModes, activeMode, mingoStateOverride: mingoState });
   const guidePromptSentRef = useRef83(false);
-  useEffect98(() => {
+  useEffect99(() => {
     if (!guidePendingPrompt) {
       guidePromptSentRef.current = false;
       return;
@@ -60777,22 +60866,22 @@ function EmbeddableChatInner({
   const [contextPickerOpen, setContextPickerOpen] = useState129(false);
   const [mentionQuery, setMentionQuery] = useState129(null);
   const mentionActiveRef = useRef83(false);
-  useEffect98(() => {
+  useEffect99(() => {
     mentionActiveRef.current = mentionQuery !== null;
   }, [mentionQuery]);
   const mentionKeysRef = useRef83(/* @__PURE__ */ new Set());
-  useEffect98(() => {
+  useEffect99(() => {
     setContextItems([]);
     setMentionQuery(null);
     mentionKeysRef.current.clear();
   }, [activeDialogId, activeMode]);
-  const mentionMarkerByType = useMemo56(() => {
+  const mentionMarkerByType = useMemo57(() => {
     const m = /* @__PURE__ */ new Map();
     for (const t of contextPicker?.entityTypes ?? []) if (t.marker) m.set(t.type, t.marker);
     return m;
   }, [contextPicker?.entityTypes]);
   const contextEntityTypes = contextPicker?.entityTypes;
-  const resolveContextIcon = useMemo56(() => {
+  const resolveContextIcon = useMemo57(() => {
     const byType = /* @__PURE__ */ new Map();
     for (const t of contextEntityTypes ?? []) byType.set(t.type, t.icon);
     return (item) => byType.get(item.type);
@@ -60859,7 +60948,7 @@ function EmbeddableChatInner({
     navigatingAwayRef.current = true;
     setIsOpen(false);
   }, [setIsOpen]);
-  const chatPanelHandle = useMemo56(
+  const chatPanelHandle = useMemo57(
     () => ({ closeChat: handleNavigationClose }),
     [handleNavigationClose]
   );
@@ -60873,14 +60962,14 @@ function EmbeddableChatInner({
     }),
     [discussRef, displayRef, resolvedBaseRoute, chipBasePlatform, extras]
   );
-  const mingoAssistantIcon = useMemo56(
+  const mingoAssistantIcon = useMemo57(
     () => effectiveAssistantIcon ? /* @__PURE__ */ jsx398(EntityIcon, { icon: effectiveAssistantIcon, size: 24 }) : /* @__PURE__ */ jsx398(MingoIcon, { className: "h-6 w-6", cornerColor: "var(--ods-flamingo-cyan-base)" }),
     [effectiveAssistantIcon]
   );
   const timestampCacheRef = useRef83(/* @__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 = useMemo56(() => {
+  const messages = useMemo57(() => {
     const cache = timestampCacheRef.current;
     const seenIds = /* @__PURE__ */ new Set();
     const mapped = rawMessages.map((m) => {
@@ -60951,7 +61040,7 @@ function EmbeddableChatInner({
     },
     [sendMessage]
   );
-  const guideSuggestedActions = useMemo56(
+  const guideSuggestedActions = useMemo57(
     () => {
       if (effectiveQuickActions.length > 0) {
         return effectiveQuickActions.map((qa) => ({
@@ -61015,7 +61104,7 @@ function EmbeddableChatInner({
   });
   const handleOpen = useCallback60(() => setIsOpen(true), [setIsOpen]);
   useCloseOnNavigation(handleNavigationClose, null);
-  useEffect98(() => {
+  useEffect99(() => {
     const handler = (e) => {
       const detail = e.detail;
       if (!detail || detail.source !== source) return;
@@ -61025,7 +61114,7 @@ function EmbeddableChatInner({
     window.addEventListener("ask-ai:open-with-ref", handler);
     return () => window.removeEventListener("ask-ai:open-with-ref", handler);
   }, [source, discussRef, setIsOpen]);
-  useEffect98(() => {
+  useEffect99(() => {
     const handler = (e) => {
       const detail = e.detail;
       if (!detail || detail.source !== source) return;
@@ -61042,16 +61131,16 @@ function EmbeddableChatInner({
   const contentViewKey = hasConversation ? "conversation" : activeMode;
   const isGuideEmpty = !hasConversation && activeMode === "guide";
   const isQuickActionEmpty = !hasConversation && (activeMode === "guide" || activeMode === "mingo");
-  useEffect98(() => {
+  useEffect99(() => {
     if (!isQuickActionEmpty) setQuickActionPreview(null);
   }, [isQuickActionEmpty]);
   const guideCanReturnToMingo = isGuideEmpty && hasMingoMode;
   const sourceLabel = source === "flamingo" ? "Knowledge Base" : "Data Room";
-  const enabledSet = useMemo56(
+  const enabledSet = useMemo57(
     () => effectiveEnabledRagTableIds ? new Set(effectiveEnabledRagTableIds) : null,
     [effectiveEnabledRagTableIds]
   );
-  const chipCommands = useMemo56(() => {
+  const chipCommands = useMemo57(() => {
     const out = [];
     for (const cmd of commandsById.values()) {
       if (cmd.displayOrder === void 0) continue;
@@ -61068,7 +61157,7 @@ function EmbeddableChatInner({
     return out;
   }, [commandsById, enabledSet]);
   const lastAssistantMsg = [...rawMessages].reverse().find((m) => m.role === "assistant");
-  const lastSources = useMemo56(() => {
+  const lastSources = useMemo57(() => {
     if (chatLoading) return void 0;
     const sources = lastAssistantMsg?.sources;
     if (!sources || sources.length === 0) return void 0;
@@ -61088,7 +61177,7 @@ function EmbeddableChatInner({
   const [panelBoundary, setPanelBoundary] = useState129(null);
   const [panelWidth, setPanelWidth] = useState129(0);
   const panelMeasureRef = useRef83(null);
-  useEffect98(() => {
+  useEffect99(() => {
     const el = panelMeasureRef.current;
     if (!el || typeof ResizeObserver === "undefined") return;
     const ro = new ResizeObserver((entries) => {
@@ -61104,7 +61193,7 @@ function EmbeddableChatInner({
     setPanelBoundary(node);
   }, []);
   const [railCollapsed, setRailCollapsed] = useState129(false);
-  useEffect98(() => {
+  useEffect99(() => {
     try {
       if (window.localStorage.getItem(RAIL_COLLAPSED_STORAGE_KEY) === "1")
         setRailCollapsed(true);
@@ -61129,7 +61218,7 @@ function EmbeddableChatInner({
   const railPresence = useRailPresence(splitActive);
   const showWideHeader = wideMingo || railPresence.mounted;
   const [composeOpen, setComposeOpen] = useState129(false);
-  useEffect98(() => {
+  useEffect99(() => {
     if (hasConversation) setComposeOpen(false);
   }, [hasConversation]);
   const isMingoMode = activeMode === "mingo";
@@ -62159,6 +62248,13 @@ export {
   WhatIShippedCardSkeleton,
   HowIWorkCard,
   HowIWorkCardSkeleton,
+  getCaptionsUrl,
+  rebaseCaptionsUrl,
+  buildCaptionsUrl,
+  getEntityCaptionUrls,
+  getEntityCaptionUrlsById,
+  captionsEntityTypeForDocType,
+  useCaptions,
   VideoHoverPreviewSurface,
   CardHitLayer,
   RATIO_GRID_CLASS,
@@ -62610,7 +62706,6 @@ export {
   VideoBitesDisplay,
   FloatingWalkthroughVideo,
   useWalkthroughVideo,
-  getCaptionsUrl,
   VideoSourceSelector,
   ConfidenceBadge,
   SubtitlesEditor,
@@ -62793,4 +62888,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-JI4JR3KC.js.map
+//# sourceMappingURL=chunk-ZS7VC5SX.js.map