@flamingo-stack/openframe-frontend-core 0.0.718 → 0.0.719

package/dist/{chunk-N2PF5CFX.js → chunk-2JLP2X2M.js}

@@ -24,7 +24,7 @@ import {
   SelectTrigger,
   SelectValue,
   TruncateText
-} from "./chunk-LOYPRJWA.js";
+} from "./chunk-Y4MB25KW.js";
 import {
   dotColorByVariant,
   progressColorByVariant,

package/dist/{chunk-YEMCCYIF.js → chunk-4D6NMPOO.js}

@@ -12,7 +12,7 @@ import {
   UnreadCountBadge,
   UnreadDot,
   useOptionalNotifications
-} from "./chunk-N2PF5CFX.js";
+} from "./chunk-2JLP2X2M.js";
 import {
   resolveActiveSection,
   useActiveSection,

package/dist/{chunk-MIQLUUVF.cjs → chunk-4JIGEK7C.cjs}

@@ -1,13 +1,13 @@
 "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 _chunkGEDY7HQIcjs = require('./chunk-GEDY7HQI.cjs');
+var _chunk6X3O67OLcjs = require('./chunk-6X3O67OL.cjs');
 
 
-var _chunkZ3CVSPO3cjs = require('./chunk-Z3CVSPO3.cjs');
+var _chunkNQVS4G7Gcjs = require('./chunk-NQVS4G7G.cjs');
 
 
-var _chunkZ5UWW3Z2cjs = require('./chunk-Z5UWW3Z2.cjs');
+var _chunkLCLDFMDFcjs = require('./chunk-LCLDFMDF.cjs');
 
 
 var _chunkZXCZYMN4cjs = require('./chunk-ZXCZYMN4.cjs');
@@ -311,7 +311,7 @@ function FaqSection({
     () => initialFaqs ? { faqs: initialFaqs } : void 0,
     [initialFaqs]
   );
-  const { data, isLoading, error } = _chunkGEDY7HQIcjs.useSelfFetch.call(void 0, url, { initialData });
+  const { data, isLoading, error } = _chunk6X3O67OLcjs.useSelfFetch.call(void 0, url, { initialData });
   const faqs = _react.useMemo.call(void 0, () => _nullishCoalesce(_optionalChain([data, 'optionalAccess', _14 => _14.faqs]), () => ( [])), [_optionalChain([data, 'optionalAccess', _15 => _15.faqs])]);
   const groups = _react.useMemo.call(void 0, () => faqs.length > 0 ? groupFaqsBySection(faqs) : [], [faqs]);
   const headingNode = heading === void 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: _chunkETYLOZOBcjs.SECTION_HEADING_CLASS, children: DEFAULT_HEADING_TEXT }) : heading;
@@ -364,7 +364,7 @@ function FaqDocumentPage({
     label: _nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _16 => _16.label]), () => ( "Back to home")),
     onClick: () => router.push(_nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _17 => _17.href]), () => ( "/")))
   };
-  const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ5UWW3Z2cjs.PageLayout, { title, subtitle, backButton: backCfg, titleSize: "h1", titleWrap: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLCLDFMDFcjs.PageLayout, { title, subtitle, backButton: backCfg, titleSize: "h1", titleWrap: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     FaqSection,
     {
       initialFaqs,
@@ -377,7 +377,7 @@ function FaqDocumentPage({
       minResults
     }
   ) });
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ3CVSPO3cjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNQVS4G7Gcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
 }
 
 

package/dist/{chunk-JIWMBIVZ.js → chunk-5U3KWQXP.js}

