@flamingo-stack/openframe-frontend-core 0.0.176 → 0.0.177-snapshot.20260514141929

package/dist/{chunk-VY6SYM2L.js → chunk-AAX27BCR.js}

@@ -16,7 +16,7 @@ import {
   useMdUp,
   useOnboardingState,
   useToast
-} from "./chunk-KB2N44BY.js";
+} from "./chunk-FMWHOUFE.js";
 import {
   Button,
   Checkbox,
@@ -413,7 +413,7 @@ function useDynamicTheme() {
 }
 
 // src/components/features/array-entry-manager.tsx
-import { useState as useState58, useEffect as useEffect43 } from "react";
+import { useState as useState58, useEffect as useEffect42 } from "react";
 
 // src/components/ui/allowed-domains-input.tsx
 init_cn();
@@ -5315,7 +5315,7 @@ MemoizedChatMessageEnhanced.displayName = "MemoizedChatMessageEnhanced";
 
 // src/components/chat/chat-message-list.tsx
 init_cn();
-import { useRef as useRef6, useState as useState14, useEffect as useEffect6, useLayoutEffect as useLayoutEffect2, useImperativeHandle as useImperativeHandle3, forwardRef as forwardRef22 } from "react";
+import { useRef as useRef6, useState as useState14, useEffect as useEffect6, useLayoutEffect as useLayoutEffect2, useCallback as useCallback3, useImperativeHandle as useImperativeHandle3, forwardRef as forwardRef22 } from "react";
 import { useStickToBottom } from "use-stick-to-bottom";
 
 // src/components/chat/chat-message-loader.tsx
@@ -5432,10 +5432,13 @@ var ChatMessageList = forwardRef22(
         return;
       }
       if (newCount > prevCount) {
-        const newSlice = messages.slice(prevCount);
-        const hasNewUser = newSlice.some((m) => m.role === "user");
-        if (hasNewUser) {
-          void scrollToBottom({ animation: "instant", ignoreEscapes: true });
+        const isPrepend = prependRef.current.firstMessageId !== void 0 && messages[0]?.id !== prependRef.current.firstMessageId;
+        if (!isPrepend) {
+          const newSlice = messages.slice(prevCount);
+          const hasNewUser = newSlice.some((m) => m.role === "user");
+          if (hasNewUser) {
+            void scrollToBottom({ animation: "instant", ignoreEscapes: true });
+          }
         }
       }
     }, [autoScroll, messages, dialogId, scrollToBottom, scrollEl]);
@@ -5499,6 +5502,13 @@ var ChatMessageList = forwardRef22(
     }, [hasNextPage, scrollEl, sentinelEl, messages.length]);
     useImperativeHandle3(ref, () => scrollRef.current, [scrollRef]);
     const showLoader = useDelayedFlag(isLoading, { delay: 200, minDuration: 400 });
+    const setScrollRef = useCallback3((el) => {
+      scrollRef(el);
+      setScrollEl(el);
+    }, [scrollRef]);
+    const setContentRef = useCallback3((el) => {
+      contentRef(el);
+    }, [contentRef]);
     if (showLoader) {
       return /* @__PURE__ */ jsx33(
         ChatMessageListLoader,
@@ -5509,13 +5519,6 @@ var ChatMessageList = forwardRef22(
         }
       );
     }
