@flamingo-stack/openframe-frontend-core 0.0.780 → 0.0.782

package/dist/{chunk-YG72MEHY.cjs → chunk-5XAWVXNI.cjs}

@@ -1,4 +1,4 @@
-"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";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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";
 
 
 
@@ -24,15 +24,15 @@
 
 
 
+var _chunkODDUGLYFcjs = require('./chunk-ODDUGLYF.cjs');
 
 
-var _chunkOH5LAH3Xcjs = require('./chunk-OH5LAH3X.cjs');
+var _chunk4MQASMIUcjs = require('./chunk-4MQASMIU.cjs');
 
 
-var _chunkSETFUCZAcjs = require('./chunk-SETFUCZA.cjs');
+var _chunkXAA5LUHCcjs = require('./chunk-XAA5LUHC.cjs');
 
 
-var _chunkBEMGJDXIcjs = require('./chunk-BEMGJDXI.cjs');
 
 
 
@@ -42,11 +42,7 @@ var _chunkBEMGJDXIcjs = require('./chunk-BEMGJDXI.cjs');
 
 
 
-
-
-
-
-var _chunkBNUZKBNVcjs = require('./chunk-BNUZKBNV.cjs');
+var _chunkZJS45HQZcjs = require('./chunk-ZJS45HQZ.cjs');
 
 
 var _chunk32ASZMTVcjs = require('./chunk-32ASZMTV.cjs');
@@ -61,17 +57,17 @@ var _chunk6VOOPMP5cjs = require('./chunk-6VOOPMP5.cjs');
 var _chunkORO54HDFcjs = require('./chunk-ORO54HDF.cjs');
 
 
-var _chunk3LW5TD54cjs = require('./chunk-3LW5TD54.cjs');
+var _chunkF2FFJWOQcjs = require('./chunk-F2FFJWOQ.cjs');
 
 
 var _chunkAQXKXZWBcjs = require('./chunk-AQXKXZWB.cjs');
 
 
 
-var _chunkTUAATMUEcjs = require('./chunk-TUAATMUE.cjs');
+var _chunkCS5SZJFVcjs = require('./chunk-CS5SZJFV.cjs');
 
 
-var _chunkE76ONBKFcjs = require('./chunk-E76ONBKF.cjs');
+var _chunk5WMRVMXHcjs = require('./chunk-5WMRVMXH.cjs');
 
 
 var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
@@ -84,22 +80,97 @@ var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
 
 
 
+var _chunkNNNRN4OFcjs = require('./chunk-NNNRN4OF.cjs');
 
-var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
 
+var _chunkFLS6DZENcjs = require('./chunk-FLS6DZEN.cjs');
 
-var _chunkTF5D5MNOcjs = require('./chunk-TF5D5MNO.cjs');
 
 
-var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
+
+var _chunkMGEUZRNQcjs = require('./chunk-MGEUZRNQ.cjs');
 
 
-var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
+var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
+
+// src/components/ui/interactive-card.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var InteractiveCard = _react2.default.forwardRef(
+  ({ children, onClick, clickable, hoverAccentColor, className, ...props }, ref) => {
+    const isClickable = clickable !== void 0 ? clickable : !!onClick;
+    const handleClick = (e) => {
+      if (isClickable && onClick) {
+        onClick(e);
+      }
+    };
+    const handleMouseEnter = (e) => {
+      if (hoverAccentColor && isClickable) {
+        const card = e.currentTarget;
+        card.style.borderColor = hoverAccentColor;
+        const title = card.querySelector("h3");
+        if (title) {
+          title.style.color = hoverAccentColor;
+        }
+        const primaryTexts = card.querySelectorAll(".text-ods-text-primary:not(button):not(button *)");
+        for (const text of primaryTexts) {
+          text.style.color = hoverAccentColor;
+        }
+      }
+    };
+    const handleMouseLeave = (e) => {
+      if (hoverAccentColor && isClickable) {
+        const card = e.currentTarget;
+        card.style.borderColor = "";
+        const title = card.querySelector("h3");
+        if (title) {
+          title.style.color = "";
+        }
+        const primaryTexts = card.querySelectorAll(".text-ods-text-primary:not(button):not(button *)");
+        for (const text of primaryTexts) {
+          text.style.color = "";
+        }
+      }
+    };
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: _chunkMGEUZRNQcjs.cn.call(void 0, 
+          "transition-all",
+          isClickable && [
+            "cursor-pointer",
+            "group",
+            !hoverAccentColor && [
+              "hover:border-ods-accent",
+              // H3 titles turn accent on hover
+              "[&:hover_h3]:text-ods-accent",
+              // Primary text turns accent on hover (but not inside buttons)
+              "[&:hover_.text-ods-text-primary:not(button):not(button_*)]:text-ods-accent"
+            ]
+          ],
+          className
+        ),
+        onClick: handleClick,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        style: hoverAccentColor ? (
+          // A CSS custom property — React accepts it at runtime but
+          // `CSSProperties` has no index signature for `--*`.
+          { "--hover-accent": hoverAccentColor }
+        ) : void 0,
+        ...props,
+        children
+      }
+    );
+  }
+);
+InteractiveCard.displayName = "InteractiveCard";
 
 // src/components/ui/modal.tsx
 var _overlays = require('@react-aria/overlays');
-var _react = require('react');
-var _jsxruntime = require('react/jsx-runtime');
+
+
 var Modal = _react.forwardRef.call(void 0, ({ isOpen, onClose, children, className }, ref) => {
   _overlays.usePreventScroll.call(void 0, { isDisabled: !isOpen });
   _react.useEffect.call(void 0, () => {
@@ -119,7 +190,7 @@ var Modal = _react.forwardRef.call(void 0, ({ isOpen, onClose, children, classNa
       "div",
       {
         ref,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkMGEUZRNQcjs.cn.call(void 0, 
           "relative z-10 mx-4 flex max-h-[90vh] w-full max-w-md flex-col overflow-hidden rounded-lg border border-ods-border bg-ods-card shadow-xl",
           className
         ),
@@ -131,13 +202,13 @@ var Modal = _react.forwardRef.call(void 0, ({ isOpen, onClose, children, classNa
   ] });
 });
 Modal.displayName = "Modal";
-var ModalContent = _react.forwardRef.call(void 0, ({ children, className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, "min-h-0 flex-1 overflow-y-auto", className), children }));
+var ModalContent = _react.forwardRef.call(void 0, ({ children, className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkMGEUZRNQcjs.cn.call(void 0, "min-h-0 flex-1 overflow-y-auto", className), children }));
 ModalContent.displayName = "ModalContent";
-var ModalHeader = _react.forwardRef.call(void 0, ({ children, className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, "shrink-0 border-b border-ods-border px-6 py-4", className), children }));
+var ModalHeader = _react.forwardRef.call(void 0, ({ children, className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkMGEUZRNQcjs.cn.call(void 0, "shrink-0 border-b border-ods-border px-6 py-4", className), children }));
 ModalHeader.displayName = "ModalHeader";
-var ModalTitle = _react.forwardRef.call(void 0, ({ children, className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, "font-semibold text-ods-text-primary", className), children }));
+var ModalTitle = _react.forwardRef.call(void 0, ({ children, className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { ref, className: _chunkMGEUZRNQcjs.cn.call(void 0, "font-semibold text-ods-text-primary", className), children }));
 ModalTitle.displayName = "ModalTitle";
-var ModalFooter = _react.forwardRef.call(void 0, ({ children, className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, "flex shrink-0 justify-end gap-3 px-6 py-4", className), children }));
+var ModalFooter = _react.forwardRef.call(void 0, ({ children, className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkMGEUZRNQcjs.cn.call(void 0, "flex shrink-0 justify-end gap-3 px-6 py-4", className), children }));
 ModalFooter.displayName = "ModalFooter";
 
 // src/components/ui/image-gallery-modal.tsx
@@ -190,7 +261,7 @@ function ImageGalleryModal({ images, isOpen, onClose, initialIndex = 0 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Modal, { isOpen, onClose, className: "max-w-[95vw]", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative flex items-center justify-center rounded-lg bg-black", children: [
     images.length > 1 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       selectedImageIndex > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute left-4 top-1/2 z-[10000] -translate-y-1/2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkTF5D5MNOcjs.Button,
+        _chunkFLS6DZENcjs.Button,
         {
           variant: "transparent",
           size: "small-legacy",
@@ -200,7 +271,7 @@ function ImageGalleryModal({ images, isOpen, onClose, initialIndex = 0 }) {
         }
       ) }),
       selectedImageIndex < images.length - 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute right-4 top-1/2 z-[10000] -translate-y-1/2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkTF5D5MNOcjs.Button,
+        _chunkFLS6DZENcjs.Button,
         {
           variant: "transparent",
           size: "small-legacy",
@@ -211,7 +282,7 @@ function ImageGalleryModal({ images, isOpen, onClose, initialIndex = 0 }) {
       ) })
     ] }),
     images[selectedImageIndex] && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative flex h-[90vh] w-[90vw] max-w-none items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkE76ONBKFcjs.next_image_default,
+      _chunk5WMRVMXHcjs.next_image_default,
       {
         src: images[selectedImageIndex],
         alt: `Screenshot ${selectedImageIndex + 1}`,
@@ -321,7 +392,7 @@ function escapeRegExp(value) {
 function formatDayHead(dateString, style) {
   const ymd = splitYmd(dateString);
   if (!ymd) return dateString;
-  return _chunkBNUZKBNVcjs.formatDateWithTimezone.call(void 0, ymd.join("-"), null, style) || dateString;
+  return _chunkZJS45HQZcjs.formatDateWithTimezone.call(void 0, ymd.join("-"), null, style) || dateString;
 }
 function splitYmd(dateString) {
   const head = dateString.split("T")[0];
@@ -768,9 +839,9 @@ function programMetaFormatters(fmt, opts = {}) {
 
 // src/utils/program-meta-renderers.ts
 var PROGRAM_META_RENDERERS = {
-  date: _chunkBNUZKBNVcjs.formatProgramDate,
-  duration: _chunkBNUZKBNVcjs.formatDurationCompact,
-  webinarMeta: _chunkBNUZKBNVcjs.formatWebinarTimeMeta
+  date: _chunkZJS45HQZcjs.formatProgramDate,
+  duration: _chunkZJS45HQZcjs.formatDurationCompact,
+  webinarMeta: _chunkZJS45HQZcjs.formatWebinarTimeMeta
 };
 
 // src/components/chat/utils/chat-nav-resolution.ts
@@ -848,15 +919,15 @@ function EntityMetadataValueCell({
   uppercase = true,
   optional = false
 }) {
-  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, )) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityMetadataValueCellSkeleton, { label, className });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, VALUE_CELL_CLASS, className), "data-loading-optional": optional || void 0, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CELL_STACK_CLASS, children: [
+  if (_chunkMGEUZRNQcjs.useLoadingScope.call(void 0, )) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityMetadataValueCellSkeleton, { label, className });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, VALUE_CELL_CLASS, className), "data-loading-optional": optional || void 0, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CELL_STACK_CLASS, children: [
     typeof value === "string" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: VALUE_TEXT_CLASS, children: uppercase ? value.toLocaleUpperCase() : value }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: VALUE_NODE_CLASS, children: value }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: LABEL_TEXT_CLASS, children: label })
   ] }) });
 }
 function EntityMetadataValueCellSkeleton({ label, className }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, VALUE_CELL_CLASS, className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CELL_STACK_CLASS, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: VALUE_TEXT_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { as: "span", type: "inherit", className: "w-24" }) }),
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, VALUE_CELL_CLASS, className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CELL_STACK_CLASS, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: VALUE_TEXT_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { as: "span", type: "inherit", className: "w-24" }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: LABEL_TEXT_CLASS, children: label })
   ] }) });
 }
@@ -864,19 +935,20 @@ function EntityMetadataAuthorCell({
   author,
   roleLabel = "Author",
   authorHref,
-  className
+  className,
+  loading: loadingProp
 }) {
-  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const loading = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || loadingProp || !author;
   if (loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityMetadataAuthorCellSkeleton, { className });
   const trimmedName = typeof author.full_name === "string" ? author.full_name.trim() : "";
   const fullName = trimmedName || "Unknown Author";
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, AUTHOR_CELL_CLASS, className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, AUTHOR_CELL_CLASS, className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkBNUZKBNVcjs.SquareAvatar,
+      _chunkZJS45HQZcjs.SquareAvatar,
       {
         src: author.avatar_url || "",
         alt: fullName,
-        fallback: _chunkBNUZKBNVcjs.nameInitials.call(void 0, fullName, ""),
+        fallback: _chunkZJS45HQZcjs.nameInitials.call(void 0, fullName, ""),
         size: AUTHOR_AVATAR_SIZE,
         variant: "round"
       }
@@ -888,11 +960,11 @@ function EntityMetadataAuthorCell({
   ] });
 }
 function EntityMetadataAuthorCellSkeleton({ className }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, AUTHOR_CELL_CLASS, className), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { variant: "circular", className: _chunk65VVJSQZcjs.cn.call(void 0, "shrink-0", _chunkXFRBEXQNcjs.AVATAR_SIZE[AUTHOR_AVATAR_SIZE]) }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, AUTHOR_CELL_CLASS, className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { variant: "circular", className: _chunkMGEUZRNQcjs.cn.call(void 0, "shrink-0", _chunkNNNRN4OFcjs.AVATAR_SIZE[AUTHOR_AVATAR_SIZE]) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: AUTHOR_TEXT_CLASS, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h3", className: "w-32" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "w-20" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h3", className: "w-32" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", className: "w-20" })
     ] })
   ] });
 }
@@ -903,7 +975,7 @@ function EntityAuthorCardSkeleton({
   className
 }) {
   const totalCells = extraCellLabels.length + optionalCells + (publishedLabel === null ? 0 : 1) + 1;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, GRID_FRAME_CLASS, gridColsClass(totalCells), className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, GRID_FRAME_CLASS, gridColsClass(totalCells), className), children: [
     extraCellLabels.map((label, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityMetadataValueCellSkeleton, { label, className: CELL_DIVIDER_CLASS }, `${label}-${i}`)),
     publishedLabel !== null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityMetadataValueCellSkeleton, { label: publishedLabel, className: CELL_DIVIDER_CLASS }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityMetadataAuthorCellSkeleton, {})
