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

package/dist/{chunk-L4T24AN4.cjs → chunk-4TM2SBMX.cjs}

@@ -118,13 +118,6 @@ var _chunkOFAYLG6Dcjs = require('./chunk-OFAYLG6D.cjs');
 
 
 
-
-
-
-
-
-
-
 
 
 
@@ -150,7 +143,7 @@ var _chunkVRHGVLSLcjs = require('./chunk-VRHGVLSL.cjs');
 
 // src/components/pagination.tsx
 var _lucidereact = require('lucide-react');
-var _react = require('react'); var React33 = _interopRequireWildcard(_react); var React2 = _interopRequireWildcard(_react); var React = _interopRequireWildcard(_react); var React3 = _interopRequireWildcard(_react); var React4 = _interopRequireWildcard(_react); var React5 = _interopRequireWildcard(_react); var React7 = _interopRequireWildcard(_react); var React6 = _interopRequireWildcard(_react); var React11 = _interopRequireWildcard(_react); var React10 = _interopRequireWildcard(_react); var React12 = _interopRequireWildcard(_react); var React13 = _interopRequireWildcard(_react); var React14 = _interopRequireWildcard(_react); var React15 = _interopRequireWildcard(_react); var React16 = _interopRequireWildcard(_react); var React17 = _interopRequireWildcard(_react); var React19 = _interopRequireWildcard(_react); var React24 = _interopRequireWildcard(_react); var React27 = _interopRequireWildcard(_react); var React28 = _interopRequireWildcard(_react); var React31 = _interopRequireWildcard(_react); var React35 = _interopRequireWildcard(_react); var React48 = _interopRequireWildcard(_react); var React49 = _interopRequireWildcard(_react); var React51 = _interopRequireWildcard(_react); var React52 = _interopRequireWildcard(_react); var React53 = _interopRequireWildcard(_react); var React54 = _interopRequireWildcard(_react); var React55 = _interopRequireWildcard(_react); var React56 = _interopRequireWildcard(_react); var React57 = _interopRequireWildcard(_react); var React58 = _interopRequireWildcard(_react); var React59 = _interopRequireWildcard(_react); var React60 = _interopRequireWildcard(_react); var React61 = _interopRequireWildcard(_react); var React62 = _interopRequireWildcard(_react); var React63 = _interopRequireWildcard(_react); var React64 = _interopRequireWildcard(_react); var React66 = _interopRequireWildcard(_react); var React67 = _interopRequireWildcard(_react); var React71 = _interopRequireWildcard(_react); var React70 = _interopRequireWildcard(_react); var React74 = _interopRequireWildcard(_react); var React75 = _interopRequireWildcard(_react); var React78 = _interopRequireWildcard(_react); var React77 = _interopRequireWildcard(_react); var React80 = _interopRequireWildcard(_react); var React82 = _interopRequireWildcard(_react); var React83 = _interopRequireWildcard(_react); var React85 = _interopRequireWildcard(_react); var React86 = _interopRequireWildcard(_react); var React87 = _interopRequireWildcard(_react); var React89 = _interopRequireWildcard(_react); var React88 = _interopRequireWildcard(_react); var React94 = _interopRequireWildcard(_react); var React97 = _interopRequireWildcard(_react); var React101 = _interopRequireWildcard(_react); var React100 = _interopRequireWildcard(_react); var React98 = _interopRequireWildcard(_react); var React99 = _interopRequireWildcard(_react);
+var _react = require('react'); var React33 = _interopRequireWildcard(_react); var React2 = _interopRequireWildcard(_react); var React = _interopRequireWildcard(_react); var React3 = _interopRequireWildcard(_react); var React4 = _interopRequireWildcard(_react); var React5 = _interopRequireWildcard(_react); var React7 = _interopRequireWildcard(_react); var React6 = _interopRequireWildcard(_react); var React11 = _interopRequireWildcard(_react); var React10 = _interopRequireWildcard(_react); var React12 = _interopRequireWildcard(_react); var React13 = _interopRequireWildcard(_react); var React14 = _interopRequireWildcard(_react); var React15 = _interopRequireWildcard(_react); var React16 = _interopRequireWildcard(_react); var React17 = _interopRequireWildcard(_react); var React19 = _interopRequireWildcard(_react); var React24 = _interopRequireWildcard(_react); var React27 = _interopRequireWildcard(_react); var React28 = _interopRequireWildcard(_react); var React31 = _interopRequireWildcard(_react); var React35 = _interopRequireWildcard(_react); var React47 = _interopRequireWildcard(_react); var React48 = _interopRequireWildcard(_react); var React50 = _interopRequireWildcard(_react); var React51 = _interopRequireWildcard(_react); var React52 = _interopRequireWildcard(_react); var React53 = _interopRequireWildcard(_react); var React54 = _interopRequireWildcard(_react); var React55 = _interopRequireWildcard(_react); var React56 = _interopRequireWildcard(_react); var React57 = _interopRequireWildcard(_react); var React58 = _interopRequireWildcard(_react); var React59 = _interopRequireWildcard(_react); var React60 = _interopRequireWildcard(_react); var React61 = _interopRequireWildcard(_react); var React62 = _interopRequireWildcard(_react); var React63 = _interopRequireWildcard(_react); var React65 = _interopRequireWildcard(_react); var React66 = _interopRequireWildcard(_react); var React70 = _interopRequireWildcard(_react); var React69 = _interopRequireWildcard(_react); var React73 = _interopRequireWildcard(_react); var React74 = _interopRequireWildcard(_react); var React77 = _interopRequireWildcard(_react); var React76 = _interopRequireWildcard(_react); var React79 = _interopRequireWildcard(_react); var React81 = _interopRequireWildcard(_react); var React82 = _interopRequireWildcard(_react); var React84 = _interopRequireWildcard(_react); var React85 = _interopRequireWildcard(_react); var React86 = _interopRequireWildcard(_react); var React88 = _interopRequireWildcard(_react); var React87 = _interopRequireWildcard(_react); var React93 = _interopRequireWildcard(_react); var React97 = _interopRequireWildcard(_react); var React101 = _interopRequireWildcard(_react); var React100 = _interopRequireWildcard(_react); var React98 = _interopRequireWildcard(_react); var React99 = _interopRequireWildcard(_react);
 var _jsxruntime = require('react/jsx-runtime');
 var Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationEllipsis, PaginationPrevious, PaginationNext;
 var init_pagination = _chunkVRHGVLSLcjs.__esm.call(void 0, {
@@ -13050,59 +13043,231 @@ var ImageCropper = ({
 _chunkOFAYLG6Dcjs.init_cn.call(void 0, );
 
 
-var ChevronLeftIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polyline", { points: "15,18 9,12 15,6" }) });
-var ChevronRightIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polyline", { points: "9,18 15,12 9,6" }) });
-var PlayIcon2 = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { width: "24", height: "24", fill: "white", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M8 5v14l11-7z" }) });
-function getYouTubeVideoId(url) {
-  const match = url.match(/(?:youtube\.com\/watch\?v=|youtu\.be\/)([^&\n?#]+)/);
-  return match ? match[1] : null;
+// src/components/features/video.tsx
+
+var _muxplayerreact = require('@mux/mux-player-react'); var _muxplayerreact2 = _interopRequireDefault(_muxplayerreact);
+
+var YT_HOSTS = /* @__PURE__ */ new Set([
+  "youtube.com",
+  "www.youtube.com",
+  "m.youtube.com",
+  "youtu.be",
+  "youtube-nocookie.com",
+  "www.youtube-nocookie.com"
+]);
+function isYouTubeUrl(url) {
+  try {
+    return YT_HOSTS.has(new URL(url, "http://placeholder.local").hostname.toLowerCase());
+  } catch (e22) {
+    return false;
+  }
 }
-var CarouselYouTubeEmbed = ({ videoId, title }) => {
-  const [mounted, setMounted] = _react.useState.call(void 0, false);
-  const [isActivated, setIsActivated] = _react.useState.call(void 0, false);
-  const [isLoaded, setIsLoaded] = _react.useState.call(void 0, false);
+var YT_PATH_RE = /^\/(?:embed|v|shorts)\/([^/]+)\/?$/;
+var BARE_YT_ID_RE = /^[A-Za-z0-9_-]{11}$/;
+function extractYouTubeId(url) {
+  if (!url) return null;
+  if (BARE_YT_ID_RE.test(url)) return url;
+  let u;
+  try {
+    u = new URL(url, "http://placeholder.local");
+  } catch (e23) {
+    return null;
+  }
+  if (!YT_HOSTS.has(u.hostname.toLowerCase())) return null;
+  if (u.hostname.toLowerCase().endsWith("youtu.be")) {
+    return _nullishCoalesce(u.pathname.split("/").filter(Boolean)[0], () => ( null));
+  }
+  const v = u.searchParams.get("v");
+  if (v) return v;
+  const m = u.pathname.match(YT_PATH_RE);
+  return m ? m[1] : null;
+}
+function Video2(props) {
+  const url = props.url;
+  if (!url) return null;
+  const effectiveKind = resolveKind(props, url);
+  const layout = _nullishCoalesce(props.layout, () => ( "native"));
+  const inner = effectiveKind === "youtube" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    YouTubeFacade,
+    {
+      url,
+      title: props.title,
+      priority: props.priority,
+      className: props.className,
+      minimalControls: props.minimalControls
+    }
+  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    FilePlayer,
+    {
+      url,
+      poster: props.poster,
+      muted: props.muted,
+      srtContent: "srtContent" in props ? props.srtContent : null,
+      captionsUrl: "captionsUrl" in props ? props.captionsUrl : null,
+      className: props.className
+    }
+  );
+  return wrapWithLayout(inner, layout);
+}
+function resolveKind(props, url) {
+  if ("kind" in props) {
+    if (props.kind === "youtube") return "youtube";
+    if (props.kind === "file") return "file";
+  }
+  if (BARE_YT_ID_RE.test(url)) return "youtube";
+  return isYouTubeUrl(url) ? "youtube" : "file";
+}
+function wrapWithLayout(inner, layout) {
+  switch (layout) {
+    case "centered":
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex justify-center w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full max-w-3xl aspect-video", children: inner }) });
+    case "fill":
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 w-full h-full", children: inner });
+    case "native":
+    default:
+      return inner;
+  }
+}
+function FilePlayer({
+  url,
+  poster,
+  muted,
+  srtContent,
+  captionsUrl,
+  className
+}) {
+  if (process.env.NODE_ENV !== "production" && srtContent && !captionsUrl) {
+    console.warn(
+      "[Video] srtContent supplied without captionsUrl \u2014 captions will not render. Pass captionsUrl (the VTT URL) instead; raw SRT text overlays are no longer supported."
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _muxplayerreact2.default,
+    {
+      src: url,
+      poster: poster || void 0,
+      streamType: "on-demand",
+      playsInline: true,
+      muted,
+      preferCmcd: "header",
+      accentColor: "var(--ods-accent)",
+      className,
+      style: { width: "100%", height: "100%" },
+      children: captionsUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "track",
+        {
+          kind: "captions",
+          src: captionsUrl,
+          srcLang: "en",
+          label: "English",
+          default: true
+        }
+      ) : null
+    }
+  );
+}
+function YouTubeFacade({
+  url,
+  title = "YouTube Video",
+  priority,
+  className,
+  minimalControls
+}) {
+  const videoId = extractYouTubeId(url);
+  if (!videoId) return null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, YouTubeFacadeInner, { videoId, title, priority, className, minimalControls });
+}
+function YouTubeFacadeInner({
+  videoId,
+  title,
+  priority,
+  className,
+  minimalControls
+}) {
+  const [activated, setActivated] = _react.useState.call(void 0, false);
+  const wrapperRef = _react.useRef.call(void 0, null);
+  const embedParams = new URLSearchParams({
+    autoplay: "1",
+    rel: "0",
+    modestbranding: "1",
+    playsinline: "1"
+  });
+  if (minimalControls) {
+    embedParams.set("controls", "0");
+    embedParams.set("showinfo", "0");
+    embedParams.set("fs", "0");
+    embedParams.set("iv_load_policy", "3");
+    embedParams.set("cc_load_policy", "0");
+    embedParams.set("disablekb", "1");
+  }
+  const embedUrl = `https://www.youtube-nocookie.com/embed/${videoId}?${embedParams.toString()}`;
+  const posterJpg = `https://i.ytimg.com/vi/${videoId}/mqdefault.jpg`;
+  const posterWebp = `https://i.ytimg.com/vi_webp/${videoId}/mqdefault.webp`;
   _react.useEffect.call(void 0, () => {
-    setMounted(true);
-  }, []);
-  if (!mounted) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-black rounded-lg overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-white text-sm", children: "Loading video..." }) }) });
+    if (!activated) return;
+    function handleOutsideClick(event) {
+      const target = event.target;
+      if (!target) return;
+      if (_optionalChain([wrapperRef, 'access', _389 => _389.current, 'optionalAccess', _390 => _390.contains, 'call', _391 => _391(target)])) return;
+      setActivated(false);
+    }
+    document.addEventListener("pointerdown", handleOutsideClick);
+    return () => document.removeEventListener("pointerdown", handleOutsideClick);
+  }, [activated]);
+  _react.useEffect.call(void 0, () => {
+    if (!activated) return;
+    function handleEscape(event) {
+      if (event.key === "Escape") setActivated(false);
+    }
+    document.addEventListener("keydown", handleEscape);
+    return () => document.removeEventListener("keydown", handleEscape);
+  }, [activated]);
+  const wrapperClass = `relative w-full ${_nullishCoalesce(className, () => ( ""))}`;
+  const wrapperStyle = { paddingBottom: "56.25%" };
+  if (activated) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: wrapperRef, className: wrapperClass, style: wrapperStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "iframe",
+      {
+        src: embedUrl,
+        allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
+        allowFullScreen: true,
+        title,
+        className: "absolute inset-0 w-full h-full border-0 rounded-lg"
+      }
+    ) });
   }
-  const thumbnailUrl = `https://i.ytimg.com/vi/${videoId}/maxresdefault.jpg`;
-  const embedUrl = `https://www.youtube-nocookie.com/embed/${videoId}?autoplay=1&playsinline=1&rel=0&modestbranding=1`;
-  const handleActivate = () => {
-    setIsActivated(true);
-    setTimeout(() => setIsLoaded(true), 100);
-  };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-black", children: !isActivated ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: wrapperRef, className: wrapperClass, style: wrapperStyle, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "button",
     {
-      onClick: handleActivate,
-      className: "absolute inset-0 cursor-pointer group",
-      "aria-label": `Play video: ${title}`,
+      type: "button",
+      "aria-label": `Play: ${title}`,
+      onClick: () => setActivated(true),
+      className: "group absolute inset-0 p-0 m-0 border border-ods-border rounded-lg overflow-hidden bg-ods-card cursor-pointer",
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "img",
-          {
-            src: thumbnailUrl,
-            alt: title,
-            className: "w-full h-full object-cover transition-opacity group-hover:opacity-90",
-            loading: "lazy"
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 flex items-center justify-center bg-black/20 group-hover:bg-black/30 transition-colors", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "bg-red-600 rounded-full p-4 group-hover:scale-110 transition-transform", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PlayIcon2, {}) }) })
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "picture", { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "source", { type: "image/webp", srcSet: posterWebp }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "img",
+            {
+              src: posterJpg,
+              alt: title,
+              loading: "lazy",
+              fetchPriority: priority ? "high" : "low",
+              decoding: priority ? "sync" : "async",
+              className: "absolute inset-0 w-full h-full object-cover"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "svg", { width: 24, height: 24, fill: "currentColor", viewBox: "0 0 24 24", className: "ml-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polygon", { points: "5,3 19,12 5,21" }) }) }) })
       ]
     }
