@flamingo-stack/openframe-frontend-core 0.0.764 → 0.0.766

package/dist/{chunk-IDGOMHTC.cjs → chunk-NF3PBWDJ.cjs}

@@ -1,22 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkLVKUMVUJcjs = require('./chunk-LVKUMVUJ.cjs');
 
 
 
+var _chunk7U3ELNGCcjs = require('./chunk-7U3ELNGC.cjs');
 
-var _chunkLNGR4DXAcjs = require('./chunk-LNGR4DXA.cjs');
 
 
-var _chunkTSJUL6IHcjs = require('./chunk-TSJUL6IH.cjs');
+var _chunkYRFWOJF4cjs = require('./chunk-YRFWOJF4.cjs');
 
 
 
-var _chunk3FC6AKEJcjs = require('./chunk-3FC6AKEJ.cjs');
+var _chunkHNQRY6RUcjs = require('./chunk-HNQRY6RU.cjs');
 
 
-var _chunkRM6AHNM4cjs = require('./chunk-RM6AHNM4.cjs');
 
 
 
@@ -28,31 +26,30 @@ var _chunkRM6AHNM4cjs = require('./chunk-RM6AHNM4.cjs');
 
 
 
+var _chunkVRDHAR3Xcjs = require('./chunk-VRDHAR3X.cjs');
 
-var _chunkVL6IXTAIcjs = require('./chunk-VL6IXTAI.cjs');
 
+var _chunkZV45VS6Kcjs = require('./chunk-ZV45VS6K.cjs');
 
-var _chunk2IFCRPNPcjs = require('./chunk-2IFCRPNP.cjs');
 
 
+var _chunkXVFM6SJAcjs = require('./chunk-XVFM6SJA.cjs');
 
-var _chunkXCH7SPGIcjs = require('./chunk-XCH7SPGI.cjs');
 
 
 
+var _chunk7VI7TOGIcjs = require('./chunk-7VI7TOGI.cjs');
 
-var _chunkT5FRANE6cjs = require('./chunk-T5FRANE6.cjs');
 
 
 
-
-var _chunk74ALTXXCcjs = require('./chunk-74ALTXXC.cjs');
+var _chunkYL6ZB2SRcjs = require('./chunk-YL6ZB2SR.cjs');
 
 
 var _chunkEWCFJLNUcjs = require('./chunk-EWCFJLNU.cjs');
 
 
-var _chunk3RYIF4OWcjs = require('./chunk-3RYIF4OW.cjs');
+var _chunkXXJL5GY3cjs = require('./chunk-XXJL5GY3.cjs');
 
 
 
@@ -60,8 +57,8 @@ var _chunk3RYIF4OWcjs = require('./chunk-3RYIF4OW.cjs');
 var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
 
 
-var _chunkNS64LMVEcjs = require('./chunk-NS64LMVE.cjs');
 
+var _chunkFZB4RMRKcjs = require('./chunk-FZB4RMRK.cjs');
 
 
 
@@ -78,7 +75,7 @@ var _chunkNS64LMVEcjs = require('./chunk-NS64LMVE.cjs');
 
 
 
-var _chunk22XAPV6Ncjs = require('./chunk-22XAPV6N.cjs');
+var _chunkDGNBXZXTcjs = require('./chunk-DGNBXZXT.cjs');
 
 
 
@@ -88,28 +85,32 @@ var _chunkBLH2SFOOcjs = require('./chunk-BLH2SFOO.cjs');
 var _chunkASMNNSUQcjs = require('./chunk-ASMNNSUQ.cjs');
 
 
-var _chunkHOTM4UM6cjs = require('./chunk-HOTM4UM6.cjs');
+var _chunkE76ONBKFcjs = require('./chunk-E76ONBKF.cjs');
 
 
 var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
 
 
-var _chunkNO5UJLLQcjs = require('./chunk-NO5UJLLQ.cjs');
+var _chunkWEANWBJHcjs = require('./chunk-WEANWBJH.cjs');
+
 
 
-var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 
-var _chunkH3RYUTNDcjs = require('./chunk-H3RYUTND.cjs');
+var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
 
 
-var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
+var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
+
+
+var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
 
 // src/components/shared/product-release/product-releases-view.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var DEFAULT_ENDPOINT = "/api/releases";
-var DEFAULT_SEARCH_PARAM_KEY = _chunkT5FRANE6cjs.DEV_SECTION_PARAM_KEYS.search;
-var DEFAULT_STATUS_PARAM_KEY = _chunkT5FRANE6cjs.DEV_SECTION_PARAM_KEYS.releaseStatus;
+var PAGER_ROW_CLASS = "flex w-full justify-center";
+var DEFAULT_SEARCH_PARAM_KEY = _chunk7VI7TOGIcjs.DEV_SECTION_PARAM_KEYS.search;
+var DEFAULT_STATUS_PARAM_KEY = _chunk7VI7TOGIcjs.DEV_SECTION_PARAM_KEYS.releaseStatus;
 var DEFAULT_PAGE_PARAM_KEY = "page";
 function ReleaseRow({
   release,
@@ -118,17 +119,17 @@ function ReleaseRow({
 }) {
   const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
-  const cta = _chunkT5FRANE6cjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _2 => _2.composeContentUrl]), {
+  const cta = _chunk7VI7TOGIcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _2 => _2.composeContentUrl]), {
     type: "product_release",
     slug: release.slug,
     basePath,
     platforms: release.product_release_platforms
   });
-  const { target, rel } = _chunk22XAPV6Ncjs.useEntityCardLink.call(void 0, { href: cta.href, targetPlatform: cta.targetPlatform });
+  const { target, rel } = _chunkDGNBXZXTcjs.useEntityCardLink.call(void 0, { href: cta.href, targetPlatform: cta.targetPlatform });
   const onClick = (e) => {
-    if (e.defaultPrevented || _chunk22XAPV6Ncjs.isModifierClick.call(void 0, e) || target === "_blank") return;
+    if (e.defaultPrevented || _chunkDGNBXZXTcjs.isModifierClick.call(void 0, e) || target === "_blank") return;
     e.preventDefault();
-    _chunk74ALTXXCcjs.executeNavigationImperative.call(void 0, {
+    _chunkYL6ZB2SRcjs.executeNavigationImperative.call(void 0, {
       runtime,
       href: cta.href,
       targetPlatform: cta.targetPlatform,
@@ -136,7 +137,7 @@ function ReleaseRow({
     });
   };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk22XAPV6Ncjs.ProductReleaseCard,
+    _chunkFZB4RMRKcjs.ProductReleaseCard,
     {
       size: "lg",
       title: release.title,
@@ -152,7 +153,7 @@ function ProductReleasesView({
   initialData,
   itemsPerPage = 5,
   basePath = "/releases",
-  buildCardProps = _chunk22XAPV6Ncjs.buildProductReleaseCardProps,
+  buildCardProps = _chunkDGNBXZXTcjs.buildProductReleaseCardProps,
   searchParamKey = DEFAULT_SEARCH_PARAM_KEY,
   statusParamKey = DEFAULT_STATUS_PARAM_KEY,
   pageParamKey = DEFAULT_PAGE_PARAM_KEY,
@@ -168,12 +169,19 @@ function ProductReleasesView({
   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 } = _chunkNS64LMVEcjs.useSelfFetch.call(void 0, 
-    `${endpoint}?${listParams.toString()}`,
-    { initialData }
-  );
-  const releases = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _3 => _3.data]), () => ( []));
-  const totalCount = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _4 => _4.count]), () => ( 0));
+  const inScope = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const {
+    data,
+    isLoading: fetching,
+    error,
+    reload
+  } = _chunkFZB4RMRKcjs.useSelfFetch.call(void 0, inScope ? null : `${endpoint}?${listParams.toString()}`, {
+    initialData
+  });
+  const isLoading = inScope || fetching;
+  _chunk7U3ELNGCcjs.usePageDataSync.call(void 0, _optionalChain([data, 'optionalAccess', _3 => _3.sync]), isLoading && !data);
+  const releases = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _4 => _4.data]), () => ( []));
+  const totalCount = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _5 => _5.count]), () => ( 0));
   const totalPages = _chunkBLH2SFOOcjs.pageCount.call(void 0, totalCount, itemsPerPage);
   const hasActiveFilters = search !== "" || status !== "all";
   const showEmpty = !isLoading && !error && releases.length === 0;