@@ -917,9 +989,10 @@ function EntityAuthorCard({
   publishedLabel = "Published",
   extraCells,
   renderEmptyAuthor = false,
-  className
+  className,
+  loading: loadingProp
 }) {
-  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const loading = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || !!loadingProp;
   if (loading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       EntityAuthorCardSkeleton,
@@ -934,12 +1007,12 @@ function EntityAuthorCard({
   const hasAuthor = !!_optionalChain([author, 'optionalAccess', _15 => _15.full_name]);
   if (!hasAuthor && !renderEmptyAuthor) return null;
   const effectiveAuthor = hasAuthor ? author : EMPTY_AUTHOR_PLACEHOLDER;
-  const formatted = publishedAt ? _chunkBNUZKBNVcjs.formatDate.call(void 0, publishedAt) : "";
+  const formatted = publishedAt ? _chunkZJS45HQZcjs.formatDate.call(void 0, publishedAt) : "";
   const dateLabel = formatted === "Invalid Date" ? "" : formatted;
   const showDateCell = !!dateLabel;
   const extras = _nullishCoalesce(extraCells, () => ( []));
   const totalCells = extras.length + (showDateCell ? 1 : 0) + 1;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, GRID_FRAME_CLASS, gridColsClass(totalCells), className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, GRID_FRAME_CLASS, gridColsClass(totalCells), className), children: [
     extras.map((cell, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       EntityMetadataValueCell,
       {
@@ -969,7 +1042,7 @@ function EntityAuthorCard({
 function BlogImagePlaceholder({ imageUrl, title, className = "" }) {
   if (!imageUrl) return null;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `relative block h-full w-full overflow-hidden bg-ods-bg ${className}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkE76ONBKFcjs.next_image_default,
+    _chunk5WMRVMXHcjs.next_image_default,
     {
       src: imageUrl,
       alt: `Cover image for ${title}`,
@@ -1006,19 +1079,20 @@ var sizeClasses = {
   }
 };
 var PLATFORM_BADGE_FRAME_CLASS = "inline-flex items-center rounded-full border";
-function PlatformBadge({ platform, size = "sm", showLabel = true, className }) {
-  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, ) && !platform) {
+function PlatformBadge({ platform, size = "sm", showLabel = true, className, loading }) {
+  const inScope = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, );
+  if (loading || inScope && !platform) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PlatformBadgeSkeleton, { size, showLabel, className });
   }
   if (!platform) {
     return null;
   }
   const sizes = sizeClasses[size];
-  const colors = _chunkTUAATMUEcjs.getPlatformBrandClasses.call(void 0, platform.name);
+  const colors = _chunkCS5SZJFVcjs.getPlatformBrandClasses.call(void 0, platform.name);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkMGEUZRNQcjs.cn.call(void 0, 
         PLATFORM_BADGE_FRAME_CLASS,
         sizes.container,
         colors.accentBgSoft,
@@ -1028,7 +1102,7 @@ function PlatformBadge({ platform, size = "sm", showLabel = true, className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTUAATMUEcjs.PlatformMark, { platform: platform.name, className: sizes.icon }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCS5SZJFVcjs.PlatformMark, { platform: platform.name, className: sizes.icon }),
         showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: sizes.text, children: platform.display_name || platform.name })
       ]
     }
@@ -1046,10 +1120,10 @@ function PlatformBadgeSkeleton({
 }) {
   const box = PLATFORM_BADGE_SKELETON_SIZE[size];
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkXFRBEXQNcjs.UnifiedSkeleton,
+    _chunkNNNRN4OFcjs.UnifiedSkeleton,
     {
       as: "span",
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkMGEUZRNQcjs.cn.call(void 0, 
         "inline-block rounded-full align-middle text-h6",
         box.height,
         showLabel ? box.width : box.iconOnly,
@@ -1063,7 +1137,7 @@ function PlatformBadgeSkeleton({
 
 
 var ADMIN_CARD_FRAME = "flex h-full flex-col";
-var ADMIN_CARD_COVER = `relative ${_chunkXFRBEXQNcjs.MEDIA_ASPECT.photo} w-full shrink-0 overflow-hidden`;
+var ADMIN_CARD_COVER = `relative ${_chunkNNNRN4OFcjs.MEDIA_ASPECT.photo} w-full shrink-0 overflow-hidden`;
 var ADMIN_CARD_BODY = "flex flex-1 flex-col gap-3 p-5";
 var ADMIN_CARD_BADGES = "flex flex-wrap items-center gap-2";
 var ADMIN_CARD_BADGES_RESERVED = "min-h-7";
@@ -1081,27 +1155,29 @@ function AdminContentCard({
   actions,
   reserveRows = false,
   subtitleRow = true,
-  className
+  className,
+  loading
 }) {
   const [imageError, setImageError] = _react.useState.call(void 0, false);
   const [loadedUrl, setLoadedUrl] = _react.useState.call(void 0, null);
   const displayUrl = imageUrl && !imageError ? imageUrl : placeholderUrl;
   const imageLoaded = Boolean(displayUrl) && loadedUrl === displayUrl;
-  const imageBgColor = _chunk3LW5TD54cjs.useImageEdgeColor.call(void 0, displayUrl || null, "transparent");
-  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, )) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AdminContentCardSkeleton, { className, subtitleRow, actions: actions ? actions : false });
+  const imageBgColor = _chunkF2FFJWOQcjs.useImageEdgeColor.call(void 0, displayUrl || null, "transparent");
+  const inScope = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, );
+  if (inScope || loading) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AdminContentCardSkeleton, { className, subtitleRow, actions: actions || false });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "article", { className: _chunk65VVJSQZcjs.cn.call(void 0, _chunkOH5LAH3Xcjs.CONTENT_CARD_FRAME_CLASS, ADMIN_CARD_FRAME, className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "article", { className: _chunkMGEUZRNQcjs.cn.call(void 0, _chunkODDUGLYFcjs.CONTENT_CARD_FRAME_CLASS, ADMIN_CARD_FRAME, className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ADMIN_CARD_COVER, style: { backgroundColor: imageBgColor }, children: displayUrl ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      !imageLoaded && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "absolute inset-0 h-full rounded-none" }),
+      !imageLoaded && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { className: "absolute inset-0 h-full rounded-none" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkE76ONBKFcjs.next_image_default,
+        _chunk5WMRVMXHcjs.next_image_default,
         {
           src: displayUrl,
           alt: title,
           fill: true,
           sizes: "(min-width: 1280px) 33vw, (min-width: 768px) 50vw, 100vw",
-          className: _chunk65VVJSQZcjs.cn.call(void 0, 
+          className: _chunkMGEUZRNQcjs.cn.call(void 0, 
             "object-contain object-center",
             "transition-transform duration-500 ease-out",
             "group-hover:scale-[1.03]",
@@ -1114,10 +1190,10 @@ function AdminContentCard({
       )
     ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-ods-bg" }) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ADMIN_CARD_BODY, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: _chunk65VVJSQZcjs.cn.call(void 0, "line-clamp-2 break-words text-ods-text-primary text-h3", reserveRows && "min-h-[2lh]"), children: title }),
-      (subtitle || reserveRows && subtitleRow) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: _chunk65VVJSQZcjs.cn.call(void 0, "truncate text-ods-text-secondary text-h6", reserveRows && "min-h-[1lh]"), children: subtitle }),
-      (summary || reserveRows) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: _chunk65VVJSQZcjs.cn.call(void 0, "line-clamp-2 text-ods-text-secondary text-h6", reserveRows && "min-h-[2lh]"), children: summary }),
-      (Number(_optionalChain([platforms, 'optionalAccess', _16 => _16.length])) > 0 || badges || reserveRows) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, ADMIN_CARD_BADGES, reserveRows && ADMIN_CARD_BADGES_RESERVED), children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "line-clamp-2 break-words text-ods-text-primary text-h3", reserveRows && "min-h-[2lh]"), children: title }),
+      (subtitle || reserveRows && subtitleRow) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "truncate text-ods-text-secondary text-h6", reserveRows && "min-h-[1lh]"), children: subtitle }),
+      (summary || reserveRows) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "line-clamp-2 text-ods-text-secondary text-h6", reserveRows && "min-h-[2lh]"), children: summary }),
+      (Number(_optionalChain([platforms, 'optionalAccess', _16 => _16.length])) > 0 || badges || reserveRows) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, ADMIN_CARD_BADGES, reserveRows && ADMIN_CARD_BADGES_RESERVED), children: [
         _optionalChain([platforms, 'optionalAccess', _17 => _17.map, 'call', _18 => _18((p) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           PlatformBadge,
           {
@@ -1128,7 +1204,7 @@ function AdminContentCard({
         ))]),
         badges
       ] }),
-      (meta || reserveRows) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, ADMIN_CARD_META, reserveRows && "min-h-[1lh]"), children: meta }),
+      (meta || reserveRows) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, ADMIN_CARD_META, reserveRows && "min-h-[1lh]"), children: meta }),
       actions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ADMIN_CARD_ACTIONS, children: actions })
     ] })
   ] });
@@ -1138,22 +1214,22 @@ function AdminContentCardSkeleton({
   actions = true,
   subtitleRow = true
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, _chunkOH5LAH3Xcjs.CONTENT_CARD_SKELETON_FRAME_CLASS, ADMIN_CARD_FRAME, className), "aria-hidden": true, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: _chunk65VVJSQZcjs.cn.call(void 0, ADMIN_CARD_COVER, "rounded-none") }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, _chunkODDUGLYFcjs.CONTENT_CARD_SKELETON_FRAME_CLASS, ADMIN_CARD_FRAME, className), "aria-hidden": true, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { className: _chunkMGEUZRNQcjs.cn.call(void 0, ADMIN_CARD_COVER, "rounded-none") }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ADMIN_CARD_BODY, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h3", lines: 2, className: "w-full" }),
-      subtitleRow && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "w-1/2" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", lines: 2, className: "w-full" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, ADMIN_CARD_BADGES, ADMIN_CARD_BADGES_RESERVED), children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PlatformBadgeSkeleton, { size: "xs" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PlatformBadgeSkeleton, { size: "xs" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h3", lines: 2, className: "w-full" }),
+      subtitleRow && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", className: "w-1/2" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", lines: 2, className: "w-full" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, ADMIN_CARD_BADGES, ADMIN_CARD_BADGES_RESERVED), children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PlatformBadge, { loading: true, size: "xs" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PlatformBadge, { loading: true, size: "xs" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ADMIN_CARD_META, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "w-32" }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ADMIN_CARD_META, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", className: "w-32" }) }),
       actions === true ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ADMIN_CARD_ACTIONS, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.InteractiveSkeleton.Button, { size: "small-legacy" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.InteractiveSkeleton.Button, { size: "small-legacy" }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-[var(--spacing-system-xsf)]", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.InteractiveSkeleton.Button, { size: "small-legacy", className: "w-20" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.InteractiveSkeleton.Button, { size: "small-legacy", className: "w-20" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.InteractiveSkeleton.Button, { size: "small-legacy", className: "w-20" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.InteractiveSkeleton.Button, { size: "small-legacy", className: "w-20" })
         ] })
       ] }) : actions ? (
         // The caller's own controls, drawn as they are but never focused while the card is a skeleton.
@@ -1200,7 +1276,7 @@ var SENTENCE_MARK = /([.:?!]+)(?=\s|$)/g;
 var ONLY_MARKS = /^\s*[.:?!]+\s*$/;
 function headingAccentClass(platform, tone = "accent") {
   if (!platform) return "text-ods-accent";
-  const classes = _chunkTUAATMUEcjs.getPlatformBrandClasses.call(void 0, platform);
+  const classes = _chunkCS5SZJFVcjs.getPlatformBrandClasses.call(void 0, platform);
   return tone === "secondary" ? classes.secondaryText : classes.accentText;
 }
 function accentSentenceMarks(node, platform, tone = "accent") {
@@ -1264,8 +1340,25 @@ function SectionHeading({
   presentational = false,
   platform,
   tone = "accent",
-  className
+  className,
+  loading
 }) {
+  if (loading) {
+    const shape = loading === true ? {} : loading;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      SectionHeadingSkeleton,
+      {
+        level,
+        eyebrow,
+        titleWidth: shape.titleWidth,
+        intro: shape.intro,
+        action,
+        platform,
+        tone,
+        className
+      }
+    );
+  }
   const accentClassName = headingAccentClass(platform, tone);
   const layout = SECTION_HEADING_LAYOUT[level];
   const Tag2 = presentational ? "div" : level === "page" ? "h1" : "h2";
@@ -1314,11 +1407,11 @@ function SectionHeadingSkeleton({
   const introLines = intro === true ? 2 : intro || 0;
   const stack = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: layout.stack, "aria-hidden": true, children: [
     eyebrow ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SectionEyebrow, { platform, tone, children: eyebrow }) : null,
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: layout.heading, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", className: titleWidth }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: layout.heading, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "inherit", className: titleWidth }) }),
     introLines > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: layout.intro, children: Array.from({ length: introLines }, (_, i) => (
       // biome-ignore lint/suspicious/noArrayIndexKey: skeleton lines never reorder
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkXFRBEXQNcjs.TextLineSkeleton,
+        _chunkNNNRN4OFcjs.TextLineSkeleton,
         {
           type: "inherit",
           className: i === introLines - 1 && introLines > 1 ? "w-2/3" : "w-full"
@@ -1340,11 +1433,14 @@ function SectionHeadingSkeleton({
   );
 }
 
+// src/components/shared/product-release/product-release-card.tsx
+
+
 // src/components/shared/product-release/product-release-card-classes.ts
 var RELEASE_CARD_LG_FRAME_CLASS = "flex flex-col gap-4 p-6";
 var RELEASE_CARD_HERO_CLASS = "flex flex-col gap-4 content-md:flex-row content-md:gap-6";
 var RELEASE_CARD_COVER_COLUMN_CLASS = "w-full flex-shrink-0 content-md:w-[256px]";
-var RELEASE_CARD_COVER_BOX_CLASS = `relative ${_chunkXFRBEXQNcjs.MEDIA_ASPECT.og} w-full overflow-hidden rounded-lg`;
+var RELEASE_CARD_COVER_BOX_CLASS = `relative ${_chunkNNNRN4OFcjs.MEDIA_ASPECT.og} w-full overflow-hidden rounded-lg`;
 var RELEASE_CARD_TEXT_COLUMN_CLASS = "flex min-w-0 flex-1 flex-col";
 var RELEASE_CARD_VERSION_ROW_CLASS = "mb-3 flex items-center gap-3";
 var RELEASE_CARD_VERSION_CLASS = "truncate font-semibold text-ods-text-primary text-code";
@@ -1364,22 +1460,22 @@ var RELEASE_CARD_CELL_LABELS = ["Type", "Status", "Released"];
 
 function ProductReleaseCardSkeleton({ className, size = "lg" }) {
   if (size === "lg") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, _chunkOH5LAH3Xcjs.CONTENT_CARD_SKELETON_FRAME_CLASS, RELEASE_CARD_LG_FRAME_CLASS, className), "aria-hidden": true, children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, _chunkODDUGLYFcjs.CONTENT_CARD_SKELETON_FRAME_CLASS, RELEASE_CARD_LG_FRAME_CLASS, className), "aria-hidden": true, children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: RELEASE_CARD_HERO_CLASS, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: RELEASE_CARD_COVER_COLUMN_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: RELEASE_CARD_COVER_BOX_CLASS }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: RELEASE_CARD_COVER_COLUMN_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { className: RELEASE_CARD_COVER_BOX_CLASS }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: RELEASE_CARD_TEXT_COLUMN_CLASS, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: RELEASE_CARD_VERSION_ROW_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: RELEASE_CARD_VERSION_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-16" }) }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: RELEASE_CARD_TITLE_BOX_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: _chunk65VVJSQZcjs.cn.call(void 0, RELEASE_CARD_TITLE_CLASS, "w-full"), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", lines: 2, className: "w-3/4" }) }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: RELEASE_CARD_SUMMARY_BOX_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: RELEASE_CARD_SUMMARY_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", lines: 3, className: "w-full" }) }) })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: RELEASE_CARD_VERSION_ROW_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: RELEASE_CARD_VERSION_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-16" }) }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: RELEASE_CARD_TITLE_BOX_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: _chunkMGEUZRNQcjs.cn.call(void 0, RELEASE_CARD_TITLE_CLASS, "w-full"), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "inherit", as: "span", lines: 2, className: "w-3/4" }) }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: RELEASE_CARD_SUMMARY_BOX_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: RELEASE_CARD_SUMMARY_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "inherit", as: "span", lines: 3, className: "w-full" }) }) })
         ] })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: RELEASE_CARD_CHANGELOG_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-loading-item": true, className: "inline-flex", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-24" }) }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: RELEASE_CARD_CHANGELOG_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-loading-item": true, className: "inline-flex", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-24" }) }) }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: RELEASE_CARD_GRID_CLASS, children: [
-        RELEASE_CARD_CELL_LABELS.map((label, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, RELEASE_CARD_CELL_CLASS, RELEASE_CARD_CELL_DIVIDER_CLASS), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: RELEASE_CARD_CELL_STACK_CLASS, children: [
-          i === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOH5LAH3Xcjs.StatusBadgeSkeleton, { variant: "card", className: "justify-self-start" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-24" }) }),
+        RELEASE_CARD_CELL_LABELS.map((label, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, RELEASE_CARD_CELL_CLASS, RELEASE_CARD_CELL_DIVIDER_CLASS), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: RELEASE_CARD_CELL_STACK_CLASS, children: [
+          i === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODDUGLYFcjs.StatusBadge, { loading: true, text: "", variant: "card", className: "justify-self-start" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-h4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-24" }) }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: RELEASE_CARD_CELL_LABEL_CLASS, children: label })
         ] }) }, label)),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityMetadataAuthorCellSkeleton, {})
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityMetadataAuthorCell, { loading: true })
       ] })
     ] });
   }
@@ -1387,20 +1483,20 @@ function ProductReleaseCardSkeleton({ className, size = "lg" }) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "span",
       {
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkMGEUZRNQcjs.cn.call(void 0, 
           "my-1.5 flex w-full items-start gap-3",
           "rounded-lg border border-ods-border bg-ods-card p-2",
           className
         ),
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { as: "span", className: "block aspect-square h-14 w-14 shrink-0 self-start rounded-md" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { as: "span", className: "block aspect-square h-14 w-14 shrink-0 self-start rounded-md" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-h-14 min-w-0 flex-1 flex-col gap-0.5", children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex h-5 min-w-0 items-center gap-2", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-3/5 rounded" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { as: "span", className: "h-4 w-12 shrink-0 rounded" })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-3/5 rounded" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { as: "span", className: "h-4 w-12 shrink-0 rounded" })
             ] }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-4 min-w-0 items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-1/3 rounded" }) }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-4 min-w-0 items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-11/12 rounded" }) })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-4 min-w-0 items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-1/3 rounded" }) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-4 min-w-0 items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-11/12 rounded" }) })
           ] })
         ]
       }
@@ -1409,6 +1505,229 @@ function ProductReleaseCardSkeleton({ className, size = "lg" }) {
   throw new Error(`ProductReleaseCardSkeleton: unsupported size '${size}'`);
 }
 
+// src/components/shared/product-release/product-release-card.tsx
+
+function ProductReleaseCard(props) {
+  if (_chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || props.loading) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ProductReleaseCardSkeleton, { size: _nullishCoalesce(props.size, () => ( "lg")), className: props.className });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadedProductReleaseCard, { ...props });
+}
+function LoadedProductReleaseCard({
+  title,
+  summary,
+  version,
+  formattedDate,
+  onClick,
+  anchorProps,
+  className,
+  size = "lg",
+  coverImage,
+  hasVideoCover,
+  releaseType,
+  releaseStatus,
+  releaseTypeBadgeColor,
+  viewCount,
+  author,
+  changelogCounts
+}) {
+  if (size === "lg") {
+    const totalChangelog = (_nullishCoalesce(_optionalChain([changelogCounts, 'optionalAccess', _19 => _19.features]), () => ( 0))) + (_nullishCoalesce(_optionalChain([changelogCounts, 'optionalAccess', _20 => _20.fixes]), () => ( 0))) + (_nullishCoalesce(_optionalChain([changelogCounts, 'optionalAccess', _21 => _21.improvements]), () => ( 0))) + (_nullishCoalesce(_optionalChain([changelogCounts, 'optionalAccess', _22 => _22.breaking]), () => ( 0)));
+    const valueCells = [
+      releaseType && releaseTypeBadgeColor ? {
+        value: releaseType.toUpperCase(),
+        label: RELEASE_CARD_CELL_LABELS[0],
+        uppercase: true,
+        colorScheme: releaseTypeBadgeColor
+      } : { value: "\u2014", label: RELEASE_CARD_CELL_LABELS[0], uppercase: false },
+      releaseStatus ? {
+        value: releaseStatus.toUpperCase(),
+        label: RELEASE_CARD_CELL_LABELS[1],
+        uppercase: true
+      } : { value: "\u2014", label: RELEASE_CARD_CELL_LABELS[1], uppercase: false },
+      formattedDate ? {
+        value: formattedDate,
+        label: RELEASE_CARD_CELL_LABELS[2],
+        uppercase: false
+      } : { value: "\u2014", label: RELEASE_CARD_CELL_LABELS[2], uppercase: false }
+    ];
+    const effectiveAuthor = _optionalChain([author, 'optionalAccess', _23 => _23.full_name]) ? author : { full_name: "\u2014", avatar_url: null, job_title: "Unknown" };
+    const dividerClass = RELEASE_CARD_CELL_DIVIDER_CLASS;
+    const interactive = !!anchorProps || !!onClick;
+    const frameClass = _chunkMGEUZRNQcjs.cn.call(void 0, 
+      interactive ? _chunkODDUGLYFcjs.CONTENT_CARD_FRAME_CLASS : _chunkODDUGLYFcjs.CONTENT_CARD_SKELETON_FRAME_CLASS,
+      RELEASE_CARD_LG_FRAME_CLASS,
+      "focus:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent focus-visible:ring-offset-2 focus-visible:ring-offset-ods-bg",
+      "no-underline",
+      className
+    );
+    const innerLayout = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: RELEASE_CARD_HERO_CLASS, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: RELEASE_CARD_COVER_COLUMN_CLASS, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, RELEASE_CARD_COVER_BOX_CLASS, "bg-ods-bg"), children: [
+          coverImage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunk5WMRVMXHcjs.next_image_default,
+            {
+              src: coverImage,
+              alt: title,
+              fill: true,
+              sizes: "(max-width: 768px) 100vw, 256px",
+              className: "object-cover",
+              unoptimized: true
+            }
+          ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 flex items-center justify-center text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Package, { className: "h-8 w-8" }) }),
+          hasVideoCover && coverImage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4MQASMIUcjs.CardHoverPlay, { size: "md" })
+        ] }) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: RELEASE_CARD_TEXT_COLUMN_CLASS, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: RELEASE_CARD_VERSION_ROW_CLASS, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: RELEASE_CARD_VERSION_CLASS, children: [
+            "v",
+            version
+          ] }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: RELEASE_CARD_TITLE_BOX_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: RELEASE_CARD_TITLE_CLASS, children: title }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: RELEASE_CARD_SUMMARY_BOX_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: RELEASE_CARD_SUMMARY_CLASS, children: _nullishCoalesce(summary, () => ( "")) }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: RELEASE_CARD_CHANGELOG_CLASS, children: totalChangelog > 0 && changelogCounts ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        changelogCounts.features > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { "data-loading-item": true, className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Sparkles, { className: "h-3.5 w-3.5" }),
+          changelogCounts.features,
+          " ",
+          changelogCounts.features === 1 ? "feature" : "features"
+        ] }),
+        changelogCounts.fixes > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { "data-loading-item": true, className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Wrench, { className: "h-3.5 w-3.5" }),
+          changelogCounts.fixes,
+          " ",
+          changelogCounts.fixes === 1 ? "fix" : "fixes"
+        ] }),
+        changelogCounts.improvements > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { "data-loading-item": true, className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.TrendingUp, { className: "h-3.5 w-3.5" }),
+          changelogCounts.improvements,
+          " ",
+          changelogCounts.improvements === 1 ? "improvement" : "improvements"
+        ] }),
+        changelogCounts.breaking > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { "data-loading-item": true, className: "inline-flex items-center gap-1.5 text-ods-warning", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.AlertTriangle, { className: "h-3.5 w-3.5" }),
+          changelogCounts.breaking,
+          " breaking"
+        ] })
+      ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-loading-item": true, className: "text-ods-text-secondary", children: "No changelog entries yet" }) }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: RELEASE_CARD_GRID_CLASS, children: [
+        valueCells.map((cell, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, RELEASE_CARD_CELL_CLASS, dividerClass), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: RELEASE_CARD_CELL_STACK_CLASS, children: [
+          cell.colorScheme ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkODDUGLYFcjs.StatusBadge,
+            {
+              text: cell.value,
+              variant: "card",
+              colorScheme: cell.colorScheme,
+              singleLine: true,
+              className: "justify-self-start"
+            }
+          ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "p",
+            {
+              className: _chunkMGEUZRNQcjs.cn.call(void 0, 
+                "text-h4",
+                // Em-dash placeholder reads as secondary text;
+                // populated values stay primary.
+                cell.value === "\u2014" ? "text-ods-text-secondary" : "text-ods-text-primary"
+              ),
+              children: cell.uppercase ? cell.value.toLocaleUpperCase() : cell.value
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: RELEASE_CARD_CELL_LABEL_CLASS, children: cell.label })
+        ] }) }, `${cell.label}-${i}`)),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 p-4", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkZJS45HQZcjs.SquareAvatar,
+            {
+              src: _nullishCoalesce(effectiveAuthor.avatar_url, () => ( void 0)),
+              alt: effectiveAuthor.full_name,
+              fallback: effectiveAuthor.full_name.charAt(0).toUpperCase(),
+              size: "md",
+              variant: "round"
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col gap-0", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "truncate tracking-[-0.36px] text-ods-text-primary text-h3", children: effectiveAuthor.full_name }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: effectiveAuthor.job_title || "Author" })
+          ] })
+        ] })
+      ] }),
+      typeof viewCount === "number" && viewCount > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-1.5 text-ods-text-secondary text-h6", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Eye, { className: "h-3.5 w-3.5" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
+          viewCount.toLocaleString(),
+          " views"
+        ] })
+      ] })
+    ] });
+    if (anchorProps) {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { ...anchorProps, className: frameClass, children: innerLayout });
+    }
+    if (onClick) {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveCard, { clickable: true, onClick, className: frameClass, children: innerLayout });
+    }
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: frameClass, children: innerLayout });
+  }
+  if (size === "sm") {
+    const handleKey = (e) => {
+      if (!onClick) return;
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        onClick();
+      }
+    };
+    const isInteractive = !!anchorProps || !!onClick;
+    const outerClassName = _chunkMGEUZRNQcjs.cn.call(void 0, 
+      // The base frame (`my-1.5 flex … no-underline`) mirrors the
+      // hub's `COMPACT_CARD_OUTER` in `components/shared/compact-
+      // card/compact-card-classes.ts` byte-for-byte. The OSS lib
+      // can't import from the consumer, so the two strings are
+      // kept identical by hand — if you edit one, edit the other.
+      //
+      // The interactive branch ADDS `cursor-pointer` + a focus-
+      // visible ring. The `<Link>` form would normally get focus styling
+      // from the browser, but `no-underline` strips the default
+      // affordance, so explicit ring styles match the `<span role>` form.
+      "my-1.5 flex w-full items-start gap-3 p-2",
+      "rounded-lg border border-ods-border bg-ods-card no-underline",
+      // The play mark on a video cover shows on the card's hover.
+      "group",
+      isInteractive ? "cursor-pointer transition-colors hover:border-ods-text-secondary/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent focus-visible:ring-offset-1 focus-visible:ring-offset-ods-card" : "cursor-default",
+      className
+    );
+    const innerChildren = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "relative flex aspect-square h-14 w-14 shrink-0 items-center justify-center self-start overflow-hidden rounded-md bg-ods-bg text-ods-accent", children: [
+        coverImage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5WMRVMXHcjs.next_image_default, { src: coverImage, alt: title, fill: true, sizes: "56px", className: "object-contain", unoptimized: true }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Package, { className: "h-5 w-5" }),
+        hasVideoCover && coverImage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4MQASMIUcjs.CardHoverPlay, { size: "sm" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-h-14 min-w-0 flex-1 flex-col gap-0.5", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex h-5 min-w-0 items-center gap-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 truncate font-semibold text-ods-text-primary text-h6", title, children: title }),
+          version ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0 rounded bg-ods-accent/10 px-1.5 py-0.5 text-ods-accent text-code", children: version }) : null
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-4 min-w-0 items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-text-secondary text-h6", children: formattedDate || "Product release" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-4 min-w-0 items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-text-secondary/80 text-h6", title: summary || void 0, children: summary || "\xA0" }) })
+      ] })
+    ] });
+    if (anchorProps) {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { ...anchorProps, className: outerClassName, children: innerChildren });
+    }
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "span",
+      {
+        role: onClick ? "button" : void 0,
+        tabIndex: onClick ? 0 : void 0,
+        onClick,
+        onKeyDown: onClick ? handleKey : void 0,
+        className: outerClassName,
+        children: innerChildren
+      }
+    );
+  }
+  throw new Error(`ProductReleaseCard: unsupported size '${size}'`);
+}
+
 // src/components/chat/entity-cards/product-release-card-defaults.ts
 function pickCover(item) {
   const hasVideo = Boolean(item.main_video_url || item.youtube_url);
@@ -1451,10 +1770,10 @@ function buildProductReleaseCardProps(item) {
       job_title: release.author.job_title
     } : void 0,
     changelogCounts: {
-      features: _nullishCoalesce(_optionalChain([release, 'access', _19 => _19.features_added, 'optionalAccess', _20 => _20.length]), () => ( 0)),
-      fixes: _nullishCoalesce(_optionalChain([release, 'access', _21 => _21.bugs_fixed, 'optionalAccess', _22 => _22.length]), () => ( 0)),
-      improvements: _nullishCoalesce(_optionalChain([release, 'access', _23 => _23.improvements, 'optionalAccess', _24 => _24.length]), () => ( 0)),
-      breaking: _nullishCoalesce(_optionalChain([release, 'access', _25 => _25.breaking_changes, 'optionalAccess', _26 => _26.length]), () => ( 0))
+      features: _nullishCoalesce(_optionalChain([release, 'access', _24 => _24.features_added, 'optionalAccess', _25 => _25.length]), () => ( 0)),
+      fixes: _nullishCoalesce(_optionalChain([release, 'access', _26 => _26.bugs_fixed, 'optionalAccess', _27 => _27.length]), () => ( 0)),
+      improvements: _nullishCoalesce(_optionalChain([release, 'access', _28 => _28.improvements, 'optionalAccess', _29 => _29.length]), () => ( 0)),
+      breaking: _nullishCoalesce(_optionalChain([release, 'access', _30 => _30.breaking_changes, 'optionalAccess', _31 => _31.length]), () => ( 0))
     }
   };
 }