@@ -1,14 +1,14 @@
 "use client";
 import {
   ContactForm
-} from "./chunk-DCD5WZUF.js";
+} from "./chunk-D6PMVWDI.js";
 import {
   DeliveryRow,
   DevCardRowContent,
   DevCardRowSkeletonList,
   DevSectionPage,
   ListEmptyState
-} from "./chunk-45F7PXUI.js";
+} from "./chunk-AJHSQ5XK.js";
 import {
   EmptyState,
   UnifiedPagination
@@ -31,7 +31,7 @@ import {
   AlertDialogTitle,
   Textarea,
   TicketAttachmentsList
-} from "./chunk-N2PF5CFX.js";
+} from "./chunk-2JLP2X2M.js";
 import {
   toast,
   useScrollToHash

package/dist/{chunk-67QBMN4R.js → chunk-5YAGX5DY.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   SearchInput
-} from "./chunk-N2PF5CFX.js";
+} from "./chunk-2JLP2X2M.js";
 import {
   contentFetch
 } from "./chunk-G3GRYDMS.js";

package/dist/{chunk-GEDY7HQI.cjs → chunk-6X3O67OL.cjs}

@@ -9,6 +9,7 @@ function useSelfFetch(url, options) {
   const initialData = _optionalChain([options, 'optionalAccess', _ => _.initialData]);
   const revalidateOnVisibleAfterMs = _optionalChain([options, 'optionalAccess', _2 => _2.revalidateOnVisibleAfterMs]);
   const [data, setData] = _react.useState.call(void 0, _nullishCoalesce(initialData, () => ( null)));
+  const [dataUrl, setDataUrl] = _react.useState.call(void 0, initialData !== void 0 ? url : null);
   const [isLoading, setIsLoading] = _react.useState.call(void 0, initialData === void 0 && url !== null);
   const [error, setError] = _react.useState.call(void 0, false);
   const [reloadKey, setReloadKey] = _react.useState.call(void 0, 0);
@@ -20,6 +21,7 @@ function useSelfFetch(url, options) {
     setSyncedProps({ url, initialData });
     if (syncedProps.initialData !== initialData && initialData !== void 0) {
       setData(initialData);
+      setDataUrl(url);
     }
     if (syncedProps.url !== url && url === null) {
       setIsLoading(false);
@@ -39,6 +41,7 @@ function useSelfFetch(url, options) {
         const json = await res.json();
         if (!cancelled) {
           setData(json);
+          setDataUrl(url);
           dataUrlRef.current = url;
           dataAtRef.current = Date.now();
         }
@@ -72,6 +75,7 @@ function useSelfFetch(url, options) {
   }, [url, revalidateOnVisibleAfterMs]);
   return {
     data,
+    dataUrl,
     setData,
     isLoading,
     error,

package/dist/{chunk-DEZDMTBM.js → chunk-7BCY77W6.js}

@@ -2,24 +2,24 @@
 import {
   ArticleAuthorByline,
   DetailPageSkeleton
-} from "./chunk-QXZCLQNV.js";
+} from "./chunk-TELAANY6.js";
 import {
   DocSearchBar,
   useDocSearch
-} from "./chunk-67QBMN4R.js";
+} from "./chunk-5YAGX5DY.js";
 import {
   useSelfFetch
-} from "./chunk-YBQQNDC7.js";
+} from "./chunk-RR6PY34K.js";
 import {
   EntityTagBadges,
   FilterPillRow,
   LoadError,
   PageShell,
   RichMarkdownRenderer
-} from "./chunk-N2PF5CFX.js";
+} from "./chunk-2JLP2X2M.js";
 import {
   PageLayout
-} from "./chunk-LOYPRJWA.js";
+} from "./chunk-Y4MB25KW.js";
 import {
   EntityVideoSection,
   VideoBitesStrip,

package/dist/{chunk-BWIN42ZA.cjs → chunk-7BREFV7G.cjs}

@@ -2,24 +2,24 @@
 
 
 
-var _chunk6A43ZDWVcjs = require('./chunk-6A43ZDWV.cjs');
+var _chunkH5VIMBRNcjs = require('./chunk-H5VIMBRN.cjs');
 
 
 
-var _chunkBOTM373Rcjs = require('./chunk-BOTM373R.cjs');
+var _chunkE2V2EH2Gcjs = require('./chunk-E2V2EH2G.cjs');
 
 
-var _chunkGEDY7HQIcjs = require('./chunk-GEDY7HQI.cjs');
+var _chunk6X3O67OLcjs = require('./chunk-6X3O67OL.cjs');
 
 
 
 
 
 
-var _chunkZ3CVSPO3cjs = require('./chunk-Z3CVSPO3.cjs');
+var _chunkNQVS4G7Gcjs = require('./chunk-NQVS4G7G.cjs');
 
 
-var _chunkZ5UWW3Z2cjs = require('./chunk-Z5UWW3Z2.cjs');
+var _chunkLCLDFMDFcjs = require('./chunk-LCLDFMDF.cjs');
 
 
 
@@ -88,10 +88,10 @@ function OnboardingGuidesCatalogView({
   const sectionValue = selfFetch ? _nullishCoalesce(searchParams.get("section"), () => ( "")) : initialSection;
   const activeSection = sectionValue || "all";
   const guidesQs = sectionValue ? `?section=${encodeURIComponent(sectionValue)}` : "";
-  const guidesRes = _chunkGEDY7HQIcjs.useSelfFetch.call(void 0, 
+  const guidesRes = _chunk6X3O67OLcjs.useSelfFetch.call(void 0, 
     selfFetch && guidesEndpoint ? `${guidesEndpoint}${guidesQs}` : null
   );
-  const sectionsRes = _chunkGEDY7HQIcjs.useSelfFetch.call(void 0, selfFetch && sectionsEndpoint ? sectionsEndpoint : null);
+  const sectionsRes = _chunk6X3O67OLcjs.useSelfFetch.call(void 0, selfFetch && sectionsEndpoint ? sectionsEndpoint : null);
   const guides = _react.useMemo.call(void 0, () => _nullishCoalesce(_nullishCoalesce(initialGuides, () => ( _optionalChain([guidesRes, 'access', _2 => _2.data, 'optionalAccess', _3 => _3.data]))), () => ( [])), [initialGuides, _optionalChain([guidesRes, 'access', _4 => _4.data, 'optionalAccess', _5 => _5.data])]);
   const sections = _react.useMemo.call(void 0, 
     () => _nullishCoalesce(initialSections, () => ( (Array.isArray(sectionsRes.data) ? sectionsRes.data : []))),
@@ -134,7 +134,7 @@ function OnboardingGuidesCatalogView({
     });
   };
   const source = _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _6 => _6.source]), () => ( "openframe"));
-  const docSearch = _chunkBOTM373Rcjs.useDocSearch.call(void 0, {
+  const docSearch = _chunkE2V2EH2Gcjs.useDocSearch.call(void 0, {
     source,
     baseRoute: basePath,
     onNavigate: (path) => router.push(path),
@@ -152,7 +152,7 @@ function OnboardingGuidesCatalogView({
   const renderCardFn = _nullishCoalesce(renderCard, () => ( defaultRenderCard));
   const preControls = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkBOTM373Rcjs.DocSearchBar,
+      _chunkE2V2EH2Gcjs.DocSearchBar,
       {
         placeholder: "Search onboarding guides, releases, case studies\u2026",
         query: docSearch.query,
@@ -164,7 +164,7 @@ function OnboardingGuidesCatalogView({
       }
     ),
     sections.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkZ3CVSPO3cjs.FilterPillRow,
+      _chunkNQVS4G7Gcjs.FilterPillRow,
       {
         label: "Section",
         selectedValue: activeSection,
@@ -174,7 +174,7 @@ function OnboardingGuidesCatalogView({
     )
   ] });
   if (selfFetch && guidesRes.error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ3CVSPO3cjs.LoadError, { message: "Failed to load onboarding guides.", onRetry: guidesRes.reload });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNQVS4G7Gcjs.LoadError, { message: "Failed to load onboarding guides.", onRetry: guidesRes.reload });
   }
   if (selfFetch && guidesRes.data == null && isLoading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, OnboardingGuidesCatalogSkeleton, {});
@@ -206,7 +206,7 @@ function OnboardingGuideDetailView({
   slug,
   guideEndpoint,
   related = [],
-  MarkdownRenderer = _chunkZ3CVSPO3cjs.RichMarkdownRenderer,
+  MarkdownRenderer = _chunkNQVS4G7Gcjs.RichMarkdownRenderer,
   renderRelatedCard,
   backHref,
   backLabel = "Back to Getting Started",
@@ -218,21 +218,21 @@ function OnboardingGuideDetailView({
   const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
   const captions = _chunkUWQWMGJ7cjs.useCaptions.call(void 0, );
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
-  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ3CVSPO3cjs.PageShell, { children: node }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: node });
+  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNQVS4G7Gcjs.PageShell, { children: node }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: node });
   const url = initialData ? null : slug && guideEndpoint ? guideEndpoint(slug) : null;
-  const { data: guide, isLoading, error, reload } = _chunkGEDY7HQIcjs.useSelfFetch.call(void 0, url, { initialData });
+  const { data: guide, isLoading, error, reload } = _chunk6X3O67OLcjs.useSelfFetch.call(void 0, url, { initialData });
   const { ref: videoWarmupRef } = _chunkETYLOZOBcjs.useVideoWarmup.call(void 0, {
     videoUrl: _optionalChain([guide, 'optionalAccess', _8 => _8.main_video_url]),
     supabaseStorageOrigin: _optionalChain([runtime, 'optionalAccess', _9 => _9.endpoints, 'access', _10 => _10.supabaseStorageOrigin])
   });
   if (error || !guide && !isLoading) {
-    return renderShell(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ3CVSPO3cjs.LoadError, { message: "Guide not found.", onRetry: reload }));
+    return renderShell(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNQVS4G7Gcjs.LoadError, { message: "Guide not found.", onRetry: reload }));
   }
   if (!guide) {
     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, _chunk6A43ZDWVcjs.DetailPageSkeleton, { bare: true, showImageGallery: false }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pt-[var(--spacing-system-l)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH5VIMBRNcjs.DetailPageSkeleton, { bare: true, showImageGallery: false }) })
     );
   }
   const { captionsUrl, highlightCaptionsUrl } = captions.forEntity("onboarding_guide", guide);