-  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0", children: isLoaded && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "iframe",
-    {
-      src: embedUrl,
-      title,
-      className: "w-full h-full",
-      allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
-      allowFullScreen: true
-    }
-  ) }) });
-};
+  ) });
+}
+
+// src/components/media-carousel.tsx
+
+var ChevronLeftIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polyline", { points: "15,18 9,12 15,6" }) });
+var ChevronRightIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polyline", { points: "9,18 15,12 9,6" }) });
 var MediaCarousel = _react.memo.call(void 0, function MediaCarousel2({
   media,
   className,
@@ -13114,9 +13279,13 @@ var MediaCarousel = _react.memo.call(void 0, function MediaCarousel2({
   const [currentIndex, setCurrentIndex] = _react.useState.call(void 0, 0);
   const [touchStart, setTouchStart] = _react.useState.call(void 0, null);
   const [touchEnd, setTouchEnd] = _react.useState.call(void 0, null);
-  const [playingVideos, setPlayingVideos] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
   const carouselRef = _react.useRef.call(void 0, null);
   const thumbnailsRef = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    if (currentIndex >= media.length && media.length > 0) {
+      setCurrentIndex(media.length - 1);
+    }
+  }, [media.length, currentIndex]);
   if (!media || media.length === 0) {
     return null;
   }
@@ -13124,71 +13293,14 @@ var MediaCarousel = _react.memo.call(void 0, function MediaCarousel2({
   if (!currentItem) {
     return null;
   }
-  const handleVideoClick = _react.useCallback.call(void 0, (index) => {
-    const item = media[index];
-    if (item.type !== "video") return;
-    const videoElements = document.querySelectorAll(`video[data-video-index="${index}"]`);
-    const video = videoElements[0];
-    if (!video) {
-      console.log("\u274C Video element not found for index:", index);
-      return;
-    }
-    if (video.paused) {
-      const playPromise = video.play();
-      if (playPromise !== void 0) {
-        playPromise.then(() => {
-          const playButton = _optionalChain([video, 'access', _389 => _389.parentElement, 'optionalAccess', _390 => _390.querySelector, 'call', _391 => _391(".video-play-button")]);
-          if (playButton) {
-            playButton.style.display = "none";
-          }
-        }).catch((error) => {
-          if (error.name === "NotSupportedError" || error.name === "MediaElementError") {
-            const fallbackDiv = document.createElement("div");
-            fallbackDiv.className = "absolute inset-0 flex items-center justify-center bg-ods-card text-center p-4";
-            fallbackDiv.innerHTML = `
-                <div>
-                  <p class="text-ods-text-primary text-sm mb-2">Video format not supported</p>
-                  <a href="${item.src}" target="_blank" rel="noopener noreferrer" 
-                     class="text-ods-accent hover:text-[#FFD700] text-sm">
-                    Open Video Directly
-                  </a>
-                </div>
-              `;
-            _optionalChain([video, 'access', _392 => _392.parentElement, 'optionalAccess', _393 => _393.appendChild, 'call', _394 => _394(fallbackDiv)]);
-          }
-        });
-      }
-    } else {
-      video.pause();
-      const playButton = _optionalChain([video, 'access', _395 => _395.parentElement, 'optionalAccess', _396 => _396.querySelector, 'call', _397 => _397(".video-play-button")]);
-      if (playButton) {
-        playButton.style.display = "flex";
-      }
-    }
-  }, [media]);
   const nextSlide = _react.useCallback.call(void 0, () => {
-    const currentVideo = document.querySelector(`[data-video-index="${currentIndex}"]`);
-    if (currentVideo && !currentVideo.paused) {
-      currentVideo.pause();
-    }
-    setPlayingVideos(/* @__PURE__ */ new Set());
     setCurrentIndex((prev) => (prev + 1) % media.length);
-  }, [currentIndex, media.length]);
+  }, [media.length]);
   const prevSlide = _react.useCallback.call(void 0, () => {
-    const currentVideo = document.querySelector(`[data-video-index="${currentIndex}"]`);
-    if (currentVideo && !currentVideo.paused) {
-      currentVideo.pause();
-    }
-    setPlayingVideos(/* @__PURE__ */ new Set());
     setCurrentIndex((prev) => (prev - 1 + media.length) % media.length);
-  }, [currentIndex, media.length]);
+  }, [media.length]);
   const selectSlide = _react.useCallback.call(void 0, (index) => {
     if (index === currentIndex) return;
-    const currentVideo = document.querySelector(`[data-video-index="${currentIndex}"]`);
-    if (currentVideo && !currentVideo.paused) {
-      currentVideo.pause();
-    }
-    setPlayingVideos(/* @__PURE__ */ new Set());
     setCurrentIndex(index);
   }, [currentIndex]);
   const handleKeyDown = _react.useCallback.call(void 0, (e) => {
@@ -13221,82 +13333,26 @@ var MediaCarousel = _react.memo.call(void 0, function MediaCarousel2({
       prevSlide();
     }
   };
-  const renderYouTubeEmbed = (item, index) => {
-    const videoId = getYouTubeVideoId(item.src);
-    if (!videoId) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 flex items-center justify-center bg-ods-card text-center p-4", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-primary text-sm mb-2", children: "Invalid YouTube URL" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "a", { href: item.src, target: "_blank", rel: "noopener noreferrer", className: "text-ods-accent text-sm", children: "Open Link Directly" })
-      ] }) });
+  const renderYouTubeEmbed = (item, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Video2,
+    {
+      kind: "youtube",
+      url: item.src,
+      title: item.alt || `Video ${index + 1}`,
+      layout: "fill",
+      priority: index === currentIndex
     }
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CarouselYouTubeEmbed, { videoId, title: item.alt || `Video ${index + 1}` });
-  };
-  const renderVideo = (item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "absolute inset-0 bg-black", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "video",
-      {
-        className: `w-full h-full object-${objectFit}`,
-        poster: item.poster,
-        preload: "metadata",
-        playsInline: true,
-        controls: false,
-        muted: true,
-        "data-video-index": index,
-        onClick: () => handleVideoClick(index),
-        onPlay: () => {
-          const playButton = _optionalChain([document, 'access', _398 => _398.querySelector, 'call', _399 => _399(`[data-video-index="${index}"]`), 'optionalAccess', _400 => _400.parentElement, 'optionalAccess', _401 => _401.querySelector, 'call', _402 => _402(".video-play-button")]);
-          if (playButton) {
-            playButton.style.display = "none";
-          }
-        },
-        onPause: () => {
-          const playButton = _optionalChain([document, 'access', _403 => _403.querySelector, 'call', _404 => _404(`[data-video-index="${index}"]`), 'optionalAccess', _405 => _405.parentElement, 'optionalAccess', _406 => _406.querySelector, 'call', _407 => _407(".video-play-button")]);
-          if (playButton) {
-            playButton.style.display = "flex";
-          }
-        },
-        onLoadedMetadata: (e) => {
-          const video = e.target;
-          video.currentTime = 1;
-        },
-        onError: (e) => {
-          const target = e.target;
-          if (target.crossOrigin) {
-            target.crossOrigin = "";
-            target.load();
-          } else {
-            target.style.display = "none";
-            const fallbackDiv = document.createElement("div");
-            fallbackDiv.className = "absolute inset-0 flex items-center justify-center bg-ods-card text-center p-4";
-            fallbackDiv.innerHTML = `
-              <div>
-                <p class="text-ods-text-primary text-sm mb-2">Video could not be loaded</p>
-                <a href="${item.src}" target="_blank" rel="noopener noreferrer" 
-                   class="text-ods-accent hover:text-[#FFD700] text-sm">
-                  Open Video Directly
-                </a>
-              </div>
-            `;
-            _optionalChain([target, 'access', _408 => _408.parentElement, 'optionalAccess', _409 => _409.appendChild, 'call', _410 => _410(fallbackDiv)]);
-          }
-        },
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "source", { src: item.src, type: "video/mp4" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "source", { src: item.src, type: "video/webm" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "source", { src: item.src, type: "video/ogg" }),
-          "Your browser does not support the video tag."
-        ]
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        className: "video-play-button absolute inset-0 flex items-center justify-center bg-black bg-opacity-20 cursor-pointer transition-opacity hover:bg-opacity-30",
-        onClick: () => handleVideoClick(index),
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-16 h-16 bg-black bg-opacity-60 rounded-full flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PlayIcon2, {}) })
-      }
-    )
-  ] });
+  );
+  const renderVideo = (item, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Video2,
+    {
+      url: item.src,
+      poster: item.poster,
+      muted: true,
+      layout: "fill",
+      priority: index === currentIndex
+    }
+  );
   const renderImage = (item, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-black", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "img",
     {
@@ -13305,14 +13361,12 @@ var MediaCarousel = _react.memo.call(void 0, function MediaCarousel2({
       className: `w-full h-full object-${objectFit}`,
       loading: "lazy",
       onError: (e) => {
-        console.log("\u274C Image failed to load:", item.src);
         const target = e.target;
         target.style.display = "none";
       }
     }
   ) });
   const renderMainMedia = (item, index) => {
-    console.log("\u{1F3AC} Rendering media item:", { type: item.type, src: item.src.substring(0, 100) + "..." });
     switch (item.type) {
       case "youtube":
         return renderYouTubeEmbed(item, index);
@@ -13327,7 +13381,7 @@ var MediaCarousel = _react.memo.call(void 0, function MediaCarousel2({
     const isActive = index === currentIndex;
     let thumbnailSrc = item.src;
     if (item.type === "youtube") {
-      const videoId = getYouTubeVideoId(item.src);
+      const videoId = extractYouTubeId(item.src);
       thumbnailSrc = videoId ? `https://img.youtube.com/vi/${videoId}/mqdefault.jpg` : item.src;
     } else if (item.type === "video" && item.poster) {
       thumbnailSrc = item.poster;
@@ -13805,8 +13859,8 @@ function PricingDisplay({
   }
   if (pricingArray.length === 1) {
     const item = pricingArray[0];
-    const price = _optionalChain([item, 'access', _411 => _411.ranges, 'optionalAccess', _412 => _412[0], 'optionalAccess', _413 => _413.min]) || 0;
-    const unit = _optionalChain([item, 'access', _414 => _414.ranges, 'optionalAccess', _415 => _415[0], 'optionalAccess', _416 => _416.unit]);
+    const price = _optionalChain([item, 'access', _392 => _392.ranges, 'optionalAccess', _393 => _393[0], 'optionalAccess', _394 => _394.min]) || 0;
+    const unit = _optionalChain([item, 'access', _395 => _395.ranges, 'optionalAccess', _396 => _396[0], 'optionalAccess', _397 => _397.unit]);
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${styleConfig.fontFamily} ${className}`, children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: formatPriceValue(price, styleConfig.showTildePrefix) }),
       unit && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
@@ -13815,11 +13869,11 @@ function PricingDisplay({
       ] })
     ] });
   }
-  const priceValues = pricingArray.map((item) => formatPriceValue(_optionalChain([item, 'access', _417 => _417.ranges, 'optionalAccess', _418 => _418[0], 'optionalAccess', _419 => _419.min]) || 0, styleConfig.showTildePrefix));
-  const itemWithUnit = pricingArray.find((item) => _optionalChain([item, 'access', _420 => _420.ranges, 'optionalAccess', _421 => _421[0], 'optionalAccess', _422 => _422.unit]));
+  const priceValues = pricingArray.map((item) => formatPriceValue(_optionalChain([item, 'access', _398 => _398.ranges, 'optionalAccess', _399 => _399[0], 'optionalAccess', _400 => _400.min]) || 0, styleConfig.showTildePrefix));
+  const itemWithUnit = pricingArray.find((item) => _optionalChain([item, 'access', _401 => _401.ranges, 'optionalAccess', _402 => _402[0], 'optionalAccess', _403 => _403.unit]));
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${styleConfig.fontFamily} ${className}`, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: priceValues.join(" | ") }),
-    itemWithUnit && _optionalChain([itemWithUnit, 'access', _423 => _423.ranges, 'optionalAccess', _424 => _424[0], 'optionalAccess', _425 => _425.unit]) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
+    itemWithUnit && _optionalChain([itemWithUnit, 'access', _404 => _404.ranges, 'optionalAccess', _405 => _405[0], 'optionalAccess', _406 => _406.unit]) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
       "/",
       itemWithUnit.ranges[0].unit
     ] })
@@ -14017,7 +14071,7 @@ function VendorTag({
           icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "\u2605" }) })
         };
       case "classification":
-        const classificationType = _optionalChain([text, 'optionalAccess', _426 => _426.toLowerCase, 'call', _427 => _427()]);
+        const classificationType = _optionalChain([text, 'optionalAccess', _407 => _407.toLowerCase, 'call', _408 => _408()]);
         if (classificationType === "open_source") {
           return {
             text: "Open Source",
@@ -14071,7 +14125,7 @@ function SelectionSourceBadge({ source, hidden = false }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     VendorTag,
     {
-      type: _optionalChain([source, 'optionalAccess', _428 => _428.toLowerCase, 'call', _429 => _429()]),
+      type: _optionalChain([source, 'optionalAccess', _409 => _409.toLowerCase, 'call', _410 => _410()]),
       size: "sm",
       hidden
     },
@@ -16191,12 +16245,12 @@ function OnboardingWalkthrough({
     }
   }, [state.completedSteps, markComplete]);
   const handleStepSkip = (step) => {
-    _optionalChain([step, 'access', _430 => _430.onSkip, 'optionalCall', _431 => _431()]);
+    _optionalChain([step, 'access', _411 => _411.onSkip, 'optionalCall', _412 => _412()]);
     markSkipped(step.id);
   };
   const handleDismiss = () => {
     dismissOnboarding();
-    _optionalChain([onDismiss, 'optionalCall', _432 => _432()]);
+    _optionalChain([onDismiss, 'optionalCall', _413 => _413()]);
   };
   if (state.dismissed) {
     return null;
@@ -16615,810 +16669,6 @@ function ImageGalleryModal({
 // src/components/shared/product-release/release-detail-page.tsx
 
 
-// src/components/features/youtube-embed.tsx
-
-
-var YouTubeEmbed = ({
-  videoId,
-  title = "YouTube Video",
-  className = "",
-  showTitle = true,
-  showMeta = true,
-  minimalControls = false,
-  aboveTheFold = false
-}) => {
-  const [activated, setActivated] = _react.useState.call(void 0, false);
-  const iframeSlotRef = _react.useRef.call(void 0, null);
-  const embedParams = new URLSearchParams({ autoplay: "1", rel: "0", modestbranding: "1", playsinline: "1" });
-  if (minimalControls) {
-    embedParams.set("controls", "0");
-    embedParams.set("showinfo", "0");
-    embedParams.set("fs", "0");
-    embedParams.set("iv_load_policy", "3");
-    embedParams.set("cc_load_policy", "0");
-    embedParams.set("disablekb", "1");
-  }
-  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__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `youtube-embed-container my-6 ${className}`, children: [
-    title && showTitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "video-title font-sans text-lg font-medium text-ods-text-primary mb-3", children: title }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "video-wrapper relative w-full", style: { paddingBottom: "56.25%" }, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "absolute inset-0 rounded-lg overflow-hidden border border-ods-border bg-ods-card", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: iframeSlotRef, className: "absolute inset-0", "aria-hidden": !activated }),
-      !activated && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "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__ */ _jsxruntime.jsxs.call(void 0, "picture", { children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "source", { type: "image/webp", srcSet: posterWebp }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "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__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "svg", { width: 24, height: 24, fill: "currentColor", viewBox: "0 0 24 24", className: "ml-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polygon", { points: "5,3 19,12 5,21" }) }) }) })
-          ]
-        }
-      )
-    ] }) }),
-    showMeta && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "video-meta flex items-center justify-between mt-3 text-sm text-ods-text-secondary", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "video-platform font-sans", children: "YouTube" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "a",
-        {
-          href: watchUrl,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          className: "video-link font-sans text-ods-accent hover:text-ods-accent-hover transition-colors duration-200",
-          children: "Watch on YouTube \u2192"
-        }
-      )
-    ] })
-  ] });
-};
-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 (e22) {
-    return null;
-  }
-  if (!YT_HOSTS.has(u.hostname.toLowerCase())) return null;
-  if (u.hostname.toLowerCase().endsWith("youtu.be")) {
-    return _nullishCoalesce(u.pathname.split("/").filter(Boolean)[0], () => ( null));
-  }
-  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
-
-var _reactplayer = require('react-player'); var _reactplayer2 = _interopRequireDefault(_reactplayer);
-_chunkBJTOSUT4cjs.init_button2.call(void 0, );
-
-var webkitCaptionCSSInjected = false;
-function ensureWebkitCaptionCSS() {
-  if (webkitCaptionCSSInjected || typeof document === "undefined") return;
-  const style = document.createElement("style");
-  style.textContent = `
-    video::-webkit-media-text-track-container {
-      display: block !important;
-      visibility: visible !important;
-      overflow: visible !important;
-    }
-    video::-webkit-media-text-track-display {
-      white-space: pre-line;
-    }
-  `;
-  document.head.appendChild(style);
-  webkitCaptionCSSInjected = true;
-}
-function parseSrt(srt) {
-  const cues = [];
-  const blocks = srt.replace(/\r\n/g, "\n").trim().split(/\n\n+/);
-  for (const block of blocks) {
-    const lines = block.split("\n");
-    const tsIndex = lines.findIndex((l) => l.includes(" --> "));
-    if (tsIndex === -1) continue;
-    const [startStr, endStr] = lines[tsIndex].split(" --> ");
-    const from = parseSrtTimestamp(_optionalChain([startStr, 'optionalAccess', _433 => _433.trim, 'call', _434 => _434()]));
-    const to = parseSrtTimestamp(_optionalChain([endStr, 'optionalAccess', _435 => _435.trim, 'call', _436 => _436()]));
-    if (from === null || to === null) continue;
-    const text = lines.slice(tsIndex + 1).join("\n").trim();
-    if (text) cues.push({ from, to, text });
-  }
-  return cues;
-}
-function parseSrtTimestamp(ts) {
-  if (!ts) return null;
-  const match = ts.match(/(\d{2}):(\d{2}):(\d{2})[,.](\d{3})/);
-  if (!match) return null;
-  return parseInt(match[1]) * 36e5 + parseInt(match[2]) * 6e4 + parseInt(match[3]) * 1e3 + parseInt(match[4]);
-}
-function useSubtitleOverlay(srtContent) {
-  const cues = _react.useMemo.call(void 0, () => srtContent ? parseSrt(srtContent) : [], [srtContent]);
-  const [activeText, setActiveText] = _react.useState.call(void 0, null);
-  const updateTime = _react.useCallback.call(void 0, (playedSeconds) => {
-    const timeMs = playedSeconds * 1e3;
-    const active = cues.find((c) => timeMs >= c.from && timeMs <= c.to);
-    setActiveText(_nullishCoalesce(_optionalChain([active, 'optionalAccess', _437 => _437.text]), () => ( null)));
-  }, [cues]);
-  return { activeText, updateTime, hasCues: cues.length > 0 };
-}
-var SPEED_OPTIONS = [0.5, 0.75, 1, 1.25, 1.5, 2];
-function formatTime(secs) {
-  if (!secs || !isFinite(secs)) return "0:00";
-  const h = Math.floor(secs / 3600);
-  const m = Math.floor(secs % 3600 / 60);
-  const s = Math.floor(secs % 60);
-  if (h > 0) return `${h}:${m.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}`;
-  return `${m}:${s.toString().padStart(2, "0")}`;
-}
-var VideoPlayer = ({
-  url,
-  title,
-  poster,
-  className = "",
-  showTitle = false,
-  autoPlay = false,
-  loop = false,
-  muted = false,
-  useNativeAspectRatio = false,
-  srtContent,
-  captionsUrl,
-  subtitleLabel,
-  preloadStrategy = "metadata"
-}) => {
-  const [hasError, setHasError] = _react.useState.call(void 0, false);
-  const [isPlaying, setIsPlaying] = _react.useState.call(void 0, autoPlay);
-  const [mounted, setMounted] = _react.useState.call(void 0, false);
-  const [hasStarted, setHasStarted] = _react.useState.call(void 0, autoPlay);
-  const playerRef = _react.useRef.call(void 0, null);
-  const containerRef = _react.useRef.call(void 0, null);
-  const [played, setPlayed] = _react.useState.call(void 0, 0);
-  const [loaded, setLoaded] = _react.useState.call(void 0, 0);
-  const [duration, setDuration] = _react.useState.call(void 0, 0);
-  const [volume, setVolume] = _react.useState.call(void 0, 0.8);
-  const [prevVolume, setPrevVolume] = _react.useState.call(void 0, 0.8);
-  const [isMuted, setIsMuted] = _react.useState.call(void 0, muted);
-  const [isBuffering, setIsBuffering] = _react.useState.call(void 0, false);
-  const [showControls, setShowControls] = _react.useState.call(void 0, true);
-  const hideTimeoutRef = _react.useRef.call(void 0, void 0);
-  const clickTimerRef = _react.useRef.call(void 0, void 0);
-  const iosFullscreenTimerRef = _react.useRef.call(void 0, void 0);
-  const [captionsEnabled, setCaptionsEnabled] = _react.useState.call(void 0, true);
-  const [isFullscreen, setIsFullscreen] = _react.useState.call(void 0, false);
-  const { activeText, updateTime, hasCues } = useSubtitleOverlay(srtContent);
-  _react.useEffect.call(void 0, () => {
-    const onChange = () => {
-      const fsEl = document.fullscreenElement || document.webkitFullscreenElement;
-      setIsFullscreen(!!fsEl);
-    };
-    document.addEventListener("fullscreenchange", onChange);
-    document.addEventListener("webkitfullscreenchange", onChange);
-    return () => {
-      document.removeEventListener("fullscreenchange", onChange);
-      document.removeEventListener("webkitfullscreenchange", onChange);
-    };
-  }, []);
-  const activateCaptionTracks = _react.useCallback.call(void 0, (video) => {
-    for (let i = 0; i < video.textTracks.length; i++) {
-      if (video.textTracks[i].kind === "captions" || video.textTracks[i].kind === "subtitles") {
-        video.textTracks[i].mode = "showing";
-      }
-    }
-  }, []);
-  const enterNativeVideoFullscreen = _react.useCallback.call(void 0, () => {
-    const video = _optionalChain([playerRef, 'access', _438 => _438.current, 'optionalAccess', _439 => _439.getInternalPlayer, 'call', _440 => _440()]);
-    if (!video || !video.webkitEnterFullscreen) return;
-    ensureWebkitCaptionCSS();
-    const trackSrc = captionsUrl || null;
-    if (!trackSrc) {
-      try {
-        video.webkitEnterFullscreen();
-      } catch (e23) {
-      }
-      return;
-    }
-    const old = video.querySelector("track[data-native-cc]");
-    if (old) old.remove();
-    clearTimeout(iosFullscreenTimerRef.current);
-    const track = document.createElement("track");
-    track.kind = "captions";
-    track.label = subtitleLabel || "English";
-    track.srclang = "en";
-    track.default = true;
-    track.setAttribute("data-native-cc", "true");
-    video.appendChild(track);
-    track.src = trackSrc;
-    let entered = false;
-    const doFullscreen = () => {
-      if (entered) return;
-      entered = true;
-      activateCaptionTracks(video);
-      try {
-        video.webkitEnterFullscreen();
-      } catch (e24) {
-      }
-    };
-    track.addEventListener("load", doFullscreen, { once: true });
-    iosFullscreenTimerRef.current = setTimeout(() => {
-      track.removeEventListener("load", doFullscreen);
-      doFullscreen();
-    }, 500);
-  }, [captionsUrl, subtitleLabel, activateCaptionTracks]);
-  const toggleFullscreen = _react.useCallback.call(void 0, () => {
-    const container = containerRef.current;
-    if (!container) return;
-    if (isFullscreen) {
-      try {
-        if (document.exitFullscreen) document.exitFullscreen();
-        else if (document.webkitExitFullscreen) document.webkitExitFullscreen();
-      } catch (e25) {
-      }
-      return;
-    }
-    if (container.requestFullscreen) {
-      container.requestFullscreen().catch(() => enterNativeVideoFullscreen());
-    } else if (container.webkitRequestFullscreen) {
-      container.webkitRequestFullscreen();
-    } else {
-      enterNativeVideoFullscreen();
-    }
-  }, [isFullscreen, enterNativeVideoFullscreen]);
-  const toggleMute = _react.useCallback.call(void 0, () => {
-    if (isMuted) {
-      setIsMuted(false);
-      setVolume(prevVolume || 0.5);
-    } else {
-      setPrevVolume(volume);
-      setIsMuted(true);
-      setVolume(0);
-    }
-  }, [isMuted, volume, prevVolume]);
-  const handleVolumeChange = _react.useCallback.call(void 0, (e) => {
-    const val = parseFloat(e.target.value);
-    setVolume(val);
-    setIsMuted(val === 0);
-    if (val > 0) setPrevVolume(val);
-  }, []);
-  const startHideTimer = _react.useCallback.call(void 0, () => {
-    clearTimeout(hideTimeoutRef.current);
-    if (isPlaying) {
-      hideTimeoutRef.current = setTimeout(() => setShowControls(false), 3e3);
-    }
-  }, [isPlaying]);
-  const handleMouseMove = _react.useCallback.call(void 0, () => {
-    setShowControls(true);
-    startHideTimer();
-  }, [startHideTimer]);
-  const handleTouchToggle = _react.useCallback.call(void 0, () => {
-    if (!hasStarted) return;
-    setShowControls((prev) => {
-      const next = !prev;
-      clearTimeout(hideTimeoutRef.current);
-      if (next && isPlaying) {
-        hideTimeoutRef.current = setTimeout(() => setShowControls(false), 3e3);
-      }
-      return next;
-    });
-  }, [hasStarted, isPlaying]);
-  _react.useEffect.call(void 0, () => {
-    if (!hasStarted) return;
-    const el = containerRef.current;
-    if (!el) return;
-    const onKey = (e) => {
-      if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) return;
-      switch (e.key) {
-        case " ":
-        case "k":
-          e.preventDefault();
-          setIsPlaying((prev) => !prev);
-          break;
-        case "ArrowLeft":
-          e.preventDefault();
-          _optionalChain([playerRef, 'access', _441 => _441.current, 'optionalAccess', _442 => _442.seekTo, 'call', _443 => _443(Math.max(0, (_nullishCoalesce(_optionalChain([playerRef, 'access', _444 => _444.current, 'optionalAccess', _445 => _445.getCurrentTime, 'call', _446 => _446()]), () => ( 0))) - 5), "seconds")]);
-          break;
-        case "ArrowRight":
-          e.preventDefault();
-          _optionalChain([playerRef, 'access', _447 => _447.current, 'optionalAccess', _448 => _448.seekTo, 'call', _449 => _449(Math.min(duration, (_nullishCoalesce(_optionalChain([playerRef, 'access', _450 => _450.current, 'optionalAccess', _451 => _451.getCurrentTime, 'call', _452 => _452()]), () => ( 0))) + 5), "seconds")]);
-          break;
-        case "ArrowUp":
-          e.preventDefault();
-          setVolume((v) => {
-            const nv = Math.min(1, v + 0.1);
-            setIsMuted(false);
-            return nv;
-          });
-          break;
-        case "ArrowDown":
-          e.preventDefault();
-          setVolume((v) => {
-            const nv = Math.max(0, v - 0.1);
-            if (nv === 0) setIsMuted(true);
-            return nv;
-          });
-          break;
-        case "m":
-        case "M":
-          e.preventDefault();
-          toggleMute();
-          break;
-        case "f":
-        case "F":
-          e.preventDefault();
-          toggleFullscreen();
-          break;
-        case "c":
-        case "C":
-          e.preventDefault();
-          setCaptionsEnabled((prev) => !prev);
-          break;
-      }
-    };
-    el.addEventListener("keydown", onKey);
-    return () => el.removeEventListener("keydown", onKey);
-  }, [hasStarted, duration, toggleMute, toggleFullscreen]);
-  const [seekPreview, setSeekPreview] = _react.useState.call(void 0, null);
-  const [playbackRate, setPlaybackRate] = _react.useState.call(void 0, 1);
-  const cycleSpeed = _react.useCallback.call(void 0, () => {
-    setPlaybackRate((prev) => {
-      const idx = SPEED_OPTIONS.indexOf(prev);
-      return SPEED_OPTIONS[(idx + 1) % SPEED_OPTIONS.length];
-    });
-  }, []);
-  const progressBarRef = _react.useRef.call(void 0, null);
-  const isDraggingRef = _react.useRef.call(void 0, false);
-  const dragListenersRef = _react.useRef.call(void 0, null);
-  const seekToClientX = _react.useCallback.call(void 0, (clientX) => {
-    const rect = _optionalChain([progressBarRef, 'access', _453 => _453.current, 'optionalAccess', _454 => _454.getBoundingClientRect, 'call', _455 => _455()]);
-    if (!rect) return;
-    const fraction = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));
-    setPlayed(fraction);
-    _optionalChain([playerRef, 'access', _456 => _456.current, 'optionalAccess', _457 => _457.seekTo, 'call', _458 => _458(fraction, "fraction")]);
-  }, []);
-  const handleProgressMouseDown = _react.useCallback.call(void 0, (e) => {
-    e.stopPropagation();
-    e.preventDefault();
-    isDraggingRef.current = true;
-    seekToClientX(e.clientX);
-    if (dragListenersRef.current) {
-      document.removeEventListener("mousemove", dragListenersRef.current.move);
-      document.removeEventListener("mouseup", dragListenersRef.current.up);
-    }
-    const onMouseMove = (ev) => {
-      if (!isDraggingRef.current) return;
-      seekToClientX(ev.clientX);
-    };
-    const onMouseUp = () => {
-      isDraggingRef.current = false;
-      document.removeEventListener("mousemove", onMouseMove);
-      document.removeEventListener("mouseup", onMouseUp);
-      dragListenersRef.current = null;
-    };
-    dragListenersRef.current = { move: onMouseMove, up: onMouseUp };
-    document.addEventListener("mousemove", onMouseMove);
-    document.addEventListener("mouseup", onMouseUp);
-  }, [seekToClientX]);
-  const handleProgressTouchStart = _react.useCallback.call(void 0, (e) => {
-    e.stopPropagation();
-    const touch = e.touches[0];
-    if (touch) seekToClientX(touch.clientX);
-  }, [seekToClientX]);
-  const handleProgressTouchMove = _react.useCallback.call(void 0, (e) => {
-    e.stopPropagation();
-    const touch = e.touches[0];
-    if (touch) seekToClientX(touch.clientX);
-  }, [seekToClientX]);
-  const handleProgressKeyDown = _react.useCallback.call(void 0, (e) => {
-    if (e.key === "ArrowRight") {
-      e.preventDefault();
-      e.stopPropagation();
-      _optionalChain([playerRef, 'access', _459 => _459.current, 'optionalAccess', _460 => _460.seekTo, 'call', _461 => _461(Math.min(duration, (_nullishCoalesce(_optionalChain([playerRef, 'access', _462 => _462.current, 'optionalAccess', _463 => _463.getCurrentTime, 'call', _464 => _464()]), () => ( 0))) + 5), "seconds")]);
-    }
-    if (e.key === "ArrowLeft") {
-      e.preventDefault();
-      e.stopPropagation();
-      _optionalChain([playerRef, 'access', _465 => _465.current, 'optionalAccess', _466 => _466.seekTo, 'call', _467 => _467(Math.max(0, (_nullishCoalesce(_optionalChain([playerRef, 'access', _468 => _468.current, 'optionalAccess', _469 => _469.getCurrentTime, 'call', _470 => _470()]), () => ( 0))) - 5), "seconds")]);
-    }
-    if (e.key === "Home") {
-      e.preventDefault();
-      e.stopPropagation();
-      _optionalChain([playerRef, 'access', _471 => _471.current, 'optionalAccess', _472 => _472.seekTo, 'call', _473 => _473(0, "seconds")]);
-    }
-    if (e.key === "End") {
-      e.preventDefault();
-      e.stopPropagation();
-      _optionalChain([playerRef, 'access', _474 => _474.current, 'optionalAccess', _475 => _475.seekTo, 'call', _476 => _476(duration, "seconds")]);
-    }
-  }, [duration]);
-  const handleProgressHover = _react.useCallback.call(void 0, (e) => {
-    if (isDraggingRef.current) return;
-    const rect = e.currentTarget.getBoundingClientRect();
-    const fraction = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));
-    const x = Math.max(30, Math.min(rect.width - 30, e.clientX - rect.left));
-    setSeekPreview({ fraction, x });
-  }, []);
-  const isTouchRef = _react.useRef.call(void 0, false);
-  const handleContainerClick = _react.useCallback.call(void 0, (e) => {
-    if (isTouchRef.current) {
-      isTouchRef.current = false;
-      return;
-    }
-    if (e.target.closest(".video-controls-bar")) return;
-    if (!hasStarted) return;
-    if (clickTimerRef.current) {
-      clearTimeout(clickTimerRef.current);
-      clickTimerRef.current = void 0;
-      toggleFullscreen();
-    } else {
-      clickTimerRef.current = setTimeout(() => {
-        clickTimerRef.current = void 0;
-        setIsPlaying((prev) => !prev);
-      }, 250);
-    }
-  }, [hasStarted, toggleFullscreen]);
-  const handleContainerTouchEnd = _react.useCallback.call(void 0, (e) => {
-    if (e.target.closest(".video-controls-bar")) return;
-    isTouchRef.current = true;
-    if (!hasStarted) return;
-    handleTouchToggle();
-  }, [hasStarted, handleTouchToggle]);
-  const effectivePoster = poster || void 0;
-  const posterBgColor = _chunkALW3D72Ocjs.useImageEdgeColor.call(void 0, effectivePoster);
-  _react.useEffect.call(void 0, () => {
-    setMounted(true);
-    return () => {
-      clearTimeout(clickTimerRef.current);
-      clearTimeout(hideTimeoutRef.current);
-      clearTimeout(iosFullscreenTimerRef.current);
-      isDraggingRef.current = false;
-      if (dragListenersRef.current) {
-        document.removeEventListener("mousemove", dragListenersRef.current.move);
-        document.removeEventListener("mouseup", dragListenersRef.current.up);
-        dragListenersRef.current = null;
-      }
-    };
-  }, []);
-  _react.useEffect.call(void 0, () => {
-    if (!hasStarted) return;
-    const video = _optionalChain([playerRef, 'access', _477 => _477.current, 'optionalAccess', _478 => _478.getInternalPlayer, 'call', _479 => _479()]);
-    if (!video) return;
-    const onBeginFS = () => activateCaptionTracks(video);
-    video.addEventListener("webkitbeginfullscreen", onBeginFS);
-    return () => video.removeEventListener("webkitbeginfullscreen", onBeginFS);
-  }, [hasStarted, activateCaptionTracks]);
-  const handleError = _react.useCallback.call(void 0, () => setHasError(true), []);
-  const handlePlay = _react.useCallback.call(void 0, () => {
-    setIsPlaying(true);
-    setHasStarted(true);
-  }, []);
-  const handlePause = _react.useCallback.call(void 0, () => setIsPlaying(false), []);
-  const handleEnded = _react.useCallback.call(void 0, () => setIsPlaying(false), []);
-  const handlePlayClick = _react.useCallback.call(void 0, () => {
-    const native = _optionalChain([playerRef, 'access', _480 => _480.current, 'optionalAccess', _481 => _481.getInternalPlayer, 'call', _482 => _482()]);
-    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);
-  }, []);
-  const handleProgress = _react.useCallback.call(void 0, ({ played: p, loaded: l, playedSeconds }) => {
-    setPlayed(p);
-    setLoaded(l);
-    updateTime(playedSeconds);
-  }, [updateTime]);
-  const handleBuffer = _react.useCallback.call(void 0, () => setIsBuffering(true), []);
-  const handleBufferEnd = _react.useCallback.call(void 0, () => setIsBuffering(false), []);
-  if (!mounted) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `video-player-container ${className}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        className: "video-wrapper relative w-full",
-        style: useNativeAspectRatio ? {} : { paddingBottom: "56.25%" },
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: useNativeAspectRatio ? "bg-black rounded-md flex items-center justify-center min-h-[200px]" : "absolute inset-0 bg-black rounded-md flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-16 h-16 rounded-full bg-ods-accent flex items-center justify-center shadow-lg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTMD5LDX4cjs.PlayIcon, { size: 24, className: "ml-1 text-ods-text-on-accent" }) }) })
-      }
-    ) });
-  }
-  if (hasError) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `video-player-error ${className}`, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "error-state bg-ods-card border border-ods-border rounded-md p-6 text-center", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "error-icon flex justify-center mb-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTMD5LDX4cjs.AlertCircleIcon, { size: 48, className: "text-ods-attention-red-error" }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "error-title font-sans font-semibold text-lg text-ods-attention-red-error mb-2", children: "Video Unavailable" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "error-description font-sans text-sm text-ods-text-secondary mb-4", children: "Unable to load video. The video may be unavailable or the format is not supported." })
-    ] }) });
-  }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `video-player-container ${className}`, children: [
-    title && showTitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "video-title font-sans text-lg font-medium text-ods-text-primary mb-3", children: title }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "div",
-      {
-        ref: containerRef,
-        tabIndex: 0,
-        role: "region",
-        "aria-label": title || "Video player",
-        className: `video-wrapper relative w-full outline-none focus-visible:ring-2 focus-visible:ring-white/50 focus-visible:ring-offset-2 focus-visible:ring-offset-black ${isFullscreen ? "bg-black" : ""} ${isFullscreen && !showControls && isPlaying ? "cursor-none" : ""}`,
-        style: isFullscreen ? { width: "100%", height: "100%" } : useNativeAspectRatio ? {} : { paddingBottom: "56.25%" },
-        onMouseMove: handleMouseMove,
-        onMouseLeave: startHideTimer,
-        onTouchEnd: handleContainerTouchEnd,
-        onClick: handleContainerClick,
-        children: [
-          !hasStarted && !hasError && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "absolute inset-0 cursor-pointer group z-20", onClick: handlePlayClick, children: [
-            effectivePoster && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "img",
-              {
-                src: effectivePoster,
-                alt: title || "Video thumbnail",
-                className: "w-full h-full object-contain rounded-md",
-                style: { backgroundColor: posterBgColor }
-              }
-            ),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, _chunkTMD5LDX4cjs.PlayIcon, { size: 24, className: "ml-1 text-ods-text-on-accent" }) }) })
-          ] }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, 
-            _reactplayer2.default,
-            {
-              ref: playerRef,
-              url,
-              width: "100%",
-              height: "100%",
-              controls: false,
-              playing: isPlaying,
-              playbackRate,
-              loop,
-              muted: isMuted,
-              volume: isMuted ? 0 : volume,
-              onError: handleError,
-              onPlay: handlePlay,
-              onPause: handlePause,
-              onEnded: handleEnded,
-              onDuration: setDuration,
-              onBuffer: handleBuffer,
-              onBufferEnd: handleBufferEnd,
-              onProgress: handleProgress,
-              progressInterval: 200,
-              config: { file: { attributes: { controlsList: "nodownload", playsInline: true, preload: hasStarted ? "auto" : preloadStrategy } } },
-              light: false,
-              playsinline: true
-            }
-          ) }),
-          isBuffering && hasStarted && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 flex items-center justify-center z-20 pointer-events-none", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-12 h-12 border-4 border-white/30 border-t-white rounded-full animate-spin" }) }),
-          captionsEnabled && activeText && hasStarted && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
-            {
-              className: "absolute left-[5%] right-[5%] text-center pointer-events-none z-10 transition-[bottom] duration-300 ease-in-out",
-              style: { bottom: showControls || !isPlaying ? 52 : 12 },
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "span",
-                {
-                  className: "inline-block bg-black/80 text-white leading-relaxed px-4 py-1.5 rounded font-sans font-medium whitespace-pre-line",
-                  style: {
-                    fontSize: isFullscreen ? "clamp(20px, 3.3vh, 42px)" : "clamp(15px, 3.3cqw, 26px)",
-                    maxWidth: "90%",
-                    textShadow: "0 1px 4px rgba(0,0,0,0.6)",
-                    WebkitTextStroke: "0.3px rgba(0,0,0,0.3)"
-                  },
-                  children: activeText
-                }
-              )
-            }
-          ),
-          hasStarted && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
-            {
-              className: `video-controls-bar absolute bottom-0 left-0 right-0 z-30 transition-opacity duration-300 ${showControls || !isPlaying ? "opacity-100" : "opacity-0 pointer-events-none"}`,
-              onTouchEnd: (e) => {
-                e.stopPropagation();
-                startHideTimer();
-              },
-              children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "bg-gradient-to-t from-black/90 via-black/40 to-transparent pt-6 pb-1.5 px-2.5 rounded-b-md", children: [
-                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-                  "div",
-                  {
-                    className: "group/seek relative w-full h-6 cursor-pointer mb-0.5 flex items-center",
-                    ref: progressBarRef,
-                    role: "slider",
-                    "aria-label": "Video progress",
-                    "aria-valuenow": Math.round(played * 100),
-                    "aria-valuetext": `${formatTime(played * duration)} of ${formatTime(duration)}`,
-                    "aria-valuemin": 0,
-                    "aria-valuemax": 100,
-                    tabIndex: 0,
-                    onMouseDown: handleProgressMouseDown,
-                    onTouchStart: handleProgressTouchStart,
-                    onTouchMove: handleProgressTouchMove,
-                    onTouchEnd: (e) => e.stopPropagation(),
-                    onMouseMove: handleProgressHover,
-                    onMouseLeave: () => setSeekPreview(null),
-                    onKeyDown: handleProgressKeyDown,
-                    children: [
-                      seekPreview && duration > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        "div",
-                        {
-                          className: "absolute -top-7 -translate-x-1/2 bg-black/90 text-white text-[11px] font-mono px-1.5 py-0.5 rounded pointer-events-none whitespace-nowrap z-10",
-                          style: { left: seekPreview.x },
-                          children: formatTime(seekPreview.fraction * duration)
-                        }
-                      ),
-                      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "absolute left-0 right-0 h-1 [@media(hover:hover)]:group-hover/seek:h-[5px] transition-all top-1/2 -translate-y-1/2", children: [
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-white/20 rounded-full" }),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          "div",
-                          {
-                            className: "absolute inset-y-0 left-0 bg-white/40 rounded-full transition-all",
-                            style: { width: `${loaded * 100}%` }
-                          }
-                        ),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          "div",
-                          {
-                            className: "absolute inset-y-0 left-0 bg-white rounded-full",
-                            style: { width: `${played * 100}%` }
-                          }
-                        )
-                      ] }),
-                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        "div",
-                        {
-                          className: "absolute top-1/2 -translate-y-1/2 w-3 h-3 bg-white rounded-full shadow-sm opacity-100 [@media(hover:hover)]:opacity-0 [@media(hover:hover)]:group-hover/seek:opacity-100 [@media(hover:hover)]:group-hover/seek:scale-110 transition-all",
-                          style: { left: `calc(${played * 100}% - 6px)` }
-                        }
-                      )
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between h-9", children: [
-                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center", children: [
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      _chunkBJTOSUT4cjs.Button,
-                      {
-                        variant: "transparent",
-                        size: "icon",
-                        onClick: (e) => {
-                          e.stopPropagation();
-                          setIsPlaying((prev) => !prev);
-                        },
-                        className: "h-9 w-9 text-white hover:text-white/80 hover:bg-white/10",
-                        "aria-label": isPlaying ? "Pause (Space)" : "Play (Space)",
-                        children: isPlaying ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTMD5LDX4cjs.PauseIcon, { size: 20, color: "white" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTMD5LDX4cjs.PlayIcon, { size: 20, color: "white" })
-                      }
-                    ),
-                    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "group/vol flex items-center", children: [
-                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunkBJTOSUT4cjs.Button,
-                        {
-                          variant: "transparent",
-                          size: "icon",
-                          onClick: (e) => {
-                            e.stopPropagation();
-                            toggleMute();
-                          },
-                          className: "h-9 w-9 text-white hover:text-white/80 hover:bg-white/10",
-                          "aria-label": isMuted ? "Unmute (M)" : "Mute (M)",
-                          children: isMuted || volume === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTMD5LDX4cjs.VolumeOffIcon, { size: 18, color: "white" }) : volume < 0.5 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTMD5LDX4cjs.VolumeDownIcon, { size: 18, color: "white" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTMD5LDX4cjs.VolumeUpIcon, { size: 18, color: "white" })
-                        }
-                      ),
-                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-0 overflow-hidden group-hover/vol:w-16 transition-all duration-200 flex items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunkBJTOSUT4cjs.Input,
-                        {
-                          type: "range",
-                          min: 0,
-                          max: 1,
-                          step: 0.01,
-                          value: isMuted ? 0 : volume,
-                          onChange: handleVolumeChange,
-                          onClick: (e) => e.stopPropagation(),
-                          "aria-label": "Volume",
-                          className: "w-14 ml-1",
-                          style: { background: `linear-gradient(to right, white ${(isMuted ? 0 : volume) * 100}%, rgba(255,255,255,0.3) ${(isMuted ? 0 : volume) * 100}%)` }
-                        }
-                      ) })
-                    ] }),
-                    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-white/70 text-[12px] font-mono tabular-nums select-none ml-1.5", children: [
-                      formatTime(played * duration),
-                      " / ",
-                      formatTime(duration)
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center", children: [
-                    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-                      _chunkBJTOSUT4cjs.Button,
-                      {
-                        variant: "transparent",
-                        size: "small-legacy",
-                        onClick: (e) => {
-                          e.stopPropagation();
-                          cycleSpeed();
-                        },
-                        className: `h-9 px-1.5 text-[11px] font-bold rounded hover:bg-white/10 ${playbackRate !== 1 ? "text-white" : "text-white/70 hover:text-white"}`,
-                        title: "Playback speed",
-                        "aria-label": `Playback speed ${playbackRate}x`,
-                        children: [
-                          playbackRate,
-                          "x"
-                        ]
-                      }
-                    ),
-                    hasCues && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      _chunkBJTOSUT4cjs.Button,
-                      {
-                        variant: "transparent",
-                        size: "small-legacy",
-                        onClick: (e) => {
-                          e.stopPropagation();
-                          setCaptionsEnabled((prev) => !prev);
-                        },
-                        className: `h-9 px-1.5 text-[11px] font-bold rounded ${captionsEnabled ? "bg-white text-black hover:bg-white/90" : "text-white/50 hover:text-white hover:bg-white/10"}`,
-                        style: { borderBottom: captionsEnabled ? "2px solid white" : "2px solid transparent" },
-                        title: captionsEnabled ? "Hide captions (C)" : "Show captions (C)",
-                        "aria-label": captionsEnabled ? "Hide captions" : "Show captions",
-                        children: "CC"
-                      }
-                    ),
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      _chunkBJTOSUT4cjs.Button,
-                      {
-                        variant: "transparent",
-                        size: "icon",
-                        onClick: (e) => {
-                          e.stopPropagation();
-                          toggleFullscreen();
-                        },
-                        className: "h-9 w-9 text-white/80 hover:text-white hover:bg-white/10",
-                        title: isFullscreen ? "Exit fullscreen (F)" : "Fullscreen (F)",
-                        "aria-label": isFullscreen ? "Exit fullscreen" : "Fullscreen",
-                        children: isFullscreen ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTMD5LDX4cjs.Collapse01Icon, { size: 18, color: "white" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTMD5LDX4cjs.Expand01Icon, { size: 18, color: "white" })
-                      }
-                    )
-                  ] })
-                ] })
-              ] })
-            }
-          )
-        ]
-      }
-    )
-  ] });
-};
-
 // src/components/layout/page-container.tsx
 _chunkOFAYLG6Dcjs.init_cn.call(void 0, );
 
@@ -17445,7 +16695,7 @@ var SecondaryAction = ({ action }) => {
         e.preventDefault();
         return;
       }
-      _optionalChain([action, 'access', _483 => _483.onClick, 'optionalCall', _484 => _484()]);
+      _optionalChain([action, 'access', _414 => _414.onClick, 'optionalCall', _415 => _415()]);
     },
     [action]
   );
@@ -17486,13 +16736,13 @@ var MenuItem = ({ item, onItemClick }) => {
   const activate = _react.useCallback.call(void 0, () => {
     if (item.disabled) return;
     if (item.type === "checkbox") {
-      _optionalChain([item, 'access', _485 => _485.onClick, 'optionalCall', _486 => _486()]);
-      _optionalChain([onItemClick, 'optionalCall', _487 => _487(item)]);
+      _optionalChain([item, 'access', _416 => _416.onClick, 'optionalCall', _417 => _417()]);
+      _optionalChain([onItemClick, 'optionalCall', _418 => _418(item)]);
       return;
     }
     if (item.type === "submenu") return;
-    _optionalChain([item, 'access', _488 => _488.onClick, 'optionalCall', _489 => _489()]);
-    _optionalChain([onItemClick, 'optionalCall', _490 => _490(item)]);
+    _optionalChain([item, 'access', _419 => _419.onClick, 'optionalCall', _420 => _420()]);
+    _optionalChain([onItemClick, 'optionalCall', _421 => _421(item)]);
   }, [item, onItemClick]);
   const handleClick = _react.useCallback.call(void 0, 
     (e) => {
@@ -17518,8 +16768,8 @@ var MenuItem = ({ item, onItemClick }) => {
         e.stopPropagation();
         return;
       }
-      _optionalChain([item, 'access', _491 => _491.onClick, 'optionalCall', _492 => _492()]);
-      _optionalChain([onItemClick, 'optionalCall', _493 => _493(item)]);
+      _optionalChain([item, 'access', _422 => _422.onClick, 'optionalCall', _423 => _423()]);
+      _optionalChain([onItemClick, 'optionalCall', _424 => _424(item)]);
     },
     [item, onItemClick]
   );
@@ -17674,7 +16924,7 @@ var ActionsMenuDropdown = ({
   const [open, setOpen] = _react.useState.call(void 0, false);
   const handleItemClick = _react.useCallback.call(void 0, 
     (item) => {
-      _optionalChain([onItemClick, 'optionalCall', _494 => _494(item)]);
+      _optionalChain([onItemClick, 'optionalCall', _425 => _425(item)]);
       if (item.type !== "checkbox" && item.type !== "submenu") {
         setOpen(false);
       }
@@ -17845,7 +17095,7 @@ function IconButtonsVariant({
 }) {
   const desktopActions = actions.filter((a) => !a.showOnlyMobile);
   const hasMenuActions = !!menuActions && menuActions.some((g) => g.items.length > 0);
-  const isSingleAction = actions.length === 1 && !_optionalChain([actions, 'access', _495 => _495[0], 'access', _496 => _496.submenu, 'optionalAccess', _497 => _497.length]);
+  const isSingleAction = actions.length === 1 && !_optionalChain([actions, 'access', _426 => _426[0], 'access', _427 => _427.submenu, 'optionalAccess', _428 => _428.length]);
   const singleAction = isSingleAction ? actions[0] : null;
   const useSingleActionMobile = isSingleAction && !hasMenuActions;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
@@ -18275,14 +17525,14 @@ function ReleaseDetailPage({
           releaseVersion
         ] })
       ] }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap gap-2 w-full", children: _optionalChain([blogTags, 'optionalAccess', _498 => _498.map, 'call', _499 => _499((tag) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap gap-2 w-full", children: _optionalChain([blogTags, 'optionalAccess', _429 => _429.map, 'call', _430 => _430((tag) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         StatusBadge,
         {
-          text: (tag.name || _optionalChain([tag, 'access', _500 => _500.blog_tags, 'optionalAccess', _501 => _501.name]) || "").toUpperCase(),
+          text: (tag.name || _optionalChain([tag, 'access', _431 => _431.blog_tags, 'optionalAccess', _432 => _432.name]) || "").toUpperCase(),
           variant: "card",
           className: "bg-ods-card border border-ods-border"
         },
-        tag.id || _optionalChain([tag, 'access', _502 => _502.blog_tags, 'optionalAccess', _503 => _503.id])
+        tag.id || _optionalChain([tag, 'access', _433 => _433.blog_tags, 'optionalAccess', _434 => _434.id])
       ))]) }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 md:grid-cols-4 border border-ods-border rounded-md overflow-hidden w-full", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "bg-ods-card border-b md:border-b-0 md:border-r border-ods-border p-4 flex flex-col gap-3", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-0", children: [
@@ -18301,15 +17551,15 @@ function ReleaseDetailPage({
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             SquareAvatar,
             {
-              src: _optionalChain([author, 'optionalAccess', _504 => _504.avatar_url]) || "",
-              alt: _optionalChain([author, 'optionalAccess', _505 => _505.full_name]) || "Author",
-              fallback: getInitials4(_optionalChain([author, 'optionalAccess', _506 => _506.full_name]) || "Unknown"),
+              src: _optionalChain([author, 'optionalAccess', _435 => _435.avatar_url]) || "",
+              alt: _optionalChain([author, 'optionalAccess', _436 => _436.full_name]) || "Author",
+              fallback: getInitials4(_optionalChain([author, 'optionalAccess', _437 => _437.full_name]) || "Unknown"),
               size: "md",
               variant: "round"
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-0 flex-1 min-w-0", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h3 tracking-[-0.36px] text-ods-text-primary truncate", children: _optionalChain([author, 'optionalAccess', _507 => _507.full_name]) || "Unknown Author" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h3 tracking-[-0.36px] text-ods-text-primary truncate", children: _optionalChain([author, 'optionalAccess', _438 => _438.full_name]) || "Unknown Author" }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Author" })
           ] })
         ] })
@@ -18324,7 +17574,7 @@ function ReleaseDetailPage({
               setGalleryOpen(true);
             }
           },
-          children: mediaItem.media_type === "video" || mediaItem.media_type === "demo" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, VideoPlayer, { url: mediaItem.media_url, useNativeAspectRatio: false }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: mediaItem.media_url, alt: mediaItem.title || `Media ${index + 1}`, className: "w-full h-full object-cover" })
+          children: mediaItem.media_type === "video" || mediaItem.media_type === "demo" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Video2, { url: mediaItem.media_url, layout: "native" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: mediaItem.media_url, alt: mediaItem.title || `Media ${index + 1}`, className: "w-full h-full object-cover" })
         },
         mediaItem.id || index
       )) }),
@@ -18340,16 +17590,36 @@ function ReleaseDetailPage({
           videoBites,
           bitesTitle: "Video Clips",
           filterPublishedBites: true,
-          srtContent: _optionalChain([release, 'optionalAccess', _508 => _508.srt_content]),
-          captionsUrl: _optionalChain([release, 'optionalAccess', _509 => _509.captionsUrl])
+          srtContent: _optionalChain([release, 'optionalAccess', _439 => _439.srt_content]),
+          captionsUrl: _optionalChain([release, 'optionalAccess', _440 => _440.captionsUrl])
         }
       ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        youtubeUrl && (() => {
-          const videoId = extractYouTubeId(youtubeUrl);
-          return videoId ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, YouTubeEmbed, { videoId, title: `${releaseTitle} - Video`, showTitle: false, showMeta: true }) : null;
-        })(),
-        !youtubeUrl && mainVideoUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex justify-center w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full max-w-3xl", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, VideoPlayer, { url: mainVideoUrl, srtContent: _optionalChain([release, 'optionalAccess', _510 => _510.srt_content]), captionsUrl: _optionalChain([release, 'optionalAccess', _511 => _511.captionsUrl]) }) }) }),
-        highlightVideoUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex justify-center w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full max-w-3xl", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, VideoPlayer, { url: highlightVideoUrl, poster: highlightVideoThumbnail }) }) })
+        youtubeUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          Video2,
+          {
+            kind: "youtube",
+            url: youtubeUrl,
+            title: `${releaseTitle} - Video`,
+            layout: "native"
+          }
+        ),
+        !youtubeUrl && mainVideoUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          Video2,
+          {
+            url: mainVideoUrl,
+            srtContent: _optionalChain([release, 'optionalAccess', _441 => _441.srt_content]),
+            captionsUrl: _optionalChain([release, 'optionalAccess', _442 => _442.captionsUrl]),
+            layout: "centered"
+          }
+        ),
+        highlightVideoUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          Video2,
+          {
+            url: highlightVideoUrl,
+            poster: highlightVideoThumbnail,
+            layout: "centered"
+          }
+        )
       ] }),
       releaseContent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-h4 text-ods-text-primary", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MarkdownRenderer, { content: releaseContent }) }),
       hasBreakingChanges && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Card, { className: "border-red-500 bg-red-500/10", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardContent, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
@@ -18428,7 +17698,7 @@ function ReleaseDetailPage({
           }
         )
       ] }),
-      (_optionalChain([githubReleases, 'optionalAccess', _512 => _512.length]) || _optionalChain([knowledgeBaseLinks, 'optionalAccess', _513 => _513.length]) || migrationGuideUrl || documentationUrl) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1 w-full", children: [
+      (_optionalChain([githubReleases, 'optionalAccess', _443 => _443.length]) || _optionalChain([knowledgeBaseLinks, 'optionalAccess', _444 => _444.length]) || migrationGuideUrl || documentationUrl) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1 w-full", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Links" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Card, { className: "bg-ods-card border-ods-border p-6", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
           githubReleases && githubReleases.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: githubReleases.map((ghRelease) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-1", children: [
@@ -18457,7 +17727,7 @@ function ReleaseDetailPage({
                 {
                   href: path.startsWith("http") ? path : `/knowledge-base${path.startsWith("/") ? "" : "/"}${path}`,
                   className: "text-h4 text-[#ffc008] hover:underline",
-                  children: _optionalChain([path, 'access', _514 => _514.replace, 'call', _515 => _515(/^\//, ""), 'access', _516 => _516.split, 'call', _517 => _517("/"), 'access', _518 => _518.pop, 'call', _519 => _519(), 'optionalAccess', _520 => _520.replace, 'call', _521 => _521(/-/g, " ")]) || "View Article"
+                  children: _optionalChain([path, 'access', _445 => _445.replace, 'call', _446 => _446(/^\//, ""), 'access', _447 => _447.split, 'call', _448 => _448("/"), 'access', _449 => _449.pop, 'call', _450 => _450(), 'optionalAccess', _451 => _451.replace, 'call', _452 => _452(/-/g, " ")]) || "View Article"
                 }
               ),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
@@ -18603,7 +17873,7 @@ function InfoRow({ label, value, icon }) {
 _chunkOFAYLG6Dcjs.init_cn.call(void 0, );
 
 
-var InputTrigger = React48.forwardRef(
+var InputTrigger = React47.forwardRef(
   ({ selectedLabel, placeholder, startIcon, endIcon, invalid, className, disabled, ...props }, ref) => {
     const isPlaceholder = selectedLabel === void 0 || selectedLabel === null || selectedLabel === "";
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -18667,8 +17937,8 @@ function MediaTypeSelector({
   className,
   disabled
 }) {
-  const [key, setKey] = React49.useState(0);
-  React49.useEffect(() => {
+  const [key, setKey] = React48.useState(0);
+  React48.useEffect(() => {
     setKey((prev) => prev + 1);
   }, [value]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -18824,7 +18094,7 @@ _chunkOFAYLG6Dcjs.init_cn.call(void 0, );
 
 var _reactradiogroup = require('@radix-ui/react-radio-group'); var RadioGroupPrimitive = _interopRequireWildcard(_reactradiogroup);
 
-var RadioGroup = React51.forwardRef(({ className, ...props }, ref) => {
+var RadioGroup = React50.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     RadioGroupPrimitive.Root,
     {
@@ -18835,7 +18105,7 @@ var RadioGroup = React51.forwardRef(({ className, ...props }, ref) => {
   );
 });
 RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React51.forwardRef(({ className, ...props }, ref) => {
+var RadioGroupItem = React50.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     RadioGroupPrimitive.Item,
     {
@@ -18856,7 +18126,7 @@ var RadioGroupItem = React51.forwardRef(({ className, ...props }, ref) => {
   );
 });
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
-var RadioGroupBlock = React51.forwardRef(
+var RadioGroupBlock = React50.forwardRef(
   ({ className, options, variant = "separated", error, itemClassName, disabled, ...props }, ref) => {
     const isGrouped = variant === "grouped";
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkOFAYLG6Dcjs.cn.call(void 0, "relative flex w-full flex-col", className), children: [
@@ -18970,7 +18240,7 @@ function TagsInput({
   badgeClassName,
   label
 }) {
-  const [inputValue, setInputValue] = React52.useState("");
+  const [inputValue, setInputValue] = React51.useState("");
   const handleAddTag = () => {
     const trimmedValue = inputValue.trim();
     if (!trimmedValue) return;
@@ -19076,19 +18346,19 @@ function TagsManager({
   disabled = false,
   className
 }) {
-  const [open, setOpen] = React53.useState(false);
-  const [search, setSearch] = React53.useState("");
-  const [editingId, setEditingId] = React53.useState(null);
-  const [editingName, setEditingName] = React53.useState("");
-  const editInputRef = React53.useRef(null);
-  const inputRef = React53.useRef(null);
-  const containerRef = React53.useRef(null);
+  const [open, setOpen] = React52.useState(false);
+  const [search, setSearch] = React52.useState("");
+  const [editingId, setEditingId] = React52.useState(null);
+  const [editingName, setEditingName] = React52.useState("");
+  const editInputRef = React52.useRef(null);
+  const inputRef = React52.useRef(null);
+  const containerRef = React52.useRef(null);
   const selectedTags = tags.filter((t) => selectedIds.includes(t.id));
   const filtered = tags.filter(
     (t) => t.name.toLowerCase().includes(search.toLowerCase())
   );
   const showCreateOption = onCreateTag && search.trim() && !tags.some((t) => t.name.toLowerCase() === search.trim().toLowerCase());
-  const toggleTag = React53.useCallback(
+  const toggleTag = React52.useCallback(
     (id) => {
       if (selectedIds.includes(id)) {
         onChange(selectedIds.filter((i) => i !== id));
@@ -19098,32 +18368,32 @@ function TagsManager({
     },
     [selectedIds, onChange]
   );
-  const handleCreate = React53.useCallback(async () => {
+  const handleCreate = React52.useCallback(async () => {
     if (!onCreateTag) return;
     const name = search.trim();
     if (!name) return;
     const result = await onCreateTag(name);
-    if (_optionalChain([result, 'optionalAccess', _522 => _522.id])) {
+    if (_optionalChain([result, 'optionalAccess', _453 => _453.id])) {
       onChange([...selectedIds, result.id]);
       setSearch("");
     }
   }, [search, onCreateTag, selectedIds, onChange]);
-  const startEdit = React53.useCallback((id, name) => {
+  const startEdit = React52.useCallback((id, name) => {
     setEditingId(id);
     setEditingName(name);
-    setTimeout(() => _optionalChain([editInputRef, 'access', _523 => _523.current, 'optionalAccess', _524 => _524.focus, 'call', _525 => _525()]), 0);
+    setTimeout(() => _optionalChain([editInputRef, 'access', _454 => _454.current, 'optionalAccess', _455 => _455.focus, 'call', _456 => _456()]), 0);
   }, []);
-  const confirmEdit = React53.useCallback(async () => {
+  const confirmEdit = React52.useCallback(async () => {
     if (!onUpdateTag || !editingId || !editingName.trim()) return;
     await onUpdateTag(editingId, editingName.trim());
     setEditingId(null);
     setEditingName("");
   }, [editingId, editingName, onUpdateTag]);
-  const cancelEdit = React53.useCallback(() => {
+  const cancelEdit = React52.useCallback(() => {
     setEditingId(null);
     setEditingName("");
   }, []);
-  const handleDelete = React53.useCallback(
+  const handleDelete = React52.useCallback(
     async (id) => {
       if (!onDeleteTag) return;
       await onDeleteTag(id);
@@ -19133,12 +18403,12 @@ function TagsManager({
     },
     [onDeleteTag, selectedIds, onChange]
   );
-  const handleClearAll = React53.useCallback(
+  const handleClearAll = React52.useCallback(
     (e) => {
       e.stopPropagation();
       onChange([]);
       setSearch("");
-      _optionalChain([inputRef, 'access', _526 => _526.current, 'optionalAccess', _527 => _527.focus, 'call', _528 => _528()]);
+      _optionalChain([inputRef, 'access', _457 => _457.current, 'optionalAccess', _458 => _458.focus, 'call', _459 => _459()]);
     },
     [onChange]
   );
@@ -19237,10 +18507,10 @@ function TagsManager({
         align: "start",
         onOpenAutoFocus: (e) => {
           e.preventDefault();
-          _optionalChain([inputRef, 'access', _529 => _529.current, 'optionalAccess', _530 => _530.focus, 'call', _531 => _531()]);
+          _optionalChain([inputRef, 'access', _460 => _460.current, 'optionalAccess', _461 => _461.focus, 'call', _462 => _462()]);
         },
         onInteractOutside: (e) => {
-          if (_optionalChain([containerRef, 'access', _532 => _532.current, 'optionalAccess', _533 => _533.contains, 'call', _534 => _534(e.target)])) {
+          if (_optionalChain([containerRef, 'access', _463 => _463.current, 'optionalAccess', _464 => _464.contains, 'call', _465 => _465(e.target)])) {
             e.preventDefault();
           }
         },
@@ -19434,7 +18704,7 @@ var _reactalertdialog = require('@radix-ui/react-alert-dialog'); var AlertDialog
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var AlertDialogOverlay = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   AlertDialogPrimitive.Overlay,
   {
     className: _chunkOFAYLG6Dcjs.cn.call(void 0, 
@@ -19446,7 +18716,7 @@ var AlertDialogOverlay = React54.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, AlertDialogPortal, { children: [
+var AlertDialogContent = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, AlertDialogPortal, { children: [
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AlertDialogOverlay, {}),
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     AlertDialogPrimitive.Content,
@@ -19489,7 +18759,7 @@ var AlertDialogFooter = ({
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var AlertDialogTitle = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -19498,7 +18768,7 @@ var AlertDialogTitle = React54.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var AlertDialogDescription = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -19507,7 +18777,7 @@ var AlertDialogDescription = React54.forwardRef(({ className, ...props }, ref) =
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var AlertDialogAction = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   AlertDialogPrimitive.Action,
   {
     ref,
@@ -19516,7 +18786,7 @@ var AlertDialogAction = React54.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var AlertDialogCancel = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -19544,7 +18814,7 @@ var Dialog = DialogPrimitive3.Root;
 var DialogTrigger = DialogPrimitive3.Trigger;
 var DialogPortal = DialogPrimitive3.Portal;
 var DialogClose = DialogPrimitive3.Close;
-var DialogOverlay = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var DialogOverlay = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   DialogPrimitive3.Overlay,
   {
     ref,
@@ -19556,7 +18826,7 @@ var DialogOverlay = React55.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive3.Overlay.displayName;
-var DialogContent = React55.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DialogPortal, { children: [
+var DialogContent = React54.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DialogPortal, { children: [
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogOverlay, {}),
   /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     DialogPrimitive3.Content,
@@ -19582,7 +18852,7 @@ var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.
 DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkOFAYLG6Dcjs.cn.call(void 0, "flex flex-col-reverse md:flex-row md:justify-end md:space-x-2", className), ...props });
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var DialogTitle = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   DialogPrimitive3.Title,
   {
     ref,
@@ -19591,7 +18861,7 @@ var DialogTitle = React55.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive3.Title.displayName;
-var DialogDescription = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogPrimitive3.Description, { ref, className: _chunkOFAYLG6Dcjs.cn.call(void 0, "text-sm text-muted-foreground", className), ...props }));
+var DialogDescription = React54.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogPrimitive3.Description, { ref, className: _chunkOFAYLG6Dcjs.cn.call(void 0, "text-sm text-muted-foreground", className), ...props }));
 DialogDescription.displayName = DialogPrimitive3.Description.displayName;
 
 // src/components/ui/modal.tsx
@@ -19599,7 +18869,7 @@ _chunkOFAYLG6Dcjs.init_cn.call(void 0, );
 
 
 
-var Modal = React56.forwardRef(
+var Modal = React55.forwardRef(
   ({ isOpen, onClose, children, className }, ref) => {
     _react.useEffect.call(void 0, () => {
       const handleKeyDown = (event) => {
@@ -19643,11 +18913,11 @@ var Modal = React56.forwardRef(
   }
 );
 Modal.displayName = "Modal";
-var ModalContent = React56.forwardRef(
+var ModalContent = React55.forwardRef(
   ({ children, className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkOFAYLG6Dcjs.cn.call(void 0, "overflow-y-auto min-h-0 flex-1", className), children })
 );
 ModalContent.displayName = "ModalContent";
-var ModalHeader = React56.forwardRef(
+var ModalHeader = React55.forwardRef(
   ({ children, className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
@@ -19658,7 +18928,7 @@ var ModalHeader = React56.forwardRef(
   )
 );
 ModalHeader.displayName = "ModalHeader";
-var ModalTitle = React56.forwardRef(
+var ModalTitle = React55.forwardRef(
   ({ children, className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "h2",
     {
@@ -19669,7 +18939,7 @@ var ModalTitle = React56.forwardRef(
   )
 );
 ModalTitle.displayName = "ModalTitle";
-var ModalFooter = React56.forwardRef(
+var ModalFooter = React55.forwardRef(
   ({ children, className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
@@ -19686,8 +18956,8 @@ ModalFooter.displayName = "ModalFooter";
 
 _chunkOFAYLG6Dcjs.init_cn.call(void 0, );
 
-var ModalContext = React57.createContext({});
-var Modal2 = React57.forwardRef(
+var ModalContext = React56.createContext({});
+var Modal2 = React56.forwardRef(
   ({ isOpen, onClose, children, className }, ref) => {
     _react.useEffect.call(void 0, () => {
       const handleKeyDown = (event) => {
@@ -19736,13 +19006,13 @@ var Modal2 = React57.forwardRef(
   }
 );
 Modal2.displayName = "ModalV2";
-var ModalContent2 = React57.forwardRef(
+var ModalContent2 = React56.forwardRef(
   ({ children, className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkOFAYLG6Dcjs.cn.call(void 0, "flex-1 min-h-0 overflow-y-auto", className), children })
 );
 ModalContent2.displayName = "ModalV2Content";
-var ModalHeader2 = React57.forwardRef(
+var ModalHeader2 = React56.forwardRef(
   ({ children, className }, ref) => {
-    const { onClose } = React57.useContext(ModalContext);
+    const { onClose } = React56.useContext(ModalContext);
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
@@ -19765,7 +19035,7 @@ var ModalHeader2 = React57.forwardRef(
   }
 );
 ModalHeader2.displayName = "ModalV2Header";
-var ModalTitle2 = React57.forwardRef(
+var ModalTitle2 = React56.forwardRef(
   ({ children, className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "h2",
     {
@@ -19776,7 +19046,7 @@ var ModalTitle2 = React57.forwardRef(
   )
 );
 ModalTitle2.displayName = "ModalV2Title";
-var ModalFooter2 = React57.forwardRef(
+var ModalFooter2 = React56.forwardRef(
   ({ children, className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
@@ -19793,7 +19063,7 @@ _chunkOFAYLG6Dcjs.init_cn.call(void 0, );
 
 var _reactseparator = require('@radix-ui/react-separator'); var SeparatorPrimitive = _interopRequireWildcard(_reactseparator);
 
-var Separator2 = React58.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var Separator2 = React57.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   SeparatorPrimitive.Root,
   {
     ref,
@@ -19816,7 +19086,7 @@ var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var SheetOverlay = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   SheetPrimitive.Overlay,
   {
     className: _chunkOFAYLG6Dcjs.cn.call(void 0, 
@@ -19844,7 +19114,7 @@ var sheetVariants = _classvarianceauthority.cva.call(void 0,
     }
   }
 );
-var SheetContent = React59.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, SheetPortal, { children: [
+var SheetContent = React58.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, SheetPortal, { children: [
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SheetOverlay, {}),
   /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     SheetPrimitive.Content,
@@ -19891,7 +19161,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var SheetTitle = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   SheetPrimitive.Title,
   {
     ref,
@@ -19900,7 +19170,7 @@ var SheetTitle = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var SheetDescription = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   SheetPrimitive.Description,
   {
     ref,
@@ -19916,7 +19186,7 @@ _chunkOFAYLG6Dcjs.init_cn.call(void 0, );
 var _reacttabs = require('@radix-ui/react-tabs'); var TabsPrimitive = _interopRequireWildcard(_reacttabs);
 
 var Tabs = TabsPrimitive.Root;
-var TabsList = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var TabsList = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   TabsPrimitive.List,
   {
     ref,
@@ -19928,7 +19198,7 @@ var TabsList = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var TabsTrigger = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   TabsPrimitive.Trigger,
   {
     ref,
@@ -19940,7 +19210,7 @@ var TabsTrigger = React60.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var TabsContent = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   TabsPrimitive.Content,
   {
     ref,
@@ -19960,9 +19230,9 @@ var _reactaccordion = require('@radix-ui/react-accordion'); var AccordionPrimiti
 
 
 var Accordion = AccordionPrimitive.Root;
-var AccordionItem = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AccordionPrimitive.Item, { ref, className: _chunkOFAYLG6Dcjs.cn.call(void 0, "border-b", className), ...props }));
+var AccordionItem = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AccordionPrimitive.Item, { ref, className: _chunkOFAYLG6Dcjs.cn.call(void 0, "border-b", className), ...props }));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React61.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+var AccordionTrigger = React60.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
   AccordionPrimitive.Trigger,
   {
     ref,
@@ -19978,7 +19248,7 @@ var AccordionTrigger = React61.forwardRef(({ className, children, ...props }, re
   }
 ) }));
 AccordionTrigger.displayName = "AccordionTrigger";
-var AccordionContent = React61.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var AccordionContent = React60.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   AccordionPrimitive.Content,
   {
     ref,
@@ -19998,9 +19268,9 @@ _chunkOFAYLG6Dcjs.init_cn.call(void 0, );
 var _reactslot = require('@radix-ui/react-slot');
 
 
-var Breadcrumb = React62.forwardRef(({ ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { ref, "aria-label": "breadcrumb", ...props }));
+var Breadcrumb = React61.forwardRef(({ ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var BreadcrumbList = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   "ol",
   {
     ref,
@@ -20012,7 +19282,7 @@ var BreadcrumbList = React62.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var BreadcrumbItem = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   "li",
   {
     ref,
@@ -20021,7 +19291,7 @@ var BreadcrumbItem = React62.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React62.forwardRef(({ asChild, className, ...props }, ref) => {
+var BreadcrumbLink = React61.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? _reactslot.Slot : "a";
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     Comp,
@@ -20033,7 +19303,7 @@ var BreadcrumbLink = React62.forwardRef(({ asChild, className, ...props }, ref)
   );
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var BreadcrumbPage = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   "span",
   {
     ref,
@@ -20089,7 +19359,7 @@ var MenubarGroup = MenubarPrimitive.Group;
 var MenubarPortal = MenubarPrimitive.Portal;
 var MenubarSub = MenubarPrimitive.Sub;
 var MenubarRadioGroup = MenubarPrimitive.RadioGroup;
-var Menubar = React63.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var Menubar = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   MenubarPrimitive.Root,
   {
     ref,
@@ -20101,7 +19371,7 @@ var Menubar = React63.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React63.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var MenubarTrigger = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   MenubarPrimitive.Trigger,
   {
     ref,
@@ -20113,7 +19383,7 @@ var MenubarTrigger = React63.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React63.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+var MenubarSubTrigger = React62.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
   MenubarPrimitive.SubTrigger,
   {
     ref,
@@ -20130,7 +19400,7 @@ var MenubarSubTrigger = React63.forwardRef(({ className, inset, children, ...pro
   }
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React63.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var MenubarSubContent = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   MenubarPrimitive.SubContent,
   {
     ref,
@@ -20142,7 +19412,7 @@ var MenubarSubContent = React63.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React63.forwardRef(
+var MenubarContent = React62.forwardRef(
   ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenubarPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     MenubarPrimitive.Content,
     {
@@ -20159,7 +19429,7 @@ var MenubarContent = React63.forwardRef(
   ) })
 );
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React63.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var MenubarItem = React62.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   MenubarPrimitive.Item,
   {
     ref,
@@ -20172,7 +19442,7 @@ var MenubarItem = React63.forwardRef(({ className, inset, ...props }, ref) => /*
   }
 ));
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React63.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+var MenubarCheckboxItem = React62.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
   MenubarPrimitive.CheckboxItem,
   {
     ref,
@@ -20189,7 +19459,7 @@ var MenubarCheckboxItem = React63.forwardRef(({ className, children, checked, ..
   }
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React63.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+var MenubarRadioItem = React62.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
   MenubarPrimitive.RadioItem,
   {
     ref,
@@ -20205,7 +19475,7 @@ var MenubarRadioItem = React63.forwardRef(({ className, children, ...props }, re
   }
 ));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React63.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var MenubarLabel = React62.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   MenubarPrimitive.Label,
   {
     ref,
@@ -20218,7 +19488,7 @@ var MenubarLabel = React63.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React63.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var MenubarSeparator = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   MenubarPrimitive.Separator,
   {
     ref,
@@ -20251,7 +19521,7 @@ var _reactnavigationmenu = require('@radix-ui/react-navigation-menu'); var Navig
 
 
 
-var NavigationMenu = React64.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+var NavigationMenu = React63.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -20267,7 +19537,7 @@ var NavigationMenu = React64.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React64.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var NavigationMenuList = React63.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -20283,7 +19553,7 @@ var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = _classvarianceauthority.cva.call(void 0, 
   "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50"
 );
-var NavigationMenuTrigger = React64.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+var NavigationMenuTrigger = React63.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -20303,7 +19573,7 @@ var NavigationMenuTrigger = React64.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React64.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var NavigationMenuContent = React63.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -20316,7 +19586,7 @@ var NavigationMenuContent = React64.forwardRef(({ className, ...props }, ref) =>
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React64.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkOFAYLG6Dcjs.cn.call(void 0, "absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var NavigationMenuViewport = React63.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkOFAYLG6Dcjs.cn.call(void 0, "absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   NavigationMenuPrimitive.Viewport,
   {
     className: _chunkOFAYLG6Dcjs.cn.call(void 0, 
@@ -20328,7 +19598,7 @@ var NavigationMenuViewport = React64.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React64.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var NavigationMenuIndicator = React63.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -20387,19 +19657,19 @@ function TabNavigation({
   const validTabIds = _react.useMemo.call(void 0, () => new Set(tabs.map((t) => t.id)), [tabs]);
   const getInitialTab = () => {
     if (isUrlSyncEnabled) {
-      const fromUrl = _optionalChain([searchParams, 'optionalAccess', _535 => _535.get, 'call', _536 => _536(paramName)]) || "";
+      const fromUrl = _optionalChain([searchParams, 'optionalAccess', _466 => _466.get, 'call', _467 => _467(paramName)]) || "";
       if (validTabIds.has(fromUrl)) {
         return fromUrl;
       }
     }
-    return defaultTab || _optionalChain([tabs, 'access', _537 => _537[0], 'optionalAccess', _538 => _538.id]) || "";
+    return defaultTab || _optionalChain([tabs, 'access', _468 => _468[0], 'optionalAccess', _469 => _469.id]) || "";
   };
   const [internalActiveTab, setInternalActiveTab] = _react.useState.call(void 0, getInitialTab);
   const activeTab = isUrlSyncEnabled ? internalActiveTab : controlledActiveTab || "";
   _react.useEffect.call(void 0, () => {
     if (!isUrlSyncEnabled) return;
-    const fromUrl = _optionalChain([searchParams, 'optionalAccess', _539 => _539.get, 'call', _540 => _540(paramName)]) || "";
-    const nextTab = validTabIds.has(fromUrl) ? fromUrl : defaultTab || _optionalChain([tabs, 'access', _541 => _541[0], 'optionalAccess', _542 => _542.id]) || "";
+    const fromUrl = _optionalChain([searchParams, 'optionalAccess', _470 => _470.get, 'call', _471 => _471(paramName)]) || "";
+    const nextTab = validTabIds.has(fromUrl) ? fromUrl : defaultTab || _optionalChain([tabs, 'access', _472 => _472[0], 'optionalAccess', _473 => _473.id]) || "";
     if (nextTab !== internalActiveTab) {
       setInternalActiveTab(nextTab);
     }
@@ -20407,13 +19677,13 @@ function TabNavigation({
   const handleTabChange = (tabId) => {
     if (isUrlSyncEnabled) {
       setInternalActiveTab(tabId);
-      const params = new URLSearchParams(_optionalChain([searchParams, 'optionalAccess', _543 => _543.toString, 'call', _544 => _544()]));
+      const params = new URLSearchParams(_optionalChain([searchParams, 'optionalAccess', _474 => _474.toString, 'call', _475 => _475()]));
       params.set(paramName, tabId);
       const method = replaceState ? "replace" : "push";
       router[method](`${pathname}?${params.toString()}`);
-      _optionalChain([controlledOnTabChange, 'optionalCall', _545 => _545(tabId)]);
+      _optionalChain([controlledOnTabChange, 'optionalCall', _476 => _476(tabId)]);
     } else {
-      _optionalChain([controlledOnTabChange, 'optionalCall', _546 => _546(tabId)]);
+      _optionalChain([controlledOnTabChange, 'optionalCall', _477 => _477(tabId)]);
     }
   };
   const scrollRef = _react.useRef.call(void 0, null);
@@ -20501,7 +19771,7 @@ function TabNavigation({
 var getTabById = (tabs, tabId) => tabs.find((tab) => tab.id === tabId);
 var getTabComponent = (tabs, tabId) => {
   const tab = getTabById(tabs, tabId);
-  return _optionalChain([tab, 'optionalAccess', _547 => _547.component]) || null;
+  return _optionalChain([tab, 'optionalAccess', _478 => _478.component]) || null;
 };
 
 // src/components/ui/alert.tsx
@@ -20523,7 +19793,7 @@ var alertVariants = _classvarianceauthority.cva.call(void 0,
     }
   }
 );
-var Alert = React66.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var Alert = React65.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   "div",
   {
     ref,
@@ -20533,7 +19803,7 @@ var Alert = React66.forwardRef(({ className, variant, ...props }, ref) => /* @__
   }
 ));
 Alert.displayName = "Alert";
-var AlertTitle = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var AlertTitle = React65.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   "h5",
   {
     ref,
@@ -20542,7 +19812,7 @@ var AlertTitle = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var AlertDescription = React65.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   "div",
   {
     ref,
@@ -20557,7 +19827,7 @@ _chunkOFAYLG6Dcjs.init_cn.call(void 0, );
 
 var _reactprogress = require('@radix-ui/react-progress'); var ProgressPrimitive = _interopRequireWildcard(_reactprogress);
 
-var Progress = React67.forwardRef(({ className, value, indicatorClassName, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var Progress = React66.forwardRef(({ className, value, indicatorClassName, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   ProgressPrimitive.Root,
   {
     ref,
@@ -20838,16 +20108,16 @@ function FilterModal({
   };
   const handleReset = () => {
     onFilterChange({});
-    _optionalChain([onTagsChange, 'optionalCall', _548 => _548([])]);
+    _optionalChain([onTagsChange, 'optionalCall', _479 => _479([])]);
     onClose();
   };
   const handleApply = () => {
     onFilterChange(selectedFilters);
-    _optionalChain([onTagsChange, 'optionalCall', _549 => _549(pendingTags)]);
+    _optionalChain([onTagsChange, 'optionalCall', _480 => _480(pendingTags)]);
     onClose();
   };
   const getColumnDirection = (columnKey) => {
-    return _optionalChain([sortConfig, 'optionalAccess', _550 => _550.sortBy]) === columnKey ? sortConfig.sortDirection : void 0;
+    return _optionalChain([sortConfig, 'optionalAccess', _481 => _481.sortBy]) === columnKey ? sortConfig.sortDirection : void 0;
   };
   const hasSort = !!sortConfig && sortConfig.columns.length > 0;
   const hasFilterGroups = filterGroups.length > 0;
@@ -20896,7 +20166,7 @@ function FilterModal({
                   {
                     column,
                     currentDirection: getColumnDirection(column.key),
-                    onSort: (direction) => _optionalChain([onSort, 'optionalCall', _551 => _551(column.key, direction)]),
+                    onSort: (direction) => _optionalChain([onSort, 'optionalCall', _482 => _482(column.key, direction)]),
                     onClear: onSortClear ? () => onSortClear(column.key) : void 0
                   },
                   column.key
@@ -21062,9 +20332,9 @@ function TitleBlock({
   const [imageFailed, setImageFailed] = React33.default.useState(false);
   React33.default.useEffect(() => {
     setImageFailed(false);
-  }, [_optionalChain([image, 'optionalAccess', _552 => _552.src])]);
+  }, [_optionalChain([image, 'optionalAccess', _483 => _483.src])]);
   const showImageFallback = !!image && (imageFailed || !image.src);
-  const initials = getInitials3(_optionalChain([image, 'optionalAccess', _553 => _553.alt]) || title);
+  const initials = getInitials3(_optionalChain([image, 'optionalAccess', _484 => _484.alt]) || title);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
@@ -21198,7 +20468,7 @@ var toggleVariants = _classvarianceauthority.cva.call(void 0,
     }
   }
 );
-var Toggle = React70.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var Toggle = React69.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   TogglePrimitive.Root,
   {
     ref,
@@ -21210,11 +20480,11 @@ Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/toggle-group.tsx
 
-var ToggleGroupContext = React71.createContext({
+var ToggleGroupContext = React70.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React71.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var ToggleGroup = React70.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   ToggleGroupPrimitive.Root,
   {
     ref,
@@ -21224,8 +20494,8 @@ var ToggleGroup = React71.forwardRef(({ className, variant, size, children, ...p
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React71.forwardRef(({ className, children, variant, size, value, ...props }, ref) => {
-  const context = React71.useContext(ToggleGroupContext);
+var ToggleGroupItem = React70.forwardRef(({ className, children, variant, size, value, ...props }, ref) => {
+  const context = React70.useContext(ToggleGroupContext);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     ToggleGroupPrimitive.Item,
     {
@@ -21584,8 +20854,8 @@ function FloatingTooltip({
   className,
   delayDuration = 0
 }) {
-  const [isOpen, setIsOpen] = React74.useState(false);
-  const arrowRef = React74.useRef(null);
+  const [isOpen, setIsOpen] = React73.useState(false);
+  const arrowRef = React73.useRef(null);
   const { refs, floatingStyles, context, placement, middlewareData } = _react2.useFloating.call(void 0, {
     open: isOpen,
     onOpenChange: setIsOpen,
@@ -21614,7 +20884,7 @@ function FloatingTooltip({
     dismiss,
     role
   ]);
-  const parsedContent = React74.useMemo(() => {
+  const parsedContent = React73.useMemo(() => {
     if (typeof content === "string") {
       return parseColoredText(content);
     }
@@ -21860,26 +21130,26 @@ function DeviceCard({
             ] }),
             device.organization && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary truncate", children: device.organization })
           ] }),
-          _optionalChain([actions, 'access', _554 => _554.moreButton, 'optionalAccess', _555 => _555.visible]) !== false && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _optionalChain([actions, 'access', _485 => _485.moreButton, 'optionalAccess', _486 => _486.visible]) !== false && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "div",
             {
               className: "flex items-center justify-center p-3 rounded-[6px] shrink-0 border border-ods-border cursor-pointer hover:bg-ods-bg-hover transition-colors",
               onClick: (e) => {
                 e.stopPropagation();
-                _optionalChain([actions, 'access', _556 => _556.moreButton, 'optionalAccess', _557 => _557.onClick, 'optionalCall', _558 => _558()]);
+                _optionalChain([actions, 'access', _487 => _487.moreButton, 'optionalAccess', _488 => _488.onClick, 'optionalCall', _489 => _489()]);
               },
               children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTMD5LDX4cjs.Ellipsis01Icon, { className: "text-ods-text-primary" })
             }
           ),
-          _optionalChain([actions, 'access', _559 => _559.detailsButton, 'optionalAccess', _560 => _560.visible]) !== false && _optionalChain([actions, 'access', _561 => _561.detailsButton, 'optionalAccess', _562 => _562.component]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0", onClick: (e) => e.stopPropagation(), children: actions.detailsButton.component }),
-          _optionalChain([actions, 'access', _563 => _563.customActions, 'optionalAccess', _564 => _564.map, 'call', _565 => _565(
+          _optionalChain([actions, 'access', _490 => _490.detailsButton, 'optionalAccess', _491 => _491.visible]) !== false && _optionalChain([actions, 'access', _492 => _492.detailsButton, 'optionalAccess', _493 => _493.component]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0", onClick: (e) => e.stopPropagation(), children: actions.detailsButton.component }),
+          _optionalChain([actions, 'access', _494 => _494.customActions, 'optionalAccess', _495 => _495.map, 'call', _496 => _496(
             (action, index) => action.visible !== false && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "div",
               {
                 className: "flex items-center justify-center px-4 py-3 rounded-[6px] shrink-0 border border-ods-border cursor-pointer hover:bg-ods-bg-hover transition-colors",
                 onClick: (e) => {
                   e.stopPropagation();
-                  _optionalChain([action, 'access', _566 => _566.onClick, 'optionalCall', _567 => _567()]);
+                  _optionalChain([action, 'access', _497 => _497.onClick, 'optionalCall', _498 => _498()]);
                 },
                 children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-h3 text-ods-text-primary text-nowrap tracking-[-0.36px]", children: action.label })
               },
@@ -22159,7 +21429,7 @@ function HighlightCardGrid({
 _chunkOFAYLG6Dcjs.init_cn.call(void 0, );
 
 
-var IconsBlock = React75.forwardRef(
+var IconsBlock = React74.forwardRef(
   ({ className, icons = [], size = "md", ...props }, ref) => {
     const sizeClasses5 = {
       sm: "h-4 w-4",
@@ -22238,7 +21508,7 @@ function MoreActionsMenu({
           ] });
           const handleActivate = (e) => {
             e.stopPropagation();
-            if (!item.disabled) _optionalChain([item, 'access', _568 => _568.onClick, 'optionalCall', _569 => _569()]);
+            if (!item.disabled) _optionalChain([item, 'access', _499 => _499.onClick, 'optionalCall', _500 => _500()]);
           };
           if (item.href) {
             return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -22388,7 +21658,7 @@ function OrganizationIcon({
   backgroundStyle = "dark"
 }) {
   const { width, height } = imageSizeMap2[size];
-  const initials = _optionalChain([organizationName, 'optionalAccess', _570 => _570.substring, 'call', _571 => _571(0, 2)]) || "??";
+  const initials = _optionalChain([organizationName, 'optionalAccess', _501 => _501.substring, 'call', _502 => _502(0, 2)]) || "??";
   const containerClasses = _chunkOFAYLG6Dcjs.cn.call(void 0, 
     sizeClasses3[size],
     "rounded-lg flex items-center justify-center flex-shrink-0 relative",
@@ -22439,7 +21709,7 @@ function OrganizationCard({
   const handleActionClick = (e) => {
     e.preventDefault();
     e.stopPropagation();
-    _optionalChain([actionButton, 'optionalAccess', _572 => _572.onClick, 'call', _573 => _573(organization, e)]);
+    _optionalChain([actionButton, 'optionalAccess', _503 => _503.onClick, 'call', _504 => _504(organization, e)]);
   };
   const card = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
@@ -22534,7 +21804,7 @@ var LOG_SEVERITY_LABELS = {
 
 // src/components/log-severity-dot.tsx
 
-var LogSeverityDot = React77.forwardRef(({ severity, size = "md", className }, ref) => {
+var LogSeverityDot = React76.forwardRef(({ severity, size = "md", className }, ref) => {
   const sizeClasses5 = {
     sm: "w-4 h-4",
     md: "w-6 h-6",
@@ -22596,7 +21866,7 @@ var LogCard = ({ log, isLast, showConnector, onClick }) => {
         onKeyDown: (e) => {
           if (e.key === "Enter" || e.key === " ") {
             e.preventDefault();
-            _optionalChain([onClick, 'optionalCall', _574 => _574()]);
+            _optionalChain([onClick, 'optionalCall', _505 => _505()]);
           }
         },
         children: [
@@ -22624,7 +21894,7 @@ var LogCard = ({ log, isLast, showConnector, onClick }) => {
     )
   ] });
 };
-var LogsList = React78.forwardRef(({
+var LogsList = React77.forwardRef(({
   logs,
   maxHeight = "400px",
   showConnector = true,
@@ -22633,7 +21903,7 @@ var LogsList = React78.forwardRef(({
   emptyMessage = "No logs to display",
   className
 }, ref) => {
-  const containerRef = React78.useRef(null);
+  const containerRef = React77.useRef(null);
   const isFullHeight = maxHeight === "100%";
   const getContainerStyles = () => {
     if (isFullHeight) return void 0;
@@ -22697,7 +21967,7 @@ var LogsList = React78.forwardRef(({
               log,
               isLast: index === logs.length - 1,
               showConnector,
-              onClick: () => _optionalChain([onLogClick, 'optionalCall', _575 => _575(log)])
+              onClick: () => _optionalChain([onLogClick, 'optionalCall', _506 => _506(log)])
             },
             log.id
           ))
@@ -22938,7 +22208,7 @@ var _reacttooltip = require('@radix-ui/react-tooltip'); var TooltipPrimitive = _
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React80.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var TooltipContent = React79.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   TooltipPrimitive.Content,
   {
     ref,
@@ -23286,7 +22556,7 @@ function CursorPaginationSimple({
       {
         variant: "transparent",
         size: "icon",
-        onClick: () => _optionalChain([onPrevious, 'optionalCall', _576 => _576("")]),
+        onClick: () => _optionalChain([onPrevious, 'optionalCall', _507 => _507("")]),
         disabled: !hasPreviousPage || loading,
         className: "h-8 w-8",
         leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronLeft, { className: "h-4 w-4" }),
@@ -23298,7 +22568,7 @@ function CursorPaginationSimple({
       {
         variant: "transparent",
         size: "icon",
-        onClick: () => _optionalChain([onNext, 'optionalCall', _577 => _577("")]),
+        onClick: () => _optionalChain([onNext, 'optionalCall', _508 => _508("")]),
         disabled: !hasNextPage || loading,
         className: "h-8 w-8",
         rightIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRight, { className: "h-4 w-4" }),
@@ -23358,7 +22628,7 @@ function TableColumnFilterDropdown({
   placement = "bottom-start",
   dropdownClassName = "min-w-[240px]"
 }) {
-  const activeCount = _optionalChain([filters, 'optionalAccess', _578 => _578[columnKey], 'optionalAccess', _579 => _579.length]) || 0;
+  const activeCount = _optionalChain([filters, 'optionalAccess', _509 => _509[columnKey], 'optionalAccess', _510 => _510.length]) || 0;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     FiltersDropdown,
     {
@@ -23401,7 +22671,7 @@ function TableColumnFilterDropdown({
         delete newFilters[columnKey];
         onFilterChange(newFilters);
       },
-      currentFilters: { [columnKey]: _optionalChain([filters, 'optionalAccess', _580 => _580[columnKey]]) || [] },
+      currentFilters: { [columnKey]: _optionalChain([filters, 'optionalAccess', _511 => _511[columnKey]]) || [] },
       placement,
       dropdownClassName
     }
@@ -23698,7 +22968,7 @@ function TableRow({
     const keys = column.key.split(".");
     let value = item;
     for (const key of keys) {
-      value = _optionalChain([value, 'optionalAccess', _581 => _581[key]]);
+      value = _optionalChain([value, 'optionalAccess', _512 => _512[key]]);
     }
     if (value === null || value === void 0) {
       return "-";
@@ -23768,7 +23038,7 @@ function TableRow({
 // src/components/ui/table/table.tsx
 
 function injectSyntheticColumns(columns, rowActions, renderRowActions, rowHref) {
-  const hasActions = Boolean(_optionalChain([rowActions, 'optionalAccess', _582 => _582.length])) || Boolean(renderRowActions);
+  const hasActions = Boolean(_optionalChain([rowActions, 'optionalAccess', _513 => _513.length])) || Boolean(renderRowActions);
   const result = [...columns];
   if (hasActions) {
     const actionsColumn = {
@@ -23862,7 +23132,7 @@ function Table({
       return rowKey(item);
     }
     const key = item[rowKey];
-    return _optionalChain([key, 'optionalAccess', _583 => _583.toString, 'call', _584 => _584()]) || index.toString();
+    return _optionalChain([key, 'optionalAccess', _514 => _514.toString, 'call', _515 => _515()]) || index.toString();
   };
   const getRowClassName = (item, index) => {
     if (typeof rowClassName === "function") {
@@ -23896,23 +23166,23 @@ function Table({
   const allSelected = selectedRows.length > 0 && selectedRows.length === data.length;
   const someSelected = selectedRows.length > 0 && selectedRows.length < data.length;
   const sentinelRef = _react.useRef.call(void 0, null);
-  const onLoadMoreRef = _react.useRef.call(void 0, _optionalChain([infiniteScroll, 'optionalAccess', _585 => _585.onLoadMore]));
-  onLoadMoreRef.current = _optionalChain([infiniteScroll, 'optionalAccess', _586 => _586.onLoadMore]);
+  const onLoadMoreRef = _react.useRef.call(void 0, _optionalChain([infiniteScroll, 'optionalAccess', _516 => _516.onLoadMore]));
+  onLoadMoreRef.current = _optionalChain([infiniteScroll, 'optionalAccess', _517 => _517.onLoadMore]);
   _react.useEffect.call(void 0, () => {
-    if (!_optionalChain([infiniteScroll, 'optionalAccess', _587 => _587.hasNextPage]) || infiniteScroll.isFetchingNextPage) return;
+    if (!_optionalChain([infiniteScroll, 'optionalAccess', _518 => _518.hasNextPage]) || infiniteScroll.isFetchingNextPage) return;
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
     const observer = new IntersectionObserver(
       (entries) => {
-        if (_optionalChain([entries, 'access', _588 => _588[0], 'optionalAccess', _589 => _589.isIntersecting])) {
-          _optionalChain([onLoadMoreRef, 'access', _590 => _590.current, 'optionalCall', _591 => _591()]);
+        if (_optionalChain([entries, 'access', _519 => _519[0], 'optionalAccess', _520 => _520.isIntersecting])) {
+          _optionalChain([onLoadMoreRef, 'access', _521 => _521.current, 'optionalCall', _522 => _522()]);
         }
       },
       { rootMargin: "200px" }
     );
     observer.observe(sentinel);
     return () => observer.disconnect();
-  }, [_optionalChain([infiniteScroll, 'optionalAccess', _592 => _592.hasNextPage]), _optionalChain([infiniteScroll, 'optionalAccess', _593 => _593.isFetchingNextPage])]);
+  }, [_optionalChain([infiniteScroll, 'optionalAccess', _523 => _523.hasNextPage]), _optionalChain([infiniteScroll, 'optionalAccess', _524 => _524.isFetchingNextPage])]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkOFAYLG6Dcjs.cn.call(void 0, "flex flex-col gap-1 w-full", containerClassName), children: [
     showToolbar && bulkActions && selectedRows.length > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between bg-ods-card border border-ods-border rounded-[6px] p-3 mb-2", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-ods-text-secondary text-sm", children: [
@@ -23983,7 +23253,7 @@ function Table({
         },
         getRowKey(item, index)
       )),
-      _optionalChain([infiniteScroll, 'optionalAccess', _594 => _594.isFetchingNextPage]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _optionalChain([infiniteScroll, 'optionalAccess', _525 => _525.isFetchingNextPage]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         TableCardSkeleton,
         {
           columns,
@@ -23992,7 +23262,7 @@ function Table({
           hasChevron: Boolean(rowHref)
         }
       ),
-      _optionalChain([infiniteScroll, 'optionalAccess', _595 => _595.hasNextPage]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: sentinelRef, className: "h-1", "aria-hidden": "true" }),
+      _optionalChain([infiniteScroll, 'optionalAccess', _526 => _526.hasNextPage]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: sentinelRef, className: "h-1", "aria-hidden": "true" }),
       !infiniteScroll && Array.from({ length: Math.max(0, skeletonRows - data.length) }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "div",
         {
@@ -24350,7 +23620,7 @@ function QueryReportTable({
   );
   const handleExport = () => {
     exportToCSV(data, columns, exportFilename);
-    _optionalChain([onExport, 'optionalCall', _596 => _596()]);
+    _optionalChain([onExport, 'optionalCall', _527 => _527()]);
   };
   const tableMinWidth = columns.length * (columnWidth + 16);
   const {
@@ -24523,7 +23793,7 @@ function DataTableColumnFilter({
   align = "left"
 }) {
   const currentValue = column.getFilterValue();
-  const activeCount = _nullishCoalesce(_optionalChain([currentValue, 'optionalAccess', _597 => _597.length]), () => ( 0));
+  const activeCount = _nullishCoalesce(_optionalChain([currentValue, 'optionalAccess', _528 => _528.length]), () => ( 0));
   const sections = _react.useMemo.call(void 0, 
     () => [
       {
@@ -24603,7 +23873,7 @@ function DataTableHeader({
   const hasVisibleHeaderCell = headerGroup.headers.some((header) => {
     if (header.isPlaceholder) return false;
     if (isLgUp) return true;
-    return Boolean(_optionalChain([header, 'access', _598 => _598.column, 'access', _599 => _599.columnDef, 'access', _600 => _600.meta, 'optionalAccess', _601 => _601.filter]));
+    return Boolean(_optionalChain([header, 'access', _529 => _529.column, 'access', _530 => _530.columnDef, 'access', _531 => _531.meta, 'optionalAccess', _532 => _532.filter]));
   });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
@@ -24633,20 +23903,20 @@ function HeaderCell({ header, isLgUp, sort, onSortChange }) {
   if (header.isPlaceholder) return null;
   const column = header.column;
   const meta = column.columnDef.meta;
-  const hasFilter = Boolean(_optionalChain([meta, 'optionalAccess', _602 => _602.filter]));
-  const align = _nullishCoalesce(_optionalChain([meta, 'optionalAccess', _603 => _603.align]), () => ( "left"));
-  const canSort = _optionalChain([meta, 'optionalAccess', _604 => _604.sortable]) === true;
-  const sortDir = _optionalChain([sort, 'optionalAccess', _605 => _605.id]) === column.id ? sort.desc ? "desc" : "asc" : false;
+  const hasFilter = Boolean(_optionalChain([meta, 'optionalAccess', _533 => _533.filter]));
+  const align = _nullishCoalesce(_optionalChain([meta, 'optionalAccess', _534 => _534.align]), () => ( "left"));
+  const canSort = _optionalChain([meta, 'optionalAccess', _535 => _535.sortable]) === true;
+  const sortDir = _optionalChain([sort, 'optionalAccess', _536 => _536.id]) === column.id ? sort.desc ? "desc" : "asc" : false;
   if (!isLgUp && !hasFilter) return null;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
       className: _chunkOFAYLG6Dcjs.cn.call(void 0, 
         "flex items-stretch",
-        isLgUp && (_optionalChain([meta, 'optionalAccess', _606 => _606.width]) || "flex-1 min-w-0"),
-        _optionalChain([meta, 'optionalAccess', _607 => _607.headerClassName]),
+        isLgUp && (_optionalChain([meta, 'optionalAccess', _537 => _537.width]) || "flex-1 min-w-0"),
+        _optionalChain([meta, 'optionalAccess', _538 => _538.headerClassName]),
         // Don't apply hide classes if column is filterable on tablet (keep filter accessible)
-        !(hasFilter && !isLgUp) && getHideClasses2(_optionalChain([meta, 'optionalAccess', _608 => _608.hideAt]))
+        !(hasFilter && !isLgUp) && getHideClasses2(_optionalChain([meta, 'optionalAccess', _539 => _539.hideAt]))
       ),
       children: hasFilter ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         DataTableColumnFilter,
@@ -24665,7 +23935,7 @@ function HeaderCell({ header, isLgUp, sort, onSortChange }) {
             isLgUp && alignJustify(align),
             canSort && "group cursor-pointer"
           ),
-          onClick: canSort ? () => _optionalChain([onSortChange, 'optionalCall', _609 => _609(column.id)]) : void 0,
+          onClick: canSort ? () => _optionalChain([onSortChange, 'optionalCall', _540 => _540(column.id)]) : void 0,
           children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderLabel, { header }),
             canSort && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SortIcon, { sorted: sortDir })
@@ -24749,7 +24019,7 @@ function DataTableSkeleton({
 }) {
   const table = useDataTableContext();
   const columns = table.getVisibleFlatColumns();
-  const firstColumnId = _optionalChain([columns, 'access', _610 => _610[0], 'optionalAccess', _611 => _611.id]);
+  const firstColumnId = _optionalChain([columns, 'access', _541 => _541[0], 'optionalAccess', _542 => _542.id]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
@@ -24773,7 +24043,7 @@ function DataTableSkeleton({
                 {
                   className: _chunkOFAYLG6Dcjs.cn.call(void 0, 
                     "flex flex-col justify-center shrink-0",
-                    _optionalChain([meta, 'optionalAccess', _612 => _612.width]) || "flex-1"
+                    _optionalChain([meta, 'optionalAccess', _543 => _543.width]) || "flex-1"
                   ),
                   children: [
                     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 bg-ods-bg-surface rounded-sm w-3/4 mb-[var(--spacing-system-xxs)]" }),
@@ -24819,7 +24089,7 @@ function DataTableRowImpl({
     (e) => {
       const target = e.target;
       if (target.closest("[data-no-row-click]")) return;
-      _optionalChain([onClick, 'optionalCall', _613 => _613(row.original)]);
+      _optionalChain([onClick, 'optionalCall', _544 => _544(row.original)]);
     },
     [onClick, row.original]
   );
@@ -24857,10 +24127,10 @@ function DataTableRowImpl({
                 {
                   className: _chunkOFAYLG6Dcjs.cn.call(void 0, 
                     "flex flex-col overflow-hidden",
-                    alignJustify(_optionalChain([meta, 'optionalAccess', _614 => _614.align])),
-                    _optionalChain([meta, 'optionalAccess', _615 => _615.width]) || "flex-1 min-w-0",
-                    _optionalChain([meta, 'optionalAccess', _616 => _616.cellClassName]),
-                    getHideClasses2(_optionalChain([meta, 'optionalAccess', _617 => _617.hideAt]))
+                    alignJustify(_optionalChain([meta, 'optionalAccess', _545 => _545.align])),
+                    _optionalChain([meta, 'optionalAccess', _546 => _546.width]) || "flex-1 min-w-0",
+                    _optionalChain([meta, 'optionalAccess', _547 => _547.cellClassName]),
+                    getHideClasses2(_optionalChain([meta, 'optionalAccess', _548 => _548.hideAt]))
                   ),
                   children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CellContent, { children: _reacttable.flexRender.call(void 0, cell.column.columnDef.cell, cell.getContext()) })
                 },
@@ -24906,7 +24176,7 @@ function DataTableBody({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkOFAYLG6Dcjs.cn.call(void 0, "flex flex-col gap-[var(--spacing-system-xsf)] w-full", className), children: [
     rows.map((row, index) => {
       const item = row.original;
-      const href = _nullishCoalesce(_optionalChain([rowHref, 'optionalCall', _618 => _618(item)]), () => ( void 0));
+      const href = _nullishCoalesce(_optionalChain([rowHref, 'optionalCall', _549 => _549(item)]), () => ( void 0));
       const cls = typeof rowClassName === "function" ? rowClassName(item, index) : rowClassName;
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         DataTableRow,
@@ -24970,7 +24240,7 @@ function DataTableInfiniteFooter({
     if (!sentinel) return;
     const observer = new IntersectionObserver(
       (entries) => {
-        if (_optionalChain([entries, 'access', _619 => _619[0], 'optionalAccess', _620 => _620.isIntersecting])) onLoadMoreRef.current();
+        if (_optionalChain([entries, 'access', _550 => _550[0], 'optionalAccess', _551 => _551.isIntersecting])) onLoadMoreRef.current();
       },
       { rootMargin }
     );
@@ -25018,7 +24288,7 @@ function DataTableRowCount({
   const table = useDataTableContext();
   const count = _nullishCoalesce(totalCount, () => ( table.getRowModel().rows.length));
   if (hideWhenEmpty && count === 0) return null;
-  const label = _nullishCoalesce(_optionalChain([pluralize, 'optionalCall', _621 => _621(count, itemName)]), () => ( (count === 1 ? itemName : `${itemName}s`)));
+  const label = _nullishCoalesce(_optionalChain([pluralize, 'optionalCall', _552 => _552(count, itemName)]), () => ( (count === 1 ? itemName : `${itemName}s`)));
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "span",
     {
@@ -25112,12 +24382,12 @@ function PhoneInput({
   const runValidation = _react.useCallback.call(void 0, (phone) => {
     if (!phone || digitCount(phone) === 0) {
       setIsInvalid(false);
-      _optionalChain([onValidationChange, 'optionalCall', _622 => _622(false)]);
+      _optionalChain([onValidationChange, 'optionalCall', _553 => _553(false)]);
       return;
     }
     const invalid = !validatePhoneNumber(phone, countryCode);
     setIsInvalid(invalid);
-    _optionalChain([onValidationChange, 'optionalCall', _623 => _623(invalid)]);
+    _optionalChain([onValidationChange, 'optionalCall', _554 => _554(invalid)]);
   }, [countryCode, digitCount, onValidationChange]);
   const debouncedValidation = _react.useCallback.call(void 0, (phone) => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
@@ -25166,7 +24436,7 @@ function PhoneInput({
               debouncedValidation(val);
             } else if (digitCount(val) === 0) {
               setIsInvalid(false);
-              _optionalChain([onValidationChange, 'optionalCall', _624 => _624(false)]);
+              _optionalChain([onValidationChange, 'optionalCall', _555 => _555(false)]);
             }
           }
         },
@@ -25244,12 +24514,12 @@ function SearchInput({
   limitTags = "auto",
   getLimitTagsText = (more) => `+${more}`
 }) {
-  const [internalValue, setInternalValue] = React82.useState(defaultValue);
+  const [internalValue, setInternalValue] = React81.useState(defaultValue);
   const currentValue = onChange ? _nullishCoalesce(value, () => ( "")) : internalValue;
   const debouncedValue = _chunkALW3D72Ocjs.useDebounce.call(void 0, currentValue, debounceMs);
-  const [isOpen, setIsOpen] = React82.useState(false);
-  const [highlightedIndex, setHighlightedIndex] = React82.useState(-1);
-  const containerRef = React82.useRef(null);
+  const [isOpen, setIsOpen] = React81.useState(false);
+  const [highlightedIndex, setHighlightedIndex] = React81.useState(-1);
+  const containerRef = React81.useRef(null);
   const currentPlaceholder = filterChips.length > 0 ? "Add filter..." : placeholder;
   const {
     visibleCount: rawVisibleCount,
@@ -25266,14 +24536,14 @@ function SearchInput({
     placeholder: filterChips.length > 0 ? "" : placeholder
   });
   const visibleCount = filterChips.length > 0 ? Math.max(1, rawVisibleCount) : rawVisibleCount;
-  const hiddenTagsRef = React82.useRef(null);
-  const hiddenTagsPopupRef = React82.useRef(null);
-  const [showHiddenTags, setShowHiddenTags] = React82.useState(false);
-  React82.useEffect(() => {
+  const hiddenTagsRef = React81.useRef(null);
+  const hiddenTagsPopupRef = React81.useRef(null);
+  const [showHiddenTags, setShowHiddenTags] = React81.useState(false);
+  React81.useEffect(() => {
     if (!showHiddenTags) return;
     const handleClick = (e) => {
       const target = e.target;
-      if (!_optionalChain([hiddenTagsRef, 'access', _625 => _625.current, 'optionalAccess', _626 => _626.contains, 'call', _627 => _627(target)]) && !_optionalChain([hiddenTagsPopupRef, 'access', _628 => _628.current, 'optionalAccess', _629 => _629.contains, 'call', _630 => _630(target)])) {
+      if (!_optionalChain([hiddenTagsRef, 'access', _556 => _556.current, 'optionalAccess', _557 => _557.contains, 'call', _558 => _558(target)]) && !_optionalChain([hiddenTagsPopupRef, 'access', _559 => _559.current, 'optionalAccess', _560 => _560.contains, 'call', _561 => _561(target)])) {
         setShowHiddenTags(false);
       }
     };
@@ -25283,7 +24553,7 @@ function SearchInput({
   const hiddenCount = filterChips.length - visibleCount;
   const visibleChips = filterChips.slice(0, visibleCount);
   const hiddenChips = filterChips.slice(visibleCount);
-  const { flatResults, groups } = React82.useMemo(() => {
+  const { flatResults, groups } = React81.useMemo(() => {
     if (!groupBy) return { flatResults: results, groups: null };
     const grouped = /* @__PURE__ */ new Map();
     for (const r of results) {
@@ -25300,7 +24570,7 @@ function SearchInput({
   const meetsMinQuery = debouncedValue.length >= minQueryLength;
   const autoShow = meetsMinQuery;
   const dropdownVisible = _nullishCoalesce(showDropdownProp, () => ( (isOpen && autoShow)));
-  React82.useEffect(() => {
+  React81.useEffect(() => {
     setHighlightedIndex(-1);
   }, [flatResults.length]);
   const handleChange = (e) => {
@@ -25321,10 +24591,10 @@ function SearchInput({
     } else {
       setInternalValue("");
     }
-    _optionalChain([inputRef, 'access', _631 => _631.current, 'optionalAccess', _632 => _632.focus, 'call', _633 => _633()]);
+    _optionalChain([inputRef, 'access', _562 => _562.current, 'optionalAccess', _563 => _563.focus, 'call', _564 => _564()]);
   };
   const handleResultClick = (result) => {
-    _optionalChain([onResultSelect, 'optionalCall', _634 => _634(result)]);
+    _optionalChain([onResultSelect, 'optionalCall', _565 => _565(result)]);
     setIsOpen(false);
   };
   const handleKeyDown = (e) => {
@@ -25347,7 +24617,7 @@ function SearchInput({
         if (highlightedIndex >= 0 && flatResults[highlightedIndex]) {
           handleResultClick(flatResults[highlightedIndex]);
         } else {
-          _optionalChain([onSubmit, 'optionalCall', _635 => _635(currentValue)]);
+          _optionalChain([onSubmit, 'optionalCall', _566 => _566(currentValue)]);
         }
         break;
       case "Escape":
@@ -25425,7 +24695,7 @@ function SearchInput({
             dropdownVisible && "!border-ods-accent"
           ),
           onClick: () => {
-            _optionalChain([inputRef, 'access', _636 => _636.current, 'optionalAccess', _637 => _637.focus, 'call', _638 => _638()]);
+            _optionalChain([inputRef, 'access', _567 => _567.current, 'optionalAccess', _568 => _568.focus, 'call', _569 => _569()]);
             setIsOpen(true);
           },
           children: [
@@ -25509,10 +24779,10 @@ function SearchInput({
           align: "start",
           onOpenAutoFocus: (e) => {
             e.preventDefault();
-            _optionalChain([inputRef, 'access', _639 => _639.current, 'optionalAccess', _640 => _640.focus, 'call', _641 => _641()]);
+            _optionalChain([inputRef, 'access', _570 => _570.current, 'optionalAccess', _571 => _571.focus, 'call', _572 => _572()]);
           },
           onInteractOutside: (e) => {
-            if (_optionalChain([containerRef, 'access', _642 => _642.current, 'optionalAccess', _643 => _643.contains, 'call', _644 => _644(e.target)])) {
+            if (_optionalChain([containerRef, 'access', _573 => _573.current, 'optionalAccess', _574 => _574.contains, 'call', _575 => _575(e.target)])) {
               e.preventDefault();
             }
           },
@@ -25529,10 +24799,10 @@ function SearchInput({
         ref: hiddenTagsPopupRef,
         items: hiddenChips.map((chip) => ({ label: chip.label, value: chip.id })),
         style: {
-          left: badgeRef.current ? badgeRef.current.getBoundingClientRect().left - (_nullishCoalesce(_optionalChain([containerRef, 'access', _645 => _645.current, 'optionalAccess', _646 => _646.getBoundingClientRect, 'call', _647 => _647(), 'access', _648 => _648.left]), () => ( 0))) : 0
+          left: badgeRef.current ? badgeRef.current.getBoundingClientRect().left - (_nullishCoalesce(_optionalChain([containerRef, 'access', _576 => _576.current, 'optionalAccess', _577 => _577.getBoundingClientRect, 'call', _578 => _578(), 'access', _579 => _579.left]), () => ( 0))) : 0
         },
         onRemove: (value2) => {
-          _optionalChain([onFilterRemove, 'optionalCall', _649 => _649(value2)]);
+          _optionalChain([onFilterRemove, 'optionalCall', _580 => _580(value2)]);
           if (hiddenCount <= 1) setShowHiddenTags(false);
         }
       }
@@ -25583,7 +24853,7 @@ function FilterListItem({
 }) {
   const handleToggle = () => {
     if (disabled) return;
-    _optionalChain([onToggle, 'optionalCall', _650 => _650(!selected)]);
+    _optionalChain([onToggle, 'optionalCall', _581 => _581(!selected)]);
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
@@ -25619,7 +24889,7 @@ function FilterListItem({
                 "flex items-start gap-[var(--spacing-system-xxs)] text-h6",
                 selected ? "text-ods-accent" : "text-ods-text-secondary"
               ),
-              children: meta.map((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, React83.Fragment, { children: [
+              children: meta.map((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, React82.Fragment, { children: [
                 index > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", children: "\u2022" }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: item })
               ] }, index))
@@ -25630,7 +24900,7 @@ function FilterListItem({
           CheckboxPrimitive4.Root,
           {
             checked: selected,
-            onCheckedChange: (c) => _optionalChain([onToggle, 'optionalCall', _651 => _651(c === true)]),
+            onCheckedChange: (c) => _optionalChain([onToggle, 'optionalCall', _582 => _582(c === true)]),
             onClick: (e) => e.stopPropagation(),
             disabled,
             "aria-label": title,
@@ -25729,7 +24999,7 @@ function TagSearchInput({
     if (!showHiddenTags) return;
     const handleClick = (e) => {
       const target = e.target;
-      if (!_optionalChain([hiddenTagsRef, 'access', _652 => _652.current, 'optionalAccess', _653 => _653.contains, 'call', _654 => _654(target)]) && !_optionalChain([hiddenTagsPopupRef, 'access', _655 => _655.current, 'optionalAccess', _656 => _656.contains, 'call', _657 => _657(target)])) {
+      if (!_optionalChain([hiddenTagsRef, 'access', _583 => _583.current, 'optionalAccess', _584 => _584.contains, 'call', _585 => _585(target)]) && !_optionalChain([hiddenTagsPopupRef, 'access', _586 => _586.current, 'optionalAccess', _587 => _587.contains, 'call', _588 => _588(target)])) {
         setShowHiddenTags(false);
       }
     };
@@ -25745,13 +25015,13 @@ function TagSearchInput({
       e.preventDefault();
       onSubmit(searchValue);
     }
-    _optionalChain([onKeyDown, 'optionalCall', _658 => _658(e)]);
+    _optionalChain([onKeyDown, 'optionalCall', _589 => _589(e)]);
   };
   const handleClearAll = (e) => {
     e.stopPropagation();
     e.preventDefault();
-    _optionalChain([onClearAll, 'optionalCall', _659 => _659()]);
-    _optionalChain([inputRef, 'access', _660 => _660.current, 'optionalAccess', _661 => _661.focus, 'call', _662 => _662()]);
+    _optionalChain([onClearAll, 'optionalCall', _590 => _590()]);
+    _optionalChain([inputRef, 'access', _591 => _591.current, 'optionalAccess', _592 => _592.focus, 'call', _593 => _593()]);
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: wrapperRef, className: "relative", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -25768,7 +25038,7 @@ function TagSearchInput({
           className
         ),
         onClick: () => {
-          if (!disabled) _optionalChain([inputRef, 'access', _663 => _663.current, 'optionalAccess', _664 => _664.focus, 'call', _665 => _665()]);
+          if (!disabled) _optionalChain([inputRef, 'access', _594 => _594.current, 'optionalAccess', _595 => _595.focus, 'call', _596 => _596()]);
         },
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0 flex items-center pl-3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWZW7C7TFcjs.SearchIcon, { className: "text-ods-text-secondary size-4 md:size-6" }) }),
@@ -25840,7 +25110,7 @@ function TagSearchInput({
         items: hiddenTags,
         disabled,
         style: {
-          left: badgeRef.current ? badgeRef.current.getBoundingClientRect().left - (_nullishCoalesce(_optionalChain([wrapperRef, 'access', _666 => _666.current, 'optionalAccess', _667 => _667.getBoundingClientRect, 'call', _668 => _668(), 'access', _669 => _669.left]), () => ( 0))) : 0
+          left: badgeRef.current ? badgeRef.current.getBoundingClientRect().left - (_nullishCoalesce(_optionalChain([wrapperRef, 'access', _597 => _597.current, 'optionalAccess', _598 => _598.getBoundingClientRect, 'call', _599 => _599(), 'access', _600 => _600.left]), () => ( 0))) : 0
         },
         onRemove: (value) => {
           onTagRemove(value);
@@ -25942,7 +25212,7 @@ function MarkdownEditor({
   const [defaultExtraCommands, setDefaultExtraCommands] = _react.useState.call(void 0, []);
   _react.useEffect.call(void 0, () => {
     Promise.resolve().then(() => _interopRequireWildcard(require("@uiw/react-md-editor"))).then((mod) => {
-      if (_optionalChain([mod, 'access', _670 => _670.commands, 'optionalAccess', _671 => _671.getExtraCommands])) {
+      if (_optionalChain([mod, 'access', _601 => _601.commands, 'optionalAccess', _602 => _602.getExtraCommands])) {
         setDefaultExtraCommands(mod.commands.getExtraCommands());
       }
     });
@@ -25976,7 +25246,7 @@ function MarkdownEditor({
         const isImage = file.type.startsWith("image/");
         const markdown = isImage ? `![${file.name}](${url})` : `[${file.name}](${url})`;
         insertTextAtCursor(markdown);
-        _optionalChain([onFileUploaded, 'optionalCall', _672 => _672(url, file.name)]);
+        _optionalChain([onFileUploaded, 'optionalCall', _603 => _603(url, file.name)]);
       } catch (error) {
         console.error("File upload failed:", error);
         setUploadProgress("Upload failed. Please try again.");
@@ -25989,7 +25259,7 @@ function MarkdownEditor({
   );
   const handleFileInputChange = _react.useCallback.call(void 0, 
     (e) => {
-      const file = _optionalChain([e, 'access', _673 => _673.target, 'access', _674 => _674.files, 'optionalAccess', _675 => _675[0]]);
+      const file = _optionalChain([e, 'access', _604 => _604.target, 'access', _605 => _605.files, 'optionalAccess', _606 => _606[0]]);
       if (file) {
         handleFileUpload(file);
         e.target.value = "";
@@ -26000,7 +25270,7 @@ function MarkdownEditor({
   const handlePaste = _react.useCallback.call(void 0, 
     (e) => {
       if (!onUploadFile) return;
-      const items = _optionalChain([e, 'access', _676 => _676.clipboardData, 'optionalAccess', _677 => _677.items]);
+      const items = _optionalChain([e, 'access', _607 => _607.clipboardData, 'optionalAccess', _608 => _608.items]);
       if (!items) return;
       for (const item of items) {
         if (item.type.startsWith("image/")) {
@@ -26025,7 +25295,7 @@ function MarkdownEditor({
     buttonProps: { "aria-label": "Upload file", title: "Upload file" },
     icon: isUploading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Loader2, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Upload, { className: "w-3 h-3" }),
     execute: () => {
-      _optionalChain([fileInputRef, 'access', _678 => _678.current, 'optionalAccess', _679 => _679.click, 'call', _680 => _680()]);
+      _optionalChain([fileInputRef, 'access', _609 => _609.current, 'optionalAccess', _610 => _610.click, 'call', _611 => _611()]);
     }
   } : null;
   const extraCommands = uploadCommand ? [...defaultExtraCommands, uploadCommand] : defaultExtraCommands;
@@ -26037,7 +25307,7 @@ function MarkdownEditor({
   const EDGE_ZONE = 60;
   const MAX_SCROLL_SPEED = 15;
   const findScrollParent = _react.useCallback.call(void 0, (el) => {
-    let node = _optionalChain([el, 'optionalAccess', _681 => _681.parentElement]);
+    let node = _optionalChain([el, 'optionalAccess', _612 => _612.parentElement]);
     while (node && node !== document.documentElement) {
       const { overflowY } = window.getComputedStyle(node);
       if ((overflowY === "auto" || overflowY === "scroll") && node.scrollHeight > node.clientHeight) {
@@ -26180,7 +25450,7 @@ function matchesAccept(file, accept) {
   });
 }
 function dragHasFiles(e) {
-  const types = _optionalChain([e, 'access', _682 => _682.dataTransfer, 'optionalAccess', _683 => _683.types]);
+  const types = _optionalChain([e, 'access', _613 => _613.dataTransfer, 'optionalAccess', _614 => _614.types]);
   if (!types) return false;
   for (let i = 0; i < types.length; i++) {
     if (types[i] === "Files") return true;
@@ -26206,11 +25476,11 @@ function FileUpload({
   maxListHeight,
   acceptWindowDrops = false
 }) {
-  const [dragActive, setDragActive] = React85.useState(false);
-  const [validationError, setValidationError] = React85.useState(null);
-  const fileInputRef = React85.useRef(null);
+  const [dragActive, setDragActive] = React84.useState(false);
+  const [validationError, setValidationError] = React84.useState(null);
+  const fileInputRef = React84.useRef(null);
   const isManaged = managedFiles !== void 0;
-  const files = React85.useMemo(() => {
+  const files = React84.useMemo(() => {
     if (!value) return [];
     return Array.isArray(value) ? value : [value];
   }, [value]);
@@ -26258,7 +25528,7 @@ function FileUpload({
       fileInputRef.current.value = "";
     }
   };
-  const handleFilesRef = React85.useRef(handleFiles);
+  const handleFilesRef = React84.useRef(handleFiles);
   handleFilesRef.current = handleFiles;
   const handleDrag = (e) => {
     e.preventDefault();
@@ -26275,11 +25545,11 @@ function FileUpload({
     e.stopPropagation();
     setDragActive(false);
     if (disabled) return;
-    if (_optionalChain([e, 'access', _684 => _684.dataTransfer, 'access', _685 => _685.files, 'optionalAccess', _686 => _686.length])) {
+    if (_optionalChain([e, 'access', _615 => _615.dataTransfer, 'access', _616 => _616.files, 'optionalAccess', _617 => _617.length])) {
       handleFiles(e.dataTransfer.files);
     }
   };
-  React85.useEffect(() => {
+  React84.useEffect(() => {
     if (!acceptWindowDrops || disabled) return;
     let dragCounter = 0;
     const onWindowDragEnter = (e) => {
@@ -26303,7 +25573,7 @@ function FileUpload({
       e.preventDefault();
       dragCounter = 0;
       setDragActive(false);
-      if (_optionalChain([e, 'access', _687 => _687.dataTransfer, 'optionalAccess', _688 => _688.files, 'optionalAccess', _689 => _689.length])) {
+      if (_optionalChain([e, 'access', _618 => _618.dataTransfer, 'optionalAccess', _619 => _619.files, 'optionalAccess', _620 => _620.length])) {
         handleFilesRef.current(e.dataTransfer.files);
       }
     };
@@ -26325,7 +25595,7 @@ function FileUpload({
     };
   }, [acceptWindowDrops, disabled]);
   const handleFileSelect = (e) => {
-    if (_optionalChain([e, 'access', _690 => _690.target, 'access', _691 => _691.files, 'optionalAccess', _692 => _692.length])) {
+    if (_optionalChain([e, 'access', _621 => _621.target, 'access', _622 => _622.files, 'optionalAccess', _623 => _623.length])) {
       handleFiles(e.target.files);
     }
   };
@@ -26342,7 +25612,7 @@ function FileUpload({
   };
   const openDialog = async () => {
     if (disabled) return;
-    _optionalChain([fileInputRef, 'access', _693 => _693.current, 'optionalAccess', _694 => _694.click, 'call', _695 => _695()]);
+    _optionalChain([fileInputRef, 'access', _624 => _624.current, 'optionalAccess', _625 => _625.click, 'call', _626 => _626()]);
   };
   const displayError = error || validationError || void 0;
   const hasFiles = isManaged ? managedFiles.length > 0 : files.length > 0;
@@ -26420,7 +25690,7 @@ function FileUpload({
                   "button",
                   {
                     type: "button",
-                    onClick: () => _optionalChain([onRemoveManagedFile, 'optionalCall', _696 => _696(entry.id)]),
+                    onClick: () => _optionalChain([onRemoveManagedFile, 'optionalCall', _627 => _627(entry.id)]),
                     className: "shrink-0 p-1 rounded hover:bg-ods-bg transition-colors",
                     "aria-label": `Remove ${entry.fileName}`,
                     children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.X, { className: "size-4 text-ods-text-secondary" })
@@ -26521,10 +25791,10 @@ function ImageUploader({
   alt = "Uploaded image",
   className
 }) {
-  const inputRef = React86.useRef(null);
-  const [dragActive, setDragActive] = React86.useState(false);
-  const [pressed, setPressed] = React86.useState(false);
-  const [validationError, setValidationError] = React86.useState(null);
+  const inputRef = React85.useRef(null);
+  const [dragActive, setDragActive] = React85.useState(false);
+  const [pressed, setPressed] = React85.useState(false);
+  const [validationError, setValidationError] = React85.useState(null);
   const interactive = !disabled && !loading;
   const hasImage = Boolean(value);
   const displayError = error || validationError || void 0;
@@ -26543,7 +25813,7 @@ function ImageUploader({
     onChange(file);
   };
   const handleFileSelect = (e) => {
-    validateAndEmit(_optionalChain([e, 'access', _697 => _697.target, 'access', _698 => _698.files, 'optionalAccess', _699 => _699[0]]));
+    validateAndEmit(_optionalChain([e, 'access', _628 => _628.target, 'access', _629 => _629.files, 'optionalAccess', _630 => _630[0]]));
     if (inputRef.current) inputRef.current.value = "";
   };
   const handleDrag = (e) => {
@@ -26558,11 +25828,11 @@ function ImageUploader({
     e.stopPropagation();
     setDragActive(false);
     if (!interactive) return;
-    validateAndEmit(_optionalChain([e, 'access', _700 => _700.dataTransfer, 'access', _701 => _701.files, 'optionalAccess', _702 => _702[0]]));
+    validateAndEmit(_optionalChain([e, 'access', _631 => _631.dataTransfer, 'access', _632 => _632.files, 'optionalAccess', _633 => _633[0]]));
   };
   const openDialog = () => {
     if (!interactive) return;
-    _optionalChain([inputRef, 'access', _703 => _703.current, 'optionalAccess', _704 => _704.click, 'call', _705 => _705()]);
+    _optionalChain([inputRef, 'access', _634 => _634.current, 'optionalAccess', _635 => _635.click, 'call', _636 => _636()]);
   };
   const handleRootKeyDown = (e) => {
     if (hasImage || !interactive) return;
@@ -26701,25 +25971,25 @@ function CompactAssigneeDropdown({
   onAssign,
   className
 }) {
-  const [isOpen, setIsOpen] = React87.useState(false);
-  const [search, setSearch] = React87.useState("");
+  const [isOpen, setIsOpen] = React86.useState(false);
+  const [search, setSearch] = React86.useState("");
   const hasAssignee = !!currentAssignee;
-  React87.useEffect(() => {
+  React86.useEffect(() => {
     if (!isOpen) setSearch("");
   }, [isOpen]);
-  const filtered = React87.useMemo(() => {
+  const filtered = React86.useMemo(() => {
     const q = search.trim().toLowerCase();
     if (!q) return options;
     return options.filter((o) => o.label.toLowerCase().includes(q));
   }, [options, search]);
-  const orderedOptions = React87.useMemo(() => {
+  const orderedOptions = React86.useMemo(() => {
     if (!currentAssignee) return filtered;
     const current = filtered.find((o) => o.value === currentAssignee.id);
     if (!current) return filtered;
     return [current, ...filtered.filter((o) => o.value !== currentAssignee.id)];
   }, [filtered, currentAssignee]);
   const handleSelect = (userId) => {
-    const next = _optionalChain([currentAssignee, 'optionalAccess', _706 => _706.id]) === userId ? null : userId;
+    const next = _optionalChain([currentAssignee, 'optionalAccess', _637 => _637.id]) === userId ? null : userId;
     onAssign(next);
     setIsOpen(false);
   };
@@ -26784,7 +26054,7 @@ function CompactAssigneeDropdown({
             }
           ) }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "max-h-80 overflow-y-auto py-[var(--spacing-system-xs)]", role: "listbox", children: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "px-[var(--spacing-system-sf)] py-[var(--spacing-system-s)] text-h5 text-ods-text-secondary", children: "Loading\u2026" }) : orderedOptions.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "px-[var(--spacing-system-sf)] py-[var(--spacing-system-s)] text-h5 text-ods-text-secondary", children: "No users found" }) : orderedOptions.map((opt) => {
-            const isCurrent = _optionalChain([currentAssignee, 'optionalAccess', _707 => _707.id]) === opt.value;
+            const isCurrent = _optionalChain([currentAssignee, 'optionalAccess', _638 => _638.id]) === opt.value;
             return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
               "button",
               {
@@ -26828,9 +26098,9 @@ function DefaultAssigneeDropdown({
   onAssign,
   className
 }) {
-  const [isEditing, setIsEditing] = React87.useState(false);
+  const [isEditing, setIsEditing] = React86.useState(false);
   const hasAssignee = !!currentAssignee;
-  const renderOption = React87.useCallback((option) => {
+  const renderOption = React86.useCallback((option) => {
     const opt = option;
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-sf)] w-full min-w-0", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -26853,7 +26123,7 @@ function DefaultAssigneeDropdown({
         Autocomplete,
         {
           options,
-          value: _nullishCoalesce(_optionalChain([currentAssignee, 'optionalAccess', _708 => _708.id]), () => ( null)),
+          value: _nullishCoalesce(_optionalChain([currentAssignee, 'optionalAccess', _639 => _639.id]), () => ( null)),
           onChange: (val) => {
             onAssign(val);
             setIsEditing(false);
@@ -27018,8 +26288,8 @@ _chunkOFAYLG6Dcjs.init_cn.call(void 0, );
 _chunkOFAYLG6Dcjs.init_cn.call(void 0, );
 
 function TicketNoteCard({ note, onEdit, onDelete, className }) {
-  const [isEditing, setIsEditing] = React88.useState(false);
-  const [editText, setEditText] = React88.useState(note.text);
+  const [isEditing, setIsEditing] = React87.useState(false);
+  const [editText, setEditText] = React87.useState(note.text);
   const handleSave = () => {
     const trimmed = editText.trim();
     if (!trimmed || !onEdit) return;
@@ -27135,7 +26405,7 @@ function TicketNotesSection({
   isAddingNote,
   className
 }) {
-  const [noteText, setNoteText] = React89.useState("");
+  const [noteText, setNoteText] = React88.useState("");
   const handleSend = () => {
     const trimmed = noteText.trim();
     if (!trimmed || !onAddNote || isAddingNote) return;
@@ -27240,14 +26510,14 @@ function TicketInfoSection({
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               SquareAvatar,
               {
-                src: _optionalChain([organization, 'optionalAccess', _709 => _709.imageSrc]),
-                alt: _optionalChain([organization, 'optionalAccess', _710 => _710.name]),
-                fallback: _optionalChain([organization, 'optionalAccess', _711 => _711.name]) || "Org",
+                src: _optionalChain([organization, 'optionalAccess', _640 => _640.imageSrc]),
+                alt: _optionalChain([organization, 'optionalAccess', _641 => _641.name]),
+                fallback: _optionalChain([organization, 'optionalAccess', _642 => _642.name]) || "Org",
                 size: "md",
                 className: "shrink-0"
               }
             ),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InfoCell2, { value: _optionalChain([organization, 'optionalAccess', _712 => _712.name]) || "Unassigned", label: "Organization" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InfoCell2, { value: _optionalChain([organization, 'optionalAccess', _643 => _643.name]) || "Unassigned", label: "Organization" })
           ] }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-w-0", children: assigned ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             AssigneeDropdown,
@@ -27268,10 +26538,10 @@ function TicketInfoSection({
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             InfoCell2,
             {
-              value: _optionalChain([device, 'optionalAccess', _713 => _713.name]) || "Unassigned",
+              value: _optionalChain([device, 'optionalAccess', _644 => _644.name]) || "Unassigned",
               label: "Device",
-              icon: _optionalChain([device, 'optionalAccess', _714 => _714.icon]),
-              onClick: _optionalChain([device, 'optionalAccess', _715 => _715.onClick])
+              icon: _optionalChain([device, 'optionalAccess', _645 => _645.icon]),
+              onClick: _optionalChain([device, 'optionalAccess', _646 => _646.onClick])
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-4 min-w-0", children: [
@@ -28031,10 +27301,10 @@ var getContentDimensions = (config) => {
   const envMobileHeight = process.env.NEXT_PUBLIC_FIGMA_MOBILE_HEIGHT ? parseInt(process.env.NEXT_PUBLIC_FIGMA_MOBILE_HEIGHT) : null;
   const envDesktopWidth = process.env.NEXT_PUBLIC_FIGMA_DESKTOP_WIDTH ? parseInt(process.env.NEXT_PUBLIC_FIGMA_DESKTOP_WIDTH) : null;
   const envDesktopHeight = process.env.NEXT_PUBLIC_FIGMA_DESKTOP_HEIGHT ? parseInt(process.env.NEXT_PUBLIC_FIGMA_DESKTOP_HEIGHT) : null;
-  const mobileWidth = _nullishCoalesce(_nullishCoalesce(envMobileWidth, () => ( _optionalChain([config, 'optionalAccess', _716 => _716.mobileContentDimensions, 'optionalAccess', _717 => _717.width]))), () => ( defaultMobile.width));
-  const mobileHeight = _nullishCoalesce(_nullishCoalesce(envMobileHeight, () => ( _optionalChain([config, 'optionalAccess', _718 => _718.mobileContentDimensions, 'optionalAccess', _719 => _719.height]))), () => ( defaultMobile.height));
-  const desktopWidth = _nullishCoalesce(_nullishCoalesce(envDesktopWidth, () => ( _optionalChain([config, 'optionalAccess', _720 => _720.desktopContentDimensions, 'optionalAccess', _721 => _721.width]))), () => ( defaultDesktop.width));
-  const desktopHeight = _nullishCoalesce(_nullishCoalesce(envDesktopHeight, () => ( _optionalChain([config, 'optionalAccess', _722 => _722.desktopContentDimensions, 'optionalAccess', _723 => _723.height]))), () => ( defaultDesktop.height));
+  const mobileWidth = _nullishCoalesce(_nullishCoalesce(envMobileWidth, () => ( _optionalChain([config, 'optionalAccess', _647 => _647.mobileContentDimensions, 'optionalAccess', _648 => _648.width]))), () => ( defaultMobile.width));
+  const mobileHeight = _nullishCoalesce(_nullishCoalesce(envMobileHeight, () => ( _optionalChain([config, 'optionalAccess', _649 => _649.mobileContentDimensions, 'optionalAccess', _650 => _650.height]))), () => ( defaultMobile.height));
+  const desktopWidth = _nullishCoalesce(_nullishCoalesce(envDesktopWidth, () => ( _optionalChain([config, 'optionalAccess', _651 => _651.desktopContentDimensions, 'optionalAccess', _652 => _652.width]))), () => ( defaultDesktop.width));
+  const desktopHeight = _nullishCoalesce(_nullishCoalesce(envDesktopHeight, () => ( _optionalChain([config, 'optionalAccess', _653 => _653.desktopContentDimensions, 'optionalAccess', _654 => _654.height]))), () => ( defaultDesktop.height));
   return {
     mobile: { width: mobileWidth, height: mobileHeight },
     desktop: { width: desktopWidth, height: desktopHeight }
@@ -28168,7 +27438,7 @@ function renderUnifiedUI(state, handlers, config, iframeRef) {
             const contentDimensions = getContentDimensions(config);
             const mobileHeight = contentDimensions.mobile.height;
             const calculatedHeight = Math.max(mobileHeight + 100, 400);
-            return `${Math.min(calculatedHeight, _optionalChain([window, 'optionalAccess', _724 => _724.innerHeight]) * 0.85 || 650)}px`;
+            return `${Math.min(calculatedHeight, _optionalChain([window, 'optionalAccess', _655 => _655.innerHeight]) * 0.85 || 650)}px`;
           })(),
           minHeight: viewMode === "DESKTOP" ? "auto" : (() => {
             const contentDimensions = getContentDimensions(config);
@@ -28273,7 +27543,7 @@ var FigmaPrototypeViewer = ({
   const [isInitialized, setIsInitialized] = _react.useState.call(void 0, false);
   const [currentNodeId, setCurrentNodeId] = _react.useState.call(void 0, null);
   const [internalActiveSection, setInternalActiveSection] = _react.useState.call(void 0, 
-    config.defaultSectionId || _optionalChain([config, 'access', _725 => _725.sections, 'access', _726 => _726[0], 'optionalAccess', _727 => _727.id]) || ""
+    config.defaultSectionId || _optionalChain([config, 'access', _656 => _656.sections, 'access', _657 => _657[0], 'optionalAccess', _658 => _658.id]) || ""
   );
   const activeSection = externalActiveSection || internalActiveSection;
   const [isNavigating, setIsNavigating] = _react.useState.call(void 0, false);
@@ -28363,7 +27633,7 @@ var FigmaPrototypeViewer = ({
     const handleMessage = (event) => {
       if (event.origin !== "https://www.figma.com") return;
       const validEvents = ["INITIAL_LOAD", "NEW_STATE", "PRESENTED_NODE_CHANGED"];
-      if (_optionalChain([event, 'access', _728 => _728.data, 'optionalAccess', _729 => _729.type]) && validEvents.includes(event.data.type)) {
+      if (_optionalChain([event, 'access', _659 => _659.data, 'optionalAccess', _660 => _660.type]) && validEvents.includes(event.data.type)) {
         const figmaEvent = event.data;
         console.log("[Figma Event]", figmaEvent.type, viewMode);
         switch (figmaEvent.type) {
@@ -28373,19 +27643,19 @@ var FigmaPrototypeViewer = ({
             setIframeState("READY");
             break;
           case "PRESENTED_NODE_CHANGED":
-            if (_optionalChain([figmaEvent, 'access', _730 => _730.data, 'optionalAccess', _731 => _731.presentedNodeId])) {
+            if (_optionalChain([figmaEvent, 'access', _661 => _661.data, 'optionalAccess', _662 => _662.presentedNodeId])) {
               setCurrentNodeId(figmaEvent.data.presentedNodeId);
               if (!isNavigating) {
                 const matchingSection = config.sections.find((s) => {
-                  const desktopMatch = s.startingNodeId === _optionalChain([figmaEvent, 'access', _732 => _732.data, 'optionalAccess', _733 => _733.presentedNodeId]) || s.startingNodeId.replace(":", "-") === _optionalChain([figmaEvent, 'access', _734 => _734.data, 'optionalAccess', _735 => _735.presentedNodeId]);
-                  const mobileMatch = s.mobileStartingNodeId === _optionalChain([figmaEvent, 'access', _736 => _736.data, 'optionalAccess', _737 => _737.presentedNodeId]) || _optionalChain([s, 'access', _738 => _738.mobileStartingNodeId, 'optionalAccess', _739 => _739.replace, 'call', _740 => _740(":", "-")]) === _optionalChain([figmaEvent, 'access', _741 => _741.data, 'optionalAccess', _742 => _742.presentedNodeId]);
+                  const desktopMatch = s.startingNodeId === _optionalChain([figmaEvent, 'access', _663 => _663.data, 'optionalAccess', _664 => _664.presentedNodeId]) || s.startingNodeId.replace(":", "-") === _optionalChain([figmaEvent, 'access', _665 => _665.data, 'optionalAccess', _666 => _666.presentedNodeId]);
+                  const mobileMatch = s.mobileStartingNodeId === _optionalChain([figmaEvent, 'access', _667 => _667.data, 'optionalAccess', _668 => _668.presentedNodeId]) || _optionalChain([s, 'access', _669 => _669.mobileStartingNodeId, 'optionalAccess', _670 => _670.replace, 'call', _671 => _671(":", "-")]) === _optionalChain([figmaEvent, 'access', _672 => _672.data, 'optionalAccess', _673 => _673.presentedNodeId]);
                   return desktopMatch || mobileMatch;
                 });
                 if (matchingSection && matchingSection.id !== activeSection) {
                   if (!externalActiveSection) {
                     setInternalActiveSection(matchingSection.id);
                   }
-                  _optionalChain([config, 'access', _743 => _743.onSectionChange, 'optionalCall', _744 => _744(matchingSection.id)]);
+                  _optionalChain([config, 'access', _674 => _674.onSectionChange, 'optionalCall', _675 => _675(matchingSection.id)]);
                 }
               }
             }
@@ -28398,7 +27668,7 @@ var FigmaPrototypeViewer = ({
   }, [config.sections, activeSection, isNavigating, externalActiveSection, config.onSectionChange, viewMode]);
   const navigateToSection = _react.useCallback.call(void 0, (sectionId) => {
     const section = config.sections.find((s) => s.id === sectionId);
-    if (!section || !_optionalChain([iframeRef, 'access', _745 => _745.current, 'optionalAccess', _746 => _746.contentWindow]) || !isInitialized) {
+    if (!section || !_optionalChain([iframeRef, 'access', _676 => _676.current, 'optionalAccess', _677 => _677.contentWindow]) || !isInitialized) {
       return;
     }
     setIsNavigating(true);
@@ -28406,7 +27676,7 @@ var FigmaPrototypeViewer = ({
     if (!externalActiveSection) {
       setInternalActiveSection(sectionId);
     }
-    _optionalChain([config, 'access', _747 => _747.onSectionChange, 'optionalCall', _748 => _748(sectionId)]);
+    _optionalChain([config, 'access', _678 => _678.onSectionChange, 'optionalCall', _679 => _679(sectionId)]);
     const command = {
       type: "NAVIGATE_TO_FRAME_AND_CLOSE_OVERLAYS",
       data: { nodeId }
@@ -28726,7 +27996,7 @@ var FiltersDropdown = ({
       defaults[section.id] = section.defaultSelected || [];
     });
     setSelectedFilters(defaults);
-    _optionalChain([onReset, 'optionalCall', _749 => _749()]);
+    _optionalChain([onReset, 'optionalCall', _680 => _680()]);
     setIsOpen(false);
   };
   const handleApply = () => {
@@ -29020,7 +28290,7 @@ function MediaGalleryManager({
   const [deletingIndex, setDeletingIndex] = _react.useState.call(void 0, null);
   const [draggedIndex, setDraggedIndex] = _react.useState.call(void 0, null);
   const handleFileSelect = _react.useCallback.call(void 0, async (event) => {
-    const file = _optionalChain([event, 'access', _750 => _750.target, 'access', _751 => _751.files, 'optionalAccess', _752 => _752[0]]);
+    const file = _optionalChain([event, 'access', _681 => _681.target, 'access', _682 => _682.files, 'optionalAccess', _683 => _683[0]]);
     if (!file) return;
     let mediaType;
     if (file.type.startsWith("image/")) {
@@ -29135,7 +28405,7 @@ function MediaGalleryManager({
         {
           type: "button",
           variant: "outline",
-          onClick: () => _optionalChain([fileInputRef, 'access', _753 => _753.current, 'optionalAccess', _754 => _754.click, 'call', _755 => _755()]),
+          onClick: () => _optionalChain([fileInputRef, 'access', _684 => _684.current, 'optionalAccess', _685 => _685.click, 'call', _686 => _686()]),
           disabled: isUploading,
           leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Plus, { className: "h-4 w-4" }),
           className: "font-['DM_Sans'] text-[16px] font-bold",
@@ -29920,7 +29190,7 @@ function ReleaseMediaManager({
   const fileInputRef = _react.useRef.call(void 0, null);
   const [uploadingIndex, setUploadingIndex] = _react.useState.call(void 0, null);
   const handleFileSelect = async (event) => {
-    const file = _optionalChain([event, 'access', _756 => _756.target, 'access', _757 => _757.files, 'optionalAccess', _758 => _758[0]]);
+    const file = _optionalChain([event, 'access', _687 => _687.target, 'access', _688 => _688.files, 'optionalAccess', _689 => _689[0]]);
     if (!file) return;
     let mediaType;
     if (file.type.startsWith("image/")) {
@@ -30000,7 +29270,7 @@ function ReleaseMediaManager({
         {
           type: "button",
           variant: "outline",
-          onClick: () => _optionalChain([fileInputRef, 'access', _759 => _759.current, 'optionalAccess', _760 => _760.click, 'call', _761 => _761()]),
+          onClick: () => _optionalChain([fileInputRef, 'access', _690 => _690.current, 'optionalAccess', _691 => _691.click, 'call', _692 => _692()]),
           disabled: uploadingIndex !== null,
           leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Plus, { className: "h-4 w-4" }),
           className: "font-['DM_Sans'] text-[16px] font-bold",
@@ -30213,7 +29483,7 @@ function SEOEditorPreview({
   const displayImage = hasOgImage || hasFeaturedImage;
   const handleImageUpload = async (event) => {
     if (!onOgImageUpload) return;
-    const file = _optionalChain([event, 'access', _762 => _762.target, 'access', _763 => _763.files, 'optionalAccess', _764 => _764[0]]);
+    const file = _optionalChain([event, 'access', _693 => _693.target, 'access', _694 => _694.files, 'optionalAccess', _695 => _695[0]]);
     if (!file) return;
     setIsUploading(true);
     try {
@@ -30344,7 +29614,7 @@ function SEOEditorPreview({
                   type: "button",
                   variant: "outline",
                   size: "icon",
-                  onClick: () => _optionalChain([fileInputRef, 'optionalAccess', _765 => _765.click, 'call', _766 => _766()]),
+                  onClick: () => _optionalChain([fileInputRef, 'optionalAccess', _696 => _696.click, 'call', _697 => _697()]),
                   disabled: disabled || isUploading,
                   className: "bg-white text-black hover:bg-gray-100 rounded-full opacity-0 group-hover:opacity-100",
                   children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Upload, { className: "h-4 w-4" })
@@ -30367,7 +29637,7 @@ function SEOEditorPreview({
             "div",
             {
               className: "h-full min-h-[280px] border-2 border-dashed border-ods-border rounded-lg flex flex-col items-center justify-center cursor-pointer hover:border-ods-accent transition-colors bg-ods-bg-hover",
-              onClick: () => onOgImageUpload && _optionalChain([fileInputRef, 'optionalAccess', _767 => _767.click, 'call', _768 => _768()]),
+              onClick: () => onOgImageUpload && _optionalChain([fileInputRef, 'optionalAccess', _698 => _698.click, 'call', _699 => _699()]),
               children: isUploading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Loader2, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Upload, { className: "h-8 w-8 text-ods-text-secondary mb-2" }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm text-ods-text-secondary font-['DM_Sans']", children: onOgImageUpload ? "Click to upload OG image" : "No image" })
@@ -30452,7 +29722,7 @@ function SocialLinksManager({
   className = ""
 }) {
   const addLink = () => {
-    const firstPlatform = _optionalChain([platforms, 'access', _769 => _769[0], 'optionalAccess', _770 => _770.name]) || "website";
+    const firstPlatform = _optionalChain([platforms, 'access', _700 => _700[0], 'optionalAccess', _701 => _701.name]) || "website";
     onChange([...links, { platform: firstPlatform, url: "" }]);
   };
   const removeLink = (index) => {
@@ -30464,7 +29734,7 @@ function SocialLinksManager({
     onChange(updated);
   };
   const getIcon = (link, platform) => {
-    const iconKey = _optionalChain([platform, 'optionalAccess', _771 => _771.icon_name]) || link.platform;
+    const iconKey = _optionalChain([platform, 'optionalAccess', _702 => _702.icon_name]) || link.platform;
     const IconComponent = iconMap[iconKey];
     return IconComponent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IconComponent, { className: "w-5 h-5 text-ods-text-secondary" }) : null;
   };
@@ -30489,7 +29759,7 @@ function SocialLinksManager({
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             _chunkBJTOSUT4cjs.Input,
             {
-              placeholder: _optionalChain([platform, 'optionalAccess', _772 => _772.placeholder]) || "Profile URL",
+              placeholder: _optionalChain([platform, 'optionalAccess', _703 => _703.placeholder]) || "Profile URL",
               value: link.url,
               onChange: (e) => updateLink(index, "url", e.target.value),
               onKeyDown: (e) => {
@@ -30533,7 +29803,7 @@ function SocialLinksManager({
 _chunkBJTOSUT4cjs.init_button2.call(void 0, );
 
 
-var StartWithOpenFrameButton = React94.forwardRef(({ children = "Start Free Trial", mode = "outline", className, buttonSize, loading = false, buttonBackgroundColor, buttonTextColor, ...props }, ref) => {
+var StartWithOpenFrameButton = React93.forwardRef(({ children = "Start Free Trial", mode = "outline", className, buttonSize, loading = false, buttonBackgroundColor, buttonTextColor, ...props }, ref) => {
   const isYellow = mode === "yellow";
   const isPink = mode === "pink" || mode === "purple";
   const isCyan = mode === "cyan";
@@ -30829,6 +30099,258 @@ function TagsSelector({
   ] });
 }
 
+// src/components/features/video-ratio-tabs.tsx
+
+var TAB_TRIGGER_CLASS = "rounded-none border-b-2 border-transparent data-[state=active]:border-ods-accent data-[state=active]:bg-transparent data-[state=active]:shadow-none px-4 py-2 text-sm text-ods-text-secondary data-[state=active]:text-ods-text-primary";
+var RATIO_GRID_CLASS = {
+  portrait: "grid grid-cols-2 md:grid-cols-3 gap-4",
+  square: "grid grid-cols-2 md:grid-cols-3 gap-4",
+  landscape: "grid grid-cols-1 md:grid-cols-2 gap-4"
+};
+var RATIO_DISPLAY_GRID_CLASS = {
+  portrait: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4",
+  square: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4",
+  landscape: "grid grid-cols-1 md:grid-cols-2 gap-6"
+};
+var RATIO_TAB_CONFIG = [
+  { key: "portrait", label: "Portrait 9:16" },
+  { key: "square", label: "Square 1:1" },
+  { key: "landscape", label: "Landscape 16:9" }
+];
+function RatioTabs({
+  groups,
+  defaultTab,
+  className = ""
+}) {
+  const activeTabs = RATIO_TAB_CONFIG.filter((t) => groups[t.key].count > 0);
+  if (activeTabs.length <= 1) {
+    const active = activeTabs[0];
+    return active ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: groups[active.key].render() }) : null;
+  }
+  const firstTab = defaultTab && groups[defaultTab].count > 0 ? defaultTab : activeTabs[0].key;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Tabs, { defaultValue: firstTab, className: `w-full ${className}`, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TabsList, { className: "inline-flex justify-start rounded-none bg-transparent h-auto p-0 gap-0 mb-2", children: activeTabs.map((t) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, TabsTrigger, { value: t.key, className: TAB_TRIGGER_CLASS, children: [
+      t.label,
+      " (",
+      groups[t.key].count,
+      ")"
+    ] }, t.key)) }),
+    activeTabs.map((t) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      TabsContent,
+      {
+        value: t.key,
+        forceMount: true,
+        className: "data-[state=inactive]:hidden",
+        children: groups[t.key].render()
+      },
+      t.key
+    ))
+  ] });
+}
+function detectAspectRatio(ratioString, width, height) {
+  if (ratioString === "16:9") return "16:9";
+  if (ratioString === "1:1") return "1:1";
+  if (ratioString === "9:16") return "9:16";
+  if (width && height) {
+    if (Math.abs(width - height) < Math.min(width, height) * 0.1) return "1:1";
+    if (width > height) return "16:9";
+  }
+  return "9:16";
+}
+function ratioToCategory(ratio) {
+  if (ratio === "16:9") return "landscape";
+  if (ratio === "1:1") return "square";
+  return "portrait";
+}
+function groupByAspectRatio(items, getAspectRatio) {
+  const portrait = [];
+  const square = [];
+  const landscape = [];
+  for (const item of items) {
+    const cat = ratioToCategory(getAspectRatio(item));
+    if (cat === "landscape") landscape.push(item);
+    else if (cat === "square") square.push(item);
+    else portrait.push(item);
+  }
+  const filled = [portrait, square, landscape].filter((a) => a.length > 0).length;
+  return { portrait, square, landscape, hasMultiple: filled > 1 };
+}
+
+// src/components/features/video-bites-display.tsx
+
+
+var RATIO_TO_CSS_ASPECT = {
+  portrait: "9 / 16",
+  square: "1 / 1",
+  landscape: "16 / 9"
+};
+function LazyBite({ ratio, children }) {
+  const { ref, isNear } = _chunkALW3D72Ocjs.useNearViewport.call(void 0, "500px");
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, style: { aspectRatio: RATIO_TO_CSS_ASPECT[ratio] }, children: isNear ? children : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full h-full bg-ods-card rounded-md" }) });
+}
+function VideoBitesDisplay({
+  bites,
+  title = "Video Highlights",
+  filterPublished = true,
+  showTitle = true
+}) {
+  const grouped = _react.useMemo.call(void 0, () => {
+    const filtered = filterPublished ? bites.filter((b) => b.published) : bites;
+    const sorted = [...filtered].sort((a, b) => {
+      if (!a.created_at && !b.created_at) return 0;
+      if (!a.created_at) return 1;
+      if (!b.created_at) return -1;
+      return new Date(b.created_at).getTime() - new Date(a.created_at).getTime();
+    });
+    return groupByAspectRatio(
+      sorted,
+      (b) => detectAspectRatio(b.aspect_ratio)
+    );
+  }, [bites, filterPublished]);
+  const totalCount = grouped.portrait.length + grouped.square.length + grouped.landscape.length;
+  if (totalCount === 0) return null;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-6 w-full min-w-0", children: [
+    showTitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-h1 tracking-[-1.12px] text-ods-text-primary break-words", children: title }),
+    grouped.hasMultiple ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      RatioTabs,
+      {
+        groups: {
+          portrait: {
+            count: grouped.portrait.length,
+            render: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BiteGrid, { bites: grouped.portrait, ratio: "portrait" })
+          },
+          square: {
+            count: grouped.square.length,
+            render: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BiteGrid, { bites: grouped.square, ratio: "square" })
+          },
+          landscape: {
+            count: grouped.landscape.length,
+            render: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BiteGrid, { bites: grouped.landscape, ratio: "landscape" })
+          }
+        }
+      }
+    ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      BiteGrid,
+      {
+        bites: grouped.portrait.length > 0 ? grouped.portrait : grouped.square.length > 0 ? grouped.square : grouped.landscape,
+        ratio: grouped.portrait.length > 0 ? "portrait" : grouped.square.length > 0 ? "square" : "landscape"
+      }
+    )
+  ] });
+}
+function BiteGrid({ bites, ratio }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: RATIO_DISPLAY_GRID_CLASS[ratio], children: bites.map((bite, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LazyBite, { ratio, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, VideoBiteCard, { url: bite.url, title: bite.title, thumbnailUrl: bite.thumbnail_url }) }, bite.url || index)) });
+}
+function VideoBiteCard({ url, title, thumbnailUrl }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: "overflow-hidden border border-ods-border bg-ods-card hover:border-ods-accent transition-colors flex flex-col h-full", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative flex-1 min-h-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Video2, { url, poster: thumbnailUrl || void 0, layout: "fill" }) }),
+    title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h4 text-ods-text-primary line-clamp-2", children: title }) })
+  ] });
+}
+
+// src/components/features/entity-video-section.tsx
+
+function EntityVideoSection({
+  mainVideoUrl,
+  youtubeUrl,
+  highlightVideoUrl,
+  highlightVideoThumbnail,
+  mainVideoPoster,
+  title = "Video",
+  videoSummary,
+  videoBites,
+  bitesTitle = "Video Highlights",
+  filterPublishedBites = true,
+  MarkdownRenderer,
+  srtContent,
+  captionsUrl,
+  priority = false
+}) {
+  const hasFullVideo = !!(youtubeUrl || mainVideoUrl);
+  const hasHighlight = !!highlightVideoUrl;
+  const hasVideo = hasFullVideo || hasHighlight;
+  if (!hasVideo && !videoSummary && (!videoBites || videoBites.length === 0)) {
+    return null;
+  }
+  const fullVideoUrl = youtubeUrl || mainVideoUrl || null;
+  const fullVideoKind = youtubeUrl ? "youtube" : "auto";
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    hasVideo && (hasFullVideo && hasHighlight ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Tabs, { defaultValue: "full-video", className: "w-full", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, TabsList, { className: "inline-flex justify-start rounded-none bg-transparent h-auto p-0 gap-0", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          TabsTrigger,
+          {
+            value: "full-video",
+            className: "rounded-none border-b-2 border-transparent data-[state=active]:border-ods-accent data-[state=active]:bg-transparent data-[state=active]:shadow-none px-4 md:px-6 py-3 text-ods-text-secondary data-[state=active]:text-ods-text-primary",
+            children: "Full Video"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          TabsTrigger,
+          {
+            value: "highlights",
+            className: "rounded-none border-b-2 border-transparent data-[state=active]:border-ods-accent data-[state=active]:bg-transparent data-[state=active]:shadow-none px-4 md:px-6 py-3 text-ods-text-secondary data-[state=active]:text-ods-text-primary",
+            children: "Highlights"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TabsContent, { value: "full-video", className: "mt-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        Video2,
+        {
+          kind: fullVideoKind,
+          url: fullVideoUrl,
+          poster: mainVideoPoster,
+          title,
+          srtContent,
+          captionsUrl,
+          layout: "centered",
+          priority
+        }
+      ) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TabsContent, { value: "highlights", className: "mt-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        Video2,
+        {
+          url: highlightVideoUrl,
+          poster: highlightVideoThumbnail,
+          layout: "centered"
+        }
+      ) })
+    ] }) : hasFullVideo ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      Video2,
+      {
+        kind: fullVideoKind,
+        url: fullVideoUrl,
+        poster: mainVideoPoster,
+        title,
+        srtContent,
+        captionsUrl,
+        layout: "centered",
+        priority
+      }
+    ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      Video2,
+      {
+        url: highlightVideoUrl,
+        poster: highlightVideoThumbnail,
+        layout: "centered",
+        priority
+      }
+    )),
+    videoSummary && MarkdownRenderer && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-6 w-full min-w-0", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-h1 tracking-[-1.12px] text-ods-text-primary break-words", children: "Summary" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-h4 text-ods-text-primary break-words overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MarkdownRenderer, { content: videoSummary }) })
+    ] }),
+    videoBites && videoBites.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      VideoBitesDisplay,
+      {
+        bites: videoBites,
+        title: bitesTitle,
+        filterPublished: filterPublishedBites
+      }
+    )
+  ] });
+}
+
 // src/components/features/video-source-selector.tsx
 _chunkBJTOSUT4cjs.init_button2.call(void 0, );
 
@@ -30866,7 +30388,7 @@ function VideoSourceSelector({
     input.accept = "video/*";
     input.onchange = async (e) => {
       const target = e.target;
-      const file = _optionalChain([target, 'access', _773 => _773.files, 'optionalAccess', _774 => _774[0]]);
+      const file = _optionalChain([target, 'access', _704 => _704.files, 'optionalAccess', _705 => _705[0]]);
       if (!file) return;
       setIsUploading(true);
       setUploadProgress(0);
@@ -31196,7 +30718,7 @@ function TranscriptSummaryEditor({
             {
               id: "subtitles",
               value: subtitles || "",
-              onChange: (e) => _optionalChain([onSubtitlesChange, 'optionalCall', _775 => _775(e.target.value)]),
+              onChange: (e) => _optionalChain([onSubtitlesChange, 'optionalCall', _706 => _706(e.target.value)]),
               placeholder: subtitlesPlaceholder,
               disabled: disabled || !onSubtitlesChange,
               className: "h-full w-full resize-none border-0 bg-transparent text-ods-text-primary placeholder:text-ods-text-secondary/50 focus:ring-0 focus:outline-none p-4 font-mono text-sm",
@@ -31349,7 +30871,7 @@ var AIEnrichSection = ({
 }) => {
   const hasResults = status === "success" || status === "error";
   const shouldDisable = disabled || !canEnrich;
-  const unfilledFields = _optionalChain([requiredFields, 'optionalAccess', _776 => _776.filter, 'call', _777 => _777((f) => !f.isFilled)]) || [];
+  const unfilledFields = _optionalChain([requiredFields, 'optionalAccess', _707 => _707.filter, 'call', _708 => _708((f) => !f.isFilled)]) || [];
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
@@ -31387,7 +30909,7 @@ var AIEnrichSection = ({
             {
               id: "ai-enrich-custom-instructions",
               value: _nullishCoalesce(customInstructions, () => ( "")),
-              onChange: (e) => _optionalChain([onCustomInstructionsChange, 'optionalCall', _778 => _778(e.target.value)]),
+              onChange: (e) => _optionalChain([onCustomInstructionsChange, 'optionalCall', _709 => _709(e.target.value)]),
               placeholder: customInstructionsPlaceholder,
               disabled: loading,
               maxLength: customInstructionsMaxLength,
@@ -31516,7 +31038,7 @@ function HighlightVideoSection({
     input.accept = "video/*";
     input.onchange = async (e) => {
       const target = e.target;
-      const file = _optionalChain([target, 'access', _779 => _779.files, 'optionalAccess', _780 => _780[0]]);
+      const file = _optionalChain([target, 'access', _710 => _710.files, 'optionalAccess', _711 => _711[0]]);
       if (!file) return;
       setUploadError(null);
       try {
@@ -32018,7 +31540,7 @@ function HighlightVideoPreview({
     input.accept = "video/*";
     input.onchange = async (e) => {
       const target = e.target;
-      const file = _optionalChain([target, 'access', _781 => _781.files, 'optionalAccess', _782 => _782[0]]);
+      const file = _optionalChain([target, 'access', _712 => _712.files, 'optionalAccess', _713 => _713[0]]);
       if (!file) return;
       await onUpload(file);
     };
@@ -32205,7 +31727,7 @@ function HighlightVideoCombinedSection({
     input.accept = "video/*";
     input.onchange = async (e) => {
       const target = e.target;
-      const file = _optionalChain([target, 'access', _783 => _783.files, 'optionalAccess', _784 => _784[0]]);
+      const file = _optionalChain([target, 'access', _714 => _714.files, 'optionalAccess', _715 => _715[0]]);
       if (!file) return;
       await onUpload(file);
     };
@@ -32502,7 +32024,7 @@ var getApprovalLevelLabel = (level, editMode = false) => {
     return editMode ? "Set Global Permission" : "";
   }
   const option = approvalLevelOptions.find((opt) => opt.value === level);
-  return _optionalChain([option, 'optionalAccess', _785 => _785.label]) || level;
+  return _optionalChain([option, 'optionalAccess', _716 => _716.label]) || level;
 };
 var PolicyRow = ({ policy, categoryId, editMode, onPermissionChange }) => {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "bg-ods-bg border-b border-ods-border flex gap-4 items-center px-4 py-3", children: [
@@ -32754,7 +32276,7 @@ function WaitlistForm({
     const finalPhone = phone ? formatPhoneE164(phone, countryCode) : void 0;
     try {
       await onRegister(email, finalPhone);
-    } catch (e26) {
+    } catch (e24) {
     }
   };
   if (!isClient) {
@@ -33034,15 +32556,15 @@ function TicketCard({
     transform: _utilities.CSS.Transform.toString(sortable.transform),
     transition: sortable.transition
   };
-  const showDeviceRow = !!(_optionalChain([ticket, 'access', _786 => _786.deviceHostnames, 'optionalAccess', _787 => _787.length]) || ticket.organizationName);
+  const showDeviceRow = !!(_optionalChain([ticket, 'access', _717 => _717.deviceHostnames, 'optionalAccess', _718 => _718.length]) || ticket.organizationName);
   const deviceText = [
-    _optionalChain([ticket, 'access', _788 => _788.deviceHostnames, 'optionalAccess', _789 => _789.join, 'call', _790 => _790(", ")]),
+    _optionalChain([ticket, 'access', _719 => _719.deviceHostnames, 'optionalAccess', _720 => _720.join, 'call', _721 => _721(", ")]),
     ticket.organizationName
   ].filter(Boolean).join(", ");
   const handleClick = (e) => {
     if (sortable.isDragging) e.preventDefault();
   };
-  const hasRightSection = !!(ticket.priority || _optionalChain([ticket, 'access', _791 => _791.assignees, 'optionalAccess', _792 => _792.length]) || renderAssignSlot);
+  const hasRightSection = !!(ticket.priority || _optionalChain([ticket, 'access', _722 => _722.assignees, 'optionalAccess', _723 => _723.length]) || renderAssignSlot);
   const rightSection = hasRightSection ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pointer-events-auto flex shrink-0 items-center gap-[var(--spacing-system-xsf)]", children: [
     ticket.priority && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _chunkTMD5LDX4cjs.Flag02Icon,
@@ -33051,7 +32573,7 @@ function TicketCard({
         "aria-label": `Priority: ${ticket.priority}`
       }
     ),
-    renderAssignSlot ? renderAssignSlot(ticket) : _optionalChain([ticket, 'access', _793 => _793.assignees, 'optionalAccess', _794 => _794.length]) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex -space-x-2", children: [
+    renderAssignSlot ? renderAssignSlot(ticket) : _optionalChain([ticket, 'access', _724 => _724.assignees, 'optionalAccess', _725 => _725.length]) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex -space-x-2", children: [
       ticket.assignees.slice(0, MAX_VISIBLE_ASSIGNEES).map((a) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         SquareAvatar,
         {
@@ -33080,7 +32602,7 @@ function TicketCard({
       ] }),
       rightSection
     ] }),
-    _optionalChain([ticket, 'access', _795 => _795.tags, 'optionalAccess', _796 => _796.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketTagRow, { tags: ticket.tags }) : null
+    _optionalChain([ticket, 'access', _726 => _726.tags, 'optionalAccess', _727 => _727.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketTagRow, { tags: ticket.tags }) : null
   ] });
   const cardClasses = _chunkOFAYLG6Dcjs.cn.call(void 0, 
     "relative flex flex-col gap-[var(--spacing-system-sf)] rounded-md border border-ods-border bg-ods-bg p-[var(--spacing-system-sf)] select-none text-left",
@@ -33240,7 +32762,7 @@ function ColumnBody({ column, getTicketHref, renderAssignSlot, onLoadMore, loadM
     const observer = new IntersectionObserver(
       (entries) => {
         if (entries.some((e) => e.isIntersecting)) {
-          _optionalChain([loadMoreRef, 'access', _797 => _797.current, 'optionalCall', _798 => _798(columnIdRef.current)]);
+          _optionalChain([loadMoreRef, 'access', _728 => _728.current, 'optionalCall', _729 => _729(columnIdRef.current)]);
         }
       },
       { root, rootMargin: loadMoreRootMargin }
@@ -33269,7 +32791,7 @@ function ColumnBody({ column, getTicketHref, renderAssignSlot, onLoadMore, loadM
           {
             ticket: t,
             columnId: column.id,
-            href: _optionalChain([getTicketHref, 'optionalCall', _799 => _799(t.id)]),
+            href: _optionalChain([getTicketHref, 'optionalCall', _730 => _730(t.id)]),
             renderAssignSlot,
             dragDisabled: column.dragDisabled
           },
@@ -33352,17 +32874,17 @@ function Board({
     const pointer = _core.pointerWithin.call(void 0, args);
     const intersections = pointer.length > 0 ? pointer : _core.rectIntersection.call(void 0, args);
     const ticketHit = intersections.find(
-      (c) => _optionalChain([c, 'access', _800 => _800.data, 'optionalAccess', _801 => _801.droppableContainer, 'optionalAccess', _802 => _802.data, 'optionalAccess', _803 => _803.current, 'optionalAccess', _804 => _804.type]) === "ticket"
+      (c) => _optionalChain([c, 'access', _731 => _731.data, 'optionalAccess', _732 => _732.droppableContainer, 'optionalAccess', _733 => _733.data, 'optionalAccess', _734 => _734.current, 'optionalAccess', _735 => _735.type]) === "ticket"
     );
     if (ticketHit) return [ticketHit];
     const columnHit = intersections.find(
-      (c) => _optionalChain([c, 'access', _805 => _805.data, 'optionalAccess', _806 => _806.droppableContainer, 'optionalAccess', _807 => _807.data, 'optionalAccess', _808 => _808.current, 'optionalAccess', _809 => _809.type]) === "column"
+      (c) => _optionalChain([c, 'access', _736 => _736.data, 'optionalAccess', _737 => _737.droppableContainer, 'optionalAccess', _738 => _738.data, 'optionalAccess', _739 => _739.current, 'optionalAccess', _740 => _740.type]) === "column"
     );
     if (columnHit) {
-      const columnId = _optionalChain([columnHit, 'access', _810 => _810.data, 'optionalAccess', _811 => _811.droppableContainer, 'optionalAccess', _812 => _812.data, 'optionalAccess', _813 => _813.current, 'optionalAccess', _814 => _814.columnId]);
+      const columnId = _optionalChain([columnHit, 'access', _741 => _741.data, 'optionalAccess', _742 => _742.droppableContainer, 'optionalAccess', _743 => _743.data, 'optionalAccess', _744 => _744.current, 'optionalAccess', _745 => _745.columnId]);
       const ticketsInColumn = args.droppableContainers.filter((c) => {
         const d = c.data.current;
-        return _optionalChain([d, 'optionalAccess', _815 => _815.type]) === "ticket" && d.columnId === columnId;
+        return _optionalChain([d, 'optionalAccess', _746 => _746.type]) === "ticket" && d.columnId === columnId;
       });
       if (ticketsInColumn.length > 0) {
         const closest = _core.closestCorners.call(void 0, { ...args, droppableContainers: ticketsInColumn });
@@ -33387,20 +32909,20 @@ function Board({
     const overId = String(over.id);
     if (activeId === overId) return;
     const overData = over.data.current;
-    const fromColumnId = _optionalChain([locate, 'call', _816 => _816(items, activeId), 'optionalAccess', _817 => _817.columnId]);
-    const toColumnId = _optionalChain([overData, 'optionalAccess', _818 => _818.columnId]);
+    const fromColumnId = _optionalChain([locate, 'call', _747 => _747(items, activeId), 'optionalAccess', _748 => _748.columnId]);
+    const toColumnId = _optionalChain([overData, 'optionalAccess', _749 => _749.columnId]);
     if (!fromColumnId || !toColumnId || fromColumnId === toColumnId) return;
     const origin = dragOriginRef.current;
-    const isReturnToOrigin = _optionalChain([origin, 'optionalAccess', _819 => _819.fromColumnId]) === toColumnId;
+    const isReturnToOrigin = _optionalChain([origin, 'optionalAccess', _750 => _750.fromColumnId]) === toColumnId;
     const targetCol = items.find((c) => c.id === toColumnId);
-    const blockedBySource = !isReturnToOrigin && !!_optionalChain([targetCol, 'optionalAccess', _820 => _820.allowedFromColumns]) && !!origin && !targetCol.allowedFromColumns.includes(origin.fromColumnId);
-    if (_optionalChain([targetCol, 'optionalAccess', _821 => _821.dropDisabled]) && !isReturnToOrigin || blockedBySource) return;
+    const blockedBySource = !isReturnToOrigin && !!_optionalChain([targetCol, 'optionalAccess', _751 => _751.allowedFromColumns]) && !!origin && !targetCol.allowedFromColumns.includes(origin.fromColumnId);
+    if (_optionalChain([targetCol, 'optionalAccess', _752 => _752.dropDisabled]) && !isReturnToOrigin || blockedBySource) return;
     setItems((prev) => {
       const fromIndex = findIndexInColumn(prev, fromColumnId, activeId);
       const toCol = prev.find((c) => c.id === toColumnId);
       if (fromIndex < 0 || !toCol) return prev;
       let toIndex;
-      if (_optionalChain([overData, 'optionalAccess', _822 => _822.type]) === "column") {
+      if (_optionalChain([overData, 'optionalAccess', _753 => _753.type]) === "column") {
         toIndex = toCol.tickets.length;
       } else {
         const overIndex = toCol.tickets.findIndex((t) => t.id === overId);
@@ -33442,14 +32964,14 @@ function Board({
     const toColumnId = located.columnId;
     const isCrossColumn = origin.fromColumnId !== toColumnId;
     const targetCol = items.find((c) => c.id === toColumnId);
-    if (isCrossColumn && (_optionalChain([targetCol, 'optionalAccess', _823 => _823.dropDisabled]) || _optionalChain([targetCol, 'optionalAccess', _824 => _824.allowedFromColumns]) && !targetCol.allowedFromColumns.includes(origin.fromColumnId))) {
+    if (isCrossColumn && (_optionalChain([targetCol, 'optionalAccess', _754 => _754.dropDisabled]) || _optionalChain([targetCol, 'optionalAccess', _755 => _755.allowedFromColumns]) && !targetCol.allowedFromColumns.includes(origin.fromColumnId))) {
       setItems(columns);
       return;
     }
     let finalIndex = located.index;
-    let finalColumnTickets = _nullishCoalesce(_optionalChain([items, 'access', _825 => _825.find, 'call', _826 => _826((c) => c.id === toColumnId), 'optionalAccess', _827 => _827.tickets]), () => ( []));
+    let finalColumnTickets = _nullishCoalesce(_optionalChain([items, 'access', _756 => _756.find, 'call', _757 => _757((c) => c.id === toColumnId), 'optionalAccess', _758 => _758.tickets]), () => ( []));
     const overData = over.data.current;
-    if (_optionalChain([overData, 'optionalAccess', _828 => _828.type]) === "ticket") {
+    if (_optionalChain([overData, 'optionalAccess', _759 => _759.type]) === "ticket") {
       const overIndex = findIndexInColumn(items, toColumnId, String(over.id));
       if (overIndex >= 0 && overIndex !== located.index) {
         finalColumnTickets = _sortable.arrayMove.call(void 0, finalColumnTickets, located.index, overIndex);
@@ -33469,8 +32991,8 @@ function Board({
       ticketId: origin.ticketId,
       fromColumnId: origin.fromColumnId,
       toColumnId,
-      afterTicketId: _nullishCoalesce(_optionalChain([finalColumnTickets, 'access', _829 => _829[finalIndex - 1], 'optionalAccess', _830 => _830.id]), () => ( null)),
-      beforeTicketId: _nullishCoalesce(_optionalChain([finalColumnTickets, 'access', _831 => _831[finalIndex + 1], 'optionalAccess', _832 => _832.id]), () => ( null))
+      afterTicketId: _nullishCoalesce(_optionalChain([finalColumnTickets, 'access', _760 => _760[finalIndex - 1], 'optionalAccess', _761 => _761.id]), () => ( null)),
+      beforeTicketId: _nullishCoalesce(_optionalChain([finalColumnTickets, 'access', _762 => _762[finalIndex + 1], 'optionalAccess', _763 => _763.id]), () => ( null))
     });
   };
   const handleDragCancel = () => {
@@ -33492,8 +33014,8 @@ function Board({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkOFAYLG6Dcjs.cn.call(void 0, "flex h-full overflow-x-auto", className), children: items.map((column, i) => {
           const prev = items[i - 1];
           const next = items[i + 1];
-          const joinLeft = !!(column.system && _optionalChain([prev, 'optionalAccess', _833 => _833.system]));
-          const joinRight = !!(column.system && _optionalChain([next, 'optionalAccess', _834 => _834.system]));
+          const joinLeft = !!(column.system && _optionalChain([prev, 'optionalAccess', _764 => _764.system]));
+          const joinRight = !!(column.system && _optionalChain([next, 'optionalAccess', _765 => _765.system]));
           const showGap = i > 0 && !joinLeft;
           return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, React101.Fragment, { children: [
             showGap && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "aria-hidden": true, className: "w-[var(--spacing-system-mf)] shrink-0" }),
@@ -33527,7 +33049,7 @@ function locate(cols, ticketId) {
   return null;
 }
 function findIndexInColumn(cols, columnId, ticketId) {
-  return _nullishCoalesce(_optionalChain([cols, 'access', _835 => _835.find, 'call', _836 => _836((c) => c.id === columnId), 'optionalAccess', _837 => _837.tickets, 'access', _838 => _838.findIndex, 'call', _839 => _839((t) => t.id === ticketId)]), () => ( -1));
+  return _nullishCoalesce(_optionalChain([cols, 'access', _766 => _766.find, 'call', _767 => _767((c) => c.id === columnId), 'optionalAccess', _768 => _768.tickets, 'access', _769 => _769.findIndex, 'call', _770 => _770((t) => t.id === ticketId)]), () => ( -1));
 }
 
 // src/components/features/board/types.ts
@@ -34185,5 +33707,13 @@ function canonicalize(status) {
 
 
 
-exports.Label = Label; exports.AllowedDomainsInput = AllowedDomainsInput; exports.HiddenTagsPopup = HiddenTagsPopup; exports.tagVariants = tagVariants; exports.Tag = Tag; exports.Autocomplete = Autocomplete; exports.Card = Card; exports.CardHeader = CardHeader; exports.CardTitle = CardTitle; exports.CardDescription = CardDescription; exports.CardContent = CardContent; exports.CardFooter = CardFooter; exports.CardHorizontal = CardHorizontal; exports.CheckboxBlock = CheckboxBlock; exports.CheckboxWithDescription = CheckboxWithDescription; exports.Select = Select; exports.SelectGroup = SelectGroup; exports.SelectValue = SelectValue; exports.SelectTrigger = SelectTrigger; exports.SelectScrollUpButton = SelectScrollUpButton; exports.SelectScrollDownButton = SelectScrollDownButton; exports.SelectContent = SelectContent; exports.SelectLabel = SelectLabel; exports.SelectItem = SelectItem; exports.SelectSeparator = SelectSeparator; exports.DatePicker = DatePicker; exports.DatePickerInput = DatePickerInput; exports.DatePickerInputSimple = DatePickerInputSimple; exports.getPlatformAccentColor = getPlatformAccentColor; exports.getCurrentPlatform = getCurrentPlatform; exports.delay = delay; exports.generateRandomString = generateRandomString; exports.truncateString = truncateString; exports.deepClone = deepClone; exports.getSlackCommunityJoinUrl = getSlackCommunityJoinUrl; exports.OS_PLATFORMS = OS_PLATFORMS; exports.DEFAULT_OS_PLATFORM = DEFAULT_OS_PLATFORM; exports.validateAccessCode = validateAccessCode; exports.consumeAccessCode = consumeAccessCode; exports.validateAndConsumeAccessCode = validateAndConsumeAccessCode; exports.useAccessCodeIntegration = useAccessCodeIntegration; exports.isValidEmailDomain = isValidEmailDomain; exports.validateEmailDomain = validateEmailDomain; exports.validateEmailDomainList = validateEmailDomainList; exports.cleanEmailDomain = cleanEmailDomain; exports.getConfidenceColorClass = getConfidenceColorClass; exports.getConfidenceLevel = getConfidenceLevel; exports.getConfidenceBorderClass = getConfidenceBorderClass; exports.getConfidenceTextClass = getConfidenceTextClass; exports.getConfidenceBgClass = getConfidenceBgClass; exports.getConfidenceLabel = getConfidenceLabel; exports.formatReleaseDate = formatReleaseDate; exports.formatRelativeTime = formatRelativeTime; exports.getDynamicIcon = getDynamicIcon; exports.normalizeToolType = normalizeToolType; exports.normalizeToolTypeWithFallback = normalizeToolTypeWithFallback; exports.toToolLabel = toToolLabel; exports.isValidToolType = isValidToolType; exports.getToolTypeAliases = getToolTypeAliases; exports.getToolLabel = getToolLabel; exports.ShellTypeValues = ShellTypeValues; exports.SHELL_TYPES = SHELL_TYPES; exports.shellLabels = shellLabels; exports.getShellLabel = getShellLabel; exports.getShellIcon = getShellIcon; exports.OSTypeValues = OSTypeValues; exports.OS_TYPES = OS_TYPES; exports.osLabels = osLabels; exports.normalizeOSType = normalizeOSType; exports.getOSLabel = getOSLabel; exports.getOSIcon = getOSIcon; exports.getOSTypeDefinition = getOSTypeDefinition; exports.getOSPlatformId = getOSPlatformId; exports.isOSPlatform = isOSPlatform; exports.getCountryPhoneData = getCountryPhoneData; exports.getCountryByCode = getCountryByCode; exports.validatePhoneNumber = validatePhoneNumber; exports.formatPhoneE164 = formatPhoneE164; exports.GENERIC_EMAIL_DOMAINS = GENERIC_EMAIL_DOMAINS; exports.extractDomainFromEmail = extractDomainFromEmail; exports.normalizeDomain = normalizeDomain; exports.isGenericDomain = isGenericDomain; exports.hasGenericEmailDomain = hasGenericEmailDomain; exports.isGenericWebsiteDomain = isGenericWebsiteDomain; exports.ApprovalRequestMessage = ApprovalRequestMessage; exports.PulseDots = PulseDots; exports.ExpandChevron = ExpandChevron; exports.useCollapsible = useCollapsible; exports.getCommandText = getCommandText; exports.ArgRow = ArgRow; exports.ResultBlock = ResultBlock; exports.ApprovalBatchMessage = ApprovalBatchMessage; exports.ContextCompactionDisplay = ContextCompactionDisplay; exports.SimpleMarkdownRenderer = SimpleMarkdownRenderer; exports.ThinkingDisplay = ThinkingDisplay; exports.ErrorMessageDisplay = ErrorMessageDisplay; exports.SquareAvatar = SquareAvatar; exports.resolveTicketStatus = resolveTicketStatus; exports.getTicketStatusConfig = getTicketStatusConfig; exports.getTicketStatusTag = getTicketStatusTag; exports.TicketStatusTag = TicketStatusTag; exports.ChatContainer = ChatContainer; exports.ChatHeader = ChatHeader; exports.ChatContent = ChatContent; exports.ChatFooter = ChatFooter; exports.Textarea = Textarea; exports.ChatTypingIndicator = ChatTypingIndicator; exports.SlashCommandSuggestions = SlashCommandSuggestions; exports.ChatInput = ChatInput; exports.ToolExecutionDisplay = ToolExecutionDisplay; exports.remarkCardLinks = remarkCardLinks; exports.MemoizedChatMessageEnhanced = MemoizedChatMessageEnhanced; exports.ChatMessageListLoader = ChatMessageListLoader; exports.useDelayedFlag = useDelayedFlag; exports.ChatMessageList = ChatMessageList; exports.ChatQuickAction = ChatQuickAction; exports.ChatTicketItem = ChatTicketItem; exports.ChatTicketList = ChatTicketList; exports.HoverCard = HoverCard; exports.HoverCardTrigger = HoverCardTrigger; exports.HoverCardContent = HoverCardContent; exports.ModelDisplay = ModelDisplay; exports.DialogListItem = DialogListItem; exports.ChatSidebar = ChatSidebar; exports.CHAT_TYPE = CHAT_TYPE; exports.OWNER_TYPE = OWNER_TYPE; exports.MESSAGE_ROLE = MESSAGE_ROLE; exports.ASSISTANT_TYPE = ASSISTANT_TYPE; exports.AUTHOR_TYPE = AUTHOR_TYPE; exports.APPROVAL_STATUS = APPROVAL_STATUS; exports.CONNECTION_STATUS = CONNECTION_STATUS; exports.MESSAGE_TYPE = MESSAGE_TYPE; exports.NETWORK_CONFIG = NETWORK_CONFIG; exports.useChunkCatchup = useChunkCatchup; exports.useNatsDialogSubscription = useNatsDialogSubscription; exports.buildNatsWsUrl = buildNatsWsUrl; exports.parseChunkToAction = parseChunkToAction; exports.isControlChunk = isControlChunk; exports.isErrorChunk = isErrorChunk; exports.isMetadataChunk = isMetadataChunk; exports.extractTextFromChunk = extractTextFromChunk; exports.MessageSegmentAccumulator = MessageSegmentAccumulator; exports.createMessageSegmentAccumulator = createMessageSegmentAccumulator; exports.useRealtimeChunkProcessor = useRealtimeChunkProcessor; exports.processHistoricalMessages = processHistoricalMessages; exports.extractErrorMessages = extractErrorMessages; exports.processHistoricalMessagesWithErrors = processHistoricalMessagesWithErrors; exports.extractIncompleteMessageState = extractIncompleteMessageState; exports.DynamicThemeProvider = DynamicThemeProvider; exports.useDynamicTheme = useDynamicTheme; exports.ArrayEntryManager = ArrayEntryManager; exports.ProviderButton = ProviderButton; exports.AuthProvidersList = AuthProvidersList; exports.ChangelogManager = ChangelogManager; exports.ChangelogSectionsManager = ChangelogSectionsManager; exports.ClickUpTasksManager = ClickUpTasksManager; exports.CommandBox = CommandBox; exports.ErrorBoundary = ErrorBoundary; exports.badgeVariants = badgeVariants; exports.Badge = Badge; exports.statusBadgeVariants = statusBadgeVariants; exports.StatusBadge = StatusBadge; exports.SectionSelector = SectionSelector; exports.FigmaPrototypeViewer = FigmaPrototypeViewer; exports.FiltersDropdown = FiltersDropdown; exports.useFiltersDropdown = useFiltersDropdown; exports.GitHubReleasesManager = GitHubReleasesManager; exports.KnowledgeBaseLinksManager = KnowledgeBaseLinksManager; exports.Progress = Progress; exports.LoadingProvider = LoadingProvider; exports.useLoading = useLoading; exports.MediaGalleryManager = MediaGalleryManager; exports.MoreAboutButton = MoreAboutButton; exports.OrganizationIcon = OrganizationIcon; exports.OSTypeBadge = OSTypeBadge; exports.OSTypeIcon = OSTypeIcon; exports.OSTypeLabel = OSTypeLabel; exports.OSTypeBadgeGroup = OSTypeBadgeGroup; exports.ParallaxImageShowcase = ParallaxImageShowcase; exports.PathsDisplay = PathsDisplay; exports.OPENFRAME_PATHS = OPENFRAME_PATHS; exports.getOpenFramePaths = getOpenFramePaths; exports.PlatformBadge = PlatformBadge; exports.PlatformFilterComponent = PlatformFilterComponent; exports.PushButtonSelector = PushButtonSelector; exports.ReleaseMediaManager = ReleaseMediaManager; exports.SelectButton = SelectButton; exports.SEOEditorPreview = SEOEditorPreview; exports.SocialLinksManager = SocialLinksManager; exports.StartWithOpenFrameButton = StartWithOpenFrameButton; exports.StatusFilterComponent = StatusFilterComponent; exports.TagsSelector = TagsSelector; exports.VideoPlayer = VideoPlayer; exports.VideoSourceSelector = VideoSourceSelector; exports.ConfidenceBadge = ConfidenceBadge; exports.TranscriptSummaryEditor = TranscriptSummaryEditor; exports.AIEnrichButton = AIEnrichButton; exports.AIWarningsSection = AIWarningsSection; exports.AIEnrichSection = AIEnrichSection; exports.HighlightVideoSection = HighlightVideoSection; exports.HighlightConfigSection = HighlightConfigSection; exports.EntitySummaryEditor = EntitySummaryEditor; exports.AIStatusIndicator = AIStatusIndicator; exports.AIRequiredBadge = AIRequiredBadge; exports.TranscribeSummarizeSection = TranscribeSummarizeSection; exports.VideoClipsSection = VideoClipsSection; exports.HighlightGenerationSection = HighlightGenerationSection; exports.HighlightVideoPreview = HighlightVideoPreview; exports.TranscribeAndSummarizeCombinedSection = TranscribeAndSummarizeCombinedSection; exports.HighlightVideoCombinedSection = HighlightVideoCombinedSection; exports.ViewToggle = ViewToggle; exports.YouTubeEmbed = YouTubeEmbed; exports.extractYouTubeId = extractYouTubeId; exports.PolicyConfigurationPanel = PolicyConfigurationPanel; exports.PhoneInput = PhoneInput; exports.WaitlistForm = WaitlistForm; exports.NotificationsProvider = NotificationsProvider; exports.useNotifications = useNotifications; exports.useOptionalNotifications = useOptionalNotifications; exports.Drawer = Drawer; exports.DrawerTrigger = DrawerTrigger; exports.DrawerClose = DrawerClose; exports.DrawerPortal = DrawerPortal; exports.DrawerOverlay = DrawerOverlay; exports.DrawerContent = DrawerContent; exports.DrawerHeader = DrawerHeader; exports.DrawerTitle = DrawerTitle; exports.DrawerDescription = DrawerDescription; exports.DrawerBody = DrawerBody; exports.DrawerFooter = DrawerFooter; exports.Switch = Switch; exports.NotificationTile = NotificationTile; exports.NotificationDrawer = NotificationDrawer; exports.BoardColumnHeader = BoardColumnHeader; exports.tintOnDark = tintOnDark; exports.TicketCard = TicketCard; exports.TicketCardSkeleton = TicketCardSkeleton; exports.BoardColumn = BoardColumn; exports.useBoardCollapse = useBoardCollapse; exports.Board = Board; exports.columnFromTicketStatus = columnFromTicketStatus; exports.groupTicketsByStatus = groupTicketsByStatus; exports.Header = Header; exports.HeaderSkeleton = HeaderSkeleton; exports.ClientOnlyHeader = ClientOnlyHeader; exports.MobileNavPanel = MobileNavPanel; exports.SlidingSidebar = SlidingSidebar; exports.StickySectionNav = StickySectionNav; exports.useSectionNavigation = useSectionNavigation; exports.NavigationSidebar = NavigationSidebar; exports.HeaderButton = HeaderButton; exports.HeaderGlobalSearch = HeaderGlobalSearch; exports.HeaderOrganizationFilter = HeaderOrganizationFilter; exports.AppHeader = AppHeader; exports.MobileBurgerMenu = MobileBurgerMenu; exports.AppLayout = AppLayout; exports.SoftwareInfo = SoftwareInfo; exports.SoftwareSourceBadge = SoftwareSourceBadge; exports.CveLink = CveLink; exports.ToolBadge = ToolBadge; exports.ShellTypeBadge = ShellTypeBadge; exports.ScriptInfoSection = ScriptInfoSection; exports.ScriptArguments = ScriptArguments; exports.AnnouncementBar = AnnouncementBar; exports.VendorIcon = VendorIcon; exports.CategoriesCart = CategoriesCart; exports.CategoryCard = CategoryCard; exports.VendorDisplayButton = VendorDisplayButton; exports.setRealAuthHook = setRealAuthHook; exports.useAuth = useAuth; exports.AuthProvider = AuthProvider; exports.CommentCard = CommentCard; exports.ContentLoadingContainer = ContentLoadingContainer; exports.useContentLoading = useContentLoading; exports.DynamicSkeleton = DynamicSkeleton; exports.SkeletonPresets = SkeletonPresets; exports.PlatformSkeletonContainer = PlatformSkeletonContainer; exports.ProgressiveSkeleton = ProgressiveSkeleton; exports.EmptyState = EmptyState2; exports.ChevronButton = ChevronButton; exports.FaqAccordion = FaqAccordion; exports.FilterChip = FilterChip; exports.SocialIconRow = SocialIconRow; exports.Footer = Footer; exports.useUnifiedFiltering = useUnifiedFiltering; exports.vendorFilterConfig = vendorFilterConfig; exports.blogFilterConfig = blogFilterConfig; exports.Pagination = Pagination; exports.PaginationContent = PaginationContent; exports.PaginationItem = PaginationItem; exports.PaginationLink = PaginationLink; exports.PaginationEllipsis = PaginationEllipsis; exports.PaginationPrevious = PaginationPrevious; exports.PaginationNext = PaginationNext; exports.UnifiedPagination = UnifiedPagination; exports.FooterWaitlistButton = FooterWaitlistButton; exports.HeroImageUploader = HeroImageUploader; exports.ResponsiveIconsBlock = ResponsiveIconsBlock; exports.Slider = Slider; exports.ImageCropper = ImageCropper; exports.MediaCarousel = MediaCarousel; exports.MetricValue = MetricValue; exports.MSPDisplay = MSPDisplay; exports.PersistentFilterControls = PersistentFilterControls; exports.PersistentSearchContainer = PersistentSearchContainer; exports.PersistentSidebar = PersistentSidebar; exports.PersistentMobileDropdown = PersistentMobileDropdown; exports.PersistentPagination = PersistentPagination; exports.usePaginationLoading = usePaginationLoading; exports.PersistentPaginationWrapper = PersistentPaginationWrapper; exports.PRICING_STYLES = PRICING_STYLES; exports.PricingDisplay = PricingDisplay; exports.formatPricingForDisplay = formatPricingForDisplay; exports.ResultsCount = ResultsCount; exports.VendorTag = VendorTag; exports.SelectionSourceBadge = SelectionSourceBadge; exports.UserDisplay = UserDisplay; exports.UnifiedSkeleton = UnifiedSkeleton; exports.TextSkeleton = TextSkeleton; exports.InteractiveSkeleton = InteractiveSkeleton; exports.MediaSkeleton = MediaSkeleton; exports.CardSkeleton = CardSkeleton; exports.CardSkeletonGrid = CardSkeletonGrid; exports.AnnouncementBarSkeleton = AnnouncementBarSkeleton; exports.HeroSkeleton = HeroSkeleton; exports.SearchContainerSkeleton = SearchContainerSkeleton; exports.CategorySidebarSkeleton = CategorySidebarSkeleton; exports.BreadcrumbSkeleton = BreadcrumbSkeleton; exports.ResultsHeaderSkeleton = ResultsHeaderSkeleton; exports.TwoColumnLayoutSkeleton = TwoColumnLayoutSkeleton; exports.ArticleLayoutSkeleton = ArticleLayoutSkeleton; exports.VendorDetailLayoutSkeleton = VendorDetailLayoutSkeleton; exports.StatsSectionSkeleton = StatsSectionSkeleton; exports.BlogCardGridSkeleton = BlogCardGridSkeleton; exports.VendorGridSkeleton = VendorGridSkeleton; exports.SlackCommunitySkeleton = SlackCommunitySkeleton; exports.ParagraphSkeleton = ParagraphSkeleton; exports.ListSkeleton = ListSkeleton; exports.TableSkeleton = TableSkeleton; exports.FormSkeleton = FormSkeleton; exports.NavigationSkeleton = NavigationSkeleton; exports.ProfileSkeleton = ProfileSkeleton; exports.CommentSkeleton = CommentSkeleton; exports.FeatureListSkeleton = FeatureListSkeleton; exports.TimelineSkeleton = TimelineSkeleton; exports.PricingSkeleton = PricingSkeleton; exports.ProfileLoadingSkeleton = ProfileLoadingSkeleton; exports.MspProfileFormSkeleton = MspProfileFormSkeleton; exports.CategoryCardSkeleton = CategoryCardSkeleton; exports.CategoryVendorSelectorSkeleton = CategoryVendorSelectorSkeleton; exports.WizardLayoutSkeleton = WizardLayoutSkeleton; exports.MarginReportSkeleton = MarginReportSkeleton; exports.UsersGridSkeleton = UsersGridSkeleton; exports.OrganizationIconSkeleton = OrganizationIconSkeleton; exports.OrganizationCardSkeleton = OrganizationCardSkeleton; exports.OrganizationCardSkeletonGrid = OrganizationCardSkeletonGrid; exports.DeviceCardSkeleton = DeviceCardSkeleton; exports.DeviceCardSkeletonGrid = DeviceCardSkeletonGrid; exports.VendorPageSkeleton = VendorPageSkeleton; exports.CheckIcon = CheckIcon2; exports.XIcon = XIcon; exports.MinusIcon = MinusIcon; exports.CheckCircleIcon = CheckCircleIcon3; exports.XCircleIcon = XCircleIcon; exports.YesNoDisplay = YesNoDisplay; exports.evaluateFeatureValue = evaluateFeatureValue; exports.MadeWithLove = MadeWithLove; exports.DateTimePicker = DateTimePicker; exports.InteractiveCard = InteractiveCard; exports.OnboardingStepCard = OnboardingStepCard; exports.OnboardingWalkthrough = OnboardingWalkthrough; exports.ProductReleaseCard = ProductReleaseCard; exports.ProductReleaseCardSkeleton = ProductReleaseCardSkeleton; exports.PageShell = PageShell; exports.ArticleDetailLayout = ArticleDetailLayout; exports.ReleaseChangelogSection = ReleaseChangelogSection; exports.ImageGalleryModal = ImageGalleryModal; exports.ActionsMenu = ActionsMenu; exports.ActionsMenuDropdown = ActionsMenuDropdown; exports.PageActions = PageActions; exports.usePageActionsBottomPadding = usePageActionsBottomPadding; exports.PageContainer = PageContainer; exports.ListPageContainer = ListPageContainer; exports.DetailPageContainer = DetailPageContainer; exports.FormPageContainer = FormPageContainer; exports.ContentPageContainer = ContentPageContainer; exports.DetailPageSkeleton = DetailPageSkeleton; exports.ReleaseDetailPage = ReleaseDetailPage; exports.ReleaseDetailSkeleton = ReleaseDetailSkeleton; exports.InfoCard = InfoCard; exports.InfoRow = InfoRow; exports.InputTrigger = InputTrigger; exports.MediaTypeSelector = MediaTypeSelector; exports.PageLoader = PageLoader; exports.CompactPageLoader = CompactPageLoader; exports.ProgressBar = ProgressBar; exports.RadioGroup = RadioGroup; exports.RadioGroupItem = RadioGroupItem; exports.RadioGroupBlock = RadioGroupBlock; exports.TagsInput = TagsInput; exports.TagsManager = TagsManager; exports.AlertDialog = AlertDialog; exports.AlertDialogTrigger = AlertDialogTrigger; exports.AlertDialogPortal = AlertDialogPortal; exports.AlertDialogOverlay = AlertDialogOverlay; exports.AlertDialogContent = AlertDialogContent; exports.AlertDialogHeader = AlertDialogHeader; exports.AlertDialogFooter = AlertDialogFooter; exports.AlertDialogTitle = AlertDialogTitle; exports.AlertDialogDescription = AlertDialogDescription; exports.AlertDialogAction = AlertDialogAction; exports.AlertDialogCancel = AlertDialogCancel; exports.AspectRatio = AspectRatio; exports.Dialog = Dialog; exports.DialogTrigger = DialogTrigger; exports.DialogPortal = DialogPortal; exports.DialogClose = DialogClose; exports.DialogOverlay = DialogOverlay; exports.DialogContent = DialogContent; exports.DialogHeader = DialogHeader; exports.DialogFooter = DialogFooter; exports.DialogTitle = DialogTitle; exports.DialogDescription = DialogDescription; exports.Modal = Modal; exports.ModalContent = ModalContent; exports.ModalHeader = ModalHeader; exports.ModalTitle = ModalTitle; exports.ModalFooter = ModalFooter; exports.Modal2 = Modal2; exports.ModalContent2 = ModalContent2; exports.ModalHeader2 = ModalHeader2; exports.ModalTitle2 = ModalTitle2; exports.ModalFooter2 = ModalFooter2; exports.Separator = Separator2; exports.Sheet = Sheet; exports.SheetTrigger = SheetTrigger; exports.SheetClose = SheetClose; exports.SheetPortal = SheetPortal; exports.SheetOverlay = SheetOverlay; exports.SheetContent = SheetContent; exports.SheetHeader = SheetHeader; exports.SheetFooter = SheetFooter; exports.SheetTitle = SheetTitle; exports.SheetDescription = SheetDescription; exports.Tabs = Tabs; exports.TabsList = TabsList; exports.TabsTrigger = TabsTrigger; exports.TabsContent = TabsContent; exports.Accordion = Accordion; exports.AccordionItem = AccordionItem; exports.AccordionTrigger = AccordionTrigger; exports.AccordionContent = AccordionContent; exports.Breadcrumb = Breadcrumb; exports.BreadcrumbList = BreadcrumbList; exports.BreadcrumbItem = BreadcrumbItem; exports.BreadcrumbLink = BreadcrumbLink; exports.BreadcrumbPage = BreadcrumbPage; exports.BreadcrumbSeparator = BreadcrumbSeparator; exports.BreadcrumbEllipsis = BreadcrumbEllipsis; exports.MenubarMenu = MenubarMenu; exports.MenubarGroup = MenubarGroup; exports.MenubarPortal = MenubarPortal; exports.MenubarSub = MenubarSub; exports.MenubarRadioGroup = MenubarRadioGroup; exports.Menubar = Menubar; exports.MenubarTrigger = MenubarTrigger; exports.MenubarSubTrigger = MenubarSubTrigger; exports.MenubarSubContent = MenubarSubContent; exports.MenubarContent = MenubarContent; exports.MenubarItem = MenubarItem; exports.MenubarCheckboxItem = MenubarCheckboxItem; exports.MenubarRadioItem = MenubarRadioItem; exports.MenubarLabel = MenubarLabel; exports.MenubarSeparator = MenubarSeparator; exports.MenubarShortcut = MenubarShortcut; exports.NavigationMenu = NavigationMenu; exports.NavigationMenuList = NavigationMenuList; exports.NavigationMenuItem = NavigationMenuItem; exports.navigationMenuTriggerStyle = navigationMenuTriggerStyle; exports.NavigationMenuTrigger = NavigationMenuTrigger; exports.NavigationMenuContent = NavigationMenuContent; exports.NavigationMenuLink = NavigationMenuLink; exports.NavigationMenuViewport = NavigationMenuViewport; exports.NavigationMenuIndicator = NavigationMenuIndicator; exports.TabContent = TabContent; exports.TabNavigation = TabNavigation; exports.getTabById = getTabById; exports.getTabComponent = getTabComponent; exports.Alert = Alert; exports.AlertTitle = AlertTitle; exports.AlertDescription = AlertDescription; exports.StatusIndicator = StatusIndicator; exports.FilterCheckboxItem = FilterCheckboxItem; exports.TagKeyValueFilter = TagKeyValueFilter; exports.FilterModal = FilterModal; exports.ListPageLayout = ListPageLayout; exports.TitleBlock = TitleBlock; exports.PageLayout = PageLayout; exports.toggleVariants = toggleVariants; exports.Toggle = Toggle; exports.ToggleGroup = ToggleGroup; exports.ToggleGroupItem = ToggleGroupItem; exports.BenefitCard = BenefitCard; exports.BenefitCardGrid = BenefitCardGrid; exports.BrandAssociationCard = BrandAssociationCard; exports.BrandAssociationGrid = BrandAssociationGrid; exports.BulletList = BulletList; exports.CircularProgress = CircularProgress; exports.FloatingTooltip = FloatingTooltip; exports.DashboardInfoCard = DashboardInfoCard; exports.DeviceCard = DeviceCard; exports.DeviceCardCompact = DeviceCardCompact; exports.FeatureCardGrid = FeatureCardGrid; exports.FeatureList = FeatureList; exports.HighlightCard = HighlightCard; exports.HighlightCardGrid = HighlightCardGrid; exports.IconsBlock = IconsBlock; exports.MoreActionsMenu = MoreActionsMenu; exports.DropdownButton = DropdownButton; exports.OrganizationCard = OrganizationCard; exports.ServiceCard = ServiceCard; exports.TabSelector = TabSelector; exports.TitleContentBlock = TitleContentBlock; exports.TooltipProvider = TooltipProvider; exports.Tooltip = Tooltip; exports.TooltipTrigger = TooltipTrigger; exports.TooltipContent = TooltipContent; exports.ErrorState = ErrorState; exports.PageError = PageError; exports.LoadError = LoadError; exports.NotFoundError = NotFoundError; exports.ContentLoader = ContentLoader; exports.CardLoader = CardLoader; exports.FormLoader = FormLoader; exports.DetailLoader = DetailLoader; exports.ListLoader = ListLoader; exports.CursorPagination = CursorPagination; exports.CursorPaginationSimple = CursorPaginationSimple; exports.TableEmptyState = TableEmptyState; exports.TableHeader = TableHeader; exports.TableCell = TableCell; exports.TableCardSkeleton = TableCardSkeleton; exports.TableRow = TableRow; exports.Table = Table; exports.TableDescriptionCell = TableDescriptionCell; exports.TableTimestampCell = TableTimestampCell; exports.QueryReportTableHeader = QueryReportTableHeader; exports.QueryReportTableRow = QueryReportTableRow; exports.QueryReportTableSkeleton = QueryReportTableSkeleton; exports.deriveColumns = deriveColumns; exports.exportToCSV = exportToCSV; exports.QueryReportTable = QueryReportTable; exports.useDataTableContext = useDataTableContext; exports.DataTableRoot = DataTableRoot; exports.getHideClasses = getHideClasses2; exports.alignJustify = alignJustify; exports.multiSelectFilterFn = multiSelectFilterFn; exports.DataTableHeader = DataTableHeader; exports.DataTableEmpty = DataTableEmpty; exports.ROW_HEIGHT_DESKTOP = ROW_HEIGHT_DESKTOP2; exports.ROW_HEIGHT_MOBILE = ROW_HEIGHT_MOBILE2; exports.DataTableSkeleton = DataTableSkeleton; exports.DataTableRow = DataTableRow; exports.DataTableBody = DataTableBody; exports.DataTableInfiniteFooter = DataTableInfiniteFooter; exports.DataTableCursorFooter = DataTableCursorFooter; exports.DataTableRowCount = DataTableRowCount; exports.useDataTable = useDataTable; exports.DataTable = DataTable; exports.flexRender = _reacttable.flexRender; exports.createColumnHelper = _reacttable.createColumnHelper; exports.getCoreRowModel = _reacttable.getCoreRowModel; exports.getExpandedRowModel = _reacttable.getExpandedRowModel; exports.getFacetedRowModel = _reacttable.getFacetedRowModel; exports.getFacetedUniqueValues = _reacttable.getFacetedUniqueValues; exports.getFilteredRowModel = _reacttable.getFilteredRowModel; exports.getGroupedRowModel = _reacttable.getGroupedRowModel; exports.getPaginationRowModel = _reacttable.getPaginationRowModel; exports.getSortedRowModel = _reacttable.getSortedRowModel; exports.SearchInput = SearchInput; exports.FilterListItem = FilterListItem; exports.FilterList = FilterList; exports.TagSearchInput = TagSearchInput; exports.MarkdownEditor = MarkdownEditor; exports.FileUpload = FileUpload; exports.ImageUploader = ImageUploader; exports.AssigneeDropdown = AssigneeDropdown; exports.TicketDetailSection = TicketDetailSection; exports.TicketAttachmentsList = TicketAttachmentsList; exports.TicketKnowledgeBaseList = TicketKnowledgeBaseList; exports.TicketNoteCard = TicketNoteCard; exports.TicketNotesSection = TicketNotesSection; exports.TicketInfoSection = TicketInfoSection; exports.LOG_SEVERITY_COLORS = LOG_SEVERITY_COLORS; exports.LOG_SEVERITY_LABELS = LOG_SEVERITY_LABELS; exports.LogSeverityDot = LogSeverityDot; exports.LogsList = LogsList; exports.AVAILABLE_SVG_ICONS = AVAILABLE_SVG_ICONS; exports.releaseTypeOptions = releaseTypeOptions; exports.releaseStatusOptions = releaseStatusOptions; exports.changelogLabels = changelogLabels; exports.SEMVER_REGEX = SEMVER_REGEX; exports.TMCG_ROLES = TMCG_ROLES; exports.TMCG_ROLE_DISPLAY_NAMES = TMCG_ROLE_DISPLAY_NAMES; exports.TMCG_SOCIAL_PLATFORMS = TMCG_SOCIAL_PLATFORMS; exports.assets = assets;
-//# sourceMappingURL=chunk-L4T24AN4.cjs.map
+
+
+
+
+
+
+
+
+exports.Label = Label; exports.AllowedDomainsInput = AllowedDomainsInput; exports.HiddenTagsPopup = HiddenTagsPopup; exports.tagVariants = tagVariants; exports.Tag = Tag; exports.Autocomplete = Autocomplete; exports.Card = Card; exports.CardHeader = CardHeader; exports.CardTitle = CardTitle; exports.CardDescription = CardDescription; exports.CardContent = CardContent; exports.CardFooter = CardFooter; exports.CardHorizontal = CardHorizontal; exports.CheckboxBlock = CheckboxBlock; exports.CheckboxWithDescription = CheckboxWithDescription; exports.Select = Select; exports.SelectGroup = SelectGroup; exports.SelectValue = SelectValue; exports.SelectTrigger = SelectTrigger; exports.SelectScrollUpButton = SelectScrollUpButton; exports.SelectScrollDownButton = SelectScrollDownButton; exports.SelectContent = SelectContent; exports.SelectLabel = SelectLabel; exports.SelectItem = SelectItem; exports.SelectSeparator = SelectSeparator; exports.DatePicker = DatePicker; exports.DatePickerInput = DatePickerInput; exports.DatePickerInputSimple = DatePickerInputSimple; exports.getPlatformAccentColor = getPlatformAccentColor; exports.getCurrentPlatform = getCurrentPlatform; exports.delay = delay; exports.generateRandomString = generateRandomString; exports.truncateString = truncateString; exports.deepClone = deepClone; exports.getSlackCommunityJoinUrl = getSlackCommunityJoinUrl; exports.OS_PLATFORMS = OS_PLATFORMS; exports.DEFAULT_OS_PLATFORM = DEFAULT_OS_PLATFORM; exports.validateAccessCode = validateAccessCode; exports.consumeAccessCode = consumeAccessCode; exports.validateAndConsumeAccessCode = validateAndConsumeAccessCode; exports.useAccessCodeIntegration = useAccessCodeIntegration; exports.isValidEmailDomain = isValidEmailDomain; exports.validateEmailDomain = validateEmailDomain; exports.validateEmailDomainList = validateEmailDomainList; exports.cleanEmailDomain = cleanEmailDomain; exports.getConfidenceColorClass = getConfidenceColorClass; exports.getConfidenceLevel = getConfidenceLevel; exports.getConfidenceBorderClass = getConfidenceBorderClass; exports.getConfidenceTextClass = getConfidenceTextClass; exports.getConfidenceBgClass = getConfidenceBgClass; exports.getConfidenceLabel = getConfidenceLabel; exports.formatReleaseDate = formatReleaseDate; exports.formatRelativeTime = formatRelativeTime; exports.getDynamicIcon = getDynamicIcon; exports.normalizeToolType = normalizeToolType; exports.normalizeToolTypeWithFallback = normalizeToolTypeWithFallback; exports.toToolLabel = toToolLabel; exports.isValidToolType = isValidToolType; exports.getToolTypeAliases = getToolTypeAliases; exports.getToolLabel = getToolLabel; exports.ShellTypeValues = ShellTypeValues; exports.SHELL_TYPES = SHELL_TYPES; exports.shellLabels = shellLabels; exports.getShellLabel = getShellLabel; exports.getShellIcon = getShellIcon; exports.OSTypeValues = OSTypeValues; exports.OS_TYPES = OS_TYPES; exports.osLabels = osLabels; exports.normalizeOSType = normalizeOSType; exports.getOSLabel = getOSLabel; exports.getOSIcon = getOSIcon; exports.getOSTypeDefinition = getOSTypeDefinition; exports.getOSPlatformId = getOSPlatformId; exports.isOSPlatform = isOSPlatform; exports.getCountryPhoneData = getCountryPhoneData; exports.getCountryByCode = getCountryByCode; exports.validatePhoneNumber = validatePhoneNumber; exports.formatPhoneE164 = formatPhoneE164; exports.GENERIC_EMAIL_DOMAINS = GENERIC_EMAIL_DOMAINS; exports.extractDomainFromEmail = extractDomainFromEmail; exports.normalizeDomain = normalizeDomain; exports.isGenericDomain = isGenericDomain; exports.hasGenericEmailDomain = hasGenericEmailDomain; exports.isGenericWebsiteDomain = isGenericWebsiteDomain; exports.ApprovalRequestMessage = ApprovalRequestMessage; exports.PulseDots = PulseDots; exports.ExpandChevron = ExpandChevron; exports.useCollapsible = useCollapsible; exports.getCommandText = getCommandText; exports.ArgRow = ArgRow; exports.ResultBlock = ResultBlock; exports.ApprovalBatchMessage = ApprovalBatchMessage; exports.ContextCompactionDisplay = ContextCompactionDisplay; exports.SimpleMarkdownRenderer = SimpleMarkdownRenderer; exports.ThinkingDisplay = ThinkingDisplay; exports.ErrorMessageDisplay = ErrorMessageDisplay; exports.SquareAvatar = SquareAvatar; exports.resolveTicketStatus = resolveTicketStatus; exports.getTicketStatusConfig = getTicketStatusConfig; exports.getTicketStatusTag = getTicketStatusTag; exports.TicketStatusTag = TicketStatusTag; exports.ChatContainer = ChatContainer; exports.ChatHeader = ChatHeader; exports.ChatContent = ChatContent; exports.ChatFooter = ChatFooter; exports.Textarea = Textarea; exports.ChatTypingIndicator = ChatTypingIndicator; exports.SlashCommandSuggestions = SlashCommandSuggestions; exports.ChatInput = ChatInput; exports.ToolExecutionDisplay = ToolExecutionDisplay; exports.remarkCardLinks = remarkCardLinks; exports.MemoizedChatMessageEnhanced = MemoizedChatMessageEnhanced; exports.ChatMessageListLoader = ChatMessageListLoader; exports.useDelayedFlag = useDelayedFlag; exports.ChatMessageList = ChatMessageList; exports.ChatQuickAction = ChatQuickAction; exports.ChatTicketItem = ChatTicketItem; exports.ChatTicketList = ChatTicketList; exports.HoverCard = HoverCard; exports.HoverCardTrigger = HoverCardTrigger; exports.HoverCardContent = HoverCardContent; exports.ModelDisplay = ModelDisplay; exports.DialogListItem = DialogListItem; exports.ChatSidebar = ChatSidebar; exports.CHAT_TYPE = CHAT_TYPE; exports.OWNER_TYPE = OWNER_TYPE; exports.MESSAGE_ROLE = MESSAGE_ROLE; exports.ASSISTANT_TYPE = ASSISTANT_TYPE; exports.AUTHOR_TYPE = AUTHOR_TYPE; exports.APPROVAL_STATUS = APPROVAL_STATUS; exports.CONNECTION_STATUS = CONNECTION_STATUS; exports.MESSAGE_TYPE = MESSAGE_TYPE; exports.NETWORK_CONFIG = NETWORK_CONFIG; exports.useChunkCatchup = useChunkCatchup; exports.useNatsDialogSubscription = useNatsDialogSubscription; exports.buildNatsWsUrl = buildNatsWsUrl; exports.parseChunkToAction = parseChunkToAction; exports.isControlChunk = isControlChunk; exports.isErrorChunk = isErrorChunk; exports.isMetadataChunk = isMetadataChunk; exports.extractTextFromChunk = extractTextFromChunk; exports.MessageSegmentAccumulator = MessageSegmentAccumulator; exports.createMessageSegmentAccumulator = createMessageSegmentAccumulator; exports.useRealtimeChunkProcessor = useRealtimeChunkProcessor; exports.processHistoricalMessages = processHistoricalMessages; exports.extractErrorMessages = extractErrorMessages; exports.processHistoricalMessagesWithErrors = processHistoricalMessagesWithErrors; exports.extractIncompleteMessageState = extractIncompleteMessageState; exports.DynamicThemeProvider = DynamicThemeProvider; exports.useDynamicTheme = useDynamicTheme; exports.ArrayEntryManager = ArrayEntryManager; exports.ProviderButton = ProviderButton; exports.AuthProvidersList = AuthProvidersList; exports.ChangelogManager = ChangelogManager; exports.ChangelogSectionsManager = ChangelogSectionsManager; exports.ClickUpTasksManager = ClickUpTasksManager; exports.CommandBox = CommandBox; exports.ErrorBoundary = ErrorBoundary; exports.badgeVariants = badgeVariants; exports.Badge = Badge; exports.statusBadgeVariants = statusBadgeVariants; exports.StatusBadge = StatusBadge; exports.SectionSelector = SectionSelector; exports.FigmaPrototypeViewer = FigmaPrototypeViewer; exports.FiltersDropdown = FiltersDropdown; exports.useFiltersDropdown = useFiltersDropdown; exports.GitHubReleasesManager = GitHubReleasesManager; exports.KnowledgeBaseLinksManager = KnowledgeBaseLinksManager; exports.Progress = Progress; exports.LoadingProvider = LoadingProvider; exports.useLoading = useLoading; exports.MediaGalleryManager = MediaGalleryManager; exports.MoreAboutButton = MoreAboutButton; exports.OrganizationIcon = OrganizationIcon; exports.OSTypeBadge = OSTypeBadge; exports.OSTypeIcon = OSTypeIcon; exports.OSTypeLabel = OSTypeLabel; exports.OSTypeBadgeGroup = OSTypeBadgeGroup; exports.ParallaxImageShowcase = ParallaxImageShowcase; exports.PathsDisplay = PathsDisplay; exports.OPENFRAME_PATHS = OPENFRAME_PATHS; exports.getOpenFramePaths = getOpenFramePaths; exports.PlatformBadge = PlatformBadge; exports.PlatformFilterComponent = PlatformFilterComponent; exports.PushButtonSelector = PushButtonSelector; exports.ReleaseMediaManager = ReleaseMediaManager; exports.SelectButton = SelectButton; exports.SEOEditorPreview = SEOEditorPreview; exports.SocialLinksManager = SocialLinksManager; exports.StartWithOpenFrameButton = StartWithOpenFrameButton; exports.StatusFilterComponent = StatusFilterComponent; exports.TagsSelector = TagsSelector; exports.extractYouTubeId = extractYouTubeId; exports.Video = Video2; exports.Tabs = Tabs; exports.TabsList = TabsList; exports.TabsTrigger = TabsTrigger; exports.TabsContent = TabsContent; exports.RATIO_GRID_CLASS = RATIO_GRID_CLASS; exports.RATIO_DISPLAY_GRID_CLASS = RATIO_DISPLAY_GRID_CLASS; exports.RatioTabs = RatioTabs; exports.detectAspectRatio = detectAspectRatio; exports.ratioToCategory = ratioToCategory; exports.groupByAspectRatio = groupByAspectRatio; exports.VideoBitesDisplay = VideoBitesDisplay; exports.VideoBiteCard = VideoBiteCard; exports.EntityVideoSection = EntityVideoSection; exports.VideoSourceSelector = VideoSourceSelector; exports.ConfidenceBadge = ConfidenceBadge; exports.TranscriptSummaryEditor = TranscriptSummaryEditor; exports.AIEnrichButton = AIEnrichButton; exports.AIWarningsSection = AIWarningsSection; exports.AIEnrichSection = AIEnrichSection; exports.HighlightVideoSection = HighlightVideoSection; exports.HighlightConfigSection = HighlightConfigSection; exports.EntitySummaryEditor = EntitySummaryEditor; exports.AIStatusIndicator = AIStatusIndicator; exports.AIRequiredBadge = AIRequiredBadge; exports.TranscribeSummarizeSection = TranscribeSummarizeSection; exports.VideoClipsSection = VideoClipsSection; exports.HighlightGenerationSection = HighlightGenerationSection; exports.HighlightVideoPreview = HighlightVideoPreview; exports.TranscribeAndSummarizeCombinedSection = TranscribeAndSummarizeCombinedSection; exports.HighlightVideoCombinedSection = HighlightVideoCombinedSection; exports.ViewToggle = ViewToggle; exports.PolicyConfigurationPanel = PolicyConfigurationPanel; exports.PhoneInput = PhoneInput; exports.WaitlistForm = WaitlistForm; exports.NotificationsProvider = NotificationsProvider; exports.useNotifications = useNotifications; exports.useOptionalNotifications = useOptionalNotifications; exports.Drawer = Drawer; exports.DrawerTrigger = DrawerTrigger; exports.DrawerClose = DrawerClose; exports.DrawerPortal = DrawerPortal; exports.DrawerOverlay = DrawerOverlay; exports.DrawerContent = DrawerContent; exports.DrawerHeader = DrawerHeader; exports.DrawerTitle = DrawerTitle; exports.DrawerDescription = DrawerDescription; exports.DrawerBody = DrawerBody; exports.DrawerFooter = DrawerFooter; exports.Switch = Switch; exports.NotificationTile = NotificationTile; exports.NotificationDrawer = NotificationDrawer; exports.BoardColumnHeader = BoardColumnHeader; exports.tintOnDark = tintOnDark; exports.TicketCard = TicketCard; exports.TicketCardSkeleton = TicketCardSkeleton; exports.BoardColumn = BoardColumn; exports.useBoardCollapse = useBoardCollapse; exports.Board = Board; exports.columnFromTicketStatus = columnFromTicketStatus; exports.groupTicketsByStatus = groupTicketsByStatus; exports.Header = Header; exports.HeaderSkeleton = HeaderSkeleton; exports.ClientOnlyHeader = ClientOnlyHeader; exports.MobileNavPanel = MobileNavPanel; exports.SlidingSidebar = SlidingSidebar; exports.StickySectionNav = StickySectionNav; exports.useSectionNavigation = useSectionNavigation; exports.NavigationSidebar = NavigationSidebar; exports.HeaderButton = HeaderButton; exports.HeaderGlobalSearch = HeaderGlobalSearch; exports.HeaderOrganizationFilter = HeaderOrganizationFilter; exports.AppHeader = AppHeader; exports.MobileBurgerMenu = MobileBurgerMenu; exports.AppLayout = AppLayout; exports.SoftwareInfo = SoftwareInfo; exports.SoftwareSourceBadge = SoftwareSourceBadge; exports.CveLink = CveLink; exports.ToolBadge = ToolBadge; exports.ShellTypeBadge = ShellTypeBadge; exports.ScriptInfoSection = ScriptInfoSection; exports.ScriptArguments = ScriptArguments; exports.AnnouncementBar = AnnouncementBar; exports.VendorIcon = VendorIcon; exports.CategoriesCart = CategoriesCart; exports.CategoryCard = CategoryCard; exports.VendorDisplayButton = VendorDisplayButton; exports.setRealAuthHook = setRealAuthHook; exports.useAuth = useAuth; exports.AuthProvider = AuthProvider; exports.CommentCard = CommentCard; exports.ContentLoadingContainer = ContentLoadingContainer; exports.useContentLoading = useContentLoading; exports.DynamicSkeleton = DynamicSkeleton; exports.SkeletonPresets = SkeletonPresets; exports.PlatformSkeletonContainer = PlatformSkeletonContainer; exports.ProgressiveSkeleton = ProgressiveSkeleton; exports.EmptyState = EmptyState2; exports.ChevronButton = ChevronButton; exports.FaqAccordion = FaqAccordion; exports.FilterChip = FilterChip; exports.SocialIconRow = SocialIconRow; exports.Footer = Footer; exports.useUnifiedFiltering = useUnifiedFiltering; exports.vendorFilterConfig = vendorFilterConfig; exports.blogFilterConfig = blogFilterConfig; exports.Pagination = Pagination; exports.PaginationContent = PaginationContent; exports.PaginationItem = PaginationItem; exports.PaginationLink = PaginationLink; exports.PaginationEllipsis = PaginationEllipsis; exports.PaginationPrevious = PaginationPrevious; exports.PaginationNext = PaginationNext; exports.UnifiedPagination = UnifiedPagination; exports.FooterWaitlistButton = FooterWaitlistButton; exports.HeroImageUploader = HeroImageUploader; exports.ResponsiveIconsBlock = ResponsiveIconsBlock; exports.Slider = Slider; exports.ImageCropper = ImageCropper; exports.MediaCarousel = MediaCarousel; exports.MetricValue = MetricValue; exports.MSPDisplay = MSPDisplay; exports.PersistentFilterControls = PersistentFilterControls; exports.PersistentSearchContainer = PersistentSearchContainer; exports.PersistentSidebar = PersistentSidebar; exports.PersistentMobileDropdown = PersistentMobileDropdown; exports.PersistentPagination = PersistentPagination; exports.usePaginationLoading = usePaginationLoading; exports.PersistentPaginationWrapper = PersistentPaginationWrapper; exports.PRICING_STYLES = PRICING_STYLES; exports.PricingDisplay = PricingDisplay; exports.formatPricingForDisplay = formatPricingForDisplay; exports.ResultsCount = ResultsCount; exports.VendorTag = VendorTag; exports.SelectionSourceBadge = SelectionSourceBadge; exports.UserDisplay = UserDisplay; exports.UnifiedSkeleton = UnifiedSkeleton; exports.TextSkeleton = TextSkeleton; exports.InteractiveSkeleton = InteractiveSkeleton; exports.MediaSkeleton = MediaSkeleton; exports.CardSkeleton = CardSkeleton; exports.CardSkeletonGrid = CardSkeletonGrid; exports.AnnouncementBarSkeleton = AnnouncementBarSkeleton; exports.HeroSkeleton = HeroSkeleton; exports.SearchContainerSkeleton = SearchContainerSkeleton; exports.CategorySidebarSkeleton = CategorySidebarSkeleton; exports.BreadcrumbSkeleton = BreadcrumbSkeleton; exports.ResultsHeaderSkeleton = ResultsHeaderSkeleton; exports.TwoColumnLayoutSkeleton = TwoColumnLayoutSkeleton; exports.ArticleLayoutSkeleton = ArticleLayoutSkeleton; exports.VendorDetailLayoutSkeleton = VendorDetailLayoutSkeleton; exports.StatsSectionSkeleton = StatsSectionSkeleton; exports.BlogCardGridSkeleton = BlogCardGridSkeleton; exports.VendorGridSkeleton = VendorGridSkeleton; exports.SlackCommunitySkeleton = SlackCommunitySkeleton; exports.ParagraphSkeleton = ParagraphSkeleton; exports.ListSkeleton = ListSkeleton; exports.TableSkeleton = TableSkeleton; exports.FormSkeleton = FormSkeleton; exports.NavigationSkeleton = NavigationSkeleton; exports.ProfileSkeleton = ProfileSkeleton; exports.CommentSkeleton = CommentSkeleton; exports.FeatureListSkeleton = FeatureListSkeleton; exports.TimelineSkeleton = TimelineSkeleton; exports.PricingSkeleton = PricingSkeleton; exports.ProfileLoadingSkeleton = ProfileLoadingSkeleton; exports.MspProfileFormSkeleton = MspProfileFormSkeleton; exports.CategoryCardSkeleton = CategoryCardSkeleton; exports.CategoryVendorSelectorSkeleton = CategoryVendorSelectorSkeleton; exports.WizardLayoutSkeleton = WizardLayoutSkeleton; exports.MarginReportSkeleton = MarginReportSkeleton; exports.UsersGridSkeleton = UsersGridSkeleton; exports.OrganizationIconSkeleton = OrganizationIconSkeleton; exports.OrganizationCardSkeleton = OrganizationCardSkeleton; exports.OrganizationCardSkeletonGrid = OrganizationCardSkeletonGrid; exports.DeviceCardSkeleton = DeviceCardSkeleton; exports.DeviceCardSkeletonGrid = DeviceCardSkeletonGrid; exports.VendorPageSkeleton = VendorPageSkeleton; exports.CheckIcon = CheckIcon2; exports.XIcon = XIcon; exports.MinusIcon = MinusIcon; exports.CheckCircleIcon = CheckCircleIcon3; exports.XCircleIcon = XCircleIcon; exports.YesNoDisplay = YesNoDisplay; exports.evaluateFeatureValue = evaluateFeatureValue; exports.MadeWithLove = MadeWithLove; exports.DateTimePicker = DateTimePicker; exports.InteractiveCard = InteractiveCard; exports.OnboardingStepCard = OnboardingStepCard; exports.OnboardingWalkthrough = OnboardingWalkthrough; exports.ProductReleaseCard = ProductReleaseCard; exports.ProductReleaseCardSkeleton = ProductReleaseCardSkeleton; exports.PageShell = PageShell; exports.ArticleDetailLayout = ArticleDetailLayout; exports.ReleaseChangelogSection = ReleaseChangelogSection; exports.ImageGalleryModal = ImageGalleryModal; exports.ActionsMenu = ActionsMenu; exports.ActionsMenuDropdown = ActionsMenuDropdown; exports.PageActions = PageActions; exports.usePageActionsBottomPadding = usePageActionsBottomPadding; exports.PageContainer = PageContainer; exports.ListPageContainer = ListPageContainer; exports.DetailPageContainer = DetailPageContainer; exports.FormPageContainer = FormPageContainer; exports.ContentPageContainer = ContentPageContainer; exports.DetailPageSkeleton = DetailPageSkeleton; exports.ReleaseDetailPage = ReleaseDetailPage; exports.ReleaseDetailSkeleton = ReleaseDetailSkeleton; exports.InfoCard = InfoCard; exports.InfoRow = InfoRow; exports.InputTrigger = InputTrigger; exports.MediaTypeSelector = MediaTypeSelector; exports.PageLoader = PageLoader; exports.CompactPageLoader = CompactPageLoader; exports.ProgressBar = ProgressBar; exports.RadioGroup = RadioGroup; exports.RadioGroupItem = RadioGroupItem; exports.RadioGroupBlock = RadioGroupBlock; exports.TagsInput = TagsInput; exports.TagsManager = TagsManager; exports.AlertDialog = AlertDialog; exports.AlertDialogTrigger = AlertDialogTrigger; exports.AlertDialogPortal = AlertDialogPortal; exports.AlertDialogOverlay = AlertDialogOverlay; exports.AlertDialogContent = AlertDialogContent; exports.AlertDialogHeader = AlertDialogHeader; exports.AlertDialogFooter = AlertDialogFooter; exports.AlertDialogTitle = AlertDialogTitle; exports.AlertDialogDescription = AlertDialogDescription; exports.AlertDialogAction = AlertDialogAction; exports.AlertDialogCancel = AlertDialogCancel; exports.AspectRatio = AspectRatio; exports.Dialog = Dialog; exports.DialogTrigger = DialogTrigger; exports.DialogPortal = DialogPortal; exports.DialogClose = DialogClose; exports.DialogOverlay = DialogOverlay; exports.DialogContent = DialogContent; exports.DialogHeader = DialogHeader; exports.DialogFooter = DialogFooter; exports.DialogTitle = DialogTitle; exports.DialogDescription = DialogDescription; exports.Modal = Modal; exports.ModalContent = ModalContent; exports.ModalHeader = ModalHeader; exports.ModalTitle = ModalTitle; exports.ModalFooter = ModalFooter; exports.Modal2 = Modal2; exports.ModalContent2 = ModalContent2; exports.ModalHeader2 = ModalHeader2; exports.ModalTitle2 = ModalTitle2; exports.ModalFooter2 = ModalFooter2; exports.Separator = Separator2; exports.Sheet = Sheet; exports.SheetTrigger = SheetTrigger; exports.SheetClose = SheetClose; exports.SheetPortal = SheetPortal; exports.SheetOverlay = SheetOverlay; exports.SheetContent = SheetContent; exports.SheetHeader = SheetHeader; exports.SheetFooter = SheetFooter; exports.SheetTitle = SheetTitle; exports.SheetDescription = SheetDescription; exports.Accordion = Accordion; exports.AccordionItem = AccordionItem; exports.AccordionTrigger = AccordionTrigger; exports.AccordionContent = AccordionContent; exports.Breadcrumb = Breadcrumb; exports.BreadcrumbList = BreadcrumbList; exports.BreadcrumbItem = BreadcrumbItem; exports.BreadcrumbLink = BreadcrumbLink; exports.BreadcrumbPage = BreadcrumbPage; exports.BreadcrumbSeparator = BreadcrumbSeparator; exports.BreadcrumbEllipsis = BreadcrumbEllipsis; exports.MenubarMenu = MenubarMenu; exports.MenubarGroup = MenubarGroup; exports.MenubarPortal = MenubarPortal; exports.MenubarSub = MenubarSub; exports.MenubarRadioGroup = MenubarRadioGroup; exports.Menubar = Menubar; exports.MenubarTrigger = MenubarTrigger; exports.MenubarSubTrigger = MenubarSubTrigger; exports.MenubarSubContent = MenubarSubContent; exports.MenubarContent = MenubarContent; exports.MenubarItem = MenubarItem; exports.MenubarCheckboxItem = MenubarCheckboxItem; exports.MenubarRadioItem = MenubarRadioItem; exports.MenubarLabel = MenubarLabel; exports.MenubarSeparator = MenubarSeparator; exports.MenubarShortcut = MenubarShortcut; exports.NavigationMenu = NavigationMenu; exports.NavigationMenuList = NavigationMenuList; exports.NavigationMenuItem = NavigationMenuItem; exports.navigationMenuTriggerStyle = navigationMenuTriggerStyle; exports.NavigationMenuTrigger = NavigationMenuTrigger; exports.NavigationMenuContent = NavigationMenuContent; exports.NavigationMenuLink = NavigationMenuLink; exports.NavigationMenuViewport = NavigationMenuViewport; exports.NavigationMenuIndicator = NavigationMenuIndicator; exports.TabContent = TabContent; exports.TabNavigation = TabNavigation; exports.getTabById = getTabById; exports.getTabComponent = getTabComponent; exports.Alert = Alert; exports.AlertTitle = AlertTitle; exports.AlertDescription = AlertDescription; exports.StatusIndicator = StatusIndicator; exports.FilterCheckboxItem = FilterCheckboxItem; exports.TagKeyValueFilter = TagKeyValueFilter; exports.FilterModal = FilterModal; exports.ListPageLayout = ListPageLayout; exports.TitleBlock = TitleBlock; exports.PageLayout = PageLayout; exports.toggleVariants = toggleVariants; exports.Toggle = Toggle; exports.ToggleGroup = ToggleGroup; exports.ToggleGroupItem = ToggleGroupItem; exports.BenefitCard = BenefitCard; exports.BenefitCardGrid = BenefitCardGrid; exports.BrandAssociationCard = BrandAssociationCard; exports.BrandAssociationGrid = BrandAssociationGrid; exports.BulletList = BulletList; exports.CircularProgress = CircularProgress; exports.FloatingTooltip = FloatingTooltip; exports.DashboardInfoCard = DashboardInfoCard; exports.DeviceCard = DeviceCard; exports.DeviceCardCompact = DeviceCardCompact; exports.FeatureCardGrid = FeatureCardGrid; exports.FeatureList = FeatureList; exports.HighlightCard = HighlightCard; exports.HighlightCardGrid = HighlightCardGrid; exports.IconsBlock = IconsBlock; exports.MoreActionsMenu = MoreActionsMenu; exports.DropdownButton = DropdownButton; exports.OrganizationCard = OrganizationCard; exports.ServiceCard = ServiceCard; exports.TabSelector = TabSelector; exports.TitleContentBlock = TitleContentBlock; exports.TooltipProvider = TooltipProvider; exports.Tooltip = Tooltip; exports.TooltipTrigger = TooltipTrigger; exports.TooltipContent = TooltipContent; exports.ErrorState = ErrorState; exports.PageError = PageError; exports.LoadError = LoadError; exports.NotFoundError = NotFoundError; exports.ContentLoader = ContentLoader; exports.CardLoader = CardLoader; exports.FormLoader = FormLoader; exports.DetailLoader = DetailLoader; exports.ListLoader = ListLoader; exports.CursorPagination = CursorPagination; exports.CursorPaginationSimple = CursorPaginationSimple; exports.TableEmptyState = TableEmptyState; exports.TableHeader = TableHeader; exports.TableCell = TableCell; exports.TableCardSkeleton = TableCardSkeleton; exports.TableRow = TableRow; exports.Table = Table; exports.TableDescriptionCell = TableDescriptionCell; exports.TableTimestampCell = TableTimestampCell; exports.QueryReportTableHeader = QueryReportTableHeader; exports.QueryReportTableRow = QueryReportTableRow; exports.QueryReportTableSkeleton = QueryReportTableSkeleton; exports.deriveColumns = deriveColumns; exports.exportToCSV = exportToCSV; exports.QueryReportTable = QueryReportTable; exports.useDataTableContext = useDataTableContext; exports.DataTableRoot = DataTableRoot; exports.getHideClasses = getHideClasses2; exports.alignJustify = alignJustify; exports.multiSelectFilterFn = multiSelectFilterFn; exports.DataTableHeader = DataTableHeader; exports.DataTableEmpty = DataTableEmpty; exports.ROW_HEIGHT_DESKTOP = ROW_HEIGHT_DESKTOP2; exports.ROW_HEIGHT_MOBILE = ROW_HEIGHT_MOBILE2; exports.DataTableSkeleton = DataTableSkeleton; exports.DataTableRow = DataTableRow; exports.DataTableBody = DataTableBody; exports.DataTableInfiniteFooter = DataTableInfiniteFooter; exports.DataTableCursorFooter = DataTableCursorFooter; exports.DataTableRowCount = DataTableRowCount; exports.useDataTable = useDataTable; exports.DataTable = DataTable; exports.flexRender = _reacttable.flexRender; exports.createColumnHelper = _reacttable.createColumnHelper; exports.getCoreRowModel = _reacttable.getCoreRowModel; exports.getExpandedRowModel = _reacttable.getExpandedRowModel; exports.getFacetedRowModel = _reacttable.getFacetedRowModel; exports.getFacetedUniqueValues = _reacttable.getFacetedUniqueValues; exports.getFilteredRowModel = _reacttable.getFilteredRowModel; exports.getGroupedRowModel = _reacttable.getGroupedRowModel; exports.getPaginationRowModel = _reacttable.getPaginationRowModel; exports.getSortedRowModel = _reacttable.getSortedRowModel; exports.SearchInput = SearchInput; exports.FilterListItem = FilterListItem; exports.FilterList = FilterList; exports.TagSearchInput = TagSearchInput; exports.MarkdownEditor = MarkdownEditor; exports.FileUpload = FileUpload; exports.ImageUploader = ImageUploader; exports.AssigneeDropdown = AssigneeDropdown; exports.TicketDetailSection = TicketDetailSection; exports.TicketAttachmentsList = TicketAttachmentsList; exports.TicketKnowledgeBaseList = TicketKnowledgeBaseList; exports.TicketNoteCard = TicketNoteCard; exports.TicketNotesSection = TicketNotesSection; exports.TicketInfoSection = TicketInfoSection; exports.LOG_SEVERITY_COLORS = LOG_SEVERITY_COLORS; exports.LOG_SEVERITY_LABELS = LOG_SEVERITY_LABELS; exports.LogSeverityDot = LogSeverityDot; exports.LogsList = LogsList; exports.AVAILABLE_SVG_ICONS = AVAILABLE_SVG_ICONS; exports.releaseTypeOptions = releaseTypeOptions; exports.releaseStatusOptions = releaseStatusOptions; exports.changelogLabels = changelogLabels; exports.SEMVER_REGEX = SEMVER_REGEX; exports.TMCG_ROLES = TMCG_ROLES; exports.TMCG_ROLE_DISPLAY_NAMES = TMCG_ROLE_DISPLAY_NAMES; exports.TMCG_SOCIAL_PLATFORMS = TMCG_SOCIAL_PLATFORMS; exports.assets = assets;
+//# sourceMappingURL=chunk-4TM2SBMX.cjs.map