@@ -1463,14 +1782,14 @@ function buildProductReleaseCardProps(item) {
 
 
 var BLOG_CARD_FRAME = "flex h-full flex-col";
-var BLOG_CARD_COVER = `relative ${_chunkXFRBEXQNcjs.MEDIA_ASPECT.og} w-full overflow-hidden`;
+var BLOG_CARD_COVER = `relative ${_chunkNNNRN4OFcjs.MEDIA_ASPECT.og} w-full overflow-hidden`;
 var BLOG_CARD_BODY = "flex flex-grow flex-col p-4";
-var BLOG_CARD_TITLE_ROW = `mb-3 flex items-center text-h3 ${_chunkXFRBEXQNcjs.TEXT_LINES_MIN[2]}`;
-var BLOG_CARD_SUMMARY_ROW = `mb-3 flex items-center text-h6 ${_chunkXFRBEXQNcjs.TEXT_LINES_MIN[2]}`;
+var BLOG_CARD_TITLE_ROW = `mb-3 flex items-center text-h3 ${_chunkNNNRN4OFcjs.TEXT_LINES_MIN[2]}`;
+var BLOG_CARD_SUMMARY_ROW = `mb-3 flex items-center text-h6 ${_chunkNNNRN4OFcjs.TEXT_LINES_MIN[2]}`;
 var BLOG_CARD_BYLINE = "mt-auto flex items-center justify-between gap-2 text-ods-text-secondary text-h6";
 var BLOG_CARD_BYLINE_PERSON = "flex min-w-0 items-center gap-2";
 var BLOG_CARD_VIEWS = "flex shrink-0 items-center gap-1";
-var BLOG_CARD_AVATAR = `${_chunkXFRBEXQNcjs.AVATAR_SIZE.sm} shrink-0 rounded-full object-cover`;
+var BLOG_CARD_AVATAR = `${_chunkNNNRN4OFcjs.AVATAR_SIZE.sm} shrink-0 rounded-full object-cover`;
 var BLOG_POST_TYPE_LABEL = "Blog Post";
 function BlogCardSkeleton({
   size = "default",
@@ -1478,30 +1797,46 @@ function BlogCardSkeleton({
   className
 }) {
   if (size === "portrait") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOH5LAH3Xcjs.EntityPortraitCardSkeleton, { typeLabel: showTypeBadge ? BLOG_POST_TYPE_LABEL : void 0, className });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkODDUGLYFcjs.EntityPortraitCard,
+      {
+        loading: true,
+        href: "",
+        imageAlt: "",
+        title: "",
+        typeLabel: showTypeBadge ? BLOG_POST_TYPE_LABEL : void 0,
+        className
+      }
+    );
   }
   if (size === "sm") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOH5LAH3Xcjs.CompactCardSkeleton, { className });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODDUGLYFcjs.CompactCardSkeleton, { className });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "article", { className: _chunk65VVJSQZcjs.cn.call(void 0, _chunkOH5LAH3Xcjs.CONTENT_CARD_SKELETON_FRAME_CLASS, BLOG_CARD_FRAME, className), "aria-hidden": true, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: _chunk65VVJSQZcjs.cn.call(void 0, BLOG_CARD_COVER, "rounded-none") }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "article", { className: _chunkMGEUZRNQcjs.cn.call(void 0, _chunkODDUGLYFcjs.CONTENT_CARD_SKELETON_FRAME_CLASS, BLOG_CARD_FRAME, className), "aria-hidden": true, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { className: _chunkMGEUZRNQcjs.cn.call(void 0, BLOG_CARD_COVER, "rounded-none") }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: BLOG_CARD_BODY, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: BLOG_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h3", lines: 2, className: "w-full" }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: BLOG_CARD_SUMMARY_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", lines: 2, className: "w-full" }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: BLOG_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h3", lines: 2, className: "w-full" }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: BLOG_CARD_SUMMARY_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", lines: 2, className: "w-full" }) }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: BLOG_CARD_BYLINE, children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: BLOG_CARD_BYLINE_PERSON, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.MediaSkeleton.Avatar, { size: "sm", className: BLOG_CARD_AVATAR }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "w-40" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.MediaSkeleton.Avatar, { size: "sm", className: BLOG_CARD_AVATAR }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", className: "w-40" })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: BLOG_CARD_VIEWS, children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Eye, { className: "h-4 w-4 shrink-0" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "w-8" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", className: "w-8" })
         ] })
       ] })
     ] })
   ] });
 }
-function BlogCard({
+function BlogCard(props) {
+  if (_chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || props.loading) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BlogCardSkeleton, { size: props.size, showTypeBadge: props.showTypeBadge, className: props.className });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadedBlogCard, { ...props });
+}
+function LoadedBlogCard({
   post,
   href,
   target: targetProp,
@@ -1514,25 +1849,24 @@ function BlogCard({
   hasEmbeddedVideo = false,
   priority = false
 }) {
-  const { target, rel } = _chunkOH5LAH3Xcjs.useEntityCardLink.call(void 0, {
+  const { target, rel } = _chunkODDUGLYFcjs.useEntityCardLink.call(void 0, {
     href,
     targetPlatform,
     target: targetProp,
     rel: relProp
   });
-  const placeholderUrl = _chunkOH5LAH3Xcjs.useEntityCardPlaceholder.call(void 0, {
+  const placeholderUrl = _chunkODDUGLYFcjs.useEntityCardPlaceholder.call(void 0, {
     title: post.title,
     placeholderUrl: placeholderUrlProp,
     aspect: size === "sm" ? "square" : "wide"
   });
-  const { src: displayImage, onError: onImageError } = _chunkOH5LAH3Xcjs.useCoverImageFallback.call(void 0, post.featured_image, placeholderUrl);
-  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, )) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BlogCardSkeleton, { size, showTypeBadge, className });
+  const { src: displayImage, onError: onImageError } = _chunkODDUGLYFcjs.useCoverImageFallback.call(void 0, post.featured_image, placeholderUrl);
   if (size === "sm") {
-    const dateStr2 = post.published_at ? _chunkBNUZKBNVcjs.formatDateWithTimezone.call(void 0, post.published_at, null, "medium") : "";
-    const firstCategory = _optionalChain([post, 'access', _27 => _27.categories, 'optionalAccess', _28 => _28.find, 'call', _29 => _29((c) => c && c.name), 'optionalAccess', _30 => _30.name]);
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunk65VVJSQZcjs.cn.call(void 0, _chunkOH5LAH3Xcjs.COMPACT_CARD_OUTER, className), children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_IMAGE_SLOT, children: displayImage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkE76ONBKFcjs.next_image_default,
+    const dateStr2 = post.published_at ? _chunkZJS45HQZcjs.formatDateWithTimezone.call(void 0, post.published_at, null, "medium") : "";
+    const firstCategory = _optionalChain([post, 'access', _32 => _32.categories, 'optionalAccess', _33 => _33.find, 'call', _34 => _34((c) => c && c.name), 'optionalAccess', _35 => _35.name]);
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunkMGEUZRNQcjs.cn.call(void 0, _chunkODDUGLYFcjs.COMPACT_CARD_OUTER, className), children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_IMAGE_SLOT, children: displayImage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunk5WMRVMXHcjs.next_image_default,
         {
           src: displayImage,
           alt: post.title,
@@ -1543,24 +1877,24 @@ function BlogCard({
           onError: onImageError
         }
       ) : null }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, _chunkOH5LAH3Xcjs.COMPACT_CARD_TITLE_ROW, "gap-1.5"), children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, _chunkOH5LAH3Xcjs.COMPACT_CARD_TITLE, "font-body"), children: post.title }),
-          hasEmbeddedVideo ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOH5LAH3Xcjs.StatusBadge, { text: "Video", variant: "button", colorScheme: "cyan", className: "shrink-0" }) : null
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_TEXT_COL, children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkMGEUZRNQcjs.cn.call(void 0, _chunkODDUGLYFcjs.COMPACT_CARD_TITLE_ROW, "gap-1.5"), children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkMGEUZRNQcjs.cn.call(void 0, _chunkODDUGLYFcjs.COMPACT_CARD_TITLE, "font-body"), children: post.title }),
+          hasEmbeddedVideo ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODDUGLYFcjs.StatusBadge, { text: "Video", variant: "button", colorScheme: "cyan", className: "shrink-0" }) : null
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_SUBTITLE, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_SUBTITLE, children: [
           dateStr2,
           dateStr2 && firstCategory ? " \xB7 " : "",
           _nullishCoalesce(firstCategory, () => ( "Blog Post"))
         ] }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_SUMMARY, children: post.summary || _chunkOH5LAH3Xcjs.COMPACT_CARD_ROW_FILLER }) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_SUMMARY, children: post.summary || _chunkODDUGLYFcjs.COMPACT_CARD_ROW_FILLER }) })
       ] })
     ] });
   }
   if (size === "portrait") {
-    const dateStr2 = post.published_at ? _chunkBNUZKBNVcjs.formatDateWithTimezone.call(void 0, post.published_at, null, "medium") : "";
+    const dateStr2 = post.published_at ? _chunkZJS45HQZcjs.formatDateWithTimezone.call(void 0, post.published_at, null, "medium") : "";
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkOH5LAH3Xcjs.EntityPortraitCard,
+      _chunkODDUGLYFcjs.EntityPortraitCard,
       {
         href,
         target,
@@ -1579,17 +1913,17 @@ function BlogCard({
       }
     );
   }
-  const dateStr = post.published_at ? _chunkBNUZKBNVcjs.formatDateWithTimezone.call(void 0, post.published_at, null, "medium") : "";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "article", { className: _chunk65VVJSQZcjs.cn.call(void 0, _chunkOH5LAH3Xcjs.CONTENT_CARD_FRAME_CLASS, BLOG_CARD_FRAME, className), role: "article", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: "flex h-full flex-col focus:outline-none", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, BLOG_CARD_COVER, "bg-ods-bg"), children: displayImage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkE76ONBKFcjs.next_image_default,
+  const dateStr = post.published_at ? _chunkZJS45HQZcjs.formatDateWithTimezone.call(void 0, post.published_at, null, "medium") : "";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "article", { className: _chunkMGEUZRNQcjs.cn.call(void 0, _chunkODDUGLYFcjs.CONTENT_CARD_FRAME_CLASS, BLOG_CARD_FRAME, className), role: "article", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: "flex h-full flex-col focus:outline-none", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, BLOG_CARD_COVER, "bg-ods-bg"), children: displayImage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk5WMRVMXHcjs.next_image_default,
       {
         src: displayImage,
         alt: post.title,
         fill: true,
         priority,
         quality: priority ? 85 : 75,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, "object-cover object-center", "duration-400 transition-all ease-out", "hover:scale-[1.02]"),
+        className: _chunkMGEUZRNQcjs.cn.call(void 0, "object-cover object-center", "duration-400 transition-all ease-out", "hover:scale-[1.02]"),
         sizes: "(max-width: 768px) 100vw, (max-width: 1519px) 50vw, 33vw",
         unoptimized: true,
         onError: onImageError
@@ -1599,7 +1933,7 @@ function BlogCard({
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: BLOG_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "h3",
         {
-          className: _chunk65VVJSQZcjs.cn.call(void 0, 
+          className: _chunkMGEUZRNQcjs.cn.call(void 0, 
             "text-ods-text-primary text-h3",
             "line-clamp-2",
             "transition-colors duration-300 ease-out",
@@ -1608,11 +1942,11 @@ function BlogCard({
           children: post.title
         }
       ) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: BLOG_CARD_SUMMARY_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: _chunk65VVJSQZcjs.cn.call(void 0, "text-ods-text-primary text-h6", "line-clamp-2"), children: post.summary || "" }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: BLOG_CARD_SUMMARY_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "text-ods-text-primary text-h6", "line-clamp-2"), children: post.summary || "" }) }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: BLOG_CARD_BYLINE, children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: BLOG_CARD_BYLINE_PERSON, children: [
           post.author_avatar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkE76ONBKFcjs.next_image_default,
+            _chunk5WMRVMXHcjs.next_image_default,
             {
               src: post.author_avatar,
               alt: post.author_name || "",
@@ -1650,7 +1984,7 @@ function BlogCard({
 
 
 var INTERVIEW_CARD_BODY = "flex flex-col gap-6 p-6";
-var INTERVIEW_CARD_COVER = `relative ${_chunkXFRBEXQNcjs.MEDIA_ASPECT.og} w-full shrink-0 overflow-hidden rounded-sm`;
+var INTERVIEW_CARD_COVER = `relative ${_chunkNNNRN4OFcjs.MEDIA_ASPECT.og} w-full shrink-0 overflow-hidden rounded-sm`;
 var INTERVIEW_CARD_PERSON_ZONE = "mt-auto flex h-[60px] shrink-0 items-center";
 var INTERVIEW_CARD_PERSON_ROW = "flex w-full min-w-0 items-center gap-3";
 var INTERVIEW_CARD_PERSON_TEXT = "min-w-0 flex-1";
@@ -1661,25 +1995,48 @@ function CustomerInterviewCardSkeleton({
   className
 }) {
   if (size === "portrait") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOH5LAH3Xcjs.EntityPortraitCardSkeleton, { typeLabel: showTypeBadge ? INTERVIEW_TYPE_LABEL : void 0, className });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkODDUGLYFcjs.EntityPortraitCard,
+      {
+        loading: true,
+        href: "",
+        imageAlt: "",
+        title: "",
+        typeLabel: showTypeBadge ? INTERVIEW_TYPE_LABEL : void 0,
+        className
+      }
+    );
   }
   if (size === "sm") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOH5LAH3Xcjs.CompactCardSkeleton, { className });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODDUGLYFcjs.CompactCardSkeleton, { className });
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "block h-full", className), "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkOH5LAH3Xcjs.Card, { className: _chunk65VVJSQZcjs.cn.call(void 0, _chunkOH5LAH3Xcjs.CONTENT_CARD_SKELETON_FRAME_CLASS, INTERVIEW_CARD_BODY), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: _chunk65VVJSQZcjs.cn.call(void 0, INTERVIEW_CARD_COVER, "rounded-sm") }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h3", lines: 2, className: "w-full" }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", lines: 3, className: "w-full" }) }),
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "block h-full", className), "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkODDUGLYFcjs.Card, { className: _chunkMGEUZRNQcjs.cn.call(void 0, _chunkODDUGLYFcjs.CONTENT_CARD_SKELETON_FRAME_CLASS, INTERVIEW_CARD_BODY), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { className: _chunkMGEUZRNQcjs.cn.call(void 0, INTERVIEW_CARD_COVER, "rounded-sm") }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h3", lines: 2, className: "w-full" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", lines: 3, className: "w-full" }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: INTERVIEW_CARD_PERSON_ZONE, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: INTERVIEW_CARD_PERSON_ROW, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.MediaSkeleton.Avatar, { size: "md", className: "shrink-0" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.MediaSkeleton.Avatar, { size: "md", className: "shrink-0" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: INTERVIEW_CARD_PERSON_TEXT, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "w-2/3" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "w-1/2" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", className: "w-2/3" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", className: "w-1/2" })
       ] })
     ] }) })
   ] }) });
 }
