@flamingo-stack/openframe-frontend-core 0.0.773 → 0.0.774

package/dist/{chunk-5V7BIUGA.cjs → chunk-Y3EBUFX4.cjs}

@@ -49,7 +49,7 @@ var _chunk3LW5TD54cjs = require('./chunk-3LW5TD54.cjs');
 
 
 
-var _chunkCW3ML76Ucjs = require('./chunk-CW3ML76U.cjs');
+var _chunkNTPX5GXIcjs = require('./chunk-NTPX5GXI.cjs');
 
 
 var _chunkVFZFCRALcjs = require('./chunk-VFZFCRAL.cjs');
@@ -305,12 +305,13 @@ function ImageGalleryModal({ images, isOpen, onClose, initialIndex = 0 }) {
 
 
 
+
 var filePlayer = null;
 var filePlayerLoad = null;
 var filePlayerListeners = /* @__PURE__ */ new Set();
 function loadFilePlayer() {
   if (filePlayer || filePlayerLoad) return;
-  filePlayerLoad = Promise.resolve().then(() => _interopRequireWildcard(require("./video-file-player-COXRF4M5.cjs"))).then((module) => {
+  filePlayerLoad = Promise.resolve().then(() => _interopRequireWildcard(require("./video-file-player-4TXA7BZF.cjs"))).then((module) => {
     filePlayer = module.default;
     for (const listener of filePlayerListeners) listener();
   }).catch(() => void 0).finally(() => {
@@ -326,24 +327,70 @@ function subscribeToFilePlayer(listener) {
 }
 var loadedFilePlayer = () => filePlayer;
 var noFilePlayer = () => null;
-function FilePlayerFallback({ poster, className }) {
+var PosterBox = _react.forwardRef.call(void 0, function PosterBoxView({ poster, className, priority, fill }, ref) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
+      ref,
       "aria-hidden": "true",
-      className,
-      style: {
-        width: "100%",
-        height: "100%",
-        ...poster ? { backgroundImage: `url(${poster})`, backgroundSize: "cover", backgroundPosition: "center" } : {}
-      }
+      className: _chunk65VVJSQZcjs.cn.call(void 0, "relative overflow-hidden", className),
+      style: fill ? { width: "100%", height: "100%" } : void 0,
+      children: poster ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE76ONBKFcjs.next_image_default, { src: poster, alt: "", fill: true, sizes: "100vw", priority, unoptimized: true, className: "object-cover" }) : null
     }
   );
+});
+function FilePlayerFallback({
+  poster,
+  className,
+  priority
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PosterBox, { poster, className, priority, fill: true });
+}
+function waitsForPlay(props) {
+  return !props.autoPlay && !props.autoPlayUnmuted && !props.playOnHover && props.playWhenHovered === void 0 && props.startTime === void 0 && !props.playerHandleRef && !props.chromeless;
+}
+function FilePlayer({
+  title,
+  priority,
+  ...props
+}) {
+  const [facade] = _react.useState.call(void 0, () => waitsForPlay(props));
+  const [pressed, setPressed] = _react.useState.call(void 0, false);
+  if (facade && !pressed) {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "relative", props.className), style: { width: "100%", height: "100%" }, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilePlayerFallback, { poster: props.poster, className: "absolute inset-0", priority }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkTF5D5MNOcjs.Button,
+        {
+          type: "button",
+          variant: "glyph",
+          size: "wrap",
+          "aria-label": title ? `Play: ${title}` : "Play video",
+          onPointerEnter: loadFilePlayer,
+          onFocus: loadFilePlayer,
+          onTouchStart: loadFilePlayer,
+          onClick: () => {
+            loadFilePlayer();
+            setPressed(true);
+          },
+          className: "group absolute inset-0 rounded-none",
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkSETFUCZAcjs.VideoPlayBadge,
+            {
+              size: "lg",
+              className: "transition-transform duration-200 group-hover:scale-110 group-hover:text-ods-accent"
+            }
+          )
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadedFilePlayer, { ...props, priority, ...facade ? { autoPlayUnmuted: true } : {} });
 }
-function FilePlayer(props) {
+function LoadedFilePlayer({ priority, ...props }) {
   const arrived = _react.useSyncExternalStore.call(void 0, subscribeToFilePlayer, loadedFilePlayer, noFilePlayer);
   if (arrived) return _react.createElement.call(void 0, arrived, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilePlayerFallback, { poster: props.poster, className: props.className });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilePlayerFallback, { poster: props.poster, className: props.className, priority });
 }
 var YT_HOSTS = /* @__PURE__ */ new Set([
   "youtube.com",
@@ -381,22 +428,22 @@ function extractYouTubeId(url) {
   return m ? m[1] : null;
 }
 function Video(props) {
-  const { ref: nearRef, isNear } = _chunkCW3ML76Ucjs.useNearViewport.call(void 0, );
+  const { ref: nearRef, isNear } = _chunkNTPX5GXIcjs.useNearViewport.call(void 0, );
   const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
   const url = props.url;
   const layout = _nullishCoalesce(props.layout, () => ( "native"));
   if (loading && !url) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, VideoSkeleton, { layout, className: props.className });
   if (!url) return null;
   const effectiveKind = resolveKind(props, url);
-  if (props.lazy && !isNear) {
+  if ((_nullishCoalesce(props.lazy, () => ( true))) && !isNear) {
     return wrapWithLayout(
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "div",
+        PosterBox,
         {
           ref: nearRef,
+          poster: props.poster,
           className: props.className,
-          style: props.poster ? { backgroundImage: `url(${props.poster})`, backgroundSize: "cover", backgroundPosition: "center" } : void 0,
-          "aria-hidden": "true"
+          priority: "priority" in props ? props.priority : void 0
         }
       ),
       layout
@@ -426,6 +473,8 @@ function Video(props) {
     {
       url,
       poster: props.poster,
+      title: props.title,
+      priority: props.priority,
       muted: props.muted,
       ..._chunkSETFUCZAcjs.pickFilePlayback.call(void 0, props),
       className: props.className
@@ -1668,6 +1717,7 @@ function EntityPortraitCard({
   title,
   titleClassName,
   person,
+  priority,
   className
 }) {
   const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
@@ -1696,6 +1746,7 @@ function EntityPortraitCard({
             className: _chunk65VVJSQZcjs.cn.call(void 0, "h-full w-full", isWide === false ? "object-contain" : "object-cover"),
             sizes: "(min-width: 800px) 400px, 100vw",
             fill: true,
+            priority,
             unoptimized: true,
             onLoad: onMediaLoad,
             onError: onMediaError
@@ -2192,12 +2243,15 @@ function VideoHoverPreviewSurface({
     const el = rootElRef.current;
     if (!el || typeof IntersectionObserver === "undefined") return void 0;
     const io = new IntersectionObserver((entries) => setIsNear(_nullishCoalesce(_optionalChain([entries, 'access', _48 => _48[0], 'optionalAccess', _49 => _49.isIntersecting]), () => ( false))), {
-      rootMargin: _chunkCW3ML76Ucjs.NEAR_VIEWPORT_ROOT_MARGIN
+      rootMargin: _chunkNTPX5GXIcjs.NEAR_VIEWPORT_ROOT_MARGIN
     });
     io.observe(el);
     return () => io.disconnect();
   }, [gateControlled]);
   const showMedia = continuation || (gateControlled ? playerMounted : isNear);
+  const [engaged, setEngaged] = _react.useState.call(void 0, false);
+  if ((active || continuation) && !engaged) setEngaged(true);
+  const showPlayer = continuation || engaged;
   const { src: posterSrc, onError: onPosterError } = useCoverImageFallback(posterUrl);
   const facadeSkipped = preload === "none" && !posterSrc;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: rootElRef, className: _chunk65VVJSQZcjs.cn.call(void 0, "absolute inset-0", className), inert: isClone || void 0, children: showMedia ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
@@ -2215,7 +2269,7 @@ function VideoHoverPreviewSurface({
       }
     ) : facadeSkipped ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-ods-card" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Video, { kind: "file", url: previewUrl, firstFrameOnly: true, layout: "fill", fit }),
     badge === "play" && !active && !continuation && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.VideoPlayBadge, { className: "absolute inset-0 z-10 m-auto" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    showPlayer ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
         className: "absolute inset-0",
@@ -2245,7 +2299,7 @@ function VideoHoverPreviewSurface({
           continuation ? "continuation" : "preview"
         )
       }
-    )
+    ) : null
   ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-ods-card" }) });
 }
 
@@ -4046,6 +4100,7 @@ function ProgramEditorialCard({
   typeMeta,
   profile,
   playable,
+  priority,
   className
 }) {
   const edgeColor = _chunk3LW5TD54cjs.useImageEdgeColor.call(void 0, feature ? cover : null, "transparent");
@@ -4059,7 +4114,7 @@ function ProgramEditorialCard({
   if (!feature) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ContentCardFrame, { as: "a", href, target, rel, className: _chunk65VVJSQZcjs.cn.call(void 0, EDITORIAL_ROW_GRID, className), children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, EDITORIAL_ROW_THUMB, "bg-ods-bg"), children: [
-        cover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE76ONBKFcjs.next_image_default, { src: cover, alt: "", fill: true, sizes: "120px", className: "object-cover", unoptimized: true }),
+        cover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE76ONBKFcjs.next_image_default, { src: cover, alt: "", fill: true, sizes: "120px", className: "object-cover", priority, unoptimized: true }),
         playable && cover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.CardHoverPlay, { size: "md" })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: EDITORIAL_ROW_TEXT, children: [
@@ -4084,6 +4139,7 @@ function ProgramEditorialCard({
               fill: true,
               sizes: "(min-width: 1024px) 640px, 100vw",
               className: "object-contain",
+              priority,
               unoptimized: true
             }
           ),
@@ -4132,6 +4188,7 @@ function ProgramCard({
   wholeCardClickable = false,
   eyebrow,
   tags = [],
+  priority,
   className
 }) {
   const { target, rel } = useEntityCardLink({
@@ -4188,6 +4245,7 @@ function ProgramCard({
         imageAlt: item.title,
         title: item.title,
         titleClassName: "font-['Azeret_Mono'] font-semibold text-lg leading-6",
+        priority,
         person: profile ? { name: profile.name, avatarUrl: profile.avatarUrl, subtitle: profile.subtitle || dateMeta } : { name: config.labels.singular, subtitle: dateMeta },
         className
       }
@@ -4209,6 +4267,7 @@ function ProgramCard({
         typeMeta: compactTypeMetaValue,
         profile: programItemToStripProfile(item),
         playable: isPlayable,
+        priority,
         className
       }
     );
@@ -4222,7 +4281,18 @@ function ProgramCard({
     );
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunk65VVJSQZcjs.cn.call(void 0, COMPACT_CARD_OUTER, "group", className), children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_IMAGE_SLOT, children: [
-        compactCover ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE76ONBKFcjs.next_image_default, { src: compactCover, alt: item.title, fill: true, sizes: "56px", className: "object-contain", unoptimized: true }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-full w-full items-center justify-center text-ods-accent", children: config.type === "podcast" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Play, { className: "h-4 w-4" }) : config.type === "webinar" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Video, { className: "h-4 w-4" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Clock, { className: "h-4 w-4" }) }),
+        compactCover ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkE76ONBKFcjs.next_image_default,
+          {
+            src: compactCover,
+            alt: item.title,
+            fill: true,
+            sizes: "56px",
+            className: "object-contain",
+            priority,
+            unoptimized: true
+          }
+        ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-full w-full items-center justify-center text-ods-accent", children: config.type === "podcast" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Play, { className: "h-4 w-4" }) : config.type === "webinar" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Video, { className: "h-4 w-4" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Clock, { className: "h-4 w-4" }) }),
         isPlayable && compactCover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.CardHoverPlay, { size: "sm" })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_TEXT_COL, children: [
@@ -4275,6 +4345,7 @@ function ProgramCard({
           fill: true,
           sizes: "(min-width: 1280px) 400px, (min-width: 768px) 320px, 100vw",
           className: "object-cover",
+          priority,
           unoptimized: true
         }
       ),

package/dist/{chunk-5HBGBLJT.cjs → chunk-ZHGOXDA3.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 _chunkKSCEAIBScjs = require('./chunk-KSCEAIBS.cjs');
+var _chunkTOPGBOCNcjs = require('./chunk-TOPGBOCN.cjs');
 
 
 
@@ -15,8 +15,8 @@ var _chunkKSCEAIBScjs = require('./chunk-KSCEAIBS.cjs');
 
 
 
-var _chunkFPCGKH5Kcjs = require('./chunk-FPCGKH5K.cjs');
 
+var _chunkTUXPFF4Pcjs = require('./chunk-TUXPFF4P.cjs');
 
 
 
@@ -39,7 +39,8 @@ var _chunkFPCGKH5Kcjs = require('./chunk-FPCGKH5K.cjs');
 
 
 
-var _chunk5V7BIUGAcjs = require('./chunk-5V7BIUGA.cjs');
+
+var _chunkY3EBUFX4cjs = require('./chunk-Y3EBUFX4.cjs');
 
 
 var _chunkBLH2SFOOcjs = require('./chunk-BLH2SFOO.cjs');
@@ -452,7 +453,7 @@ function programEntry(configKey) {
     // Hosts are drawn only for a type whose cards show them (its config's `cardShowsHosts`): elsewhere a record may
     // have none.
     skeleton: (size, extras) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk5V7BIUGAcjs.ProgramCardSkeleton,
+      _chunkY3EBUFX4cjs.ProgramCardSkeleton,
       {
         size: size === "sm" ? "sm" : "default",
         media: configKey === "event" ? EVENT_CARD_SKELETON_MEDIA : 0,
@@ -464,7 +465,7 @@ function programEntry(configKey) {
       const config = _optionalChain([ctx, 'access', _5 => _5.extras, 'optionalAccess', _6 => _6.programConfigs, 'optionalAccess', _7 => _7[configKey]]);
       if (!config) return null;
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk5V7BIUGAcjs.ProgramCard,
+        _chunkY3EBUFX4cjs.ProgramCard,
         {
           config,
           item,
@@ -481,10 +482,10 @@ function programEntry(configKey) {
 }
 function roadmapEntry(cardType) {
   return cardEntry({
-    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5V7BIUGAcjs.RoadmapCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
+    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY3EBUFX4cjs.RoadmapCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
     decode: decodeRoadmapRow,
     render: (item, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk5V7BIUGAcjs.RoadmapCard,
+      _chunkY3EBUFX4cjs.RoadmapCard,
       {
         item,
         href: ctx.href,
@@ -501,10 +502,10 @@ function roadmapEntry(cardType) {
 }
 var RELATED_CARD_REGISTRY = {
   blog_post_existing: cardEntry({
-    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5V7BIUGAcjs.BlogCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
+    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY3EBUFX4cjs.BlogCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
     decode: decodeBlogRow,
     render: (post, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk5V7BIUGAcjs.BlogCard,
+      _chunkY3EBUFX4cjs.BlogCard,
       {
         post,
         size: ctx.legacySize,
@@ -516,10 +517,10 @@ var RELATED_CARD_REGISTRY = {
     )
   }),
   case_study: cardEntry({
-    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5V7BIUGAcjs.CaseStudyCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
+    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY3EBUFX4cjs.CaseStudyCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
     decode: decodeCaseStudyRow,
     render: (study, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk5V7BIUGAcjs.CaseStudyCard,
+      _chunkY3EBUFX4cjs.CaseStudyCard,
       {
         study,
         size: ctx.legacySize,
@@ -531,10 +532,10 @@ var RELATED_CARD_REGISTRY = {
     )
   }),
   customer_interview: cardEntry({
-    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5V7BIUGAcjs.CustomerInterviewCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
+    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY3EBUFX4cjs.CustomerInterviewCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
     decode: decodeCustomerInterviewRow,
     render: (interview, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk5V7BIUGAcjs.CustomerInterviewCard,
+      _chunkY3EBUFX4cjs.CustomerInterviewCard,
       {
         interview,
         size: ctx.legacySize,
@@ -552,13 +553,13 @@ var RELATED_CARD_REGISTRY = {
    * record, and the three props the rail sets itself are read off it.
    */
   product_release: cardEntry({
-    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5V7BIUGAcjs.ProductReleaseCardSkeleton, { size: size === "sm" ? "sm" : "lg" }),
+    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY3EBUFX4cjs.ProductReleaseCardSkeleton, { size: size === "sm" ? "sm" : "lg" }),
     decode: asRecord,
     render: (release, ctx) => {
-      const buildReleaseProps = _nullishCoalesce(_optionalChain([ctx, 'access', _8 => _8.extras, 'optionalAccess', _9 => _9.buildProductReleaseCardProps]), () => ( _chunk5V7BIUGAcjs.buildProductReleaseCardProps));
+      const buildReleaseProps = _nullishCoalesce(_optionalChain([ctx, 'access', _8 => _8.extras, 'optionalAccess', _9 => _9.buildProductReleaseCardProps]), () => ( _chunkY3EBUFX4cjs.buildProductReleaseCardProps));
       const releaseProps = buildReleaseProps(release);
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkFPCGKH5Kcjs.ProductReleaseCard,
+        _chunkTUXPFF4Pcjs.ProductReleaseCard,
         {
           size: ctx.size === "sm" ? "sm" : "lg",
           title: str(release, "title"),
@@ -574,10 +575,10 @@ var RELATED_CARD_REGISTRY = {
   webinar: programEntry("webinar"),
   event: programEntry("event"),
   investor_update: cardEntry({
-    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5V7BIUGAcjs.InvestorUpdateCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
+    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY3EBUFX4cjs.InvestorUpdateCardSkeleton, { size: size === "sm" ? "sm" : "default" }),
     decode: decodeInvestorUpdateRow,
     render: (update, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk5V7BIUGAcjs.InvestorUpdateCard,
+      _chunkY3EBUFX4cjs.InvestorUpdateCard,
       {
         update,
         size: ctx.legacySize,
@@ -592,10 +593,10 @@ var RELATED_CARD_REGISTRY = {
    *  step-numbered 'default' variant is for the guide detail page's "More in
    *  section" rail, not this full-width row. */
   onboarding_guide: cardEntry({
-    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5V7BIUGAcjs.OnboardingGuideCardSkeleton, { size: size === "sm" ? "sm" : "catalog", published: false }),
+    skeleton: (size) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY3EBUFX4cjs.OnboardingGuideCardSkeleton, { size: size === "sm" ? "sm" : "catalog", published: false }),
     decode: decodeOnboardingGuideRow,
     render: (guide, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk5V7BIUGAcjs.OnboardingGuideCard,
+      _chunkY3EBUFX4cjs.OnboardingGuideCard,
       {
         guide,
         size: ctx.size === "sm" ? "sm" : "catalog",
@@ -612,10 +613,10 @@ var RELATED_CARD_REGISTRY = {
    *  href: an object with `href: undefined` is still truthy and would wrap the
    *  card in a dead <a>. */
   what_i_shipped: cardEntry({
-    skeleton: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFPCGKH5Kcjs.WhatIShippedCardSkeleton, {}),
+    skeleton: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTUXPFF4Pcjs.WhatIShippedCardSkeleton, {}),
     decode: decodeEmployeeEntryRow,
     render: (entry, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkFPCGKH5Kcjs.WhatIShippedCard,
+      _chunkTUXPFF4Pcjs.WhatIShippedCard,
       {
         entry,
         placeholderUrl: ctx.placeholderUrl,
@@ -625,10 +626,10 @@ var RELATED_CARD_REGISTRY = {
   }),
   /** Same shared employee-entry shape + anchor contract as What I Shipped. */
   how_i_work: cardEntry({
-    skeleton: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFPCGKH5Kcjs.HowIWorkCardSkeleton, {}),
+    skeleton: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTUXPFF4Pcjs.HowIWorkCardSkeleton, {}),
     decode: decodeEmployeeEntryRow,
     render: (entry, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkFPCGKH5Kcjs.HowIWorkCard,
+      _chunkTUXPFF4Pcjs.HowIWorkCard,
       {
         entry,
         placeholderUrl: ctx.placeholderUrl,
@@ -638,10 +639,10 @@ var RELATED_CARD_REGISTRY = {
   }),
   /** Same shared employee-entry shape + anchor contract as What I Shipped. */
   ai_prompt: cardEntry({
-    skeleton: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFPCGKH5Kcjs.AiPromptCardSkeleton, {}),
+    skeleton: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTUXPFF4Pcjs.AiPromptCardSkeleton, {}),
     decode: decodeEmployeeEntryRow,
     render: (entry, ctx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkFPCGKH5Kcjs.AiPromptCard,
+      _chunkTUXPFF4Pcjs.AiPromptCard,
       {
         entry,
         placeholderUrl: ctx.placeholderUrl,
@@ -662,7 +663,7 @@ function DefaultLinkPropsProvider({
   children
 }) {
   if (!href) return children(null);
-  const newTab = _chunk5V7BIUGAcjs.decideNewTab.call(void 0, { href, targetPlatform, currentSource: "" });
+  const newTab = _chunkY3EBUFX4cjs.decideNewTab.call(void 0, { href, targetPlatform, currentSource: "" });
   return children(newTab ? { href, target: "_blank", rel: "noopener noreferrer" } : { href });
 }
 function defaultResolveHref(ref) {
@@ -715,14 +716,16 @@ function CardForType({
     extras
   });
 }
-function useGroupItems(type, refs, buildUrl) {
+function useGroupItems(type, refs, buildUrl, seedRows) {
   const ids = refs.map((r) => r.id);
   const url = ids.length > 0 ? buildUrl(type, ids) : null;
-  const [pages, setPages] = _react.useState.call(void 0, () => /* @__PURE__ */ new Map());
+  const [pages, setPages] = _react.useState.call(void 0, 
+    () => seedRows && url !== null ? /* @__PURE__ */ new Map([[url, [...seedRows]]]) : /* @__PURE__ */ new Map()
+  );
   const cached = url !== null ? pages.get(url) : void 0;
-  const { data, dataUrl, error } = _chunkFPCGKH5Kcjs.useSelfFetch.call(void 0, cached ? null : url);
+  const { data, dataUrl, error } = _chunkTUXPFF4Pcjs.useSelfFetch.call(void 0, cached ? null : url);
   if (data != null && dataUrl !== null && !pages.has(dataUrl)) {
-    setPages(new Map(pages).set(dataUrl, _chunk5V7BIUGAcjs.extractItems.call(void 0, data)));
+    setPages(new Map(pages).set(dataUrl, _chunkY3EBUFX4cjs.extractItems.call(void 0, data)));
   }
   if (url === null) return { items: null, isLoading: false };
   return { items: _nullishCoalesce(cached, () => ( (error ? [] : null))), isLoading: !cached && !error };
@@ -731,29 +734,28 @@ 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";
 }
 function resolveGroupConfig(type) {
-  return _nullishCoalesce(_chunkFPCGKH5Kcjs.CONTENT_REF_GROUPS[type], () => ( {
+  return _nullishCoalesce(_chunkTUXPFF4Pcjs.CONTENT_REF_GROUPS[type], () => ( {
     label: type,
     order: 999,
     layout: "grid",
     gridSize: "default"
   }));
 }
-var GROUP_PAGE_SIZE = 12;
 var GROUP_CLASS = "space-y-4";
 var GROUP_LIST_CLASS = "space-y-4";
 var GROUP_HEADING_CLASS = "font-semibold text-ods-text-secondary text-h5";
 var RAIL_CLASS = "flex flex-col gap-8";
 var UNKNOWN_TYPE_CARD = "blog_post_existing";
 function GroupHeading({ type }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: GROUP_HEADING_CLASS, children: _chunkFPCGKH5Kcjs.getContentRefLabelOrTitleCase.call(void 0, type) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: GROUP_HEADING_CLASS, children: _chunkTUXPFF4Pcjs.getContentRefLabelOrTitleCase.call(void 0, type) });
 }
 function orderRailTypes(types, entityType) {
-  let ordered = _chunkFPCGKH5Kcjs.orderContentRefTypes.call(void 0, types);
+  let ordered = _chunkTUXPFF4Pcjs.orderContentRefTypes.call(void 0, types);
   if (entityType) {
-    const canonicalEntityType = _chunk5V7BIUGAcjs.canonicalContentRefType.call(void 0, entityType);
-    const sameType = ordered.filter((t) => _chunk5V7BIUGAcjs.canonicalContentRefType.call(void 0, t) === canonicalEntityType);
+    const canonicalEntityType = _chunkY3EBUFX4cjs.canonicalContentRefType.call(void 0, entityType);
+    const sameType = ordered.filter((t) => _chunkY3EBUFX4cjs.canonicalContentRefType.call(void 0, t) === canonicalEntityType);
     if (sameType.length > 0) {
-      ordered = [...sameType, ...ordered.filter((t) => _chunk5V7BIUGAcjs.canonicalContentRefType.call(void 0, t) !== canonicalEntityType)];
+      ordered = [...sameType, ...ordered.filter((t) => _chunkY3EBUFX4cjs.canonicalContentRefType.call(void 0, t) !== canonicalEntityType)];
     }
   }
   return ordered;
@@ -768,7 +770,8 @@ function ContentGroup({
   extras,
   adminCampaignCard,
   heading,
-  onLoadingChange
+  onLoadingChange,
+  seedRows
 }) {
   const config = resolveGroupConfig(type);
   const isListLayout = config.layout === "list";
@@ -780,10 +783,10 @@ function ContentGroup({
     setPagedRefsKey(refsKey);
     setPage(1);
   }
-  const totalGroupPages = _chunkBLH2SFOOcjs.pageCount.call(void 0, refs.length, GROUP_PAGE_SIZE);
-  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, _chunkKSCEAIBScjs.Pagination, { currentPage: page, totalPages: totalGroupPages, onPageChange: setPage }) : null;
+  const totalGroupPages = _chunkBLH2SFOOcjs.pageCount.call(void 0, refs.length, _chunkTUXPFF4Pcjs.GROUP_PAGE_SIZE);
+  const pageRefs = refs.slice((page - 1) * _chunkTUXPFF4Pcjs.GROUP_PAGE_SIZE, page * _chunkTUXPFF4Pcjs.GROUP_PAGE_SIZE);
+  const { items, isLoading } = useGroupItems(type, pageRefs, buildUrl, seedRows);
+  const groupPagination = totalGroupPages > 1 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTOPGBOCNcjs.Pagination, { currentPage: page, totalPages: totalGroupPages, onPageChange: setPage }) : null;
   _react.useEffect.call(void 0, () => {
     onLoadingChange(type, isLoading);
     return () => onLoadingChange(type, false);
@@ -801,7 +804,7 @@ function ContentGroup({
   }
   if (!items) return null;
   const rowKey = (it) => {
-    const extracted = _chunk5V7BIUGAcjs.extractItemId.call(void 0, type, it);
+    const extracted = _chunkY3EBUFX4cjs.extractItemId.call(void 0, type, it);
     if (extracted !== null) return extracted;
     return String(typeof it === "object" && it !== null ? it.id : void 0);
   };
@@ -852,6 +855,7 @@ function RelatedContentSection({
   sameTypeMinResults,
   includeTypes,
   initialItems,
+  initialRows,
   title = "Related Content",
   columns = 2,
   excludeTypes,
@@ -870,11 +874,11 @@ function RelatedContentSection({
     types: includeTypes !== void 0 ? includeTypes.join(",") : void 0,
     excludeTypes: excludeTypes && excludeTypes.length > 0 ? excludeTypes.join(",") : void 0
   };
-  const authorUrl = contentRefs === void 0 && authorId && !suggestionsDisabled ? _chunkFPCGKH5Kcjs.buildSuggestionUrl.call(void 0, "/api/related-content", {
+  const authorUrl = contentRefs === void 0 && authorId && !suggestionsDisabled ? _chunkTUXPFF4Pcjs.buildSuggestionUrl.call(void 0, "/api/related-content", {
     apiBaseUrl,
     extraParams: { authorId, ...typeFilterParams }
   }) : null;
-  const suggestUrl = _nullishCoalesce(authorUrl, () => ( (contentRefs === void 0 && entityType && entityId !== void 0 && entityId !== null && entityId !== "" && !suggestionsDisabled ? _chunkFPCGKH5Kcjs.buildSuggestionUrl.call(void 0, "/api/related-content", {
+  const suggestUrl = _nullishCoalesce(authorUrl, () => ( (contentRefs === void 0 && entityType && entityId !== void 0 && entityId !== null && entityId !== "" && !suggestionsDisabled ? _chunkTUXPFF4Pcjs.buildSuggestionUrl.call(void 0, "/api/related-content", {
     apiBaseUrl,
     entityType,
     entityId,
@@ -891,7 +895,7 @@ function RelatedContentSection({
     () => !suggestionsDisabled && initialItems ? { refs: initialItems } : void 0,
     [initialItems, suggestionsDisabled]
   );
-  const { data, isLoading } = _chunkFPCGKH5Kcjs.useSelfFetch.call(void 0, suggestUrl, { initialData });
+  const { data, isLoading } = _chunkTUXPFF4Pcjs.useSelfFetch.call(void 0, suggestUrl, { initialData });
   const inScope = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
   const [loadingTypes, setLoadingTypes] = _react.useState.call(void 0, () => /* @__PURE__ */ new Set());
   const onGroupLoadingChange = _react.useCallback.call(void 0, (type, loading) => {
@@ -904,7 +908,7 @@ function RelatedContentSection({
     });
   }, []);
   const effectiveBuildListUrl = _react.useMemo.call(void 0, 
-    () => _nullishCoalesce(buildListUrl2, () => ( ((type, ids) => _chunk5V7BIUGAcjs.buildListUrl.call(void 0, type, ids, apiBaseUrl)))),
+    () => _nullishCoalesce(buildListUrl2, () => ( ((type, ids) => _chunkY3EBUFX4cjs.buildListUrl.call(void 0, type, ids, apiBaseUrl)))),
     [buildListUrl2, apiBaseUrl]
   );
   const refs = _nullishCoalesce(_nullishCoalesce(contentRefs, () => ( _optionalChain([data, 'optionalAccess', _13 => _13.refs]))), () => ( []));
@@ -928,7 +932,7 @@ function RelatedContentSection({
     }
     if (!showWhenEmpty) return null;
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-8", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-2xl font-bold text-ods-text-primary", children: _chunk5V7BIUGAcjs.accentSentenceMarks.call(void 0, title) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-2xl font-bold text-ods-text-primary", children: _chunkY3EBUFX4cjs.accentSentenceMarks.call(void 0, title) }),
       _nullishCoalesce(emptyState, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary", children: emptyStateText })))
     ] });
   }
@@ -954,7 +958,7 @@ function RelatedContentSection({
     );
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { as: "section", label: "Loading related content", announce: loadingTypes.size > 0, className: RAIL_CLASS, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: RAIL_TITLE_CLASS, children: _chunk5V7BIUGAcjs.accentSentenceMarks.call(void 0, title) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: RAIL_TITLE_CLASS, children: _chunkY3EBUFX4cjs.accentSentenceMarks.call(void 0, title) }),
     orderedTypes.map((type) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       ContentGroup,
       {
@@ -967,7 +971,8 @@ function RelatedContentSection({
         extras,
         adminCampaignCard,
         heading: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, GroupHeading, { type }),
-        onLoadingChange: onGroupLoadingChange
+        onLoadingChange: onGroupLoadingChange,
+        seedRows: _optionalChain([initialRows, 'optionalAccess', _14 => _14[type]])
       },
       type
     ))
@@ -983,24 +988,24 @@ function RelatedContentSectionSkeleton({
   adminCampaignCard,
   extras
 }) {
-  const canonicalEntityType = entityType ? _chunk5V7BIUGAcjs.canonicalContentRefType.call(void 0, entityType) : null;
+  const canonicalEntityType = entityType ? _chunkY3EBUFX4cjs.canonicalContentRefType.call(void 0, entityType) : null;
   const unknownGroup = types.length === 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: GROUP_CLASS, "aria-hidden": true, "data-loading-item": true, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: GROUP_HEADING_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-24" }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: gridClassFor(columns), children: Array.from({ length: GROUP_PAGE_SIZE }, (_, i) => (
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: gridClassFor(columns), children: Array.from({ length: _chunkTUXPFF4Pcjs.GROUP_PAGE_SIZE }, (_, i) => (
       // biome-ignore lint/suspicious/noArrayIndexKey: skeleton cards never reorder
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-loading-item": true, children: renderSkeletonForType(UNKNOWN_TYPE_CARD, "default", adminCampaignCard, extras) }, i)
     )) })
   ] }) : null;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { as: "section", label: "Loading related content", className: RAIL_CLASS, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: RAIL_TITLE_CLASS, children: title ? _chunk5V7BIUGAcjs.accentSentenceMarks.call(void 0, title) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-1/2" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: RAIL_TITLE_CLASS, children: title ? _chunkY3EBUFX4cjs.accentSentenceMarks.call(void 0, title) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-1/2" }) }),
     unknownGroup,
     orderRailTypes(new Set(types), entityType).map((type) => {
       const config = resolveGroupConfig(type);
-      const sameType = canonicalEntityType !== null && _chunk5V7BIUGAcjs.canonicalContentRefType.call(void 0, type) === canonicalEntityType;
+      const sameType = canonicalEntityType !== null && _chunkY3EBUFX4cjs.canonicalContentRefType.call(void 0, type) === canonicalEntityType;
       const isList = config.layout === "list";
       const count = Math.min(
-        GROUP_PAGE_SIZE,
-        _nullishCoalesce((sameType ? _nullishCoalesce(sameTypeMinResults, () => ( minResults)) : minResults), () => ( GROUP_PAGE_SIZE))
+        _chunkTUXPFF4Pcjs.GROUP_PAGE_SIZE,
+        _nullishCoalesce((sameType ? _nullishCoalesce(sameTypeMinResults, () => ( minResults)) : minResults), () => ( _chunkTUXPFF4Pcjs.GROUP_PAGE_SIZE))
       );
       const cards = Array.from({ length: count }, (_, i) => (
         // biome-ignore lint/suspicious/noArrayIndexKey: skeleton cards never reorder
@@ -1017,5 +1022,4 @@ function RelatedContentSectionSkeleton({
 
 
 
-
-exports.GROUP_PAGE_SIZE = GROUP_PAGE_SIZE; exports.RelatedContentSection = RelatedContentSection; exports.RelatedContentSectionSkeleton = RelatedContentSectionSkeleton;
+exports.RelatedContentSection = RelatedContentSection; exports.RelatedContentSectionSkeleton = RelatedContentSectionSkeleton;