@@ -251,14 +251,14 @@ function OnboardingGuideDetailView({
   const renderRelatedCardFn = _nullishCoalesce(renderRelatedCard, () => ( defaultRenderRelatedCard));
   return renderShell(
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _chunkZ5UWW3Z2cjs.PageLayout,
+      _chunkLCLDFMDFcjs.PageLayout,
       {
         title: guide.title,
         titleSize: "h1",
         titleWrap: true,
         backButton: { label: backLabel, onClick: () => router.push(resolvedBackHref) },
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ3CVSPO3cjs.EntityTagBadges, { tags: guide.onboarding_guide_tags }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNQVS4G7Gcjs.EntityTagBadges, { tags: guide.onboarding_guide_tags }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             _chunkETYLOZOBcjs.EntityAuthorCard,
             {
@@ -303,7 +303,7 @@ function OnboardingGuideDetailView({
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk6A43ZDWVcjs.ArticleAuthorByline,
+            _chunkH5VIMBRNcjs.ArticleAuthorByline,
             {
               author: _nullishCoalesce(_optionalChain([guide, 'access', _13 => _13.author, 'optionalAccess', _14 => _14.full_name]), () => ( null)),
               avatar: _optionalChain([guide, 'access', _15 => _15.author, 'optionalAccess', _16 => _16.avatar_url]),

package/dist/{chunk-45F7PXUI.js → chunk-AJHSQ5XK.js}

@@ -6,10 +6,10 @@ import {
   PageShell,
   SearchInput,
   StatusFilterComponent
-} from "./chunk-N2PF5CFX.js";
+} from "./chunk-2JLP2X2M.js";
 import {
   PageLayout
-} from "./chunk-LOYPRJWA.js";
+} from "./chunk-Y4MB25KW.js";
 import {
   OPENFRAME_DEV_SECTIONS,
   TASK_TYPE_LABELS,

package/dist/{chunk-TBCZCRQ5.js → chunk-CU6NWO2M.js}

@@ -5,16 +5,16 @@ import {
 import {
   DeliveryRow,
   ListEmptyState
-} from "./chunk-45F7PXUI.js";
+} from "./chunk-AJHSQ5XK.js";
 import {
   EmptyState
 } from "./chunk-6YPTUHM7.js";
 import {
   DetailPageSkeleton
-} from "./chunk-QXZCLQNV.js";
+} from "./chunk-TELAANY6.js";
 import {
   useSelfFetch
-} from "./chunk-YBQQNDC7.js";
+} from "./chunk-RR6PY34K.js";
 import {
   Accordion,
   AccordionContent,
@@ -26,10 +26,10 @@ import {
   PageShell,
   ReleaseChangelogSection,
   RichMarkdownRenderer
-} from "./chunk-N2PF5CFX.js";
+} from "./chunk-2JLP2X2M.js";
 import {
   PageLayout
-} from "./chunk-LOYPRJWA.js";
+} from "./chunk-Y4MB25KW.js";
 import {
   useHumanitySignals,
   useScrollToHash

package/dist/{chunk-DCD5WZUF.js → chunk-D6PMVWDI.js}

@@ -2,14 +2,14 @@
 import {
   HoneypotField,
   Textarea
-} from "./chunk-N2PF5CFX.js";
+} from "./chunk-2JLP2X2M.js";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-LOYPRJWA.js";
+} from "./chunk-Y4MB25KW.js";
 import {
   useContactSubmission,
   useHumanitySignals,

package/dist/{chunk-2RKFMUNW.cjs → chunk-DFEPUYTF.cjs}

@@ -1,7 +1,7 @@
 "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 _chunkGEDY7HQIcjs = require('./chunk-GEDY7HQI.cjs');
+var _chunk6X3O67OLcjs = require('./chunk-6X3O67OL.cjs');
 
 
 var _chunkWBNAEYTQcjs = require('./chunk-WBNAEYTQ.cjs');
@@ -700,9 +700,14 @@ function CardForType({
 function useGroupItems(type, refs, buildUrl) {
   const ids = refs.map((r) => r.id);
   const url = ids.length > 0 ? buildUrl(type, ids) : null;
-  const { data, isLoading } = _chunkGEDY7HQIcjs.useSelfFetch.call(void 0, url);
-  const items = data != null ? _chunkETYLOZOBcjs.extractItems.call(void 0, data) : null;
-  return { items, isLoading };
+  const [pages, setPages] = _react.useState.call(void 0, () => /* @__PURE__ */ new Map());
+  const cached = url !== null ? pages.get(url) : void 0;
+  const { data, dataUrl, error } = _chunk6X3O67OLcjs.useSelfFetch.call(void 0, cached ? null : url);
+  if (data != null && dataUrl !== null && !pages.has(dataUrl)) {
+    setPages(new Map(pages).set(dataUrl, _chunkETYLOZOBcjs.extractItems.call(void 0, data)));
+  }
+  if (url === null) return { items: null, isLoading: false };
+  return { items: _nullishCoalesce(cached, () => ( (error ? [] : null))), isLoading: !cached && !error };
 }
 function gridClassFor(columns) {
   return columns === 3 ? "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6" : "grid grid-cols-1 sm:grid-cols-2 gap-6";
@@ -727,38 +732,36 @@ function ContentGroup({
   adminCampaignCard,
   heading
 }) {
-  const { items, isLoading } = useGroupItems(type, refs, buildUrl);
   const config = resolveGroupConfig(type);
   const isListLayout = config.layout === "list";
   const cardSize = config.gridSize;
   const [page, setPage] = _react.useState.call(void 0, 1);
   const refsKey = refs.map((r) => r.id).join("|");
-  const prevRefsKeyRef = _react.useRef.call(void 0, refsKey);
-  _react.useEffect.call(void 0, () => {
-    if (prevRefsKeyRef.current !== refsKey) {
-      prevRefsKeyRef.current = refsKey;
-      setPage(1);
-    }
-  }, [refsKey]);
+  const [pagedRefsKey, setPagedRefsKey] = _react.useState.call(void 0, refsKey);
+  if (pagedRefsKey !== refsKey) {
+    setPagedRefsKey(refsKey);
+    setPage(1);
+  }
   const totalGroupPages = _chunkAECTRMGQcjs.pageCount.call(void 0, refs.length, GROUP_PAGE_SIZE);
-  const safePage = Math.min(page, totalGroupPages);
-  const visibleGroupRefs = refs.length > GROUP_PAGE_SIZE ? refs.slice((safePage - 1) * GROUP_PAGE_SIZE, safePage * GROUP_PAGE_SIZE) : refs;
-  const groupPagination = totalGroupPages > 1 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWBNAEYTQcjs.Pagination, { currentPage: safePage, totalPages: totalGroupPages, onPageChange: setPage }) : null;
-  if (isLoading && !items) {
-    const skeletons = visibleGroupRefs.map((r) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: renderSkeletonForType(type, cardSize, adminCampaignCard) }, r.id));
+  const pageRefs = refs.slice((page - 1) * GROUP_PAGE_SIZE, page * GROUP_PAGE_SIZE);
+  const { items, isLoading } = useGroupItems(type, pageRefs, buildUrl);
+  const groupPagination = totalGroupPages > 1 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWBNAEYTQcjs.Pagination, { currentPage: page, totalPages: totalGroupPages, onPageChange: setPage }) : null;
+  if (isLoading) {
+    const skeletons = pageRefs.map((r) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: renderSkeletonForType(type, cardSize, adminCampaignCard) }, r.id));
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
       heading,
-      isListLayout ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-4", children: skeletons }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: gridClassFor(columns), children: skeletons })
+      isListLayout ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-4", children: skeletons }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: gridClassFor(columns), children: skeletons }),
+      groupPagination
     ] });
   }