-function CustomerInterviewCard({
+function CustomerInterviewCard(props) {
+  if (_chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || props.loading) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      CustomerInterviewCardSkeleton,
+      {
+        size: props.size,
+        showTypeBadge: props.showTypeBadge,
+        className: props.className
+      }
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadedCustomerInterviewCard, { ...props });
+}
+function LoadedCustomerInterviewCard({
   interview,
   href,
   target: targetProp,
@@ -1690,26 +2047,23 @@ function CustomerInterviewCard({
   showTypeBadge = true,
   className
 }) {
-  const { target, rel } = _chunkOH5LAH3Xcjs.useEntityCardLink.call(void 0, {
+  const { target, rel } = _chunkODDUGLYFcjs.useEntityCardLink.call(void 0, {
     href,
     targetPlatform,
     target: targetProp,
     rel: relProp
   });
-  const placeholderUrl = _chunkOH5LAH3Xcjs.useEntityCardPlaceholder.call(void 0, {
+  const placeholderUrl = _chunkODDUGLYFcjs.useEntityCardPlaceholder.call(void 0, {
     title: interview.title,
     placeholderUrl: placeholderUrlProp,
     aspect: size === "sm" ? "square" : "wide"
   });
   const thumbnailUrl = interview.featured_image || placeholderUrl || null;
-  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, )) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CustomerInterviewCardSkeleton, { size, showTypeBadge, className });
-  }
   if (size === "sm") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunk65VVJSQZcjs.cn.call(void 0, _chunkOH5LAH3Xcjs.COMPACT_CARD_OUTER, className), children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_IMAGE_SLOT, children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunkMGEUZRNQcjs.cn.call(void 0, _chunkODDUGLYFcjs.COMPACT_CARD_OUTER, className), children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_IMAGE_SLOT, children: [
         thumbnailUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkE76ONBKFcjs.next_image_default,
+          _chunk5WMRVMXHcjs.next_image_default,
           {
             src: thumbnailUrl,
             alt: interview.title,
@@ -1717,21 +2071,21 @@ function CustomerInterviewCard({
             fill: true,
             sizes: "56px",
             unoptimized: true,
-            onError: _chunkOH5LAH3Xcjs.hideOnError
+            onError: _chunkODDUGLYFcjs.hideOnError
           }
         ) : null,
-        interview.main_video_url ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Video, { className: "h-4 w-4 text-ods-text-on-dark" }) }) : null
+        interview.main_video_url ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-loading-optional": true, className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Video, { className: "h-4 w-4 text-ods-text-on-dark" }) }) : null
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_TITLE, children: interview.title }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_SUBTITLE, children: [_optionalChain([interview, 'access', _31 => _31.user, 'optionalAccess', _32 => _32.full_name]), _optionalChain([interview, 'access', _33 => _33.msp, 'optionalAccess', _34 => _34.name])].filter(Boolean).join(" \xB7 ") || "Customer interview" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_SUMMARY, children: interview.video_summary || _chunkOH5LAH3Xcjs.COMPACT_CARD_ROW_FILLER }) })
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_TEXT_COL, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_TITLE, children: interview.title }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_SUBTITLE, children: [_optionalChain([interview, 'access', _36 => _36.user, 'optionalAccess', _37 => _37.full_name]), _optionalChain([interview, 'access', _38 => _38.msp, 'optionalAccess', _39 => _39.name])].filter(Boolean).join(" \xB7 ") || "Customer interview" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_SUMMARY, children: interview.video_summary || _chunkODDUGLYFcjs.COMPACT_CARD_ROW_FILLER }) })
       ] })
     ] });
   }
   if (size === "portrait") {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkOH5LAH3Xcjs.EntityPortraitCard,
+      _chunkODDUGLYFcjs.EntityPortraitCard,
       {
         href,
         target,
@@ -1742,19 +2096,19 @@ function CustomerInterviewCard({
         imageAlt: interview.title,
         title: interview.title,
         person: {
-          name: _optionalChain([interview, 'access', _35 => _35.user, 'optionalAccess', _36 => _36.full_name]) || "Customer",
-          avatarUrl: _optionalChain([interview, 'access', _37 => _37.user, 'optionalAccess', _38 => _38.avatar_url]),
-          subtitle: _nullishCoalesce(_optionalChain([interview, 'access', _39 => _39.msp, 'optionalAccess', _40 => _40.name]), () => ( null)),
-          iconOverlayUrl: _nullishCoalesce(_optionalChain([interview, 'access', _41 => _41.msp, 'optionalAccess', _42 => _42.icon_url]), () => ( null))
+          name: _optionalChain([interview, 'access', _40 => _40.user, 'optionalAccess', _41 => _41.full_name]) || "Customer",
+          avatarUrl: _optionalChain([interview, 'access', _42 => _42.user, 'optionalAccess', _43 => _43.avatar_url]),
+          subtitle: _nullishCoalesce(_optionalChain([interview, 'access', _44 => _44.msp, 'optionalAccess', _45 => _45.name]), () => ( null)),
+          iconOverlayUrl: _nullishCoalesce(_optionalChain([interview, 'access', _46 => _46.msp, 'optionalAccess', _47 => _47.icon_url]), () => ( null))
         },
         className
       }
     );
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunk65VVJSQZcjs.cn.call(void 0, "block h-full", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkOH5LAH3Xcjs.Card, { className: _chunk65VVJSQZcjs.cn.call(void 0, _chunkOH5LAH3Xcjs.CONTENT_CARD_FRAME_CLASS, INTERVIEW_CARD_BODY), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, INTERVIEW_CARD_COVER, "bg-ods-bg"), children: thumbnailUrl ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunkMGEUZRNQcjs.cn.call(void 0, "block h-full", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkODDUGLYFcjs.Card, { className: _chunkMGEUZRNQcjs.cn.call(void 0, _chunkODDUGLYFcjs.CONTENT_CARD_FRAME_CLASS, INTERVIEW_CARD_BODY), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, INTERVIEW_CARD_COVER, "bg-ods-bg"), children: thumbnailUrl ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkE76ONBKFcjs.next_image_default,
+        _chunk5WMRVMXHcjs.next_image_default,
         {
           src: thumbnailUrl,
           alt: interview.title,
@@ -1762,47 +2116,55 @@ function CustomerInterviewCard({
           fill: true,
           sizes: "(max-width: 768px) 100vw, 50vw",
           unoptimized: true,
-          onError: _chunkOH5LAH3Xcjs.hideOnError
+          onError: _chunkODDUGLYFcjs.hideOnError
         }
       ),
-      interview.main_video_url && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 flex items-center justify-center bg-black/40", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-ods-accent/90", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Video, { className: "h-8 w-8 text-ods-text-on-accent" }) }) })
+      interview.main_video_url && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-loading-optional": true, className: "absolute inset-0 flex items-center justify-center bg-black/40", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-ods-accent/90", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Video, { className: "h-8 w-8 text-ods-text-on-accent" }) }) })
     ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-full w-full items-center justify-center bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Video, { className: "h-12 w-12 text-ods-text-secondary" }) }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "line-clamp-2 break-words text-ods-text-primary text-h3", children: interview.title }) }),
     interview.video_summary && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "line-clamp-3 text-ods-text-secondary text-h6", children: interview.video_summary }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: INTERVIEW_CARD_PERSON_ZONE, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: INTERVIEW_CARD_PERSON_ROW, children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative h-12 w-12 shrink-0", children: [
-        _optionalChain([interview, 'access', _43 => _43.user, 'optionalAccess', _44 => _44.avatar_url]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkE76ONBKFcjs.next_image_default,
+        _optionalChain([interview, 'access', _48 => _48.user, 'optionalAccess', _49 => _49.avatar_url]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunk5WMRVMXHcjs.next_image_default,
           {
             src: interview.user.avatar_url,
-            alt: _optionalChain([interview, 'access', _45 => _45.user, 'optionalAccess', _46 => _46.full_name]) || "Customer",
+            alt: _optionalChain([interview, 'access', _50 => _50.user, 'optionalAccess', _51 => _51.full_name]) || "Customer",
             className: "h-12 w-12 rounded-full border border-ods-border bg-ods-bg object-cover",
             width: 48,
             height: 48,
             unoptimized: true
           }
-        ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-full border border-ods-border bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-secondary text-h4", children: (_optionalChain([interview, 'access', _47 => _47.user, 'optionalAccess', _48 => _48.full_name]) || "A").charAt(0).toUpperCase() }) }),
-        _optionalChain([interview, 'access', _49 => _49.msp, 'optionalAccess', _50 => _50.icon_url]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute -bottom-1 -right-1 flex h-6 w-6 items-center justify-center overflow-hidden rounded-full bg-ods-text-primary ring-1 ring-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkE76ONBKFcjs.next_image_default,
+        ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-full border border-ods-border bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-secondary text-h4", children: (_optionalChain([interview, 'access', _52 => _52.user, 'optionalAccess', _53 => _53.full_name]) || "A").charAt(0).toUpperCase() }) }),
+        _optionalChain([interview, 'access', _54 => _54.msp, 'optionalAccess', _55 => _55.icon_url]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
           {
-            src: interview.msp.icon_url,
-            alt: interview.msp.name || "MSP",
-            className: "h-full w-full object-cover",
-            width: 24,
-            height: 24,
-            unoptimized: true
+            "data-loading-optional": true,
+            className: "absolute -bottom-1 -right-1 flex h-6 w-6 items-center justify-center overflow-hidden rounded-full bg-ods-text-primary ring-1 ring-ods-bg",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunk5WMRVMXHcjs.next_image_default,
+              {
+                src: interview.msp.icon_url,
+                alt: interview.msp.name || "MSP",
+                className: "h-full w-full object-cover",
+                width: 24,
+                height: 24,
+                unoptimized: true
+              }
+            )
           }
-        ) })
+        )
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: INTERVIEW_CARD_PERSON_TEXT, children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "truncate text-ods-text-primary text-h6", children: [
-          _optionalChain([interview, 'access', _51 => _51.user, 'optionalAccess', _52 => _52.full_name]) || "Anonymous",
-          _optionalChain([interview, 'access', _53 => _53.msp, 'optionalAccess', _54 => _54.name]) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-ods-text-secondary", children: [
-            " \u2022 ",
+          _optionalChain([interview, 'access', _56 => _56.user, 'optionalAccess', _57 => _57.full_name]) || "Anonymous",
+          _optionalChain([interview, 'access', _58 => _58.msp, 'optionalAccess', _59 => _59.name]) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { "data-loading-optional": true, className: "text-ods-text-secondary", children: [
+            " ",
+            "\u2022 ",
             interview.msp.name
           ] })
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "truncate text-ods-text-secondary text-h6", children: _optionalChain([interview, 'access', _55 => _55.user, 'optionalAccess', _56 => _56.job_title]) || " " })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "truncate text-ods-text-secondary text-h6", children: _optionalChain([interview, 'access', _60 => _60.user, 'optionalAccess', _61 => _61.job_title]) || " " })
       ] })
     ] }) })
   ] }) });
