@flamingo-stack/openframe-frontend-core 0.0.272 → 0.0.273-snapshot.20260616084552

package/dist/components/index.js

@@ -7,7 +7,7 @@ import {
 import {
   GROUP_PAGE_SIZE,
   RelatedContentSection
-} from "../chunk-UQCB2CP7.js";
+} from "../chunk-VASNLWPZ.js";
 import {
   DeliveryRow,
   DevCardRowContent,
@@ -19,7 +19,7 @@ import {
   UnifiedPagination,
   init_unified_pagination,
   unified_pagination_exports
-} from "../chunk-4SNHFZQT.js";
+} from "../chunk-GL5X6VVC.js";
 import {
   ArticleAuthorByline,
   DetailPageSkeleton,
@@ -563,7 +563,6 @@ import {
   mergeHistoryWithRealtime,
   multiSelectFilterFn,
   navigationMenuTriggerStyle,
-  noDataActionInteractiveClasses,
   noDataActionsVariants,
   noDataIconClasses,
   normalizeContent,
@@ -616,7 +615,7 @@ import {
   useThemeToggle,
   useUnifiedChat,
   usesCanonicalStatusStyle
-} from "../chunk-VFMMVGA4.js";
+} from "../chunk-OPSZNW3I.js";
 import {
   CommandApprovalToast,
   ToastCard,
@@ -2703,14 +2702,14 @@ function HeroImageUploader({ imageUrl, onChange, uploadEndpoint, height = 300, o
     ] }) : /* @__PURE__ */ jsx17(
       "div",
       {
-        className: `w-full h-full border-2 border-dashed ${uploading ? "border-[#FFC008]" : "border-ods-border hover:border-[#FFC008]"} rounded-lg flex flex-col items-center justify-center cursor-pointer bg-[#1A1A1A]`,
+        className: `w-full h-full border-2 border-dashed ${uploading ? "border-ods-accent" : "border-ods-border hover:border-ods-accent"} rounded-lg flex flex-col items-center justify-center cursor-pointer bg-ods-bg`,
         style: { height: heightStyle },
         onClick: openDialog,
         children: uploading ? /* @__PURE__ */ jsx17(Loader2, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs12(Fragment4, { children: [
           /* @__PURE__ */ jsx17(ImageIcon2, { className: "h-12 w-12 text-ods-text-secondary" }),
           /* @__PURE__ */ jsx17("span", { className: "text-ods-text-primary font-['DM_Sans'] text-[16px] font-medium mt-2", children: "Upload cover image" }),
           /* @__PURE__ */ jsx17("span", { className: "text-ods-text-secondary font-['DM_Sans'] text-[14px] mt-1", children: "Click to upload or drag and drop" }),
-          /* @__PURE__ */ jsx17("span", { className: "text-[#666666] font-['DM_Sans'] text-[12px]", children: "PNG, JPEG, WebP, GIF up to 5MB" })
+          /* @__PURE__ */ jsx17("span", { className: "text-ods-text-secondary font-['DM_Sans'] text-[12px]", children: "PNG, JPEG, WebP, GIF up to 5MB" })
         ] })
       }
     ),
@@ -5830,11 +5829,58 @@ function ProductReleasesView({
 // src/components/shared/product-release/release-detail-page.tsx
 init_next_link();
 init_next_navigation();
-import { useState as useState7, useEffect as useEffect6 } from "react";
-import { AlertTriangle, ExternalLink, BookMarked, Sparkles as Sparkles2, TrendingUp, Wrench } from "lucide-react";
+import { useState as useState8, useEffect as useEffect6 } from "react";
+
+// src/components/shared/media-gallery-strip.tsx
+import { useState as useState7 } from "react";
 import { Fragment as Fragment10, jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
+function isGalleryImage(mediaType) {
+  return mediaType !== "video" && mediaType !== "demo";
+}
+function MediaGalleryStrip({ items, maxDisplay, className }) {
+  const [galleryOpen, setGalleryOpen] = useState7(false);
+  const [galleryIndex, setGalleryIndex] = useState7(0);
+  if (!items || items.length === 0) return null;
+  const display = typeof maxDisplay === "number" ? items.slice(0, Math.max(0, maxDisplay)) : items;
+  const galleryImages = display.filter((m) => isGalleryImage(m.media_type)).map((m) => m.media_url);
+  const tileClass = "shrink-0 w-[240px] h-[200px] rounded-md overflow-hidden border border-ods-border bg-black transition-opacity";
+  return /* @__PURE__ */ jsxs42(Fragment10, { children: [
+    /* @__PURE__ */ jsx52("div", { className: `flex gap-6 overflow-x-auto w-full ${className ?? ""}`, children: display.map((mediaItem, index) => {
+      if (isGalleryImage(mediaItem.media_type)) {
+        return /* @__PURE__ */ jsx52(
+          "button",
+          {
+            type: "button",
+            className: `${tileClass} cursor-pointer hover:opacity-80`,
+            "aria-label": `Open ${mediaItem.title || `media ${index + 1}`} in gallery`,
+            onClick: () => {
+              setGalleryIndex(display.slice(0, index).filter((m) => isGalleryImage(m.media_type)).length);
+              setGalleryOpen(true);
+            },
+            children: /* @__PURE__ */ jsx52("img", { src: mediaItem.media_url, alt: mediaItem.title || `Media ${index + 1}`, className: "w-full h-full object-cover" })
+          },
+          mediaItem.id || index
+        );
+      }
+      return /* @__PURE__ */ jsx52("div", { className: tileClass, children: /* @__PURE__ */ jsx52(Video, { url: mediaItem.media_url, layout: "native" }) }, mediaItem.id || index);
+    }) }),
+    galleryImages.length > 0 && /* @__PURE__ */ jsx52(
+      ImageGalleryModal,
+      {
+        images: galleryImages,
+        isOpen: galleryOpen,
+        onClose: () => setGalleryOpen(false),
+        initialIndex: galleryIndex
+      }
+    )
+  ] });
+}
+
+// src/components/shared/product-release/release-detail-page.tsx
+import { AlertTriangle, ExternalLink, BookMarked, Sparkles as Sparkles2, TrendingUp, Wrench } from "lucide-react";
+import { Fragment as Fragment11, jsx as jsx53, jsxs as jsxs43 } from "react/jsx-runtime";
 function DefaultMarkdownRenderer({ content }) {
-  return /* @__PURE__ */ jsx52("div", { className: "whitespace-pre-wrap", children: content });
+  return /* @__PURE__ */ jsx53("div", { className: "whitespace-pre-wrap", children: content });
 }
 function ReleaseDetailPage({
   authorHref,
@@ -5853,15 +5899,13 @@ function ReleaseDetailPage({
   const router = useRouter();
   const { data: fetchedRelease, error, isLoading } = useRelease(initialData ? void 0 : slug);
   const release = initialData || fetchedRelease;
-  const [galleryOpen, setGalleryOpen] = useState7(false);
-  const [galleryIndex, setGalleryIndex] = useState7(0);
   const showBackButton = backButton !== false;
   const backLabel = (backButton ? backButton.label : void 0) ?? "Back to home";
   const backHref = (backButton ? backButton.href : void 0) ?? "/";
-  const [roadmapTasks, setRoadmapTasks] = useState7([]);
-  const [deliveryData, setDeliveryData] = useState7(null);
-  const [roadmapLoading, setRoadmapLoading] = useState7(false);
-  const [deliveryLoading, setDeliveryLoading] = useState7(false);
+  const [roadmapTasks, setRoadmapTasks] = useState8([]);
+  const [deliveryData, setDeliveryData] = useState8(null);
+  const [roadmapLoading, setRoadmapLoading] = useState8(false);
+  const [deliveryLoading, setDeliveryLoading] = useState8(false);
   useEffect6(() => {
     async function fetchLinkedTasks() {
       if (!release) return;
@@ -5893,12 +5937,12 @@ function ReleaseDetailPage({
     fetchLinkedTasks();
   }, [release, RoadmapSection, DeliverySection, roadmapApiEndpoint, deliveryApiEndpoint]);
   if (!initialData && isLoading) {
-    return /* @__PURE__ */ jsx52(DetailPageSkeleton, { metadataColumns: 4, showImageGallery: true });
+    return /* @__PURE__ */ jsx53(DetailPageSkeleton, { metadataColumns: 4, showImageGallery: true });
   }
   if (error || !release) {
-    return /* @__PURE__ */ jsxs42("div", { className: "text-center py-16", children: [
-      /* @__PURE__ */ jsx52("h1", { className: "text-4xl font-bold text-ods-text-primary mb-4", children: "Release Not Found" }),
-      /* @__PURE__ */ jsx52("p", { className: "text-xl text-ods-text-secondary", children: "The release you're looking for doesn't exist." })
+    return /* @__PURE__ */ jsxs43("div", { className: "text-center py-16", children: [
+      /* @__PURE__ */ jsx53("h1", { className: "text-4xl font-bold text-ods-text-primary mb-4", children: "Release Not Found" }),
+      /* @__PURE__ */ jsx53("p", { className: "text-xl text-ods-text-secondary", children: "The release you're looking for doesn't exist." })
     ] });
   }
   const hasBreakingChanges = Array.isArray(release.breaking_changes) && release.breaking_changes.length > 0;
@@ -5924,8 +5968,8 @@ function ReleaseDetailPage({
   const featuresAdded = release.features_added;
   const bugFixed = release.bugs_fixed;
   const improvements = release.improvements;
-  return /* @__PURE__ */ jsxs42(PageShell, { children: [
-    showBackButton && /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsxs43(PageShell, { children: [
+    showBackButton && /* @__PURE__ */ jsx53(
       BackButton,
       {
         label: backLabel,
@@ -5933,29 +5977,29 @@ function ReleaseDetailPage({
         className: "hidden md:inline-flex mb-4"
       }
     ),
-    /* @__PURE__ */ jsxs42("div", { className: "space-y-6 md:space-y-8", children: [
-      /* @__PURE__ */ jsx52("div", { className: "flex flex-col md:flex-row md:items-end gap-4 w-full", children: /* @__PURE__ */ jsxs42("div", { className: "flex-1 flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsx52("h1", { className: "text-h1 tracking-[-1.12px] text-ods-text-primary", children: releaseTitle }),
-        /* @__PURE__ */ jsxs42("p", { className: "text-h4 text-ods-text-secondary", children: [
+    /* @__PURE__ */ jsxs43("div", { className: "space-y-6 md:space-y-8", children: [
+      /* @__PURE__ */ jsx53("div", { className: "flex flex-col md:flex-row md:items-end gap-4 w-full", children: /* @__PURE__ */ jsxs43("div", { className: "flex-1 flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx53("h1", { className: "text-h1 tracking-[-1.12px] text-ods-text-primary", children: releaseTitle }),
+        /* @__PURE__ */ jsxs43("p", { className: "text-h4 text-ods-text-secondary", children: [
           "Version: ",
           releaseVersion
         ] })
       ] }) }),
-      /* @__PURE__ */ jsx52(EntityTagBadges, { tags: release.product_release_tags }),
-      /* @__PURE__ */ jsxs42("div", { className: "grid grid-cols-1 md:grid-cols-4 border border-ods-border rounded-md overflow-hidden w-full", children: [
-        /* @__PURE__ */ jsx52("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__ */ jsxs42("div", { className: "flex flex-col gap-0", children: [
-          /* @__PURE__ */ jsx52("p", { className: "text-h4 text-ods-text-primary", children: releaseType.toLocaleUpperCase() }),
-          /* @__PURE__ */ jsx52("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Type" })
+      /* @__PURE__ */ jsx53(EntityTagBadges, { tags: release.product_release_tags }),
+      /* @__PURE__ */ jsxs43("div", { className: "grid grid-cols-1 md:grid-cols-4 border border-ods-border rounded-md overflow-hidden w-full", children: [
+        /* @__PURE__ */ jsx53("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__ */ jsxs43("div", { className: "flex flex-col gap-0", children: [
+          /* @__PURE__ */ jsx53("p", { className: "text-h4 text-ods-text-primary", children: releaseType.toLocaleUpperCase() }),
+          /* @__PURE__ */ jsx53("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Type" })
         ] }) }),
-        /* @__PURE__ */ jsx52("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__ */ jsxs42("div", { className: "flex flex-col gap-0", children: [
-          /* @__PURE__ */ jsx52("p", { className: "text-h4 text-ods-text-primary", children: releaseStatus.toLocaleUpperCase() }),
-          /* @__PURE__ */ jsx52("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Status" })
+        /* @__PURE__ */ jsx53("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__ */ jsxs43("div", { className: "flex flex-col gap-0", children: [
+          /* @__PURE__ */ jsx53("p", { className: "text-h4 text-ods-text-primary", children: releaseStatus.toLocaleUpperCase() }),
+          /* @__PURE__ */ jsx53("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Status" })
         ] }) }),
-        /* @__PURE__ */ jsx52("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__ */ jsxs42("div", { className: "flex flex-col gap-0", children: [
-          /* @__PURE__ */ jsx52("p", { className: "text-h4 text-ods-text-primary", children: formatReleaseDate(releaseDate) }),
-          /* @__PURE__ */ jsx52("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Date" })
+        /* @__PURE__ */ jsx53("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__ */ jsxs43("div", { className: "flex flex-col gap-0", children: [
+          /* @__PURE__ */ jsx53("p", { className: "text-h4 text-ods-text-primary", children: formatReleaseDate(releaseDate) }),
+          /* @__PURE__ */ jsx53("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Date" })
         ] }) }),
-        /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx53(
           EntityMetadataAuthorCell,
           {
             author: author ?? { full_name: null, avatar_url: null },
@@ -5963,22 +6007,9 @@ function ReleaseDetailPage({
           }
         )
       ] }),
-      releaseMedia && releaseMedia.length > 0 && /* @__PURE__ */ jsx52("div", { className: "flex gap-6 overflow-x-auto w-full", children: releaseMedia.slice(0, 5).map((mediaItem, index) => /* @__PURE__ */ jsx52(
-        "div",
-        {
-          className: "shrink-0 w-[240px] h-[200px] rounded-md overflow-hidden border border-ods-border bg-black cursor-pointer hover:opacity-80 transition-opacity",
-          onClick: () => {
-            if (mediaItem.media_type !== "video" && mediaItem.media_type !== "demo") {
-              setGalleryIndex(index);
-              setGalleryOpen(true);
-            }
-          },
-          children: mediaItem.media_type === "video" || mediaItem.media_type === "demo" ? /* @__PURE__ */ jsx52(Video, { url: mediaItem.media_url, layout: "native" }) : /* @__PURE__ */ jsx52("img", { src: mediaItem.media_url, alt: mediaItem.title || `Media ${index + 1}`, className: "w-full h-full object-cover" })
-        },
-        mediaItem.id || index
-      )) }),
-      releaseSummary && /* @__PURE__ */ jsx52("div", { className: "text-h4 text-ods-text-primary", children: /* @__PURE__ */ jsx52("p", { children: releaseSummary }) }),
-      VideoDisplaySection ? /* @__PURE__ */ jsx52(
+      /* @__PURE__ */ jsx53(MediaGalleryStrip, { items: releaseMedia ?? [], maxDisplay: 5 }),
+      releaseSummary && /* @__PURE__ */ jsx53("div", { className: "text-h4 text-ods-text-primary", children: /* @__PURE__ */ jsx53("p", { children: releaseSummary }) }),
+      VideoDisplaySection ? /* @__PURE__ */ jsx53(
         VideoDisplaySection,
         {
           mainVideoUrl,
@@ -5992,8 +6023,8 @@ function ReleaseDetailPage({
           srtContent: release?.srt_content,
           captionsUrl: release?.captionsUrl
         }
-      ) : /* @__PURE__ */ jsxs42(Fragment10, { children: [
-        youtubeUrl && /* @__PURE__ */ jsx52(
+      ) : /* @__PURE__ */ jsxs43(Fragment11, { children: [
+        youtubeUrl && /* @__PURE__ */ jsx53(
           Video,
           {
             kind: "youtube",
@@ -6002,7 +6033,7 @@ function ReleaseDetailPage({
             layout: "native"
           }
         ),
-        !youtubeUrl && mainVideoUrl && /* @__PURE__ */ jsx52(
+        !youtubeUrl && mainVideoUrl && /* @__PURE__ */ jsx53(
           Video,
           {
             url: mainVideoUrl,
@@ -6011,7 +6042,7 @@ function ReleaseDetailPage({
             layout: "centered"
           }
         ),
-        highlightVideoUrl && /* @__PURE__ */ jsx52(
+        highlightVideoUrl && /* @__PURE__ */ jsx53(
           Video,
           {
             url: highlightVideoUrl,
@@ -6020,56 +6051,56 @@ function ReleaseDetailPage({
           }
         )
       ] }),
-      releaseContent && /* @__PURE__ */ jsx52("div", { className: "text-h4 text-ods-text-primary", children: /* @__PURE__ */ jsx52(MarkdownRenderer, { content: releaseContent }) }),
-      hasBreakingChanges && /* @__PURE__ */ jsx52(Card, { className: "border-red-500 bg-red-500/10", children: /* @__PURE__ */ jsx52(CardContent, { className: "p-6", children: /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx52(AlertTriangle, { className: "h-6 w-6 text-red-500" }),
-        /* @__PURE__ */ jsxs42("div", { children: [
-          /* @__PURE__ */ jsx52("h3", { className: "font-bold text-red-500 text-lg", children: "Breaking Changes" }),
-          /* @__PURE__ */ jsx52("p", { className: "text-ods-text-secondary", children: "This release contains breaking changes. Review carefully before upgrading." })
+      releaseContent && /* @__PURE__ */ jsx53("div", { className: "text-h4 text-ods-text-primary", children: /* @__PURE__ */ jsx53(MarkdownRenderer, { content: releaseContent }) }),
+      hasBreakingChanges && /* @__PURE__ */ jsx53(Card, { className: "border-red-500 bg-red-500/10", children: /* @__PURE__ */ jsx53(CardContent, { className: "p-6", children: /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx53(AlertTriangle, { className: "h-6 w-6 text-red-500" }),
+        /* @__PURE__ */ jsxs43("div", { children: [
+          /* @__PURE__ */ jsx53("h3", { className: "font-bold text-red-500 text-lg", children: "Breaking Changes" }),
+          /* @__PURE__ */ jsx53("p", { className: "text-ods-text-secondary", children: "This release contains breaking changes. Review carefully before upgrading." })
         ] })
       ] }) }) }),
-      /* @__PURE__ */ jsx52(
+      /* @__PURE__ */ jsx53(
         ReleaseChangelogSection,
         {
           title: "Breaking Changes",
           entries: breakingChanges || [],
           isBreaking: true,
           hideTitle: true,
-          icon: /* @__PURE__ */ jsx52(AlertTriangle, { className: "h-6 w-6" }),
+          icon: /* @__PURE__ */ jsx53(AlertTriangle, { className: "h-6 w-6" }),
           SimpleMarkdownRenderer: MarkdownRenderer
         }
       ),
-      /* @__PURE__ */ jsx52(
+      /* @__PURE__ */ jsx53(
         ReleaseChangelogSection,
         {
           title: "Features Added",
           entries: featuresAdded || [],
-          icon: /* @__PURE__ */ jsx52(Sparkles2, { className: "h-6 w-6" }),
+          icon: /* @__PURE__ */ jsx53(Sparkles2, { className: "h-6 w-6" }),
           previewFirst: true,
           SimpleMarkdownRenderer: MarkdownRenderer
         }
       ),
-      /* @__PURE__ */ jsx52(
+      /* @__PURE__ */ jsx53(
         ReleaseChangelogSection,
         {
           title: "Bugs Fixed",
           entries: bugFixed || [],
-          icon: /* @__PURE__ */ jsx52(Wrench, { className: "h-6 w-6" }),
+          icon: /* @__PURE__ */ jsx53(Wrench, { className: "h-6 w-6" }),
           previewFirst: true,
           SimpleMarkdownRenderer: MarkdownRenderer
         }
       ),
-      /* @__PURE__ */ jsx52(
+      /* @__PURE__ */ jsx53(
         ReleaseChangelogSection,
         {
           title: "Improvements",
           entries: improvements || [],
-          icon: /* @__PURE__ */ jsx52(TrendingUp, { className: "h-6 w-6" }),
+          icon: /* @__PURE__ */ jsx53(TrendingUp, { className: "h-6 w-6" }),
           previewFirst: true,
           SimpleMarkdownRenderer: MarkdownRenderer
         }
       ),
-      !VideoDisplaySection && VideoSection && videoBites && videoBites.length > 0 && /* @__PURE__ */ jsx52(
+      !VideoDisplaySection && VideoSection && videoBites && videoBites.length > 0 && /* @__PURE__ */ jsx53(
         VideoSection,
         {
           bites: videoBites,
@@ -6077,9 +6108,9 @@ function ReleaseDetailPage({
           filterPublished: true
         }
       ),
-      RoadmapSection && (roadmapLoading || roadmapTasks.length > 0) && /* @__PURE__ */ jsxs42("div", { className: "space-y-4 w-full", children: [
-        /* @__PURE__ */ jsx52("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Roadmap Items" }),
-        /* @__PURE__ */ jsx52(
+      RoadmapSection && (roadmapLoading || roadmapTasks.length > 0) && /* @__PURE__ */ jsxs43("div", { className: "space-y-4 w-full", children: [
+        /* @__PURE__ */ jsx53("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Roadmap Items" }),
+        /* @__PURE__ */ jsx53(
           RoadmapSection,
           {
             items: roadmapTasks,
@@ -6094,9 +6125,9 @@ function ReleaseDetailPage({
           }
         )
       ] }),
-      DeliverySection && (deliveryLoading || deliveryData && (deliveryData.completed.length > 0 || deliveryData.inProgress.length > 0)) && /* @__PURE__ */ jsxs42("div", { className: "w-full space-y-4", children: [
-        /* @__PURE__ */ jsx52("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Enhancements and Bug-fixes" }),
-        /* @__PURE__ */ jsx52(
+      DeliverySection && (deliveryLoading || deliveryData && (deliveryData.completed.length > 0 || deliveryData.inProgress.length > 0)) && /* @__PURE__ */ jsxs43("div", { className: "w-full space-y-4", children: [
+        /* @__PURE__ */ jsx53("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Enhancements and Bug-fixes" }),
+        /* @__PURE__ */ jsx53(
           DeliverySection,
           {
             data: deliveryData,
@@ -6104,13 +6135,13 @@ function ReleaseDetailPage({
           }
         )
       ] }),
-      (githubReleases?.length || knowledgeBaseLinks?.length || migrationGuideUrl || documentationUrl) && /* @__PURE__ */ jsxs42("div", { className: "space-y-1 w-full", children: [
-        /* @__PURE__ */ jsx52("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Links" }),
-        /* @__PURE__ */ jsx52(Card, { className: "bg-ods-card border-ods-border p-6", children: /* @__PURE__ */ jsxs42("div", { className: "space-y-4", children: [
-          githubReleases && githubReleases.length > 0 && /* @__PURE__ */ jsx52(Fragment10, { children: githubReleases.map((ghRelease) => /* @__PURE__ */ jsxs42("div", { className: "flex items-start gap-1", children: [
-            /* @__PURE__ */ jsx52(GitHubIcon, { className: "shrink-0", width: 24, height: 24, color: "var(--color-text-secondary)" }),
-            /* @__PURE__ */ jsx52("span", { className: "text-h4 text-ods-text-primary", children: "Github Release" }),
-            /* @__PURE__ */ jsx52(
+      (githubReleases?.length || knowledgeBaseLinks?.length || migrationGuideUrl || documentationUrl) && /* @__PURE__ */ jsxs43("div", { className: "space-y-1 w-full", children: [
+        /* @__PURE__ */ jsx53("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Links" }),
+        /* @__PURE__ */ jsx53(Card, { className: "bg-ods-card border-ods-border p-6", children: /* @__PURE__ */ jsxs43("div", { className: "space-y-4", children: [
+          githubReleases && githubReleases.length > 0 && /* @__PURE__ */ jsx53(Fragment11, { children: githubReleases.map((ghRelease) => /* @__PURE__ */ jsxs43("div", { className: "flex items-start gap-1", children: [
+            /* @__PURE__ */ jsx53(GitHubIcon, { className: "shrink-0", width: 24, height: 24, color: "var(--color-text-secondary)" }),
+            /* @__PURE__ */ jsx53("span", { className: "text-h4 text-ods-text-primary", children: "Github Release" }),
+            /* @__PURE__ */ jsx53(
               "a",
               {
                 href: ghRelease.github_release_url,
@@ -6120,15 +6151,15 @@ function ReleaseDetailPage({
                 children: ghRelease.github_release_url.split("/").pop()
               }
             ),
-            /* @__PURE__ */ jsx52(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
+            /* @__PURE__ */ jsx53(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
           ] }, ghRelease.id)) }),
-          knowledgeBaseLinks && knowledgeBaseLinks.length > 0 && /* @__PURE__ */ jsx52(Fragment10, { children: knowledgeBaseLinks.map((linkObj) => {
+          knowledgeBaseLinks && knowledgeBaseLinks.length > 0 && /* @__PURE__ */ jsx53(Fragment11, { children: knowledgeBaseLinks.map((linkObj) => {
             const path = typeof linkObj === "string" ? linkObj : linkObj.kb_article_path;
             const linkId = typeof linkObj === "string" ? path : linkObj.id || path;
-            return /* @__PURE__ */ jsxs42("div", { className: "flex items-start gap-1", children: [
-              /* @__PURE__ */ jsx52(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
-              /* @__PURE__ */ jsx52("span", { className: "text-h4 text-ods-text-primary", children: "Knowledge Base" }),
-              /* @__PURE__ */ jsx52(
+            return /* @__PURE__ */ jsxs43("div", { className: "flex items-start gap-1", children: [
+              /* @__PURE__ */ jsx53(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
+              /* @__PURE__ */ jsx53("span", { className: "text-h4 text-ods-text-primary", children: "Knowledge Base" }),
+              /* @__PURE__ */ jsx53(
                 next_link_default,
                 {
                   href: path.startsWith("http") ? path : `/knowledge-base${path.startsWith("/") ? "" : "/"}${path}`,
@@ -6136,12 +6167,12 @@ function ReleaseDetailPage({
                   children: path.replace(/^\//, "").split("/").pop()?.replace(/-/g, " ") || "View Article"
                 }
               ),
-              /* @__PURE__ */ jsx52(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
+              /* @__PURE__ */ jsx53(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
             ] }, linkId);
           }) }),
-          migrationGuideUrl && /* @__PURE__ */ jsxs42("div", { className: "flex items-start gap-1", children: [
-            /* @__PURE__ */ jsx52(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
-            /* @__PURE__ */ jsx52(
+          migrationGuideUrl && /* @__PURE__ */ jsxs43("div", { className: "flex items-start gap-1", children: [
+            /* @__PURE__ */ jsx53(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
+            /* @__PURE__ */ jsx53(
               "a",
               {
                 href: migrationGuideUrl,
@@ -6151,11 +6182,11 @@ function ReleaseDetailPage({
                 children: "\u{1F4D6} Migration Guide"
               }
             ),
-            /* @__PURE__ */ jsx52(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
+            /* @__PURE__ */ jsx53(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
           ] }),
-          documentationUrl && /* @__PURE__ */ jsxs42("div", { className: "flex items-start gap-1", children: [
-            /* @__PURE__ */ jsx52(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
-            /* @__PURE__ */ jsx52(
+          documentationUrl && /* @__PURE__ */ jsxs43("div", { className: "flex items-start gap-1", children: [
+            /* @__PURE__ */ jsx53(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
+            /* @__PURE__ */ jsx53(
               "a",
               {
                 href: documentationUrl,
@@ -6165,41 +6196,32 @@ function ReleaseDetailPage({
                 children: "\u{1F4DA} Documentation"
               }
             ),
-            /* @__PURE__ */ jsx52(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
+            /* @__PURE__ */ jsx53(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
           ] })
         ] }) })
       ] })
-    ] }),
-    releaseMedia && releaseMedia.filter((m) => m.media_type !== "video" && m.media_type !== "demo").length > 0 && /* @__PURE__ */ jsx52(
-      ImageGalleryModal,
-      {
-        images: releaseMedia.filter((m) => m.media_type !== "video" && m.media_type !== "demo").map((m) => m.media_url),
-        isOpen: galleryOpen,
-        onClose: () => setGalleryOpen(false),
-        initialIndex: galleryIndex
-      }
-    )
+    ] })
   ] });
 }
 
 // src/components/shared/product-release/release-detail-skeleton.tsx
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 function ReleaseDetailSkeleton() {
-  return /* @__PURE__ */ jsx53(DetailPageSkeleton, { metadataColumns: 4, showImageGallery: true });
+  return /* @__PURE__ */ jsx54(DetailPageSkeleton, { metadataColumns: 4, showImageGallery: true });
 }
 
 // src/components/shared/roadmap/roadmap-grid.tsx
-import { useEffect as useEffect8, useRef as useRef5, useState as useState9 } from "react";
+import { useEffect as useEffect8, useRef as useRef5, useState as useState10 } from "react";
 
 // src/components/shared/roadmap/use-roadmap-voting.ts
-import { useState as useState8, useEffect as useEffect7, useCallback as useCallback4 } from "react";
+import { useState as useState9, useEffect as useEffect7, useCallback as useCallback4 } from "react";
 var DEFAULT_VOTE_ENDPOINT = "/api/roadmap/vote";
 var DEFAULT_STORAGE_KEY = "roadmap_votes_v1";
 function useRoadmapVoting(options = {}) {
   const voteApiEndpoint = options.voteApiEndpoint ?? DEFAULT_VOTE_ENDPOINT;
   const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY;
-  const [votes, setVotes] = useState8({});
-  const [isLoading, setIsLoading] = useState8(true);
+  const [votes, setVotes] = useState9({});
+  const [isLoading, setIsLoading] = useState9(true);
   useEffect7(() => {
     setIsLoading(true);
     setVotes({});
@@ -6292,7 +6314,7 @@ function useRoadmapVoting(options = {}) {
 
 // src/components/shared/roadmap/roadmap-grid.tsx
 init_cn();
-import { jsx as jsx54, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
 var DEFAULT_BUILD_REFRESH_URL = (taskId) => `/api/roadmap/${taskId}`;
 var BACKLOG = "Backlog";
 function getStatusPriority(status) {
@@ -6341,7 +6363,7 @@ function RoadmapGridSingle({
   onVote,
   votingTasks
 }) {
-  return /* @__PURE__ */ jsx54("div", { className: `grid grid-cols-1 md:grid-cols-2 gap-6 ${showLeftMargin ? "md:ml-[120px]" : ""}`, children: items.map((item) => /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55("div", { className: `grid grid-cols-1 md:grid-cols-2 gap-6 ${showLeftMargin ? "md:ml-[120px]" : ""}`, children: items.map((item) => /* @__PURE__ */ jsx55(
     RoadmapCard,
     {
       item,
@@ -6363,7 +6385,7 @@ function RoadmapGrid({
   quartersToKeepClosed = 2
 }) {
   const { getVote, toggleVote } = useRoadmapVoting(votingOptions);
-  const [votingTasks, setVotingTasks] = useState9(/* @__PURE__ */ new Set());
+  const [votingTasks, setVotingTasks] = useState10(/* @__PURE__ */ new Set());
   const handleVote = async (taskId, voteType) => {
     if (votingTasks.has(taskId)) return;
     setVotingTasks((prev) => new Set(prev).add(taskId));
@@ -6400,8 +6422,8 @@ function RoadmapGrid({
     return compareQuarters(aD, bD);
   });
   const sortedQuartersKey = sortedQuarters.join(",");
-  const [expandedQuarters, setExpandedQuarters] = useState9([]);
-  const [isInitialized, setIsInitialized] = useState9(false);
+  const [expandedQuarters, setExpandedQuarters] = useState10([]);
+  const [isInitialized, setIsInitialized] = useState10(false);
   const hasSetInitialState = useRef5(false);
   const prevItemsLength = useRef5(0);
   useEffect8(() => {
@@ -6422,7 +6444,7 @@ function RoadmapGrid({
     );
   }, [hasActiveFilters, sortedQuartersKey, isInitialized, quartersToKeepClosed]);
   if (items.length === 0) {
-    return /* @__PURE__ */ jsx54(
+    return /* @__PURE__ */ jsx55(
       EmptyState,
       {
         type: "generic",
@@ -6432,7 +6454,7 @@ function RoadmapGrid({
     );
   }
   if (!groupByQuarter) {
-    return /* @__PURE__ */ jsx54(
+    return /* @__PURE__ */ jsx55(
       RoadmapGridSingle,
       {
         items,
@@ -6443,7 +6465,7 @@ function RoadmapGrid({
       }
     );
   }
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     Accordion,
     {
       type: "multiple",
@@ -6453,15 +6475,15 @@ function RoadmapGrid({
       children: sortedQuarters.map((quarter) => {
         const itemCount = itemsByQuarter[quarter]?.length || 0;
         const isExpanded = expandedQuarters.includes(quarter);
-        return /* @__PURE__ */ jsxs43(
+        return /* @__PURE__ */ jsxs44(
           AccordionItem,
           {
             value: quarter,
             id: `quarter-${quarter.replace(/\s+/g, "-").toLowerCase()}`,
             className: "border-0",
             children: [
-              /* @__PURE__ */ jsx54(AccordionTrigger, { className: "w-full p-0 hover:no-underline [&>svg]:h-5 [&>svg]:w-5 [&>svg]:text-ods-text-secondary [&>svg]:ml-auto [&>svg]:shrink-0", children: /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ jsxs43(
+              /* @__PURE__ */ jsx55(AccordionTrigger, { className: "w-full p-0 hover:no-underline [&>svg]:h-5 [&>svg]:w-5 [&>svg]:text-ods-text-secondary [&>svg]:ml-auto [&>svg]:shrink-0", children: /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsxs44(
                   "h3",
                   {
                     className: cn(
@@ -6470,11 +6492,11 @@ function RoadmapGrid({
                     ),
                     children: [
                       quarter,
-                      /* @__PURE__ */ jsx54("span", { className: "text-ods-accent", children: ":" })
+                      /* @__PURE__ */ jsx55("span", { className: "text-ods-accent", children: ":" })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs43(
+                /* @__PURE__ */ jsxs44(
                   "span",
                   {
                     className: cn(
@@ -6485,12 +6507,12 @@ function RoadmapGrid({
                       itemCount,
                       " ",
                       itemCount === 1 ? "item" : "items",
-                      isInitialized && !isExpanded && /* @__PURE__ */ jsx54("span", { className: "ml-2 text-ods-accent", children: "Click to expand" })
+                      isInitialized && !isExpanded && /* @__PURE__ */ jsx55("span", { className: "ml-2 text-ods-accent", children: "Click to expand" })
                     ]
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ jsx54(AccordionContent, { className: "pt-4 pb-0 overflow-hidden data-[state=closed]:animate-none data-[state=open]:animate-none", children: /* @__PURE__ */ jsx54(
+              /* @__PURE__ */ jsx55(AccordionContent, { className: "pt-4 pb-0 overflow-hidden data-[state=closed]:animate-none data-[state=open]:animate-none", children: /* @__PURE__ */ jsx55(
                 RoadmapGridSingle,
                 {
                   items: itemsByQuarter[quarter],
@@ -6510,36 +6532,36 @@ function RoadmapGrid({
 }
 
 // src/components/shared/roadmap/roadmap-grid-skeleton.tsx
-import { jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs45 } from "react/jsx-runtime";
 function RoadmapCardSkeleton2() {
-  return /* @__PURE__ */ jsxs44("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-[24px] flex flex-col gap-[16px] min-h-[340px] relative", children: [
-    /* @__PURE__ */ jsx55("div", { className: "absolute top-[24px] right-[24px]", children: /* @__PURE__ */ jsx55("div", { className: "h-[20px] w-[80px] bg-ods-border rounded animate-pulse" }) }),
-    /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-[16px] pr-[120px]", children: [
-      /* @__PURE__ */ jsx55("div", { className: "w-[80px] h-[80px] bg-ods-border rounded-lg flex-shrink-0 animate-pulse" }),
-      /* @__PURE__ */ jsxs44("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx55("div", { className: "min-h-[48px] flex items-center", children: /* @__PURE__ */ jsx55("div", { className: "h-[24px] w-full bg-ods-border rounded animate-pulse" }) }),
-        /* @__PURE__ */ jsx55("div", { className: "min-h-[20px] flex items-center", children: /* @__PURE__ */ jsx55("div", { className: "h-[14px] w-1/2 bg-ods-border rounded animate-pulse" }) })
+  return /* @__PURE__ */ jsxs45("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-[24px] flex flex-col gap-[16px] min-h-[340px] relative", children: [
+    /* @__PURE__ */ jsx56("div", { className: "absolute top-[24px] right-[24px]", children: /* @__PURE__ */ jsx56("div", { className: "h-[20px] w-[80px] bg-ods-border rounded animate-pulse" }) }),
+    /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-[16px] pr-[120px]", children: [
+      /* @__PURE__ */ jsx56("div", { className: "w-[80px] h-[80px] bg-ods-border rounded-lg flex-shrink-0 animate-pulse" }),
+      /* @__PURE__ */ jsxs45("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx56("div", { className: "min-h-[48px] flex items-center", children: /* @__PURE__ */ jsx56("div", { className: "h-[24px] w-full bg-ods-border rounded animate-pulse" }) }),
+        /* @__PURE__ */ jsx56("div", { className: "min-h-[20px] flex items-center", children: /* @__PURE__ */ jsx56("div", { className: "h-[14px] w-1/2 bg-ods-border rounded animate-pulse" }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx55("div", { className: "min-h-[72px] flex items-center", children: /* @__PURE__ */ jsxs44("div", { className: "w-full space-y-2", children: [
-      /* @__PURE__ */ jsx55("div", { className: "h-[24px] bg-ods-border rounded animate-pulse" }),
-      /* @__PURE__ */ jsx55("div", { className: "h-[24px] bg-ods-border rounded animate-pulse" }),
-      /* @__PURE__ */ jsx55("div", { className: "h-[24px] w-4/5 bg-ods-border rounded animate-pulse" })
+    /* @__PURE__ */ jsx56("div", { className: "min-h-[72px] flex items-center", children: /* @__PURE__ */ jsxs45("div", { className: "w-full space-y-2", children: [
+      /* @__PURE__ */ jsx56("div", { className: "h-[24px] bg-ods-border rounded animate-pulse" }),
+      /* @__PURE__ */ jsx56("div", { className: "h-[24px] bg-ods-border rounded animate-pulse" }),
+      /* @__PURE__ */ jsx56("div", { className: "h-[24px] w-4/5 bg-ods-border rounded animate-pulse" })
     ] }) }),
-    /* @__PURE__ */ jsx55("div", { className: "flex-1" }),
-    /* @__PURE__ */ jsxs44("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx55("div", { className: "h-[48px] w-[120px] bg-ods-border rounded animate-pulse" }),
-      /* @__PURE__ */ jsx55("div", { className: "h-[32px] w-[100px] bg-ods-border rounded animate-pulse" })
+    /* @__PURE__ */ jsx56("div", { className: "flex-1" }),
+    /* @__PURE__ */ jsxs45("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx56("div", { className: "h-[48px] w-[120px] bg-ods-border rounded animate-pulse" }),
+      /* @__PURE__ */ jsx56("div", { className: "h-[32px] w-[100px] bg-ods-border rounded animate-pulse" })
     ] })
   ] });
 }
 function RoadmapGridSkeleton({ count = 4, showLeftMargin = true }) {
-  return /* @__PURE__ */ jsx55("div", { className: `grid grid-cols-1 md:grid-cols-2 gap-6 ${showLeftMargin ? "md:ml-[120px]" : ""}`, children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx55(RoadmapCardSkeleton2, {}, i)) });
+  return /* @__PURE__ */ jsx56("div", { className: `grid grid-cols-1 md:grid-cols-2 gap-6 ${showLeftMargin ? "md:ml-[120px]" : ""}`, children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx56(RoadmapCardSkeleton2, {}, i)) });
 }
 
 // src/components/shared/roadmap/roadmap-view.tsx
 import { useMemo as useMemo2 } from "react";
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 var DEFAULT_ENDPOINT2 = "/api/roadmap";
 var DEFAULT_SEARCH_PARAM_KEY2 = DEV_SECTION_PARAM_KEYS.search;
 var DEFAULT_STATUS_PARAM_KEY2 = DEV_SECTION_PARAM_KEYS.status;
@@ -6567,12 +6589,12 @@ function RoadmapView({
   );
   const items = data?.items ?? [];
   if (error) {
-    return /* @__PURE__ */ jsx56(LoadError, { message: "Failed to load roadmap.", onRetry: reload });
+    return /* @__PURE__ */ jsx57(LoadError, { message: "Failed to load roadmap.", onRetry: reload });
   }
   if (isLoading && !data) {
-    return /* @__PURE__ */ jsx56(RoadmapGridSkeleton, { showLeftMargin });
+    return /* @__PURE__ */ jsx57(RoadmapGridSkeleton, { showLeftMargin });
   }
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     RoadmapGrid,
     {
       items,
@@ -6589,46 +6611,46 @@ function RoadmapView({
 }
 
 // src/components/shared/delivery/delivery-lists.tsx
-import { useEffect as useEffect9, useState as useState10 } from "react";
+import { useEffect as useEffect9, useState as useState11 } from "react";
 
 // src/components/shared/delivery/delivery-table.tsx
-import { jsx as jsx57, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
 function SkeletonRow() {
-  return /* @__PURE__ */ jsx57("div", { className: "border-b border-ods-border last:border-b-0 p-[12px] md:p-[16px]", children: /* @__PURE__ */ jsxs45("div", { className: "flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full", children: [
-    /* @__PURE__ */ jsxs45("div", { className: "flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]", children: [
-      /* @__PURE__ */ jsx57("div", { className: "min-h-[24px] flex items-center", children: /* @__PURE__ */ jsx57("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }) }),
-      /* @__PURE__ */ jsx57("div", { className: "min-h-[20px] flex items-center", children: /* @__PURE__ */ jsx57("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-1/2" }) }),
-      /* @__PURE__ */ jsx57("div", { className: "min-h-[72px] flex items-center", children: /* @__PURE__ */ jsxs45("div", { className: "flex-1 space-y-1", children: [
-        /* @__PURE__ */ jsx57("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }),
-        /* @__PURE__ */ jsx57("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }),
-        /* @__PURE__ */ jsx57("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-2/3" })
+  return /* @__PURE__ */ jsx58("div", { className: "border-b border-ods-border last:border-b-0 p-[12px] md:p-[16px]", children: /* @__PURE__ */ jsxs46("div", { className: "flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full", children: [
+    /* @__PURE__ */ jsxs46("div", { className: "flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]", children: [
+      /* @__PURE__ */ jsx58("div", { className: "min-h-[24px] flex items-center", children: /* @__PURE__ */ jsx58("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }) }),
+      /* @__PURE__ */ jsx58("div", { className: "min-h-[20px] flex items-center", children: /* @__PURE__ */ jsx58("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-1/2" }) }),
+      /* @__PURE__ */ jsx58("div", { className: "min-h-[72px] flex items-center", children: /* @__PURE__ */ jsxs46("div", { className: "flex-1 space-y-1", children: [
+        /* @__PURE__ */ jsx58("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }),
+        /* @__PURE__ */ jsx58("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }),
+        /* @__PURE__ */ jsx58("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-2/3" })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsxs45("div", { className: "flex-shrink-0 self-start flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx57("div", { className: "h-[32px] w-[100px] bg-ods-border rounded animate-pulse" }),
-      /* @__PURE__ */ jsx57("div", { className: "h-[32px] w-[120px] bg-ods-border rounded animate-pulse" })
+    /* @__PURE__ */ jsxs46("div", { className: "flex-shrink-0 self-start flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx58("div", { className: "h-[32px] w-[100px] bg-ods-border rounded animate-pulse" }),
+      /* @__PURE__ */ jsx58("div", { className: "h-[32px] w-[120px] bg-ods-border rounded animate-pulse" })
     ] })
   ] }) });
 }
 function DeliveryTable({ items, isLoading = false }) {
   if (isLoading) {
-    return /* @__PURE__ */ jsx57("div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full", children: /* @__PURE__ */ jsx57("div", { className: "w-full", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx57(SkeletonRow, {}, i)) }) });
+    return /* @__PURE__ */ jsx58("div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full", children: /* @__PURE__ */ jsx58("div", { className: "w-full", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx58(SkeletonRow, {}, i)) }) });
   }
   if (items.length === 0) {
-    return /* @__PURE__ */ jsx57("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-[40px] text-center w-full", children: /* @__PURE__ */ jsx57("p", { className: "text-ods-text-secondary text-[14px] font-['DM_Sans'] font-medium", children: "No tasks available" }) });
+    return /* @__PURE__ */ jsx58("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-[40px] text-center w-full", children: /* @__PURE__ */ jsx58("p", { className: "text-ods-text-secondary text-[14px] font-['DM_Sans'] font-medium", children: "No tasks available" }) });
   }
-  return /* @__PURE__ */ jsx57("div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full", children: /* @__PURE__ */ jsx57("div", { className: "w-full", children: items.map((item) => /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58("div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full", children: /* @__PURE__ */ jsx58("div", { className: "w-full", children: items.map((item) => /* @__PURE__ */ jsx58(
     "div",
     {
       className: "border-b border-ods-border last:border-b-0",
-      children: /* @__PURE__ */ jsx57(DeliveryRow, { item })
+      children: /* @__PURE__ */ jsx58(DeliveryRow, { item })
     },
     item.id
   )) }) });
 }
 
 // src/components/shared/delivery/delivery-lists.tsx
-import { jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
 var DEFAULT_COMPLETED_ENDPOINT = "/api/delivery/completed";
 var DEFAULT_IN_PROGRESS_ENDPOINT = "/api/delivery/in-progress";
 var DEFAULT_SEARCH_PARAM_KEY3 = DEV_SECTION_PARAM_KEYS.search;
@@ -6642,9 +6664,9 @@ function DeliveryLists({
   const searchParams = useSearchParams();
   const router = useRouter();
   const pathname = usePathname();
-  const [data, setData] = useState10(null);
-  const [isLoading, setIsLoading] = useState10(true);
-  const [error, setError] = useState10(null);
+  const [data, setData] = useState11(null);
+  const [isLoading, setIsLoading] = useState11(true);
+  const [error, setError] = useState11(null);
   const searchQuery = searchParams.get(searchParamKey) || "";
   const taskTypeFilter = searchParams.get(taskTypeParamKey) || "all";
   useEffect9(() => {
@@ -6692,10 +6714,10 @@ function DeliveryLists({
   const hasActiveFilters = searchQuery !== "" || taskTypeFilter !== "all";
   const hasResults = showCompleted && filteredCompleted.length > 0 || showInProgress && filteredInProgress.length > 0;
   if (error) {
-    return /* @__PURE__ */ jsx58("div", { className: "w-full", children: /* @__PURE__ */ jsx58(LoadError, { message: error, onRetry: () => window.location.reload() }) });
+    return /* @__PURE__ */ jsx59("div", { className: "w-full", children: /* @__PURE__ */ jsx59(LoadError, { message: error, onRetry: () => window.location.reload() }) });
   }
-  return /* @__PURE__ */ jsxs46("div", { className: "w-full flex flex-col gap-[40px]", children: [
-    !isLoading && !hasResults && (hasActiveFilters ? /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsxs47("div", { className: "w-full flex flex-col gap-[40px]", children: [
+    !isLoading && !hasResults && (hasActiveFilters ? /* @__PURE__ */ jsx59(
       EmptyState,
       {
         type: "search",
@@ -6710,7 +6732,7 @@ function DeliveryLists({
           router.replace(`${pathname}?${params.toString()}`, { scroll: false });
         }
       }
-    ) : /* @__PURE__ */ jsx58(
+    ) : /* @__PURE__ */ jsx59(
       EmptyState,
       {
         type: "generic",
@@ -6719,12 +6741,12 @@ function DeliveryLists({
         showCTA: false
       }
     )),
-    showCompleted && (hasResults || isLoading) && /* @__PURE__ */ jsxs46("div", { className: "w-full", children: [
-      /* @__PURE__ */ jsxs46("h3", { className: "text-h2 text-ods-text-primary tracking-[-0.48px] md:tracking-[-0.56px] lg:tracking-[-0.64px] mb-4", children: [
+    showCompleted && (hasResults || isLoading) && /* @__PURE__ */ jsxs47("div", { className: "w-full", children: [
+      /* @__PURE__ */ jsxs47("h3", { className: "text-h2 text-ods-text-primary tracking-[-0.48px] md:tracking-[-0.56px] lg:tracking-[-0.64px] mb-4", children: [
         "Recently Completed",
-        /* @__PURE__ */ jsx58("span", { className: "text-ods-accent", children: ":" })
+        /* @__PURE__ */ jsx59("span", { className: "text-ods-accent", children: ":" })
       ] }),
-      /* @__PURE__ */ jsx58(
+      /* @__PURE__ */ jsx59(
         DeliveryTable,
         {
           items: filteredCompleted,
@@ -6732,12 +6754,12 @@ function DeliveryLists({
         }
       )
     ] }),
-    showInProgress && (hasResults || isLoading) && /* @__PURE__ */ jsxs46("div", { className: "w-full", children: [
-      /* @__PURE__ */ jsxs46("h3", { className: "text-h2 text-ods-text-primary tracking-[-0.48px] md:tracking-[-0.56px] lg:tracking-[-0.64px] mb-4", children: [
+    showInProgress && (hasResults || isLoading) && /* @__PURE__ */ jsxs47("div", { className: "w-full", children: [
+      /* @__PURE__ */ jsxs47("h3", { className: "text-h2 text-ods-text-primary tracking-[-0.48px] md:tracking-[-0.56px] lg:tracking-[-0.64px] mb-4", children: [
         "Active Tasks",
-        /* @__PURE__ */ jsx58("span", { className: "text-ods-accent", children: ":" })
+        /* @__PURE__ */ jsx59("span", { className: "text-ods-accent", children: ":" })
       ] }),
-      /* @__PURE__ */ jsx58(
+      /* @__PURE__ */ jsx59(
         DeliveryTable,
         {
           items: filteredInProgress,
@@ -6752,13 +6774,13 @@ function DeliveryLists({
 init_next_navigation();
 
 // src/components/shared/legal-document/use-legal-docs.ts
-import { useState as useState11, useEffect as useEffect10, useCallback as useCallback5 } from "react";
+import { useState as useState12, useEffect as useEffect10, useCallback as useCallback5 } from "react";
 function useLegalDocs(docType, options = {}) {
   const { initialData = null, apiEndpoint } = options;
   const effectiveEndpoint = apiEndpoint ?? `/api/legal/${docType}`;
-  const [data, setData] = useState11(initialData ?? null);
-  const [isLoading, setIsLoading] = useState11(!initialData);
-  const [error, setError] = useState11(null);
+  const [data, setData] = useState12(initialData ?? null);
+  const [isLoading, setIsLoading] = useState12(!initialData);
+  const [error, setError] = useState12(null);
   const fetchDocument = useCallback5(async () => {
     try {
       setIsLoading(true);
@@ -6803,7 +6825,7 @@ function useLegalDocs(docType, options = {}) {
 }
 
 // src/components/shared/legal-document/legal-document-page.tsx
-import { jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs48 } from "react/jsx-runtime";
 function LegalDocumentPage({
   docType,
   title,
@@ -6826,58 +6848,58 @@ function LegalDocumentPage({
   };
   const fallbackLastUpdatedLabel = data?.lastSynced != null ? formatLegalDate(data.lastSynced) : null;
   const effectiveLastUpdatedLabel = initialLastUpdatedLabel ?? fallbackLastUpdatedLabel;
-  const customTitle = /* @__PURE__ */ jsxs47("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsxs47(PageHeading, { children: [
-      /* @__PURE__ */ jsx59("span", { children: title }),
-      /* @__PURE__ */ jsx59("span", { className: "text-ods-accent", children: "." })
+  const customTitle = /* @__PURE__ */ jsxs48("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs48(PageHeading, { children: [
+      /* @__PURE__ */ jsx60("span", { children: title }),
+      /* @__PURE__ */ jsx60("span", { className: "text-ods-accent", children: "." })
     ] }),
-    /* @__PURE__ */ jsxs47("p", { className: "font-['DM_Sans'] text-base md:text-lg text-ods-text-secondary max-w-2xl", children: [
+    /* @__PURE__ */ jsxs48("p", { className: "font-['DM_Sans'] text-base md:text-lg text-ods-text-secondary max-w-2xl", children: [
       effectiveLastUpdatedLabel ? `Last Updated: ${effectiveLastUpdatedLabel}` : fallbackDescription,
-      data?.sourceFile && /* @__PURE__ */ jsxs47("span", { className: "block text-sm mt-1 opacity-75", children: [
+      data?.sourceFile && /* @__PURE__ */ jsxs48("span", { className: "block text-sm mt-1 opacity-75", children: [
         "Source: ",
         data.sourceFile
       ] })
     ] })
   ] });
-  return /* @__PURE__ */ jsx59(PageShell, { children: /* @__PURE__ */ jsxs47(PageLayout, { backButton: backCfg, children: [
-    /* @__PURE__ */ jsx59("div", { className: "flex flex-col gap-4", children: customTitle }),
-    /* @__PURE__ */ jsx59("div", { className: "flex flex-col lg:flex-row gap-6 lg:gap-10 items-start flex-1", children: /* @__PURE__ */ jsx59("div", { className: "flex-1", children: /* @__PURE__ */ jsx59("div", { className: "w-full", children: /* @__PURE__ */ jsx59("article", { className: "space-y-2", children: isLoading ? (
+  return /* @__PURE__ */ jsx60(PageShell, { children: /* @__PURE__ */ jsxs48(PageLayout, { backButton: backCfg, children: [
+    /* @__PURE__ */ jsx60("div", { className: "flex flex-col gap-4", children: customTitle }),
+    /* @__PURE__ */ jsx60("div", { className: "flex flex-col lg:flex-row gap-6 lg:gap-10 items-start flex-1", children: /* @__PURE__ */ jsx60("div", { className: "flex-1", children: /* @__PURE__ */ jsx60("div", { className: "w-full", children: /* @__PURE__ */ jsx60("article", { className: "space-y-2", children: isLoading ? (
       // Loading skeleton matching Knowledge Hub pattern
-      /* @__PURE__ */ jsxs47("div", { className: "space-y-6", children: [
-        /* @__PURE__ */ jsx59("div", { className: "h-10 bg-ods-skeleton rounded-lg w-3/4 animate-pulse" }),
-        /* @__PURE__ */ jsxs47("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx59("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
-          /* @__PURE__ */ jsx59("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
-          /* @__PURE__ */ jsx59("div", { className: "h-4 bg-ods-skeleton rounded w-5/6 animate-pulse" })
+      /* @__PURE__ */ jsxs48("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsx60("div", { className: "h-10 bg-ods-skeleton rounded-lg w-3/4 animate-pulse" }),
+        /* @__PURE__ */ jsxs48("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx60("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
+          /* @__PURE__ */ jsx60("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
+          /* @__PURE__ */ jsx60("div", { className: "h-4 bg-ods-skeleton rounded w-5/6 animate-pulse" })
         ] }),
-        /* @__PURE__ */ jsx59("div", { className: "h-32 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
-        /* @__PURE__ */ jsxs47("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx59("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
-          /* @__PURE__ */ jsx59("div", { className: "h-4 bg-ods-skeleton rounded w-4/5 animate-pulse" })
+        /* @__PURE__ */ jsx60("div", { className: "h-32 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
+        /* @__PURE__ */ jsxs48("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx60("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
+          /* @__PURE__ */ jsx60("div", { className: "h-4 bg-ods-skeleton rounded w-4/5 animate-pulse" })
         ] })
       ] })
-    ) : error ? /* @__PURE__ */ jsxs47("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ jsxs47("div", { className: "bg-red-900/20 border border-red-700 rounded-lg p-6", children: [
-        /* @__PURE__ */ jsx59("p", { className: "text-red-400 mb-2", children: errorTitle }),
-        /* @__PURE__ */ jsx59("p", { className: "text-red-300 text-sm", children: error })
+    ) : error ? /* @__PURE__ */ jsxs48("div", { className: "text-center space-y-4", children: [
+      /* @__PURE__ */ jsxs48("div", { className: "bg-red-900/20 border border-red-700 rounded-lg p-6", children: [
+        /* @__PURE__ */ jsx60("p", { className: "text-red-400 mb-2", children: errorTitle }),
+        /* @__PURE__ */ jsx60("p", { className: "text-red-300 text-sm", children: error })
       ] }),
-      /* @__PURE__ */ jsxs47("div", { className: "text-ods-text-secondary", children: [
-        /* @__PURE__ */ jsx59("p", { children: errorContactPrompt }),
-        /* @__PURE__ */ jsx59("a", { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail })
+      /* @__PURE__ */ jsxs48("div", { className: "text-ods-text-secondary", children: [
+        /* @__PURE__ */ jsx60("p", { children: errorContactPrompt }),
+        /* @__PURE__ */ jsx60("a", { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail })
       ] })
-    ] }) : data ? /* @__PURE__ */ jsx59(
+    ] }) : data ? /* @__PURE__ */ jsx60(
       MarkdownRenderer,
       {
         content: data.content,
         sectionIds: data.sections || [],
         demoteMarkdownH1ToH2: true
       }
-    ) : /* @__PURE__ */ jsxs47("div", { className: "text-center text-ods-text-secondary py-16", children: [
-      /* @__PURE__ */ jsx59("p", { className: "text-xl", children: emptyStateMessage }),
-      /* @__PURE__ */ jsxs47("p", { className: "mt-2", children: [
+    ) : /* @__PURE__ */ jsxs48("div", { className: "text-center text-ods-text-secondary py-16", children: [
+      /* @__PURE__ */ jsx60("p", { className: "text-xl", children: emptyStateMessage }),
+      /* @__PURE__ */ jsxs48("p", { className: "mt-2", children: [
         "Please contact",
         " ",
-        /* @__PURE__ */ jsx59("a", { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail }),
+        /* @__PURE__ */ jsx60("a", { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail }),
         " ",
         "for more information."
       ] })
@@ -6887,7 +6909,7 @@ function LegalDocumentPage({
 
 // src/components/authors/author-detail-view.tsx
 init_cn();
-import { jsx as jsx60, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs49 } from "react/jsx-runtime";
 function AuthorDetailView({
   author,
   proxyImageUrl,
@@ -6902,9 +6924,9 @@ function AuthorDetailView({
   }) ?? author.avatarUrl : null;
   const subtitle = [author.jobTitle, author.company].filter(Boolean).join(" @ ");
   const bioText = formatBioText(author.about);
-  return /* @__PURE__ */ jsxs48("div", { className: cn("flex flex-col gap-5 md:gap-6", className), children: [
-    /* @__PURE__ */ jsxs48("div", { className: "flex gap-6 w-full items-start", children: [
-      /* @__PURE__ */ jsx60("div", { className: "relative shrink-0 h-24 w-24", children: /* @__PURE__ */ jsx60("div", { className: "rounded-full overflow-hidden bg-ods-bg-secondary border border-ods-border w-full h-full relative", children: proxiedAvatar ? /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsxs49("div", { className: cn("flex flex-col gap-5 md:gap-6", className), children: [
+    /* @__PURE__ */ jsxs49("div", { className: "flex gap-6 w-full items-start", children: [
+      /* @__PURE__ */ jsx61("div", { className: "relative shrink-0 h-24 w-24", children: /* @__PURE__ */ jsx61("div", { className: "rounded-full overflow-hidden bg-ods-bg-secondary border border-ods-border w-full h-full relative", children: proxiedAvatar ? /* @__PURE__ */ jsx61(
         next_image_default,
         {
           src: proxiedAvatar,
@@ -6913,12 +6935,12 @@ function AuthorDetailView({
           className: "object-cover",
           unoptimized: true
         }
-      ) : /* @__PURE__ */ jsx60("div", { className: "flex items-center justify-center h-full w-full text-3xl text-ods-text-secondary font-['Azeret_Mono']", children: author.fullName.charAt(0).toUpperCase() }) }) }),
-      /* @__PURE__ */ jsxs48("div", { className: "min-w-0 flex flex-col justify-center gap-2", children: [
-        /* @__PURE__ */ jsx60("p", { className: "text-h2 text-ods-text-primary leading-none truncate", children: author.fullName }),
-        subtitle && /* @__PURE__ */ jsx60("p", { className: "font-body text-lg text-ods-text-secondary leading-none truncate", children: subtitle }),
+      ) : /* @__PURE__ */ jsx61("div", { className: "flex items-center justify-center h-full w-full text-3xl text-ods-text-secondary font-['Azeret_Mono']", children: author.fullName.charAt(0).toUpperCase() }) }) }),
+      /* @__PURE__ */ jsxs49("div", { className: "min-w-0 flex flex-col justify-center gap-2", children: [
+        /* @__PURE__ */ jsx61("p", { className: "text-h2 text-ods-text-primary leading-none truncate", children: author.fullName }),
+        subtitle && /* @__PURE__ */ jsx61("p", { className: "font-body text-lg text-ods-text-secondary leading-none truncate", children: subtitle }),
         author.socialLinks.length > 0 && // Ghost compact row (transparent 32px) — metadata, not CTAs.
-        /* @__PURE__ */ jsx60(
+        /* @__PURE__ */ jsx61(
           SocialIconRow,
           {
             compact: true,
@@ -6931,8 +6953,8 @@ function AuthorDetailView({
         )
       ] })
     ] }),
-    bioText && /* @__PURE__ */ jsx60("p", { className: "font-body text-base leading-relaxed text-ods-text-secondary", children: bioText }),
-    author.knowsAbout.length > 0 && /* @__PURE__ */ jsx60("div", { className: "flex flex-wrap gap-2", children: author.knowsAbout.map((topic) => /* @__PURE__ */ jsx60(StatusBadge, { text: topic, variant: "button", colorScheme: "cyan", singleLine: true }, topic)) }),
+    bioText && /* @__PURE__ */ jsx61("p", { className: "font-body text-base leading-relaxed text-ods-text-secondary", children: bioText }),
+    author.knowsAbout.length > 0 && /* @__PURE__ */ jsx61("div", { className: "flex flex-wrap gap-2", children: author.knowsAbout.map((topic) => /* @__PURE__ */ jsx61(StatusBadge, { text: topic, variant: "button", colorScheme: "cyan", singleLine: true }, topic)) }),
     children
   ] });
 }
@@ -7376,6 +7398,7 @@ export {
   MarkdownEditor,
   MediaCarousel,
   MediaGalleryManager,
+  MediaGalleryStrip,
   MediaSkeleton,
   MediaTypeSelector,
   MenuIcon,
@@ -7837,7 +7860,6 @@ export {
   multiSelectFilterFn,
   navigationMenuTriggerStyle,
   newTabAnchorAttrs,
-  noDataActionInteractiveClasses,
   noDataActionsVariants,
   noDataIconClasses,
   normalizeContent,