@@ -190,10 +198,10 @@ function ProductReleasesView({
     router.replace(`${pathname}?${params.toString()}`, { scroll: false });
   };
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "w-full", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVL6IXTAIcjs.LoadError, { message: "Failed to load releases.", onRetry: reload }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "w-full", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.LoadError, { message: "Failed to load releases.", onRetry: reload }) });
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex w-full flex-col gap-[40px]", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-[600px]", children: showEmpty ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-[600px] items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkLNGR4DXAcjs.ListEmptyState,
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex w-full flex-col gap-[40px]", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-[600px]", children: showEmpty ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-[600px] items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunk7U3ELNGCcjs.ListEmptyState,
     {
       isFiltered: hasActiveFilters,
       filtered: {
@@ -205,28 +213,32 @@ function ProductReleasesView({
       empty: { title: "No releases available", description: "Check back soon for product updates!" }
     }
   ) }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNO5UJLLQcjs.LoadingRegion, { label: "Loading releases", announce: isLoading, className: "flex flex-col gap-6", children: Array.from({ length: itemsPerPage }).map((_, i) => {
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading releases", announce: isLoading, className: "flex flex-col gap-6", children: Array.from({ length: itemsPerPage }).map((_, i) => {
       const release = releases[i];
       const hasData = !!release;
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "div",
         {
           style: { visibility: isLoading || hasData ? "visible" : "hidden" },
-          children: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22XAPV6Ncjs.ProductReleaseCardSkeleton, { size: "lg" }) : release ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ReleaseRow, { release, basePath, buildCardProps }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22XAPV6Ncjs.ProductReleaseCardSkeleton, { size: "lg" })
+          children: !isLoading && release ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ReleaseRow, { release, basePath, buildCardProps }) : (
+            // Read, or a hidden slot past the page's last release: the card draws its own skeleton.
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFZB4RMRKcjs.ProductReleaseCard, { loading: true, size: "lg", title: "", version: "", formattedDate: "" })
+          )
         },
-        _nullishCoalesce(_optionalChain([release, 'optionalAccess', _5 => _5.id]), () => ( `slot-${i}`))
+        _nullishCoalesce(_optionalChain([release, 'optionalAccess', _6 => _6.id]), () => ( `slot-${i}`))
       );
     }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-6 flex justify-center content-md:mt-8", children: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "m-3 h-12 w-64" }) : releases.length > 0 && totalPages > 1 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkLVKUMVUJcjs.PersistentPaginationWrapper,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-6 flex justify-center content-md:mt-8", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkYRFWOJF4cjs.UnifiedPagination,
       {
-        isLoading: false,
+        loading: isLoading,
         currentPage,
-        totalPages,
+        totalPages: releases.length > 0 ? totalPages : 0,
         onPageChange: goToPage,
-        variant: "blog"
+        className: PAGER_ROW_CLASS,
+        reserveSpace: true
       }
-    ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "m-3 h-12 w-64", style: { visibility: "hidden" } }) })
+    ) })
   ] }) }) });
 }
 
@@ -236,14 +248,19 @@ var _react = require('react');
 function isGalleryImage(mediaType) {
   return mediaType !== "video" && mediaType !== "demo";
 }
+var STRIP_CLASS = "flex w-full gap-6 overflow-x-auto";
+var TILE_SIZE_CLASS = "shrink-0 w-[240px] h-[200px] rounded-md";
+var TILE_CLASS = `${TILE_SIZE_CLASS} overflow-hidden border border-ods-border bg-ods-bg transition-opacity`;
+var MEDIA_GALLERY_STRIP_SKELETON_COUNT = 4;
 function MediaGalleryStrip({ items, className }) {
   const [galleryOpen, setGalleryOpen] = _react.useState.call(void 0, false);
   const [galleryIndex, setGalleryIndex] = _react.useState.call(void 0, 0);
+  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, ) && !_optionalChain([items, 'optionalAccess', _7 => _7.length])) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaGalleryStripSkeleton, { className });
   if (!items || items.length === 0) return null;
   const galleryImages = items.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";