@@ -1811,7 +2173,7 @@ function CustomerInterviewCard({
 // src/components/chat/types/entities/investor-update.ts
 function formatInvestorUpdatePeriod(start, end, options) {
   if (!start && !end) return "";
-  const fmt = (d) => _chunkBNUZKBNVcjs.formatDateWithTimezone.call(void 0, d, null, _optionalChain([options, 'optionalAccess', _57 => _57.monthFormat]) === "long" ? "monthYear" : "monthYearShort") || "?";
+  const fmt = (d) => _chunkZJS45HQZcjs.formatDateWithTimezone.call(void 0, d, null, _optionalChain([options, 'optionalAccess', _62 => _62.monthFormat]) === "long" ? "monthYear" : "monthYearShort") || "?";
   const s = start ? fmt(start) : "?";
   const e = end ? fmt(end) : "?";
   return `${s} - ${e}`;
@@ -1828,19 +2190,23 @@ function InvestorUpdateCardSkeleton({
 }) {
   if (size === "portrait") {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkOH5LAH3Xcjs.EntityPortraitCardSkeleton,
+      _chunkODDUGLYFcjs.EntityPortraitCard,
       {
+        loading: true,
+        href: "",
+        imageAlt: "",
+        title: "",
         typeLabel: showTypeBadge ? INVESTOR_UPDATE_TYPE_LABEL : void 0,
         className
       }
     );
   }
   if (size === "default") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `block h-full ${_nullishCoalesce(className, () => ( ""))}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AdminContentCardSkeleton, { actions: false, subtitleRow: false }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `block h-full ${_nullishCoalesce(className, () => ( ""))}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AdminContentCard, { loading: true, title: "", subtitleRow: false }) });
   }
   if (size === "sm") {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkOH5LAH3Xcjs.CompactCardSkeleton,
+      _chunkODDUGLYFcjs.CompactCardSkeleton,
       {
         titleWidth: "w-1/2",
         titleBadges: ["w-8"],
@@ -1851,7 +2217,13 @@ function InvestorUpdateCardSkeleton({
   }
   return null;
 }
-function InvestorUpdateCard({
+function InvestorUpdateCard(props) {
+  if (_chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || props.loading) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InvestorUpdateCardSkeleton, { size: props.size, showTypeBadge: props.showTypeBadge, className: props.className });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadedInvestorUpdateCard, { ...props });
+}
+function LoadedInvestorUpdateCard({
   update,
   href,
   target: targetProp,
@@ -1862,26 +2234,23 @@ function InvestorUpdateCard({
   showTypeBadge = true,
   className
 }) {
-  const { target, rel } = _chunkOH5LAH3Xcjs.useEntityCardLink.call(void 0, {
+  const { target, rel } = _chunkODDUGLYFcjs.useEntityCardLink.call(void 0, {
     href,
     targetPlatform,
     target: targetProp,
     rel: relProp
   });
-  const placeholderUrl = _chunkOH5LAH3Xcjs.useEntityCardPlaceholder.call(void 0, {
+  const placeholderUrl = _chunkODDUGLYFcjs.useEntityCardPlaceholder.call(void 0, {
     title: _nullishCoalesce(update.title, () => ( `Update #${_nullishCoalesce(update.update_number, () => ( ""))}`)),
     placeholderUrl: placeholderUrlProp,
     aspect: size === "sm" ? "square" : "wide"
   });
   const coverImage = update.featured_image || placeholderUrl || null;
-  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, )) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InvestorUpdateCardSkeleton, { size, showTypeBadge, className });
-  }
   if (size === "sm") {
     const periodText = formatInvestorUpdatePeriod(update.period_start, update.period_end);
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: `${_chunkOH5LAH3Xcjs.COMPACT_CARD_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_IMAGE_SLOT, children: coverImage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkE76ONBKFcjs.next_image_default,
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: `${_chunkODDUGLYFcjs.COMPACT_CARD_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_IMAGE_SLOT, children: coverImage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunk5WMRVMXHcjs.next_image_default,
         {
           src: coverImage,
           alt: _nullishCoalesce(update.title, () => ( "Investor update")),
@@ -1895,23 +2264,23 @@ function InvestorUpdateCard({
           }
         }
       ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-full w-full items-center justify-center text-ods-accent", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Calendar, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${_chunkOH5LAH3Xcjs.COMPACT_CARD_TITLE_ROW} gap-2`, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${_chunkOH5LAH3Xcjs.COMPACT_CARD_TITLE} min-w-0`, children: update.title || `Update #${_nullishCoalesce(update.update_number, () => ( "?"))}` }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_TEXT_COL, children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${_chunkODDUGLYFcjs.COMPACT_CARD_TITLE_ROW} gap-2`, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${_chunkODDUGLYFcjs.COMPACT_CARD_TITLE} min-w-0`, children: update.title || `Update #${_nullishCoalesce(update.update_number, () => ( "?"))}` }),
           update.update_number ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "shrink-0 rounded bg-ods-accent/10 px-1.5 py-0.5 text-ods-accent text-h6", children: [
             "#",
             update.update_number
           ] }) : null
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_SUBTITLE, children: periodText || "Investor update" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_SUMMARY, children: (update.strategic_update || update.content || "").slice(0, 120) || _chunkOH5LAH3Xcjs.COMPACT_CARD_ROW_FILLER }) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_SUBTITLE, children: periodText || "Investor update" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_SUMMARY, children: (update.strategic_update || update.content || "").slice(0, 120) || _chunkODDUGLYFcjs.COMPACT_CARD_ROW_FILLER }) })
       ] })
     ] });
   }
   if (size === "portrait") {
     const periodText = formatInvestorUpdatePeriod(update.period_start, update.period_end);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkOH5LAH3Xcjs.EntityPortraitCard,
+      _chunkODDUGLYFcjs.EntityPortraitCard,
       {
         href,
         target,
@@ -1932,7 +2301,7 @@ function InvestorUpdateCard({
       imageUrl: update.featured_image,
       placeholderUrl,
       title: update.title || `Update #${update.update_number || "?"}`,
-      summary: _optionalChain([update, 'access', _58 => _58.strategic_update, 'optionalAccess', _59 => _59.slice, 'call', _60 => _60(0, 120)]) || _optionalChain([update, 'access', _61 => _61.content, 'optionalAccess', _62 => _62.slice, 'call', _63 => _63(0, 120)]) || "No description",
+      summary: _optionalChain([update, 'access', _63 => _63.strategic_update, 'optionalAccess', _64 => _64.slice, 'call', _65 => _65(0, 120)]) || _optionalChain([update, 'access', _66 => _66.content, 'optionalAccess', _67 => _67.slice, 'call', _68 => _68(0, 120)]) || "No description",
       badges: update.update_number ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rounded bg-ods-accent/10 px-2 py-0.5 text-xs font-medium text-ods-accent", children: [
         "#",
         update.update_number
@@ -1955,10 +2324,10 @@ function stripMarkdownPreview(text) {
 var CATALOG_BODY = "flex flex-col gap-4 p-6";
 var CATALOG_ROW = "flex flex-col gap-4 md:flex-row md:gap-6";
 var CATALOG_COVER_COL = "w-full flex-shrink-0 md:w-[256px]";
-var CATALOG_COVER = `relative ${_chunkXFRBEXQNcjs.MEDIA_ASPECT.og} w-full overflow-hidden rounded-lg`;
+var CATALOG_COVER = `relative ${_chunkNNNRN4OFcjs.MEDIA_ASPECT.og} w-full overflow-hidden rounded-lg`;
 var CATALOG_TEXT = "flex min-w-0 flex-1 flex-col";
-var CATALOG_TITLE_ROW = `mb-3 flex items-start text-h2 ${_chunkXFRBEXQNcjs.TEXT_LINES_MIN[2]}`;
-var CATALOG_SUMMARY_ROW = `text-h6 ${_chunkXFRBEXQNcjs.TEXT_LINES_MIN[2]}`;
+var CATALOG_TITLE_ROW = `mb-3 flex items-start text-h2 ${_chunkNNNRN4OFcjs.TEXT_LINES_MIN[2]}`;
+var CATALOG_SUMMARY_ROW = `text-h6 ${_chunkNNNRN4OFcjs.TEXT_LINES_MIN[2]}`;
 var CATALOG_EXTRA_CELL_LABELS = ["Section"];
 var HORIZONTAL_SIZE_TOKENS = {
   default: {
@@ -1975,49 +2344,75 @@ function OnboardingGuideCardSkeleton({
   className
 }) {
   if (size === "portrait") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOH5LAH3Xcjs.EntityPortraitCardSkeleton, { typeLabel: showTypeBadge ? GUIDE_TYPE_LABEL : void 0, className });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkODDUGLYFcjs.EntityPortraitCard,
+      {
+        loading: true,
+        href: "",
+        imageAlt: "",
+        title: "",
+        typeLabel: showTypeBadge ? GUIDE_TYPE_LABEL : void 0,
+        className
+      }
+    );
   }
   if (size === "catalog") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, _chunkOH5LAH3Xcjs.CONTENT_CARD_SKELETON_FRAME_CLASS, "block", className), "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CATALOG_BODY, children: [
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, _chunkODDUGLYFcjs.CONTENT_CARD_SKELETON_FRAME_CLASS, "block", className), "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CATALOG_BODY, children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CATALOG_ROW, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CATALOG_COVER_COL, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: CATALOG_COVER }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CATALOG_COVER_COL, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { className: CATALOG_COVER }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CATALOG_TEXT, children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CATALOG_TITLE_ROW, children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h2", lines: 2, className: "w-3/4 lg:hidden" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h2", className: "hidden w-3/4 lg:flex" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h2", lines: 2, className: "w-3/4 lg:hidden" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h2", className: "hidden w-3/4 lg:flex" })
           ] }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CATALOG_SUMMARY_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", lines: 2, className: "w-full" }) })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CATALOG_SUMMARY_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", lines: 2, className: "w-full" }) })
         ] })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        EntityAuthorCardSkeleton,
+        EntityAuthorCard,
         {
-          extraCellLabels: CATALOG_EXTRA_CELL_LABELS,
-          publishedLabel: published ? void 0 : null
+          loading: true,
+          author: null,
+          extraCells: CATALOG_EXTRA_CELL_LABELS.map((label) => ({ value: "", label })),
+          publishedAt: published ? null : void 0
         }
       )
     ] }) });
   }
   if (size === "sm") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOH5LAH3Xcjs.CompactCardSkeleton, { trailingIcon: true, className });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODDUGLYFcjs.CompactCardSkeleton, { trailingIcon: true, className });
   }
   const t = HORIZONTAL_SIZE_TOKENS.default;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "span",
     {
-      className: _chunk65VVJSQZcjs.cn.call(void 0, `flex items-start gap-3 rounded-md border border-ods-border bg-ods-card ${t.padding}`, className),
+      className: _chunkMGEUZRNQcjs.cn.call(void 0, `flex items-start gap-3 rounded-md border border-ods-border bg-ods-card ${t.padding}`, className),
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `inline-flex shrink-0 items-center justify-center rounded-full bg-ods-bg ${t.step}` }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { as: "span", className: "block h-4 w-2/3 rounded" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { as: "span", className: "block h-3 w-1/3 rounded" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { as: "span", className: "block h-3 w-full rounded" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { as: "span", className: "block h-4 w-2/3 rounded" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { as: "span", className: "block h-3 w-1/3 rounded" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { as: "span", className: "block h-3 w-full rounded" })
         ] })
       ]
     }
   );
 }
-function OnboardingGuideCard({
+function OnboardingGuideCard(props) {
+  if (_chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || props.loading) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      OnboardingGuideCardSkeleton,
+      {
+        size: props.size,
+        showTypeBadge: props.showTypeBadge !== false,
+        published: "published" in props ? props.published : props.guide ? props.guide.published_at != null : true,
+        className: props.className
+      }
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadedOnboardingGuideCard, { ...props });
+}
+function LoadedOnboardingGuideCard({
   guide,
   href,
   target: targetProp,
@@ -2028,24 +2423,21 @@ function OnboardingGuideCard({
   showTypeBadge = true,
   className
 }) {
-  const { target, rel } = _chunkOH5LAH3Xcjs.useEntityCardLink.call(void 0, {
+  const { target, rel } = _chunkODDUGLYFcjs.useEntityCardLink.call(void 0, {
     href,
     targetPlatform,
     target: targetProp,
     rel: relProp
   });
-  const placeholderUrl = _chunkOH5LAH3Xcjs.useEntityCardPlaceholder.call(void 0, {
+  const placeholderUrl = _chunkODDUGLYFcjs.useEntityCardPlaceholder.call(void 0, {
     title: guide.title,
     placeholderUrl: placeholderUrlProp,
     aspect: size === "sm" ? "square" : "wide"
   });
-  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, )) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, OnboardingGuideCardSkeleton, { size, showTypeBadge: showTypeBadge !== false, className });
-  }
   if (size === "portrait") {
     const coverImage = guide.featured_image || guide.main_video_thumbnail || guide.og_image_url || null;
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkOH5LAH3Xcjs.EntityPortraitCard,
+      _chunkODDUGLYFcjs.EntityPortraitCard,
       {
         href,
         target,
@@ -2064,7 +2456,7 @@ function OnboardingGuideCard({
     const coverImage = guide.featured_image || guide.main_video_thumbnail || guide.og_image_url || null;
     const hasVideoCover = !!(guide.main_video_thumbnail || guide.highlight_video_thumbnail);
     const stepLabel = typeof guide.step_order === "number" ? String(guide.step_order).padStart(2, "0") : "\u2014";
-    const durationLabel = typeof guide.highlight_video_duration_ms === "number" && guide.highlight_video_duration_ms > 0 ? _chunkBNUZKBNVcjs.formatDurationMMSS.call(void 0, Math.floor(guide.highlight_video_duration_ms / 1e3)) : "";
+    const durationLabel = typeof guide.highlight_video_duration_ms === "number" && guide.highlight_video_duration_ms > 0 ? _chunkZJS45HQZcjs.formatDurationMMSS.call(void 0, Math.floor(guide.highlight_video_duration_ms / 1e3)) : "";
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _chunkV45KLJQPcjs.next_link_default,
       {
@@ -2072,12 +2464,12 @@ function OnboardingGuideCard({
         target,
         rel,
         prefetch: false,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, _chunkOH5LAH3Xcjs.CONTENT_CARD_FRAME_CLASS, "block no-underline", className),
+        className: _chunkMGEUZRNQcjs.cn.call(void 0, _chunkODDUGLYFcjs.CONTENT_CARD_FRAME_CLASS, "block no-underline", className),
         children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CATALOG_BODY, children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CATALOG_ROW, children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CATALOG_COVER_COL, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, CATALOG_COVER, "bg-ods-bg"), children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CATALOG_COVER_COL, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, CATALOG_COVER, "bg-ods-bg"), children: [
               coverImage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkE76ONBKFcjs.next_image_default,
+                _chunk5WMRVMXHcjs.next_image_default,
                 {
                   src: coverImage,
                   alt: guide.title,
@@ -2094,7 +2486,7 @@ function OnboardingGuideCard({
                   className: "absolute inset-0"
                 }
               ),
-              hasVideoCover && coverImage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.CardHoverPlay, { size: "md" }),
+              hasVideoCover && coverImage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4MQASMIUcjs.CardHoverPlay, { size: "md" }),
               durationLabel && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "absolute bottom-2 right-2 inline-flex items-center gap-1 rounded bg-black/60 px-2 py-1 text-ods-text-on-dark text-code", children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Clock, { className: "h-3 w-3" }),
                 durationLabel
@@ -2129,7 +2521,7 @@ function OnboardingGuideCard({
     const compactCover = coverImage || placeholderUrl || null;
     const hasVideoCover = !guide.featured_image && !!guide.main_video_thumbnail;
     const summary2 = stripMarkdownPreview(guide.video_summary || guide.content || "");
-    const author = _optionalChain([guide, 'access', _64 => _64.author, 'optionalAccess', _65 => _65.full_name, 'optionalAccess', _66 => _66.trim, 'call', _67 => _67()]) || "";
+    const author = _optionalChain([guide, 'access', _69 => _69.author, 'optionalAccess', _70 => _70.full_name, 'optionalAccess', _71 => _71.trim, 'call', _72 => _72()]) || "";
     const subtitleParts = [`Step ${guide.step_order}`, guide.section, author].filter(
       (s) => typeof s === "string" && s.length > 0
     );
@@ -2140,16 +2532,16 @@ function OnboardingGuideCard({
         target,
         rel,
         prefetch: false,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, _chunkOH5LAH3Xcjs.COMPACT_CARD_OUTER, "group", className),
+        className: _chunkMGEUZRNQcjs.cn.call(void 0, _chunkODDUGLYFcjs.COMPACT_CARD_OUTER, "group", className),
         children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_IMAGE_SLOT, children: [
-            compactCover ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE76ONBKFcjs.next_image_default, { src: compactCover, alt: guide.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: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.GraduationCap, { className: "h-4 w-4" }) }),
-            hasVideoCover && compactCover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.CardHoverPlay, { size: "sm" })
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_IMAGE_SLOT, children: [
+            compactCover ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5WMRVMXHcjs.next_image_default, { src: compactCover, alt: guide.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: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.GraduationCap, { className: "h-4 w-4" }) }),
+            hasVideoCover && compactCover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4MQASMIUcjs.CardHoverPlay, { size: "sm" })
           ] }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_TEXT_COL, children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, _chunkOH5LAH3Xcjs.COMPACT_CARD_TITLE, "font-heading"), children: guide.title }) }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-accent text-h6", children: subtitleParts.join(" \xB7 ") }) }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_SUMMARY, children: summary2 || _chunkOH5LAH3Xcjs.COMPACT_CARD_ROW_FILLER }) })
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_TEXT_COL, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkMGEUZRNQcjs.cn.call(void 0, _chunkODDUGLYFcjs.COMPACT_CARD_TITLE, "font-heading"), children: guide.title }) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-accent text-h6", children: subtitleParts.join(" \xB7 ") }) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_SUMMARY, children: summary2 || _chunkODDUGLYFcjs.COMPACT_CARD_ROW_FILLER }) })
           ] }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-5 shrink-0 items-center self-start text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "h-3.5 w-3.5" }) })
         ]
