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

package/dist/{chunk-AAX27BCR.js → chunk-6LDN3CIY.js}

@@ -16,7 +16,7 @@ import {
   useMdUp,
   useOnboardingState,
   useToast
-} from "./chunk-FMWHOUFE.js";
+} from "./chunk-KB2N44BY.js";
 import {
   Button,
   Checkbox,
@@ -413,7 +413,7 @@ function useDynamicTheme() {
 }
 
 // src/components/features/array-entry-manager.tsx
-import { useState as useState58, useEffect as useEffect42 } from "react";
+import { useState as useState58, useEffect as useEffect43 } 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 useEffect26 } from "react";
+import { useState as useState37, useEffect as useEffect27 } from "react";
 import Link4 from "next/link";
 
 // src/components/layout/article-detail-layout.tsx
@@ -16616,20 +16616,58 @@ function ImageGalleryModal({
 import { AlertTriangle, ExternalLink, BookMarked } from "lucide-react";
 
 // src/components/features/youtube-embed.tsx
-import { useRef as useRef21, useState as useState34 } from "react";
+import { useState as useState34, useEffect as useEffect25 } from "react";
+import ReactPlayer from "react-player/youtube";
 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,
-  aboveTheFold = false
+  minimalControls = false
 }) => {
-  const [activated, setActivated] = useState34(false);
-  const iframeSlotRef = useRef21(null);
-  const embedParams = new URLSearchParams({ autoplay: "1", rel: "0", modestbranding: "1", playsinline: "1" });
+  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"
+  });
   if (minimalControls) {
     embedParams.set("controls", "0");
     embedParams.set("showinfo", "0");
@@ -16637,60 +16675,96 @@ 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__ */ 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(
+    /* @__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(
         "button",
         {
-          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" }) }) }) })
-          ]
+          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" })
         }
-      )
-    ] }) }),
+      ) })
+    ] }),
     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: watchUrl,
+          href: videoUrl,
           target: "_blank",
           rel: "noopener noreferrer",
           className: "video-link font-sans text-ods-accent hover:text-ods-accent-hover transition-colors duration-200",
@@ -16700,37 +16774,111 @@ 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) => {
-  let u;
-  try {
-    u = new URL(url);
-  } catch {
-    return null;
+  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];
+    }
   }
-  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 null;
+};
+var YouTubeLinkParser = ({ href, children }) => {
+  const videoId = extractYouTubeId(href);
+  if (videoId) {
+    return /* @__PURE__ */ jsx138(YouTubeEmbed, { videoId, title: typeof children === "string" ? children : void 0 });
   }
-  const v = u.searchParams.get("v");
-  if (v) return v;
-  const m = u.pathname.match(YT_PATH_RE);
-  return m ? m[1] : 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
+    }
+  );
 };
 
 // src/components/features/video-player.tsx
