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

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

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

package/dist/{chunk-MA4Q5RBP.cjs → chunk-NYSMDM4J.cjs}

@@ -9,7 +9,7 @@ var _chunkWBNAEYTQcjs = require('./chunk-WBNAEYTQ.cjs');
 var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
 
 
-var _chunkAECTRMGQcjs = require('./chunk-AECTRMGQ.cjs');
+var _chunk7GRPR7XAcjs = require('./chunk-7GRPR7XA.cjs');
 
 
 var _chunkDFQYAYBHcjs = require('./chunk-DFQYAYBH.cjs');
@@ -164,7 +164,7 @@ function UnifiedPagination({
     if (syncUrl) {
       const params = new URLSearchParams(searchParams.toString());
       params.set("page", page.toString());
-      window.history.replaceState(null, "", _chunkAECTRMGQcjs.withQuery.call(void 0, pathname, params.toString()));
+      window.history.replaceState(null, "", _chunk7GRPR7XAcjs.withQuery.call(void 0, pathname, params.toString()));
     }
     setTimeout(() => {
       window.scrollTo({

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

@@ -1,10 +1,7 @@
 "use client";
 import {
   SearchInput
-} from "./chunk-N2PF5CFX.js";
-import {
-  contentFetch
-} from "./chunk-G3GRYDMS.js";
+} from "./chunk-7IOU6BJE.js";
 import {
   NEW_TAB_FEATURES,
   getSourceLabel,
@@ -12,7 +9,7 @@ import {
   resolveExternalNavigation,
   resolveSourceIcon,
   stripSameOriginToPath
-} from "./chunk-JH2SIWPQ.js";
+} from "./chunk-PXAKSPLZ.js";
 import {
   useDebounce
 } from "./chunk-CMZ3QTFQ.js";
@@ -21,7 +18,10 @@ import {
 } from "./chunk-GY4IZG22.js";
 import {
   decideNewTab
-} from "./chunk-TTVOLEUS.js";
+} from "./chunk-GANIUMRU.js";
+import {
+  contentFetch
+} from "./chunk-FSQQZFVG.js";
 import {
   useChatRuntime
 } from "./chunk-E4ABZWTJ.js";

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

@@ -1,7 +1,4 @@
 "use client";
-import {
-  useSelfFetch
-} from "./chunk-YBQQNDC7.js";
 import {
   Pagination
 } from "./chunk-WSDT7LYL.js";
@@ -38,14 +35,15 @@ import {
   extractItemId,
   extractItems,
   getContentRefLabelOrTitleCase,
-  orderContentRefTypes
-} from "./chunk-TTVOLEUS.js";
+  orderContentRefTypes,
+  useSelfFetch
+} from "./chunk-GANIUMRU.js";
 import {
   pageCount
-} from "./chunk-AGVXKD4K.js";
+} from "./chunk-FSQQZFVG.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 +698,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 +730,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;