@@ -2165,7 +2557,7 @@ function OnboardingGuideCard({
       target,
       rel,
       prefetch: false,
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkMGEUZRNQcjs.cn.call(void 0, 
         `flex items-start gap-3 rounded-md border border-ods-border bg-ods-card transition-colors hover:border-ods-accent ${t.padding}`,
         className
       ),
@@ -2204,23 +2596,23 @@ function RoadmapVoteButton({
   className
 }) {
   const Icon = voteType === "up" ? _chunkOOYBIS7Dcjs.ThumbsUpClassicIcon : _chunk32ASZMTVcjs.ThumbsDownClassicIcon;
-  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const loading = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkTF5D5MNOcjs.Button,
+    _chunkFLS6DZENcjs.Button,
     {
       variant: "outline",
       onClick,
       disabled,
       ...loading ? { tabIndex: -1, "aria-hidden": true } : {},
       leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: "h-5 w-5", color }),
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkMGEUZRNQcjs.cn.call(void 0, 
         className,
         "flex h-full items-center justify-center gap-[2px] border-0 border-ods-border bg-ods-bg p-[12px]",
         "disabled:cursor-not-allowed disabled:opacity-50",
         "transition-all hover:bg-ods-border",
         isActive && "bg-ods-border"
       ),
-      children: showCount && (loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { as: "span", type: "h6", className: "inline-block w-4" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-h6", children: count }))
+      children: showCount && (loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { as: "span", type: "h6", className: "inline-block w-4" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-h6", children: count }))
     }
   );
 }
@@ -2284,14 +2676,14 @@ function TaskTypeIcon({ customItemId, className = "h-5 w-5" }) {
 
 
 
-var ROADMAP_COMPACT_SLOT = `${_chunkXFRBEXQNcjs.MEDIA_ASPECT.square} ${_chunkXFRBEXQNcjs.TILE_SIZE.xl} shrink-0 self-start overflow-hidden rounded-md border border-ods-border p-1.5`;
+var ROADMAP_COMPACT_SLOT = `${_chunkNNNRN4OFcjs.MEDIA_ASPECT.square} ${_chunkNNNRN4OFcjs.TILE_SIZE.xl} shrink-0 self-start overflow-hidden rounded-md border border-ods-border p-1.5`;
 var ROADMAP_CARD_BODY = "flex h-full scroll-mt-24 flex-col gap-[var(--spacing-system-mf)] p-[var(--spacing-system-lf)]";
 var ROADMAP_CARD_HEADER = "flex w-full items-center gap-[16px]";
-var ROADMAP_CARD_ICON_BOX = `flex ${_chunkXFRBEXQNcjs.TILE_SIZE.feature} flex-shrink-0 items-center justify-center rounded-lg`;
+var ROADMAP_CARD_ICON_BOX = `flex ${_chunkNNNRN4OFcjs.TILE_SIZE.feature} flex-shrink-0 items-center justify-center rounded-lg`;
 var ROADMAP_CARD_HEADING = "flex min-w-0 flex-1 flex-col";
-var ROADMAP_CARD_TITLE_ROW = `flex items-center text-h3 ${_chunkXFRBEXQNcjs.TEXT_LINES_MIN[2]}`;
-var ROADMAP_CARD_META_ROW = `flex items-center text-h5 ${_chunkXFRBEXQNcjs.TEXT_LINES_MIN[1]}`;
-var ROADMAP_CARD_SUMMARY_ROW = `flex items-center text-h4 ${_chunkXFRBEXQNcjs.TEXT_LINES_MIN[3]}`;
+var ROADMAP_CARD_TITLE_ROW = `flex items-center text-h3 ${_chunkNNNRN4OFcjs.TEXT_LINES_MIN[2]}`;
+var ROADMAP_CARD_META_ROW = `flex items-center text-h5 ${_chunkNNNRN4OFcjs.TEXT_LINES_MIN[1]}`;
+var ROADMAP_CARD_SUMMARY_ROW = `flex items-center text-h4 ${_chunkNNNRN4OFcjs.TEXT_LINES_MIN[3]}`;
 var ROADMAP_CARD_FOOTER = "flex w-full items-center justify-between";
 var ROADMAP_CARD_VOTES = "flex h-[48px] overflow-hidden rounded-[6px]";
 var ROADMAP_CARD_FOOTER_END = "flex min-w-0 items-center gap-2";
@@ -2302,7 +2694,7 @@ function RoadmapCardSkeleton({
 }) {
   if (size === "sm") {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkOH5LAH3Xcjs.CompactCardSkeleton,
+      _chunkODDUGLYFcjs.CompactCardSkeleton,
       {
         slotClassName: ROADMAP_COMPACT_SLOT,
         titleWidth: "w-1/2",
@@ -2316,19 +2708,19 @@ function RoadmapCardSkeleton({
       }
     );
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, _chunkOH5LAH3Xcjs.CONTENT_CARD_SKELETON_FRAME_CLASS, ROADMAP_CARD_BODY, className), "aria-hidden": true, children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, _chunkODDUGLYFcjs.CONTENT_CARD_SKELETON_FRAME_CLASS, ROADMAP_CARD_BODY, className), "aria-hidden": true, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROADMAP_CARD_HEADER, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: ROADMAP_CARD_ICON_BOX }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { className: ROADMAP_CARD_ICON_BOX }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROADMAP_CARD_HEADING, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROADMAP_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h3", lines: 2, className: "w-3/4" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROADMAP_CARD_META_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h5", className: "w-1/3" }) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROADMAP_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h3", lines: 2, className: "w-3/4" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROADMAP_CARD_META_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h5", className: "w-1/3" }) })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden md:block", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOH5LAH3Xcjs.StatusBadgeSkeleton, {}) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden md:block", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODDUGLYFcjs.StatusBadge, { loading: true, text: "" }) })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "md:hidden", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOH5LAH3Xcjs.StatusBadgeSkeleton, {}) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROADMAP_CARD_SUMMARY_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h4", lines: 3, className: "w-full" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "md:hidden", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODDUGLYFcjs.StatusBadge, { loading: true, text: "" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROADMAP_CARD_SUMMARY_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h4", lines: 3, className: "w-full" }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROADMAP_CARD_FOOTER, children: votes && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: _chunk65VVJSQZcjs.cn.call(void 0, ROADMAP_CARD_VOTES, "w-32") }) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROADMAP_CARD_FOOTER, children: votes && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { className: _chunkMGEUZRNQcjs.cn.call(void 0, ROADMAP_CARD_VOTES, "w-32") }) })
   ] });
 }
 function assigneePeople(assignees) {
@@ -2338,7 +2730,13 @@ function assigneePeople(assignees) {
     avatarUrl: a.avatarUrl
   }));
 }
-function RoadmapCard({
+function RoadmapCard(props) {
+  if (_chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || props.loading) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RoadmapCardSkeleton, { size: props.size, votes: !!props.onVote, className: props.className });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadedRoadmapCard, { ...props });
+}
+function LoadedRoadmapCard({
   item,
   href,
   target,
@@ -2352,25 +2750,23 @@ function RoadmapCard({
   isVoting = false
 }) {
   const [showScreenshots, setShowScreenshots] = _react.useState.call(void 0, false);
-  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
   const logoUrl = item.icon && item.icon.startsWith("http") ? item.icon : null;
   const iconSrc = useProxiedImageUrl(logoUrl) || null;
-  if (loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RoadmapCardSkeleton, { size, votes: !!onVote, className });
   if (size === "sm") {
-    const compactHref = _chunkOH5LAH3Xcjs.safeHref.call(void 0, _nullishCoalesce(href, () => ( null)));
+    const compactHref = _chunkODDUGLYFcjs.safeHref.call(void 0, _nullishCoalesce(href, () => ( null)));
     const hasVotes = (_nullishCoalesce(item.upvotes, () => ( 0))) > 0 || (_nullishCoalesce(item.downvotes, () => ( 0))) > 0;
     const hasFigma = !!item.figmaUrl;
-    const hasScreenshots = (_nullishCoalesce(_optionalChain([item, 'access', _68 => _68.screenshots, 'optionalAccess', _69 => _69.length]), () => ( 0))) > 0;
+    const hasScreenshots = (_nullishCoalesce(_optionalChain([item, 'access', _73 => _73.screenshots, 'optionalAccess', _74 => _74.length]), () => ( 0))) > 0;
     const typeLabel = getTaskTypeLabel(item.customItemId);
     const useTypeIcon = cardType === "internal_task" || !iconSrc && item.customItemId != null;
     const body = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "span",
         {
-          className: _chunk65VVJSQZcjs.cn.call(void 0, ROADMAP_COMPACT_SLOT, "flex items-center justify-center bg-ods-bg text-ods-accent"),
+          className: _chunkMGEUZRNQcjs.cn.call(void 0, ROADMAP_COMPACT_SLOT, "flex items-center justify-center bg-ods-bg text-ods-accent"),
           title: _nullishCoalesce(typeLabel, () => ( void 0)),
           children: useTypeIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TaskTypeIcon, { customItemId: item.customItemId, className: "h-6 w-6" }) : iconSrc ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkE76ONBKFcjs.next_image_default,
+            _chunk5WMRVMXHcjs.next_image_default,
             {
               src: iconSrc,
               alt: `${item.title} logo`,
@@ -2379,14 +2775,14 @@ function RoadmapCard({
               unoptimized: true,
               className: "h-8 w-8 object-contain"
             }
-          ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "uppercase text-ods-text-secondary text-h6", children: _optionalChain([item, 'access', _70 => _70.title, 'optionalAccess', _71 => _71.substring, 'call', _72 => _72(0, 2)]) || "??" })
+          ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "uppercase text-ods-text-secondary text-h6", children: _optionalChain([item, 'access', _75 => _75.title, 'optionalAccess', _76 => _76.substring, 'call', _77 => _77(0, 2)]) || "??" })
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${_chunkOH5LAH3Xcjs.COMPACT_CARD_TITLE_ROW} gap-2`, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${_chunkOH5LAH3Xcjs.COMPACT_CARD_TITLE} min-w-0`, children: item.title }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_TEXT_COL, children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${_chunkODDUGLYFcjs.COMPACT_CARD_TITLE_ROW} gap-2`, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${_chunkODDUGLYFcjs.COMPACT_CARD_TITLE} min-w-0`, children: item.title }),
           item.status && item.status.trim().length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkOH5LAH3Xcjs.StatusBadge,
+            _chunkODDUGLYFcjs.StatusBadge,
             {
               text: item.status.toUpperCase(),
               colorScheme: getStatusColorScheme(item.status),
@@ -2396,7 +2792,7 @@ function RoadmapCard({
             }
           ) : null
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${_chunkOH5LAH3Xcjs.COMPACT_CARD_META_ROW_BOX} gap-2 text-ods-text-secondary`, children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${_chunkODDUGLYFcjs.COMPACT_CARD_META_ROW_BOX} gap-2 text-ods-text-secondary`, children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 flex-1 truncate text-h6", children: (() => {
             const parts = [item.quarter, item.targetVersion ? `${item.targetVersion} version` : null].filter(
               Boolean
@@ -2432,20 +2828,20 @@ function RoadmapCard({
               ]
             }
           ) : null,
-          item.assignees && item.assignees.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBEMGJDXIcjs.AvatarStack, { size: "xs", people: assigneePeople(item.assignees), className: "shrink-0" }) : null
+          item.assignees && item.assignees.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXAA5LUHCcjs.AvatarStack, { size: "xs", people: assigneePeople(item.assignees), className: "shrink-0" }) : null
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_SUMMARY, children: item.description || _chunkOH5LAH3Xcjs.COMPACT_CARD_ROW_FILLER }) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_SUMMARY, children: item.description || _chunkODDUGLYFcjs.COMPACT_CARD_ROW_FILLER }) })
       ] })
     ] });
     if (!compactHref) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${_chunkOH5LAH3Xcjs.COMPACT_CARD_OUTER_STATIC} ${_nullishCoalesce(className, () => ( ""))}`, "aria-label": "No link available", children: body });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${_chunkODDUGLYFcjs.COMPACT_CARD_OUTER_STATIC} ${_nullishCoalesce(className, () => ( ""))}`, "aria-label": "No link available", children: body });
     }
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href: compactHref, target, rel, className: `${_chunkOH5LAH3Xcjs.COMPACT_CARD_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: body });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href: compactHref, target, rel, className: `${_chunkODDUGLYFcjs.COMPACT_CARD_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: body });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { id, className: _chunk65VVJSQZcjs.cn.call(void 0, _chunkOH5LAH3Xcjs.CONTENT_CARD_FRAME_CLASS, ROADMAP_CARD_BODY, className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { id, className: _chunkMGEUZRNQcjs.cn.call(void 0, _chunkODDUGLYFcjs.CONTENT_CARD_FRAME_CLASS, ROADMAP_CARD_BODY, className), children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROADMAP_CARD_HEADER, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, ROADMAP_CARD_ICON_BOX, "border border-ods-border bg-ods-bg"), children: iconSrc ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkE76ONBKFcjs.next_image_default,
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, ROADMAP_CARD_ICON_BOX, "border border-ods-border bg-ods-bg"), children: iconSrc ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunk5WMRVMXHcjs.next_image_default,
         {
           src: iconSrc,
           alt: `${item.title} logo`,
@@ -2454,7 +2850,7 @@ function RoadmapCard({
           unoptimized: true,
           className: "object-contain p-1"
         }
-      ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xs font-medium uppercase text-ods-text-secondary", children: _optionalChain([item, 'access', _73 => _73.title, 'optionalAccess', _74 => _74.substring, 'call', _75 => _75(0, 2)]) || "??" }) }),
+      ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xs font-medium uppercase text-ods-text-secondary", children: _optionalChain([item, 'access', _78 => _78.title, 'optionalAccess', _79 => _79.substring, 'call', _80 => _80(0, 2)]) || "??" }) }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROADMAP_CARD_HEADING, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROADMAP_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "line-clamp-2 flex-1 text-ods-text-primary text-h3", children: item.title }) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROADMAP_CARD_META_ROW, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "truncate text-ods-text-secondary text-h5", children: [
@@ -2464,7 +2860,7 @@ function RoadmapCard({
         ] }) })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden md:block", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkOH5LAH3Xcjs.StatusBadge,
+        _chunkODDUGLYFcjs.StatusBadge,
         {
           text: item.status.toUpperCase(),
           colorScheme: getStatusColorScheme(item.status),
@@ -2473,7 +2869,7 @@ function RoadmapCard({
       ) })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "md:hidden", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkOH5LAH3Xcjs.StatusBadge,
+      _chunkODDUGLYFcjs.StatusBadge,
       {
         text: item.status.toUpperCase(),
         colorScheme: getStatusColorScheme(item.status),
@@ -2483,7 +2879,7 @@ function RoadmapCard({
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROADMAP_CARD_SUMMARY_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "line-clamp-3 text-ods-text-secondary text-h4", children: item.description || "" }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1" }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROADMAP_CARD_FOOTER, children: [
-      onVote && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, ROADMAP_CARD_VOTES, "border border-ods-border bg-ods-card"), children: [
+      onVote && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, ROADMAP_CARD_VOTES, "border border-ods-border bg-ods-card"), children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           RoadmapVoteButton,
           {
@@ -2510,9 +2906,9 @@ function RoadmapCard({
         )
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROADMAP_CARD_FOOTER_END, children: [
-        item.assignees && item.assignees.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBEMGJDXIcjs.AvatarStack, { size: "xs", people: assigneePeople(item.assignees), className: "shrink-0" }) : null,
+        item.assignees && item.assignees.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXAA5LUHCcjs.AvatarStack, { size: "xs", people: assigneePeople(item.assignees), className: "shrink-0" }) : null,
         item.screenshots && item.screenshots.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkTF5D5MNOcjs.Button,
+          _chunkFLS6DZENcjs.Button,
           {
             variant: "outline",
             size: "small-legacy",
@@ -2521,9 +2917,9 @@ function RoadmapCard({
           }
         ),
         (() => {
-          const figmaSafe = _chunkOH5LAH3Xcjs.safeHref.call(void 0, item.figmaUrl);
+          const figmaSafe = _chunkODDUGLYFcjs.safeHref.call(void 0, item.figmaUrl);
           return figmaSafe ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkTF5D5MNOcjs.Button,
+            _chunkFLS6DZENcjs.Button,
             {
               variant: "outline",
               size: "small-legacy",
@@ -2533,7 +2929,14 @@ function RoadmapCard({
             }
           ) : null;
         })(),
-        item.targetVersion && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOH5LAH3Xcjs.StatusBadge, { gen: _chunkOH5LAH3Xcjs.generationTierFromLabel.call(void 0, item.targetVersion), text: item.targetVersion })
+        item.targetVersion && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkODDUGLYFcjs.StatusBadge,
+          {
+            "data-loading-optional": true,
+            gen: _chunkODDUGLYFcjs.generationTierFromLabel.call(void 0, item.targetVersion),
+            text: item.targetVersion
+          }
+        )
       ] })
     ] }),
     item.screenshots && item.screenshots.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -2551,11 +2954,11 @@ function RoadmapCard({
 
 
 
-var EDITORIAL_FRAME = _chunkOH5LAH3Xcjs.CONTENT_CARD_SKELETON_FRAME_CLASS;
+var EDITORIAL_FRAME = _chunkODDUGLYFcjs.CONTENT_CARD_SKELETON_FRAME_CLASS;
 var EDITORIAL_ROW_GRID = "grid grid-cols-[88px_minmax(0,1fr)] items-center gap-[var(--spacing-system-m)] p-[var(--spacing-system-m)] sm:grid-cols-[120px_minmax(0,1fr)] sm:gap-[var(--spacing-system-l)]";
-var EDITORIAL_ROW_THUMB = `relative block ${_chunkXFRBEXQNcjs.MEDIA_ASPECT.square} w-full overflow-hidden rounded-md`;
+var EDITORIAL_ROW_THUMB = `relative block ${_chunkNNNRN4OFcjs.MEDIA_ASPECT.square} w-full overflow-hidden rounded-md`;
 var EDITORIAL_ROW_TEXT = "flex min-w-0 flex-col gap-[var(--spacing-system-xs)]";
-var EDITORIAL_FEATURE_COVER = `relative block ${_chunkXFRBEXQNcjs.MEDIA_ASPECT.video} w-full overflow-hidden`;
+var EDITORIAL_FEATURE_COVER = `relative block ${_chunkNNNRN4OFcjs.MEDIA_ASPECT.video} w-full overflow-hidden`;
 var EDITORIAL_FEATURE_BODY = "flex flex-col gap-[var(--spacing-system-s)] p-[var(--spacing-system-l)]";
 var EDITORIAL_META_ROW = "flex h-[1lh] min-w-0 items-center gap-x-[var(--spacing-system-s)] overflow-hidden whitespace-nowrap text-h6";
 var EDITORIAL_PERSON_ROW = "flex h-8 min-w-0 items-center gap-[var(--spacing-system-s)]";
@@ -2572,71 +2975,92 @@ var DEFAULT_GALLERY_THUMB = "relative h-24 w-24 flex-shrink-0 overflow-hidden ro
 var DEFAULT_FOOTER = "flex justify-end border-t border-ods-border pt-[var(--spacing-system-lf)]";
 var DEFAULT_HOSTS_ROW = "flex flex-wrap gap-2 md:justify-end";
 var DEFAULT_SKELETON_TAGS = 2;
+var PROGRAM_CARD_SKELETON_HOSTS = 1;
+var PROGRAM_CARD_SKELETON_MEDIA = 4;
 var EDITORIAL_PERSON_AVATAR = { variant: "round", size: "sm" };
 var programActionLabel = (singular) => `View ${singular.toLowerCase()}`;
 function ProgramActionButton({ label, href, newTab }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { variant: "outline", href, openInNewTab: newTab, rightIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ArrowRight, { className: "h-5 w-5" }), children: label });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFLS6DZENcjs.Button, { variant: "outline", href, openInNewTab: newTab, rightIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ArrowRight, { className: "h-5 w-5" }), children: label });
 }
 function ProgramCardSkeleton({
   size = "default",
   eyebrow = true,
   media = 0,
   tags = false,
-  hosts = 1,
+  hosts = PROGRAM_CARD_SKELETON_HOSTS,
   typeLabel,
   actionLabel,
   className
 }) {
-  if (size === "portrait") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOH5LAH3Xcjs.EntityPortraitCardSkeleton, { typeLabel, className });
+  if (size === "portrait")
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODDUGLYFcjs.EntityPortraitCard, { loading: true, href: "", imageAlt: "", title: "", typeLabel, className });
   if (size === "row") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, EDITORIAL_FRAME, EDITORIAL_ROW_GRID, className), children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { as: "span", className: EDITORIAL_ROW_THUMB }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkMGEUZRNQcjs.cn.call(void 0, EDITORIAL_FRAME, EDITORIAL_ROW_GRID, className), children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { as: "span", className: EDITORIAL_ROW_THUMB }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: EDITORIAL_ROW_TEXT, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { as: "span", type: "h3", lines: 2, className: "w-full" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: EDITORIAL_META_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { as: "span", type: "inherit", className: "w-40" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { as: "span", type: "h6", lines: 2, className: "w-full" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { as: "span", type: "h3", lines: 2, className: "w-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: EDITORIAL_META_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { as: "span", type: "inherit", className: "w-40" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { as: "span", type: "h6", lines: 2, className: "w-full" })
       ] })
     ] });
   }
   if (size === "feature") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, EDITORIAL_FRAME, "flex flex-col", className), children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { as: "span", className: _chunk65VVJSQZcjs.cn.call(void 0, EDITORIAL_FEATURE_COVER, "rounded-none") }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkMGEUZRNQcjs.cn.call(void 0, EDITORIAL_FRAME, "flex flex-col", className), children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { as: "span", className: _chunkMGEUZRNQcjs.cn.call(void 0, EDITORIAL_FEATURE_COVER, "rounded-none") }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: EDITORIAL_FEATURE_BODY, children: [
-        eyebrow && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { as: "span", type: "h5", className: "w-28" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { as: "span", type: "h3", lines: 2, className: "w-full" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: EDITORIAL_META_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { as: "span", type: "inherit", className: "w-40" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { as: "span", type: "h4", lines: 3, className: "w-full" }),
+        eyebrow && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { as: "span", type: "h5", className: "w-28" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { as: "span", type: "h3", lines: 2, className: "w-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: EDITORIAL_META_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { as: "span", type: "inherit", className: "w-40" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { as: "span", type: "h4", lines: 3, className: "w-full" }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: EDITORIAL_PERSON_ROW, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBNUZKBNVcjs.SquareAvatarSkeleton, { ...EDITORIAL_PERSON_AVATAR, className: "shrink-0" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { as: "span", type: "h6", className: "w-40" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZJS45HQZcjs.SquareAvatar, { loading: true, ...EDITORIAL_PERSON_AVATAR, className: "shrink-0" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { as: "span", type: "h6", className: "w-40" })
         ] })
       ] })
     ] });
   }
   if (size === "sm") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOH5LAH3Xcjs.CompactCardSkeleton, { trailingIcon: true, className });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODDUGLYFcjs.CompactCardSkeleton, { trailingIcon: true, className });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, _chunkOH5LAH3Xcjs.CONTENT_CARD_SKELETON_FRAME_CLASS, DEFAULT_BODY, className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, _chunkODDUGLYFcjs.CONTENT_CARD_SKELETON_FRAME_CLASS, DEFAULT_BODY, className), children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: DEFAULT_HEADER, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: DEFAULT_COVER_FRAME }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { className: DEFAULT_COVER_FRAME }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: DEFAULT_TEXT, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_TITLE, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { as: "span", type: "inherit", lines: 2, className: "w-3/4" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_TITLE, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { as: "span", type: "inherit", lines: 2, className: "w-3/4" }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: DEFAULT_META_ROW, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { as: "span", type: "inherit", className: "w-32" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { as: "span", type: "inherit", className: "w-40" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { as: "span", type: "inherit", className: "w-32" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { as: "span", type: "inherit", className: "w-40" })
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_DESCRIPTION, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { as: "span", type: "inherit", lines: 3, className: "w-full" }) }),
-        tags && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_TAG_ROW, children: Array.from({ length: DEFAULT_SKELETON_TAGS }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBNUZKBNVcjs.TagSkeleton, {}, i)) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_DESCRIPTION, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { as: "span", type: "inherit", lines: 3, className: "w-full" }) }),
+        tags && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_TAG_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMGEUZRNQcjs.LoadingItems, { count: DEFAULT_SKELETON_TAGS, children: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZJS45HQZcjs.Tag, { loading: true, as: "span", label: "", variant: "outline", "data-loading-item": true }) }) })
       ] }),