+  const tileClass = TILE_CLASS;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `flex w-full gap-6 overflow-x-auto ${_nullishCoalesce(className, () => ( ""))}`, children: items.map((mediaItem, index) => {
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${STRIP_CLASS} ${_nullishCoalesce(className, () => ( ""))}`, children: items.map((mediaItem, index) => {
       if (isGalleryImage(mediaItem.media_type)) {
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "button",
@@ -256,7 +273,7 @@ function MediaGalleryStrip({ items, className }) {
               setGalleryOpen(true);
             },
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkHOTM4UM6cjs.next_image_default,
+              _chunkE76ONBKFcjs.next_image_default,
               {
                 src: mediaItem.media_url,
                 alt: mediaItem.title || `Media ${index + 1}`,
@@ -270,10 +287,10 @@ function MediaGalleryStrip({ items, className }) {
           mediaItem.id || index
         );
       }
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: tileClass, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22XAPV6Ncjs.Video, { url: mediaItem.media_url, layout: "native" }) }, mediaItem.id || index);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: tileClass, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGNBXZXTcjs.Video, { url: mediaItem.media_url, layout: "native" }) }, mediaItem.id || index);
     }) }),
     galleryImages.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk22XAPV6Ncjs.ImageGalleryModal,
+      _chunkDGNBXZXTcjs.ImageGalleryModal,
       {
         images: galleryImages,
         isOpen: galleryOpen,
@@ -283,12 +300,52 @@ function MediaGalleryStrip({ items, className }) {
     )
   ] });
 }
+function MediaGalleryStripSkeleton({
+  count = MEDIA_GALLERY_STRIP_SKELETON_COUNT,
+  className
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, STRIP_CLASS, "overflow-hidden", className), "aria-hidden": true, children: Array.from({ length: count }, (_, i) => (
+    // biome-ignore lint/suspicious/noArrayIndexKey: skeleton tiles never reorder
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: TILE_SIZE_CLASS }, i)
+  )) });
+}
 
 // src/components/shared/product-release/release-detail-page.tsx
 var _lucidereact = require('lucide-react');
 
 
-var DefaultMarkdownRenderer = _chunkVL6IXTAIcjs.RichMarkdownRenderer;
+var DefaultMarkdownRenderer = _chunkVRDHAR3Xcjs.RichMarkdownRenderer;
+var CONTENT_STACK_CLASS = "space-y-6 content-md:space-y-8";
+var RELEASE_TITLE_SKELETON_LINES = { phone: 7, md: 4, lg: 2 };
+var METADATA_GRID_CLASS = "grid w-full grid-cols-1 overflow-hidden rounded-md border border-ods-border content-md:grid-cols-4";
+var METADATA_CELL_EDGE_CLASS = "border-b border-ods-border bg-ods-card content-md:border-b-0 content-md:border-r";
+var SUMMARY_CLASS = "text-ods-text-primary text-h4";
+var RELEASE_TAG_ROW_FOLD = 3;
+var RELEASE_TAG_SKELETON_WIDTH_CLASS = "w-[10ch]";
+var RELEASE_TYPE_LABEL = "Release Type";
+var RELEASE_STATUS_LABEL = "Release Status";
+var RELEASE_DATE_LABEL = "Release Date";
+var EMPTY_RELEASE = {
+  title: "",
+  version: "",
+  summary: null,
+  content: null,
+  release_date: "",
+  release_type: "",
+  release_status: ""
+};
+function ReleaseSummary({ summary }) {
+  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, )) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: SUMMARY_CLASS, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", lines: 7, className: "w-full content-md:hidden" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", lines: 3, className: "hidden w-full content-md:block" })
+    ] }) });
+  }
+  if (!summary) return null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: SUMMARY_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { children: summary }) });
+}
+var DELIVERY_PREVIEW_HEIGHT = 300;
+var DELIVERY_TABLES_STACK_CLASS = "space-y-4";
 var DEFAULT_ENDPOINT2 = "/api/releases";
 function ReleaseDetailPage({
   authorHref,
@@ -306,14 +363,14 @@ function ReleaseDetailPage({
   shell = true
 }) {
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
-  const captions = _chunk74ALTXXCcjs.useCaptions.call(void 0, );
-  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVL6IXTAIcjs.PageShell, { children: node }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: node });
+  const captions = _chunkYL6ZB2SRcjs.useCaptions.call(void 0, );
+  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.PageShell, { children: node }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: node });
   const seed = initialData == null ? void 0 : initialData;
   const {
     data: release,
     isLoading,
     error
-  } = _chunkNS64LMVEcjs.useSelfFetch.call(void 0, slug ? `${endpoint}/${encodeURIComponent(slug)}` : null, {
+  } = _chunkFZB4RMRKcjs.useSelfFetch.call(void 0, slug ? `${endpoint}/${encodeURIComponent(slug)}` : null, {
     initialData: seed
   });
   const showBackButton = backButton !== false;
@@ -323,10 +380,11 @@ function ReleaseDetailPage({
   const [deliveryData, setDeliveryData] = _react.useState.call(void 0, null);
   const [roadmapLoading, setRoadmapLoading] = _react.useState.call(void 0, false);
   const [deliveryLoading, setDeliveryLoading] = _react.useState.call(void 0, false);
+  const scoped = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
   _react.useEffect.call(void 0, () => {
     let cancelled = false;
     async function fetchLinkedTasks() {
-      if (!release) return;
+      if (!release || scoped) return;
       try {
         const roadmapTasksData = release.clickup_roadmap_tasks;
         if (roadmapTasksData && roadmapTasksData.length > 0 && RoadmapSection) {
@@ -335,7 +393,7 @@ function ReleaseDetailPage({
           const roadmapResponse = await _chunkASMNNSUQcjs.contentFetch.call(void 0, `${roadmapApiEndpoint}?task_ids=${roadmapIds}`);
           const roadmapData = roadmapResponse.ok ? await roadmapResponse.json() : null;
           if (cancelled) return;
-          setRoadmapTasks(_nullishCoalesce(_optionalChain([roadmapData, 'optionalAccess', _6 => _6.items]), () => ( [])));
+          setRoadmapTasks(_nullishCoalesce(_optionalChain([roadmapData, 'optionalAccess', _8 => _8.items]), () => ( [])));
           setRoadmapLoading(false);
         }
         const deliveryTasksData = release.clickup_delivery_tasks;
@@ -361,15 +419,9 @@ function ReleaseDetailPage({
     return () => {
       cancelled = true;
     };
-  }, [release, RoadmapSection, DeliverySection, roadmapApiEndpoint, deliveryApiEndpoint]);
-  if (isLoading && !release) {
-    return renderShell(
-      // Match the loaded page's top offset (TitleBlock's
-      // `pt-[var(--spacing-system-l)]`) so content doesn't jump on load.
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pt-[var(--spacing-system-l)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRM6AHNM4cjs.DetailPageSkeleton, { bare: true, metadataColumns: 4, showImageGallery: true }) })
-    );
-  }
-  if (error || !release) {
+  }, [release, scoped, RoadmapSection, DeliverySection, roadmapApiEndpoint, deliveryApiEndpoint]);
+  const loading = scoped || isLoading && !release;
+  if (!loading && (error || !release)) {
     return renderShell(
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "py-16 text-center", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: "mb-4 text-ods-text-primary text-h1", children: "Release Not Found" }),
@@ -377,238 +429,290 @@ function ReleaseDetailPage({
       ] })
     );
   }
-  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 entityCaptions = captions.forEntity("product_release", release);
-  const captionsUrl = _nullishCoalesce(release.captionsUrl, () => ( entityCaptions.captionsUrl));
-  const highlightCaptionsUrl = _nullishCoalesce(release.highlightCaptionsUrl, () => ( entityCaptions.highlightCaptionsUrl));
-  const breakingChanges = release.breaking_changes;
-  const featuresAdded = release.features_added;
-  const bugFixed = release.bugs_fixed;
-  const improvements = release.improvements;
-  return renderShell(
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _chunk2IFCRPNPcjs.PageLayout,
-      {
-        title: releaseTitle,
-        subtitle: `Version: ${releaseVersion}`,
-        titleSize: "h1",
-        titleWrap: true,
-        backButton: showBackButton ? { label: backLabel, onClick: () => router.push(backHref) } : void 0,
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-6 content-md:space-y-8", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVL6IXTAIcjs.EntityTagBadges, { tags: release.product_release_tags }),
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid w-full grid-cols-1 overflow-hidden rounded-md border border-ods-border content-md:grid-cols-4", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col gap-3 border-b border-ods-border bg-ods-card p-4 content-md:border-b-0 content-md:border-r", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-0", children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-primary text-h4", children: releaseType.toLocaleUpperCase() }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: "Release Type" })
-              ] }) }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col gap-3 border-b border-ods-border bg-ods-card p-4 content-md:border-b-0 content-md:border-r", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-0", children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-primary text-h4", children: releaseStatus.toLocaleUpperCase() }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: "Release Status" })
-              ] }) }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col gap-3 border-b border-ods-border bg-ods-card p-4 content-md:border-b-0 content-md:border-r", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-0", children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-primary text-h4", children: _chunk22XAPV6Ncjs.formatReleaseDate.call(void 0, releaseDate) }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: "Release Date" })
-              ] }) }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunk22XAPV6Ncjs.EntityMetadataAuthorCell,
-                {
-                  author: _nullishCoalesce(author, () => ( { full_name: null, avatar_url: null })),
-                  authorHref: _optionalChain([author, 'optionalAccess', _7 => _7.full_name]) ? authorHref : void 0
-                }
-              )
-            ] }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaGalleryStrip, { items: _nullishCoalesce(releaseMedia, () => ( [])) }),
-            releaseSummary && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-ods-text-primary text-h4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { children: releaseSummary }) }),
-            VideoDisplaySection ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              VideoDisplaySection,
+  const view = _nullishCoalesce(release, () => ( EMPTY_RELEASE));
+  const hasBreakingChanges = Array.isArray(view.breaking_changes) && view.breaking_changes.length > 0;
+  const releaseTitle = view.title;
+  const releaseVersion = view.version;
+  const releaseSummary = view.summary;
+  const releaseContent = view.content;
+  const releaseDate = view.release_date;
+  const releaseType = view.release_type;
+  const releaseStatus = view.release_status;
+  const releaseMedia = view.release_media;
+  const author = view.author;
+  const githubReleases = view.github_releases;
+  const knowledgeBaseLinks = view.knowledge_base_links;
+  const migrationGuideUrl = view.migration_guide_url;
+  const documentationUrl = view.documentation_url;
+  const youtubeUrl = view.youtube_url;
+  const mainVideoUrl = view.main_video_url;
+  const videoBites = view.video_bites;
+  const highlightVideoUrl = view.highlight_video_url;
+  const highlightVideoThumbnail = view.highlight_video_thumbnail;
+  const entityCaptions = captions.forEntity("product_release", view);
+  const captionsUrl = _nullishCoalesce(view.captionsUrl, () => ( entityCaptions.captionsUrl));
+  const highlightCaptionsUrl = _nullishCoalesce(view.highlightCaptionsUrl, () => ( entityCaptions.highlightCaptionsUrl));
+  const breakingChanges = view.breaking_changes;
+  const featuresAdded = view.features_added;
+  const bugFixed = view.bugs_fixed;
+  const improvements = view.improvements;
+  const page = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunkZV45VS6Kcjs.PageLayout,
+    {
+      title: releaseTitle,
+      subtitle: loading ? void 0 : `Version: ${releaseVersion}`,
+      loading,
+      subtitleRow: "always",
+      titleSize: "h1",
+      titleWrap: true,
+      titleSkeletonLines: RELEASE_TITLE_SKELETON_LINES,
+      backButton: showBackButton ? { label: backLabel, onClick: () => router.push(backHref) } : void 0,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CONTENT_STACK_CLASS, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkVRDHAR3Xcjs.EntityTagBadges,
+            {
+              tags: view.product_release_tags,
+              max: RELEASE_TAG_ROW_FOLD,
+              skeletonItemClassName: RELEASE_TAG_SKELETON_WIDTH_CLASS
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: METADATA_GRID_CLASS, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkDGNBXZXTcjs.EntityMetadataValueCell,
               {
-                mainVideoUrl,
-                youtubeUrl,
-                highlightVideoUrl,
-                highlightVideoThumbnail,
-                title: releaseTitle,
-                videoBites,
-                bitesTitle: _chunk22XAPV6Ncjs.DEFAULT_VIDEO_BITES_TITLE,
-                filterPublishedBites: true,
-                bitesProfile: _chunk22XAPV6Ncjs.toStripProfile.call(void 0, author),
-                bitesHref: typeof release.slug === "string" ? `/releases/${release.slug}` : void 0,
-                captionsUrl,
-                highlightCaptionsUrl
+                value: releaseType,
+                label: RELEASE_TYPE_LABEL,
+                className: METADATA_CELL_EDGE_CLASS
               }
-            ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-              youtubeUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22XAPV6Ncjs.Video, { kind: "youtube", url: youtubeUrl, title: `${releaseTitle} - Video`, layout: "native" }),
-              !youtubeUrl && mainVideoUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22XAPV6Ncjs.Video, { url: mainVideoUrl, captionsUrl, layout: "centered" }),
-              highlightVideoUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunk22XAPV6Ncjs.Video,
-                {
-                  url: highlightVideoUrl,
-                  poster: highlightVideoThumbnail,
-                  captionsUrl: highlightCaptionsUrl,
-                  layout: "centered"
-                }
-              )
-            ] }),
-            releaseContent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-ods-text-primary text-h4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MarkdownRenderer, { content: releaseContent }) }),
-            hasBreakingChanges && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22XAPV6Ncjs.Card, { className: "border-ods-error bg-ods-error/10", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22XAPV6Ncjs.CardContent, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.AlertTriangle, { className: "h-6 w-6 text-ods-error" }),
-              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-ods-error text-h3", children: "Breaking Changes" }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary", children: "This release contains breaking changes. Review carefully before upgrading." })
-              ] })
-            ] }) }) }),
+            ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkVL6IXTAIcjs.ReleaseChangelogSection,
+              _chunkDGNBXZXTcjs.EntityMetadataValueCell,
               {
-                title: "Breaking Changes",
-                entries: breakingChanges || [],
-                isBreaking: true,
-                hideTitle: true,
-                icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.AlertTriangle, { className: "h-6 w-6" }),
-                MarkdownRenderer
+                value: releaseStatus,
+                label: RELEASE_STATUS_LABEL,
+                className: METADATA_CELL_EDGE_CLASS
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkVL6IXTAIcjs.ReleaseChangelogSection,
+              _chunkDGNBXZXTcjs.EntityMetadataValueCell,
               {
-                title: "Features Added",
-                entries: featuresAdded || [],
-                icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Sparkles, { className: "h-6 w-6" }),
-                previewFirst: true,
-                MarkdownRenderer
+                value: releaseDate ? _chunkDGNBXZXTcjs.formatReleaseDate.call(void 0, releaseDate) : "",
+                label: RELEASE_DATE_LABEL,
+                className: METADATA_CELL_EDGE_CLASS,
+                uppercase: false
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkVL6IXTAIcjs.ReleaseChangelogSection,
+              _chunkDGNBXZXTcjs.EntityMetadataAuthorCell,
               {
-                title: "Bugs Fixed",
-                entries: bugFixed || [],
-                icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Wrench, { className: "h-6 w-6" }),
-                previewFirst: true,
-                MarkdownRenderer
+                author: _nullishCoalesce(author, () => ( { full_name: null, avatar_url: null })),
+                authorHref: _optionalChain([author, 'optionalAccess', _9 => _9.full_name]) ? authorHref : void 0
               }
-            ),
+            )
+          ] }),
+          (loading || releaseMedia && releaseMedia.length > 0) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaGalleryStrip, { items: _nullishCoalesce(releaseMedia, () => ( [])) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ReleaseSummary, { summary: releaseSummary }),
+          loading ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-loading-optional": true, className: `${CONTENT_STACK_CLASS} empty:hidden`, children: VideoDisplaySection ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            VideoDisplaySection,
+            {
+              mainVideoUrl,
+              youtubeUrl,
+              highlightVideoUrl,
+              highlightVideoThumbnail,
+              title: releaseTitle,
+              videoBites,
+              bitesTitle: _chunkDGNBXZXTcjs.DEFAULT_VIDEO_BITES_TITLE,
+              filterPublishedBites: true,
+              bitesProfile: _chunkDGNBXZXTcjs.toStripProfile.call(void 0, author),
+              bitesHref: typeof view.slug === "string" ? `/releases/${view.slug}` : void 0,
+              captionsUrl,
+              highlightCaptionsUrl
+            }
+          ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+            youtubeUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGNBXZXTcjs.Video, { kind: "youtube", url: youtubeUrl, title: `${releaseTitle} - Video`, layout: "native" }),
+            !youtubeUrl && mainVideoUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGNBXZXTcjs.Video, { url: mainVideoUrl, captionsUrl, layout: "centered" }),
+            highlightVideoUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkDGNBXZXTcjs.Video,
+              {
+                url: highlightVideoUrl,
+                poster: highlightVideoThumbnail,
+                captionsUrl: highlightCaptionsUrl,
+                layout: "centered"
+              }
+            )
+          ] }) }),
+          releaseContent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-ods-text-primary text-h4", "data-loading-optional": true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MarkdownRenderer, { content: releaseContent }) }),
+          hasBreakingChanges && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGNBXZXTcjs.Card, { className: "border-ods-error bg-ods-error/10", "data-loading-optional": true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGNBXZXTcjs.CardContent, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.AlertTriangle, { className: "h-6 w-6 text-ods-error" }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-ods-error text-h3", children: "Breaking Changes" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary", children: "This release contains breaking changes. Review carefully before upgrading." })
+            ] })
+          ] }) }) }),
+          loading ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkVRDHAR3Xcjs.ReleaseChangelogSection,
+            {
+              title: "Breaking Changes",
+              entries: breakingChanges || [],
+              isBreaking: true,
+              hideTitle: true,
+              loadingOptional: true,
+              icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.AlertTriangle, { className: "h-6 w-6" }),
+              MarkdownRenderer
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkVRDHAR3Xcjs.ReleaseChangelogSection,
+            {
+              title: "Features Added",
+              entries: featuresAdded || [],
+              icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Sparkles, { className: "h-6 w-6" }),
+              previewFirst: true,
+              MarkdownRenderer
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkVRDHAR3Xcjs.ReleaseChangelogSection,
+            {
+              title: "Bugs Fixed",
+              entries: bugFixed || [],
+              icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Wrench, { className: "h-6 w-6" }),
+              previewFirst: true,
+              MarkdownRenderer
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkVRDHAR3Xcjs.ReleaseChangelogSection,
+            {
+              title: "Improvements",
+              entries: improvements || [],
+              icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.TrendingUp, { className: "h-6 w-6" }),
+              previewFirst: true,
+              MarkdownRenderer
+            }
+          ),
+          RoadmapSection && (roadmapLoading || roadmapTasks.length > 0) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full space-y-4", "data-loading-optional": true, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "tracking-[-0.28px] text-ods-text-secondary text-h5", children: "Related Roadmap Items" }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkVL6IXTAIcjs.ReleaseChangelogSection,
+              RoadmapSection,
               {
-                title: "Improvements",
-                entries: improvements || [],
-                icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.TrendingUp, { className: "h-6 w-6" }),
-                previewFirst: true,
-                MarkdownRenderer
+                items: roadmapTasks,
+                isLoading: roadmapLoading,
+                onItemUpdate: (updatedItem) => {
+                  setRoadmapTasks((prevTasks) => prevTasks.map((task) => task.id === updatedItem.id ? updatedItem : task));
+                }
               }
-            ),
-            RoadmapSection && (roadmapLoading || roadmapTasks.length > 0) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full space-y-4", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "tracking-[-0.28px] text-ods-text-secondary text-h5", children: "Related Roadmap Items" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                RoadmapSection,
+            )
+          ] }),
+          DeliverySection && (deliveryLoading || deliveryData && (deliveryData.completed.length > 0 || deliveryData.inProgress.length > 0)) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full space-y-4", "data-loading-optional": true, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "tracking-[-0.28px] text-ods-text-secondary text-h5", children: "Related Enhancements and Bug-fixes" }),
+            (() => {
+              const deliveryCount = deliveryData ? deliveryData.completed.length + deliveryData.inProgress.length : 0;
+              return deliveryLoading ? (
+                // The loaded preview's frame, its height written into the markup (`fixedHeight`), so the tables'
+                // loading state takes the collapsed preview's place, toggle row included. Inert: nothing to open yet.
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { inert: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.FadePreview, { fixedHeight: true, collapsedHeight: DELIVERY_PREVIEW_HEIGHT, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DELIVERY_TABLES_STACK_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeliverySection, { data: deliveryData, isLoading: deliveryLoading }) }) }) })
+              ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkVRDHAR3Xcjs.FadePreview,
                 {
-                  items: roadmapTasks,
-                  isLoading: roadmapLoading,
-                  onItemUpdate: (updatedItem) => {
-                    setRoadmapTasks((prevTasks) => prevTasks.map((task) => task.id === updatedItem.id ? updatedItem : task));
-                  }
+                  hiddenCount: deliveryCount - 1,
+                  collapsedHeight: DELIVERY_PREVIEW_HEIGHT,
+                  resetKey: deliveryCount,
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DELIVERY_TABLES_STACK_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeliverySection, { data: deliveryData, isLoading: false }) })
                 }
-              )
-            ] }),
-            DeliverySection && (deliveryLoading || deliveryData && (deliveryData.completed.length > 0 || deliveryData.inProgress.length > 0)) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full space-y-4", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "tracking-[-0.28px] text-ods-text-secondary text-h5", children: "Related Enhancements and Bug-fixes" }),
-              (() => {
-                const deliveryCount = deliveryData ? deliveryData.completed.length + deliveryData.inProgress.length : 0;
-                return deliveryLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeliverySection, { data: deliveryData, isLoading: deliveryLoading }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVL6IXTAIcjs.FadePreview, { hiddenCount: deliveryCount - 1, collapsedHeight: 300, resetKey: deliveryCount, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeliverySection, { data: deliveryData, isLoading: false }) }) });
-              })()
-            ] }),
-            (_optionalChain([githubReleases, 'optionalAccess', _8 => _8.length]) || _optionalChain([knowledgeBaseLinks, 'optionalAccess', _9 => _9.length]) || migrationGuideUrl || documentationUrl) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full space-y-1", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "tracking-[-0.28px] text-ods-text-secondary text-h5", children: "Related Links" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22XAPV6Ncjs.Card, { className: "border-ods-border bg-ods-card p-6", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
-                githubReleases && githubReleases.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: githubReleases.map((ghRelease) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-1", children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEWCFJLNUcjs.GithubClassicIcon, { className: "shrink-0", size: 24, color: "var(--color-text-secondary)" }),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-primary text-h4", children: "Github Release" }),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkV45KLJQPcjs.next_link_default,
-                    {
-                      href: ghRelease.github_release_url,
-                      target: "_blank",
-                      rel: "noopener noreferrer",
-                      className: "text-ods-accent text-h4 hover:underline",
-                      children: ghRelease.github_release_url.split("/").pop()
-                    }
-                  ),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "h-6 w-6 shrink-0 text-ods-accent" })
-                ] }, ghRelease.id)) }),
-                knowledgeBaseLinks && knowledgeBaseLinks.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { 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__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-1", children: [
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.BookMarked, { className: "h-6 w-6 shrink-0 text-ods-text-secondary" }),
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-primary text-h4", children: "Knowledge Base" }),
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      _chunkV45KLJQPcjs.next_link_default,
-                      {
-                        href: path.startsWith("http") ? path : `/knowledge-base${path.startsWith("/") ? "" : "/"}${path}`,
-                        className: "text-ods-accent text-h4 hover:underline",
-                        children: _optionalChain([path, 'access', _10 => _10.replace, 'call', _11 => _11(/^\//, ""), 'access', _12 => _12.split, 'call', _13 => _13("/"), 'access', _14 => _14.pop, 'call', _15 => _15(), 'optionalAccess', _16 => _16.replace, 'call', _17 => _17(/-/g, " ")]) || "View Article"
-                      }
-                    ),
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "h-6 w-6 shrink-0 text-ods-accent" })
-                  ] }, linkId);
-                }) }),
-                migrationGuideUrl && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-1", children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.BookMarked, { className: "h-6 w-6 shrink-0 text-ods-text-secondary" }),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkV45KLJQPcjs.next_link_default,
-                    {
-                      href: migrationGuideUrl,
-                      target: "_blank",
-                      rel: "noopener noreferrer",
-                      className: "text-ods-accent text-h4 hover:underline",
-                      children: "\u{1F4D6} Migration Guide"
-                    }
-                  ),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "h-6 w-6 shrink-0 text-ods-accent" })
-                ] }),
-                documentationUrl && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-1", children: [
+              );
+            })()
+          ] }),
+          (_optionalChain([githubReleases, 'optionalAccess', _10 => _10.length]) || _optionalChain([knowledgeBaseLinks, 'optionalAccess', _11 => _11.length]) || migrationGuideUrl || documentationUrl) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full space-y-1", "data-loading-optional": true, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "tracking-[-0.28px] text-ods-text-secondary text-h5", children: "Related Links" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGNBXZXTcjs.Card, { className: "border-ods-border bg-ods-card p-6", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
+              githubReleases && githubReleases.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: githubReleases.map((ghRelease) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-1", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEWCFJLNUcjs.GithubClassicIcon, { className: "shrink-0", size: 24, color: "var(--color-text-secondary)" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-primary text-h4", children: "Github Release" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _chunkV45KLJQPcjs.next_link_default,
+                  {
+                    href: ghRelease.github_release_url,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    className: "text-ods-accent text-h4 hover:underline",
+                    children: ghRelease.github_release_url.split("/").pop()
+                  }
+                ),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "h-6 w-6 shrink-0 text-ods-accent" })
+              ] }, ghRelease.id)) }),
+              knowledgeBaseLinks && knowledgeBaseLinks.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { 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__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-1", children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.BookMarked, { className: "h-6 w-6 shrink-0 text-ods-text-secondary" }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-primary text-h4", children: "Knowledge Base" }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     _chunkV45KLJQPcjs.next_link_default,
                     {
-                      href: documentationUrl,
-                      target: "_blank",
-                      rel: "noopener noreferrer",
+                      href: path.startsWith("http") ? path : `/knowledge-base${path.startsWith("/") ? "" : "/"}${path}`,
                       className: "text-ods-accent text-h4 hover:underline",
-                      children: "\u{1F4DA} Documentation"
+                      children: _optionalChain([path, 'access', _12 => _12.replace, 'call', _13 => _13(/^\//, ""), 'access', _14 => _14.split, 'call', _15 => _15("/"), 'access', _16 => _16.pop, 'call', _17 => _17(), 'optionalAccess', _18 => _18.replace, 'call', _19 => _19(/-/g, " ")]) || "View Article"
                     }
                   ),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "h-6 w-6 shrink-0 text-ods-accent" })
-                ] })
-              ] }) })
-            ] })
-          ] }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: relatedContent }, "related-content")
-        ]
-      }
-    )
+                ] }, linkId);
+              }) }),
+              migrationGuideUrl && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-1", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.BookMarked, { className: "h-6 w-6 shrink-0 text-ods-text-secondary" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _chunkV45KLJQPcjs.next_link_default,
+                  {
+                    href: migrationGuideUrl,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    className: "text-ods-accent text-h4 hover:underline",
+                    children: "\u{1F4D6} Migration Guide"
+                  }
+                ),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "h-6 w-6 shrink-0 text-ods-accent" })
+              ] }),
+              documentationUrl && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-1", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.BookMarked, { className: "h-6 w-6 shrink-0 text-ods-text-secondary" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _chunkV45KLJQPcjs.next_link_default,
+                  {
+                    href: documentationUrl,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    className: "text-ods-accent text-h4 hover:underline",
+                    children: "\u{1F4DA} Documentation"
+                  }
+                ),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "h-6 w-6 shrink-0 text-ods-accent" })
+              ] })
+            ] }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: relatedContent }, "related-content")
+      ]
+    }
+  );
+  return renderShell(
+    loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading the release", announce: !scoped, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.LoadingScope, { children: page }) }) : page
   );
 }
 
+// src/components/shared/roadmap/roadmap-grid-skeleton.tsx
+
+function roadmapGridClass(columns, showLeftMargin) {
+  return `grid grid-cols-1 gap-6 ${columns === 2 ? "content-md:grid-cols-2" : ""} ${showLeftMargin ? "content-md:ml-[120px]" : ""}`;
+}
+function RoadmapGridSkeleton({
+  region = true,
+  count = 4,
+  showLeftMargin = true,
+  columns = 2
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading the roadmap", announce: region, className: roadmapGridClass(columns, showLeftMargin), children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGNBXZXTcjs.RoadmapCardSkeleton, {}, i)) });
+}
+
 // src/components/shared/roadmap/use-roadmap-voting.ts
 
 var DEFAULT_VOTE_ENDPOINT = "/api/roadmap/vote";
@@ -626,10 +730,10 @@ function readStoredVotes(storageKey) {
 function useRoadmapVoting(options = {}) {
   const voteApiEndpoint = _nullishCoalesce(options.voteApiEndpoint, () => ( DEFAULT_VOTE_ENDPOINT));
   const storageKey = _nullishCoalesce(options.storageKey, () => ( DEFAULT_STORAGE_KEY));
-  const { getSignals } = _chunkXCH7SPGIcjs.useHumanitySignals.call(void 0, );
+  const { getSignals } = _chunkXVFM6SJAcjs.useHumanitySignals.call(void 0, );
   const [votes, setVotes] = _react.useState.call(void 0, NO_VOTES);
   const [loadedKey, setLoadedKey] = _react.useState.call(void 0, null);
-  const hydrated = _chunk74ALTXXCcjs.useIsHydrated.call(void 0, );
+  const hydrated = _chunkYL6ZB2SRcjs.useIsHydrated.call(void 0, );
   if (hydrated && loadedKey !== storageKey) {
     setLoadedKey(storageKey);
     setVotes(readStoredVotes(storageKey));
@@ -764,34 +868,40 @@ function RoadmapGridSingle({
   onVote,
   votingTasks
 }) {
-  return (
-    // LITERAL class strings: an interpolated `content-md:grid-cols-${n}` is invisible
-    // to Tailwind's scanner and is never generated.
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: roadmapGridClass(columns, showLeftMargin), 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__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
+      _chunkDGNBXZXTcjs.RoadmapCard,
       {
-        className: `grid grid-cols-1 gap-6 ${columns === 2 ? "content-md:grid-cols-2" : ""} ${showLeftMargin ? "content-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__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk22XAPV6Ncjs.RoadmapCard,
-            {
-              item,
-              id: _chunkT5FRANE6cjs.devSectionAnchorId.call(void 0, "roadmap", item.id),
-              userVote: getVote(item.id),
-              onVote: (voteType) => onVote(item.id, voteType),
-              isVoting: votingTasks.has(item.id)
-            },
-            item.id
-          )
-        ))
-      }
+        item,
+        id: _chunk7VI7TOGIcjs.devSectionAnchorId.call(void 0, "roadmap", item.id),
+        userVote: getVote(item.id),
+        onVote: (voteType) => onVote(item.id, voteType),
+        isVoting: votingTasks.has(item.id)
+      },
+      item.id
     )