-  if (!items || items.length === 0) return null;
+  if (!items) return null;
   const rowKey = (it) => {
     const extracted = _chunkETYLOZOBcjs.extractItemId.call(void 0, type, it);
     if (extracted !== null) return extracted;
     return String(typeof it === "object" && it !== null ? it.id : void 0);
   };
   const itemById = new Map(items.map((it) => [rowKey(it), it]));
-  const cards = visibleGroupRefs.map((contentRef) => {
+  const cards = pageRefs.map((contentRef) => {
     const itemId = String(contentRef.id);
     const item = itemById.get(itemId);
     if (!item) return null;
@@ -842,7 +845,7 @@ function RelatedContentSection({
     () => !suggestionsDisabled && initialItems ? { refs: initialItems } : void 0,
     [initialItems, suggestionsDisabled]
   );
-  const { data, isLoading } = _chunkGEDY7HQIcjs.useSelfFetch.call(void 0, suggestUrl, { initialData });
+  const { data, isLoading } = _chunk6X3O67OLcjs.useSelfFetch.call(void 0, suggestUrl, { initialData });
   const effectiveBuildListUrl = _react.useMemo.call(void 0, 
     () => _nullishCoalesce(buildListUrl2, () => ( ((type, ids) => _chunkETYLOZOBcjs.buildListUrl.call(void 0, type, ids, apiBaseUrl)))),
     [buildListUrl2, apiBaseUrl]

package/dist/{chunk-BOTM373R.cjs → chunk-E2V2EH2G.cjs}

@@ -1,7 +1,7 @@
 "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 _chunkZ3CVSPO3cjs = require('./chunk-Z3CVSPO3.cjs');
+var _chunkNQVS4G7Gcjs = require('./chunk-NQVS4G7G.cjs');
 
 
 var _chunkAUMKE74Mcjs = require('./chunk-AUMKE74M.cjs');
@@ -69,7 +69,7 @@ function DocSearchBar({
   renderResult
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkZ3CVSPO3cjs.SearchInput,
+    _chunkNQVS4G7Gcjs.SearchInput,
     {
       placeholder,
       value: query,

package/dist/{chunk-PQ6HBLZ7.js → chunk-EAHOB64X.js}

@@ -1,13 +1,13 @@
 "use client";
 import {
   useSelfFetch
-} from "./chunk-YBQQNDC7.js";
+} from "./chunk-RR6PY34K.js";
 import {
   PageShell
-} from "./chunk-N2PF5CFX.js";
+} from "./chunk-2JLP2X2M.js";
 import {
   PageLayout
-} from "./chunk-LOYPRJWA.js";
+} from "./chunk-Y4MB25KW.js";
 import {
   useScrollToHash
 } from "./chunk-IWCPXJEE.js";

package/dist/{chunk-SGFTTJKO.js → chunk-FVQJBII6.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   EmbedViewerFrame
-} from "./chunk-N2PF5CFX.js";
+} from "./chunk-2JLP2X2M.js";
 import {
   toGoogleSheetsEmbedUrl,
   toGoogleSheetsOriginalUrl

package/dist/{chunk-APJZBDQN.js → chunk-H5V7GRN5.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useSelfFetch
-} from "./chunk-YBQQNDC7.js";
+} from "./chunk-RR6PY34K.js";
 import {
   Pagination
 } from "./chunk-WSDT7LYL.js";
@@ -45,7 +45,7 @@ import {
 } from "./chunk-AGVXKD4K.js";
 
 // src/components/related-content/related-content-section.tsx
-import { useEffect, useMemo, useRef, useState } from "react";
+import { useMemo, useState } from "react";
 
 // src/components/related-content/card-registry.tsx
 import { jsx } from "react/jsx-runtime";
@@ -700,9 +700,14 @@ function CardForType({
 function useGroupItems(type, refs, buildUrl) {
   const ids = refs.map((r) => r.id);
   const url = ids.length > 0 ? buildUrl(type, ids) : null;
-  const { data, isLoading } = useSelfFetch(url);
-  const items = data != null ? extractItems(data) : null;
-  return { items, isLoading };
+  const [pages, setPages] = useState(() => /* @__PURE__ */ new Map());
+  const cached = url !== null ? pages.get(url) : void 0;
+  const { data, dataUrl, error } = useSelfFetch(cached ? null : url);
+  if (data != null && dataUrl !== null && !pages.has(dataUrl)) {
+    setPages(new Map(pages).set(dataUrl, extractItems(data)));
+  }
+  if (url === null) return { items: null, isLoading: false };
+  return { items: cached ?? (error ? [] : null), isLoading: !cached && !error };
 }
 function gridClassFor(columns) {
   return columns === 3 ? "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6" : "grid grid-cols-1 sm:grid-cols-2 gap-6";
@@ -727,38 +732,36 @@ function ContentGroup({
   adminCampaignCard,
   heading
 }) {
-  const { items, isLoading } = useGroupItems(type, refs, buildUrl);
   const config = resolveGroupConfig(type);
   const isListLayout = config.layout === "list";
   const cardSize = config.gridSize;
   const [page, setPage] = useState(1);
   const refsKey = refs.map((r) => r.id).join("|");
-  const prevRefsKeyRef = useRef(refsKey);
-  useEffect(() => {
-    if (prevRefsKeyRef.current !== refsKey) {
-      prevRefsKeyRef.current = refsKey;
-      setPage(1);
-    }
-  }, [refsKey]);
+  const [pagedRefsKey, setPagedRefsKey] = useState(refsKey);
+  if (pagedRefsKey !== refsKey) {
+    setPagedRefsKey(refsKey);
+    setPage(1);
+  }
   const totalGroupPages = pageCount(refs.length, GROUP_PAGE_SIZE);
-  const safePage = Math.min(page, totalGroupPages);
-  const visibleGroupRefs = refs.length > GROUP_PAGE_SIZE ? refs.slice((safePage - 1) * GROUP_PAGE_SIZE, safePage * GROUP_PAGE_SIZE) : refs;
-  const groupPagination = totalGroupPages > 1 ? /* @__PURE__ */ jsx2(Pagination, { currentPage: safePage, totalPages: totalGroupPages, onPageChange: setPage }) : null;
-  if (isLoading && !items) {
-    const skeletons = visibleGroupRefs.map((r) => /* @__PURE__ */ jsx2("div", { children: renderSkeletonForType(type, cardSize, adminCampaignCard) }, r.id));
+  const pageRefs = refs.slice((page - 1) * GROUP_PAGE_SIZE, page * GROUP_PAGE_SIZE);
+  const { items, isLoading } = useGroupItems(type, pageRefs, buildUrl);
+  const groupPagination = totalGroupPages > 1 ? /* @__PURE__ */ jsx2(Pagination, { currentPage: page, totalPages: totalGroupPages, onPageChange: setPage }) : null;
+  if (isLoading) {
+    const skeletons = pageRefs.map((r) => /* @__PURE__ */ jsx2("div", { children: renderSkeletonForType(type, cardSize, adminCampaignCard) }, r.id));
     return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
       heading,
-      isListLayout ? /* @__PURE__ */ jsx2("div", { className: "space-y-4", children: skeletons }) : /* @__PURE__ */ jsx2("div", { className: gridClassFor(columns), children: skeletons })
+      isListLayout ? /* @__PURE__ */ jsx2("div", { className: "space-y-4", children: skeletons }) : /* @__PURE__ */ jsx2("div", { className: gridClassFor(columns), children: skeletons }),
+      groupPagination
     ] });
   }
-  if (!items || items.length === 0) return null;
+  if (!items) return null;
   const rowKey = (it) => {
     const extracted = extractItemId(type, it);
     if (extracted !== null) return extracted;
     return String(typeof it === "object" && it !== null ? it.id : void 0);
   };
   const itemById = new Map(items.map((it) => [rowKey(it), it]));
-  const cards = visibleGroupRefs.map((contentRef) => {
+  const cards = pageRefs.map((contentRef) => {
     const itemId = String(contentRef.id);
     const item = itemById.get(itemId);
     if (!item) return null;

package/dist/{chunk-6A43ZDWV.cjs → chunk-H5VIMBRN.cjs}

@@ -1,7 +1,7 @@
 "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 _chunkZ5UWW3Z2cjs = require('./chunk-Z5UWW3Z2.cjs');
+var _chunkLCLDFMDFcjs = require('./chunk-LCLDFMDF.cjs');
 
 
 var _chunkETYLOZOBcjs = require('./chunk-ETYLOZOB.cjs');
@@ -66,7 +66,7 @@ function DetailPageSkeleton({
   ] });
   if (bare) return content;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkZ5UWW3Z2cjs.PageLayout,
+    _chunkLCLDFMDFcjs.PageLayout,
     {
       showHeader: false,
       className: "mx-auto max-w-[1280px] bg-ods-bg px-6 py-6 content-md:px-20 content-md:py-10",