-      hosts > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_HOSTS_ROW, children: Array.from({ length: hosts }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBNUZKBNVcjs.SquareAvatarSkeleton, { variant: "round", size: "sm" }, i)) })
+      hosts > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_HOSTS_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMGEUZRNQcjs.LoadingItems, { count: hosts, children: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZJS45HQZcjs.SquareAvatar, { loading: true, variant: "round", size: "sm", "data-loading-item": true }) }) })
     ] }),
-    media > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_GALLERY_ROW, children: Array.from({ length: media }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: DEFAULT_GALLERY_THUMB }, i)) }),
+    media > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_GALLERY_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMGEUZRNQcjs.LoadingItems, { count: media, children: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { className: DEFAULT_GALLERY_THUMB, "data-loading-item": true }) }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_FOOTER, children: actionLabel ? (
       // The action's words are copy: the real button, not a control while it loads.
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { inert: true, "aria-hidden": true, className: "flex", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ProgramActionButton, { label: actionLabel }) })
-    ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.InteractiveSkeleton.Button, { size: "default", className: "w-40" }) })
+    ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.InteractiveSkeleton.Button, { size: "default", className: "w-40" }) })
   ] });
 }
+function ProgramCard(props) {
+  if (_chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || props.loading) {
+    const { config, size = "default", showTypeBadge = true, eyebrow, className } = props;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ProgramCardSkeleton,
+      {
+        size,
+        eyebrow: !!eyebrow,
+        media: _optionalChain([config, 'optionalAccess', _81 => _81.cardShowsGallery]) ? PROGRAM_CARD_SKELETON_MEDIA : 0,
+        hosts: _optionalChain([config, 'optionalAccess', _82 => _82.cardShowsHosts]) ? PROGRAM_CARD_SKELETON_HOSTS : 0,
+        typeLabel: config && size === "portrait" && showTypeBadge ? config.labels.singular : void 0,
+        actionLabel: config ? programActionLabel(config.labels.singular) : void 0,
+        className
+      }
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadedProgramCard, { ...props });
+}
 function getHosts(hosts) {
   if (!hosts) return [];
   try {
@@ -2665,7 +3089,7 @@ function getHosts(hosts) {
   }
   return [];
 }
-function MediaGallery({ images, title }) {
+function MediaGallery({ images, title, optional }) {
   const [selectedImageIndex, setSelectedImageIndex] = _react.useState.call(void 0, null);
   const [isModalOpen, setIsModalOpen] = _react.useState.call(void 0, false);
   const openImageModal = (index, event) => {
@@ -2678,13 +3102,14 @@ function MediaGallery({ images, title }) {
     setSelectedImageIndex(null);
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "overflow-x-auto", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_GALLERY_ROW, style: { width: "max-content" }, children: images.map((mediaItem, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "overflow-x-auto", "data-loading-optional": optional || void 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_GALLERY_ROW, style: { width: "max-content" }, children: images.map((mediaItem, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
-        className: _chunk65VVJSQZcjs.cn.call(void 0, DEFAULT_GALLERY_THUMB, "group/thumb cursor-pointer"),
+        className: _chunkMGEUZRNQcjs.cn.call(void 0, DEFAULT_GALLERY_THUMB, "group/thumb cursor-pointer"),
         onClick: (e) => openImageModal(index, e),
+        "data-loading-item": true,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkE76ONBKFcjs.next_image_default,
+          _chunk5WMRVMXHcjs.next_image_default,
           {
             src: mediaItem.media_url,
             alt: `${title} photo ${index + 1}`,
@@ -2725,19 +3150,19 @@ function ProgramEditorialCard({
   priority,
   className
 }) {
-  const edgeColor = _chunk3LW5TD54cjs.useImageEdgeColor.call(void 0, feature ? cover : null, "transparent");
+  const edgeColor = _chunkF2FFJWOQcjs.useImageEdgeColor.call(void 0, feature ? cover : null, "transparent");
   const meta = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: EDITORIAL_META_ROW, children: [
     date && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-flamingo-pink", children: date }),
-    [typeMeta, feature ? null : _optionalChain([profile, 'optionalAccess', _76 => _76.name])].filter((part) => !!part).map((part) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center gap-[var(--spacing-system-s)] text-ods-text-secondary", children: [
+    [typeMeta, feature ? null : _optionalChain([profile, 'optionalAccess', _83 => _83.name])].filter((part) => !!part).map((part) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center gap-[var(--spacing-system-s)] text-ods-text-secondary", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", children: "\u2022" }),
       part
     ] }, part))
   ] });
   if (!feature) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkOH5LAH3Xcjs.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", priority, unoptimized: true }),
-        playable && cover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.CardHoverPlay, { size: "md" })
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkODDUGLYFcjs.ContentCardFrame, { as: "a", href, target, rel, className: _chunkMGEUZRNQcjs.cn.call(void 0, EDITORIAL_ROW_GRID, className), children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkMGEUZRNQcjs.cn.call(void 0, EDITORIAL_ROW_THUMB, "bg-ods-bg"), children: [
+        cover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5WMRVMXHcjs.next_image_default, { src: cover, alt: "", fill: true, sizes: "120px", className: "object-cover", priority, unoptimized: true }),
+        playable && cover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4MQASMIUcjs.CardHoverPlay, { size: "md" })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: EDITORIAL_ROW_TEXT, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "line-clamp-2 min-h-[2lh] text-ods-text-primary text-h3", children: title }),
@@ -2746,15 +3171,15 @@ function ProgramEditorialCard({
       ] })
     ] });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkOH5LAH3Xcjs.ContentCardFrame, { as: "a", href, target, rel, className: _chunk65VVJSQZcjs.cn.call(void 0, "flex flex-col", className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkODDUGLYFcjs.ContentCardFrame, { as: "a", href, target, rel, className: _chunkMGEUZRNQcjs.cn.call(void 0, "flex flex-col", className), children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "span",
       {
-        className: _chunk65VVJSQZcjs.cn.call(void 0, EDITORIAL_FEATURE_COVER, "transition-colors duration-300"),
+        className: _chunkMGEUZRNQcjs.cn.call(void 0, EDITORIAL_FEATURE_COVER, "transition-colors duration-300"),
         style: { backgroundColor: edgeColor },
         children: [
           cover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkE76ONBKFcjs.next_image_default,
+            _chunk5WMRVMXHcjs.next_image_default,
             {
               src: cover,
               alt: "",
@@ -2765,7 +3190,7 @@ function ProgramEditorialCard({
               unoptimized: true
             }
           ),
-          playable && cover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.CardHoverPlay, { size: "lg" })
+          playable && cover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4MQASMIUcjs.CardHoverPlay, { size: "lg" })
         ]
       }
     ),
@@ -2776,7 +3201,7 @@ function ProgramEditorialCard({
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "line-clamp-3 min-h-[3lh] text-ods-text-secondary text-h4", children: description }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: EDITORIAL_PERSON_ROW, children: profile && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkBNUZKBNVcjs.SquareAvatar,
+          _chunkZJS45HQZcjs.SquareAvatar,
           {
             ...EDITORIAL_PERSON_AVATAR,
             src: profile.avatarUrl || void 0,
@@ -2786,8 +3211,9 @@ function ProgramEditorialCard({
         ),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "truncate text-h6", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-primary", children: profile.name }),
-          profile.subtitle && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-ods-text-secondary", children: [
-            " \xB7 ",
+          profile.subtitle && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { "data-loading-optional": true, className: "text-ods-text-secondary", children: [
+            " ",
+            "\xB7 ",
             profile.subtitle
           ] })
         ] })
@@ -2795,7 +3221,7 @@ function ProgramEditorialCard({
     ] })
   ] });
 }
-function ProgramCard({
+function LoadedProgramCard({
   config,
   item,
   media = [],
@@ -2813,32 +3239,17 @@ function ProgramCard({
   priority,
   className
 }) {
-  const { target, rel } = _chunkOH5LAH3Xcjs.useEntityCardLink.call(void 0, {
+  const { target, rel } = _chunkODDUGLYFcjs.useEntityCardLink.call(void 0, {
     href,
     targetPlatform,
     target: targetProp,
     rel: relProp
   });
-  const placeholderUrl = _chunkOH5LAH3Xcjs.useEntityCardPlaceholder.call(void 0, {
+  const placeholderUrl = _chunkODDUGLYFcjs.useEntityCardPlaceholder.call(void 0, {
     title: item.title,
     placeholderUrl: placeholderUrlProp,
     aspect: size === "sm" || size === "row" ? "square" : "wide"
   });
-  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, )) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      ProgramCardSkeleton,
-      {
-        size,
-        eyebrow: !!eyebrow,
-        media: media.filter((m) => isImageMedia(m)).length,
-        tags: tags.length > 0,
-        hosts: getHosts(item.hosts).length,
-        typeLabel: size === "portrait" && showTypeBadge ? config.labels.singular : void 0,
-        actionLabel: programActionLabel(config.labels.singular),
-        className
-      }
-    );
-  }
   const coverImage = item.cover_url;
   const images = media.filter((m) => isImageMedia(m));
   const hosts = getHosts(item.hosts);
@@ -2851,12 +3262,12 @@ function ProgramCard({
     // Compact densities join plain strings, so the zone rides inline here; the
     // default density below renders it as its own styled span instead.
   } = programMetaLine(item, config.type, programMetaFormatters(PROGRAM_META_RENDERERS));
-  const compactDate = _chunkBNUZKBNVcjs.formatProgramDate.call(void 0, zonedDate, "medium");
+  const compactDate = _chunkZJS45HQZcjs.formatProgramDate.call(void 0, zonedDate, "medium");
   if (size === "portrait") {
-    const profile = _chunkOH5LAH3Xcjs.programItemToStripProfile.call(void 0, item);
+    const profile = _chunkODDUGLYFcjs.programItemToStripProfile.call(void 0, item);
     const dateMeta = compactMetaLine;
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkOH5LAH3Xcjs.EntityPortraitCard,
+      _chunkODDUGLYFcjs.EntityPortraitCard,
       {
         href,
         target,
@@ -2885,9 +3296,9 @@ function ProgramCard({
         description: item.description,
         cover: coverImage || placeholderUrl || null,
         eyebrow,
-        date: _chunkBNUZKBNVcjs.formatProgramDate.call(void 0, zonedDate, "weekday"),
+        date: _chunkZJS45HQZcjs.formatProgramDate.call(void 0, zonedDate, "weekday"),
         typeMeta: compactTypeMetaValue,
-        profile: _chunkOH5LAH3Xcjs.programItemToStripProfile.call(void 0, item),
+        profile: _chunkODDUGLYFcjs.programItemToStripProfile.call(void 0, item),
         playable: isPlayable,
         priority,
         className
@@ -2898,13 +3309,13 @@ function ProgramCard({
     const itemDate = compactDate;
     const compactCover = coverImage || placeholderUrl || null;
     const typeMeta = compactTypeMetaValue;
-    const subtitleParts = [itemDate, typeMeta, _optionalChain([config, 'access', _77 => _77.labels, 'optionalAccess', _78 => _78.singular])].filter(
+    const subtitleParts = [itemDate, typeMeta, _optionalChain([config, 'access', _84 => _84.labels, 'optionalAccess', _85 => _85.singular])].filter(
       (s) => typeof s === "string" && s.length > 0
     );
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunk65VVJSQZcjs.cn.call(void 0, _chunkOH5LAH3Xcjs.COMPACT_CARD_OUTER, "group", className), children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_IMAGE_SLOT, children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunkMGEUZRNQcjs.cn.call(void 0, _chunkODDUGLYFcjs.COMPACT_CARD_OUTER, "group", className), children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_IMAGE_SLOT, children: [
         compactCover ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkE76ONBKFcjs.next_image_default,
+          _chunk5WMRVMXHcjs.next_image_default,
           {
             src: compactCover,
             alt: item.title,
@@ -2915,17 +3326,17 @@ function ProgramCard({
             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" })
+        isPlayable && compactCover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4MQASMIUcjs.CardHoverPlay, { size: "sm" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, _chunkOH5LAH3Xcjs.COMPACT_CARD_TITLE, "font-heading"), children: item.title }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-accent text-h6", children: subtitleParts.join(" \xB7 ") }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkOH5LAH3Xcjs.COMPACT_CARD_SUMMARY, children: item.description || _chunkOH5LAH3Xcjs.COMPACT_CARD_ROW_FILLER }) })
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_TEXT_COL, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkMGEUZRNQcjs.cn.call(void 0, _chunkODDUGLYFcjs.COMPACT_CARD_TITLE, "font-heading"), children: item.title }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-accent text-h6", children: subtitleParts.join(" \xB7 ") }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkODDUGLYFcjs.COMPACT_CARD_SUMMARY, children: item.description || _chunkODDUGLYFcjs.COMPACT_CARD_ROW_FILLER }) })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-5 shrink-0 items-center self-start text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "h-3.5 w-3.5" }) })
     ] });
   }
-  const dateFormat = _chunkBNUZKBNVcjs.formatProgramDate.call(void 0, zonedDate, "weekday");
+  const dateFormat = _chunkZJS45HQZcjs.formatProgramDate.call(void 0, zonedDate, "weekday");
   const { typeMeta: defaultTypeMeta, audience: defaultAudience } = programMetaLine(
     item,
     config.type,
@@ -2956,11 +3367,11 @@ function ProgramCard({
     return null;
   };
   const endAt = "end_at" in item && typeof item.end_at === "string" ? item.end_at : null;
-  const dateLabel = _nullishCoalesce(_chunkBNUZKBNVcjs.formatProgramDateRange.call(void 0, zonedDate, endAt), () => ( dateFormat));
+  const dateLabel = _nullishCoalesce(_chunkZJS45HQZcjs.formatProgramDateRange.call(void 0, zonedDate, endAt), () => ( dateFormat));
   const cardHeader = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: DEFAULT_HEADER, children: [
     coverImage && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: DEFAULT_COVER_FRAME, children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkE76ONBKFcjs.next_image_default,
+        _chunk5WMRVMXHcjs.next_image_default,
         {
           src: coverImage,
           alt: item.title,
@@ -2971,7 +3382,7 @@ function ProgramCard({
           unoptimized: true
         }
       ),
-      isPlayable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.CardHoverPlay, { size: "md" })
+      isPlayable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4MQASMIUcjs.CardHoverPlay, { size: "md" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: DEFAULT_TEXT, children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: DEFAULT_TITLE, children: item.title }),
@@ -2986,28 +3397,30 @@ function ProgramCard({
         ] })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: DEFAULT_DESCRIPTION, children: item.description }),
-      tags.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_TAG_ROW, children: tags.map((tag) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBNUZKBNVcjs.Tag, { as: "span", label: tag, variant: "outline" }, tag)) })
+      tags.length > 0 && // Only some records carry tags: the loading card leaves the row out.
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_TAG_ROW, "data-loading-optional": true, children: tags.map((tag) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZJS45HQZcjs.Tag, { as: "span", label: tag, variant: "outline", "data-loading-item": true }, tag)) })
     ] }),
     hosts.length > 0 && // A type whose cards always show hosts (`cardShowsHosts`) draws them while loading; elsewhere only some
     // records have hosts, so the row is record-dependent.
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_HOSTS_ROW, "data-loading-optional": config.cardShowsHosts ? void 0 : true, children: hosts.map((host, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkBNUZKBNVcjs.SquareAvatar,
+      _chunkZJS45HQZcjs.SquareAvatar,
       {
         variant: "round",
         src: host.avatar || void 0,
         alt: host.name,
         fallback: host.name.charAt(0).toUpperCase(),
-        size: "sm"
+        size: "sm",
+        "data-loading-item": true
       },
       `${item.id}-host-${index}`
     )) })
   ] });
