@flamingo-stack/openframe-frontend-core 0.0.177 → 0.0.178

package/dist/{chunk-6LDN3CIY.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();
@@ -16397,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
@@ -16616,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");
@@ -16675,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",
@@ -16774,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 useCallback19 } 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;
@@ -16929,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);
@@ -16951,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);
@@ -16967,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);
@@ -17088,7 +16938,7 @@ var VideoPlayer = ({
       return next;
     });
   }, [hasStarted, isPlaying]);
-  useEffect26(() => {
+  useEffect25(() => {
     if (!hasStarted) return;
     const el = containerRef.current;
     if (!el) return;
@@ -17152,9 +17002,9 @@ var VideoPlayer = ({
       return SPEED_OPTIONS[(idx + 1) % SPEED_OPTIONS.length];
     });
   }, []);
-  const progressBarRef = useRef21(null);
-  const isDraggingRef = useRef21(false);
-  const dragListenersRef = useRef21(null);
+  const progressBarRef = useRef22(null);
+  const isDraggingRef = useRef22(false);
+  const dragListenersRef = useRef22(null);
   const seekToClientX = useCallback19((clientX) => {
     const rect = progressBarRef.current?.getBoundingClientRect();
     if (!rect) return;
@@ -17224,7 +17074,7 @@ var VideoPlayer = ({
     const x = Math.max(30, Math.min(rect.width - 30, e.clientX - rect.left));
     setSeekPreview({ fraction, x });
   }, []);
-  const isTouchRef = useRef21(false);
+  const isTouchRef = useRef22(false);
   const handleContainerClick = useCallback19((e) => {
     if (isTouchRef.current) {
       isTouchRef.current = false;
@@ -17249,16 +17099,14 @@ var VideoPlayer = ({
     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);
@@ -17267,7 +17115,7 @@ var VideoPlayer = ({
       }
     };
   }, []);
-  useEffect26(() => {
+  useEffect25(() => {
     if (!hasStarted) return;
     const video = playerRef.current?.getInternalPlayer();
     if (!video) return;
@@ -17283,22 +17131,16 @@ var VideoPlayer = ({
   const handlePause = useCallback19(() => setIsPlaying(false), []);
   const handleEnded = useCallback19(() => setIsPlaying(false), []);
   const handlePlayClick = useCallback19(() => {
-    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 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 = useCallback19(({ played: p, loaded: l, playedSeconds }) => {
     setPlayed(p);
     setLoaded(l);
@@ -17352,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,
@@ -17373,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
             }
@@ -18358,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 {
@@ -18913,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,
@@ -18929,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) {
@@ -19755,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();
@@ -19841,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();
@@ -20521,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 useCallback22 } 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({
@@ -20554,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 || "";
@@ -20574,7 +20416,7 @@ function TabNavigation({
       controlledOnTabChange?.(tabId);
     }
   };
-  const scrollRef = useRef24(null);
+  const scrollRef = useRef25(null);
   const [canScrollLeft, setCanScrollLeft] = useState42(false);
   const [canScrollRight, setCanScrollRight] = useState42(false);
   const updateScrollShadows = useCallback22(() => {
@@ -20583,7 +20425,7 @@ function TabNavigation({
     setCanScrollLeft(el.scrollLeft > 0);
     setCanScrollRight(el.scrollLeft + el.clientWidth < el.scrollWidth - 1);
   }, []);
-  useEffect32(() => {
+  useEffect31(() => {
     const el = scrollRef.current;
     if (!el) return;
     updateScrollShadows();
@@ -20772,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
@@ -20976,7 +20818,7 @@ function FilterModal({
     return { ...currentFilters };
   });
   const [pendingTags, setPendingTags] = useState43(selectedTags ?? []);
-  useEffect33(() => {
+  useEffect32(() => {
     if (isOpen) {
       setSelectedFilters({ ...currentFilters });
       setPendingTags(selectedTags ?? []);
@@ -21122,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);
     }
@@ -23302,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();
 
@@ -24053,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;
@@ -24268,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 useCallback23 } 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,
@@ -24297,7 +24139,7 @@ function QueryReportTableHeader({
   );
 }
 function TruncatedHeaderCell({ value, width }) {
-  const textRef = useRef28(null);
+  const textRef = useRef29(null);
   const [isTruncated, setIsTruncated] = useState47(false);
   const checkTruncation = useCallback23(() => {
     const el = textRef.current;
@@ -24327,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 useCallback24 } 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,
@@ -24373,7 +24215,7 @@ function QueryReportTableRow({
   );
 }
 function TruncatedCell({ value, className }) {
-  const textRef = useRef29(null);
+  const textRef = useRef30(null);
   const [isTruncated, setIsTruncated] = useState48(false);
   const checkTruncation = useCallback24(() => {
     const el = textRef.current;
@@ -25110,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,
@@ -25119,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;
@@ -25247,7 +25089,7 @@ var DataTable = Object.assign(DataTableRoot, {
 });
 
 // src/components/ui/phone-input.tsx
-import { useCallback as useCallback27, 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,
@@ -25265,7 +25107,7 @@ function PhoneInput({
     [countryCode, priority, others]
   );
   const [isInvalid, setIsInvalid] = useState49(false);
-  const debounceRef = useRef31(null);
+  const debounceRef = useRef32(null);
   const digitCount = useCallback27((val) => val.replace(/[^0-9]/g, "").length, []);
   const runValidation = useCallback27((phone) => {
     if (!phone || digitCount(phone) === 0) {
@@ -25281,7 +25123,7 @@ function PhoneInput({
     if (debounceRef.current) clearTimeout(debounceRef.current);
     debounceRef.current = setTimeout(() => runValidation(phone), 300);
   }, [runValidation]);
-  useEffect37(() => {
+  useEffect36(() => {
     return () => {
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
@@ -25843,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();
@@ -25879,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;
@@ -26039,7 +25881,7 @@ function TagSearchInput({
 
 // src/components/ui/markdown-editor.tsx
 init_cn();
-import { useRef as useRef34, useCallback as useCallback28, 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";
@@ -26070,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;
@@ -26094,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());
@@ -26187,11 +26029,11 @@ 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 = useCallback28((el) => {
@@ -26221,7 +26063,7 @@ function MarkdownEditor({
     }
     rafRef.current = requestAnimationFrame(scrollLoop);
   }, []);
-  useEffect40(() => {
+  useEffect39(() => {
     const wrapper = wrapperRef.current;
     if (!wrapper) return;
     const onMouseMove = (e) => {
@@ -27503,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);
     }
@@ -27723,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,
@@ -27734,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)));
     }
@@ -28046,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 useCallback30, 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();
@@ -28415,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
   );
@@ -28484,7 +28326,7 @@ var FigmaPrototypeViewer = ({
     embedUrl,
     iframeKey
   ]);
-  useEffect45(() => {
+  useEffect44(() => {
     const handleResize = () => {
       const newWidth = window.innerWidth;
       setScreenWidth(newWidth);
@@ -28498,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");
@@ -28506,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");
@@ -28517,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"];
@@ -28601,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);
@@ -28709,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(
@@ -28746,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;
@@ -28765,7 +28607,7 @@ var FiltersDropdown = ({
     const t = setTimeout(() => setShouldRender(false), ANIMATION_MS);
     return () => clearTimeout(t);
   }, [isOpen]);
-  useEffect46(() => {
+  useEffect45(() => {
     if (!responsive) {
       setIsMobile(false);
       return;
@@ -28777,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;
@@ -28814,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);
@@ -28836,7 +28678,7 @@ var FiltersDropdown = ({
       };
     }
   }, [isOpen, placement]);
-  useEffect46(() => {
+  useEffect45(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape" && isOpen) {
         setIsOpen(false);
@@ -29102,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);
@@ -29153,7 +28995,7 @@ function useLoading() {
 }
 
 // src/components/features/media-gallery-manager.tsx
-import { useState as useState64, useRef as useRef39, useCallback as useCallback31 } from "react";
+import { useState as useState64, useRef as useRef40, useCallback as useCallback31 } from "react";
 import {
   Upload as Upload3,
   Image as ImageIcon2,
@@ -29174,7 +29016,7 @@ 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 = useCallback31(async (event) => {
@@ -29386,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";
@@ -29406,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());
@@ -29421,7 +29263,7 @@ var ParallaxImageShowcase = ({
       window.removeEventListener("scroll", updateRect);
     };
   }, []);
-  useEffect48(() => {
+  useEffect47(() => {
     const handleGlobalMouseMove = (e) => {
       if (!componentRect) return;
       const centerX = componentRect.left + componentRect.width / 2;
@@ -30065,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";
@@ -30075,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];
@@ -32511,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();
 
@@ -32693,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);
@@ -32850,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",
@@ -32879,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());
@@ -33950,7 +33792,6 @@ export {
   ViewToggle,
   YouTubeEmbed,
   extractYouTubeId,
-  YouTubeLinkParser,
   PolicyConfigurationPanel,
   PhoneInput,
   WaitlistForm,
@@ -34345,4 +34186,4 @@ export {
   TMCG_SOCIAL_PLATFORMS,
   assets
 };
-//# sourceMappingURL=chunk-6LDN3CIY.js.map
+//# sourceMappingURL=chunk-AAX27BCR.js.map