-    const setScrollRef = (el) => {
-      scrollRef(el);
-      setScrollEl(el);
-    };
-    const setContentRef = (el) => {
-      contentRef(el);
-    };
     return /* @__PURE__ */ jsxs28("div", { className: "relative flex-1 min-h-0 flex flex-col", children: [
       /* @__PURE__ */ jsx33(
         "div",
@@ -6220,7 +6223,7 @@ var NETWORK_CONFIG = {
 };
 
 // src/components/chat/hooks/use-chunk-catchup.ts
-import { useCallback as useCallback5, useRef as useRef9 } from "react";
+import { useCallback as useCallback6, useRef as useRef9 } from "react";
 function makeSeqKey(messageType, chunkType, sequenceId) {
   return `${messageType}:${chunkType}:${sequenceId}`;
 }
@@ -6257,7 +6260,7 @@ function useChunkCatchup({
   fetchChunksRef.current = fetchChunks;
   const onChunkReceivedRef = useRef9(onChunkReceived);
   onChunkReceivedRef.current = onChunkReceived;
-  const processChunk = useCallback5((chunk, messageType, forceProcess = false) => {
+  const processChunk = useCallback6((chunk, messageType, forceProcess = false) => {
     if (bufferUntilInitialCatchupComplete.current && !forceProcess) {
       chunkBuffer.current.push({ chunk, messageType });
       return true;
@@ -6270,7 +6273,7 @@ function useChunkCatchup({
     onChunkReceivedRef.current(chunk, messageType);
     return true;
   }, []);
-  const flushBufferedRealtimeChunks = useCallback5(() => {
+  const flushBufferedRealtimeChunks = useCallback6(() => {
     if (chunkBuffer.current.length === 0) return;
     const buffered = [...chunkBuffer.current];
     chunkBuffer.current = [];
@@ -6283,7 +6286,7 @@ function useChunkCatchup({
       processChunk(chunk, messageType, true);
     });
   }, [processChunk]);
-  const catchUpChunks = useCallback5(async (fromSequenceId) => {
+  const catchUpChunks = useCallback6(async (fromSequenceId) => {
     const dialogId2 = dialogIdRef.current;
     const chatTypes2 = chatTypesRef.current;
     const fetchChunks2 = fetchChunksRef.current;
@@ -6396,7 +6399,7 @@ function useChunkCatchup({
       }
     }
   }, [flushBufferedRealtimeChunks]);
-  const resetChunkTracking = useCallback5(() => {
+  const resetChunkTracking = useCallback6(() => {
     processedSequenceKeys.current.clear();
     lastSequenceId.current = null;
     fetchingInProgress.current = false;
@@ -6405,13 +6408,13 @@ function useChunkCatchup({
     bufferUntilInitialCatchupComplete.current = false;
     hasCompletedInitialCatchup.current = false;
   }, []);
-  const startInitialBuffering = useCallback5(() => {
+  const startInitialBuffering = useCallback6(() => {
     chunkBuffer.current = [];
     bufferUntilInitialCatchupComplete.current = true;
     hasCompletedInitialCatchup.current = false;
   }, []);
-  const isBufferingActive = useCallback5(() => bufferUntilInitialCatchupComplete.current, []);
-  const resetAndCatchUp = useCallback5(async () => {
+  const isBufferingActive = useCallback6(() => bufferUntilInitialCatchupComplete.current, []);
+  const resetAndCatchUp = useCallback6(async () => {
     if (!dialogIdRef.current) return;
     const fromSeq = lastSequenceId.current;
     hasCompletedInitialCatchup.current = false;
@@ -6432,7 +6435,7 @@ function useChunkCatchup({
 }
 
 // src/components/chat/hooks/use-nats-dialog-subscription.ts
-import { useCallback as useCallback6, useEffect as useEffect8, useRef as useRef10, useState as useState16 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect8, useRef as useRef10, useState as useState16 } from "react";
 var shared = null;
 function useNatsDialogSubscription({
   enabled,
@@ -6481,7 +6484,7 @@ function useNatsDialogSubscription({
   useEffect8(() => {
     reconnectionBackoffRef.current = reconnectionBackoff;
   }, [reconnectionBackoff]);
-  const acquireClient = useCallback6((url) => {
+  const acquireClient = useCallback7((url) => {
     if (shared?.wsUrl !== url) {
       if (shared) {
         shared.closeTimer && clearTimeout(shared.closeTimer);
@@ -6508,7 +6511,7 @@ function useNatsDialogSubscription({
     shared.closeTimer = null;
     return shared;
   }, [clientConfig]);
-  const releaseClient = useCallback6((url) => {
+  const releaseClient = useCallback7((url) => {
     if (!shared || shared.wsUrl !== url) return;
     shared.refCount = Math.max(0, shared.refCount - 1);
     if (shared.refCount > 0) return;
@@ -6805,7 +6808,7 @@ function buildNatsWsUrl(apiBaseUrl, options) {
 }
 
 // src/components/chat/hooks/use-realtime-chunk-processor.ts
-import { useCallback as useCallback7, useRef as useRef11, useEffect as useEffect9 } from "react";
+import { useCallback as useCallback8, useRef as useRef11, useEffect as useEffect9 } from "react";
 
 // src/components/chat/utils/chunk-parser.ts
 function normalizeToolCalls(raw) {
@@ -7429,7 +7432,7 @@ function useRealtimeChunkProcessor(options) {
   }, [initialState, callbacks]);
   const isInStreamRef = useRef11(false);
   const pendingEscalatedRef = useRef11(/* @__PURE__ */ new Map());
-  const processChunk = useCallback7(
+  const processChunk = useCallback8(
     (chunk) => {
       if (!enableThinking && chunk && typeof chunk === "object" && chunk.type === MESSAGE_TYPE.THINKING) {
         return;
@@ -7628,21 +7631,21 @@ function useRealtimeChunkProcessor(options) {
     },
     [callbacks, displayApprovalTypes, approvalStatuses, initialState, enableThinking]
   );
-  const getSegments = useCallback7(() => {
+  const getSegments = useCallback8(() => {
     return accumulatorRef.current.getSegments();
   }, []);
-  const reset = useCallback7(() => {
+  const reset = useCallback8(() => {
     accumulatorRef.current.reset();
     pendingEscalatedRef.current.clear();
     hasInitializedWithData.current = false;
   }, []);
-  const updateApprovalStatus = useCallback7(
+  const updateApprovalStatus = useCallback8(
     (requestId, status) => {
       return accumulatorRef.current.updateApprovalStatus(requestId, status);
     },
     []
   );
-  const getPendingApprovals = useCallback7(() => {
+  const getPendingApprovals = useCallback8(() => {
     return new Map(pendingEscalatedRef.current);
   }, []);
   return {
@@ -8774,7 +8777,7 @@ function SlidingSidebar({ config }) {
 }
 
 // src/components/navigation/sticky-section-nav.tsx
-import { useEffect as useEffect14, useState as useState20, useCallback as useCallback8, useRef as useRef14 } from "react";
+import { useEffect as useEffect14, useState as useState20, useCallback as useCallback9, useRef as useRef14 } from "react";
 import { jsx as jsx46, jsxs as jsxs39 } from "react/jsx-runtime";
 function StickySectionNav({
   sections,
@@ -8838,7 +8841,7 @@ function useSectionNavigation(sections, options) {
   const [activeSection, setActiveSection] = useState20(sections[0]?.id || "");
   const isScrollingFromClick = useRef14(false);
   const { offset: offset2 = 100 } = options || {};
-  const handleSectionClick = useCallback8((sectionId) => {
+  const handleSectionClick = useCallback9((sectionId) => {
     const targetElement = document.getElementById(sectionId);
     if (!targetElement) return;
     isScrollingFromClick.current = true;
@@ -8889,7 +8892,7 @@ function useSectionNavigation(sections, options) {
 }
 
 // src/components/navigation/navigation-sidebar.tsx
-import { useCallback as useCallback9, useLayoutEffect as useLayoutEffect4, useMemo as useMemo7, useState as useState21 } from "react";
+import { useCallback as useCallback10, useLayoutEffect as useLayoutEffect4, useMemo as useMemo7, useState as useState21 } from "react";
 
 // src/components/navigation/navigation-sidebar-header.tsx
 import { jsx as jsx47, jsxs as jsxs40 } from "react/jsx-runtime";
@@ -9042,11 +9045,11 @@ function NavigationSidebar({ config, disabled = false }) {
   const [transitionsEnabled, setTransitionsEnabled] = useState21(false);
   const isMinimized = !isLgUp || minimized;
   const showLabel = isLgUp && !minimized;
-  const handleToggle = useCallback9(() => {
+  const handleToggle = useCallback10(() => {
     setMinimized((prev) => !prev);
     config.onToggleMinimized?.();
   }, [setMinimized, config]);
-  const handleItemClick = useCallback9((item, event) => {
+  const handleItemClick = useCallback10((item, event) => {
     event?.stopPropagation();
     if (item.onClick) {
       item.onClick();
@@ -9569,7 +9572,7 @@ function NotificationsHeaderButton({
 }
 
 // src/components/navigation/app-layout.tsx
-import { Suspense, useCallback as useCallback12, useState as useState24 } from "react";
+import { Suspense, useCallback as useCallback13, useState as useState24 } from "react";
 
 // src/components/features/notifications/notification-drawer.tsx
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
@@ -9949,7 +9952,7 @@ function NotificationsHistoryButton({ onClick }) {
 }
 
 // src/components/navigation/mobile-burger-menu.tsx
-import React29, { useCallback as useCallback11, useEffect as useEffect17 } from "react";
+import React29, { useCallback as useCallback12, useEffect as useEffect17 } from "react";
 import { Fragment as Fragment8, jsx as jsx60, jsxs as jsxs50 } from "react/jsx-runtime";
 var HEADER_HEIGHT = 48;
 var MobileBurgerMenu = React29.memo(function MobileBurgerMenu2({
@@ -9983,7 +9986,7 @@ var MobileBurgerMenu = React29.memo(function MobileBurgerMenu2({
       return () => document.removeEventListener("keydown", handleKeyDown);
     }
   }, [isOpen, onClose]);
-  const handleItemClick = useCallback11((item) => {
+  const handleItemClick = useCallback12((item) => {
     if (item.onClick) {
       item.onClick();
     } else if (item.path) {
@@ -10159,10 +10162,10 @@ function AppLayout({
   disabled = false
 }) {
   const [mobileMenuOpen, setMobileMenuOpen] = useState24(false);
-  const handleToggleMobileMenu = useCallback12(() => {
+  const handleToggleMobileMenu = useCallback13(() => {
     setMobileMenuOpen((prev) => !prev);
   }, []);
-  const handleCloseMobileMenu = useCallback12(() => {
+  const handleCloseMobileMenu = useCallback13(() => {
     setMobileMenuOpen(false);
   }, []);
   return /* @__PURE__ */ jsxs51("div", { className: cn("flex h-screen bg-ods-bg", className), children: [
@@ -11878,7 +11881,7 @@ function EmptyState2({
 }
 
 // src/components/faq-accordion.tsx
-import { useRef as useRef15, useState as useState26, useEffect as useEffect19, useCallback as useCallback13 } from "react";
+import { useRef as useRef15, useState as useState26, useEffect as useEffect19, useCallback as useCallback14 } from "react";
 
 // src/components/ui/chevron-button.tsx
 init_cn();
@@ -11920,7 +11923,7 @@ import { jsx as jsx85, jsxs as jsxs70 } from "react/jsx-runtime";
 var useMeasuredHeight = (isOpen) => {
   const ref = useRef15(null);
   const [maxHeight, setMaxHeight] = useState26("0px");
-  const measure = useCallback13(() => {
+  const measure = useCallback14(() => {
     if (ref.current) {
       const height = ref.current.scrollHeight;
       setMaxHeight(`${height}px`);
@@ -12506,13 +12509,13 @@ init_unified_pagination();
 
 // src/components/footer-waitlist-button.tsx
 import { usePathname as usePathname2, useRouter as useRouter4 } from "next/navigation";
-import { useCallback as useCallback14 } from "react";
+import { useCallback as useCallback15 } from "react";
 init_button2();
 import { jsx as jsx91 } from "react/jsx-runtime";
 function FooterWaitlistButton({ className }) {
   const router = useRouter4();
   const pathname = usePathname2();
-  const handleClick = useCallback14(() => {
+  const handleClick = useCallback15(() => {
     if (pathname?.startsWith("/waitlist")) {
       const anchor = document.getElementById("waitlist-form");
       if (anchor) {
@@ -12816,7 +12819,7 @@ function ResponsiveIconsBlock({ loading = false }) {
 
 // src/components/image-cropper.tsx
 init_button2();
-import { useCallback as useCallback15, useState as useState29 } from "react";
+import { useCallback as useCallback16, useState as useState29 } from "react";
 import Cropper from "react-easy-crop";
 
 // src/components/ui/slider.tsx
@@ -12878,11 +12881,11 @@ var ImageCropper = ({
   const [zoom, setZoom] = useState29(1);
   const [rotation, setRotation] = useState29(0);
   const [croppedAreaPixels, setCroppedAreaPixels] = useState29(null);
-  const onCropComplete = useCallback15((_, area) => {
+  const onCropComplete = useCallback16((_, area) => {
     setCroppedAreaPixels(area);
   }, []);
   const checkerBg = "bg-[length:16px_16px] bg-[linear-gradient(45deg,transparent_25%,#2a2a2a_25%,#2a2a2a_75%,transparent_75%,transparent),linear-gradient(45deg,#2a2a2a_25%,transparent_25%,transparent_75%,#2a2a2a_75%,#2a2a2a)]";
-  const exportCrop = useCallback15(async () => {
+  const exportCrop = useCallback16(async () => {
     if (!croppedAreaPixels) return void 0;
     const img = await loadImage(src);
     const canvas = document.createElement("canvas");
@@ -13045,7 +13048,7 @@ var ImageCropper = ({
 
 // src/components/media-carousel.tsx
 init_cn();
-import { useState as useState30, useRef as useRef19, useEffect as useEffect22, memo as memo3, useCallback as useCallback16 } from "react";
+import { useState as useState30, useRef as useRef19, useEffect as useEffect22, memo as memo3, useCallback as useCallback17 } from "react";
 import { Fragment as Fragment13, jsx as jsx96, jsxs as jsxs77 } from "react/jsx-runtime";
 var ChevronLeftIcon = () => /* @__PURE__ */ jsx96("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx96("polyline", { points: "15,18 9,12 15,6" }) });
 var ChevronRightIcon = () => /* @__PURE__ */ jsx96("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx96("polyline", { points: "9,18 15,12 9,6" }) });
@@ -13121,7 +13124,7 @@ var MediaCarousel = memo3(function MediaCarousel2({
   if (!currentItem) {
     return null;
   }
-  const handleVideoClick = useCallback16((index) => {
+  const handleVideoClick = useCallback17((index) => {
     const item = media[index];
     if (item.type !== "video") return;
     const videoElements = document.querySelectorAll(`video[data-video-index="${index}"]`);
@@ -13163,7 +13166,7 @@ var MediaCarousel = memo3(function MediaCarousel2({
       }
     }
   }, [media]);
-  const nextSlide = useCallback16(() => {
+  const nextSlide = useCallback17(() => {
     const currentVideo = document.querySelector(`[data-video-index="${currentIndex}"]`);
     if (currentVideo && !currentVideo.paused) {
       currentVideo.pause();
@@ -13171,7 +13174,7 @@ var MediaCarousel = memo3(function MediaCarousel2({
     setPlayingVideos(/* @__PURE__ */ new Set());
     setCurrentIndex((prev) => (prev + 1) % media.length);
   }, [currentIndex, media.length]);
-  const prevSlide = useCallback16(() => {
+  const prevSlide = useCallback17(() => {
     const currentVideo = document.querySelector(`[data-video-index="${currentIndex}"]`);
     if (currentVideo && !currentVideo.paused) {
       currentVideo.pause();
@@ -13179,7 +13182,7 @@ var MediaCarousel = memo3(function MediaCarousel2({
     setPlayingVideos(/* @__PURE__ */ new Set());
     setCurrentIndex((prev) => (prev - 1 + media.length) % media.length);
   }, [currentIndex, media.length]);
-  const selectSlide = useCallback16((index) => {
+  const selectSlide = useCallback17((index) => {
     if (index === currentIndex) return;
     const currentVideo = document.querySelector(`[data-video-index="${currentIndex}"]`);
     if (currentVideo && !currentVideo.paused) {
@@ -13188,7 +13191,7 @@ var MediaCarousel = memo3(function MediaCarousel2({
     setPlayingVideos(/* @__PURE__ */ new Set());
     setCurrentIndex(index);
   }, [currentIndex]);
-  const handleKeyDown = useCallback16((e) => {
+  const handleKeyDown = useCallback17((e) => {
     if (media.length <= 1) return;
     if (e.key === "ArrowLeft") {
       e.preventDefault();
@@ -15860,7 +15863,7 @@ function DateTimePicker({
 
 // src/components/shared/onboarding/onboarding-walkthrough.tsx
 init_button2();
-import React41, { useRef as useRef20, useCallback as useCallback17 } from "react";
+import React41, { useRef as useRef20, useCallback as useCallback18 } from "react";
 
 // src/components/shared/onboarding/onboarding-step-card.tsx
 import React40 from "react";
@@ -16155,7 +16158,7 @@ function OnboardingWalkthrough({
       lastCompletionStatusRef.current = statusKey;
     }
   }, [completionStatus, isLoadingCompletion, state.completedSteps, markMultipleComplete]);
-  const handleStepAction = useCallback17(async (step) => {
+  const handleStepAction = useCallback18(async (step) => {
     if (actionInProgressRef.current.has(step.id)) {
       console.log(`\u23F3 Action already in progress for "${step.id}", skipping`);
       return;
@@ -16394,7 +16397,7 @@ function ProductReleaseCardSkeleton({ className, size = "default" }) {
 }
 
 // src/components/shared/product-release/release-detail-page.tsx
-import { useState as useState37, useEffect as useEffect27 } from "react";
+import { useState as useState37, useEffect as useEffect26 } from "react";
 import Link4 from "next/link";
 
 // src/components/layout/article-detail-layout.tsx
@@ -16613,58 +16616,20 @@ function ImageGalleryModal({
 import { AlertTriangle, ExternalLink, BookMarked } from "lucide-react";
 
 // src/components/features/youtube-embed.tsx
-import { useState as useState34, useEffect as useEffect25 } from "react";
-import ReactPlayer from "react-player/youtube";
+import { useRef as useRef21, useState as useState34 } from "react";
 import { jsx as jsx138, jsxs as jsxs111 } from "react/jsx-runtime";
-var Play = ({ size = 16, className }) => /* @__PURE__ */ jsx138("svg", { width: size, height: size, fill: "currentColor", viewBox: "0 0 24 24", className, children: /* @__PURE__ */ jsx138("polygon", { points: "5,3 19,12 5,21" }) });
-var Loader = ({ size = 16, className }) => /* @__PURE__ */ jsxs111("svg", { width: size, height: size, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", className, children: [
-  /* @__PURE__ */ jsx138("line", { x1: "12", y1: "2", x2: "12", y2: "6" }),
-  /* @__PURE__ */ jsx138("line", { x1: "12", y1: "18", x2: "12", y2: "22" }),
-  /* @__PURE__ */ jsx138("line", { x1: "4.93", y1: "4.93", x2: "7.76", y2: "7.76" }),
-  /* @__PURE__ */ jsx138("line", { x1: "16.24", y1: "16.24", x2: "19.07", y2: "19.07" }),
-  /* @__PURE__ */ jsx138("line", { x1: "2", y1: "12", x2: "6", y2: "12" }),
-  /* @__PURE__ */ jsx138("line", { x1: "18", y1: "12", x2: "22", y2: "12" }),
-  /* @__PURE__ */ jsx138("line", { x1: "4.93", y1: "19.07", x2: "7.76", y2: "16.24" }),
-  /* @__PURE__ */ jsx138("line", { x1: "16.24", y1: "7.76", x2: "19.07", y2: "4.93" })
-] });
 var YouTubeEmbed = ({
   videoId,
   title = "YouTube Video",
   className = "",
   showTitle = true,
   showMeta = true,
-  minimalControls = false
+  minimalControls = false,
+  aboveTheFold = false
 }) => {
-  const [isLoading, setIsLoading] = useState34(true);
-  const [hasError, setHasError] = useState34(false);
-  const [isPlaying, setIsPlaying] = useState34(false);
-  const [useIframe, setUseIframe] = useState34(false);
-  const [mounted, setMounted] = useState34(false);
-  useEffect25(() => {
-    setMounted(true);
-    setUseIframe(true);
-    setIsLoading(false);
-  }, []);
-  const handleReady = () => {
-    setIsLoading(false);
-  };
-  const handleError = () => {
-    setIsLoading(false);
-    setHasError(true);
-    setUseIframe(true);
-  };
-  const handlePlay = () => {
-    setIsPlaying(true);
-  };
-  const handlePause = () => {
-    setIsPlaying(false);
-  };
-  const videoUrl = `https://www.youtube.com/watch?v=${videoId}`;
-  const embedParams = new URLSearchParams({
-    rel: "0",
-    modestbranding: "1",
-    playsinline: "1"
-  });
+  const [activated, setActivated] = useState34(false);
+  const iframeSlotRef = useRef21(null);
+  const embedParams = new URLSearchParams({ autoplay: "1", rel: "0", modestbranding: "1", playsinline: "1" });
   if (minimalControls) {
     embedParams.set("controls", "0");
     embedParams.set("showinfo", "0");
@@ -16672,96 +16637,60 @@ var YouTubeEmbed = ({
     embedParams.set("iv_load_policy", "3");
     embedParams.set("cc_load_policy", "0");
     embedParams.set("disablekb", "1");
-    embedParams.set("rel", "0");
-  }
-  const embedUrl = `https://www.youtube.com/embed/${videoId}?${embedParams.toString()}`;
-  if (!mounted) {
-    return /* @__PURE__ */ jsx138("div", { className: `youtube-embed-container my-6 ${className}`, children: /* @__PURE__ */ jsx138("div", { className: "video-wrapper relative w-full", style: { paddingBottom: "56.25%" }, children: /* @__PURE__ */ jsx138("div", { className: "loading-overlay absolute inset-0 bg-ods-card border border-ods-border rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsxs111("div", { className: "loading-content flex flex-col items-center gap-3", children: [
-      /* @__PURE__ */ jsx138(Loader, { className: "animate-spin text-ods-accent", size: 32 }),
-      /* @__PURE__ */ jsx138("span", { className: "font-sans text-sm text-ods-text-secondary", children: "Loading video..." })
-    ] }) }) }) });
-  }
-  if (hasError) {
-    return /* @__PURE__ */ jsx138("div", { className: `youtube-embed-error ${className}`, children: /* @__PURE__ */ jsxs111("div", { className: "error-state bg-ods-card border border-ods-error rounded-lg p-6 text-center my-6", children: [
-      /* @__PURE__ */ jsx138("div", { className: "error-icon flex justify-center mb-4", children: /* @__PURE__ */ jsx138("svg", { width: "48", height: "48", fill: "currentColor", viewBox: "0 0 24 24", className: "text-ods-error", children: /* @__PURE__ */ jsx138("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }) }) }),
-      /* @__PURE__ */ jsx138("div", { className: "error-title font-sans font-semibold text-lg text-ods-error mb-2", children: "Video Unavailable" }),
-      /* @__PURE__ */ jsx138("div", { className: "error-description font-sans text-sm text-ods-text-secondary mb-4", children: "Unable to load YouTube video. The video may be private or deleted." }),
-      /* @__PURE__ */ jsx138(
-        "a",
-        {
-          href: videoUrl,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          className: "error-retry-button bg-ods-error hover:bg-ods-error-hover text-ods-text-on-error border-none rounded px-4 py-2 font-sans font-medium text-sm cursor-pointer transition-colors duration-200",
-          children: "Watch on YouTube"
-        }
-      )
-    ] }) });
   }
+  const embedUrl = `https://www.youtube-nocookie.com/embed/${videoId}?${embedParams.toString()}`;
+  const watchUrl = `https://www.youtube.com/watch?v=${videoId}`;
+  const posterJpg = `https://i.ytimg.com/vi/${videoId}/mqdefault.jpg`;
+  const posterWebp = `https://i.ytimg.com/vi_webp/${videoId}/mqdefault.webp`;
+  const handleActivate = () => {
+    const slot = iframeSlotRef.current;
+    if (!slot || activated) return;
+    const iframe = document.createElement("iframe");
+    iframe.setAttribute("allow", "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share");
+    iframe.setAttribute("allowfullscreen", "");
+    iframe.setAttribute("title", title);
+    iframe.className = "absolute inset-0 w-full h-full border-0";
+    iframe.src = embedUrl;
+    slot.appendChild(iframe);
+    setActivated(true);
+  };
   return /* @__PURE__ */ jsxs111("div", { className: `youtube-embed-container my-6 ${className}`, children: [
     title && showTitle && /* @__PURE__ */ jsx138("div", { className: "video-title font-sans text-lg font-medium text-ods-text-primary mb-3", children: title }),
-    /* @__PURE__ */ jsxs111("div", { className: "video-wrapper relative w-full", style: { paddingBottom: "56.25%" }, children: [
-      isLoading && /* @__PURE__ */ jsx138("div", { className: "loading-overlay absolute inset-0 bg-ods-card border border-ods-border rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsxs111("div", { className: "loading-content flex flex-col items-center gap-3", children: [
-        /* @__PURE__ */ jsx138(Loader, { className: "animate-spin text-ods-accent", size: 32 }),
-        /* @__PURE__ */ jsx138("span", { className: "font-sans text-sm text-ods-text-secondary", children: "Loading video..." })
-      ] }) }),
-      /* @__PURE__ */ jsx138("div", { className: "video-player absolute inset-0 rounded-lg overflow-hidden border border-ods-border bg-ods-bg-inverse", children: useIframe ? (
-        // Iframe fallback for mobile and error cases
-        /* @__PURE__ */ jsx138(
-          "iframe",
-          {
-            src: embedUrl,
-            title,
-            className: "w-full h-full border-0",
-            allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
-            allowFullScreen: true,
-            style: { border: "none" }
-          }
-        )
-      ) : /* @__PURE__ */ jsx138(
-        ReactPlayer,
-        {
-          url: videoUrl,
-          width: "100%",
-          height: "100%",
-          onReady: handleReady,
-          onError: handleError,
-          onPlay: handlePlay,
-          onPause: handlePause,
-          config: {
-            youtube: {
-              playerVars: {
-                autoplay: 0,
-                controls: 1,
-                rel: 0,
-                showinfo: 0,
-                modestbranding: 1,
-                iv_load_policy: 3,
-                cc_load_policy: 0,
-                playsinline: 1
-              }
-            }
-          },
-          light: false,
-          playing: false
-        }
-      ) }),
-      !useIframe && !isPlaying && !isLoading && /* @__PURE__ */ jsx138("div", { className: "play-overlay absolute inset-0 flex items-center justify-center bg-ods-bg-inverse bg-opacity-20 rounded-lg transition-opacity duration-300 hover:bg-opacity-30", children: /* @__PURE__ */ jsx138(
+    /* @__PURE__ */ jsx138("div", { className: "video-wrapper relative w-full", style: { paddingBottom: "56.25%" }, children: /* @__PURE__ */ jsxs111("div", { className: "absolute inset-0 rounded-lg overflow-hidden border border-ods-border bg-ods-card", children: [
+      /* @__PURE__ */ jsx138("div", { ref: iframeSlotRef, className: "absolute inset-0", "aria-hidden": !activated }),
+      !activated && /* @__PURE__ */ jsxs111(
         "button",
         {
-          onClick: () => setIsPlaying(true),
-          className: "play-button bg-ods-accent hover:bg-ods-accent-hover text-ods-text-on-accent w-16 h-16 rounded-full flex items-center justify-center transition-all duration-200 transform hover:scale-110 shadow-lg",
-          "aria-label": "Play video",
-          children: /* @__PURE__ */ jsx138(Play, { size: 24, className: "ml-1" })
+          type: "button",
+          "aria-label": `Play: ${title}`,
+          onClick: handleActivate,
+          className: "group absolute inset-0 p-0 m-0 border-0 cursor-pointer bg-transparent",
+          children: [
+            /* @__PURE__ */ jsxs111("picture", { children: [
+              /* @__PURE__ */ jsx138("source", { type: "image/webp", srcSet: posterWebp }),
+              /* @__PURE__ */ jsx138(
+                "img",
+                {
+                  src: posterJpg,
+                  alt: title,
+                  loading: "lazy",
+                  fetchPriority: aboveTheFold ? "high" : "low",
+                  decoding: aboveTheFold ? "sync" : "async",
+                  className: "absolute inset-0 w-full h-full object-cover"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx138("div", { className: "absolute inset-0 flex items-center justify-center bg-ods-bg-inverse bg-opacity-20 transition-opacity duration-200 group-hover:bg-opacity-30", children: /* @__PURE__ */ jsx138("span", { className: "flex items-center justify-center w-16 h-16 rounded-full bg-ods-accent text-ods-text-on-accent shadow-lg transition-transform duration-200 group-hover:scale-110", children: /* @__PURE__ */ jsx138("svg", { width: 24, height: 24, fill: "currentColor", viewBox: "0 0 24 24", className: "ml-1", children: /* @__PURE__ */ jsx138("polygon", { points: "5,3 19,12 5,21" }) }) }) })
+          ]
         }
-      ) })
-    ] }),
+      )
+    ] }) }),
     showMeta && /* @__PURE__ */ jsxs111("div", { className: "video-meta flex items-center justify-between mt-3 text-sm text-ods-text-secondary", children: [
       /* @__PURE__ */ jsx138("div", { className: "video-platform font-sans", children: "YouTube" }),
       /* @__PURE__ */ jsx138(
         "a",
         {
-          href: videoUrl,
+          href: watchUrl,
           target: "_blank",
           rel: "noopener noreferrer",
           className: "video-link font-sans text-ods-accent hover:text-ods-accent-hover transition-colors duration-200",
@@ -16771,111 +16700,37 @@ var YouTubeEmbed = ({
     ] })
   ] });
 };
+var YT_HOSTS = /* @__PURE__ */ new Set([
+  "youtube.com",
+  "www.youtube.com",
+  "m.youtube.com",
+  "youtu.be",
+  "youtube-nocookie.com",
+  "www.youtube-nocookie.com"
+]);
+var YT_PATH_RE = /^\/(?:embed|v|shorts)\/([^/]+)\/?$/;
 var extractYouTubeId = (url) => {
-  const patterns = [
-    /(?:youtube\.com\/watch\?v=|youtu\.be\/|youtube\.com\/embed\/)([^&\n?#]+)/,
-    /youtube\.com\/v\/([^&\n?#]+)/,
-    /youtube\.com\/watch\?.*v=([^&\n?#]+)/
-  ];
-  for (const pattern of patterns) {
-    const match = url.match(pattern);
-    if (match) {
-      return match[1];
-    }
+  let u;
+  try {
+    u = new URL(url);
+  } catch {
+    return null;
   }
-  return null;
-};
-var YouTubeLinkParser = ({ href, children }) => {
-  const videoId = extractYouTubeId(href);
-  if (videoId) {
-    return /* @__PURE__ */ jsx138(YouTubeEmbed, { videoId, title: typeof children === "string" ? children : void 0 });
+  if (!YT_HOSTS.has(u.hostname.toLowerCase())) return null;
+  if (u.hostname.toLowerCase().endsWith("youtu.be")) {
+    return u.pathname.split("/").filter(Boolean)[0] ?? null;
   }
-  return /* @__PURE__ */ jsx138(
-    "a",
-    {
-      href,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      className: "text-ods-accent hover:text-ods-accent-hover transition-colors duration-200",
-      children
-    }
-  );
+  const v = u.searchParams.get("v");
+  if (v) return v;
+  const m = u.pathname.match(YT_PATH_RE);
+  return m ? m[1] : null;
 };
 
 // src/components/features/video-player.tsx
-import { useState as useState35, useEffect as useEffect26, useRef as useRef21, useMemo as useMemo11, useCallback as useCallback18 } from "react";
-import ReactPlayer2 from "react-player";
+import { useState as useState35, useEffect as useEffect25, useRef as useRef22, useMemo as useMemo11, useCallback as useCallback19 } from "react";
+import ReactPlayer from "react-player";
 init_button2();
 import { jsx as jsx139, jsxs as jsxs112 } from "react/jsx-runtime";
-function useVideoFirstFramePoster(url, enabled) {
-  const [poster, setPoster] = useState35(null);
-  useEffect26(() => {
-    if (!enabled || !url) {
-      setPoster(null);
-      return;
-    }
-    const isDirectFile = /\.(mp4|webm|mov|m4v)(\?|#|$)/i.test(url);
-    if (!isDirectFile) {
-      setPoster(null);
-      return;
-    }
-    let cancelled = false;
-    const video = document.createElement("video");
-    video.crossOrigin = "anonymous";
-    video.preload = "metadata";
-    video.muted = true;
-    video.playsInline = true;
-    video.setAttribute("data-poster-extractor", "true");
-    const cleanup = () => {
-      video.removeAttribute("src");
-      try {
-        video.load();
-      } catch {
-      }
-    };
-    const onLoadedMetadata = () => {
-      if (cancelled) return;
-      const dur = video.duration || 10;
-      const target = Math.max(2, Math.min(dur * 0.1, 30));
-      video.currentTime = target;
-    };
-    const onSeeked = () => {
-      if (cancelled) return;
-      try {
-        const canvas = document.createElement("canvas");
-        canvas.width = video.videoWidth;
-        canvas.height = video.videoHeight;
-        const ctx = canvas.getContext("2d");
-        if (!ctx || !canvas.width || !canvas.height) {
-          cleanup();
-          return;
-        }
-        ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
-        const dataUrl = canvas.toDataURL("image/jpeg", 0.82);
-        if (!cancelled) setPoster(dataUrl);
-      } catch (err) {
-        console.warn("[VideoPlayer] first-frame extraction failed", err);
-      } finally {
-        cleanup();
-      }
-    };
-    const onError = () => {
-      cleanup();
-    };
-    video.addEventListener("loadedmetadata", onLoadedMetadata);
-    video.addEventListener("seeked", onSeeked);
-    video.addEventListener("error", onError);
-    video.src = url;
-    return () => {
-      cancelled = true;
-      video.removeEventListener("loadedmetadata", onLoadedMetadata);
-      video.removeEventListener("seeked", onSeeked);
-      video.removeEventListener("error", onError);
-      cleanup();
-    };
-  }, [url, enabled]);
-  return poster;
-}
 var webkitCaptionCSSInjected = false;
 function ensureWebkitCaptionCSS() {
   if (webkitCaptionCSSInjected || typeof document === "undefined") return;
@@ -16918,7 +16773,7 @@ function parseSrtTimestamp(ts) {
 function useSubtitleOverlay(srtContent) {
   const cues = useMemo11(() => srtContent ? parseSrt(srtContent) : [], [srtContent]);
   const [activeText, setActiveText] = useState35(null);
-  const updateTime = useCallback18((playedSeconds) => {
+  const updateTime = useCallback19((playedSeconds) => {
     const timeMs = playedSeconds * 1e3;
     const active = cues.find((c) => timeMs >= c.from && timeMs <= c.to);
     setActiveText(active?.text ?? null);
@@ -16926,7 +16781,6 @@ function useSubtitleOverlay(srtContent) {
   return { activeText, updateTime, hasCues: cues.length > 0 };
 }
 var SPEED_OPTIONS = [0.5, 0.75, 1, 1.25, 1.5, 2];
-var LAZY_MOUNT_PLAY_FAILURE_GRACE_MS = 2e3;
 function formatTime(secs) {
   if (!secs || !isFinite(secs)) return "0:00";
   const h = Math.floor(secs / 3600);
@@ -16948,14 +16802,14 @@ var VideoPlayer = ({
   srtContent,
   captionsUrl,
   subtitleLabel,
-  lazyMount = false
+  preloadStrategy = "metadata"
 }) => {
   const [hasError, setHasError] = useState35(false);
   const [isPlaying, setIsPlaying] = useState35(autoPlay);
   const [mounted, setMounted] = useState35(false);
   const [hasStarted, setHasStarted] = useState35(autoPlay);
-  const playerRef = useRef21(null);
-  const containerRef = useRef21(null);
+  const playerRef = useRef22(null);
+  const containerRef = useRef22(null);
   const [played, setPlayed] = useState35(0);
   const [loaded, setLoaded] = useState35(0);
   const [duration, setDuration] = useState35(0);
@@ -16964,14 +16818,13 @@ var VideoPlayer = ({
   const [isMuted, setIsMuted] = useState35(muted);
   const [isBuffering, setIsBuffering] = useState35(false);
   const [showControls, setShowControls] = useState35(true);
-  const hideTimeoutRef = useRef21(void 0);
-  const clickTimerRef = useRef21(void 0);
-  const iosFullscreenTimerRef = useRef21(void 0);
-  const lazyMountFailureTimerRef = useRef21(void 0);
+  const hideTimeoutRef = useRef22(void 0);
+  const clickTimerRef = useRef22(void 0);
+  const iosFullscreenTimerRef = useRef22(void 0);
   const [captionsEnabled, setCaptionsEnabled] = useState35(true);
   const [isFullscreen, setIsFullscreen] = useState35(false);
   const { activeText, updateTime, hasCues } = useSubtitleOverlay(srtContent);
-  useEffect26(() => {
+  useEffect25(() => {
     const onChange = () => {
       const fsEl = document.fullscreenElement || document.webkitFullscreenElement;
       setIsFullscreen(!!fsEl);
@@ -16983,14 +16836,14 @@ var VideoPlayer = ({
       document.removeEventListener("webkitfullscreenchange", onChange);
     };
   }, []);
-  const activateCaptionTracks = useCallback18((video) => {
+  const activateCaptionTracks = useCallback19((video) => {
     for (let i = 0; i < video.textTracks.length; i++) {
       if (video.textTracks[i].kind === "captions" || video.textTracks[i].kind === "subtitles") {
         video.textTracks[i].mode = "showing";
       }
     }
   }, []);
-  const enterNativeVideoFullscreen = useCallback18(() => {
+  const enterNativeVideoFullscreen = useCallback19(() => {
     const video = playerRef.current?.getInternalPlayer();
     if (!video || !video.webkitEnterFullscreen) return;
     ensureWebkitCaptionCSS();
@@ -17029,7 +16882,7 @@ var VideoPlayer = ({
       doFullscreen();
     }, 500);
   }, [captionsUrl, subtitleLabel, activateCaptionTracks]);
-  const toggleFullscreen = useCallback18(() => {
+  const toggleFullscreen = useCallback19(() => {
     const container = containerRef.current;
     if (!container) return;
     if (isFullscreen) {
@@ -17048,7 +16901,7 @@ var VideoPlayer = ({
       enterNativeVideoFullscreen();
     }
   }, [isFullscreen, enterNativeVideoFullscreen]);
-  const toggleMute = useCallback18(() => {
+  const toggleMute = useCallback19(() => {
     if (isMuted) {
       setIsMuted(false);
       setVolume(prevVolume || 0.5);
@@ -17058,23 +16911,23 @@ var VideoPlayer = ({
       setVolume(0);
     }
   }, [isMuted, volume, prevVolume]);
-  const handleVolumeChange = useCallback18((e) => {
+  const handleVolumeChange = useCallback19((e) => {
     const val = parseFloat(e.target.value);
     setVolume(val);
     setIsMuted(val === 0);
     if (val > 0) setPrevVolume(val);
   }, []);
-  const startHideTimer = useCallback18(() => {
+  const startHideTimer = useCallback19(() => {
     clearTimeout(hideTimeoutRef.current);
     if (isPlaying) {
       hideTimeoutRef.current = setTimeout(() => setShowControls(false), 3e3);
     }
   }, [isPlaying]);
-  const handleMouseMove = useCallback18(() => {
+  const handleMouseMove = useCallback19(() => {
     setShowControls(true);
     startHideTimer();
   }, [startHideTimer]);
-  const handleTouchToggle = useCallback18(() => {
+  const handleTouchToggle = useCallback19(() => {
     if (!hasStarted) return;
     setShowControls((prev) => {
       const next = !prev;
@@ -17085,7 +16938,7 @@ var VideoPlayer = ({
       return next;
     });
   }, [hasStarted, isPlaying]);
-  useEffect26(() => {
+  useEffect25(() => {
     if (!hasStarted) return;
     const el = containerRef.current;
     if (!el) return;
@@ -17143,23 +16996,23 @@ var VideoPlayer = ({
   }, [hasStarted, duration, toggleMute, toggleFullscreen]);
   const [seekPreview, setSeekPreview] = useState35(null);
   const [playbackRate, setPlaybackRate] = useState35(1);
-  const cycleSpeed = useCallback18(() => {
+  const cycleSpeed = useCallback19(() => {
     setPlaybackRate((prev) => {
       const idx = SPEED_OPTIONS.indexOf(prev);
       return SPEED_OPTIONS[(idx + 1) % SPEED_OPTIONS.length];
     });
   }, []);
-  const progressBarRef = useRef21(null);
-  const isDraggingRef = useRef21(false);
-  const dragListenersRef = useRef21(null);
-  const seekToClientX = useCallback18((clientX) => {
+  const progressBarRef = useRef22(null);
+  const isDraggingRef = useRef22(false);
+  const dragListenersRef = useRef22(null);
+  const seekToClientX = useCallback19((clientX) => {
     const rect = progressBarRef.current?.getBoundingClientRect();
     if (!rect) return;
     const fraction = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));
     setPlayed(fraction);
     playerRef.current?.seekTo(fraction, "fraction");
   }, []);
-  const handleProgressMouseDown = useCallback18((e) => {
+  const handleProgressMouseDown = useCallback19((e) => {
     e.stopPropagation();
     e.preventDefault();
     isDraggingRef.current = true;
@@ -17182,17 +17035,17 @@ var VideoPlayer = ({
     document.addEventListener("mousemove", onMouseMove);
     document.addEventListener("mouseup", onMouseUp);
   }, [seekToClientX]);
-  const handleProgressTouchStart = useCallback18((e) => {
+  const handleProgressTouchStart = useCallback19((e) => {
     e.stopPropagation();
     const touch = e.touches[0];
     if (touch) seekToClientX(touch.clientX);
   }, [seekToClientX]);
-  const handleProgressTouchMove = useCallback18((e) => {
+  const handleProgressTouchMove = useCallback19((e) => {
     e.stopPropagation();
     const touch = e.touches[0];
     if (touch) seekToClientX(touch.clientX);
   }, [seekToClientX]);
-  const handleProgressKeyDown = useCallback18((e) => {
+  const handleProgressKeyDown = useCallback19((e) => {
     if (e.key === "ArrowRight") {
       e.preventDefault();
       e.stopPropagation();
@@ -17214,15 +17067,15 @@ var VideoPlayer = ({
       playerRef.current?.seekTo(duration, "seconds");
     }
   }, [duration]);
-  const handleProgressHover = useCallback18((e) => {
+  const handleProgressHover = useCallback19((e) => {
     if (isDraggingRef.current) return;
     const rect = e.currentTarget.getBoundingClientRect();
     const fraction = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));
     const x = Math.max(30, Math.min(rect.width - 30, e.clientX - rect.left));
     setSeekPreview({ fraction, x });
   }, []);
-  const isTouchRef = useRef21(false);
-  const handleContainerClick = useCallback18((e) => {
+  const isTouchRef = useRef22(false);
+  const handleContainerClick = useCallback19((e) => {
     if (isTouchRef.current) {
       isTouchRef.current = false;
       return;
@@ -17240,22 +17093,20 @@ var VideoPlayer = ({
       }, 250);
     }
   }, [hasStarted, toggleFullscreen]);
-  const handleContainerTouchEnd = useCallback18((e) => {
+  const handleContainerTouchEnd = useCallback19((e) => {
     if (e.target.closest(".video-controls-bar")) return;
     isTouchRef.current = true;
     if (!hasStarted) return;
     handleTouchToggle();
   }, [hasStarted, handleTouchToggle]);
-  const extractedPoster = useVideoFirstFramePoster(url, !lazyMount && !hasStarted && !poster);
-  const effectivePoster = poster || extractedPoster || void 0;
+  const effectivePoster = poster || void 0;
   const posterBgColor = useImageEdgeColor(effectivePoster);
-  useEffect26(() => {
+  useEffect25(() => {
     setMounted(true);
     return () => {
       clearTimeout(clickTimerRef.current);
       clearTimeout(hideTimeoutRef.current);
       clearTimeout(iosFullscreenTimerRef.current);
-      clearTimeout(lazyMountFailureTimerRef.current);
       isDraggingRef.current = false;
       if (dragListenersRef.current) {
         document.removeEventListener("mousemove", dragListenersRef.current.move);
@@ -17264,7 +17115,7 @@ var VideoPlayer = ({
       }
     };
   }, []);
-  useEffect26(() => {
+  useEffect25(() => {
     if (!hasStarted) return;
     const video = playerRef.current?.getInternalPlayer();
     if (!video) return;
@@ -17272,37 +17123,31 @@ var VideoPlayer = ({
     video.addEventListener("webkitbeginfullscreen", onBeginFS);
     return () => video.removeEventListener("webkitbeginfullscreen", onBeginFS);
   }, [hasStarted, activateCaptionTracks]);
-  const handleError = useCallback18(() => setHasError(true), []);
-  const handlePlay = useCallback18(() => {
+  const handleError = useCallback19(() => setHasError(true), []);
+  const handlePlay = useCallback19(() => {
     setIsPlaying(true);
     setHasStarted(true);
   }, []);
-  const handlePause = useCallback18(() => setIsPlaying(false), []);
-  const handleEnded = useCallback18(() => setIsPlaying(false), []);
-  const handlePlayClick = useCallback18(() => {
-    if (lazyMount) {
-      const native = playerRef.current?.getInternalPlayer();
-      if (native instanceof HTMLVideoElement) {
-        native.play().catch(() => {
-          clearTimeout(lazyMountFailureTimerRef.current);
-          lazyMountFailureTimerRef.current = setTimeout(() => {
-            if (native.paused && native.error) setHasError(true);
-          }, LAZY_MOUNT_PLAY_FAILURE_GRACE_MS);
-        });
-      } else if (process.env.NODE_ENV !== "production") {
-        console.warn("[VideoPlayer] lazyMount sync play(): no native HTMLVideoElement yet");
-      }
+  const handlePause = useCallback19(() => setIsPlaying(false), []);
+  const handleEnded = useCallback19(() => setIsPlaying(false), []);
+  const handlePlayClick = useCallback19(() => {
+    const native = playerRef.current?.getInternalPlayer();
+    if (native instanceof HTMLVideoElement) {
+      native.play().catch(() => {
+      });
+    } else if (process.env.NODE_ENV !== "production") {
+      console.warn("[VideoPlayer] sync play(): no native HTMLVideoElement yet");
     }
     setHasStarted(true);
     setIsPlaying(true);
-  }, [lazyMount]);
-  const handleProgress = useCallback18(({ played: p, loaded: l, playedSeconds }) => {
+  }, []);
+  const handleProgress = useCallback19(({ played: p, loaded: l, playedSeconds }) => {
     setPlayed(p);
     setLoaded(l);
     updateTime(playedSeconds);
   }, [updateTime]);
-  const handleBuffer = useCallback18(() => setIsBuffering(true), []);
-  const handleBufferEnd = useCallback18(() => setIsBuffering(false), []);
+  const handleBuffer = useCallback19(() => setIsBuffering(true), []);
+  const handleBufferEnd = useCallback19(() => setIsBuffering(false), []);
   if (!mounted) {
     return /* @__PURE__ */ jsx139("div", { className: `video-player-container ${className}`, children: /* @__PURE__ */ jsx139(
       "div",
@@ -17349,7 +17194,7 @@ var VideoPlayer = ({
             /* @__PURE__ */ jsx139("div", { className: `absolute inset-0 ${effectivePoster ? "bg-black/40" : "bg-black/20"} group-hover:bg-black/50 transition-all flex items-center justify-center rounded-md`, children: /* @__PURE__ */ jsx139("div", { className: "w-16 h-16 rounded-full bg-ods-accent hover:bg-ods-accent/90 transition-all flex items-center justify-center shadow-lg", children: /* @__PURE__ */ jsx139(PlayIcon, { size: 24, className: "ml-1 text-ods-text-on-accent" }) }) })
           ] }),
           /* @__PURE__ */ jsx139("div", { className: isFullscreen ? "video-player absolute inset-0" : useNativeAspectRatio ? "video-player rounded-md overflow-hidden border border-ods-border bg-ods-background" : "video-player absolute inset-0 rounded-md overflow-hidden border border-ods-border bg-ods-background", children: /* @__PURE__ */ jsx139(
-            ReactPlayer2,
+            ReactPlayer,
             {
               ref: playerRef,
               url,
@@ -17370,7 +17215,7 @@ var VideoPlayer = ({
               onBufferEnd: handleBufferEnd,
               onProgress: handleProgress,
               progressInterval: 200,
-              config: { file: { attributes: { controlsList: "nodownload", playsInline: true, preload: lazyMount && !hasStarted ? "none" : hasStarted ? "auto" : "metadata" } } },
+              config: { file: { attributes: { controlsList: "nodownload", playsInline: true, preload: hasStarted ? "auto" : preloadStrategy } } },
               light: false,
               playsinline: true
             }
@@ -17585,7 +17430,7 @@ import React46 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check as Check2 } from "lucide-react";
 import Link3 from "next/link";
-import React45, { useCallback as useCallback19, useState as useState36 } from "react";
+import React45, { useCallback as useCallback20, useState as useState36 } from "react";
 init_cn();
 init_button2();
 import { Fragment as Fragment19, jsx as jsx140, jsxs as jsxs113 } from "react/jsx-runtime";
@@ -17593,7 +17438,7 @@ var ROW_CLASSES = "flex flex-1 min-w-0 items-center gap-2 px-3 py-3 cursor-point
 var WRAPPER_CLASSES = "relative flex items-stretch border-b border-ods-border last:border-b-0";
 var SECONDARY_ACTION_CLASSES = "flex w-10 shrink-0 items-center justify-center self-stretch border-l border-ods-border transition-colors hover:bg-ods-bg-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus";
 var SecondaryAction = ({ action }) => {
-  const handleClick = useCallback19(
+  const handleClick = useCallback20(
     (e) => {
       e.stopPropagation();
       if (action.disabled) {
@@ -17638,7 +17483,7 @@ var SecondaryAction = ({ action }) => {
   );
 };
 var MenuItem = ({ item, onItemClick }) => {
-  const activate = useCallback19(() => {
+  const activate = useCallback20(() => {
     if (item.disabled) return;
     if (item.type === "checkbox") {
       item.onClick?.();
@@ -17649,7 +17494,7 @@ var MenuItem = ({ item, onItemClick }) => {
     item.onClick?.();
     onItemClick?.(item);
   }, [item, onItemClick]);
-  const handleClick = useCallback19(
+  const handleClick = useCallback20(
     (e) => {
       e.stopPropagation();
       e.preventDefault();
@@ -17657,7 +17502,7 @@ var MenuItem = ({ item, onItemClick }) => {
     },
     [activate]
   );
-  const handleKeyDown = useCallback19(
+  const handleKeyDown = useCallback20(
     (e) => {
       if (e.key !== "Enter" && e.key !== " ") return;
       e.preventDefault();
@@ -17666,7 +17511,7 @@ var MenuItem = ({ item, onItemClick }) => {
     },
     [activate]
   );
-  const handleLinkClick = useCallback19(
+  const handleLinkClick = useCallback20(
     (e) => {
       if (item.disabled) {
         e.preventDefault();
@@ -17827,7 +17672,7 @@ var ActionsMenuDropdown = ({
   sideOffset = 6
 }) => {
   const [open, setOpen] = useState36(false);
-  const handleItemClick = useCallback19(
+  const handleItemClick = useCallback20(
     (item) => {
       onItemClick?.(item);
       if (item.type !== "checkbox" && item.type !== "submenu") {
@@ -18355,7 +18200,7 @@ function ReleaseDetailPage({
   const [deliveryData, setDeliveryData] = useState37(null);
   const [roadmapLoading, setRoadmapLoading] = useState37(false);
   const [deliveryLoading, setDeliveryLoading] = useState37(false);
-  useEffect27(() => {
+  useEffect26(() => {
     async function fetchLinkedTasks() {
       if (!release) return;
       try {
@@ -18910,7 +18755,7 @@ function CompactPageLoader({
 }
 
 // src/components/ui/progress-bar.tsx
-import { useEffect as useEffect29, useRef as useRef22, useState as useState39 } from "react";
+import { useEffect as useEffect28, useRef as useRef23, useState as useState39 } from "react";
 import { jsx as jsx152 } from "react/jsx-runtime";
 var ProgressBar = ({
   progress,
@@ -18926,9 +18771,9 @@ var ProgressBar = ({
   const isMdUp = useMdUp() ?? true;
   const effectiveSegmentWidth = isMdUp ? segmentWidth : mobileSegmentWidth;
   const effectiveHeight = isMdUp ? height : mobileHeight;
-  const containerRef = useRef22(null);
+  const containerRef = useRef23(null);
   const [segmentCount, setSegmentCount] = useState39(0);
-  useEffect29(() => {
+  useEffect28(() => {
     if (!containerRef.current) return;
     const resizeObserver = new ResizeObserver(() => {
       if (containerRef.current) {
@@ -19752,11 +19597,11 @@ DialogDescription.displayName = DialogPrimitive3.Description.displayName;
 // src/components/ui/modal.tsx
 init_cn();
 import * as React56 from "react";
-import { useEffect as useEffect30 } from "react";
+import { useEffect as useEffect29 } from "react";
 import { jsx as jsx158, jsxs as jsxs129 } from "react/jsx-runtime";
 var Modal = React56.forwardRef(
   ({ isOpen, onClose, children, className }, ref) => {
-    useEffect30(() => {
+    useEffect29(() => {
       const handleKeyDown = (event) => {
         if (event.key === "Escape") {
           onClose();
@@ -19838,13 +19683,13 @@ ModalFooter.displayName = "ModalFooter";
 
 // src/components/ui/modal-v2.tsx
 import * as React57 from "react";
-import { useEffect as useEffect31 } from "react";
+import { useEffect as useEffect30 } from "react";
 init_cn();
 import { jsx as jsx159, jsxs as jsxs130 } from "react/jsx-runtime";
 var ModalContext = React57.createContext({});
 var Modal2 = React57.forwardRef(
   ({ isOpen, onClose, children, className }, ref) => {
-    useEffect31(() => {
+    useEffect30(() => {
       const handleKeyDown = (event) => {
         if (event.key === "Escape") {
           onClose();
@@ -20518,7 +20363,7 @@ function TabContent({
 
 // src/components/ui/tab-navigation.tsx
 init_cn();
-import { useState as useState42, useEffect as useEffect32, useMemo as useMemo12, useRef as useRef24, useCallback as useCallback21 } from "react";
+import { useState as useState42, useEffect as useEffect31, useMemo as useMemo12, useRef as useRef25, useCallback as useCallback22 } from "react";
 import { useSearchParams as useSearchParams3, useRouter as useRouter5, usePathname as usePathname3 } from "next/navigation";
 import { Fragment as Fragment22, jsx as jsx168, jsxs as jsxs137 } from "react/jsx-runtime";
 function TabNavigation({
@@ -20551,7 +20396,7 @@ function TabNavigation({
   };
   const [internalActiveTab, setInternalActiveTab] = useState42(getInitialTab);
   const activeTab = isUrlSyncEnabled ? internalActiveTab : controlledActiveTab || "";
-  useEffect32(() => {
+  useEffect31(() => {
     if (!isUrlSyncEnabled) return;
     const fromUrl = searchParams?.get(paramName) || "";
     const nextTab = validTabIds.has(fromUrl) ? fromUrl : defaultTab || tabs[0]?.id || "";
@@ -20571,16 +20416,16 @@ function TabNavigation({
       controlledOnTabChange?.(tabId);
     }
   };
-  const scrollRef = useRef24(null);
+  const scrollRef = useRef25(null);
   const [canScrollLeft, setCanScrollLeft] = useState42(false);
   const [canScrollRight, setCanScrollRight] = useState42(false);
-  const updateScrollShadows = useCallback21(() => {
+  const updateScrollShadows = useCallback22(() => {
     const el = scrollRef.current;
     if (!el) return;
     setCanScrollLeft(el.scrollLeft > 0);
     setCanScrollRight(el.scrollLeft + el.clientWidth < el.scrollWidth - 1);
   }, []);
-  useEffect32(() => {
+  useEffect31(() => {
     const el = scrollRef.current;
     if (!el) return;
     updateScrollShadows();
@@ -20769,11 +20614,11 @@ function StatusIndicator({ status, label, href }) {
 
 // src/components/layout/list-page-layout.tsx
 init_cn();
-import { useEffect as useEffect34, useState as useState44 } from "react";
+import { useEffect as useEffect33, useState as useState44 } from "react";
 
 // src/components/ui/filter-modal.tsx
 init_cn();
-import { useEffect as useEffect33, useState as useState43 } from "react";
+import { useEffect as useEffect32, useState as useState43 } from "react";
 init_button2();
 
 // src/components/ui/filter-checkbox-item.tsx
@@ -20973,7 +20818,7 @@ function FilterModal({
     return { ...currentFilters };
   });
   const [pendingTags, setPendingTags] = useState43(selectedTags ?? []);
-  useEffect33(() => {
+  useEffect32(() => {
     if (isOpen) {
       setSelectedFilters({ ...currentFilters });
       setPendingTags(selectedTags ?? []);
@@ -21119,10 +20964,10 @@ function ListPageLayout({
   const [mobileFilterOpen, setMobileFilterOpen] = useState44(false);
   const [localSearchValue, setLocalSearchValue] = useState44(searchValue);
   const debouncedSearchValue = useDebounce(localSearchValue, 500);
-  useEffect34(() => {
+  useEffect33(() => {
     setLocalSearchValue(searchValue);
   }, [searchValue]);
-  useEffect34(() => {
+  useEffect33(() => {
     if (debouncedSearchValue !== searchValue) {
       onSearch(debouncedSearchValue);
     }
@@ -23299,7 +23144,7 @@ var ListLoader = (props) => /* @__PURE__ */ jsx206(ContentLoader, { ...props, va
 
 // src/components/ui/table/table.tsx
 init_cn();
-import { useEffect as useEffect35, useRef as useRef27 } from "react";
+import { useEffect as useEffect34, useRef as useRef28 } from "react";
 init_pagination();
 init_button2();
 
@@ -24050,10 +23895,10 @@ function Table({
   };
   const allSelected = selectedRows.length > 0 && selectedRows.length === data.length;
   const someSelected = selectedRows.length > 0 && selectedRows.length < data.length;
-  const sentinelRef = useRef27(null);
-  const onLoadMoreRef = useRef27(infiniteScroll?.onLoadMore);
+  const sentinelRef = useRef28(null);
+  const onLoadMoreRef = useRef28(infiniteScroll?.onLoadMore);
   onLoadMoreRef.current = infiniteScroll?.onLoadMore;
-  useEffect35(() => {
+  useEffect34(() => {
     if (!infiniteScroll?.hasNextPage || infiniteScroll.isFetchingNextPage) return;
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -24265,7 +24110,7 @@ import { useMemo as useMemo16 } from "react";
 
 // src/components/ui/query-report-table/query-report-table-header.tsx
 init_cn();
-import { useRef as useRef28, useState as useState47, useCallback as useCallback22 } from "react";
+import { useRef as useRef29, useState as useState47, useCallback as useCallback23 } from "react";
 import { jsx as jsx217, jsxs as jsxs176 } from "react/jsx-runtime";
 function QueryReportTableHeader({
   columns,
@@ -24294,9 +24139,9 @@ function QueryReportTableHeader({
   );
 }
 function TruncatedHeaderCell({ value, width }) {
-  const textRef = useRef28(null);
+  const textRef = useRef29(null);
   const [isTruncated, setIsTruncated] = useState47(false);
-  const checkTruncation = useCallback22(() => {
+  const checkTruncation = useCallback23(() => {
     const el = textRef.current;
     if (el) {
       setIsTruncated(el.scrollWidth > el.clientWidth);
@@ -24324,7 +24169,7 @@ function TruncatedHeaderCell({ value, width }) {
 
 // src/components/ui/query-report-table/query-report-table-row.tsx
 init_cn();
-import { useRef as useRef29, useState as useState48, useCallback as useCallback23 } from "react";
+import { useRef as useRef30, useState as useState48, useCallback as useCallback24 } from "react";
 import { jsx as jsx218, jsxs as jsxs177 } from "react/jsx-runtime";
 function QueryReportTableRow({
   row,
@@ -24370,9 +24215,9 @@ function QueryReportTableRow({
   );
 }
 function TruncatedCell({ value, className }) {
-  const textRef = useRef29(null);
+  const textRef = useRef30(null);
   const [isTruncated, setIsTruncated] = useState48(false);
-  const checkTruncation = useCallback23(() => {
+  const checkTruncation = useCallback24(() => {
     const el = textRef.current;
     if (el) {
       setIsTruncated(el.scrollWidth > el.clientWidth);
@@ -24635,7 +24480,7 @@ init_cn();
 
 // src/components/ui/data-table/data-table-column-filter.tsx
 init_cn();
-import { useCallback as useCallback24, useMemo as useMemo17 } from "react";
+import { useCallback as useCallback25, useMemo as useMemo17 } from "react";
 
 // src/components/ui/data-table/utils.ts
 function getHideClasses2(hideAt) {
@@ -24695,14 +24540,14 @@ function DataTableColumnFilter({
     () => ({ [column.id]: currentValue ?? EMPTY_ARRAY }),
     [column.id, currentValue]
   );
-  const handleApply = useCallback24(
+  const handleApply = useCallback25(
     (applied) => {
       const next = applied[column.id] ?? [];
       column.setFilterValue(next.length > 0 ? next : void 0);
     },
     [column]
   );
-  const handleReset = useCallback24(() => {
+  const handleReset = useCallback25(() => {
     column.setFilterValue(void 0);
   }, [column]);
   return /* @__PURE__ */ jsx222(
@@ -24889,7 +24734,7 @@ function DataTableEmpty({
 // src/components/ui/data-table/data-table-row.tsx
 init_cn();
 import Link10 from "next/link";
-import { memo as memo4, useCallback as useCallback25 } from "react";
+import { memo as memo4, useCallback as useCallback26 } from "react";
 import { flexRender as flexRender2 } from "@tanstack/react-table";
 
 // src/components/ui/data-table/data-table-skeleton.tsx
@@ -24970,7 +24815,7 @@ function DataTableRowImpl({
   className
 }) {
   const isLinkMode = Boolean(href) && !onClick;
-  const handleClick = useCallback25(
+  const handleClick = useCallback26(
     (e) => {
       const target = e.target;
       if (target.closest("[data-no-row-click]")) return;
@@ -25107,7 +24952,7 @@ function DataTableBody({
 }
 
 // src/components/ui/data-table/data-table-infinite-footer.tsx
-import { useEffect as useEffect36, useRef as useRef30 } from "react";
+import { useEffect as useEffect35, useRef as useRef31 } from "react";
 import { Fragment as Fragment34, jsx as jsx228, jsxs as jsxs186 } from "react/jsx-runtime";
 function DataTableInfiniteFooter({
   hasNextPage,
@@ -25116,10 +24961,10 @@ function DataTableInfiniteFooter({
   skeletonRows = 3,
   rootMargin = "200px"
 }) {
-  const sentinelRef = useRef30(null);
-  const onLoadMoreRef = useRef30(onLoadMore);
+  const sentinelRef = useRef31(null);
+  const onLoadMoreRef = useRef31(onLoadMore);
   onLoadMoreRef.current = onLoadMore;
-  useEffect36(() => {
+  useEffect35(() => {
     if (!hasNextPage || isFetchingNextPage) return;
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -25244,7 +25089,7 @@ var DataTable = Object.assign(DataTableRoot, {
 });
 
 // src/components/ui/phone-input.tsx
-import { useCallback as useCallback26, useEffect as useEffect37, useMemo as useMemo18, useRef as useRef31, useState as useState49 } from "react";
+import { useCallback as useCallback27, useEffect as useEffect36, useMemo as useMemo18, useRef as useRef32, useState as useState49 } from "react";
 import { jsx as jsx230, jsxs as jsxs188 } from "react/jsx-runtime";
 function PhoneInput({
   value,
@@ -25262,9 +25107,9 @@ function PhoneInput({
     [countryCode, priority, others]
   );
   const [isInvalid, setIsInvalid] = useState49(false);
-  const debounceRef = useRef31(null);
-  const digitCount = useCallback26((val) => val.replace(/[^0-9]/g, "").length, []);
-  const runValidation = useCallback26((phone) => {
+  const debounceRef = useRef32(null);
+  const digitCount = useCallback27((val) => val.replace(/[^0-9]/g, "").length, []);
+  const runValidation = useCallback27((phone) => {
     if (!phone || digitCount(phone) === 0) {
       setIsInvalid(false);
       onValidationChange?.(false);
@@ -25274,11 +25119,11 @@ function PhoneInput({
     setIsInvalid(invalid);
     onValidationChange?.(invalid);
   }, [countryCode, digitCount, onValidationChange]);
-  const debouncedValidation = useCallback26((phone) => {
+  const debouncedValidation = useCallback27((phone) => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
     debounceRef.current = setTimeout(() => runValidation(phone), 300);
   }, [runValidation]);
-  useEffect37(() => {
+  useEffect36(() => {
     return () => {
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
@@ -25840,8 +25685,8 @@ function FilterList({
 
 // src/components/ui/tag-search-input.tsx
 import {
-  useEffect as useEffect39,
-  useRef as useRef33,
+  useEffect as useEffect38,
+  useRef as useRef34,
   useState as useState51
 } from "react";
 init_cn();
@@ -25876,11 +25721,11 @@ function TagSearchInput({
     limitTags,
     placeholder: currentPlaceholder
   });
-  const wrapperRef = useRef33(null);
-  const hiddenTagsRef = useRef33(null);
-  const hiddenTagsPopupRef = useRef33(null);
+  const wrapperRef = useRef34(null);
+  const hiddenTagsRef = useRef34(null);
+  const hiddenTagsPopupRef = useRef34(null);
   const [showHiddenTags, setShowHiddenTags] = useState51(false);
-  useEffect39(() => {
+  useEffect38(() => {
     if (!showHiddenTags) return;
     const handleClick = (e) => {
       const target = e.target;
@@ -26036,7 +25881,7 @@ function TagSearchInput({
 
 // src/components/ui/markdown-editor.tsx
 init_cn();
-import { useRef as useRef34, useCallback as useCallback27, useState as useState52, useEffect as useEffect40 } from "react";
+import { useRef as useRef35, useCallback as useCallback28, useState as useState52, useEffect as useEffect39 } from "react";
 import dynamic from "next/dynamic";
 import { Loader2 as Loader23, Upload as Upload2 } from "lucide-react";
 import { jsx as jsx234, jsxs as jsxs192 } from "react/jsx-runtime";
@@ -26067,7 +25912,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() {
-  useEffect40(() => {
+  useEffect39(() => {
     if (document.getElementById(MARKDOWN_EDITOR_STYLE_ID)) return;
     const style = document.createElement("style");
     style.id = MARKDOWN_EDITOR_STYLE_ID;
@@ -26091,11 +25936,11 @@ function MarkdownEditor({
   onFileUploaded,
   renderPreview
 }) {
-  const fileInputRef = useRef34(null);
+  const fileInputRef = useRef35(null);
   const [isUploading, setIsUploading] = useState52(false);
   const [uploadProgress, setUploadProgress] = useState52("");
   const [defaultExtraCommands, setDefaultExtraCommands] = useState52([]);
-  useEffect40(() => {
+  useEffect39(() => {
     import("@uiw/react-md-editor").then((mod) => {
       if (mod.commands?.getExtraCommands) {
         setDefaultExtraCommands(mod.commands.getExtraCommands());
@@ -26105,7 +25950,7 @@ function MarkdownEditor({
   const handleChange = (val) => {
     onChange(val || "");
   };
-  const insertTextAtCursor = useCallback27(
+  const insertTextAtCursor = useCallback28(
     (text) => {
       const textarea = document.querySelector(
         ".w-md-editor-text-textarea"
@@ -26121,7 +25966,7 @@ function MarkdownEditor({
     },
     [value, onChange]
   );
-  const handleFileUpload = useCallback27(
+  const handleFileUpload = useCallback28(
     async (file) => {
       if (!onUploadFile) return;
       setIsUploading(true);
@@ -26142,7 +25987,7 @@ function MarkdownEditor({
     },
     [onUploadFile, insertTextAtCursor, onFileUploaded]
   );
-  const handleFileInputChange = useCallback27(
+  const handleFileInputChange = useCallback28(
     (e) => {
       const file = e.target.files?.[0];
       if (file) {
@@ -26152,7 +25997,7 @@ function MarkdownEditor({
     },
     [handleFileUpload]
   );
-  const handlePaste = useCallback27(
+  const handlePaste = useCallback28(
     (e) => {
       if (!onUploadFile) return;
       const items = e.clipboardData?.items;
@@ -26184,14 +26029,14 @@ function MarkdownEditor({
     }
   } : null;
   const extraCommands = uploadCommand ? [...defaultExtraCommands, uploadCommand] : defaultExtraCommands;
-  const wrapperRef = useRef34(null);
-  const isDraggingRef = useRef34(false);
-  const mouseYRef = useRef34(0);
-  const rafRef = useRef34(0);
-  const scrollParentRef = useRef34(window);
+  const wrapperRef = useRef35(null);
+  const isDraggingRef = useRef35(false);
+  const mouseYRef = useRef35(0);
+  const rafRef = useRef35(0);
+  const scrollParentRef = useRef35(window);
   const EDGE_ZONE = 60;
   const MAX_SCROLL_SPEED = 15;
-  const findScrollParent = useCallback27((el) => {
+  const findScrollParent = useCallback28((el) => {
     let node = el?.parentElement;
     while (node && node !== document.documentElement) {
       const { overflowY } = window.getComputedStyle(node);
@@ -26202,7 +26047,7 @@ function MarkdownEditor({
     }
     return window;
   }, []);
-  const scrollLoop = useCallback27(() => {
+  const scrollLoop = useCallback28(() => {
     if (!isDraggingRef.current) return;
     const parent = scrollParentRef.current;
     const isWindow = parent === window;
@@ -26218,7 +26063,7 @@ function MarkdownEditor({
     }
     rafRef.current = requestAnimationFrame(scrollLoop);
   }, []);
-  useEffect40(() => {
+  useEffect39(() => {
     const wrapper = wrapperRef.current;
     if (!wrapper) return;
     const onMouseMove = (e) => {
@@ -27500,12 +27345,12 @@ function ArrayEntryManager({
 }) {
   const [draftItems, setDraftItems] = useState58(items);
   const [isDirty, setIsDirty] = useState58(false);
-  useEffect43(() => {
+  useEffect42(() => {
     if (!isDirty && !isSaving) {
       setDraftItems(items);
     }
   }, [items, isDirty, isSaving]);
-  useEffect43(() => {
+  useEffect42(() => {
     if (onDirtyChange) {
       onDirtyChange(isDirty);
     }
@@ -27720,7 +27565,7 @@ function AuthProvidersList({
 
 // src/components/features/changelog-manager.tsx
 import { Trash2 as Trash23, Plus as Plus3, ChevronDown as ChevronDown7, ChevronUp as ChevronUp3, Eye, EyeOff } from "lucide-react";
-import { useState as useState60, useEffect as useEffect44 } from "react";
+import { useState as useState60, useEffect as useEffect43 } from "react";
 import { jsx as jsx247, jsxs as jsxs204 } from "react/jsx-runtime";
 function ChangelogManager({
   title,
@@ -27731,7 +27576,7 @@ function ChangelogManager({
   showVisibilityToggle = false
 }) {
   const [expandedIndices, setExpandedIndices] = useState60(/* @__PURE__ */ new Set());
-  useEffect44(() => {
+  useEffect43(() => {
     if (expandAll && entries.length > 0) {
       setExpandedIndices(new Set(entries.map((_, i) => i)));
     }
@@ -28043,7 +27888,7 @@ var ErrorBoundary = class extends Component {
 
 // src/components/features/figma-prototype-viewer.tsx
 init_cn();
-import { useState as useState61, useRef as useRef37, useEffect as useEffect45, useCallback as useCallback29, useMemo as useMemo22 } from "react";
+import { useState as useState61, useRef as useRef38, useEffect as useEffect44, useCallback as useCallback30, useMemo as useMemo22 } from "react";
 
 // src/components/features/section-selector.tsx
 init_cn();
@@ -28412,10 +28257,10 @@ var FigmaPrototypeViewer = ({
 }) => {
   const clientId = process.env.NEXT_PUBLIC_FIGMA_CLIENT_ID || "UTQPwZHR9OZp68TTGPFFi5";
   const showDebugPanel = process.env.NEXT_PUBLIC_FIGMA_DEBUG === "true";
-  const iframeRef = useRef37(null);
-  const containerRef = useRef37(null);
-  const navTimerRef = useRef37(null);
-  const touchTimerRef = useRef37(null);
+  const iframeRef = useRef38(null);
+  const containerRef = useRef38(null);
+  const navTimerRef = useRef38(null);
+  const touchTimerRef = useRef38(null);
   const [screenWidth, setScreenWidth] = useState61(
     typeof window !== "undefined" ? window.innerWidth : DESKTOP_BREAKPOINT
   );
@@ -28481,7 +28326,7 @@ var FigmaPrototypeViewer = ({
     embedUrl,
     iframeKey
   ]);
-  useEffect45(() => {
+  useEffect44(() => {
     const handleResize = () => {
       const newWidth = window.innerWidth;
       setScreenWidth(newWidth);
@@ -28495,7 +28340,7 @@ var FigmaPrototypeViewer = ({
     return () => window.removeEventListener("resize", handleResize);
   }, []);
   const [lastViewMode, setLastViewMode] = useState61(viewMode);
-  useEffect45(() => {
+  useEffect44(() => {
     if (lastViewMode !== viewMode && iframeState === "READY") {
       console.log("[ViewMode Change]", lastViewMode, "\u2192", viewMode);
       setIframeState("RELOADING");
@@ -28503,7 +28348,7 @@ var FigmaPrototypeViewer = ({
     }
     setLastViewMode(viewMode);
   }, [viewMode, lastViewMode, iframeState]);
-  useEffect45(() => {
+  useEffect44(() => {
     const handleVisibilityChange = () => {
       if (document.visibilityState === "visible" && iframeState === "READY") {
         console.log("[Sleep Recovery] Reloading iframe after sleep");
@@ -28514,7 +28359,7 @@ var FigmaPrototypeViewer = ({
     document.addEventListener("visibilitychange", handleVisibilityChange);
     return () => document.removeEventListener("visibilitychange", handleVisibilityChange);
   }, [iframeState]);
-  useEffect45(() => {
+  useEffect44(() => {
     const handleMessage = (event) => {
       if (event.origin !== "https://www.figma.com") return;
       const validEvents = ["INITIAL_LOAD", "NEW_STATE", "PRESENTED_NODE_CHANGED"];
@@ -28551,7 +28396,7 @@ var FigmaPrototypeViewer = ({
     window.addEventListener("message", handleMessage);
     return () => window.removeEventListener("message", handleMessage);
   }, [config.sections, activeSection, isNavigating, externalActiveSection, config.onSectionChange, viewMode]);
-  const navigateToSection = useCallback29((sectionId) => {
+  const navigateToSection = useCallback30((sectionId) => {
     const section = config.sections.find((s) => s.id === sectionId);
     if (!section || !iframeRef.current?.contentWindow || !isInitialized) {
       return;
@@ -28575,7 +28420,7 @@ var FigmaPrototypeViewer = ({
     if (navTimerRef.current) clearTimeout(navTimerRef.current);
     navTimerRef.current = setTimeout(() => setIsNavigating(false), 500);
   }, [config, isInitialized, viewMode, externalActiveSection]);
-  const handleSectionClick = useCallback29((sectionId) => {
+  const handleSectionClick = useCallback30((sectionId) => {
     const sectionsDisabled = iframeState !== "READY" || isNavigating;
     if (sectionId === activeSection || sectionsDisabled) {
       return;
@@ -28586,7 +28431,7 @@ var FigmaPrototypeViewer = ({
       navigateToSection(sectionId);
     }
   }, [activeSection, iframeState, isNavigating, externalOnSectionClick, navigateToSection]);
-  const handleTouchStart = useCallback29((e) => {
+  const handleTouchStart = useCallback30((e) => {
     const overlayElement = e.currentTarget;
     console.log("[Touch] Touch detected, allowing iframe interaction");
     overlayElement.style.pointerEvents = "none";
@@ -28598,12 +28443,12 @@ var FigmaPrototypeViewer = ({
       }
     }, 500);
   }, []);
-  useEffect45(() => {
+  useEffect44(() => {
     if (externalActiveSection && externalActiveSection !== activeSection && isInitialized) {
       navigateToSection(externalActiveSection);
     }
   }, [externalActiveSection, activeSection, isInitialized, navigateToSection]);
-  useEffect45(() => {
+  useEffect44(() => {
     return () => {
       if (navTimerRef.current) clearTimeout(navTimerRef.current);
       if (touchTimerRef.current) clearTimeout(touchTimerRef.current);
@@ -28706,7 +28551,7 @@ var FigmaPrototypeViewer = ({
 
 // src/components/features/filters-dropdown.tsx
 init_cn();
-import { useEffect as useEffect46, useRef as useRef38, useState as useState62 } from "react";
+import { useEffect as useEffect45, useRef as useRef39, useState as useState62 } from "react";
 import { jsx as jsx253, jsxs as jsxs209 } from "react/jsx-runtime";
 var FilterCheckbox = ({ checked, disabled = false, className }) => {
   return /* @__PURE__ */ jsx253(
@@ -28743,10 +28588,10 @@ var FiltersDropdown = ({
   const [isVisible, setIsVisible] = useState62(false);
   const [isMobile, setIsMobile] = useState62(false);
   const [actualPlacement, setActualPlacement] = useState62(placement);
-  const dropdownRef = useRef38(null);
-  const triggerRef = useRef38(null);
-  const containerRef = useRef38(null);
-  useEffect46(() => {
+  const dropdownRef = useRef39(null);
+  const triggerRef = useRef39(null);
+  const containerRef = useRef39(null);
+  useEffect45(() => {
     if (isOpen) {
       setShouldRender(true);
       let id2 = 0;
@@ -28762,7 +28607,7 @@ var FiltersDropdown = ({
     const t = setTimeout(() => setShouldRender(false), ANIMATION_MS);
     return () => clearTimeout(t);
   }, [isOpen]);
-  useEffect46(() => {
+  useEffect45(() => {
     if (!responsive) {
       setIsMobile(false);
       return;
@@ -28774,7 +28619,7 @@ var FiltersDropdown = ({
     window.addEventListener("resize", checkMobile);
     return () => window.removeEventListener("resize", checkMobile);
   }, [responsive]);
-  useEffect46(() => {
+  useEffect45(() => {
     if (!isOpen || isMobile || !triggerRef.current) return;
     const calculateOptimalPlacement = () => {
       const trigger = triggerRef.current;
@@ -28811,12 +28656,12 @@ var FiltersDropdown = ({
     return initial;
   });
   const currentFiltersStr = currentFilters ? JSON.stringify(currentFilters) : "";
-  useEffect46(() => {
+  useEffect45(() => {
     if (currentFilters) {
       setSelectedFilters({ ...currentFilters });
     }
   }, [currentFiltersStr]);
-  useEffect46(() => {
+  useEffect45(() => {
     const handleClickOutside = (event) => {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -28833,7 +28678,7 @@ var FiltersDropdown = ({
       };
     }
   }, [isOpen, placement]);
-  useEffect46(() => {
+  useEffect45(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape" && isOpen) {
         setIsOpen(false);
@@ -29099,13 +28944,13 @@ function KnowledgeBaseLinksManager({
 }
 
 // src/components/features/loading-provider.tsx
-import { createContext as createContext7, useContext as useContext7, useState as useState63, useEffect as useEffect47 } from "react";
+import { createContext as createContext7, useContext as useContext7, useState as useState63, useEffect as useEffect46 } from "react";
 import { jsx as jsx256, jsxs as jsxs210 } from "react/jsx-runtime";
 var LoadingContext = createContext7(void 0);
 function LoadingProvider({ children }) {
   const [isLoading, setIsLoading] = useState63(false);
   const [progress, setProgress] = useState63(0);
-  useEffect47(() => {
+  useEffect46(() => {
     let interval;
     if (isLoading) {
       setProgress(10);
@@ -29150,7 +28995,7 @@ function useLoading() {
 }
 
 // src/components/features/media-gallery-manager.tsx
-import { useState as useState64, useRef as useRef39, useCallback as useCallback30 } from "react";
+import { useState as useState64, useRef as useRef40, useCallback as useCallback31 } from "react";
 import {
   Upload as Upload3,
   Image as ImageIcon2,
@@ -29171,10 +29016,10 @@ function MediaGalleryManager({
   modalTitle = "Media Gallery",
   className = ""
 }) {
-  const fileInputRef = useRef39(null);
+  const fileInputRef = useRef40(null);
   const [deletingIndex, setDeletingIndex] = useState64(null);
   const [draggedIndex, setDraggedIndex] = useState64(null);
-  const handleFileSelect = useCallback30(async (event) => {
+  const handleFileSelect = useCallback31(async (event) => {
     const file = event.target.files?.[0];
     if (!file) return;
     let mediaType;
@@ -29200,18 +29045,18 @@ function MediaGalleryManager({
       console.error("Upload failed:", error);
     }
   }, [media, onChange, onUpload]);
-  const handleDeleteMedia = useCallback30((index) => {
+  const handleDeleteMedia = useCallback31((index) => {
     setDeletingIndex(index);
     onChange(media.filter((_, i) => i !== index));
     setDeletingIndex(null);
   }, [media, onChange]);
-  const handleDragStart = useCallback30((index) => {
+  const handleDragStart = useCallback31((index) => {
     setDraggedIndex(index);
   }, []);
-  const handleDragOver = useCallback30((e) => {
+  const handleDragOver = useCallback31((e) => {
     e.preventDefault();
   }, []);
-  const handleDrop = useCallback30((e, targetIndex) => {
+  const handleDrop = useCallback31((e, targetIndex) => {
     e.preventDefault();
     if (draggedIndex === null || draggedIndex === targetIndex) {
       setDraggedIndex(null);
@@ -29223,7 +29068,7 @@ function MediaGalleryManager({
     onChange(newMedia.map((item, i) => ({ ...item, display_order: i })));
     setDraggedIndex(null);
   }, [media, draggedIndex, onChange]);
-  const renderMediaItem = useCallback30((mediaItem, index) => {
+  const renderMediaItem = useCallback31((mediaItem, index) => {
     const isDeleting = deletingIndex === index;
     return /* @__PURE__ */ jsxs211(
       Card,
@@ -29383,7 +29228,7 @@ function OSTypeBadgeGroup({
 }
 
 // src/components/features/parallax-image-showcase.tsx
-import { useEffect as useEffect48, useState as useState65, useRef as useRef40 } from "react";
+import { useEffect as useEffect47, useState as useState65, useRef as useRef41 } from "react";
 import Image12 from "next/image";
 import { motion as motion2, useScroll, useTransform, useMotionValue, useSpring } from "framer-motion";
 import { jsx as jsx260, jsxs as jsxs213 } from "react/jsx-runtime";
@@ -29403,8 +29248,8 @@ var ParallaxImageShowcase = ({
   const mouseXSpring = useSpring(mouseX, springConfig);
   const mouseYSpring = useSpring(mouseY, springConfig);
   const [componentRect, setComponentRect] = useState65(null);
-  const componentRef = useRef40(null);
-  useEffect48(() => {
+  const componentRef = useRef41(null);
+  useEffect47(() => {
     const updateRect = () => {
       if (componentRef.current) {
         setComponentRect(componentRef.current.getBoundingClientRect());
@@ -29418,7 +29263,7 @@ var ParallaxImageShowcase = ({
       window.removeEventListener("scroll", updateRect);
     };
   }, []);
-  useEffect48(() => {
+  useEffect47(() => {
     const handleGlobalMouseMove = (e) => {
       if (!componentRect) return;
       const centerX = componentRect.left + componentRect.width / 2;
@@ -30062,7 +29907,7 @@ function PushButtonSelector({
 }
 
 // src/components/features/release-media-manager.tsx
-import { useState as useState66, useRef as useRef41 } from "react";
+import { useState as useState66, useRef as useRef42 } from "react";
 import { Trash2 as Trash25, Plus as Plus5, Image as ImageIcon3, Video as Video4, Upload as Upload4, Loader2 as Loader28, GripVertical as GripVertical2 } from "lucide-react";
 import Image13 from "next/image";
 import { jsx as jsx265, jsxs as jsxs218 } from "react/jsx-runtime";
@@ -30072,7 +29917,7 @@ function ReleaseMediaManager({
   onUpload,
   className = ""
 }) {
-  const fileInputRef = useRef41(null);
+  const fileInputRef = useRef42(null);
   const [uploadingIndex, setUploadingIndex] = useState66(null);
   const handleFileSelect = async (event) => {
     const file = event.target.files?.[0];
@@ -30986,7 +30831,7 @@ function TagsSelector({
 
 // src/components/features/video-source-selector.tsx
 init_button2();
-import { useState as useState69, useCallback as useCallback31 } from "react";
+import { useState as useState69, useCallback as useCallback32 } from "react";
 import { Upload as Upload6, Sparkles as Sparkles3, X as X13, Video as Video5 } from "lucide-react";
 import { jsx as jsx272, jsxs as jsxs224 } from "react/jsx-runtime";
 function VideoSourceSelector({
@@ -31015,7 +30860,7 @@ function VideoSourceSelector({
   const [uploadProgress, setUploadProgress] = useState69(0);
   const [uploadMessage, setUploadMessage] = useState69("");
   const [uploadError, setUploadError] = useState69(null);
-  const handleUploadClick = useCallback31(() => {
+  const handleUploadClick = useCallback32(() => {
     const input = document.createElement("input");
     input.type = "file";
     input.accept = "video/*";
@@ -31046,7 +30891,7 @@ function VideoSourceSelector({
     };
     input.click();
   }, [onUploadVideo, onUploadedVideoUrlChange]);
-  const handleDeleteVideo = useCallback31(() => {
+  const handleDeleteVideo = useCallback32(() => {
     onUploadedVideoUrlChange("");
   }, [onUploadedVideoUrlChange]);
   return /* @__PURE__ */ jsxs224("div", { className: `space-y-4 p-6 bg-ods-card border border-ods-border rounded-lg ${className}`, children: [
@@ -32508,7 +32353,7 @@ function ViewToggle({
 
 // src/components/features/policy-configuration-panel.tsx
 init_cn();
-import { useRef as useRef42, useEffect as useEffect49, useState as useState71 } from "react";
+import { useRef as useRef43, useEffect as useEffect48, useState as useState71 } from "react";
 import { ChevronDown as ChevronDown8 } from "lucide-react";
 init_button2();
 
@@ -32690,8 +32535,8 @@ var PolicyRow = ({ policy, categoryId, editMode, onPermissionChange }) => {
 };
 var useAnimatedHeight = (isExpanded) => {
   const [height, setHeight] = useState71(0);
-  const contentRef = useRef42(null);
-  useEffect49(() => {
+  const contentRef = useRef43(null);
+  useEffect48(() => {
     if (contentRef.current) {
       const contentHeight = contentRef.current.scrollHeight;
       setHeight(isExpanded ? contentHeight : 0);
@@ -32847,7 +32692,7 @@ PolicyConfigurationPanel.displayName = "PolicyConfigurationPanel";
 init_button2();
 init_cn();
 import { getCountries as getCountries2 } from "libphonenumber-js";
-import { useEffect as useEffect50, useState as useState72 } from "react";
+import { useEffect as useEffect49, useState as useState72 } from "react";
 import { Fragment as Fragment41, jsx as jsx292, jsxs as jsxs240 } from "react/jsx-runtime";
 function WaitlistForm({
   id = "waitlist-form",
@@ -32876,12 +32721,12 @@ function WaitlistForm({
   const [isPhoneInvalid, setIsPhoneInvalid] = useState72(false);
   const [showConsentError, setShowConsentError] = useState72(false);
   const isMailDomainGeneric = hasGenericEmailDomain(email);
-  useEffect50(() => {
+  useEffect49(() => {
     if (defaultEmail) {
       setEmail(defaultEmail);
     }
   }, [defaultEmail]);
-  useEffect50(() => {
+  useEffect49(() => {
     setIsClient(true);
     if (!geoApiUrl) return;
     const supportedCountries = new Set(getCountries2());
@@ -33454,7 +33299,7 @@ function EmptyState3() {
 }
 
 // src/components/features/board/use-board-collapse.ts
-import { useCallback as useCallback33, useState as useState73 } from "react";
+import { useCallback as useCallback34, useState as useState73 } from "react";
 function useBoardCollapse(storageKey) {
   const [persisted, setPersisted] = useLocalStorage(
     storageKey ?? "__board_collapse_unused__",
@@ -33463,13 +33308,13 @@ function useBoardCollapse(storageKey) {
   const [memory, setMemory] = useState73({});
   const collapsed = storageKey ? persisted : memory;
   const setMap = storageKey ? setPersisted : setMemory;
-  const toggle = useCallback33(
+  const toggle = useCallback34(
     (columnId) => {
       setMap((prev) => ({ ...prev, [columnId]: !prev[columnId] }));
     },
     [setMap]
   );
-  const setCollapsed = useCallback33(
+  const setCollapsed = useCallback34(
     (columnId, value) => {
       setMap((prev) => ({ ...prev, [columnId]: value }));
     },
@@ -33947,7 +33792,6 @@ export {
   ViewToggle,
   YouTubeEmbed,
   extractYouTubeId,
-  YouTubeLinkParser,
   PolicyConfigurationPanel,
   PhoneInput,
   WaitlistForm,
@@ -34342,4 +34186,4 @@ export {
   TMCG_SOCIAL_PLATFORMS,
   assets
 };
-//# sourceMappingURL=chunk-VY6SYM2L.js.map
+//# sourceMappingURL=chunk-AAX27BCR.js.map