-  const cardFrameClass = _chunk65VVJSQZcjs.cn.call(void 0, DEFAULT_BODY, className);
+  const cardFrameClass = _chunkMGEUZRNQcjs.cn.call(void 0, DEFAULT_BODY, className);
   const actionLabel = programActionLabel(config.labels.singular);
   if (wholeCardClickable) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkOH5LAH3Xcjs.ContentCardFrame, { as: "a", href, target, rel, className: cardFrameClass, children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkODDUGLYFcjs.ContentCardFrame, { as: "a", href, target, rel, className: cardFrameClass, children: [
       cardHeader,
-      images.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaGallery, { images, title: item.title }),
+      images.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaGallery, { images, title: item.title, optional: !config.cardShowsGallery }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_FOOTER, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "span",
         {
@@ -3021,9 +3434,9 @@ function ProgramCard({
       ) })
     ] });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkOH5LAH3Xcjs.ContentCardFrame, { as: "div", className: cardFrameClass, children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkODDUGLYFcjs.ContentCardFrame, { as: "div", className: cardFrameClass, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: "block", children: cardHeader }),
-    images.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaGallery, { images, title: item.title }),
+    images.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaGallery, { images, title: item.title, optional: !config.cardShowsGallery }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_FOOTER, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ProgramActionButton, { label: actionLabel, href, newTab: target === "_blank" }) })
   ] });
 }
@@ -3133,31 +3546,4 @@ function ProgramCard({
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-exports.Modal = Modal; exports.ModalContent = ModalContent; exports.ModalHeader = ModalHeader; exports.ModalTitle = ModalTitle; exports.ModalFooter = ModalFooter; exports.ImageGalleryModal = ImageGalleryModal; exports.getProxiedImageUrl = getProxiedImageUrl; exports.urlPathLooksLikeSvg = urlPathLooksLikeSvg; exports.shouldProxyImage = shouldProxyImage; exports.generateImageSizes = generateImageSizes; exports.skipsImageOptimizer = skipsImageOptimizer; exports.useProxiedImageUrl = useProxiedImageUrl; exports.escapeRegExp = escapeRegExp; exports.formatReleaseDate = formatReleaseDate; exports.formatDateShort = formatDateShort; exports.formatDateSlashUTC = formatDateSlashUTC; exports.releaseTypeToBadgeColor = releaseTypeToBadgeColor; exports.resolveReleaseCover = resolveReleaseCover; exports.CUSTOM_ITEM_ID = CUSTOM_ITEM_ID; exports.getTaskTypeLabel = getTaskTypeLabel; exports.getStatusColorScheme = getStatusColorScheme; exports.TRUST_FRAMEWORK_MONITORING = TRUST_FRAMEWORK_MONITORING; exports.trustFrameworkMonitoringEntry = trustFrameworkMonitoringEntry; exports.trustFrameworkBadge = trustFrameworkBadge; exports.TRUST_CENTER_SECTIONS = TRUST_CENTER_SECTIONS; exports.TRUST_CENTER_TITLE = TRUST_CENTER_TITLE; exports.TRUST_CENTER_TAGLINE = TRUST_CENTER_TAGLINE; exports.TRUST_CENTER_API_PATH = TRUST_CENTER_API_PATH; exports.TRUST_CENTER_CACHE_SECONDS = TRUST_CENTER_CACHE_SECONDS; exports.TRUST_CENTER_DOCUMENT_CACHE_SECONDS = TRUST_CENTER_DOCUMENT_CACHE_SECONDS; exports.TRUST_CENTER_CARD_ID = TRUST_CENTER_CARD_ID; exports.TRUST_CENTER_DOCUMENT_TYPE = TRUST_CENTER_DOCUMENT_TYPE; exports.TRUST_CENTER_PAGE_PATH = TRUST_CENTER_PAGE_PATH; exports.isTrustCenterMonitored = isTrustCenterMonitored; exports.trustCenterMonitoringStatus = trustCenterMonitoringStatus; exports.trustFrameworksSummary = trustFrameworksSummary; exports.trustCenterDocumentUrl = trustCenterDocumentUrl; exports.trustCenterPdfUrl = trustCenterPdfUrl; exports.visibleTrustCenterSections = visibleTrustCenterSections; exports.TRUST_CENTER_SEARCH_PARAM = TRUST_CENTER_SEARCH_PARAM; exports.TRUST_CENTER_SEARCH_MAX_CHARS = TRUST_CENTER_SEARCH_MAX_CHARS; exports.TRUST_CENTER_SEARCH_DEBOUNCE_MS = TRUST_CENTER_SEARCH_DEBOUNCE_MS; exports.TRUST_CENTER_DOMAIN_PARAM = TRUST_CENTER_DOMAIN_PARAM; exports.normalizeTrustControlQuery = normalizeTrustControlQuery; exports.trustControlQueryMatcher = trustControlQueryMatcher; exports.filterTrustControlDomains = filterTrustControlDomains; exports.trustCenterControlsUrl = trustCenterControlsUrl; exports.canonicalContentRefType = canonicalContentRefType; exports.buildListUrl = buildListUrl; exports.extractItems = extractItems; exports.extractItemId = extractItemId; exports.extractCardItems = extractCardItems; exports.MEDIA_TYPE = MEDIA_TYPE; exports.isVideoMedia = isVideoMedia; exports.isImageMedia = isImageMedia; exports.isPublishableMediaType = isPublishableMediaType; exports.partitionMediaByType = partitionMediaByType; exports.IMAGE_FILE_ACCEPT = IMAGE_FILE_ACCEPT; exports.MEDIA_FILE_ACCEPT = MEDIA_FILE_ACCEPT; exports.fileMediaType = fileMediaType; exports.mediaNameKey = mediaNameKey; exports.fileContentKey = fileContentKey; exports.programStr = programStr; exports.programDateInstant = programDateInstant; exports.webinarTiming = webinarTiming; exports.programMetaLine = programMetaLine; exports.eventAudience = eventAudience; exports.programMetaFormatters = programMetaFormatters; exports.PROGRAM_META_RENDERERS = PROGRAM_META_RENDERERS; exports.NEW_TAB_FEATURES = NEW_TAB_FEATURES; exports.isModifierClick = isModifierClick; exports.stripSameOriginToPath = stripSameOriginToPath; exports.resolveHrefForRuntime = resolveHrefForRuntime; exports.resolveExternalNavigation = resolveExternalNavigation; exports.EMPTY_AUTHOR_PLACEHOLDER = EMPTY_AUTHOR_PLACEHOLDER; exports.EntityMetadataValueCell = EntityMetadataValueCell; exports.EntityMetadataValueCellSkeleton = EntityMetadataValueCellSkeleton; exports.EntityMetadataAuthorCell = EntityMetadataAuthorCell; exports.EntityMetadataAuthorCellSkeleton = EntityMetadataAuthorCellSkeleton; exports.EntityAuthorCardSkeleton = EntityAuthorCardSkeleton; exports.EntityAuthorCard = EntityAuthorCard; exports.BlogImagePlaceholder = BlogImagePlaceholder; exports.PlatformBadge = PlatformBadge; exports.PlatformBadgeSkeleton = PlatformBadgeSkeleton; exports.AdminContentCard = AdminContentCard; exports.AdminContentCardSkeleton = AdminContentCardSkeleton; exports.PAGE_HEADING_CLASS = PAGE_HEADING_CLASS; exports.SECTION_HEADING_CLASS = SECTION_HEADING_CLASS; exports.PageHeading = PageHeading; exports.HeadingLines = HeadingLines; exports.headingAccentClass = headingAccentClass; exports.accentSentenceMarks = accentSentenceMarks; exports.SectionEyebrow = SectionEyebrow; exports.SectionHeading = SectionHeading; exports.SectionHeadingSkeleton = SectionHeadingSkeleton; exports.RELEASE_CARD_LG_FRAME_CLASS = RELEASE_CARD_LG_FRAME_CLASS; exports.RELEASE_CARD_HERO_CLASS = RELEASE_CARD_HERO_CLASS; exports.RELEASE_CARD_COVER_COLUMN_CLASS = RELEASE_CARD_COVER_COLUMN_CLASS; exports.RELEASE_CARD_COVER_BOX_CLASS = RELEASE_CARD_COVER_BOX_CLASS; exports.RELEASE_CARD_TEXT_COLUMN_CLASS = RELEASE_CARD_TEXT_COLUMN_CLASS; exports.RELEASE_CARD_VERSION_ROW_CLASS = RELEASE_CARD_VERSION_ROW_CLASS; exports.RELEASE_CARD_VERSION_CLASS = RELEASE_CARD_VERSION_CLASS; exports.RELEASE_CARD_TITLE_BOX_CLASS = RELEASE_CARD_TITLE_BOX_CLASS; exports.RELEASE_CARD_TITLE_CLASS = RELEASE_CARD_TITLE_CLASS; exports.RELEASE_CARD_SUMMARY_BOX_CLASS = RELEASE_CARD_SUMMARY_BOX_CLASS; exports.RELEASE_CARD_SUMMARY_CLASS = RELEASE_CARD_SUMMARY_CLASS; exports.RELEASE_CARD_CHANGELOG_CLASS = RELEASE_CARD_CHANGELOG_CLASS; exports.RELEASE_CARD_GRID_CLASS = RELEASE_CARD_GRID_CLASS; exports.RELEASE_CARD_CELL_DIVIDER_CLASS = RELEASE_CARD_CELL_DIVIDER_CLASS; exports.RELEASE_CARD_CELL_CLASS = RELEASE_CARD_CELL_CLASS; exports.RELEASE_CARD_CELL_STACK_CLASS = RELEASE_CARD_CELL_STACK_CLASS; exports.RELEASE_CARD_CELL_LABEL_CLASS = RELEASE_CARD_CELL_LABEL_CLASS; exports.RELEASE_CARD_CELL_LABELS = RELEASE_CARD_CELL_LABELS; exports.ProductReleaseCardSkeleton = ProductReleaseCardSkeleton; exports.defaultBuildProductReleaseCardProps = defaultBuildProductReleaseCardProps; exports.buildProductReleaseCardProps = buildProductReleaseCardProps; exports.BlogCardSkeleton = BlogCardSkeleton; exports.BlogCard = BlogCard; exports.CustomerInterviewCardSkeleton = CustomerInterviewCardSkeleton; exports.CustomerInterviewCard = CustomerInterviewCard; exports.formatInvestorUpdatePeriod = formatInvestorUpdatePeriod; exports.InvestorUpdateCardSkeleton = InvestorUpdateCardSkeleton; exports.InvestorUpdateCard = InvestorUpdateCard; exports.OnboardingGuideCardSkeleton = OnboardingGuideCardSkeleton; exports.OnboardingGuideCard = OnboardingGuideCard; exports.RoadmapVoteButton = RoadmapVoteButton; exports.TaskTypeIcon = TaskTypeIcon; exports.RoadmapCardSkeleton = RoadmapCardSkeleton; exports.RoadmapCard = RoadmapCard; exports.ProgramCardSkeleton = ProgramCardSkeleton; exports.ProgramCard = ProgramCard;
+exports.InteractiveCard = InteractiveCard; exports.Modal = Modal; exports.ModalContent = ModalContent; exports.ModalHeader = ModalHeader; exports.ModalTitle = ModalTitle; exports.ModalFooter = ModalFooter; exports.ImageGalleryModal = ImageGalleryModal; exports.getProxiedImageUrl = getProxiedImageUrl; exports.urlPathLooksLikeSvg = urlPathLooksLikeSvg; exports.shouldProxyImage = shouldProxyImage; exports.generateImageSizes = generateImageSizes; exports.skipsImageOptimizer = skipsImageOptimizer; exports.useProxiedImageUrl = useProxiedImageUrl; exports.escapeRegExp = escapeRegExp; exports.formatReleaseDate = formatReleaseDate; exports.formatDateShort = formatDateShort; exports.formatDateSlashUTC = formatDateSlashUTC; exports.releaseTypeToBadgeColor = releaseTypeToBadgeColor; exports.resolveReleaseCover = resolveReleaseCover; exports.CUSTOM_ITEM_ID = CUSTOM_ITEM_ID; exports.getTaskTypeLabel = getTaskTypeLabel; exports.getStatusColorScheme = getStatusColorScheme; exports.TRUST_FRAMEWORK_MONITORING = TRUST_FRAMEWORK_MONITORING; exports.trustFrameworkMonitoringEntry = trustFrameworkMonitoringEntry; exports.trustFrameworkBadge = trustFrameworkBadge; exports.TRUST_CENTER_SECTIONS = TRUST_CENTER_SECTIONS; exports.TRUST_CENTER_TITLE = TRUST_CENTER_TITLE; exports.TRUST_CENTER_TAGLINE = TRUST_CENTER_TAGLINE; exports.TRUST_CENTER_API_PATH = TRUST_CENTER_API_PATH; exports.TRUST_CENTER_CACHE_SECONDS = TRUST_CENTER_CACHE_SECONDS; exports.TRUST_CENTER_DOCUMENT_CACHE_SECONDS = TRUST_CENTER_DOCUMENT_CACHE_SECONDS; exports.TRUST_CENTER_CARD_ID = TRUST_CENTER_CARD_ID; exports.TRUST_CENTER_DOCUMENT_TYPE = TRUST_CENTER_DOCUMENT_TYPE; exports.TRUST_CENTER_PAGE_PATH = TRUST_CENTER_PAGE_PATH; exports.isTrustCenterMonitored = isTrustCenterMonitored; exports.trustCenterMonitoringStatus = trustCenterMonitoringStatus; exports.trustFrameworksSummary = trustFrameworksSummary; exports.trustCenterDocumentUrl = trustCenterDocumentUrl; exports.trustCenterPdfUrl = trustCenterPdfUrl; exports.visibleTrustCenterSections = visibleTrustCenterSections; exports.TRUST_CENTER_SEARCH_PARAM = TRUST_CENTER_SEARCH_PARAM; exports.TRUST_CENTER_SEARCH_MAX_CHARS = TRUST_CENTER_SEARCH_MAX_CHARS; exports.TRUST_CENTER_SEARCH_DEBOUNCE_MS = TRUST_CENTER_SEARCH_DEBOUNCE_MS; exports.TRUST_CENTER_DOMAIN_PARAM = TRUST_CENTER_DOMAIN_PARAM; exports.normalizeTrustControlQuery = normalizeTrustControlQuery; exports.trustControlQueryMatcher = trustControlQueryMatcher; exports.filterTrustControlDomains = filterTrustControlDomains; exports.trustCenterControlsUrl = trustCenterControlsUrl; exports.canonicalContentRefType = canonicalContentRefType; exports.buildListUrl = buildListUrl; exports.extractItems = extractItems; exports.extractItemId = extractItemId; exports.extractCardItems = extractCardItems; exports.MEDIA_TYPE = MEDIA_TYPE; exports.isVideoMedia = isVideoMedia; exports.isImageMedia = isImageMedia; exports.isPublishableMediaType = isPublishableMediaType; exports.partitionMediaByType = partitionMediaByType; exports.IMAGE_FILE_ACCEPT = IMAGE_FILE_ACCEPT; exports.MEDIA_FILE_ACCEPT = MEDIA_FILE_ACCEPT; exports.fileMediaType = fileMediaType; exports.mediaNameKey = mediaNameKey; exports.fileContentKey = fileContentKey; exports.programStr = programStr; exports.programDateInstant = programDateInstant; exports.webinarTiming = webinarTiming; exports.programMetaLine = programMetaLine; exports.eventAudience = eventAudience; exports.programMetaFormatters = programMetaFormatters; exports.PROGRAM_META_RENDERERS = PROGRAM_META_RENDERERS; exports.NEW_TAB_FEATURES = NEW_TAB_FEATURES; exports.isModifierClick = isModifierClick; exports.stripSameOriginToPath = stripSameOriginToPath; exports.resolveHrefForRuntime = resolveHrefForRuntime; exports.resolveExternalNavigation = resolveExternalNavigation; exports.EMPTY_AUTHOR_PLACEHOLDER = EMPTY_AUTHOR_PLACEHOLDER; exports.EntityMetadataValueCell = EntityMetadataValueCell; exports.EntityMetadataAuthorCell = EntityMetadataAuthorCell; exports.EntityAuthorCard = EntityAuthorCard; exports.BlogImagePlaceholder = BlogImagePlaceholder; exports.PlatformBadge = PlatformBadge; exports.AdminContentCard = AdminContentCard; exports.PAGE_HEADING_CLASS = PAGE_HEADING_CLASS; exports.SECTION_HEADING_CLASS = SECTION_HEADING_CLASS; exports.PageHeading = PageHeading; exports.HeadingLines = HeadingLines; exports.headingAccentClass = headingAccentClass; exports.accentSentenceMarks = accentSentenceMarks; exports.SectionEyebrow = SectionEyebrow; exports.SectionHeading = SectionHeading; exports.ProductReleaseCard = ProductReleaseCard; exports.defaultBuildProductReleaseCardProps = defaultBuildProductReleaseCardProps; exports.buildProductReleaseCardProps = buildProductReleaseCardProps; exports.BlogCard = BlogCard; exports.CustomerInterviewCard = CustomerInterviewCard; exports.formatInvestorUpdatePeriod = formatInvestorUpdatePeriod; exports.InvestorUpdateCard = InvestorUpdateCard; exports.OnboardingGuideCard = OnboardingGuideCard; exports.RoadmapVoteButton = RoadmapVoteButton; exports.TaskTypeIcon = TaskTypeIcon; exports.RoadmapCard = RoadmapCard; exports.PROGRAM_CARD_SKELETON_HOSTS = PROGRAM_CARD_SKELETON_HOSTS; exports.PROGRAM_CARD_SKELETON_MEDIA = PROGRAM_CARD_SKELETON_MEDIA; exports.ProgramCard = ProgramCard;