@flamingo-stack/openframe-frontend-core 0.0.315 → 0.0.316

package/dist/chunk-CSLMCBZV.js

@@ -0,0 +1,1464 @@
+"use client";
+import {
+  DeliveryRow,
+  EmptyState,
+  init_unified_pagination,
+  unified_pagination_exports
+} from "./chunk-4NVA6W3J.js";
+import {
+  DetailPageSkeleton
+} from "./chunk-Z3YORGG4.js";
+import {
+  useSelfFetch
+} from "./chunk-JAZM3A7E.js";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  Card,
+  CardContent,
+  DEV_SECTION_PARAM_KEYS,
+  EntityMetadataAuthorCell,
+  EntityTagBadges,
+  ImageGalleryModal,
+  LoadError,
+  PageLayout,
+  PageShell,
+  ProductReleaseCard,
+  ProductReleaseCardSkeleton,
+  ReleaseChangelogSection,
+  RichMarkdownRenderer,
+  RoadmapCard,
+  Video,
+  buildProductReleaseCardProps,
+  devSectionAnchorId,
+  executeNavigationImperative,
+  formatLegalDate,
+  formatReleaseDate,
+  isModifierClick,
+  resolveContentHref,
+  useEntityCardLink
+} from "./chunk-2Y4DLBFO.js";
+import {
+  STICKY_HEADER_OFFSET_PX,
+  contentFetch,
+  useScrollToHash
+} from "./chunk-Q4AMYLKX.js";
+import {
+  useChatRuntime
+} from "./chunk-2FI3USTC.js";
+import {
+  init_next_navigation,
+  usePathname,
+  useRouter,
+  useSearchParams
+} from "./chunk-PLJLE4A4.js";
+import {
+  init_next_link,
+  next_link_default
+} from "./chunk-OHPI2HRK.js";
+import {
+  GitHubIcon
+} from "./chunk-LQHMXPOJ.js";
+import {
+  cn,
+  init_cn
+} from "./chunk-XTCBRQN2.js";
+import {
+  __toCommonJS
+} from "./chunk-GGWZFCYS.js";
+
+// src/components/persistent-pagination.tsx
+init_cn();
+import { jsx, jsxs } from "react/jsx-runtime";
+function PersistentPagination({
+  isLoading,
+  children,
+  currentPage,
+  totalPages,
+  className,
+  disabledOpacity = 0.5,
+  transitionDuration = 300,
+  showLoadingState = true
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "relative transition-all ease-in-out",
+        "flex justify-center items-center",
+        isLoading && "pointer-events-none",
+        className
+      ),
+      style: {
+        opacity: isLoading ? disabledOpacity : 1,
+        transitionDuration: `${transitionDuration}ms`
+      },
+      role: "navigation",
+      "aria-label": "Pagination",
+      "aria-busy": isLoading,
+      "data-loading": isLoading,
+      children: [
+        isLoading && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "sr-only",
+            role: "status",
+            "aria-live": "polite",
+            children: [
+              "Pagination temporarily disabled while loading page ",
+              currentPage,
+              " of ",
+              totalPages
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "relative transition-all ease-in-out",
+              isLoading && "cursor-not-allowed"
+            ),
+            style: {
+              transitionDuration: `${transitionDuration}ms`
+            },
+            "aria-hidden": isLoading,
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+function usePaginationLoading(isLoading, currentPage, totalPages) {
+  const shouldShowPagination = totalPages > 1 || isLoading;
+  const paginationProps = {
+    "aria-busy": isLoading,
+    "data-loading": isLoading,
+    "data-current-page": currentPage,
+    "data-total-pages": totalPages
+  };
+  const getLoadingMessage = () => {
+    if (isLoading) {
+      return `Loading page ${currentPage} of ${totalPages}`;
+    }
+    return `Page ${currentPage} of ${totalPages}`;
+  };
+  return {
+    shouldShowPagination,
+    paginationProps,
+    getLoadingMessage
+  };
+}
+function PersistentPaginationWrapper({
+  isLoading,
+  currentPage,
+  totalPages,
+  onPageChange,
+  className,
+  variant = "vendor"
+}) {
+  const { getLoadingMessage } = usePaginationLoading(
+    isLoading,
+    currentPage,
+    totalPages
+  );
+  const hasResults = totalPages > 0;
+  const displayTotalPages = hasResults ? totalPages : 1;
+  const displayCurrentPage = hasResults ? currentPage : 1;
+  const isPaginationDisabled = isLoading;
+  const hasNoResults = !hasResults && !isLoading;
+  const PaginationComponent = (init_unified_pagination(), __toCommonJS(unified_pagination_exports)).UnifiedPagination;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "relative transition-all ease-in-out flex justify-center items-center",
+        (isPaginationDisabled || hasNoResults) && "pointer-events-none",
+        className
+      ),
+      style: {
+        opacity: isPaginationDisabled ? 0.3 : hasNoResults ? 0.5 : 1,
+        transitionDuration: "300ms"
+      },
+      role: "navigation",
+      "aria-label": "Pagination",
+      "aria-busy": isLoading,
+      "data-loading": isLoading,
+      "data-has-results": hasResults,
+      children: [
+        (isLoading || !hasResults) && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "sr-only",
+            role: "status",
+            "aria-live": "polite",
+            children: isLoading ? `Pagination temporarily disabled while loading page ${displayCurrentPage} of ${displayTotalPages}` : `No results available - pagination disabled`
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "relative transition-all ease-in-out",
+              isPaginationDisabled && "cursor-not-allowed"
+            ),
+            style: {
+              transitionDuration: "300ms"
+            },
+            "aria-hidden": isPaginationDisabled,
+            children: /* @__PURE__ */ jsx(
+              PaginationComponent,
+              {
+                currentPage: displayCurrentPage,
+                totalPages: displayTotalPages,
+                onPageChange: hasResults ? onPageChange : () => {
+                }
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/shared/product-release/product-releases-view.tsx
+init_cn();
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var DEFAULT_ENDPOINT = "/api/releases";
+var DEFAULT_SEARCH_PARAM_KEY = DEV_SECTION_PARAM_KEYS.search;
+var DEFAULT_STATUS_PARAM_KEY = DEV_SECTION_PARAM_KEYS.releaseStatus;
+var DEFAULT_PAGE_PARAM_KEY = "page";
+function ReleaseRow({
+  release,
+  basePath,
+  buildCardProps
+}) {
+  const runtime = useChatRuntime();
+  const router = useRouter();
+  const cta = resolveContentHref(runtime?.composeContentUrl, {
+    type: "product_release",
+    slug: release.slug,
+    basePath,
+    platforms: release.product_release_platforms
+  });
+  const { target, rel } = useEntityCardLink({ href: cta.href, targetPlatform: cta.targetPlatform });
+  const onClick = (e) => {
+    if (e.defaultPrevented || isModifierClick(e) || target === "_blank") return;
+    e.preventDefault();
+    executeNavigationImperative({
+      runtime,
+      href: cta.href,
+      targetPlatform: cta.targetPlatform,
+      fallbackNavigate: router.push
+    });
+  };
+  return /* @__PURE__ */ jsx2(
+    ProductReleaseCard,
+    {
+      size: "lg",
+      title: release.title,
+      summary: release.summary,
+      version: release.version,
+      ...buildCardProps(release),
+      anchorProps: { href: cta.href, target, rel, onClick }
+    }
+  );
+}
+function ProductReleasesView({
+  endpoint = DEFAULT_ENDPOINT,
+  initialData,
+  itemsPerPage = 5,
+  basePath = "/releases",
+  buildCardProps = buildProductReleaseCardProps,
+  searchParamKey = DEFAULT_SEARCH_PARAM_KEY,
+  statusParamKey = DEFAULT_STATUS_PARAM_KEY,
+  pageParamKey = DEFAULT_PAGE_PARAM_KEY,
+  className
+} = {}) {
+  const searchParams = useSearchParams();
+  const router = useRouter();
+  const pathname = usePathname();
+  const search = searchParams.get(searchParamKey) || "";
+  const status = searchParams.get(statusParamKey) || "all";
+  const currentPage = Math.max(1, parseInt(searchParams.get(pageParamKey) || "1", 10) || 1);
+  const offset = (currentPage - 1) * itemsPerPage;
+  const listParams = new URLSearchParams({ limit: String(itemsPerPage), offset: String(offset) });
+  if (search) listParams.set(searchParamKey, search);
+  if (status && status !== "all") listParams.set(statusParamKey, status);
+  const { data, isLoading, error, reload } = useSelfFetch(
+    `${endpoint}?${listParams.toString()}`,
+    { initialData }
+  );
+  const releases = data?.data ?? [];
+  const totalCount = data?.count ?? 0;
+  const totalPages = Math.ceil(totalCount / itemsPerPage);
+  const hasActiveFilters = search !== "" || status !== "all";
+  const showEmpty = !isLoading && !error && releases.length === 0;
+  const goToPage = (page) => {
+    const params = new URLSearchParams(searchParams.toString());
+    params.set(pageParamKey, String(page));
+    router.replace(`${pathname}?${params.toString()}`, { scroll: false });
+  };
+  const resetFilters = () => {
+    const params = new URLSearchParams(searchParams.toString());
+    params.delete(searchParamKey);
+    params.delete(statusParamKey);
+    params.delete(pageParamKey);
+    router.replace(`${pathname}?${params.toString()}`, { scroll: false });
+  };
+  if (error) {
+    return /* @__PURE__ */ jsx2("div", { className: cn("w-full", className), children: /* @__PURE__ */ jsx2(LoadError, { message: "Failed to load releases.", onRetry: reload }) });
+  }
+  return /* @__PURE__ */ jsx2("div", { className: cn("w-full flex flex-col gap-[40px]", className), children: /* @__PURE__ */ jsx2("div", { className: "min-h-[600px]", children: showEmpty ? /* @__PURE__ */ jsx2("div", { className: "h-[600px] flex items-center justify-center", children: hasActiveFilters ? /* @__PURE__ */ jsx2(
+    EmptyState,
+    {
+      type: "search",
+      title: "No releases found",
+      description: "No releases match your current filters. Try adjusting your search or status filter.",
+      showCTA: true,
+      ctaText: "Reset Filters",
+      onCtaClick: resetFilters
+    }
+  ) : /* @__PURE__ */ jsx2(
+    EmptyState,
+    {
+      type: "generic",
+      title: "No releases available",
+      description: "Check back soon for product updates!",
+      showCTA: false
+    }
+  ) }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx2("div", { className: "flex flex-col gap-6", children: Array.from({ length: itemsPerPage }).map((_, i) => {
+      const release = releases[i];
+      const hasData = !!release;
+      return /* @__PURE__ */ jsx2(
+        "div",
+        {
+          style: { visibility: isLoading || hasData ? "visible" : "hidden" },
+          children: isLoading ? /* @__PURE__ */ jsx2(ProductReleaseCardSkeleton, { size: "lg" }) : release ? /* @__PURE__ */ jsx2(ReleaseRow, { release, basePath, buildCardProps }) : /* @__PURE__ */ jsx2(ProductReleaseCardSkeleton, { size: "lg" })
+        },
+        release?.id ?? `slot-${i}`
+      );
+    }) }),
+    /* @__PURE__ */ jsx2("div", { className: "mt-6 md:mt-8 flex justify-center", children: isLoading ? /* @__PURE__ */ jsx2("div", { className: "h-12 m-3 w-64" }) : releases.length > 0 && totalPages > 1 ? /* @__PURE__ */ jsx2(
+      PersistentPaginationWrapper,
+      {
+        isLoading: false,
+        currentPage,
+        totalPages,
+        onPageChange: goToPage,
+        variant: "blog"
+      }
+    ) : /* @__PURE__ */ jsx2("div", { className: "h-12 m-3 w-64", style: { visibility: "hidden" } }) })
+  ] }) }) });
+}
+
+// src/components/shared/media-gallery-strip.tsx
+import { useState } from "react";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function isGalleryImage(mediaType) {
+  return mediaType !== "video" && mediaType !== "demo";
+}
+function MediaGalleryStrip({ items, maxDisplay, className }) {
+  const [galleryOpen, setGalleryOpen] = useState(false);
+  const [galleryIndex, setGalleryIndex] = useState(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__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx3("div", { className: `flex gap-6 overflow-x-auto w-full ${className ?? ""}`, children: display.map((mediaItem, index) => {
+      if (isGalleryImage(mediaItem.media_type)) {
+        return /* @__PURE__ */ jsx3(
+          "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__ */ jsx3("img", { src: mediaItem.media_url, alt: mediaItem.title || `Media ${index + 1}`, className: "w-full h-full object-cover" })
+          },
+          mediaItem.id || index
+        );
+      }
+      return /* @__PURE__ */ jsx3("div", { className: tileClass, children: /* @__PURE__ */ jsx3(Video, { url: mediaItem.media_url, layout: "native" }) }, mediaItem.id || index);
+    }) }),
+    galleryImages.length > 0 && /* @__PURE__ */ jsx3(
+      ImageGalleryModal,
+      {
+        images: galleryImages,
+        isOpen: galleryOpen,
+        onClose: () => setGalleryOpen(false),
+        initialIndex: galleryIndex
+      }
+    )
+  ] });
+}
+
+// src/components/shared/product-release/release-detail-page.tsx
+init_next_link();
+init_next_navigation();
+import { useState as useState2, useEffect } from "react";
+import { AlertTriangle, ExternalLink, BookMarked, Sparkles, TrendingUp, Wrench } from "lucide-react";
+import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var DefaultMarkdownRenderer = RichMarkdownRenderer;
+function ReleaseDetailPage({
+  authorHref,
+  slug,
+  initialData,
+  useRelease,
+  MarkdownRenderer = DefaultMarkdownRenderer,
+  RoadmapSection,
+  DeliverySection,
+  VideoSection,
+  VideoDisplaySection,
+  roadmapApiEndpoint = "/api/roadmap",
+  deliveryApiEndpoint = "/api/delivery",
+  backButton,
+  relatedContent,
+  shell = true
+}) {
+  const router = useRouter();
+  const renderShell = (node) => shell ? /* @__PURE__ */ jsx4(PageShell, { children: node }) : /* @__PURE__ */ jsx4("div", { className: "page-shell-content", children: node });
+  const { data: fetchedRelease, error, isLoading } = useRelease(initialData ? void 0 : slug);
+  const release = initialData || fetchedRelease;
+  const showBackButton = backButton !== false;
+  const backLabel = (backButton ? backButton.label : void 0) ?? "Back to home";
+  const backHref = (backButton ? backButton.href : void 0) ?? "/";
+  const [roadmapTasks, setRoadmapTasks] = useState2([]);
+  const [deliveryData, setDeliveryData] = useState2(null);
+  const [roadmapLoading, setRoadmapLoading] = useState2(false);
+  const [deliveryLoading, setDeliveryLoading] = useState2(false);
+  useEffect(() => {
+    async function fetchLinkedTasks() {
+      if (!release) return;
+      try {
+        const roadmapTasksData = release.clickup_roadmap_tasks;
+        if (roadmapTasksData && roadmapTasksData.length > 0 && RoadmapSection) {
+          setRoadmapLoading(true);
+          const roadmapIds = roadmapTasksData.map((t) => t.clickup_task_id).join(",");
+          const roadmapResponse = await contentFetch(`${roadmapApiEndpoint}?task_ids=${roadmapIds}`);
+          const roadmapData = await roadmapResponse.json();
+          setRoadmapTasks(roadmapData.items || []);
+          setRoadmapLoading(false);
+        }
+        const deliveryTasksData = release.clickup_delivery_tasks;
+        if (deliveryTasksData && deliveryTasksData.length > 0 && DeliverySection) {
+          setDeliveryLoading(true);
+          const deliveryIds = deliveryTasksData.map((t) => t.clickup_task_id).join(",");
+          const deliveryResponse = await contentFetch(`${deliveryApiEndpoint}?task_ids=${deliveryIds}`);
+          const deliveryResponseData = await deliveryResponse.json();
+          setDeliveryData(deliveryResponseData);
+          setDeliveryLoading(false);
+        }
+      } catch (err) {
+        console.error("Error fetching linked tasks:", err);
+        setRoadmapLoading(false);
+        setDeliveryLoading(false);
+      }
+    }
+    fetchLinkedTasks();
+  }, [release, RoadmapSection, DeliverySection, roadmapApiEndpoint, deliveryApiEndpoint]);
+  if (!initialData && isLoading) {
+    return renderShell(
+      // Match the loaded page's top offset (TitleBlock's
+      // `pt-[var(--spacing-system-l)]`) so content doesn't jump on load.
+      /* @__PURE__ */ jsx4("div", { className: "pt-[var(--spacing-system-l)]", children: /* @__PURE__ */ jsx4(DetailPageSkeleton, { bare: true, metadataColumns: 4, showImageGallery: true }) })
+    );
+  }
+  if (error || !release) {
+    return renderShell(
+      /* @__PURE__ */ jsxs4("div", { className: "text-center py-16", children: [
+        /* @__PURE__ */ jsx4("h1", { className: "text-4xl font-bold text-ods-text-primary mb-4", children: "Release Not Found" }),
+        /* @__PURE__ */ jsx4("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;
+  const releaseTitle = release.title;
+  const releaseVersion = release.version;
+  const releaseSummary = release.summary;
+  const releaseContent = release.content;
+  const releaseDate = release.release_date;
+  const releaseType = release.release_type;
+  const releaseStatus = release.release_status;
+  const releaseMedia = release.release_media;
+  const author = release.author;
+  const githubReleases = release.github_releases;
+  const knowledgeBaseLinks = release.knowledge_base_links;
+  const migrationGuideUrl = release.migration_guide_url;
+  const documentationUrl = release.documentation_url;
+  const youtubeUrl = release.youtube_url;
+  const mainVideoUrl = release.main_video_url;
+  const videoBites = release.video_bites;
+  const highlightVideoUrl = release.highlight_video_url;
+  const highlightVideoThumbnail = release.highlight_video_thumbnail;
+  const breakingChanges = release.breaking_changes;
+  const featuresAdded = release.features_added;
+  const bugFixed = release.bugs_fixed;
+  const improvements = release.improvements;
+  return renderShell(
+    /* @__PURE__ */ jsxs4(
+      PageLayout,
+      {
+        title: releaseTitle,
+        subtitle: `Version: ${releaseVersion}`,
+        titleSize: "h1",
+        backButton: showBackButton ? { label: backLabel, onClick: () => router.push(backHref) } : void 0,
+        children: [
+          /* @__PURE__ */ jsxs4("div", { className: "space-y-6 md:space-y-8", children: [
+            /* @__PURE__ */ jsx4(EntityTagBadges, { tags: release.product_release_tags }),
+            /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-1 md:grid-cols-4 border border-ods-border rounded-md overflow-hidden w-full", children: [
+              /* @__PURE__ */ jsx4("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__ */ jsxs4("div", { className: "flex flex-col gap-0", children: [
+                /* @__PURE__ */ jsx4("p", { className: "text-h4 text-ods-text-primary", children: releaseType.toLocaleUpperCase() }),
+                /* @__PURE__ */ jsx4("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Type" })
+              ] }) }),
+              /* @__PURE__ */ jsx4("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__ */ jsxs4("div", { className: "flex flex-col gap-0", children: [
+                /* @__PURE__ */ jsx4("p", { className: "text-h4 text-ods-text-primary", children: releaseStatus.toLocaleUpperCase() }),
+                /* @__PURE__ */ jsx4("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Status" })
+              ] }) }),
+              /* @__PURE__ */ jsx4("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__ */ jsxs4("div", { className: "flex flex-col gap-0", children: [
+                /* @__PURE__ */ jsx4("p", { className: "text-h4 text-ods-text-primary", children: formatReleaseDate(releaseDate) }),
+                /* @__PURE__ */ jsx4("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Date" })
+              ] }) }),
+              /* @__PURE__ */ jsx4(
+                EntityMetadataAuthorCell,
+                {
+                  author: author ?? { full_name: null, avatar_url: null },
+                  authorHref: author?.full_name ? authorHref : void 0
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx4(MediaGalleryStrip, { items: releaseMedia ?? [], maxDisplay: 5 }),
+            releaseSummary && /* @__PURE__ */ jsx4("div", { className: "text-h4 text-ods-text-primary", children: /* @__PURE__ */ jsx4("p", { children: releaseSummary }) }),
+            VideoDisplaySection ? /* @__PURE__ */ jsx4(
+              VideoDisplaySection,
+              {
+                mainVideoUrl,
+                youtubeUrl,
+                highlightVideoUrl,
+                highlightVideoThumbnail,
+                title: releaseTitle,
+                videoBites,
+                bitesTitle: "Video Clips",
+                filterPublishedBites: true,
+                srtContent: release?.srt_content,
+                captionsUrl: release?.captionsUrl
+              }
+            ) : /* @__PURE__ */ jsxs4(Fragment3, { children: [
+              youtubeUrl && /* @__PURE__ */ jsx4(
+                Video,
+                {
+                  kind: "youtube",
+                  url: youtubeUrl,
+                  title: `${releaseTitle} - Video`,
+                  layout: "native"
+                }
+              ),
+              !youtubeUrl && mainVideoUrl && /* @__PURE__ */ jsx4(
+                Video,
+                {
+                  url: mainVideoUrl,
+                  srtContent: release?.srt_content,
+                  captionsUrl: release?.captionsUrl,
+                  layout: "centered"
+                }
+              ),
+              highlightVideoUrl && /* @__PURE__ */ jsx4(
+                Video,
+                {
+                  url: highlightVideoUrl,
+                  poster: highlightVideoThumbnail,
+                  layout: "centered"
+                }
+              )
+            ] }),
+            releaseContent && /* @__PURE__ */ jsx4("div", { className: "text-h4 text-ods-text-primary", children: /* @__PURE__ */ jsx4(MarkdownRenderer, { content: releaseContent }) }),
+            hasBreakingChanges && /* @__PURE__ */ jsx4(Card, { className: "border-red-500 bg-red-500/10", children: /* @__PURE__ */ jsx4(CardContent, { className: "p-6", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx4(AlertTriangle, { className: "h-6 w-6 text-red-500" }),
+              /* @__PURE__ */ jsxs4("div", { children: [
+                /* @__PURE__ */ jsx4("h3", { className: "font-bold text-red-500 text-lg", children: "Breaking Changes" }),
+                /* @__PURE__ */ jsx4("p", { className: "text-ods-text-secondary", children: "This release contains breaking changes. Review carefully before upgrading." })
+              ] })
+            ] }) }) }),
+            /* @__PURE__ */ jsx4(
+              ReleaseChangelogSection,
+              {
+                title: "Breaking Changes",
+                entries: breakingChanges || [],
+                isBreaking: true,
+                hideTitle: true,
+                icon: /* @__PURE__ */ jsx4(AlertTriangle, { className: "h-6 w-6" }),
+                SimpleMarkdownRenderer: MarkdownRenderer
+              }
+            ),
+            /* @__PURE__ */ jsx4(
+              ReleaseChangelogSection,
+              {
+                title: "Features Added",
+                entries: featuresAdded || [],
+                icon: /* @__PURE__ */ jsx4(Sparkles, { className: "h-6 w-6" }),
+                previewFirst: true,
+                SimpleMarkdownRenderer: MarkdownRenderer
+              }
+            ),
+            /* @__PURE__ */ jsx4(
+              ReleaseChangelogSection,
+              {
+                title: "Bugs Fixed",
+                entries: bugFixed || [],
+                icon: /* @__PURE__ */ jsx4(Wrench, { className: "h-6 w-6" }),
+                previewFirst: true,
+                SimpleMarkdownRenderer: MarkdownRenderer
+              }
+            ),
+            /* @__PURE__ */ jsx4(
+              ReleaseChangelogSection,
+              {
+                title: "Improvements",
+                entries: improvements || [],
+                icon: /* @__PURE__ */ jsx4(TrendingUp, { className: "h-6 w-6" }),
+                previewFirst: true,
+                SimpleMarkdownRenderer: MarkdownRenderer
+              }
+            ),
+            !VideoDisplaySection && VideoSection && videoBites && videoBites.length > 0 && /* @__PURE__ */ jsx4(
+              VideoSection,
+              {
+                bites: videoBites,
+                title: "Video Clips",
+                filterPublished: true
+              }
+            ),
+            RoadmapSection && (roadmapLoading || roadmapTasks.length > 0) && /* @__PURE__ */ jsxs4("div", { className: "space-y-4 w-full", children: [
+              /* @__PURE__ */ jsx4("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Roadmap Items" }),
+              /* @__PURE__ */ jsx4(
+                RoadmapSection,
+                {
+                  items: roadmapTasks,
+                  isLoading: roadmapLoading,
+                  onItemUpdate: (updatedItem) => {
+                    setRoadmapTasks(
+                      (prevTasks) => prevTasks.map(
+                        (task) => task.id === updatedItem.id ? updatedItem : task
+                      )
+                    );
+                  }
+                }
+              )
+            ] }),
+            DeliverySection && (deliveryLoading || deliveryData && (deliveryData.completed.length > 0 || deliveryData.inProgress.length > 0)) && /* @__PURE__ */ jsxs4("div", { className: "w-full space-y-4", children: [
+              /* @__PURE__ */ jsx4("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Enhancements and Bug-fixes" }),
+              /* @__PURE__ */ jsx4(
+                DeliverySection,
+                {
+                  data: deliveryData,
+                  isLoading: deliveryLoading
+                }
+              )
+            ] }),
+            (githubReleases?.length || knowledgeBaseLinks?.length || migrationGuideUrl || documentationUrl) && /* @__PURE__ */ jsxs4("div", { className: "space-y-1 w-full", children: [
+              /* @__PURE__ */ jsx4("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Links" }),
+              /* @__PURE__ */ jsx4(Card, { className: "bg-ods-card border-ods-border p-6", children: /* @__PURE__ */ jsxs4("div", { className: "space-y-4", children: [
+                githubReleases && githubReleases.length > 0 && /* @__PURE__ */ jsx4(Fragment3, { children: githubReleases.map((ghRelease) => /* @__PURE__ */ jsxs4("div", { className: "flex items-start gap-1", children: [
+                  /* @__PURE__ */ jsx4(GitHubIcon, { className: "shrink-0", width: 24, height: 24, color: "var(--color-text-secondary)" }),
+                  /* @__PURE__ */ jsx4("span", { className: "text-h4 text-ods-text-primary", children: "Github Release" }),
+                  /* @__PURE__ */ jsx4(
+                    "a",
+                    {
+                      href: ghRelease.github_release_url,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      className: "text-h4 text-[#ffc008] hover:underline",
+                      children: ghRelease.github_release_url.split("/").pop()
+                    }
+                  ),
+                  /* @__PURE__ */ jsx4(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
+                ] }, ghRelease.id)) }),
+                knowledgeBaseLinks && knowledgeBaseLinks.length > 0 && /* @__PURE__ */ jsx4(Fragment3, { 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__ */ jsxs4("div", { className: "flex items-start gap-1", children: [
+                    /* @__PURE__ */ jsx4(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
+                    /* @__PURE__ */ jsx4("span", { className: "text-h4 text-ods-text-primary", children: "Knowledge Base" }),
+                    /* @__PURE__ */ jsx4(
+                      next_link_default,
+                      {
+                        href: path.startsWith("http") ? path : `/knowledge-base${path.startsWith("/") ? "" : "/"}${path}`,
+                        className: "text-h4 text-[#ffc008] hover:underline",
+                        children: path.replace(/^\//, "").split("/").pop()?.replace(/-/g, " ") || "View Article"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx4(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
+                  ] }, linkId);
+                }) }),
+                migrationGuideUrl && /* @__PURE__ */ jsxs4("div", { className: "flex items-start gap-1", children: [
+                  /* @__PURE__ */ jsx4(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
+                  /* @__PURE__ */ jsx4(
+                    "a",
+                    {
+                      href: migrationGuideUrl,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      className: "text-h4 text-[#ffc008] hover:underline",
+                      children: "\u{1F4D6} Migration Guide"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx4(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
+                ] }),
+                documentationUrl && /* @__PURE__ */ jsxs4("div", { className: "flex items-start gap-1", children: [
+                  /* @__PURE__ */ jsx4(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
+                  /* @__PURE__ */ jsx4(
+                    "a",
+                    {
+                      href: documentationUrl,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      className: "text-h4 text-[#ffc008] hover:underline",
+                      children: "\u{1F4DA} Documentation"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx4(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
+                ] })
+              ] }) })
+            ] })
+          ] }),
+          relatedContent
+        ]
+      }
+    )
+  );
+}
+
+// src/components/shared/product-release/release-detail-skeleton.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+function ReleaseDetailSkeleton() {
+  return /* @__PURE__ */ jsx5(DetailPageSkeleton, { metadataColumns: 4, showImageGallery: true });
+}
+
+// src/components/shared/roadmap/use-roadmap-voting.ts
+import { useState as useState3, useEffect as useEffect2, useCallback } 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] = useState3({});
+  const [isLoading, setIsLoading] = useState3(true);
+  useEffect2(() => {
+    setIsLoading(true);
+    setVotes({});
+    try {
+      const stored = localStorage.getItem(storageKey);
+      if (stored) {
+        setVotes(JSON.parse(stored));
+      }
+    } catch (error) {
+      console.error("[Voting] Error loading votes from localStorage:", error);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [storageKey]);
+  useEffect2(() => {
+    if (!isLoading) {
+      try {
+        localStorage.setItem(storageKey, JSON.stringify(votes));
+      } catch (error) {
+        console.error("[Voting] Error saving votes to localStorage:", error);
+      }
+    }
+  }, [votes, isLoading, storageKey]);
+  const getVote = useCallback(
+    (taskId) => {
+      return votes[taskId] || null;
+    },
+    [votes]
+  );
+  const toggleVote = useCallback(
+    async (taskId, voteType) => {
+      const currentVote = votes[taskId];
+      let newVote = null;
+      let action = "add";
+      if (currentVote === voteType) {
+        newVote = null;
+        action = "remove";
+      } else {
+        if (currentVote) {
+          await contentFetch(voteApiEndpoint, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({
+              taskId,
+              voteType: currentVote,
+              action: "remove"
+            })
+          }).catch((err) => console.error("[Voting] Error removing opposite vote:", err));
+        }
+        newVote = voteType;
+        action = "add";
+      }
+      setVotes((prev) => ({
+        ...prev,
+        [taskId]: newVote
+      }));
+      try {
+        const response = await contentFetch(voteApiEndpoint, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ taskId, voteType, action })
+        });
+        if (!response.ok) {
+          throw new Error("Vote API request failed");
+        }
+        return { success: true, newVote, action };
+      } catch (error) {
+        console.error("[Voting] API error:", error);
+        setVotes((prev) => ({
+          ...prev,
+          [taskId]: currentVote
+        }));
+        return { success: false, newVote: currentVote, action };
+      }
+    },
+    [votes, voteApiEndpoint]
+  );
+  const clearVotes = useCallback(() => {
+    setVotes({});
+    localStorage.removeItem(storageKey);
+  }, [storageKey]);
+  return {
+    votes,
+    isLoading,
+    getVote,
+    toggleVote,
+    clearVotes
+  };
+}
+
+// src/components/shared/roadmap/roadmap-grid.tsx
+import { useEffect as useEffect3, useRef, useState as useState4 } from "react";
+init_cn();
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var DEFAULT_BUILD_REFRESH_URL = (taskId) => `/api/roadmap/${taskId}`;
+var BACKLOG = "Backlog";
+function getStatusPriority(status) {
+  const s = (status || "").toLowerCase();
+  if (s.includes("complete") || s.includes("done")) return 1;
+  if (s.includes("working") || s.includes("progress")) return 2;
+  if (s.includes("review")) return 3;
+  if (s.includes("to do") || s.includes("plan")) return 4;
+  return 5;
+}
+function parseQuarterString(q) {
+  const match = q.match(/Q(\d+)\s+(\d+)/);
+  if (!match) return null;
+  return { quarter: parseInt(match[1], 10), year: parseInt(match[2], 10) };
+}
+function compareQuarters(a, b) {
+  if (a.year !== b.year) return a.year - b.year;
+  return a.quarter - b.quarter;
+}
+function getCurrentQuarter() {
+  const now = /* @__PURE__ */ new Date();
+  return { quarter: Math.floor(now.getMonth() / 3) + 1, year: now.getFullYear() };
+}
+function computeDefaultExpandedQuarters(quarters, quartersToKeepClosed) {
+  const currentQ = getCurrentQuarter();
+  const out = [];
+  for (const q of quarters) {
+    if (q === BACKLOG) continue;
+    const parsed = parseQuarterString(q);
+    if (!parsed) continue;
+    const diff = compareQuarters(parsed, currentQ);
+    if (diff >= 0) {
+      out.push(q);
+    } else {
+      const quartersAgo = currentQ.year * 4 + currentQ.quarter - (parsed.year * 4 + parsed.quarter);
+      if (quartersAgo < quartersToKeepClosed) out.push(q);
+    }
+  }
+  if (quarters.includes(BACKLOG)) out.push(BACKLOG);
+  return out;
+}
+function RoadmapGridSingle({
+  items,
+  showLeftMargin,
+  getVote,
+  onVote,
+  votingTasks
+}) {
+  return /* @__PURE__ */ jsx6("div", { className: `grid grid-cols-1 md:grid-cols-2 gap-6 ${showLeftMargin ? "md:ml-[120px]" : ""}`, children: items.map((item) => (
+    // DOM id + sticky-header scroll offset live ON RoadmapCard's own
+    // outer element (no wrapper div). Anchor mirrors
+    // `buildDevSectionUrl('roadmap', <id>)` → `#roadmap-<external_id>`;
+    // `useScrollToHash` in `roadmap-view.tsx` finds the card by id
+    // and scrolls.
+    /* @__PURE__ */ jsx6(
+      RoadmapCard,
+      {
+        item,
+        id: devSectionAnchorId("roadmap", item.id),
+        userVote: getVote(item.id),
+        onVote: (voteType) => onVote(item.id, voteType),
+        isVoting: votingTasks.has(item.id)
+      },
+      item.id
+    )
+  )) });
+}
+function RoadmapGrid({
+  items,
+  onItemUpdate,
+  showLeftMargin = true,
+  buildRefreshUrl = DEFAULT_BUILD_REFRESH_URL,
+  votingOptions,
+  groupByQuarter = false,
+  hasActiveFilters = false,
+  quartersToKeepClosed = 2
+}) {
+  const { getVote, toggleVote } = useRoadmapVoting(votingOptions);
+  const [votingTasks, setVotingTasks] = useState4(/* @__PURE__ */ new Set());
+  const handleVote = async (taskId, voteType) => {
+    if (votingTasks.has(taskId)) return;
+    setVotingTasks((prev) => new Set(prev).add(taskId));
+    try {
+      const result = await toggleVote(taskId, voteType);
+      if (result.success) {
+        const response = await contentFetch(buildRefreshUrl(taskId));
+        if (response.ok) {
+          const data = await response.json();
+          if (data.item && onItemUpdate) onItemUpdate(data.item);
+        }
+      }
+    } finally {
+      setVotingTasks((prev) => {
+        const next = new Set(prev);
+        next.delete(taskId);
+        return next;
+      });
+    }
+  };
+  const itemsByQuarter = items.reduce((acc, item) => {
+    const q = item.quarter || BACKLOG;
+    (acc[q] || (acc[q] = [])).push(item);
+    return acc;
+  }, {});
+  for (const q of Object.keys(itemsByQuarter)) {
+    itemsByQuarter[q].sort((a, b) => getStatusPriority(a.status) - getStatusPriority(b.status));
+  }
+  const sortedQuarters = Object.keys(itemsByQuarter).sort((a, b) => {
+    if (a === BACKLOG) return 1;
+    if (b === BACKLOG) return -1;
+    const aD = parseQuarterString(a) ?? { quarter: 0, year: 0 };
+    const bD = parseQuarterString(b) ?? { quarter: 0, year: 0 };
+    return compareQuarters(aD, bD);
+  });
+  const sortedQuartersKey = sortedQuarters.join(",");
+  const [expandedQuarters, setExpandedQuarters] = useState4([]);
+  const [isInitialized, setIsInitialized] = useState4(false);
+  const hasSetInitialState = useRef(false);
+  const prevItemsLength = useRef(0);
+  useEffect3(() => {
+    const itemsJustLoaded = prevItemsLength.current === 0 && items.length > 0;
+    prevItemsLength.current = items.length;
+    if (sortedQuarters.length > 0 && (!hasSetInitialState.current || itemsJustLoaded)) {
+      hasSetInitialState.current = true;
+      setExpandedQuarters(
+        hasActiveFilters ? [...sortedQuarters] : computeDefaultExpandedQuarters(sortedQuarters, quartersToKeepClosed)
+      );
+      setIsInitialized(true);
+    }
+  }, [sortedQuarters.length, items.length]);
+  useEffect3(() => {
+    if (!isInitialized || sortedQuarters.length === 0) return;
+    setExpandedQuarters(
+      hasActiveFilters ? [...sortedQuarters] : computeDefaultExpandedQuarters(sortedQuarters, quartersToKeepClosed)
+    );
+  }, [hasActiveFilters, sortedQuartersKey, isInitialized, quartersToKeepClosed]);
+  if (items.length === 0) {
+    return /* @__PURE__ */ jsx6(
+      EmptyState,
+      {
+        type: "generic",
+        title: "No roadmap items",
+        description: "Check back soon for upcoming features and improvements!"
+      }
+    );
+  }
+  if (!groupByQuarter) {
+    return /* @__PURE__ */ jsx6(
+      RoadmapGridSingle,
+      {
+        items,
+        showLeftMargin,
+        getVote,
+        onVote: handleVote,
+        votingTasks
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx6(
+    Accordion,
+    {
+      type: "multiple",
+      value: expandedQuarters,
+      onValueChange: setExpandedQuarters,
+      className: "flex flex-col gap-10",
+      children: sortedQuarters.map((quarter) => {
+        const itemCount = itemsByQuarter[quarter]?.length || 0;
+        const isExpanded = expandedQuarters.includes(quarter);
+        return /* @__PURE__ */ jsxs5(
+          AccordionItem,
+          {
+            value: quarter,
+            id: `quarter-${quarter.replace(/\s+/g, "-").toLowerCase()}`,
+            className: "border-0",
+            children: [
+              /* @__PURE__ */ jsx6(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__ */ jsxs5("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsxs5(
+                  "h3",
+                  {
+                    className: cn(
+                      "font-['Azeret_Mono'] font-semibold text-[24px] md:text-[28px] lg:text-[32px] leading-[32px] md:leading-[36px] lg:leading-[40px] text-ods-text-primary tracking-[-0.48px] md:tracking-[-0.56px] lg:tracking-[-0.64px] transition-opacity",
+                      isExpanded ? "opacity-100" : "opacity-60"
+                    ),
+                    children: [
+                      quarter,
+                      /* @__PURE__ */ jsx6("span", { className: "text-ods-accent", children: ":" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs5(
+                  "span",
+                  {
+                    className: cn(
+                      "text-sm font-medium transition-opacity",
+                      isExpanded ? "text-ods-text-secondary opacity-100" : "text-ods-text-tertiary opacity-60"
+                    ),
+                    children: [
+                      itemCount,
+                      " ",
+                      itemCount === 1 ? "item" : "items",
+                      isInitialized && !isExpanded && /* @__PURE__ */ jsx6("span", { className: "ml-2 text-ods-accent", children: "Click to expand" })
+                    ]
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsx6(AccordionContent, { className: "pt-4 pb-0 overflow-hidden data-[state=closed]:animate-none data-[state=open]:animate-none", children: /* @__PURE__ */ jsx6(
+                RoadmapGridSingle,
+                {
+                  items: itemsByQuarter[quarter],
+                  showLeftMargin,
+                  getVote,
+                  onVote: handleVote,
+                  votingTasks
+                }
+              ) })
+            ]
+          },
+          quarter
+        );
+      })
+    }
+  );
+}
+
+// src/components/shared/roadmap/roadmap-grid-skeleton.tsx
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function RoadmapCardSkeleton() {
+  return /* @__PURE__ */ jsxs6("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-[24px] flex flex-col gap-[16px] min-h-[340px] relative", children: [
+    /* @__PURE__ */ jsx7("div", { className: "absolute top-[24px] right-[24px]", children: /* @__PURE__ */ jsx7("div", { className: "h-[20px] w-[80px] bg-ods-border rounded animate-pulse" }) }),
+    /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-[16px] pr-[120px]", children: [
+      /* @__PURE__ */ jsx7("div", { className: "w-[80px] h-[80px] bg-ods-border rounded-lg flex-shrink-0 animate-pulse" }),
+      /* @__PURE__ */ jsxs6("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx7("div", { className: "min-h-[48px] flex items-center", children: /* @__PURE__ */ jsx7("div", { className: "h-[24px] w-full bg-ods-border rounded animate-pulse" }) }),
+        /* @__PURE__ */ jsx7("div", { className: "min-h-[20px] flex items-center", children: /* @__PURE__ */ jsx7("div", { className: "h-[14px] w-1/2 bg-ods-border rounded animate-pulse" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx7("div", { className: "min-h-[72px] flex items-center", children: /* @__PURE__ */ jsxs6("div", { className: "w-full space-y-2", children: [
+      /* @__PURE__ */ jsx7("div", { className: "h-[24px] bg-ods-border rounded animate-pulse" }),
+      /* @__PURE__ */ jsx7("div", { className: "h-[24px] bg-ods-border rounded animate-pulse" }),
+      /* @__PURE__ */ jsx7("div", { className: "h-[24px] w-4/5 bg-ods-border rounded animate-pulse" })
+    ] }) }),
+    /* @__PURE__ */ jsx7("div", { className: "flex-1" }),
+    /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx7("div", { className: "h-[48px] w-[120px] bg-ods-border rounded animate-pulse" }),
+      /* @__PURE__ */ jsx7("div", { className: "h-[32px] w-[100px] bg-ods-border rounded animate-pulse" })
+    ] })
+  ] });
+}
+function RoadmapGridSkeleton({ count = 4, showLeftMargin = true }) {
+  return /* @__PURE__ */ jsx7("div", { className: `grid grid-cols-1 md:grid-cols-2 gap-6 ${showLeftMargin ? "md:ml-[120px]" : ""}`, children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx7(RoadmapCardSkeleton, {}, i)) });
+}
+
+// src/components/shared/roadmap/roadmap-view.tsx
+import { useMemo } from "react";
+import { jsx as jsx8 } 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;
+function RoadmapView({
+  endpoint = DEFAULT_ENDPOINT2,
+  initialItems,
+  showLeftMargin,
+  buildRefreshUrl,
+  votingOptions,
+  searchParamKey = DEFAULT_SEARCH_PARAM_KEY2,
+  statusParamKey = DEFAULT_STATUS_PARAM_KEY2
+} = {}) {
+  const searchParams = useSearchParams();
+  const search = searchParams.get(searchParamKey) || "";
+  const status = searchParams.get(statusParamKey) || "all";
+  const listParams = new URLSearchParams();
+  if (search) listParams.set(searchParamKey, search);
+  if (status && status !== "all") listParams.set(statusParamKey, status);
+  const qs = listParams.toString();
+  const url = qs ? `${endpoint}?${qs}` : endpoint;
+  const initialData = useMemo(() => initialItems ? { items: initialItems } : void 0, [initialItems]);
+  const { data, setData, isLoading, error, reload } = useSelfFetch(
+    url,
+    { initialData }
+  );
+  const items = data?.items ?? [];
+  useScrollToHash(data, { headerOffset: STICKY_HEADER_OFFSET_PX });
+  if (error) {
+    return /* @__PURE__ */ jsx8(LoadError, { message: "Failed to load roadmap.", onRetry: reload });
+  }
+  if (isLoading && !data) {
+    return /* @__PURE__ */ jsx8(RoadmapGridSkeleton, { showLeftMargin });
+  }
+  return /* @__PURE__ */ jsx8(
+    RoadmapGrid,
+    {
+      items,
+      showLeftMargin,
+      buildRefreshUrl,
+      votingOptions,
+      groupByQuarter: true,
+      hasActiveFilters: search !== "" || status !== "all",
+      onItemUpdate: (updated) => setData(
+        (prev) => prev ? { ...prev, items: (prev.items ?? []).map((it) => it.id === updated.id ? updated : it) } : prev
+      )
+    }
+  );
+}
+
+// src/components/shared/delivery/delivery-table.tsx
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+function SkeletonRow() {
+  return /* @__PURE__ */ jsx9("div", { className: "border-b border-ods-border last:border-b-0 p-[12px] md:p-[16px]", children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]", children: [
+      /* @__PURE__ */ jsx9("div", { className: "min-h-[24px] flex items-center", children: /* @__PURE__ */ jsx9("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }) }),
+      /* @__PURE__ */ jsx9("div", { className: "min-h-[20px] flex items-center", children: /* @__PURE__ */ jsx9("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-1/2" }) }),
+      /* @__PURE__ */ jsx9("div", { className: "min-h-[72px] flex items-center", children: /* @__PURE__ */ jsxs7("div", { className: "flex-1 space-y-1", children: [
+        /* @__PURE__ */ jsx9("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }),
+        /* @__PURE__ */ jsx9("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }),
+        /* @__PURE__ */ jsx9("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-2/3" })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs7("div", { className: "flex-shrink-0 self-start flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx9("div", { className: "h-[32px] w-[100px] bg-ods-border rounded animate-pulse" }),
+      /* @__PURE__ */ jsx9("div", { className: "h-[32px] w-[120px] bg-ods-border rounded animate-pulse" })
+    ] })
+  ] }) });
+}
+function DeliveryTable({ items, isLoading = false }) {
+  if (isLoading) {
+    return /* @__PURE__ */ jsx9("div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full", children: /* @__PURE__ */ jsx9("div", { className: "w-full", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx9(SkeletonRow, {}, i)) }) });
+  }
+  if (items.length === 0) {
+    return /* @__PURE__ */ jsx9("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-[40px] text-center w-full", children: /* @__PURE__ */ jsx9("p", { className: "text-ods-text-secondary text-[14px] font-['DM_Sans'] font-medium", children: "No tasks available" }) });
+  }
+  return /* @__PURE__ */ jsx9("div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full", children: /* @__PURE__ */ jsx9("div", { className: "w-full", children: items.map((item) => (
+    // DOM id lives on DeliveryRow's own outer element (no wrapper
+    // div). Anchor mirrors `buildDevSectionUrl('delivery', <id>)`
+    // → `#delivery-<external_id>`; `useScrollToHash` in
+    // `delivery-lists.tsx` finds the row by id and scrolls. The
+    // outer wrapper here ONLY exists for the row separators.
+    /* @__PURE__ */ jsx9(
+      "div",
+      {
+        className: "border-b border-ods-border last:border-b-0",
+        children: /* @__PURE__ */ jsx9(DeliveryRow, { item, id: devSectionAnchorId("delivery", item.id) })
+      },
+      item.id
+    )
+  )) }) });
+}
+
+// src/components/shared/delivery/delivery-lists.tsx
+import { useEffect as useEffect4, useState as useState5 } from "react";
+import { jsx as jsx10, jsxs as jsxs8 } 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;
+var DEFAULT_TASK_TYPE_PARAM_KEY = DEV_SECTION_PARAM_KEYS.deliveryTaskType;
+function DeliveryLists({
+  completedApiEndpoint = DEFAULT_COMPLETED_ENDPOINT,
+  inProgressApiEndpoint = DEFAULT_IN_PROGRESS_ENDPOINT,
+  searchParamKey = DEFAULT_SEARCH_PARAM_KEY3,
+  taskTypeParamKey = DEFAULT_TASK_TYPE_PARAM_KEY
+} = {}) {
+  const searchParams = useSearchParams();
+  const router = useRouter();
+  const pathname = usePathname();
+  const [data, setData] = useState5(null);
+  const [isLoading, setIsLoading] = useState5(true);
+  const [error, setError] = useState5(null);
+  const searchQuery = searchParams.get(searchParamKey) || "";
+  const taskTypeFilter = searchParams.get(taskTypeParamKey) || "all";
+  useEffect4(() => {
+    async function fetchDeliveryData() {
+      try {
+        setIsLoading(true);
+        setError(null);
+        const params = new URLSearchParams();
+        if (searchQuery) {
+          params.set(searchParamKey, searchQuery);
+        }
+        if (taskTypeFilter && taskTypeFilter !== "all") {
+          params.set(taskTypeParamKey, taskTypeFilter);
+        }
+        const queryString = params.toString();
+        const queryParam = queryString ? `?${queryString}` : "";
+        const [completedResponse, inProgressResponse] = await Promise.all([
+          contentFetch(`${completedApiEndpoint}${queryParam}`),
+          contentFetch(`${inProgressApiEndpoint}${queryParam}`)
+        ]);
+        if (!completedResponse.ok || !inProgressResponse.ok) {
+          throw new Error("Failed to fetch delivery items");
+        }
+        const [completedResult, inProgressResult] = await Promise.all([
+          completedResponse.json(),
+          inProgressResponse.json()
+        ]);
+        setData({
+          completed: completedResult.items || [],
+          inProgress: inProgressResult.items || []
+        });
+      } catch (err) {
+        console.error("Error fetching delivery items:", err);
+        setError("Failed to load delivery items. Please try again later.");
+      } finally {
+        setIsLoading(false);
+      }
+    }
+    fetchDeliveryData();
+  }, [searchQuery, taskTypeFilter, completedApiEndpoint, inProgressApiEndpoint, searchParamKey, taskTypeParamKey]);
+  const filteredCompleted = data?.completed || [];
+  const filteredInProgress = data?.inProgress || [];
+  useScrollToHash(data, { headerOffset: STICKY_HEADER_OFFSET_PX });
+  const showCompleted = true;
+  const showInProgress = true;
+  const hasActiveFilters = searchQuery !== "" || taskTypeFilter !== "all";
+  const hasResults = showCompleted && filteredCompleted.length > 0 || showInProgress && filteredInProgress.length > 0;
+  if (error) {
+    return /* @__PURE__ */ jsx10("div", { className: "w-full", children: /* @__PURE__ */ jsx10(LoadError, { message: error, onRetry: () => window.location.reload() }) });
+  }
+  return /* @__PURE__ */ jsxs8("div", { className: "w-full flex flex-col gap-[40px]", children: [
+    !isLoading && !hasResults && (hasActiveFilters ? /* @__PURE__ */ jsx10(
+      EmptyState,
+      {
+        type: "search",
+        title: "No tasks found",
+        description: "No tasks match your current filters. Try adjusting your search or status filter.",
+        showCTA: true,
+        ctaText: "Reset Filters",
+        onCtaClick: () => {
+          const params = new URLSearchParams(searchParams.toString());
+          params.delete(searchParamKey);
+          params.delete(taskTypeParamKey);
+          router.replace(`${pathname}?${params.toString()}`, { scroll: false });
+        }
+      }
+    ) : /* @__PURE__ */ jsx10(
+      EmptyState,
+      {
+        type: "generic",
+        title: "No tasks available",
+        description: "Check back soon for upcoming tasks!",
+        showCTA: false
+      }
+    )),
+    showCompleted && (hasResults || isLoading) && /* @__PURE__ */ jsxs8("div", { className: "w-full", children: [
+      /* @__PURE__ */ jsxs8("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__ */ jsx10("span", { className: "text-ods-accent", children: ":" })
+      ] }),
+      /* @__PURE__ */ jsx10(
+        DeliveryTable,
+        {
+          items: filteredCompleted,
+          isLoading
+        }
+      )
+    ] }),
+    showInProgress && (hasResults || isLoading) && /* @__PURE__ */ jsxs8("div", { className: "w-full", children: [
+      /* @__PURE__ */ jsxs8("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__ */ jsx10("span", { className: "text-ods-accent", children: ":" })
+      ] }),
+      /* @__PURE__ */ jsx10(
+        DeliveryTable,
+        {
+          items: filteredInProgress,
+          isLoading
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/shared/legal-document/use-legal-docs.ts
+import { useState as useState6, useEffect as useEffect5, useCallback as useCallback2 } from "react";
+function useLegalDocs(docType, options = {}) {
+  const { initialData = null, apiEndpoint } = options;
+  const effectiveEndpoint = apiEndpoint ?? `/api/legal/${docType}`;
+  const [data, setData] = useState6(initialData ?? null);
+  const [isLoading, setIsLoading] = useState6(!initialData);
+  const [error, setError] = useState6(null);
+  const fetchDocument = useCallback2(async () => {
+    try {
+      setIsLoading(true);
+      setError(null);
+      const response = await contentFetch(effectiveEndpoint);
+      if (!response.ok) {
+        throw new Error(
+          `Failed to fetch ${docType} document: ${response.status} ${response.statusText}`
+        );
+      }
+      const result = await response.json();
+      if (!result.content) {
+        throw new Error(`${docType} document content is empty`);
+      }
+      setData(result);
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : "Unknown error occurred";
+      console.error("Error fetching legal document:", docType, err);
+      setError(errorMessage);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [docType, effectiveEndpoint]);
+  useEffect5(() => {
+    setData(initialData ?? null);
+    setError(null);
+    setIsLoading(!initialData);
+  }, [docType, initialData]);
+  useEffect5(() => {
+    if (initialData) return;
+    fetchDocument();
+  }, [fetchDocument, initialData]);
+  const refetch = () => {
+    fetchDocument();
+  };
+  return {
+    data,
+    isLoading,
+    error,
+    refetch
+  };
+}
+
+// src/components/shared/legal-document/legal-document-page.tsx
+init_next_navigation();
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function LegalDocumentPage({
+  docType,
+  title,
+  fallbackDescription,
+  contactEmail,
+  errorContactPrompt,
+  errorTitle,
+  emptyStateMessage,
+  initialData = null,
+  initialLastUpdatedLabel = null,
+  apiEndpoint,
+  MarkdownRenderer = RichMarkdownRenderer,
+  backButton,
+  shell = true
+}) {
+  const router = useRouter();
+  const { data, isLoading, error } = useLegalDocs(docType, { initialData, apiEndpoint });
+  const backCfg = backButton === false ? void 0 : {
+    label: backButton?.label ?? "Back to home",
+    onClick: () => router.push(backButton?.href ?? "/")
+  };
+  const fallbackLastUpdatedLabel = data?.lastSynced != null ? formatLegalDate(data.lastSynced) : null;
+  const effectiveLastUpdatedLabel = initialLastUpdatedLabel ?? fallbackLastUpdatedLabel;
+  const subtitle = effectiveLastUpdatedLabel ? `Last Updated: ${effectiveLastUpdatedLabel}` : fallbackDescription;
+  const inner = /* @__PURE__ */ jsxs9(PageLayout, { title, subtitle, backButton: backCfg, titleSize: "h1", children: [
+    data?.sourceFile && /* @__PURE__ */ jsxs9("p", { className: "font-['DM_Sans'] text-sm text-ods-text-secondary opacity-75", children: [
+      "Source: ",
+      data.sourceFile
+    ] }),
+    /* @__PURE__ */ jsx11("div", { className: "flex flex-col lg:flex-row gap-6 lg:gap-10 items-start flex-1", children: /* @__PURE__ */ jsx11("div", { className: "flex-1", children: /* @__PURE__ */ jsx11("div", { className: "w-full", children: /* @__PURE__ */ jsx11("article", { className: "space-y-2", children: isLoading ? (
+      // Loading skeleton matching Knowledge Hub pattern
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsx11("div", { className: "h-10 bg-ods-skeleton rounded-lg w-3/4 animate-pulse" }),
+        /* @__PURE__ */ jsxs9("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx11("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
+          /* @__PURE__ */ jsx11("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
+          /* @__PURE__ */ jsx11("div", { className: "h-4 bg-ods-skeleton rounded w-5/6 animate-pulse" })
+        ] }),
+        /* @__PURE__ */ jsx11("div", { className: "h-32 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
+        /* @__PURE__ */ jsxs9("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx11("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
+          /* @__PURE__ */ jsx11("div", { className: "h-4 bg-ods-skeleton rounded w-4/5 animate-pulse" })
+        ] })
+      ] })
+    ) : error ? /* @__PURE__ */ jsxs9("div", { className: "text-center space-y-4", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "bg-red-900/20 border border-red-700 rounded-lg p-6", children: [
+        /* @__PURE__ */ jsx11("p", { className: "text-red-400 mb-2", children: errorTitle }),
+        /* @__PURE__ */ jsx11("p", { className: "text-red-300 text-sm", children: error })
+      ] }),
+      /* @__PURE__ */ jsxs9("div", { className: "text-ods-text-secondary", children: [
+        /* @__PURE__ */ jsx11("p", { children: errorContactPrompt }),
+        /* @__PURE__ */ jsx11("a", { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail })
+      ] })
+    ] }) : data ? /* @__PURE__ */ jsx11(
+      MarkdownRenderer,
+      {
+        content: data.content,
+        sectionIds: data.sections || [],
+        demoteMarkdownH1ToH2: true
+      }
+    ) : /* @__PURE__ */ jsxs9("div", { className: "text-center text-ods-text-secondary py-16", children: [
+      /* @__PURE__ */ jsx11("p", { className: "text-xl", children: emptyStateMessage }),
+      /* @__PURE__ */ jsxs9("p", { className: "mt-2", children: [
+        "Please contact",
+        " ",
+        /* @__PURE__ */ jsx11("a", { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail }),
+        " ",
+        "for more information."
+      ] })
+    ] }) }) }) }) })
+  ] });
+  return shell ? /* @__PURE__ */ jsx11(PageShell, { children: inner }) : /* @__PURE__ */ jsx11("div", { className: "page-shell-content", children: inner });
+}
+
+export {
+  PersistentPagination,
+  usePaginationLoading,
+  PersistentPaginationWrapper,
+  ProductReleasesView,
+  MediaGalleryStrip,
+  ReleaseDetailPage,
+  ReleaseDetailSkeleton,
+  useRoadmapVoting,
+  RoadmapGrid,
+  RoadmapGridSkeleton,
+  RoadmapView,
+  DeliveryTable,
+  DeliveryLists,
+  useLegalDocs,
+  LegalDocumentPage
+};
+//# sourceMappingURL=chunk-CSLMCBZV.js.map