-import { useState as useState35, useEffect as useEffect25, useRef as useRef22, useMemo as useMemo11, useCallback as useCallback19 } from "react";
-import ReactPlayer from "react-player";
+import { useState as useState35, useEffect as useEffect26, useRef as useRef21, useMemo as useMemo11, useCallback as useCallback19 } from "react";
+import ReactPlayer2 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;
@@ -16781,6 +16929,7 @@ 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);
@@ -16802,14 +16951,14 @@ var VideoPlayer = ({
   srtContent,
   captionsUrl,
   subtitleLabel,
-  preloadStrategy = "metadata"
+  lazyMount = false
 }) => {
   const [hasError, setHasError] = useState35(false);
   const [isPlaying, setIsPlaying] = useState35(autoPlay);
   const [mounted, setMounted] = useState35(false);
   const [hasStarted, setHasStarted] = useState35(autoPlay);
-  const playerRef = useRef22(null);
-  const containerRef = useRef22(null);
+  const playerRef = useRef21(null);
+  const containerRef = useRef21(null);
   const [played, setPlayed] = useState35(0);
   const [loaded, setLoaded] = useState35(0);
   const [duration, setDuration] = useState35(0);
@@ -16818,13 +16967,14 @@ var VideoPlayer = ({
   const [isMuted, setIsMuted] = useState35(muted);
   const [isBuffering, setIsBuffering] = useState35(false);
   const [showControls, setShowControls] = useState35(true);
-  const hideTimeoutRef = useRef22(void 0);
-  const clickTimerRef = useRef22(void 0);
-  const iosFullscreenTimerRef = useRef22(void 0);
+  const hideTimeoutRef = useRef21(void 0);
+  const clickTimerRef = useRef21(void 0);
+  const iosFullscreenTimerRef = useRef21(void 0);
+  const lazyMountFailureTimerRef = useRef21(void 0);
   const [captionsEnabled, setCaptionsEnabled] = useState35(true);
   const [isFullscreen, setIsFullscreen] = useState35(false);
   const { activeText, updateTime, hasCues } = useSubtitleOverlay(srtContent);
-  useEffect25(() => {
+  useEffect26(() => {
     const onChange = () => {
       const fsEl = document.fullscreenElement || document.webkitFullscreenElement;
       setIsFullscreen(!!fsEl);
@@ -16938,7 +17088,7 @@ var VideoPlayer = ({
       return next;
     });
   }, [hasStarted, isPlaying]);
-  useEffect25(() => {
+  useEffect26(() => {
     if (!hasStarted) return;
     const el = containerRef.current;
     if (!el) return;
@@ -17002,9 +17152,9 @@ var VideoPlayer = ({
       return SPEED_OPTIONS[(idx + 1) % SPEED_OPTIONS.length];
     });
   }, []);
-  const progressBarRef = useRef22(null);
-  const isDraggingRef = useRef22(false);
-  const dragListenersRef = useRef22(null);
+  const progressBarRef = useRef21(null);
+  const isDraggingRef = useRef21(false);
+  const dragListenersRef = useRef21(null);
   const seekToClientX = useCallback19((clientX) => {
     const rect = progressBarRef.current?.getBoundingClientRect();
     if (!rect) return;
@@ -17074,7 +17224,7 @@ var VideoPlayer = ({
     const x = Math.max(30, Math.min(rect.width - 30, e.clientX - rect.left));
     setSeekPreview({ fraction, x });
   }, []);
-  const isTouchRef = useRef22(false);
+  const isTouchRef = useRef21(false);
   const handleContainerClick = useCallback19((e) => {
     if (isTouchRef.current) {
       isTouchRef.current = false;
@@ -17099,14 +17249,16 @@ var VideoPlayer = ({
     if (!hasStarted) return;
     handleTouchToggle();
   }, [hasStarted, handleTouchToggle]);
-  const effectivePoster = poster || void 0;
+  const extractedPoster = useVideoFirstFramePoster(url, !lazyMount && !hasStarted && !poster);
+  const effectivePoster = poster || extractedPoster || void 0;
   const posterBgColor = useImageEdgeColor(effectivePoster);
-  useEffect25(() => {
+  useEffect26(() => {
     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);
@@ -17115,7 +17267,7 @@ var VideoPlayer = ({
       }
     };
   }, []);
-  useEffect25(() => {
+  useEffect26(() => {
     if (!hasStarted) return;
     const video = playerRef.current?.getInternalPlayer();
     if (!video) return;
@@ -17131,16 +17283,22 @@ var VideoPlayer = ({
   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");
+    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");
+      }
     }
     setHasStarted(true);
     setIsPlaying(true);
-  }, []);
+  }, [lazyMount]);
   const handleProgress = useCallback19(({ played: p, loaded: l, playedSeconds }) => {
     setPlayed(p);
     setLoaded(l);
@@ -17194,7 +17352,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(
-            ReactPlayer,
+            ReactPlayer2,
             {
               ref: playerRef,
               url,
@@ -17215,7 +17373,7 @@ var VideoPlayer = ({
               onBufferEnd: handleBufferEnd,
               onProgress: handleProgress,
               progressInterval: 200,
-              config: { file: { attributes: { controlsList: "nodownload", playsInline: true, preload: hasStarted ? "auto" : preloadStrategy } } },
+              config: { file: { attributes: { controlsList: "nodownload", playsInline: true, preload: lazyMount && !hasStarted ? "none" : hasStarted ? "auto" : "metadata" } } },
               light: false,
               playsinline: true
             }
@@ -18200,7 +18358,7 @@ function ReleaseDetailPage({
   const [deliveryData, setDeliveryData] = useState37(null);
   const [roadmapLoading, setRoadmapLoading] = useState37(false);
   const [deliveryLoading, setDeliveryLoading] = useState37(false);
-  useEffect26(() => {
+  useEffect27(() => {
     async function fetchLinkedTasks() {
       if (!release) return;
       try {
@@ -18755,7 +18913,7 @@ function CompactPageLoader({
 }
 
 // src/components/ui/progress-bar.tsx
-import { useEffect as useEffect28, useRef as useRef23, useState as useState39 } from "react";
+import { useEffect as useEffect29, useRef as useRef22, useState as useState39 } from "react";
 import { jsx as jsx152 } from "react/jsx-runtime";
 var ProgressBar = ({
   progress,
@@ -18771,9 +18929,9 @@ var ProgressBar = ({
   const isMdUp = useMdUp() ?? true;
   const effectiveSegmentWidth = isMdUp ? segmentWidth : mobileSegmentWidth;
   const effectiveHeight = isMdUp ? height : mobileHeight;
-  const containerRef = useRef23(null);
+  const containerRef = useRef22(null);
   const [segmentCount, setSegmentCount] = useState39(0);
-  useEffect28(() => {
+  useEffect29(() => {
     if (!containerRef.current) return;
     const resizeObserver = new ResizeObserver(() => {
       if (containerRef.current) {
@@ -19597,11 +19755,11 @@ DialogDescription.displayName = DialogPrimitive3.Description.displayName;
 // src/components/ui/modal.tsx
 init_cn();
 import * as React56 from "react";
-import { useEffect as useEffect29 } from "react";
+import { useEffect as useEffect30 } from "react";
 import { jsx as jsx158, jsxs as jsxs129 } from "react/jsx-runtime";
 var Modal = React56.forwardRef(
   ({ isOpen, onClose, children, className }, ref) => {
-    useEffect29(() => {
+    useEffect30(() => {
       const handleKeyDown = (event) => {
         if (event.key === "Escape") {
           onClose();
@@ -19683,13 +19841,13 @@ ModalFooter.displayName = "ModalFooter";
 
 // src/components/ui/modal-v2.tsx
 import * as React57 from "react";
-import { useEffect as useEffect30 } from "react";
+import { useEffect as useEffect31 } 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) => {
-    useEffect30(() => {
+    useEffect31(() => {
       const handleKeyDown = (event) => {
         if (event.key === "Escape") {
           onClose();
@@ -20363,7 +20521,7 @@ function TabContent({
 
 // src/components/ui/tab-navigation.tsx
 init_cn();
-import { useState as useState42, useEffect as useEffect31, useMemo as useMemo12, useRef as useRef25, useCallback as useCallback22 } from "react";
+import { useState as useState42, useEffect as useEffect32, useMemo as useMemo12, useRef as useRef24, 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({
@@ -20396,7 +20554,7 @@ function TabNavigation({
   };
   const [internalActiveTab, setInternalActiveTab] = useState42(getInitialTab);
   const activeTab = isUrlSyncEnabled ? internalActiveTab : controlledActiveTab || "";
-  useEffect31(() => {
+  useEffect32(() => {
     if (!isUrlSyncEnabled) return;
     const fromUrl = searchParams?.get(paramName) || "";
     const nextTab = validTabIds.has(fromUrl) ? fromUrl : defaultTab || tabs[0]?.id || "";
@@ -20416,7 +20574,7 @@ function TabNavigation({
       controlledOnTabChange?.(tabId);
     }
   };
-  const scrollRef = useRef25(null);
+  const scrollRef = useRef24(null);
   const [canScrollLeft, setCanScrollLeft] = useState42(false);
   const [canScrollRight, setCanScrollRight] = useState42(false);
   const updateScrollShadows = useCallback22(() => {
@@ -20425,7 +20583,7 @@ function TabNavigation({
     setCanScrollLeft(el.scrollLeft > 0);
     setCanScrollRight(el.scrollLeft + el.clientWidth < el.scrollWidth - 1);
   }, []);
-  useEffect31(() => {
+  useEffect32(() => {
     const el = scrollRef.current;
     if (!el) return;
     updateScrollShadows();
@@ -20614,11 +20772,11 @@ function StatusIndicator({ status, label, href }) {
 
 // src/components/layout/list-page-layout.tsx
 init_cn();
-import { useEffect as useEffect33, useState as useState44 } from "react";
+import { useEffect as useEffect34, useState as useState44 } from "react";
 
 // src/components/ui/filter-modal.tsx
 init_cn();
-import { useEffect as useEffect32, useState as useState43 } from "react";
+import { useEffect as useEffect33, useState as useState43 } from "react";
 init_button2();
 
 // src/components/ui/filter-checkbox-item.tsx
@@ -20818,7 +20976,7 @@ function FilterModal({
     return { ...currentFilters };
   });
   const [pendingTags, setPendingTags] = useState43(selectedTags ?? []);
-  useEffect32(() => {
+  useEffect33(() => {
     if (isOpen) {
       setSelectedFilters({ ...currentFilters });
       setPendingTags(selectedTags ?? []);
@@ -20964,10 +21122,10 @@ function ListPageLayout({
   const [mobileFilterOpen, setMobileFilterOpen] = useState44(false);
   const [localSearchValue, setLocalSearchValue] = useState44(searchValue);
   const debouncedSearchValue = useDebounce(localSearchValue, 500);
-  useEffect33(() => {
+  useEffect34(() => {
     setLocalSearchValue(searchValue);
   }, [searchValue]);
-  useEffect33(() => {
+  useEffect34(() => {
     if (debouncedSearchValue !== searchValue) {
       onSearch(debouncedSearchValue);
     }
@@ -23144,7 +23302,7 @@ var ListLoader = (props) => /* @__PURE__ */ jsx206(ContentLoader, { ...props, va
 
 // src/components/ui/table/table.tsx
 init_cn();
-import { useEffect as useEffect34, useRef as useRef28 } from "react";
+import { useEffect as useEffect35, useRef as useRef27 } from "react";
 init_pagination();
 init_button2();
 
@@ -23895,10 +24053,10 @@ function Table({
   };
   const allSelected = selectedRows.length > 0 && selectedRows.length === data.length;
   const someSelected = selectedRows.length > 0 && selectedRows.length < data.length;
-  const sentinelRef = useRef28(null);
-  const onLoadMoreRef = useRef28(infiniteScroll?.onLoadMore);
+  const sentinelRef = useRef27(null);
+  const onLoadMoreRef = useRef27(infiniteScroll?.onLoadMore);
   onLoadMoreRef.current = infiniteScroll?.onLoadMore;
-  useEffect34(() => {
+  useEffect35(() => {
     if (!infiniteScroll?.hasNextPage || infiniteScroll.isFetchingNextPage) return;
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -24110,7 +24268,7 @@ import { useMemo as useMemo16 } from "react";
 
 // src/components/ui/query-report-table/query-report-table-header.tsx
 init_cn();
-import { useRef as useRef29, useState as useState47, useCallback as useCallback23 } from "react";
+import { useRef as useRef28, useState as useState47, useCallback as useCallback23 } from "react";
 import { jsx as jsx217, jsxs as jsxs176 } from "react/jsx-runtime";
 function QueryReportTableHeader({
   columns,
@@ -24139,7 +24297,7 @@ function QueryReportTableHeader({
   );
 }
 function TruncatedHeaderCell({ value, width }) {
-  const textRef = useRef29(null);
+  const textRef = useRef28(null);
   const [isTruncated, setIsTruncated] = useState47(false);
   const checkTruncation = useCallback23(() => {
     const el = textRef.current;
@@ -24169,7 +24327,7 @@ function TruncatedHeaderCell({ value, width }) {
 
 // src/components/ui/query-report-table/query-report-table-row.tsx
 init_cn();
-import { useRef as useRef30, useState as useState48, useCallback as useCallback24 } from "react";
+import { useRef as useRef29, useState as useState48, useCallback as useCallback24 } from "react";
 import { jsx as jsx218, jsxs as jsxs177 } from "react/jsx-runtime";
 function QueryReportTableRow({
   row,
@@ -24215,7 +24373,7 @@ function QueryReportTableRow({
   );
 }
 function TruncatedCell({ value, className }) {
-  const textRef = useRef30(null);
+  const textRef = useRef29(null);
   const [isTruncated, setIsTruncated] = useState48(false);
   const checkTruncation = useCallback24(() => {
     const el = textRef.current;
@@ -24952,7 +25110,7 @@ function DataTableBody({
 }
 
 // src/components/ui/data-table/data-table-infinite-footer.tsx
-import { useEffect as useEffect35, useRef as useRef31 } from "react";
+import { useEffect as useEffect36, useRef as useRef30 } from "react";
 import { Fragment as Fragment34, jsx as jsx228, jsxs as jsxs186 } from "react/jsx-runtime";
 function DataTableInfiniteFooter({
   hasNextPage,
@@ -24961,10 +25119,10 @@ function DataTableInfiniteFooter({
   skeletonRows = 3,
   rootMargin = "200px"
 }) {
-  const sentinelRef = useRef31(null);
-  const onLoadMoreRef = useRef31(onLoadMore);
+  const sentinelRef = useRef30(null);
+  const onLoadMoreRef = useRef30(onLoadMore);
   onLoadMoreRef.current = onLoadMore;
-  useEffect35(() => {
+  useEffect36(() => {
     if (!hasNextPage || isFetchingNextPage) return;
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
@@ -25089,7 +25247,7 @@ var DataTable = Object.assign(DataTableRoot, {
 });
 
 // src/components/ui/phone-input.tsx
-import { useCallback as useCallback27, useEffect as useEffect36, useMemo as useMemo18, useRef as useRef32, useState as useState49 } from "react";
+import { useCallback as useCallback27, useEffect as useEffect37, useMemo as useMemo18, useRef as useRef31, useState as useState49 } from "react";
 import { jsx as jsx230, jsxs as jsxs188 } from "react/jsx-runtime";
 function PhoneInput({
   value,
@@ -25107,7 +25265,7 @@ function PhoneInput({
     [countryCode, priority, others]
   );
   const [isInvalid, setIsInvalid] = useState49(false);
-  const debounceRef = useRef32(null);
+  const debounceRef = useRef31(null);
   const digitCount = useCallback27((val) => val.replace(/[^0-9]/g, "").length, []);
   const runValidation = useCallback27((phone) => {
     if (!phone || digitCount(phone) === 0) {
@@ -25123,7 +25281,7 @@ function PhoneInput({
     if (debounceRef.current) clearTimeout(debounceRef.current);
     debounceRef.current = setTimeout(() => runValidation(phone), 300);
   }, [runValidation]);
-  useEffect36(() => {
+  useEffect37(() => {
     return () => {
       if (debounceRef.current) clearTimeout(debounceRef.current);
     };
@@ -25685,8 +25843,8 @@ function FilterList({
 
 // src/components/ui/tag-search-input.tsx
 import {
-  useEffect as useEffect38,
-  useRef as useRef34,
+  useEffect as useEffect39,
+  useRef as useRef33,
   useState as useState51
 } from "react";
 init_cn();
@@ -25721,11 +25879,11 @@ function TagSearchInput({
     limitTags,
     placeholder: currentPlaceholder
   });
-  const wrapperRef = useRef34(null);
-  const hiddenTagsRef = useRef34(null);
-  const hiddenTagsPopupRef = useRef34(null);
+  const wrapperRef = useRef33(null);
+  const hiddenTagsRef = useRef33(null);
+  const hiddenTagsPopupRef = useRef33(null);
   const [showHiddenTags, setShowHiddenTags] = useState51(false);
-  useEffect38(() => {
+  useEffect39(() => {
     if (!showHiddenTags) return;
     const handleClick = (e) => {
       const target = e.target;
@@ -25881,7 +26039,7 @@ function TagSearchInput({
 
 // src/components/ui/markdown-editor.tsx
 init_cn();
-import { useRef as useRef35, useCallback as useCallback28, useState as useState52, useEffect as useEffect39 } from "react";
+import { useRef as useRef34, useCallback as useCallback28, useState as useState52, useEffect as useEffect40 } 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";
@@ -25912,7 +26070,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() {
-  useEffect39(() => {
+  useEffect40(() => {
     if (document.getElementById(MARKDOWN_EDITOR_STYLE_ID)) return;
     const style = document.createElement("style");
     style.id = MARKDOWN_EDITOR_STYLE_ID;
@@ -25936,11 +26094,11 @@ function MarkdownEditor({
   onFileUploaded,
   renderPreview
 }) {
-  const fileInputRef = useRef35(null);
+  const fileInputRef = useRef34(null);
   const [isUploading, setIsUploading] = useState52(false);
   const [uploadProgress, setUploadProgress] = useState52("");
   const [defaultExtraCommands, setDefaultExtraCommands] = useState52([]);
-  useEffect39(() => {
+  useEffect40(() => {
     import("@uiw/react-md-editor").then((mod) => {
       if (mod.commands?.getExtraCommands) {
         setDefaultExtraCommands(mod.commands.getExtraCommands());
@@ -26029,11 +26187,11 @@ function MarkdownEditor({
     }
   } : null;
   const extraCommands = uploadCommand ? [...defaultExtraCommands, uploadCommand] : defaultExtraCommands;
-  const wrapperRef = useRef35(null);
-  const isDraggingRef = useRef35(false);
-  const mouseYRef = useRef35(0);
-  const rafRef = useRef35(0);
-  const scrollParentRef = useRef35(window);
+  const wrapperRef = useRef34(null);
+  const isDraggingRef = useRef34(false);
+  const mouseYRef = useRef34(0);
+  const rafRef = useRef34(0);
+  const scrollParentRef = useRef34(window);
   const EDGE_ZONE = 60;
   const MAX_SCROLL_SPEED = 15;
   const findScrollParent = useCallback28((el) => {
@@ -26063,7 +26221,7 @@ function MarkdownEditor({
     }
     rafRef.current = requestAnimationFrame(scrollLoop);
   }, []);
-  useEffect39(() => {
+  useEffect40(() => {
     const wrapper = wrapperRef.current;
     if (!wrapper) return;
     const onMouseMove = (e) => {
@@ -27345,12 +27503,12 @@ function ArrayEntryManager({
 }) {
   const [draftItems, setDraftItems] = useState58(items);
   const [isDirty, setIsDirty] = useState58(false);
-  useEffect42(() => {
+  useEffect43(() => {
     if (!isDirty && !isSaving) {
       setDraftItems(items);
     }
   }, [items, isDirty, isSaving]);
-  useEffect42(() => {
+  useEffect43(() => {
     if (onDirtyChange) {
       onDirtyChange(isDirty);
     }
@@ -27565,7 +27723,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 useEffect43 } from "react";
+import { useState as useState60, useEffect as useEffect44 } from "react";
 import { jsx as jsx247, jsxs as jsxs204 } from "react/jsx-runtime";
 function ChangelogManager({
   title,
@@ -27576,7 +27734,7 @@ function ChangelogManager({
   showVisibilityToggle = false
 }) {
   const [expandedIndices, setExpandedIndices] = useState60(/* @__PURE__ */ new Set());
-  useEffect43(() => {
+  useEffect44(() => {
     if (expandAll && entries.length > 0) {
       setExpandedIndices(new Set(entries.map((_, i) => i)));
     }
@@ -27888,7 +28046,7 @@ var ErrorBoundary = class extends Component {
 
 // src/components/features/figma-prototype-viewer.tsx
 init_cn();
-import { useState as useState61, useRef as useRef38, useEffect as useEffect44, useCallback as useCallback30, useMemo as useMemo22 } from "react";
+import { useState as useState61, useRef as useRef37, useEffect as useEffect45, useCallback as useCallback30, useMemo as useMemo22 } from "react";
 
 // src/components/features/section-selector.tsx
 init_cn();
@@ -28257,10 +28415,10 @@ var FigmaPrototypeViewer = ({
 }) => {
   const clientId = process.env.NEXT_PUBLIC_FIGMA_CLIENT_ID || "UTQPwZHR9OZp68TTGPFFi5";
   const showDebugPanel = process.env.NEXT_PUBLIC_FIGMA_DEBUG === "true";
-  const iframeRef = useRef38(null);
-  const containerRef = useRef38(null);
-  const navTimerRef = useRef38(null);
-  const touchTimerRef = useRef38(null);
+  const iframeRef = useRef37(null);
+  const containerRef = useRef37(null);
+  const navTimerRef = useRef37(null);
+  const touchTimerRef = useRef37(null);
   const [screenWidth, setScreenWidth] = useState61(
     typeof window !== "undefined" ? window.innerWidth : DESKTOP_BREAKPOINT
   );
@@ -28326,7 +28484,7 @@ var FigmaPrototypeViewer = ({
     embedUrl,
     iframeKey
   ]);
-  useEffect44(() => {
+  useEffect45(() => {
     const handleResize = () => {
       const newWidth = window.innerWidth;
       setScreenWidth(newWidth);
@@ -28340,7 +28498,7 @@ var FigmaPrototypeViewer = ({
     return () => window.removeEventListener("resize", handleResize);
   }, []);
   const [lastViewMode, setLastViewMode] = useState61(viewMode);
-  useEffect44(() => {
+  useEffect45(() => {
     if (lastViewMode !== viewMode && iframeState === "READY") {
       console.log("[ViewMode Change]", lastViewMode, "\u2192", viewMode);
       setIframeState("RELOADING");
@@ -28348,7 +28506,7 @@ var FigmaPrototypeViewer = ({
     }
     setLastViewMode(viewMode);
   }, [viewMode, lastViewMode, iframeState]);
-  useEffect44(() => {
+  useEffect45(() => {
     const handleVisibilityChange = () => {
       if (document.visibilityState === "visible" && iframeState === "READY") {
         console.log("[Sleep Recovery] Reloading iframe after sleep");
@@ -28359,7 +28517,7 @@ var FigmaPrototypeViewer = ({
     document.addEventListener("visibilitychange", handleVisibilityChange);
     return () => document.removeEventListener("visibilitychange", handleVisibilityChange);
   }, [iframeState]);
-  useEffect44(() => {
+  useEffect45(() => {
     const handleMessage = (event) => {
       if (event.origin !== "https://www.figma.com") return;
       const validEvents = ["INITIAL_LOAD", "NEW_STATE", "PRESENTED_NODE_CHANGED"];
@@ -28443,12 +28601,12 @@ var FigmaPrototypeViewer = ({
       }
     }, 500);
   }, []);
-  useEffect44(() => {
+  useEffect45(() => {
     if (externalActiveSection && externalActiveSection !== activeSection && isInitialized) {
       navigateToSection(externalActiveSection);
     }
   }, [externalActiveSection, activeSection, isInitialized, navigateToSection]);
-  useEffect44(() => {
+  useEffect45(() => {
     return () => {
       if (navTimerRef.current) clearTimeout(navTimerRef.current);
       if (touchTimerRef.current) clearTimeout(touchTimerRef.current);
@@ -28551,7 +28709,7 @@ var FigmaPrototypeViewer = ({
 
 // src/components/features/filters-dropdown.tsx
 init_cn();
-import { useEffect as useEffect45, useRef as useRef39, useState as useState62 } from "react";
+import { useEffect as useEffect46, useRef as useRef38, 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(
@@ -28588,10 +28746,10 @@ var FiltersDropdown = ({
   const [isVisible, setIsVisible] = useState62(false);
   const [isMobile, setIsMobile] = useState62(false);
   const [actualPlacement, setActualPlacement] = useState62(placement);
-  const dropdownRef = useRef39(null);
-  const triggerRef = useRef39(null);
-  const containerRef = useRef39(null);
-  useEffect45(() => {
+  const dropdownRef = useRef38(null);
+  const triggerRef = useRef38(null);
+  const containerRef = useRef38(null);
+  useEffect46(() => {
     if (isOpen) {
       setShouldRender(true);
       let id2 = 0;
@@ -28607,7 +28765,7 @@ var FiltersDropdown = ({
     const t = setTimeout(() => setShouldRender(false), ANIMATION_MS);
     return () => clearTimeout(t);
   }, [isOpen]);
-  useEffect45(() => {
+  useEffect46(() => {
     if (!responsive) {
       setIsMobile(false);
       return;
@@ -28619,7 +28777,7 @@ var FiltersDropdown = ({
     window.addEventListener("resize", checkMobile);
     return () => window.removeEventListener("resize", checkMobile);
   }, [responsive]);
-  useEffect45(() => {
+  useEffect46(() => {
     if (!isOpen || isMobile || !triggerRef.current) return;
     const calculateOptimalPlacement = () => {
       const trigger = triggerRef.current;
@@ -28656,12 +28814,12 @@ var FiltersDropdown = ({
     return initial;
   });
   const currentFiltersStr = currentFilters ? JSON.stringify(currentFilters) : "";
-  useEffect45(() => {
+  useEffect46(() => {
     if (currentFilters) {
       setSelectedFilters({ ...currentFilters });
     }
   }, [currentFiltersStr]);
-  useEffect45(() => {
+  useEffect46(() => {
     const handleClickOutside = (event) => {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -28678,7 +28836,7 @@ var FiltersDropdown = ({
       };
     }
   }, [isOpen, placement]);
-  useEffect45(() => {
+  useEffect46(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape" && isOpen) {
         setIsOpen(false);
@@ -28944,13 +29102,13 @@ function KnowledgeBaseLinksManager({
 }
 
 // src/components/features/loading-provider.tsx
-import { createContext as createContext7, useContext as useContext7, useState as useState63, useEffect as useEffect46 } from "react";
+import { createContext as createContext7, useContext as useContext7, useState as useState63, useEffect as useEffect47 } 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);
-  useEffect46(() => {
+  useEffect47(() => {
     let interval;
     if (isLoading) {
       setProgress(10);
@@ -28995,7 +29153,7 @@ function useLoading() {
 }
 
 // src/components/features/media-gallery-manager.tsx
-import { useState as useState64, useRef as useRef40, useCallback as useCallback31 } from "react";
+import { useState as useState64, useRef as useRef39, useCallback as useCallback31 } from "react";
 import {
   Upload as Upload3,
   Image as ImageIcon2,
@@ -29016,7 +29174,7 @@ function MediaGalleryManager({
   modalTitle = "Media Gallery",
   className = ""
 }) {
-  const fileInputRef = useRef40(null);
+  const fileInputRef = useRef39(null);
   const [deletingIndex, setDeletingIndex] = useState64(null);
   const [draggedIndex, setDraggedIndex] = useState64(null);
   const handleFileSelect = useCallback31(async (event) => {
@@ -29228,7 +29386,7 @@ function OSTypeBadgeGroup({
 }
 
 // src/components/features/parallax-image-showcase.tsx
-import { useEffect as useEffect47, useState as useState65, useRef as useRef41 } from "react";
+import { useEffect as useEffect48, useState as useState65, useRef as useRef40 } 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";
@@ -29248,8 +29406,8 @@ var ParallaxImageShowcase = ({
   const mouseXSpring = useSpring(mouseX, springConfig);
   const mouseYSpring = useSpring(mouseY, springConfig);
   const [componentRect, setComponentRect] = useState65(null);
-  const componentRef = useRef41(null);
-  useEffect47(() => {
+  const componentRef = useRef40(null);
+  useEffect48(() => {
     const updateRect = () => {
       if (componentRef.current) {
         setComponentRect(componentRef.current.getBoundingClientRect());
@@ -29263,7 +29421,7 @@ var ParallaxImageShowcase = ({
       window.removeEventListener("scroll", updateRect);
     };
   }, []);
-  useEffect47(() => {
+  useEffect48(() => {
     const handleGlobalMouseMove = (e) => {
       if (!componentRect) return;
       const centerX = componentRect.left + componentRect.width / 2;
@@ -29907,7 +30065,7 @@ function PushButtonSelector({
 }
 
 // src/components/features/release-media-manager.tsx
-import { useState as useState66, useRef as useRef42 } from "react";
+import { useState as useState66, useRef as useRef41 } 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";
@@ -29917,7 +30075,7 @@ function ReleaseMediaManager({
   onUpload,
   className = ""
 }) {
-  const fileInputRef = useRef42(null);
+  const fileInputRef = useRef41(null);
   const [uploadingIndex, setUploadingIndex] = useState66(null);
   const handleFileSelect = async (event) => {
     const file = event.target.files?.[0];
@@ -32353,7 +32511,7 @@ function ViewToggle({
 
 // src/components/features/policy-configuration-panel.tsx
 init_cn();
-import { useRef as useRef43, useEffect as useEffect48, useState as useState71 } from "react";
+import { useRef as useRef42, useEffect as useEffect49, useState as useState71 } from "react";
 import { ChevronDown as ChevronDown8 } from "lucide-react";
 init_button2();
 
@@ -32535,8 +32693,8 @@ var PolicyRow = ({ policy, categoryId, editMode, onPermissionChange }) => {
 };
 var useAnimatedHeight = (isExpanded) => {
   const [height, setHeight] = useState71(0);
-  const contentRef = useRef43(null);
-  useEffect48(() => {
+  const contentRef = useRef42(null);
+  useEffect49(() => {
     if (contentRef.current) {
       const contentHeight = contentRef.current.scrollHeight;
       setHeight(isExpanded ? contentHeight : 0);
@@ -32692,7 +32850,7 @@ PolicyConfigurationPanel.displayName = "PolicyConfigurationPanel";
 init_button2();
 init_cn();
 import { getCountries as getCountries2 } from "libphonenumber-js";
-import { useEffect as useEffect49, useState as useState72 } from "react";
+import { useEffect as useEffect50, useState as useState72 } from "react";
 import { Fragment as Fragment41, jsx as jsx292, jsxs as jsxs240 } from "react/jsx-runtime";
 function WaitlistForm({
   id = "waitlist-form",
@@ -32721,12 +32879,12 @@ function WaitlistForm({
   const [isPhoneInvalid, setIsPhoneInvalid] = useState72(false);
   const [showConsentError, setShowConsentError] = useState72(false);
   const isMailDomainGeneric = hasGenericEmailDomain(email);
-  useEffect49(() => {
+  useEffect50(() => {
     if (defaultEmail) {
       setEmail(defaultEmail);
     }
   }, [defaultEmail]);
-  useEffect49(() => {
+  useEffect50(() => {
     setIsClient(true);
     if (!geoApiUrl) return;
     const supportedCountries = new Set(getCountries2());
@@ -33792,6 +33950,7 @@ export {
   ViewToggle,
   YouTubeEmbed,
   extractYouTubeId,
+  YouTubeLinkParser,
   PolicyConfigurationPanel,
   PhoneInput,
   WaitlistForm,
@@ -34186,4 +34345,4 @@ export {
   TMCG_SOCIAL_PLATFORMS,
   assets
 };
-//# sourceMappingURL=chunk-AAX27BCR.js.map
+//# sourceMappingURL=chunk-6LDN3CIY.js.map