-  );
+  )) });
+}
+var QUARTER_LIST_CLASS = "flex flex-col gap-10";
+var QUARTER_HEAD_CLASS = "flex items-center gap-3";
+var QUARTER_CONTENT_CLASS = "pt-4";
+var QUARTER_CONTENT_INNER_CLASS = "pb-4";
+function RoadmapGridQuarterSkeleton({
+  showLeftMargin = true,
+  columns = 2
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: QUARTER_LIST_CLASS, "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: QUARTER_HEAD_CLASS, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h2", className: "w-40" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "w-16" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: QUARTER_CONTENT_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: QUARTER_CONTENT_INNER_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RoadmapGridSkeleton, { region: false, showLeftMargin, columns }) }) })
+  ] }) });
 }
 function RoadmapGrid({
   items,
@@ -802,9 +912,12 @@ function RoadmapGrid({
   votingOptions,
   groupByQuarter = false,
   hasActiveFilters = false,
-  quartersToKeepClosed = 2
+  quartersToKeepClosed = 2,
+  isLoading = false,
+  fold
 }) {
   const { getVote, toggleVote } = useRoadmapVoting(votingOptions);
+  const inScope = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
   const [votingTasks, setVotingTasks] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
   const handleVote = async (taskId, voteType) => {
     if (votingTasks.has(taskId)) return;
@@ -873,9 +986,12 @@ function RoadmapGrid({
       hasActiveFilters ? [...quarters] : computeDefaultExpandedQuarters(quarters, quartersToKeepClosed)
     );
   }, [hasActiveFilters, sortedQuartersKey, isInitialized, quartersToKeepClosed]);
+  if (inScope || isLoading) {
+    return groupByQuarter ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RoadmapGridQuarterSkeleton, { showLeftMargin, columns }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RoadmapGridSkeleton, { region: !inScope, count: fold, showLeftMargin, columns });
+  }
   if (items.length === 0) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkTSJUL6IHcjs.EmptyState,
+      _chunkYRFWOJF4cjs.EmptyState,
       {
         type: "generic",
         title: "No roadmap items",
@@ -897,27 +1013,27 @@ function RoadmapGrid({
     );
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkVL6IXTAIcjs.Accordion,
+    _chunkVRDHAR3Xcjs.Accordion,
     {
       type: "multiple",
       value: expandedQuarters,
       onValueChange: setExpandedQuarters,
-      className: "flex flex-col gap-10",
+      className: QUARTER_LIST_CLASS,
       children: sortedQuarters.map((quarter) => {
-        const itemCount = _optionalChain([itemsByQuarter, 'access', _18 => _18[quarter], 'optionalAccess', _19 => _19.length]) || 0;
+        const itemCount = _optionalChain([itemsByQuarter, 'access', _20 => _20[quarter], 'optionalAccess', _21 => _21.length]) || 0;
         const isExpanded = expandedQuarters.includes(quarter);
         return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          _chunkVL6IXTAIcjs.AccordionItem,
+          _chunkVRDHAR3Xcjs.AccordionItem,
           {
             value: quarter,
             id: `quarter-${quarter.replace(/\s+/g, "-").toLowerCase()}`,
             className: "border-0",
             children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVL6IXTAIcjs.AccordionTrigger, { className: "w-full p-0 hover:no-underline [&>svg]:ml-auto [&>svg]:h-5 [&>svg]:w-5 [&>svg]:shrink-0 [&>svg]:text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.AccordionTrigger, { className: "w-full p-0 hover:no-underline [&>svg]:ml-auto [&>svg]:h-5 [&>svg]:w-5 [&>svg]:shrink-0 [&>svg]:text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: QUARTER_HEAD_CLASS, children: [
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                   "h3",
                   {
-                    className: _chunk3ATAYP36cjs.cn.call(void 0, 
+                    className: _chunk65VVJSQZcjs.cn.call(void 0, 
                       "text-ods-text-primary transition-opacity text-h2",
                       isExpanded ? "opacity-100" : "opacity-60"
                     ),
@@ -930,7 +1046,7 @@ function RoadmapGrid({
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                   "span",
                   {
-                    className: _chunk3ATAYP36cjs.cn.call(void 0, 
+                    className: _chunk65VVJSQZcjs.cn.call(void 0, 
                       "transition-opacity text-h6",
                       isExpanded ? "text-ods-text-secondary opacity-100" : "text-ods-text-tertiary opacity-60"
                     ),
@@ -943,7 +1059,7 @@ function RoadmapGrid({
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVL6IXTAIcjs.AccordionContent, { className: "overflow-hidden pb-0 pt-4 data-[state=closed]:animate-none data-[state=open]:animate-none", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.AccordionContent, { className: "overflow-hidden pb-0 pt-4 data-[state=closed]:animate-none data-[state=open]:animate-none", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 RoadmapGridSingle,
                 {
                   items: itemsByQuarter[quarter],
@@ -963,27 +1079,13 @@ function RoadmapGrid({
   );
 }
 
-// src/components/shared/roadmap/roadmap-grid-skeleton.tsx
-
-function RoadmapGridSkeleton({ region = true, count = 4, showLeftMargin = true }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkNO5UJLLQcjs.LoadingRegion,
-    {
-      label: "Loading the roadmap",
-      announce: region,
-      className: `grid grid-cols-1 gap-6 content-md:grid-cols-2 ${showLeftMargin ? "content-md:ml-[120px]" : ""}`,
-      children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22XAPV6Ncjs.RoadmapCardSkeleton, {}, i))
-    }
-  );
-}
-
 // src/components/shared/roadmap/roadmap-view.tsx
 
 
 var DEFAULT_ENDPOINT3 = "/api/roadmap";
 var SYNCED_LIST_CLASS = "flex w-full flex-col gap-[var(--spacing-system-lf)]";
-var DEFAULT_SEARCH_PARAM_KEY2 = _chunkT5FRANE6cjs.DEV_SECTION_PARAM_KEYS.search;
-var DEFAULT_STATUS_PARAM_KEY2 = _chunkT5FRANE6cjs.DEV_SECTION_PARAM_KEYS.status;
+var DEFAULT_SEARCH_PARAM_KEY2 = _chunk7VI7TOGIcjs.DEV_SECTION_PARAM_KEYS.search;
+var DEFAULT_STATUS_PARAM_KEY2 = _chunk7VI7TOGIcjs.DEV_SECTION_PARAM_KEYS.status;
 function RoadmapView({
   endpoint = DEFAULT_ENDPOINT3,
   initialItems,
@@ -1002,23 +1104,23 @@ function RoadmapView({
   const qs = listParams.toString();
   const url = qs ? `${endpoint}?${qs}` : endpoint;
   const initialData = _react.useMemo.call(void 0, () => initialItems ? { items: initialItems } : void 0, [initialItems]);
-  const { data, setData, isLoading, error, reload } = _chunkNS64LMVEcjs.useSelfFetch.call(void 0, url, {
+  const { data, setData, isLoading, error, reload } = _chunkFZB4RMRKcjs.useSelfFetch.call(void 0, url, {
     initialData
   });
-  const items = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _20 => _20.items]), () => ( []));
-  _chunkXCH7SPGIcjs.useScrollToHash.call(void 0, data, { headerOffset: _chunk3RYIF4OWcjs.STICKY_HEADER_OFFSET_PX });
-  const syncInPage = _chunkLNGR4DXAcjs.usePageDataSync.call(void 0, _optionalChain([data, 'optionalAccess', _21 => _21.sync]), isLoading && !data);
+  const items = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _22 => _22.items]), () => ( []));
+  _chunkXVFM6SJAcjs.useScrollToHash.call(void 0, data, { headerOffset: _chunkXXJL5GY3cjs.STICKY_HEADER_OFFSET_PX });
+  const syncInPage = _chunk7U3ELNGCcjs.usePageDataSync.call(void 0, _optionalChain([data, 'optionalAccess', _23 => _23.sync]), isLoading && !data);
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVL6IXTAIcjs.LoadError, { message: "Failed to load roadmap.", onRetry: reload });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.LoadError, { message: "Failed to load roadmap.", onRetry: reload });
   }
   if (isLoading && !data) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: SYNCED_LIST_CLASS, children: [
-      !syncInPage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVL6IXTAIcjs.DataSyncLine, { loading: true }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RoadmapGridSkeleton, { showLeftMargin })
+      !syncInPage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.DataSyncLine, { loading: true }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RoadmapGridQuarterSkeleton, { showLeftMargin })
     ] });
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: SYNCED_LIST_CLASS, children: [
-    !syncInPage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVL6IXTAIcjs.DataSyncLine, { sync: _optionalChain([data, 'optionalAccess', _22 => _22.sync]) }),
+    !syncInPage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.DataSyncLine, { sync: _optionalChain([data, 'optionalAccess', _24 => _24.sync]) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       RoadmapGrid,
       {
@@ -1038,37 +1140,24 @@ function RoadmapView({
 
 // src/components/shared/delivery/delivery-table.tsx
 
-function SkeletonRow() {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-b border-ods-border p-[12px] last:border-b-0 content-md:p-[16px]", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col items-start justify-between gap-[12px] content-md:flex-row content-md:gap-[16px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] content-md:w-auto content-md:gap-[16px]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[24px] items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[20px] w-full rounded" }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[20px] items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[20px] w-1/2 rounded" }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[72px] items-center", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-1", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[20px] w-full rounded" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[20px] w-full rounded" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[20px] w-2/3 rounded" })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 flex-col gap-2 self-start", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[32px] w-[100px] rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[32px] w-[120px] rounded" })
-    ] })
-  ] }) });
+var TABLE_FRAME_CLASS = `w-full ${_chunkDGNBXZXTcjs.CONTENT_CARD_SKELETON_FRAME_CLASS}`;
+var ROW_SEPARATOR_CLASS = "border-b border-ods-border last:border-b-0";
+var DELIVERY_TABLE_SKELETON_ROWS = 5;
+function DeliveryTableSkeleton() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: TABLE_FRAME_CLASS, "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: Array.from({ length: DELIVERY_TABLE_SKELETON_ROWS }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_SEPARATOR_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7U3ELNGCcjs.DeliveryRowSkeleton, {}) }, i)) }) });
 }
 function DeliveryTable({ items, isLoading = false }) {
-  if (isLoading) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `w-full ${_chunk22XAPV6Ncjs.CONTENT_CARD_SKELETON_FRAME_CLASS}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SkeletonRow, {}, i)) }) });
-  }
+  if (isLoading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeliveryTableSkeleton, {});
   if (items.length === 0) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `w-full ${_chunk22XAPV6Ncjs.CONTENT_CARD_SKELETON_FRAME_CLASS} p-[var(--spacing-system-xlf)] text-center`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: "No tasks available" }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${TABLE_FRAME_CLASS} p-[var(--spacing-system-xlf)] text-center`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: "No tasks available" }) });
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `w-full ${_chunk22XAPV6Ncjs.CONTENT_CARD_SKELETON_FRAME_CLASS}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: items.map((item) => (
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: TABLE_FRAME_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-b border-ods-border last:border-b-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLNGR4DXAcjs.DeliveryRow, { item, id: _chunkT5FRANE6cjs.devSectionAnchorId.call(void 0, "delivery", item.id) }) }, item.id)
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_SEPARATOR_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7U3ELNGCcjs.DeliveryRow, { item, id: _chunk7VI7TOGIcjs.devSectionAnchorId.call(void 0, "delivery", item.id) }) }, item.id)
   )) }) });
 }
 
@@ -1077,8 +1166,8 @@ function DeliveryTable({ items, isLoading = false }) {
 
 var DEFAULT_COMPLETED_ENDPOINT = "/api/delivery/completed";
 var DEFAULT_IN_PROGRESS_ENDPOINT = "/api/delivery/in-progress";
-var DEFAULT_SEARCH_PARAM_KEY3 = _chunkT5FRANE6cjs.DEV_SECTION_PARAM_KEYS.search;
-var DEFAULT_TASK_TYPE_PARAM_KEY = _chunkT5FRANE6cjs.DEV_SECTION_PARAM_KEYS.deliveryTaskType;
+var DEFAULT_SEARCH_PARAM_KEY3 = _chunk7VI7TOGIcjs.DEV_SECTION_PARAM_KEYS.search;
+var DEFAULT_TASK_TYPE_PARAM_KEY = _chunk7VI7TOGIcjs.DEV_SECTION_PARAM_KEYS.deliveryTaskType;
 function DeliveryLists({
   completedApiEndpoint = DEFAULT_COMPLETED_ENDPOINT,
   inProgressApiEndpoint = DEFAULT_IN_PROGRESS_ENDPOINT,
@@ -1089,12 +1178,15 @@ function DeliveryLists({
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
   const pathname = _chunk7DNL734Scjs.usePathname.call(void 0, );
   const [data, setData] = _react.useState.call(void 0, null);
-  const [isLoading, setIsLoading] = _react.useState.call(void 0, true);
+  const [isFetching, setIsLoading] = _react.useState.call(void 0, true);
+  const inScope = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const isLoading = inScope || isFetching;
   const [error, setError] = _react.useState.call(void 0, null);
   const [sync, setSync] = _react.useState.call(void 0, null);
   const searchQuery = searchParams.get(searchParamKey) || "";
   const taskTypeFilter = searchParams.get(taskTypeParamKey) || "all";
   _react.useEffect.call(void 0, () => {
+    if (inScope) return void 0;
     let cancelled = false;
     async function fetchDeliveryData() {
       try {
@@ -1138,22 +1230,30 @@ function DeliveryLists({
     return () => {
       cancelled = true;
     };
-  }, [searchQuery, taskTypeFilter, completedApiEndpoint, inProgressApiEndpoint, searchParamKey, taskTypeParamKey]);
-  const filteredCompleted = _optionalChain([data, 'optionalAccess', _23 => _23.completed]) || [];
-  const filteredInProgress = _optionalChain([data, 'optionalAccess', _24 => _24.inProgress]) || [];
-  _chunkXCH7SPGIcjs.useScrollToHash.call(void 0, data, { headerOffset: _chunk3RYIF4OWcjs.STICKY_HEADER_OFFSET_PX });
-  const syncInPage = _chunkLNGR4DXAcjs.usePageDataSync.call(void 0, sync, isLoading && !data);
+  }, [
+    inScope,
+    searchQuery,
+    taskTypeFilter,
+    completedApiEndpoint,
+    inProgressApiEndpoint,
+    searchParamKey,
+    taskTypeParamKey
+  ]);
+  const filteredCompleted = _optionalChain([data, 'optionalAccess', _25 => _25.completed]) || [];
+  const filteredInProgress = _optionalChain([data, 'optionalAccess', _26 => _26.inProgress]) || [];
+  _chunkXVFM6SJAcjs.useScrollToHash.call(void 0, data, { headerOffset: _chunkXXJL5GY3cjs.STICKY_HEADER_OFFSET_PX });
+  const syncInPage = _chunk7U3ELNGCcjs.usePageDataSync.call(void 0, sync, isLoading && !data);
   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__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVL6IXTAIcjs.LoadError, { message: error, onRetry: () => window.location.reload() }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.LoadError, { message: error, onRetry: () => window.location.reload() }) });
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-[40px]", children: [
-    !syncInPage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVL6IXTAIcjs.DataSyncLine, { sync, loading: isLoading && !data }),
+    !syncInPage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.DataSyncLine, { sync, loading: isLoading && !data }),
     !isLoading && !hasResults && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkLNGR4DXAcjs.ListEmptyState,
+      _chunk7U3ELNGCcjs.ListEmptyState,
       {
         isFiltered: hasActiveFilters,
         filtered: {
@@ -1255,7 +1355,9 @@ function useLegalDocs(docType, options = {}) {
     setIsLoading(!initialData);
     setReloadCount(0);
   }
+  const held = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
   _react.useEffect.call(void 0, () => {
+    if (held) return;
     if (initialData && reloadCount === 0) return;
     const requestId = ++requestIdRef.current;
     const isCurrent = () => requestId === requestIdRef.current;
@@ -1287,7 +1389,7 @@ function useLegalDocs(docType, options = {}) {
       }
     };
     void fetchDocument();
-  }, [docType, effectiveEndpoint, initialData, reloadCount]);
+  }, [docType, effectiveEndpoint, initialData, reloadCount, held]);
   const refetch = () => {
     setIsLoading(true);
     setError(null);
@@ -1335,7 +1437,8 @@ function toLegalDocumentSummaries(payload) {
 }
 function useLegalDocuments(options = {}) {
   const endpoint = _nullishCoalesce(options.apiEndpoint, () => ( "/api/legal"));
-  const enabled = _nullishCoalesce(options.enabled, () => ( true));
+  const held = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const enabled = (_nullishCoalesce(options.enabled, () => ( true))) && !held;
   const [state, setState] = _react.useState.call(void 0, { documents: [], isLoading: enabled, error: null });
   _react.useEffect.call(void 0, () => {
     let current = enabled;
@@ -1368,11 +1471,15 @@ function useLegalDocuments(options = {}) {
 
 function legalDocumentStampLabel(doc) {
   const parts = [
-    _optionalChain([doc, 'optionalAccess', _25 => _25.version]) ? `Version ${doc.version}` : null,
-    _optionalChain([doc, 'optionalAccess', _26 => _26.effectiveDate]) ? `Effective ${doc.effectiveDate}` : null
+    _optionalChain([doc, 'optionalAccess', _27 => _27.version]) ? `Version ${doc.version}` : null,
+    _optionalChain([doc, 'optionalAccess', _28 => _28.effectiveDate]) ? `Effective ${doc.effectiveDate}` : null
   ].filter((part) => part !== null);
   return parts.length > 0 ? parts.join(" \xB7 ") : null;
 }
+var LEGAL_DOCUMENT_SKELETON_SECTIONS = 3;
+function LegalDocumentSkeleton({ sections = LEGAL_DOCUMENT_SKELETON_SECTIONS }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading the document", className: "w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.RichMarkdownRendererSkeleton, { title: true, sections }) });
+}
 function LegalDocumentPage({
   docType,
   title: titleProp,
@@ -1383,65 +1490,62 @@ function LegalDocumentPage({
   emptyStateMessage: emptyStateMessageProp,
   initialData = null,
   apiEndpoint,
-  MarkdownRenderer = _chunkVL6IXTAIcjs.RichMarkdownRenderer,
+  MarkdownRenderer = _chunkVRDHAR3Xcjs.RichMarkdownRenderer,
   documentsEndpoint,
   backButton,
   faq,
   shell = true
 }) {
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
-  const { data, isLoading, error } = useLegalDocs(docType, { initialData, apiEndpoint });
+  const { data, isLoading: fetching, error } = useLegalDocs(docType, { initialData, apiEndpoint });
+  const isLoading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, ) || fetching;
   const backCfg = backButton === false ? void 0 : {
-    label: _nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _27 => _27.label]), () => ( "Back to home")),
-    onClick: () => router.push(_nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _28 => _28.href]), () => ( "/")))
+    label: _nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _29 => _29.label]), () => ( "Back to home")),
+    onClick: () => router.push(_nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _30 => _30.href]), () => ( "/")))
   };
   const { documents } = useLegalDocuments({ apiEndpoint: documentsEndpoint, enabled: Boolean(documentsEndpoint) });
   const listed = documents.find((doc) => doc.docType === docType);
-  const title = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(titleProp, () => ( _optionalChain([data, 'optionalAccess', _29 => _29.title]))), () => ( _optionalChain([listed, 'optionalAccess', _30 => _30.title]))), () => ( "Legal document"));
-  const faqTopic = faq && "topic" in faq ? faq.topic : _optionalChain([listed, 'optionalAccess', _31 => _31.faqTopic]);
+  const title = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(titleProp, () => ( _optionalChain([data, 'optionalAccess', _31 => _31.title]))), () => ( _optionalChain([listed, 'optionalAccess', _32 => _32.title]))), () => ( "Legal document"));
+  const faqTopic = faq && "topic" in faq ? faq.topic : _optionalChain([listed, 'optionalAccess', _33 => _33.faqTopic]);
   const faqSlot = faq && faqTopic ? { ...faq, topic: faqTopic } : null;
   const errorTitle = _nullishCoalesce(errorTitleProp, () => ( `Unable to load ${title}`));
   const emptyStateMessage = _nullishCoalesce(emptyStateMessageProp, () => ( `${title} is not available at this time.`));
-  const subtitle = _nullishCoalesce(legalDocumentStampLabel(data), () => ( fallbackDescription));
-  const inner = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2IFCRPNPcjs.PageLayout, { title, subtitle, backButton: backCfg, titleSize: "h1", titleWrap: true, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVL6IXTAIcjs.DataSyncLine, { sync: data ? { source: "github", syncedAt: data.lastSynced } : null, loading: isLoading && !data }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-1 flex-col items-start gap-6 lg:flex-row lg:gap-10", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "article", { className: "space-y-2", children: isLoading ? (
-      // Loading skeleton matching Knowledge Hub pattern
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-6", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-10 w-3/4 rounded-lg" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-full rounded" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-full rounded" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-5/6 rounded" })
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-32 rounded-lg border border-ods-border" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-full rounded" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-4/5 rounded" })
-        ] })
-      ] })
-    ) : error ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4 text-center", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rounded-lg border border-ods-error bg-ods-error-secondary p-6", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mb-2 text-ods-error", children: errorTitle }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-error text-h6", children: error })
-      ] }),
-      contactEmail && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-ods-text-secondary", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { children: errorContactPrompt }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail })
-      ] })
-    ] }) : data ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MarkdownRenderer, { content: data.content, sectionIds: data.sections || [], demoteMarkdownH1ToH2: true }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "py-16 text-center text-ods-text-secondary", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h4", children: emptyStateMessage }),
-      contactEmail && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "mt-2", children: [
-        "Please contact",
-        " ",
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail }),
-        " ",
-        "for more information."
-      ] })
-    ] }) }) }) }) }),
-    faqSlot && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3FC6AKEJcjs.FaqSection, { ..._chunk3FC6AKEJcjs.pageFaqProps.call(void 0, faqSlot) })
-  ] });
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVL6IXTAIcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  const subtitle = isLoading ? void 0 : _nullishCoalesce(legalDocumentStampLabel(data), () => ( fallbackDescription));
+  const inner = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunkZV45VS6Kcjs.PageLayout,
+    {
+      title,
+      subtitle,
+      subtitleRow: isLoading ? "always" : void 0,
+      backButton: backCfg,
+      titleSize: "h1",
+      titleWrap: true,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.DataSyncLine, { sync: data ? { source: "github", syncedAt: data.lastSynced } : null, loading: isLoading }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-1 flex-col items-start gap-6 lg:flex-row lg:gap-10", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex-1", isLoading && "w-full"), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "article", { className: "space-y-2", children: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LegalDocumentSkeleton, {}) : error ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4 text-center", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rounded-lg border border-ods-error bg-ods-error-secondary p-6", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mb-2 text-ods-error", children: errorTitle }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-error text-h6", children: error })
+          ] }),
+          contactEmail && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-ods-text-secondary", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { children: errorContactPrompt }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail })
+          ] })
+        ] }) : data ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MarkdownRenderer, { content: data.content, sectionIds: data.sections || [], demoteMarkdownH1ToH2: true }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "py-16 text-center text-ods-text-secondary", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h4", children: emptyStateMessage }),
+          contactEmail && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "mt-2", children: [
+            "Please contact",
+            " ",
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail }),
+            " ",
+            "for more information."
+          ] })
+        ] }) }) }) }) }),
+        faqSlot && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHNQRY6RUcjs.FaqSection, { ..._chunkHNQRY6RUcjs.pageFaqProps.call(void 0, faqSlot) })
+      ]
+    }
+  );
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
 }
 
 
@@ -1459,4 +1563,8 @@ function LegalDocumentPage({
 
 
 
-exports.ProductReleasesView = ProductReleasesView; exports.MediaGalleryStrip = MediaGalleryStrip; exports.ReleaseDetailPage = ReleaseDetailPage; exports.useRoadmapVoting = useRoadmapVoting; exports.RoadmapGrid = RoadmapGrid; exports.RoadmapGridSkeleton = RoadmapGridSkeleton; exports.RoadmapView = RoadmapView; exports.DeliveryTable = DeliveryTable; exports.DeliveryLists = DeliveryLists; exports.useLegalDocs = useLegalDocs; exports.toLegalDocumentSummaries = toLegalDocumentSummaries; exports.useLegalDocuments = useLegalDocuments; exports.legalDocumentStampLabel = legalDocumentStampLabel; exports.LegalDocumentPage = LegalDocumentPage;
+
+
+
+
+exports.ProductReleasesView = ProductReleasesView; exports.MEDIA_GALLERY_STRIP_SKELETON_COUNT = MEDIA_GALLERY_STRIP_SKELETON_COUNT; exports.MediaGalleryStrip = MediaGalleryStrip; exports.MediaGalleryStripSkeleton = MediaGalleryStripSkeleton; exports.ReleaseDetailPage = ReleaseDetailPage; exports.RoadmapGridSkeleton = RoadmapGridSkeleton; exports.useRoadmapVoting = useRoadmapVoting; exports.RoadmapGrid = RoadmapGrid; exports.RoadmapView = RoadmapView; exports.DeliveryTable = DeliveryTable; exports.DeliveryLists = DeliveryLists; exports.useLegalDocs = useLegalDocs; exports.toLegalDocumentSummaries = toLegalDocumentSummaries; exports.useLegalDocuments = useLegalDocuments; exports.legalDocumentStampLabel = legalDocumentStampLabel; exports.LEGAL_DOCUMENT_SKELETON_SECTIONS = LEGAL_DOCUMENT_SKELETON_SECTIONS; exports.LegalDocumentSkeleton = LegalDocumentSkeleton; exports.LegalDocumentPage = LegalDocumentPage;