@flamingo-stack/openframe-frontend-core 0.0.776 → 0.0.781

package/dist/{chunk-MYHS4W2H.cjs → chunk-OHXB6HUX.cjs}

@@ -1,9 +1,8 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } 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";
 
 
 
 
-var _chunkR3JX4MXDcjs = require('./chunk-R3JX4MXD.cjs');
 
 
 
@@ -12,10 +11,8 @@ var _chunkR3JX4MXDcjs = require('./chunk-R3JX4MXD.cjs');
 
 
 
-var _chunkSETFUCZAcjs = require('./chunk-SETFUCZA.cjs');
 
 
-var _chunkVFUMM6JCcjs = require('./chunk-VFUMM6JC.cjs');
 
 
 
@@ -27,41 +24,50 @@ var _chunkVFUMM6JCcjs = require('./chunk-VFUMM6JC.cjs');
 
 
 
+var _chunkJQWYXC2Ecjs = require('./chunk-JQWYXC2E.cjs');
 
 
-var _chunkHY6BCZH7cjs = require('./chunk-HY6BCZH7.cjs');
+var _chunkHTSRCFXPcjs = require('./chunk-HTSRCFXP.cjs');
 
 
-var _chunk32ASZMTVcjs = require('./chunk-32ASZMTV.cjs');
+var _chunkRYIWADIBcjs = require('./chunk-RYIWADIB.cjs');
 
 
-var _chunkOOYBIS7Dcjs = require('./chunk-OOYBIS7D.cjs');
 
 
-var _chunk6VOOPMP5cjs = require('./chunk-6VOOPMP5.cjs');
 
 
-var _chunkORO54HDFcjs = require('./chunk-ORO54HDF.cjs');
 
 
 
-var _chunk3LW5TD54cjs = require('./chunk-3LW5TD54.cjs');
 
 
+var _chunkAFJEUBDScjs = require('./chunk-AFJEUBDS.cjs');
+
+
+var _chunk32ASZMTVcjs = require('./chunk-32ASZMTV.cjs');
+
 
-var _chunkNTPX5GXIcjs = require('./chunk-NTPX5GXI.cjs');
+var _chunkOOYBIS7Dcjs = require('./chunk-OOYBIS7D.cjs');
+
+
+var _chunk6VOOPMP5cjs = require('./chunk-6VOOPMP5.cjs');
+
+
+var _chunkORO54HDFcjs = require('./chunk-ORO54HDF.cjs');
 
 
-var _chunkVFZFCRALcjs = require('./chunk-VFZFCRAL.cjs');
+var _chunkDJTPDK3Wcjs = require('./chunk-DJTPDK3W.cjs');
 
 
+var _chunkAQXKXZWBcjs = require('./chunk-AQXKXZWB.cjs');
 
 
-var _chunk5P4TDV7Vcjs = require('./chunk-5P4TDV7V.cjs');
 
+var _chunkIYU2ZH2Jcjs = require('./chunk-IYU2ZH2J.cjs');
 
 
-var _chunkE76ONBKFcjs = require('./chunk-E76ONBKF.cjs');
+var _chunk3VINTJPEcjs = require('./chunk-3VINTJPE.cjs');
 
 
 var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
@@ -74,73 +80,92 @@ var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
 
 
 
+var _chunkYNDH72VUcjs = require('./chunk-YNDH72VU.cjs');
 
 
-var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
+var _chunkCDBFQVPAcjs = require('./chunk-CDBFQVPA.cjs');
 
 
-var _chunkTF5D5MNOcjs = require('./chunk-TF5D5MNO.cjs');
 
 
-var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
+var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.cjs');
 
 
-var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
+var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
-// src/components/ui/card.tsx
-var _react = require('react');
+// src/components/ui/interactive-card.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 var _jsxruntime = require('react/jsx-runtime');
-var CARD_VARIANT_CLASS = {
-  default: "rounded-lg bg-card text-card-foreground shadow-sm",
-  panel: "rounded-md bg-ods-card text-ods-text-primary"
-};
-var Card = _react.forwardRef.call(void 0, 
-  ({ className, variant = "default", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      ref,
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
-        // `border` with NO color token resolves to `currentColor` — on a dark card
-        // with light text that paints a WHITE outline. Every ODS surface borders
-        // on `--color-border`; say so.
-        "border border-ods-border",
-        CARD_VARIANT_CLASS[variant],
-        className
-      ),
-      ...props
-    }
-  )
+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: _chunkN6YCOBLKcjs.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
+      }
+    );
+  }
 );
-Card.displayName = "Card";
-var CardHeader = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, "flex flex-col space-y-1.5 p-6", className), ...props }));
-CardHeader.displayName = "CardHeader";
-var CardTitle = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, "text-h2", className), ...props }));
-CardTitle.displayName = "CardTitle";
-var CardDescription = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, "text-muted-foreground text-h6", className), ...props }));
-CardDescription.displayName = "CardDescription";
-var CardContent = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, "p-6 pt-0", className), ...props }));
-CardContent.displayName = "CardContent";
-var CardFooter = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, "flex items-center p-6 pt-0", className), ...props }));
-CardFooter.displayName = "CardFooter";
-function CardHorizontal({ icon, title, description, className = "", borderLeft = true }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
-        "flex min-h-[80px] w-full flex-row items-center gap-3 bg-ods-card p-4 content-md:gap-4 content-md:p-6",
-        borderLeft ? "border-l border-ods-border" : "",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-5 flex-shrink-0", children: icon }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-col", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "mb-0.5 text-left text-ods-text-primary text-h6", children: title }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-left text-ods-text-secondary text-h6", children: description })
-        ] })
-      ]
-    }
-  );
-}
+InteractiveCard.displayName = "InteractiveCard";
 
 // src/components/ui/modal.tsx
 var _overlays = require('@react-aria/overlays');
@@ -165,25 +190,25 @@ var Modal = _react.forwardRef.call(void 0, ({ isOpen, onClose, children, classNa
       "div",
       {
         ref,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkN6YCOBLKcjs.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
         ),
         role: "dialog",
         "aria-modal": "true",
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFZFCRALcjs.ViewportBreakpoints, { children })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAQXKXZWBcjs.ViewportBreakpoints, { children })
       }
     )
   ] });
 });
 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: _chunkN6YCOBLKcjs.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: _chunkN6YCOBLKcjs.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: _chunkN6YCOBLKcjs.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: _chunkN6YCOBLKcjs.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
@@ -236,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,
+        _chunkCDBFQVPAcjs.Button,
         {
           variant: "transparent",
           size: "small-legacy",
@@ -246,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,
+        _chunkCDBFQVPAcjs.Button,
         {
           variant: "transparent",
           size: "small-legacy",
@@ -257,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,
+      _chunk3VINTJPEcjs.next_image_default,
       {
         src: images[selectedImageIndex],
         alt: `Screenshot ${selectedImageIndex + 1}`,
@@ -294,597 +319,12 @@ function ImageGalleryModal({ images, isOpen, onClose, initialIndex = 0 }) {
   ] }) });
 }
 
-// src/components/features/video.tsx
-
-
-
-
-
-
-
-
-
-
-
-var filePlayer = null;
-var filePlayerLoad = null;
-var filePlayerListeners = /* @__PURE__ */ new Set();
-function loadFilePlayer() {
-  if (filePlayer || filePlayerLoad) return;
-  filePlayerLoad = Promise.resolve().then(() => _interopRequireWildcard(require("./video-file-player-6ZFOZFER.cjs"))).then((module) => {
-    filePlayer = module.default;
-    for (const listener of filePlayerListeners) listener();
-  }).catch(() => void 0).finally(() => {
-    filePlayerLoad = null;
-  });
-}
-function subscribeToFilePlayer(listener) {
-  filePlayerListeners.add(listener);
-  loadFilePlayer();
-  return () => {
-    filePlayerListeners.delete(listener);
-  };
-}
-var loadedFilePlayer = () => filePlayer;
-var noFilePlayer = () => null;
-var PosterBox = _react.forwardRef.call(void 0, function PosterBoxView({ poster, className, priority, fill }, ref) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      ref,
-      "aria-hidden": "true",
-      className: _chunk65VVJSQZcjs.cn.call(void 0, "relative overflow-hidden", className),
-      style: fill ? { width: "100%", height: "100%" } : void 0,
-      children: poster ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE76ONBKFcjs.next_image_default, { src: poster, alt: "", fill: true, sizes: "100vw", priority, unoptimized: true, className: "object-cover" }) : null
-    }
-  );
-});
-function FilePlayerFallback({
-  poster,
-  className,
-  priority
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PosterBox, { poster, className, priority, fill: true });
-}
-function waitsForPlay(props) {
-  return !props.autoPlay && !props.autoPlayUnmuted && !props.playOnHover && props.playWhenHovered === void 0 && props.startTime === void 0 && !props.playerHandleRef && !props.chromeless;
-}
-function FilePlayer({
-  title,
-  priority,
-  ...props
-}) {
-  const [facade] = _react.useState.call(void 0, () => waitsForPlay(props));
-  const [pressed, setPressed] = _react.useState.call(void 0, false);
-  if (facade && !pressed) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "relative", props.className), style: { width: "100%", height: "100%" }, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilePlayerFallback, { poster: props.poster, className: "absolute inset-0", priority }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkTF5D5MNOcjs.Button,
-        {
-          type: "button",
-          variant: "glyph",
-          size: "wrap",
-          "aria-label": title ? `Play: ${title}` : "Play video",
-          onPointerEnter: loadFilePlayer,
-          onFocus: loadFilePlayer,
-          onTouchStart: loadFilePlayer,
-          onClick: () => {
-            loadFilePlayer();
-            setPressed(true);
-          },
-          className: "group absolute inset-0 rounded-none",
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkSETFUCZAcjs.VideoPlayBadge,
-            {
-              size: "lg",
-              className: "transition-transform duration-200 group-hover:scale-110 group-hover:text-ods-accent"
-            }
-          )
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadedFilePlayer, { ...props, priority, ...facade ? { autoPlayUnmuted: true } : {} });
-}
-function LoadedFilePlayer({ priority, ...props }) {
-  const arrived = _react.useSyncExternalStore.call(void 0, subscribeToFilePlayer, loadedFilePlayer, noFilePlayer);
-  if (arrived) return _react.createElement.call(void 0, arrived, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilePlayerFallback, { poster: props.poster, className: props.className, priority });
-}
-var YT_HOSTS = /* @__PURE__ */ new Set([
-  "youtube.com",
-  "www.youtube.com",
-  "m.youtube.com",
-  "youtu.be",
-  "youtube-nocookie.com",
-  "www.youtube-nocookie.com"
-]);
-function isYouTubeUrl(url) {
-  try {
-    return YT_HOSTS.has(new URL(url, "http://placeholder.local").hostname.toLowerCase());
-  } catch (e2) {
-    return false;
-  }
-}
-var YT_PATH_RE = /^\/(?:embed|v|shorts)\/([^/]+)\/?$/;
-var BARE_YT_ID_RE = /^[A-Za-z0-9_-]{11}$/;
-function extractYouTubeId(url) {
-  if (!url) return null;
-  if (BARE_YT_ID_RE.test(url)) return url;
-  let u;
-  try {
-    u = new URL(url, "http://placeholder.local");
-  } catch (e3) {
-    return null;
-  }
-  if (!YT_HOSTS.has(u.hostname.toLowerCase())) return null;
-  if (u.hostname.toLowerCase().endsWith("youtu.be")) {
-    return _nullishCoalesce(u.pathname.split("/").filter(Boolean)[0], () => ( null));
-  }
-  const v = u.searchParams.get("v");
-  if (v) return v;
-  const m = u.pathname.match(YT_PATH_RE);
-  return m ? m[1] : null;
-}
-function Video(props) {
-  const { ref: nearRef, isNear } = _chunkNTPX5GXIcjs.useNearViewport.call(void 0, );
-  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
-  const url = props.url;
-  const layout = _nullishCoalesce(props.layout, () => ( "native"));
-  if (loading && !url) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, VideoSkeleton, { layout, className: props.className });
-  if (!url) return null;
-  const effectiveKind = resolveKind(props, url);
-  if ((_nullishCoalesce(props.lazy, () => ( true))) && !isNear) {
-    return wrapWithLayout(
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        PosterBox,
-        {
-          ref: nearRef,
-          poster: props.poster,
-          className: props.className,
-          priority: "priority" in props ? props.priority : void 0
-        }
-      ),
-      layout
-    );
-  }
-  const inner = effectiveKind === "youtube" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    YouTubeFacade,
-    {
-      url,
-      title: props.title,
-      priority: props.priority,
-      className: props.className,
-      minimalControls: props.minimalControls,
-      muted: props.muted,
-      ..._chunkSETFUCZAcjs.pickYouTube.call(void 0, props)
-    }
-  ) : "firstFrameOnly" in props && props.firstFrameOnly ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    FirstFramePreview,
-    {
-      url,
-      poster: props.poster,
-      fit: "fit" in props ? props.fit : void 0,
-      className: props.className
-    }
-  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    FilePlayer,
-    {
-      url,
-      poster: props.poster,
-      title: props.title,
-      priority: props.priority,
-      muted: props.muted,
-      ..._chunkSETFUCZAcjs.pickFilePlayback.call(void 0, props),
-      className: props.className
-    }
-  );
-  return wrapWithLayout(inner, layout);
-}
-function resolveKind(props, url) {
-  if ("kind" in props) {
-    if (props.kind === "youtube") return "youtube";
-    if (props.kind === "file") return "file";
-  }
-  if (BARE_YT_ID_RE.test(url)) return "youtube";
-  return isYouTubeUrl(url) ? "youtube" : "file";
-}
-function VideoSkeleton({ layout = "native", className }) {
-  return wrapWithLayout(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { variant: "rectangular", className: _chunk65VVJSQZcjs.cn.call(void 0, "h-full w-full", className) }), layout);
-}
-function wrapWithLayout(inner, layout) {
-  switch (layout) {
-    case "centered":
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aspect-video w-full max-w-3xl overflow-hidden rounded-lg border border-ods-border", children: inner }) });
-    case "fill":
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 h-full w-full", children: inner });
-    case "wide":
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aspect-video w-full overflow-hidden rounded-lg bg-ods-bg", children: inner });
-    case "native":
-    default:
-      return inner;
-  }
-}
-function FirstFramePreview({
-  url,
-  poster,
-  fit,
-  className
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "aria-hidden": true,
-      className: "h-full w-full",
-      style: { "--media-background-color": "transparent" },
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilePlayer, { url: `${url}#t=0.1`, poster, fit, muted: true, chromeless: true, className })
-    }
-  );
-}
-function YouTubeFacade({
-  url,
-  title = "YouTube Video",
-  priority,
-  className,
-  minimalControls,
-  muted,
-  // `...facade` rather than naming each one: this hop is invisible to the
-  // build-time forwarding proof, so a prop added to VideoYouTubeFacadeProps
-  // would reach here and silently stop before Inner.
-  ...facade
-}) {
-  const videoId = extractYouTubeId(url);
-  if (!videoId) return null;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    YouTubeFacadeInner,
-    {
-      videoId,
-      title,
-      priority,
-      className,
-      minimalControls,
-      muted,
-      ...facade
-    }
-  );
-}
-var YT_NOCOOKIE_ORIGIN = "https://www.youtube-nocookie.com";
-var YT_POSTER_TIERS = ["maxresdefault", "mqdefault"];
-var YT_STATE_ENDED = 0;
-var YT_STATE_PLAYING = 1;
-var YT_PLAYING_BLUR_DELAY_MS = 1e3;
-function toYouTubeMessage(parsed) {
-  if (typeof parsed !== "object" || parsed === null) return null;
-  const event = "event" in parsed ? parsed.event : void 0;
-  const info = "info" in parsed ? parsed.info : void 0;
-  const playerState = typeof info === "object" && info !== null && "playerState" in info ? info.playerState : void 0;
-  return {
-    event: typeof event === "string" ? event : void 0,
-    info: { playerState: typeof playerState === "number" ? playerState : void 0 },
-    errorCode: typeof info === "number" ? info : void 0
-  };
-}
-function YouTubeFacadeInner({
-  videoId,
-  title,
-  priority,
-  className,
-  minimalControls,
-  muted,
-  autoActivate,
-  suspended
-}) {
-  const [activated, setActivated] = _react.useState.call(void 0, Boolean(autoActivate));
-  const [prevAutoActivate, setPrevAutoActivate] = _react.useState.call(void 0, Boolean(autoActivate));
-  if (Boolean(autoActivate) !== prevAutoActivate) {
-    setPrevAutoActivate(Boolean(autoActivate));
-    if (autoActivate) setActivated(true);
-  }
-  const [failed, setFailed] = _react.useState.call(void 0, false);
-  const [reloadNonce, setReloadNonce] = _react.useState.call(void 0, 0);
-  const iframeRef = _react.useRef.call(void 0, null);
-  const retry = _react.useCallback.call(void 0, () => {
-    setFailed(false);
-    setReloadNonce((n) => n + 1);
-  }, []);
-  const embedUrl = _react.useMemo.call(void 0, () => {
-    const params = new URLSearchParams({
-      autoplay: "1",
-      rel: "0",
-      modestbranding: "1",
-      playsinline: "1",
-      enablejsapi: "1"
-    });
-    if (muted) params.set("mute", "1");
-    if (typeof window !== "undefined") {
-      params.set("origin", window.location.origin);
-    }
-    if (minimalControls) {
-      params.set("controls", "0");
-      params.set("fs", "0");
-      params.set("iv_load_policy", "3");
-      params.set("cc_load_policy", "0");
-      params.set("disablekb", "1");
-    }
-    return `${YT_NOCOOKIE_ORIGIN}/embed/${videoId}?${params.toString()}`;
-  }, [videoId, minimalControls, muted]);
-  const [posterTier, setPosterTier] = _react.useState.call(void 0, 0);
-  const [posterTierFor, setPosterTierFor] = _react.useState.call(void 0, videoId);
-  if (posterTierFor !== videoId) {
-    setPosterTierFor(videoId);
-    setPosterTier(0);
-  }
-  const posterQuality = YT_POSTER_TIERS[posterTier];
-  const posterJpg = `https://i.ytimg.com/vi/${videoId}/${posterQuality}.jpg`;
-  const posterWebp = `https://i.ytimg.com/vi_webp/${videoId}/${posterQuality}.webp`;
-  const handlePosterError = () => setPosterTier((tier) => Math.min(tier + 1, YT_POSTER_TIERS.length - 1));
-  _react.useEffect.call(void 0, () => {
-    if (!activated || failed) return void 0;
-    const iframe = iframeRef.current;
-    if (!iframe) return void 0;
-    function subscribe() {
-      _optionalChain([iframe, 'optionalAccess', _2 => _2.contentWindow, 'optionalAccess', _3 => _3.postMessage, 'call', _4 => _4('{"event":"listening"}', YT_NOCOOKIE_ORIGIN)]);
-    }
-    iframe.addEventListener("load", subscribe);
-    subscribe();
-    let blurTimer = null;
-    function handleMessage(event) {
-      if (event.origin !== YT_NOCOOKIE_ORIGIN) return;
-      if (typeof event.data !== "string") return;
-      let payload = null;
-      try {
-        payload = toYouTubeMessage(JSON.parse(event.data));
-      } catch (e4) {
-        return;
-      }
-      if (!payload) return;
-      if (payload.event === "onError") {
-        setFailed(true);
-        _chunkSETFUCZAcjs.reportPlaybackFailure.call(void 0, { kind: "youtube", src: videoId, reason: "error", errorCode: payload.errorCode });
-        return;
-      }
-      if (payload.event !== "infoDelivery") return;
-      const state = _optionalChain([payload, 'access', _5 => _5.info, 'optionalAccess', _6 => _6.playerState]);
-      if (typeof state !== "number") return;
-      if (state === YT_STATE_PLAYING) {
-        if (blurTimer !== null) return;
-        blurTimer = setTimeout(() => {
-          blurTimer = null;
-          _optionalChain([iframeRef, 'access', _7 => _7.current, 'optionalAccess', _8 => _8.blur, 'call', _9 => _9()]);
-        }, YT_PLAYING_BLUR_DELAY_MS);
-        return;
-      }
-      if (state === YT_STATE_ENDED) {
-        setActivated(false);
-      }
-    }
-    window.addEventListener("message", handleMessage);
-    return () => {
-      iframe.removeEventListener("load", subscribe);
-      window.removeEventListener("message", handleMessage);
-      if (blurTimer !== null) clearTimeout(blurTimer);
-    };
-  }, [activated, failed, reloadNonce, videoId]);
-  const prevSuspendedRef = _react.useRef.call(void 0, false);
-  _react.useEffect.call(void 0, () => {
-    const wasSuspended = prevSuspendedRef.current;
-    prevSuspendedRef.current = Boolean(suspended);
-    if (!activated || Boolean(suspended) === wasSuspended) return;
-    _optionalChain([iframeRef, 'access', _10 => _10.current, 'optionalAccess', _11 => _11.contentWindow, 'optionalAccess', _12 => _12.postMessage, 'call', _13 => _13(
-      `{"event":"command","func":"${suspended ? "pauseVideo" : "playVideo"}","args":[]}`,
-      YT_NOCOOKIE_ORIGIN
-    )]);
-  }, [suspended, activated]);
-  const wrapperClass = `relative w-full ${_nullishCoalesce(className, () => ( ""))}`;
-  const wrapperStyle = { paddingBottom: "56.25%" };
-  if (activated && failed) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: wrapperClass, style: wrapperStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.VideoErrorOverlay, { onRetry: retry, watchOnYouTubeId: videoId }) });
-  }
-  if (activated) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: wrapperClass, style: wrapperStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "iframe",
-      {
-        ref: iframeRef,
-        src: embedUrl,
-        allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
-        allowFullScreen: true,
-        referrerPolicy: "strict-origin-when-cross-origin",
-        title,
-        className: "absolute inset-0 h-full w-full rounded-lg border-0"
-      },
-      reloadNonce
-    ) });
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: wrapperClass, style: wrapperStyle, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "button",
-    {
-      type: "button",
-      "aria-label": `Play: ${title}`,
-      onClick: () => setActivated(true),
-      className: "group absolute inset-0 m-0 cursor-pointer overflow-hidden rounded-lg border border-ods-border bg-ods-card p-0",
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "picture", { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "source", { type: "image/webp", srcSet: posterWebp }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "img",
-            {
-              src: posterJpg,
-              alt: title,
-              width: 1280,
-              height: 720,
-              loading: "lazy",
-              onError: handlePosterError,
-              ..._chunkE76ONBKFcjs.fetchPriorityProp.call(void 0, priority),
-              decoding: priority ? "sync" : "async",
-              className: "absolute inset-0 h-full w-full object-cover"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 flex items-center justify-center bg-ods-bg bg-opacity-20 transition-opacity duration-200 group-hover:bg-opacity-30", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkSETFUCZAcjs.VideoPlayBadge,
-          {
-            size: "lg",
-            className: "transition-transform duration-200 group-hover:scale-110 group-hover:text-ods-accent"
-          }
-        ) })
-      ]
-    }
-  ) });
-}
-
-// src/components/ui/status-badge.tsx
-var _classvarianceauthority = require('class-variance-authority');
-
-var statusBadgeVariants = _classvarianceauthority.cva.call(void 0, "inline-flex items-center justify-center rounded", {
-  variants: {
-    // Two densities, not one style at two paddings. Both are the ODS h5
-    // label treatment (Azeret Mono 500, uppercase, -0.02em); they differ in
-    // scale. Putting BOTH on `text-h5` is what regressed the stamp: at
-    // 14/20 on desktop every inline badge grew ~40% and its box doubled,
-    // because the caption line-height replaced `leading-none`.
-    variant: {
-      // Standalone badge — the ODS caption composite, unmodified.
-      card: "px-3 py-1.5 text-h5",
-      // Dense inline stamp. Family, weight and casing come from the SAME h5
-      // tokens as `card`; only the scale is set here, because ODS has no
-      // step below the 12/14px caption and this stamp is 10px by design.
-      button: "px-2 py-0.5 font-[family-name:var(--font-h5-family)] font-[number:var(--font-h5-weight)] uppercase tracking-[-0.02em] text-badge"
-    },
-    colorScheme: {
-      cyan: "bg-ods-flamingo-cyan text-ods-text-on-accent",
-      pink: "bg-ods-flamingo-pink text-ods-text-on-accent",
-      yellow: "border border-ods-border bg-ods-accent text-ods-text-on-accent",
-      green: "bg-ods-success text-ods-text-on-accent",
-      purple: "bg-ods-flamingo-pink text-ods-text-on-accent",
-      // Solid and soft ODS palette fills (`BADGE_PALETTE`): tokens only, no hex.
-      cyanSoft: "bg-ods-flamingo-cyan-secondary text-ods-flamingo-cyan",
-      pinkSoft: "bg-ods-flamingo-pink-secondary text-ods-flamingo-pink",
-      openYellow: "bg-ods-open-yellow text-ods-text-on-accent",
-      red: "bg-ods-error text-ods-text-on-accent",
-      success: "bg-ods-success-secondary text-ods-success",
-      error: "bg-ods-error-secondary text-ods-error",
-      warning: "bg-ods-warning-secondary text-ods-warning",
-      default: "bg-ods-bg-surface text-ods-text-primary",
-      // Border-only variants (no background) - for task type badges
-      accentBorder: "border-2 border-ods-accent bg-transparent text-ods-accent",
-      errorBorder: "border-2 border-ods-error bg-transparent text-ods-error",
-      whiteBorder: "border-2 border-ods-text-primary bg-transparent text-ods-text-primary"
-    }
-  },
-  defaultVariants: {
-    variant: "card",
-    colorScheme: "default"
-  }
-});
-function genBadgeBgOpacity(gen) {
-  if (gen <= 1) return 10;
-  if (gen === 2) return 7;
-  return Math.max(4 - (gen - 3), 2);
-}
-function generationTierFromLabel(label) {
-  const m = /(\d+)/.exec(_nullishCoalesce(label, () => ( "")));
-  const n = m ? parseInt(m[1], 10) : 1;
-  return Number.isFinite(n) && n > 0 ? n : 1;
-}
-function StatusBadgeSkeleton({ variant, className }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkXFRBEXQNcjs.UnifiedSkeleton,
-    {
-      as: "span",
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
-        statusBadgeVariants({ variant, colorScheme: null }),
-        "box-content h-[1lh] w-12 border-transparent",
-        className
-      )
-    }
-  );
-}
-function StatusBadge({ text, variant, colorScheme, className, singleLine, gen, style, ...props }) {
-  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
-  if (loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StatusBadgeSkeleton, { variant, className });
-  const genStyle = gen != null ? {
-    textTransform: "none",
-    color: "var(--ods-accent)",
-    backgroundColor: `color-mix(in srgb, var(--ods-accent) ${genBadgeBgOpacity(gen)}%, transparent)`
-  } : void 0;
-  const renderText = () => {
-    if (singleLine) return text;
-    if (variant === "button" && text.includes(" ")) {
-      const words = text.split(" ");
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex flex-col items-center justify-center gap-0 text-center", children: words.map((word, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block", children: word }, index)) });
-    }
-    return text;
-  };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "span",
-    {
-      className: _chunk65VVJSQZcjs.cn.call(void 0, statusBadgeVariants({ variant, colorScheme: gen != null ? void 0 : colorScheme }), className),
-      style: genStyle ? { ...genStyle, ...style } : style,
-      ...props,
-      children: renderText()
-    }
-  );
-}
-
-// src/components/icon-display.tsx
-
-function EntityIcon({
-  icon,
-  size = 20,
-  className
-}) {
-  const identity = _chunkR3JX4MXDcjs.useAgentIdentityIcon.call(void 0, _optionalChain([icon, 'optionalAccess', _14 => _14.url]) ? null : _optionalChain([icon, 'optionalAccess', _15 => _15.name]));
-  const held = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
-  if (held) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkXFRBEXQNcjs.UnifiedSkeleton,
-      {
-        as: "span",
-        width: size,
-        height: size,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, "inline-block shrink-0 rounded-md", className)
-      }
-    );
-  }
-  if (!_optionalChain([icon, 'optionalAccess', _16 => _16.url]) && _optionalChain([identity, 'optionalAccess', _17 => _17.url])) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkE76ONBKFcjs.next_image_default,
-      {
-        src: identity.url,
-        alt: "",
-        width: size,
-        height: size,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, _chunkR3JX4MXDcjs.AGENT_PICTURE_CLASS, className),
-        unoptimized: true
-      }
-    );
-  }
-  if (_optionalChain([icon, 'optionalAccess', _18 => _18.url])) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkE76ONBKFcjs.next_image_default,
-      {
-        src: icon.url,
-        alt: "",
-        width: size,
-        height: size,
-        className,
-        style: { objectFit: "contain" },
-        unoptimized: true
-      }
-    );
-  }
-  const Glyph = _chunk5P4TDV7Vcjs.resolveIcon.call(void 0, _nullishCoalesce(_nullishCoalesce(_optionalChain([identity, 'optionalAccess', _19 => _19.name]), () => ( _optionalChain([icon, 'optionalAccess', _20 => _20.name]))), () => ( void 0)));
-  const agentColor = identity ? { color: _chunkR3JX4MXDcjs.AGENT_GLYPH_COLOR } : {};
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Glyph, { size, className, ...agentColor, ..._nullishCoalesce(_optionalChain([identity, 'optionalAccess', _21 => _21.props]), () => ( {})), ..._nullishCoalesce(_optionalChain([icon, 'optionalAccess', _22 => _22.props]), () => ( {})) });
-}
-
 // src/utils/image-proxy.ts
 function getProxiedImageUrl(imageUrl, options) {
   if (!imageUrl) return null;
-  const proxyPrefix = _optionalChain([options, 'optionalAccess', _23 => _23.proxyPrefix]);
-  const skipDomains = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _24 => _24.skipDomains]), () => ( []));
-  const directHttps = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _25 => _25.directHttps]), () => ( false));
+  const proxyPrefix = _optionalChain([options, 'optionalAccess', _2 => _2.proxyPrefix]);
+  const skipDomains = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _3 => _3.skipDomains]), () => ( []));
+  const directHttps = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _4 => _4.directHttps]), () => ( false));
   if (proxyPrefix && imageUrl.includes(proxyPrefix)) {
     return imageUrl;
   }
@@ -907,7 +347,7 @@ function getProxiedImageUrl(imageUrl, options) {
 function urlPathLooksLikeSvg(imageUrl) {
   try {
     return /\.svg$/i.test(new URL(imageUrl).pathname);
-  } catch (e5) {
+  } catch (e2) {
     return /\.svg(\?|#|$)/i.test(imageUrl);
   }
 }
@@ -926,7 +366,7 @@ function skipsImageOptimizer(url) {
   try {
     const hostname = new URL(url.startsWith("//") ? `https:${url}` : url).hostname.toLowerCase();
     return hostname === "googleusercontent.com" || hostname.endsWith(".googleusercontent.com");
-  } catch (e6) {
+  } catch (e3) {
     return false;
   }
 }
@@ -935,11 +375,11 @@ function skipsImageOptimizer(url) {
 function useProxiedImageUrl(url, options) {
   const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
   if (!url) return "";
-  if (_optionalChain([options, 'optionalAccess', _26 => _26.proxyImageUrl])) return options.proxyImageUrl(url);
+  if (_optionalChain([options, 'optionalAccess', _5 => _5.proxyImageUrl])) return options.proxyImageUrl(url);
   return _nullishCoalesce(getProxiedImageUrl(url, {
-    proxyPrefix: _optionalChain([runtime, 'optionalAccess', _27 => _27.endpoints, 'access', _28 => _28.imageProxyUrlPrefix]),
-    skipDomains: _optionalChain([runtime, 'optionalAccess', _29 => _29.endpoints, 'access', _30 => _30.imageProxySkipDomains]),
-    directHttps: _nullishCoalesce(_optionalChain([options, 'optionalAccess', _31 => _31.directHttps]), () => ( true))
+    proxyPrefix: _optionalChain([runtime, 'optionalAccess', _6 => _6.endpoints, 'access', _7 => _7.imageProxyUrlPrefix]),
+    skipDomains: _optionalChain([runtime, 'optionalAccess', _8 => _8.endpoints, 'access', _9 => _9.imageProxySkipDomains]),
+    directHttps: _nullishCoalesce(_optionalChain([options, 'optionalAccess', _10 => _10.directHttps]), () => ( true))
   }), () => ( url));
 }
 
@@ -952,7 +392,7 @@ function escapeRegExp(value) {
 function formatDayHead(dateString, style) {
   const ymd = splitYmd(dateString);
   if (!ymd) return dateString;
-  return _chunkHY6BCZH7cjs.formatDateWithTimezone.call(void 0, ymd.join("-"), null, style) || dateString;
+  return _chunkAFJEUBDScjs.formatDateWithTimezone.call(void 0, ymd.join("-"), null, style) || dateString;
 }
 function splitYmd(dateString) {
   const head = dateString.split("T")[0];
@@ -1048,7 +488,7 @@ function getTaskTypeLabel(customItemId) {
 
 // src/components/chat/utils/agent-status-message.ts
 function getStatusColorScheme(status) {
-  const s = _optionalChain([status, 'optionalAccess', _32 => _32.toLowerCase, 'call', _33 => _33()]) || "";
+  const s = _optionalChain([status, 'optionalAccess', _11 => _11.toLowerCase, 'call', _12 => _12()]) || "";
   switch (status) {
     case "completed":
     case "success":
@@ -1078,14 +518,6 @@ function getStatusColorScheme(status) {
   return "default";
 }
 
-// src/components/chat/utils/is-cross-origin-url.ts
-function isCrossOriginUrl(url) {
-  if (!url) return false;
-  if (url.startsWith("#") || url.startsWith("?")) return false;
-  if (url.startsWith("/") && !url.startsWith("//")) return false;
-  return true;
-}
-
 // src/types/trust-center.ts
 var TRUST_FRAMEWORK_MONITORING = [
   { state: "monitored", label: "Monitored", color: "cyan", icon: "shield-check" },
@@ -1314,10 +746,10 @@ var MEDIA_TYPE = {
   VIDEO: "video"
 };
 function isVideoMedia(media) {
-  return _optionalChain([media, 'optionalAccess', _34 => _34.media_type]) === MEDIA_TYPE.VIDEO;
+  return _optionalChain([media, 'optionalAccess', _13 => _13.media_type]) === MEDIA_TYPE.VIDEO;
 }
 function isImageMedia(media) {
-  return _optionalChain([media, 'optionalAccess', _35 => _35.media_type]) === MEDIA_TYPE.IMAGE;
+  return _optionalChain([media, 'optionalAccess', _14 => _14.media_type]) === MEDIA_TYPE.IMAGE;
 }
 function isPublishableMediaType(mediaType) {
   return mediaType === MEDIA_TYPE.VIDEO || mediaType === MEDIA_TYPE.IMAGE;
@@ -1407,9 +839,9 @@ function programMetaFormatters(fmt, opts = {}) {
 
 // src/utils/program-meta-renderers.ts
 var PROGRAM_META_RENDERERS = {
-  date: _chunkHY6BCZH7cjs.formatProgramDate,
-  duration: _chunkHY6BCZH7cjs.formatDurationCompact,
-  webinarMeta: _chunkHY6BCZH7cjs.formatWebinarTimeMeta
+  date: _chunkAFJEUBDScjs.formatProgramDate,
+  duration: _chunkAFJEUBDScjs.formatDurationCompact,
+  webinarMeta: _chunkAFJEUBDScjs.formatWebinarTimeMeta
 };
 
 // src/components/chat/utils/chat-nav-resolution.ts
@@ -1422,7 +854,7 @@ function stripSameOriginToPath(href) {
   try {
     const u = new URL(href);
     return u.pathname + u.search + u.hash;
-  } catch (e7) {
+  } catch (e4) {
     return href;
   }
 }
@@ -1459,46 +891,6 @@ function resolveExternalNavigation(args) {
   return { href: abs, open };
 }
 
-// src/components/chat/utils/decide-new-tab.ts
-function decideNewTab(input) {
-  const { href, targetPlatform, openIn, alwaysNewTab, runtimeMode, currentSource } = input;
-  if (runtimeMode === "embed") return true;
-  if (openIn === "new-tab") return true;
-  if (alwaysNewTab === true) return true;
-  if (openIn === "same-tab") return false;
-  if (targetPlatform !== void 0 && targetPlatform !== null && currentSource) {
-    return targetPlatform !== currentSource;
-  }
-  if (!href) return false;
-  return isCrossOriginUrl(href);
-}
-
-// src/components/chat/utils/nav-anchor-props.ts
-function isSameOriginAbsoluteHref(href) {
-  if (typeof window === "undefined") return false;
-  if (!/^https?:\/\//i.test(href)) return false;
-  try {
-    return new URL(href).origin === new URL(window.location.href).origin;
-  } catch (e8) {
-    return false;
-  }
-}
-function computeIsNewTab(runtime, href, targetPlatform) {
-  if (!href) return false;
-  if (runtime.navigation.mode === "embed") return !isSameOriginAbsoluteHref(href);
-  return _nullishCoalesce(_optionalChain([runtime, 'access', _36 => _36.navigation, 'access', _37 => _37.decideNewTab, 'optionalCall', _38 => _38({ href, targetPlatform })]), () => ( decideNewTab({
-    href,
-    targetPlatform,
-    currentSource: _nullishCoalesce(runtime.source, () => ( ""))
-  })));
-}
-function newTabAnchorAttrs(isNewTab) {
-  return isNewTab ? { target: "_blank", rel: "noopener noreferrer" } : {};
-}
-function buildAnchorProps(href, isNewTab) {
-  return href ? { href, ...newTabAnchorAttrs(isNewTab) } : void 0;
-}
-
 // src/components/chat/entity-cards/entity-author-card.tsx
 
 var EMPTY_AUTHOR_PLACEHOLDER = {
@@ -1527,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 (_chunkN6YCOBLKcjs.useLoadingScope.call(void 0, )) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityMetadataValueCellSkeleton, { label, className });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.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: _chunkN6YCOBLKcjs.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, _chunkYNDH72VUcjs.TextLineSkeleton, { as: "span", type: "inherit", className: "w-24" }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: LABEL_TEXT_CLASS, children: label })
   ] }) });
 }
@@ -1543,19 +935,20 @@ function EntityMetadataAuthorCell({
   author,
   roleLabel = "Author",
   authorHref,
-  className
+  className,
+  loading: loadingProp
 }) {
-  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const loading = _chunkN6YCOBLKcjs.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: _chunkN6YCOBLKcjs.cn.call(void 0, AUTHOR_CELL_CLASS, className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHY6BCZH7cjs.SquareAvatar,
+      _chunkAFJEUBDScjs.SquareAvatar,
       {
         src: author.avatar_url || "",
         alt: fullName,
-        fallback: _chunkHY6BCZH7cjs.nameInitials.call(void 0, fullName, ""),
+        fallback: _chunkAFJEUBDScjs.nameInitials.call(void 0, fullName, ""),
         size: AUTHOR_AVATAR_SIZE,
         variant: "round"
       }
@@ -1567,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: _chunkN6YCOBLKcjs.cn.call(void 0, AUTHOR_CELL_CLASS, className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { variant: "circular", className: _chunkN6YCOBLKcjs.cn.call(void 0, "shrink-0", _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h3", className: "w-32" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h6", className: "w-20" })
     ] })
   ] });
 }
@@ -1582,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: _chunkN6YCOBLKcjs.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, {})
@@ -1596,9 +989,10 @@ function EntityAuthorCard({
   publishedLabel = "Published",
   extraCells,
   renderEmptyAuthor = false,
-  className
+  className,
+  loading: loadingProp
 }) {
-  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const loading = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || !!loadingProp;
   if (loading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       EntityAuthorCardSkeleton,
@@ -1610,15 +1004,15 @@ function EntityAuthorCard({
       }
     );
   }
-  const hasAuthor = !!_optionalChain([author, 'optionalAccess', _39 => _39.full_name]);
+  const hasAuthor = !!_optionalChain([author, 'optionalAccess', _15 => _15.full_name]);
   if (!hasAuthor && !renderEmptyAuthor) return null;
   const effectiveAuthor = hasAuthor ? author : EMPTY_AUTHOR_PLACEHOLDER;
-  const formatted = publishedAt ? _chunkHY6BCZH7cjs.formatDate.call(void 0, publishedAt) : "";
+  const formatted = publishedAt ? _chunkAFJEUBDScjs.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: _chunkN6YCOBLKcjs.cn.call(void 0, GRID_FRAME_CLASS, gridColsClass(totalCells), className), children: [
     extras.map((cell, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       EntityMetadataValueCell,
       {
@@ -1648,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,
+    _chunk3VINTJPEcjs.next_image_default,
     {
       src: imageUrl,
       alt: `Cover image for ${title}`,
@@ -1665,166 +1059,6 @@ function BlogImagePlaceholder({ imageUrl, title, className = "" }) {
   ) });
 }
 
-// src/components/chat/entity-cards/content-card-frame.tsx
-
-var CONTENT_CARD_FRAME_CLASS = _chunk65VVJSQZcjs.cn.call(void 0, 
-  "group isolate overflow-hidden rounded-2xl",
-  "border border-ods-border bg-transparent",
-  "transition-[border-color,box-shadow] duration-300 ease-out",
-  "hover:border-ods-accent hover:shadow-lg hover:shadow-ods-accent/[0.08]"
-);
-var CONTENT_CARD_SKELETON_FRAME_CLASS = "overflow-hidden rounded-2xl border border-ods-border bg-transparent";
-function ContentCardFrame({ as: Tag2 = "article", className, children, ...rest }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Tag2, { className: _chunk65VVJSQZcjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, Tag2 === "a" && "no-underline", className), ...rest, children });
-}
-
-// src/components/chat/entity-cards/use-cover-image-fallback.ts
-
-function useCoverImageFallback(imageUrl, placeholderUrl) {
-  const [failed, setFailed] = _react.useState.call(void 0, () => /* @__PURE__ */ new Set());
-  const src = imageUrl && !failed.has(imageUrl) ? imageUrl : placeholderUrl && !failed.has(placeholderUrl) ? placeholderUrl : null;
-  const onError = _react.useCallback.call(void 0, () => {
-    if (!src) return;
-    setFailed((prev) => new Set(prev).add(src));
-  }, [src]);
-  return { src, onError };
-}
-var hideOnError = (e) => {
-  const img = e.currentTarget;
-  img.style.display = "none";
-};
-
-// src/components/chat/entity-cards/entity-portrait-card.tsx
-
-
-var MIN_WIDE_RATIO = 1.3;
-var PORTRAIT_BODY = "flex h-full flex-col gap-6 p-6";
-var PORTRAIT_MEDIA = "relative flex aspect-[1200/630] w-full shrink-0 items-center justify-center overflow-hidden rounded-sm";
-var PORTRAIT_TITLE_ZONE = "flex h-[72px] shrink-0 flex-col justify-center gap-1.5";
-var PORTRAIT_TITLE_LEADING = "leading-6";
-var PORTRAIT_TITLE = _chunk65VVJSQZcjs.cn.call(void 0, "break-words text-ods-text-primary text-h4", PORTRAIT_TITLE_LEADING);
-var PORTRAIT_FOOTER = "flex h-[60px] shrink-0 items-center";
-var PORTRAIT_PERSON_ROW = "flex w-full min-w-0 items-center gap-3";
-var PORTRAIT_PERSON_TEXT = "flex min-w-0 flex-col";
-function EntityPortraitCard({
-  href,
-  target,
-  rel,
-  typeLabel,
-  imageUrl,
-  placeholderUrl,
-  imageAlt,
-  title,
-  titleClassName,
-  person,
-  priority,
-  className
-}) {
-  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
-  const { src, onError: onMediaError } = useCoverImageFallback(imageUrl, placeholderUrl);
-  const [measured, setMeasured] = _react.useState.call(void 0, null);
-  const isWide = _optionalChain([measured, 'optionalAccess', _40 => _40.src]) === src ? measured.isWide : null;
-  const onMediaLoad = (e) => {
-    const img = e.currentTarget;
-    if (img.naturalWidth > 0 && img.naturalHeight > 0) {
-      setMeasured({ src, isWide: img.naturalWidth / img.naturalHeight >= MIN_WIDE_RATIO });
-    }
-  };
-  const edgeColor = _chunk3LW5TD54cjs.useImageEdgeColor.call(void 0, isWide === false ? src : null, "var(--color-bg-surface)");
-  if (loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityPortraitCardSkeleton, { typeLabel, 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, Card, { className: _chunk65VVJSQZcjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, PORTRAIT_BODY), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        className: _chunk65VVJSQZcjs.cn.call(void 0, PORTRAIT_MEDIA, "bg-ods-bg transition-colors duration-300"),
-        style: isWide === false ? { backgroundColor: edgeColor } : void 0,
-        children: src && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkE76ONBKFcjs.next_image_default,
-          {
-            src,
-            alt: imageAlt,
-            className: _chunk65VVJSQZcjs.cn.call(void 0, "h-full w-full", isWide === false ? "object-contain" : "object-cover"),
-            sizes: "(min-width: 800px) 400px, 100vw",
-            fill: true,
-            priority,
-            unoptimized: true,
-            onLoad: onMediaLoad,
-            onError: onMediaError
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: PORTRAIT_TITLE_ZONE, children: [
-      typeLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        StatusBadge,
-        {
-          variant: "button",
-          colorScheme: "accentBorder",
-          singleLine: true,
-          text: typeLabel,
-          className: "self-start"
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: _chunk65VVJSQZcjs.cn.call(void 0, PORTRAIT_TITLE, typeLabel ? "line-clamp-2" : "line-clamp-3", titleClassName), children: title })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: PORTRAIT_FOOTER, children: person && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: PORTRAIT_PERSON_ROW, children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative h-12 w-12 shrink-0", children: [
-        person.avatarUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkE76ONBKFcjs.next_image_default,
-          {
-            src: person.avatarUrl,
-            alt: person.name,
-            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: person.name.charAt(0).toUpperCase() }) }),
-        person.iconOverlayUrl && /* @__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,
-          {
-            src: person.iconOverlayUrl,
-            alt: "",
-            className: "h-full w-full object-cover",
-            width: 24,
-            height: 24,
-            unoptimized: true
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: PORTRAIT_PERSON_TEXT, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate font-bold text-ods-text-primary text-h6", children: person.name }),
-        person.subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-text-secondary text-h6", children: person.subtitle })
-      ] })
-    ] }) })
-  ] }) });
-}
-function EntityPortraitCardSkeleton({ typeLabel, 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, Card, { className: _chunk65VVJSQZcjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, PORTRAIT_BODY), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: _chunk65VVJSQZcjs.cn.call(void 0, PORTRAIT_MEDIA, "rounded-sm") }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: PORTRAIT_TITLE_ZONE, children: [
-      typeLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        StatusBadge,
-        {
-          variant: "button",
-          colorScheme: "accentBorder",
-          singleLine: true,
-          text: typeLabel,
-          className: "self-start"
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h4", lines: typeLabel ? 2 : 3, className: _chunk65VVJSQZcjs.cn.call(void 0, "w-full", PORTRAIT_TITLE_LEADING) })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: PORTRAIT_FOOTER, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: PORTRAIT_PERSON_ROW, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.MediaSkeleton.Avatar, { size: "md", className: "shrink-0" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, PORTRAIT_PERSON_TEXT, "gap-0"), children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "w-32" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "w-24" })
-      ] })
-    ] }) })
-  ] }) });
-}
-
 // src/components/features/platform-badge.tsx
 
 var sizeClasses = {
@@ -1845,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 = _chunkN6YCOBLKcjs.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 = _chunk5P4TDV7Vcjs.getPlatformBrandClasses.call(void 0, platform.name);
+  const colors = _chunkIYU2ZH2Jcjs.getPlatformBrandClasses.call(void 0, platform.name);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
         PLATFORM_BADGE_FRAME_CLASS,
         sizes.container,
         colors.accentBgSoft,
@@ -1867,7 +1102,7 @@ function PlatformBadge({ platform, size = "sm", showLabel = true, className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5P4TDV7Vcjs.PlatformMark, { platform: platform.name, className: sizes.icon }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIYU2ZH2Jcjs.PlatformMark, { platform: platform.name, className: sizes.icon }),
         showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: sizes.text, children: platform.display_name || platform.name })
       ]
     }
@@ -1885,10 +1120,10 @@ function PlatformBadgeSkeleton({
 }) {
   const box = PLATFORM_BADGE_SKELETON_SIZE[size];
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkXFRBEXQNcjs.UnifiedSkeleton,
+    _chunkYNDH72VUcjs.UnifiedSkeleton,
     {
       as: "span",
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
         "inline-block rounded-full align-middle text-h6",
         box.height,
         showLabel ? box.width : box.iconOnly,
@@ -1902,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 ${_chunkYNDH72VUcjs.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";
@@ -1920,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 = _chunkDJTPDK3Wcjs.useImageEdgeColor.call(void 0, displayUrl || null, "transparent");
+  const inScope = _chunkN6YCOBLKcjs.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, CONTENT_CARD_FRAME_CLASS, ADMIN_CARD_FRAME, className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "article", { className: _chunkN6YCOBLKcjs.cn.call(void 0, _chunkJQWYXC2Ecjs.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, _chunkYNDH72VUcjs.UnifiedSkeleton, { className: "absolute inset-0 h-full rounded-none" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkE76ONBKFcjs.next_image_default,
+        _chunk3VINTJPEcjs.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: _chunkN6YCOBLKcjs.cn.call(void 0, 
             "object-contain object-center",
             "transition-transform duration-500 ease-out",
             "group-hover:scale-[1.03]",
@@ -1953,11 +1190,11 @@ 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', _41 => _41.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: [
-        _optionalChain([platforms, 'optionalAccess', _42 => _42.map, 'call', _43 => _43((p) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: _chunkN6YCOBLKcjs.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: _chunkN6YCOBLKcjs.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: _chunkN6YCOBLKcjs.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: _chunkN6YCOBLKcjs.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,
           {
             platform: { id: p.id || p.platform_id || "", name: p.name, display_name: p.display_name || p.name },
@@ -1967,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: _chunkN6YCOBLKcjs.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 })
     ] })
   ] });
@@ -1977,22 +1214,22 @@ function AdminContentCardSkeleton({
   actions = true,
   subtitleRow = true
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, 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: _chunkN6YCOBLKcjs.cn.call(void 0, _chunkJQWYXC2Ecjs.CONTENT_CARD_SKELETON_FRAME_CLASS, ADMIN_CARD_FRAME, className), "aria-hidden": true, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { className: _chunkN6YCOBLKcjs.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, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h3", lines: 2, className: "w-full" }),
+      subtitleRow && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h6", className: "w-1/2" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h6", lines: 2, className: "w-full" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.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, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.InteractiveSkeleton.Button, { size: "small-legacy", className: "w-20" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.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.
@@ -2039,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 = _chunk5P4TDV7Vcjs.getPlatformBrandClasses.call(void 0, platform);
+  const classes = _chunkIYU2ZH2Jcjs.getPlatformBrandClasses.call(void 0, platform);
   return tone === "secondary" ? classes.secondaryText : classes.accentText;
 }
 function accentSentenceMarks(node, platform, tone = "accent") {
@@ -2103,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";
@@ -2153,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, _chunkYNDH72VUcjs.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,
+        _chunkYNDH72VUcjs.TextLineSkeleton,
         {
           type: "inherit",
           className: i === introLines - 1 && introLines > 1 ? "w-2/3" : "w-full"
@@ -2179,135 +1433,14 @@ function SectionHeadingSkeleton({
   );
 }
 
-// src/components/features/video-bites-shared.ts
-var DEFAULT_VIDEO_BITES_TITLE = "Key Moments";
-function toStripProfile(p, fallbackSubtitle) {
-  if (!_optionalChain([p, 'optionalAccess', _44 => _44.full_name])) return null;
-  return {
-    name: p.full_name,
-    avatarUrl: _nullishCoalesce(p.avatar_url, () => ( null)),
-    subtitle: _nullishCoalesce(_nullishCoalesce(p.job_title, () => ( fallbackSubtitle)), () => ( null))
-  };
-}
-function sortBitesByCreatedAtDesc(a, b) {
-  if (!a.created_at && !b.created_at) return 0;
-  if (!a.created_at) return 1;
-  if (!b.created_at) return -1;
-  return new Date(b.created_at).getTime() - new Date(a.created_at).getTime();
-}
-function sortBitesByFeaturedAtDesc(a, b) {
-  if (!a.featured_at && !b.featured_at) return 0;
-  if (!a.featured_at) return 1;
-  if (!b.featured_at) return -1;
-  return new Date(b.featured_at).getTime() - new Date(a.featured_at).getTime();
-}
-function programItemToStripProfile(item) {
-  const fromAuthor = toStripProfile(item.author);
-  if (fromAuthor) return fromAuthor;
-  const host = _nullishCoalesce(_optionalChain([item, 'access', _45 => _45.hosts, 'optionalAccess', _46 => _46[0]]), () => ( null));
-  if (!_optionalChain([host, 'optionalAccess', _47 => _47.name])) return null;
-  return toStripProfile({ full_name: host.name, avatar_url: _nullishCoalesce(host.avatar_url, () => ( null)) });
-}
+// src/components/shared/product-release/product-release-card.tsx
 
-// src/components/features/video-hover-preview.tsx
-
-
-function VideoHoverPreviewSurface({
-  url,
-  posterUrl = null,
-  active,
-  playerMounted,
-  isClone = false,
-  badge = "play",
-  fit,
-  posterSizes = "234px",
-  posterInView = false,
-  preload,
-  hideMutedBadge,
-  onMutedFallbackChange,
-  previewHandleRef,
-  mutedIntent = false,
-  continuation = false,
-  startTime,
-  autoPlay = false,
-  startMuted = false,
-  onEnded,
-  className
-}) {
-  const previewUrl = _chunkSETFUCZAcjs.toMuxPreviewUrl.call(void 0, url);
-  const gateControlled = playerMounted !== void 0;
-  const rootElRef = _react.useRef.call(void 0, null);
-  const [isNear, setIsNear] = _react.useState.call(void 0, false);
-  _react.useEffect.call(void 0, () => {
-    if (gateControlled) return void 0;
-    const el = rootElRef.current;
-    if (!el || typeof IntersectionObserver === "undefined") return void 0;
-    const io = new IntersectionObserver((entries) => setIsNear(_nullishCoalesce(_optionalChain([entries, 'access', _48 => _48[0], 'optionalAccess', _49 => _49.isIntersecting]), () => ( false))), {
-      rootMargin: _chunkNTPX5GXIcjs.NEAR_VIEWPORT_ROOT_MARGIN
-    });
-    io.observe(el);
-    return () => io.disconnect();
-  }, [gateControlled]);
-  const showMedia = continuation || (gateControlled ? playerMounted : isNear);
-  const [engaged, setEngaged] = _react.useState.call(void 0, false);
-  if ((active || continuation) && !engaged) setEngaged(true);
-  const showPlayer = continuation || engaged;
-  const { src: posterSrc, onError: onPosterError } = useCoverImageFallback(posterUrl);
-  const facadeSkipped = preload === "none" && !posterSrc;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: rootElRef, className: _chunk65VVJSQZcjs.cn.call(void 0, "absolute inset-0", className), inert: isClone || void 0, children: showMedia ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    posterSrc ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkE76ONBKFcjs.next_image_default,
-      {
-        src: posterSrc,
-        alt: "",
-        fill: true,
-        sizes: posterSizes,
-        loading: posterInView ? "eager" : "lazy",
-        unoptimized: true,
-        onError: onPosterError,
-        className: "object-cover"
-      }
-    ) : facadeSkipped ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-ods-card" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Video, { kind: "file", url: previewUrl, firstFrameOnly: true, layout: "fill", fit }),
-    badge === "play" && !active && !continuation && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.VideoPlayBadge, { className: "absolute inset-0 z-10 m-auto" }),
-    showPlayer ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        className: "absolute inset-0",
-        style: { "--media-background-color": "transparent" },
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          Video,
-          {
-            kind: "file",
-            url: previewUrl,
-            poster: posterUrl,
-            ...continuation ? {
-              startTime,
-              autoPlay: autoPlay && startMuted,
-              startMuted,
-              autoPlayUnmuted: autoPlay && !startMuted
-            } : { playWhenHovered: active },
-            chromeless: true,
-            layout: "fill",
-            fit,
-            preload,
-            mutedIntent,
-            hideMutedBadge,
-            onMutedFallbackChange,
-            onEnded,
-            playerHandleRef: previewHandleRef
-          },
-          continuation ? "continuation" : "preview"
-        )
-      }
-    ) : null
-  ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-ods-card" }) });
-}
 
 // 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 ${_chunkYNDH72VUcjs.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";
@@ -2327,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, CONTENT_CARD_SKELETON_FRAME_CLASS, RELEASE_CARD_LG_FRAME_CLASS, className), "aria-hidden": true, children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, _chunkJQWYXC2Ecjs.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, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.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: _chunkN6YCOBLKcjs.cn.call(void 0, RELEASE_CARD_TITLE_CLASS, "w-full"), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.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, 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: _chunkN6YCOBLKcjs.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, _chunkJQWYXC2Ecjs.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, _chunkYNDH72VUcjs.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 })
       ] })
     ] });
   }
@@ -2350,20 +1483,20 @@ function ProductReleaseCardSkeleton({ className, size = "lg" }) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "span",
       {
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkN6YCOBLKcjs.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, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-3/5 rounded" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-11/12 rounded" }) })
           ] })
         ]
       }
@@ -2372,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 (_chunkN6YCOBLKcjs.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 = _chunkN6YCOBLKcjs.cn.call(void 0, 
+      interactive ? _chunkJQWYXC2Ecjs.CONTENT_CARD_FRAME_CLASS : _chunkJQWYXC2Ecjs.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: _chunkN6YCOBLKcjs.cn.call(void 0, RELEASE_CARD_COVER_BOX_CLASS, "bg-ods-bg"), children: [
+          coverImage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunk3VINTJPEcjs.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, _chunkHTSRCFXPcjs.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: _chunkN6YCOBLKcjs.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, 
+            _chunkJQWYXC2Ecjs.StatusBadge,
+            {
+              text: cell.value,
+              variant: "card",
+              colorScheme: cell.colorScheme,
+              singleLine: true,
+              className: "justify-self-start"
+            }
+          ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "p",
+            {
+              className: _chunkN6YCOBLKcjs.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, 
+            _chunkAFJEUBDScjs.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 = _chunkN6YCOBLKcjs.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, _chunk3VINTJPEcjs.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, _chunkHTSRCFXPcjs.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);
@@ -2414,146 +1770,26 @@ function buildProductReleaseCardProps(item) {
       job_title: release.author.job_title
     } : void 0,
     changelogCounts: {
-      features: _nullishCoalesce(_optionalChain([release, 'access', _50 => _50.features_added, 'optionalAccess', _51 => _51.length]), () => ( 0)),
-      fixes: _nullishCoalesce(_optionalChain([release, 'access', _52 => _52.bugs_fixed, 'optionalAccess', _53 => _53.length]), () => ( 0)),
-      improvements: _nullishCoalesce(_optionalChain([release, 'access', _54 => _54.improvements, 'optionalAccess', _55 => _55.length]), () => ( 0)),
-      breaking: _nullishCoalesce(_optionalChain([release, 'access', _56 => _56.breaking_changes, 'optionalAccess', _57 => _57.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))
     }
   };
 }
 
-// src/utils/url-safety.ts
-var UNSAFE_URL_CHARS = /[\u0000-\u001f\u007f\u200b-\u200d\u2028\u2029\ufeff]/;
-var SAME_ORIGIN_PROBE = "https://_sameorigin_.invalid";
-function isSameOriginPath(candidate) {
-  try {
-    return new URL(candidate, SAME_ORIGIN_PROBE).origin === SAME_ORIGIN_PROBE;
-  } catch (e9) {
-    return false;
-  }
-}
-
-// src/components/chat/utils/compact-card-classes.ts
-var COMPACT_CARD_OUTER = "my-1.5 flex items-start gap-3 w-full p-2 rounded-lg border border-ods-border bg-ods-card no-underline transition-colors hover:border-ods-text-secondary/40";
-var COMPACT_CARD_OUTER_STATIC = "my-1.5 flex items-start gap-3 w-full p-2 rounded-lg border border-ods-border bg-ods-card no-underline cursor-default";
-var COMPACT_CARD_SKELETON_OUTER = "my-1.5 flex w-full items-start gap-3 rounded-lg border border-ods-border bg-ods-card p-2";
-var COMPACT_CARD_IMAGE_SLOT = "relative block shrink-0 self-start w-14 h-14 aspect-square overflow-hidden rounded-md bg-ods-bg";
-var COMPACT_CARD_SKELETON_IMAGE_SLOT = `block ${_chunkXFRBEXQNcjs.TILE_SIZE.thumb} ${_chunkXFRBEXQNcjs.MEDIA_ASPECT.square} shrink-0 self-start rounded-md`;
-var COMPACT_CARD_ICON_SLOT = "flex h-14 w-14 aspect-square shrink-0 self-start items-center justify-center rounded-md bg-ods-bg text-ods-accent";
-var COMPACT_CARD_TEXT_COL = "flex min-w-0 flex-1 flex-col gap-0.5 min-h-14";
-var COMPACT_CARD_TITLE_ROW = "flex items-center min-w-0 h-5";
-var COMPACT_CARD_META_ROW_BOX = "flex items-center min-w-0 h-4";
-var COMPACT_CARD_TITLE_TYPE = "text-sm font-semibold leading-5";
-var COMPACT_CARD_TITLE = `truncate ${COMPACT_CARD_TITLE_TYPE} text-ods-text-primary`;
-var COMPACT_CARD_TITLE_WRAP_ROW = "flex min-w-0 flex-wrap items-center gap-1.5";
-var COMPACT_CARD_TRAILING_ICON = "flex h-5 shrink-0 items-center self-start text-ods-text-secondary";
-var COMPACT_CARD_SUBTITLE = "truncate text-h6 text-ods-text-secondary";
-var COMPACT_CARD_SUMMARY = "truncate text-h6 text-ods-text-secondary/80";
-var COMPACT_CARD_META_ROW = "flex items-center gap-1.5 min-w-0 text-h6 text-ods-text-secondary";
-var COMPACT_CARD_ROW_FILLER = "\xA0";
-var SAFE_URL_SCHEMES = ["http:", "https:", "mailto:"];
-function safeHref(url) {
-  if (!url) return null;
-  if (UNSAFE_URL_CHARS.test(url)) return null;
-  const trimmed = url.trim();
-  if (!trimmed) return null;
-  if (trimmed.startsWith("/")) return isSameOriginPath(trimmed) ? trimmed : null;
-  if (trimmed.startsWith("#")) return trimmed;
-  if (/^[a-z][a-z0-9+.-]*:$/i.test(trimmed)) return null;
-  try {
-    const parsed = new URL(trimmed, "https://_safehref_base.invalid");
-    if (!SAFE_URL_SCHEMES.includes(parsed.protocol)) return null;
-    if ((parsed.protocol === "https:" || parsed.protocol === "http:") && !parsed.hostname) return null;
-    return trimmed;
-  } catch (e10) {
-    return null;
-  }
-}
-
 // src/components/chat/entity-cards/blog-card.tsx
 
 
-// src/components/chat/utils/compact-card-skeleton.tsx
-
-
-var DEFAULT_ROWS = [{ width: "w-2/5" }, { width: "w-11/12" }];
-function CompactCardSkeleton({
-  slot = true,
-  slotClassName,
-  titleWidth = "w-3/5",
-  titleBadges = [],
-  rows = DEFAULT_ROWS,
-  trailingIcon = false,
-  className
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, COMPACT_CARD_SKELETON_OUTER, className), "aria-hidden": true, children: [
-    slot && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { as: "span", className: _nullishCoalesce(slotClassName, () => ( COMPACT_CARD_SKELETON_IMAGE_SLOT)) }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_TEXT_COL, children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: titleBadges.length > 0 ? COMPACT_CARD_TITLE_WRAP_ROW : COMPACT_CARD_TITLE_ROW, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { as: "span", type: "inherit", className: _chunk65VVJSQZcjs.cn.call(void 0, COMPACT_CARD_TITLE_TYPE, titleWidth) }),
-        titleBadges.map((width, i) => (
-          // The compact cards' title badges are `StatusBadge variant="button"` stamps: their own skeleton.
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StatusBadgeSkeleton, { variant: "button", className: _chunk65VVJSQZcjs.cn.call(void 0, "shrink-0", width) }, i)
-        ))
-      ] }),
-      rows.map(
-        (row, i) => (_nullishCoalesce(row.lines, () => ( 1))) > 1 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { as: "span", type: "h6", lines: row.lines, className: row.width }, i) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, COMPACT_CARD_META_ROW_BOX, row.after ? "gap-2" : void 0), children: [
-          row.width && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { as: "span", type: "h6", className: row.width }),
-          row.after
-        ] }, i)
-      )
-    ] }),
-    trailingIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_TRAILING_ICON, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "h-3.5 w-3.5" }) })
-  ] });
-}
-function ActivityRowSkeleton({
-  lead,
-  trailingWidths,
-  className
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex min-w-0 items-center gap-3", className), children: [
-    lead,
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-3 w-2/3 flex-1 rounded" }),
-    trailingWidths.map((width, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: _chunk65VVJSQZcjs.cn.call(void 0, "h-3 shrink-0 rounded", width) }, i))
-  ] });
-}
-
-// src/components/chat/entity-cards/use-entity-card-link.ts
-
-function useEntityCardLink({ href, targetPlatform, target, rel }) {
-  const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
-  return _react.useMemo.call(void 0, () => {
-    if (target !== void 0 || rel !== void 0) {
-      const safeRel = _nullishCoalesce(rel, () => ( (target === "_blank" ? "noopener noreferrer" : void 0)));
-      return { target, rel: safeRel };
-    }
-    const newTab = runtime ? computeIsNewTab(runtime, href, _nullishCoalesce(targetPlatform, () => ( null))) : false;
-    return newTab ? { target: "_blank", rel: "noopener noreferrer" } : { target: void 0, rel: void 0 };
-  }, [target, rel, href, targetPlatform, runtime]);
-}
-
-// src/components/chat/entity-cards/use-entity-card-placeholder.ts
-function useEntityCardPlaceholder({
-  title,
-  placeholderUrl,
-  siteName = "",
-  aspect = "wide"
-}) {
-  const derived = _chunk3LW5TD54cjs.useOgPlaceholderUrl.call(void 0, { title, siteName, aspect });
-  return placeholderUrl !== void 0 ? placeholderUrl : derived;
-}
-
-// src/components/chat/entity-cards/blog-card.tsx
-
 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 ${_chunkYNDH72VUcjs.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 ${_chunkYNDH72VUcjs.TEXT_LINES_MIN[2]}`;
+var BLOG_CARD_SUMMARY_ROW = `mb-3 flex items-center text-h6 ${_chunkYNDH72VUcjs.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 = `${_chunkYNDH72VUcjs.AVATAR_SIZE.sm} shrink-0 rounded-full object-cover`;
 var BLOG_POST_TYPE_LABEL = "Blog Post";
 function BlogCardSkeleton({
   size = "default",
@@ -2561,30 +1797,46 @@ function BlogCardSkeleton({
   className
 }) {
   if (size === "portrait") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityPortraitCardSkeleton, { typeLabel: showTypeBadge ? BLOG_POST_TYPE_LABEL : void 0, className });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkJQWYXC2Ecjs.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, CompactCardSkeleton, { className });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJQWYXC2Ecjs.CompactCardSkeleton, { className });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "article", { className: _chunk65VVJSQZcjs.cn.call(void 0, 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: _chunkN6YCOBLKcjs.cn.call(void 0, _chunkJQWYXC2Ecjs.CONTENT_CARD_SKELETON_FRAME_CLASS, BLOG_CARD_FRAME, className), "aria-hidden": true, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { className: _chunkN6YCOBLKcjs.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, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.MediaSkeleton.Avatar, { size: "sm", className: BLOG_CARD_AVATAR }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h6", className: "w-8" })
         ] })
       ] })
     ] })
   ] });
 }
-function BlogCard({
+function BlogCard(props) {
+  if (_chunkN6YCOBLKcjs.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,
@@ -2597,25 +1849,24 @@ function BlogCard({
   hasEmbeddedVideo = false,
   priority = false
 }) {
-  const { target, rel } = useEntityCardLink({
+  const { target, rel } = _chunkJQWYXC2Ecjs.useEntityCardLink.call(void 0, {
     href,
     targetPlatform,
     target: targetProp,
     rel: relProp
   });
-  const placeholderUrl = useEntityCardPlaceholder({
+  const placeholderUrl = _chunkJQWYXC2Ecjs.useEntityCardPlaceholder.call(void 0, {
     title: post.title,
     placeholderUrl: placeholderUrlProp,
     aspect: size === "sm" ? "square" : "wide"
   });
-  const { src: displayImage, onError: onImageError } = useCoverImageFallback(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 } = _chunkJQWYXC2Ecjs.useCoverImageFallback.call(void 0, post.featured_image, placeholderUrl);
   if (size === "sm") {
-    const dateStr2 = post.published_at ? _chunkHY6BCZH7cjs.formatDateWithTimezone.call(void 0, post.published_at, null, "medium") : "";
-    const firstCategory = _optionalChain([post, 'access', _58 => _58.categories, 'optionalAccess', _59 => _59.find, 'call', _60 => _60((c) => c && c.name), 'optionalAccess', _61 => _61.name]);
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunk65VVJSQZcjs.cn.call(void 0, COMPACT_CARD_OUTER, className), children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_IMAGE_SLOT, children: displayImage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkE76ONBKFcjs.next_image_default,
+    const dateStr2 = post.published_at ? _chunkAFJEUBDScjs.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: _chunkN6YCOBLKcjs.cn.call(void 0, _chunkJQWYXC2Ecjs.COMPACT_CARD_OUTER, className), children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_IMAGE_SLOT, children: displayImage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunk3VINTJPEcjs.next_image_default,
         {
           src: displayImage,
           alt: post.title,
@@ -2626,24 +1877,24 @@ function BlogCard({
           onError: onImageError
         }
       ) : null }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, COMPACT_CARD_TITLE_ROW, "gap-1.5"), children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, COMPACT_CARD_TITLE, "font-body"), children: post.title }),
-          hasEmbeddedVideo ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StatusBadge, { text: "Video", variant: "button", colorScheme: "cyan", className: "shrink-0" }) : null
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_TEXT_COL, children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkN6YCOBLKcjs.cn.call(void 0, _chunkJQWYXC2Ecjs.COMPACT_CARD_TITLE_ROW, "gap-1.5"), children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkN6YCOBLKcjs.cn.call(void 0, _chunkJQWYXC2Ecjs.COMPACT_CARD_TITLE, "font-body"), children: post.title }),
+          hasEmbeddedVideo ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJQWYXC2Ecjs.StatusBadge, { text: "Video", variant: "button", colorScheme: "cyan", className: "shrink-0" }) : null
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_SUBTITLE, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_SUBTITLE, children: [
           dateStr2,
           dateStr2 && firstCategory ? " \xB7 " : "",
           _nullishCoalesce(firstCategory, () => ( "Blog Post"))
         ] }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_SUMMARY, children: post.summary || COMPACT_CARD_ROW_FILLER }) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_SUMMARY, children: post.summary || _chunkJQWYXC2Ecjs.COMPACT_CARD_ROW_FILLER }) })
       ] })
     ] });
   }
   if (size === "portrait") {
-    const dateStr2 = post.published_at ? _chunkHY6BCZH7cjs.formatDateWithTimezone.call(void 0, post.published_at, null, "medium") : "";
+    const dateStr2 = post.published_at ? _chunkAFJEUBDScjs.formatDateWithTimezone.call(void 0, post.published_at, null, "medium") : "";
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      EntityPortraitCard,
+      _chunkJQWYXC2Ecjs.EntityPortraitCard,
       {
         href,
         target,
@@ -2662,17 +1913,17 @@ function BlogCard({
       }
     );
   }
-  const dateStr = post.published_at ? _chunkHY6BCZH7cjs.formatDateWithTimezone.call(void 0, post.published_at, null, "medium") : "";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "article", { className: _chunk65VVJSQZcjs.cn.call(void 0, 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 ? _chunkAFJEUBDScjs.formatDateWithTimezone.call(void 0, post.published_at, null, "medium") : "";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "article", { className: _chunkN6YCOBLKcjs.cn.call(void 0, _chunkJQWYXC2Ecjs.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: _chunkN6YCOBLKcjs.cn.call(void 0, BLOG_CARD_COVER, "bg-ods-bg"), children: displayImage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk3VINTJPEcjs.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: _chunkN6YCOBLKcjs.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
@@ -2682,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: _chunkN6YCOBLKcjs.cn.call(void 0, 
             "text-ods-text-primary text-h3",
             "line-clamp-2",
             "transition-colors duration-300 ease-out",
@@ -2691,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: _chunkN6YCOBLKcjs.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,
+            _chunk3VINTJPEcjs.next_image_default,
             {
               src: post.author_avatar,
               alt: post.author_name || "",
@@ -2729,306 +1980,11 @@ function BlogCard({
   ] }) });
 }
 
-// src/components/chat/entity-cards/case-study-card.tsx
-
-
-var CASE_STUDY_RESULT_STACK = "flex h-full flex-col gap-5 p-6";
-var CASE_STUDY_RESULT_METRIC_BOX = "flex h-[112px] shrink-0 flex-col justify-start gap-1 overflow-hidden";
-var CASE_STUDY_RESULT_FOOTER_BOX = "mt-auto flex h-[60px] shrink-0 items-center justify-between gap-3 border-t border-ods-border pt-4";
-var CASE_STUDY_DEFAULT_BODY = "flex flex-col gap-6 p-6";
-var CASE_STUDY_COVER = `relative ${_chunkXFRBEXQNcjs.MEDIA_ASPECT.og} w-full shrink-0 overflow-hidden rounded-sm`;
-var CASE_STUDY_TITLE_ZONE = "flex h-[72px] shrink-0 items-center";
-var CASE_STUDY_PERSON_ZONE = "flex h-[60px] shrink-0 items-center";
-var CASE_STUDY_PERSON_ROW = "flex w-full min-w-0 items-center gap-3";
-var CASE_STUDY_PERSON_TEXT = "min-w-0 flex-1";
-var CASE_STUDY_MENU_FRAME = "group/card group flex min-w-0 flex-col gap-[var(--spacing-system-sf)] rounded-xl border border-ods-border bg-ods-bg p-[var(--spacing-system-mf)] text-ods-text-primary transition-colors hover:bg-ods-bg-hover focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ods-accent";
-var CASE_STUDY_MENU_SKELETON_FRAME = "flex min-w-0 flex-col gap-[var(--spacing-system-sf)] rounded-xl border border-ods-border bg-ods-bg p-[var(--spacing-system-mf)]";
-var CASE_STUDY_MENU_MEDIA = `relative block ${_chunkXFRBEXQNcjs.MEDIA_ASPECT.video} w-full shrink-0 overflow-hidden rounded-md`;
-var CASE_STUDY_MENU_MSP_ROW = "flex items-center gap-[var(--spacing-system-xsf)] text-ods-text-secondary text-h6";
-var MSP_ICON_PX = 20;
-var MSP_ICON_CLASS = `${_chunkXFRBEXQNcjs.ICON_SIZE.md} shrink-0 rounded`;
-var CASE_STUDY_TYPE_LABEL = "Case Study";
-function headlineMetric(study) {
-  const metric = _optionalChain([study, 'access', _62 => _62.metrics, 'optionalAccess', _63 => _63[0]]);
-  return _optionalChain([metric, 'optionalAccess', _64 => _64.value]) && metric.label ? metric : null;
-}
-function CaseStudyPersonRow({ study }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CASE_STUDY_PERSON_ZONE, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_PERSON_ROW, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative h-12 w-12 shrink-0", children: [
-      _optionalChain([study, 'access', _65 => _65.user, 'optionalAccess', _66 => _66.avatar_url]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkE76ONBKFcjs.next_image_default,
-        {
-          src: study.user.avatar_url,
-          alt: _optionalChain([study, 'access', _67 => _67.user, 'optionalAccess', _68 => _68.full_name]) || "User",
-          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([study, 'access', _69 => _69.user, 'optionalAccess', _70 => _70.full_name]) || "A").charAt(0).toUpperCase() }) }),
-      _optionalChain([study, 'access', _71 => _71.msp, 'optionalAccess', _72 => _72.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,
-        {
-          src: study.msp.icon_url,
-          alt: study.msp.name || "MSP",
-          className: "h-full w-full object-cover",
-          width: 24,
-          height: 24,
-          unoptimized: true
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_PERSON_TEXT, children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "truncate text-ods-text-primary text-h6", children: [
-        _optionalChain([study, 'access', _73 => _73.user, 'optionalAccess', _74 => _74.full_name]) || "Anonymous",
-        _optionalChain([study, 'access', _75 => _75.msp, 'optionalAccess', _76 => _76.name]) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-ods-text-secondary", children: [
-          " \u2022 ",
-          study.msp.name
-        ] })
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "truncate text-ods-text-secondary text-h6", children: _optionalChain([study, 'access', _77 => _77.user, 'optionalAccess', _78 => _78.job_title]) || "\xA0" })
-    ] })
-  ] }) });
-}
-function CaseStudyPersonRowSkeleton() {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CASE_STUDY_PERSON_ZONE, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_PERSON_ROW, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.MediaSkeleton.Avatar, { size: "md", className: "shrink-0" }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_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" })
-    ] })
-  ] }) });
-}
-function CaseStudyCardSkeleton({
-  size = "default",
-  showTypeBadge = true,
-  className
-}) {
-  if (size === "portrait") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityPortraitCardSkeleton, { typeLabel: showTypeBadge ? CASE_STUDY_TYPE_LABEL : void 0, className });
-  }
-  if (size === "result") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, CASE_STUDY_RESULT_STACK, className), "aria-hidden": true, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CaseStudyPersonRowSkeleton, {}),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_RESULT_METRIC_BOX, "data-testid": "case-study-result-skeleton-metric", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h1", className: "w-1/3" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h4", lines: 2, className: "w-3/4" })
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_RESULT_FOOTER_BOX, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", lines: 2, className: "w-2/3" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0 text-ods-accent text-h6", children: "Read" })
-      ] })
-    ] });
-  }
-  if (size === "menu") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, CASE_STUDY_MENU_SKELETON_FRAME, className), "aria-hidden": true, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: CASE_STUDY_MENU_MEDIA }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_MENU_MSP_ROW, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: MSP_ICON_CLASS }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "w-28" })
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", lines: 2, className: "w-full" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "w-3/4" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "mt-auto w-28" })
-    ] });
-  }
-  if (size === "sm") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CompactCardSkeleton, { rows: [{ width: "w-1/2" }, { width: "w-11/12" }], 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, Card, { className: _chunk65VVJSQZcjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, CASE_STUDY_DEFAULT_BODY), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: _chunk65VVJSQZcjs.cn.call(void 0, CASE_STUDY_COVER, "rounded-sm") }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CASE_STUDY_TITLE_ZONE, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h4", lines: 3, className: "w-full" }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CaseStudyPersonRowSkeleton, {})
-  ] }) });
-}
-function caseStudyHighlight(study) {
-  if (study.highlight_video_url) {
-    return { url: study.highlight_video_url, posterUrl: _nullishCoalesce(study.highlight_video_thumbnail, () => ( null)) };
-  }
-  const bite = (_nullishCoalesce(study.video_bites, () => ( []))).filter((candidate) => candidate.featured === true && candidate.url).sort(sortBitesByFeaturedAtDesc)[0];
-  return bite ? { url: bite.url, posterUrl: _nullishCoalesce(bite.thumbnail_url, () => ( null)) } : null;
-}
-function CaseStudyCard(props) {
-  const inScope = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
-  if (inScope || props.loading) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CaseStudyCardSkeleton, { size: props.size, showTypeBadge: props.showTypeBadge, className: props.className });
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadedCaseStudyCard, { ...props });
-}
-function LoadedCaseStudyCard({
-  study,
-  href,
-  target: targetProp,
-  rel: relProp,
-  targetPlatform,
-  placeholderUrl: placeholderUrlProp,
-  size = "default",
-  showTypeBadge = true,
-  accentClassName = "text-ods-accent",
-  mediaMounted,
-  onNavigate,
-  className
-}) {
-  const [hovered, setHovered] = _react.useState.call(void 0, false);
-  const { target, rel } = useEntityCardLink({
-    href,
-    targetPlatform,
-    target: targetProp,
-    rel: relProp
-  });
-  const placeholderUrl = useEntityCardPlaceholder({
-    title: study.title,
-    placeholderUrl: placeholderUrlProp,
-    aspect: size === "sm" ? "square" : "wide"
-  });
-  const coverImage = study.featured_image || placeholderUrl || null;
-  if (size === "sm") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunk65VVJSQZcjs.cn.call(void 0, COMPACT_CARD_OUTER, className), children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_IMAGE_SLOT, children: coverImage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkE76ONBKFcjs.next_image_default,
-        {
-          src: coverImage,
-          alt: `${_optionalChain([study, 'access', _79 => _79.msp, 'optionalAccess', _80 => _80.name]) || study.title} cover`,
-          className: "object-contain",
-          fill: true,
-          sizes: "56px",
-          unoptimized: true,
-          onError: hideOnError
-        }
-      ) : null }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_TITLE, children: study.title }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_SUBTITLE, children: [_optionalChain([study, 'access', _81 => _81.msp, 'optionalAccess', _82 => _82.name]), _optionalChain([study, 'access', _83 => _83.user, 'optionalAccess', _84 => _84.full_name])].filter(Boolean).join(" \xB7 ") || "Case study" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_SUMMARY, children: study.summary || COMPACT_CARD_ROW_FILLER }) })
-      ] })
-    ] });
-  }
-  if (size === "menu") {
-    const preview = caseStudyHighlight(study);
-    const videoUrl = _nullishCoalesce(_optionalChain([preview, 'optionalAccess', _85 => _85.url]), () => ( null));
-    const hasAnyVideo = !!(videoUrl || study.main_video_url);
-    const poster = study.main_video_thumbnail || study.featured_image || _optionalChain([preview, 'optionalAccess', _86 => _86.posterUrl]) || null;
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _chunkV45KLJQPcjs.next_link_default,
-      {
-        href,
-        target,
-        rel,
-        onClick: onNavigate,
-        onPointerEnter: () => setHovered(true),
-        onPointerLeave: () => setHovered(false),
-        onFocus: () => setHovered(true),
-        onBlur: () => setHovered(false),
-        className: _chunk65VVJSQZcjs.cn.call(void 0, CASE_STUDY_MENU_FRAME, className),
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, "pointer-events-none bg-ods-bg", CASE_STUDY_MENU_MEDIA), children: videoUrl ? (
-            // The shared hover surface, filled the way the walkthrough card fills
-            // its own 16:9 slot (`cover`): an upright cut is cropped to the slot,
-            // never letterboxed. Sound on hover, muted when the browser blocks it.
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              VideoHoverPreviewSurface,
-              {
-                url: videoUrl,
-                posterUrl: poster,
-                active: hovered,
-                playerMounted: mediaMounted,
-                fit: "cover",
-                posterSizes: "360px"
-              }
-            )
-          ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-            (_nullishCoalesce(poster, () => ( placeholderUrl))) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkE76ONBKFcjs.next_image_default,
-              {
-                src: _nullishCoalesce(_nullishCoalesce(poster, () => ( placeholderUrl)), () => ( "")),
-                alt: "",
-                className: "object-cover",
-                fill: true,
-                sizes: "360px",
-                unoptimized: true,
-                onError: hideOnError
-              }
-            ),
-            hasAnyVideo && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.CardHoverPlay, { size: "md" })
-          ] }) }),
-          _optionalChain([study, 'access', _87 => _87.msp, 'optionalAccess', _88 => _88.name]) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: CASE_STUDY_MENU_MSP_ROW, children: [
-            study.msp.icon_url && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              EntityIcon,
-              {
-                icon: { url: study.msp.icon_url },
-                size: MSP_ICON_PX,
-                className: _chunk65VVJSQZcjs.cn.call(void 0, MSP_ICON_CLASS, "object-contain")
-              }
-            ),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 truncate", children: study.msp.name })
-          ] }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "line-clamp-2 text-h6", children: study.title }),
-          _optionalChain([study, 'access', _89 => _89.user, 'optionalAccess', _90 => _90.full_name]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-text-muted text-h6", children: study.user.job_title ? `${study.user.full_name}, ${study.user.job_title}` : study.user.full_name }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "mt-auto text-ods-accent text-h6", children: hasAnyVideo ? "Watch the story" : "Read the story" })
-        ]
-      }
-    );
-  }
-  if (size === "result") {
-    const metric = headlineMetric(study);
-    if (!metric) return null;
-    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, Card, { className: _chunk65VVJSQZcjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, CASE_STUDY_RESULT_STACK), children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CaseStudyPersonRow, { study }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_RESULT_METRIC_BOX, "data-testid": "case-study-metric", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, "truncate text-h1", accentClassName), children: metric.value }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "line-clamp-2 text-ods-text-secondary text-h4", children: metric.label })
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_RESULT_FOOTER_BOX, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "line-clamp-2 min-w-0 text-ods-text-secondary text-h6", children: study.title }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, "shrink-0 text-h6", accentClassName), children: "Read" })
-      ] })
-    ] }) });
-  }
-  if (size === "portrait") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      EntityPortraitCard,
-      {
-        href,
-        target,
-        rel,
-        typeLabel: showTypeBadge ? CASE_STUDY_TYPE_LABEL : void 0,
-        imageUrl: study.featured_image,
-        placeholderUrl,
-        imageAlt: _optionalChain([study, 'access', _91 => _91.msp, 'optionalAccess', _92 => _92.name]) || study.title,
-        title: study.title,
-        person: {
-          name: _optionalChain([study, 'access', _93 => _93.user, 'optionalAccess', _94 => _94.full_name]) || "Anonymous",
-          avatarUrl: _optionalChain([study, 'access', _95 => _95.user, 'optionalAccess', _96 => _96.avatar_url]),
-          subtitle: _nullishCoalesce(_optionalChain([study, 'access', _97 => _97.msp, 'optionalAccess', _98 => _98.name]), () => ( null)),
-          iconOverlayUrl: _nullishCoalesce(_optionalChain([study, 'access', _99 => _99.msp, 'optionalAccess', _100 => _100.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, Card, { className: _chunk65VVJSQZcjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, CASE_STUDY_DEFAULT_BODY), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, CASE_STUDY_COVER, "bg-ods-bg"), children: coverImage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkE76ONBKFcjs.next_image_default,
-      {
-        src: coverImage,
-        alt: _optionalChain([study, 'access', _101 => _101.msp, 'optionalAccess', _102 => _102.name]) || study.title,
-        className: "h-full w-full object-cover",
-        sizes: "(min-width: 1545px) 515px, (min-width: 1280px) 33vw, (min-width: 800px) 50vw, 100vw",
-        fill: true,
-        unoptimized: true,
-        onError: hideOnError
-      }
-    ) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CASE_STUDY_TITLE_ZONE, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "line-clamp-3 break-words text-ods-text-primary text-h4", children: study.title }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CaseStudyPersonRow, { study })
-  ] }) });
-}
-
 // src/components/chat/entity-cards/customer-interview-card.tsx
 
 
 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 ${_chunkYNDH72VUcjs.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";
@@ -3039,25 +1995,48 @@ function CustomerInterviewCardSkeleton({
   className
 }) {
   if (size === "portrait") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityPortraitCardSkeleton, { typeLabel: showTypeBadge ? INTERVIEW_TYPE_LABEL : void 0, className });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkJQWYXC2Ecjs.EntityPortraitCard,
+      {
+        loading: true,
+        href: "",
+        imageAlt: "",
+        title: "",
+        typeLabel: showTypeBadge ? INTERVIEW_TYPE_LABEL : void 0,
+        className
+      }
+    );
   }
   if (size === "sm") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CompactCardSkeleton, { className });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJQWYXC2Ecjs.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, Card, { className: _chunk65VVJSQZcjs.cn.call(void 0, 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: _chunkN6YCOBLKcjs.cn.call(void 0, "block h-full", className), "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJQWYXC2Ecjs.Card, { className: _chunkN6YCOBLKcjs.cn.call(void 0, _chunkJQWYXC2Ecjs.CONTENT_CARD_SKELETON_FRAME_CLASS, INTERVIEW_CARD_BODY), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { className: _chunkN6YCOBLKcjs.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, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h6", className: "w-2/3" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h6", className: "w-1/2" })
       ] })
     ] }) })
   ] }) });
 }
-function CustomerInterviewCard({
+function CustomerInterviewCard(props) {
+  if (_chunkN6YCOBLKcjs.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,
@@ -3068,26 +2047,23 @@ function CustomerInterviewCard({
   showTypeBadge = true,
   className
 }) {
-  const { target, rel } = useEntityCardLink({
+  const { target, rel } = _chunkJQWYXC2Ecjs.useEntityCardLink.call(void 0, {
     href,
     targetPlatform,
     target: targetProp,
     rel: relProp
   });
-  const placeholderUrl = useEntityCardPlaceholder({
+  const placeholderUrl = _chunkJQWYXC2Ecjs.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, COMPACT_CARD_OUTER, className), children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_IMAGE_SLOT, children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunkN6YCOBLKcjs.cn.call(void 0, _chunkJQWYXC2Ecjs.COMPACT_CARD_OUTER, className), children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_IMAGE_SLOT, children: [
         thumbnailUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkE76ONBKFcjs.next_image_default,
+          _chunk3VINTJPEcjs.next_image_default,
           {
             src: thumbnailUrl,
             alt: interview.title,
@@ -3095,21 +2071,21 @@ function CustomerInterviewCard({
             fill: true,
             sizes: "56px",
             unoptimized: true,
-            onError: hideOnError
+            onError: _chunkJQWYXC2Ecjs.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: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_TITLE, children: interview.title }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_SUBTITLE, children: [_optionalChain([interview, 'access', _103 => _103.user, 'optionalAccess', _104 => _104.full_name]), _optionalChain([interview, 'access', _105 => _105.msp, 'optionalAccess', _106 => _106.name])].filter(Boolean).join(" \xB7 ") || "Customer interview" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_SUMMARY, children: interview.video_summary || COMPACT_CARD_ROW_FILLER }) })
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_TEXT_COL, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_TITLE, children: interview.title }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.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: _chunkJQWYXC2Ecjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_SUMMARY, children: interview.video_summary || _chunkJQWYXC2Ecjs.COMPACT_CARD_ROW_FILLER }) })
       ] })
     ] });
   }
   if (size === "portrait") {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      EntityPortraitCard,
+      _chunkJQWYXC2Ecjs.EntityPortraitCard,
       {
         href,
         target,
@@ -3120,19 +2096,19 @@ function CustomerInterviewCard({
         imageAlt: interview.title,
         title: interview.title,
         person: {
-          name: _optionalChain([interview, 'access', _107 => _107.user, 'optionalAccess', _108 => _108.full_name]) || "Customer",
-          avatarUrl: _optionalChain([interview, 'access', _109 => _109.user, 'optionalAccess', _110 => _110.avatar_url]),
-          subtitle: _nullishCoalesce(_optionalChain([interview, 'access', _111 => _111.msp, 'optionalAccess', _112 => _112.name]), () => ( null)),
-          iconOverlayUrl: _nullishCoalesce(_optionalChain([interview, 'access', _113 => _113.msp, 'optionalAccess', _114 => _114.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, Card, { className: _chunk65VVJSQZcjs.cn.call(void 0, 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: _chunkN6YCOBLKcjs.cn.call(void 0, "block h-full", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJQWYXC2Ecjs.Card, { className: _chunkN6YCOBLKcjs.cn.call(void 0, _chunkJQWYXC2Ecjs.CONTENT_CARD_FRAME_CLASS, INTERVIEW_CARD_BODY), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.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,
+        _chunk3VINTJPEcjs.next_image_default,
         {
           src: thumbnailUrl,
           alt: interview.title,
@@ -3140,47 +2116,55 @@ function CustomerInterviewCard({
           fill: true,
           sizes: "(max-width: 768px) 100vw, 50vw",
           unoptimized: true,
-          onError: hideOnError
+          onError: _chunkJQWYXC2Ecjs.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', _115 => _115.user, 'optionalAccess', _116 => _116.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, 
+          _chunk3VINTJPEcjs.next_image_default,
           {
             src: interview.user.avatar_url,
-            alt: _optionalChain([interview, 'access', _117 => _117.user, 'optionalAccess', _118 => _118.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', _119 => _119.user, 'optionalAccess', _120 => _120.full_name]) || "A").charAt(0).toUpperCase() }) }),
-        _optionalChain([interview, 'access', _121 => _121.msp, 'optionalAccess', _122 => _122.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, 
+              _chunk3VINTJPEcjs.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', _123 => _123.user, 'optionalAccess', _124 => _124.full_name]) || "Anonymous",
-          _optionalChain([interview, 'access', _125 => _125.msp, 'optionalAccess', _126 => _126.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', _127 => _127.user, 'optionalAccess', _128 => _128.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]) || " " })
       ] })
     ] }) })
   ] }) });
@@ -3189,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) => _chunkHY6BCZH7cjs.formatDateWithTimezone.call(void 0, d, null, _optionalChain([options, 'optionalAccess', _129 => _129.monthFormat]) === "long" ? "monthYear" : "monthYearShort") || "?";
+  const fmt = (d) => _chunkAFJEUBDScjs.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}`;
@@ -3206,19 +2190,23 @@ function InvestorUpdateCardSkeleton({
 }) {
   if (size === "portrait") {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      EntityPortraitCardSkeleton,
+      _chunkJQWYXC2Ecjs.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, 
-      CompactCardSkeleton,
+      _chunkJQWYXC2Ecjs.CompactCardSkeleton,
       {
         titleWidth: "w-1/2",
         titleBadges: ["w-8"],
@@ -3229,7 +2217,13 @@ function InvestorUpdateCardSkeleton({
   }
   return null;
 }
-function InvestorUpdateCard({
+function InvestorUpdateCard(props) {
+  if (_chunkN6YCOBLKcjs.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,
@@ -3240,26 +2234,23 @@ function InvestorUpdateCard({
   showTypeBadge = true,
   className
 }) {
-  const { target, rel } = useEntityCardLink({
+  const { target, rel } = _chunkJQWYXC2Ecjs.useEntityCardLink.call(void 0, {
     href,
     targetPlatform,
     target: targetProp,
     rel: relProp
   });
-  const placeholderUrl = useEntityCardPlaceholder({
+  const placeholderUrl = _chunkJQWYXC2Ecjs.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: `${COMPACT_CARD_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: 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: `${_chunkJQWYXC2Ecjs.COMPACT_CARD_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_IMAGE_SLOT, children: coverImage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunk3VINTJPEcjs.next_image_default,
         {
           src: coverImage,
           alt: _nullishCoalesce(update.title, () => ( "Investor update")),
@@ -3273,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: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${COMPACT_CARD_TITLE_ROW} gap-2`, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${COMPACT_CARD_TITLE} min-w-0`, children: update.title || `Update #${_nullishCoalesce(update.update_number, () => ( "?"))}` }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_TEXT_COL, children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${_chunkJQWYXC2Ecjs.COMPACT_CARD_TITLE_ROW} gap-2`, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${_chunkJQWYXC2Ecjs.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: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_SUBTITLE, children: periodText || "Investor update" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_SUMMARY, children: (update.strategic_update || update.content || "").slice(0, 120) || COMPACT_CARD_ROW_FILLER }) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_SUBTITLE, children: periodText || "Investor update" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_SUMMARY, children: (update.strategic_update || update.content || "").slice(0, 120) || _chunkJQWYXC2Ecjs.COMPACT_CARD_ROW_FILLER }) })
       ] })
     ] });
   }
   if (size === "portrait") {
     const periodText = formatInvestorUpdatePeriod(update.period_start, update.period_end);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      EntityPortraitCard,
+      _chunkJQWYXC2Ecjs.EntityPortraitCard,
       {
         href,
         target,
@@ -3310,7 +2301,7 @@ function InvestorUpdateCard({
       imageUrl: update.featured_image,
       placeholderUrl,
       title: update.title || `Update #${update.update_number || "?"}`,
-      summary: _optionalChain([update, 'access', _130 => _130.strategic_update, 'optionalAccess', _131 => _131.slice, 'call', _132 => _132(0, 120)]) || _optionalChain([update, 'access', _133 => _133.content, 'optionalAccess', _134 => _134.slice, 'call', _135 => _135(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
@@ -3333,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 ${_chunkYNDH72VUcjs.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 ${_chunkYNDH72VUcjs.TEXT_LINES_MIN[2]}`;
+var CATALOG_SUMMARY_ROW = `text-h6 ${_chunkYNDH72VUcjs.TEXT_LINES_MIN[2]}`;
 var CATALOG_EXTRA_CELL_LABELS = ["Section"];
 var HORIZONTAL_SIZE_TOKENS = {
   default: {
@@ -3353,49 +2344,75 @@ function OnboardingGuideCardSkeleton({
   className
 }) {
   if (size === "portrait") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityPortraitCardSkeleton, { typeLabel: showTypeBadge ? GUIDE_TYPE_LABEL : void 0, className });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkJQWYXC2Ecjs.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, 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: _chunkN6YCOBLKcjs.cn.call(void 0, _chunkJQWYXC2Ecjs.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, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h2", lines: 2, className: "w-3/4 lg:hidden" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.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, CompactCardSkeleton, { trailingIcon: true, className });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJQWYXC2Ecjs.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: _chunkN6YCOBLKcjs.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, _chunkYNDH72VUcjs.UnifiedSkeleton, { as: "span", className: "block h-4 w-2/3 rounded" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { as: "span", className: "block h-3 w-1/3 rounded" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { as: "span", className: "block h-3 w-full rounded" })
         ] })
       ]
     }
   );
 }
-function OnboardingGuideCard({
+function OnboardingGuideCard(props) {
+  if (_chunkN6YCOBLKcjs.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,
@@ -3406,24 +2423,21 @@ function OnboardingGuideCard({
   showTypeBadge = true,
   className
 }) {
-  const { target, rel } = useEntityCardLink({
+  const { target, rel } = _chunkJQWYXC2Ecjs.useEntityCardLink.call(void 0, {
     href,
     targetPlatform,
     target: targetProp,
     rel: relProp
   });
-  const placeholderUrl = useEntityCardPlaceholder({
+  const placeholderUrl = _chunkJQWYXC2Ecjs.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, 
-      EntityPortraitCard,
+      _chunkJQWYXC2Ecjs.EntityPortraitCard,
       {
         href,
         target,
@@ -3442,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 ? _chunkHY6BCZH7cjs.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 ? _chunkAFJEUBDScjs.formatDurationMMSS.call(void 0, Math.floor(guide.highlight_video_duration_ms / 1e3)) : "";
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _chunkV45KLJQPcjs.next_link_default,
       {
@@ -3450,12 +2464,12 @@ function OnboardingGuideCard({
         target,
         rel,
         prefetch: false,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, "block no-underline", className),
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, _chunkJQWYXC2Ecjs.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: _chunkN6YCOBLKcjs.cn.call(void 0, CATALOG_COVER, "bg-ods-bg"), children: [
               coverImage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkE76ONBKFcjs.next_image_default,
+                _chunk3VINTJPEcjs.next_image_default,
                 {
                   src: coverImage,
                   alt: guide.title,
@@ -3472,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, _chunkHTSRCFXPcjs.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
@@ -3507,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', _136 => _136.author, 'optionalAccess', _137 => _137.full_name, 'optionalAccess', _138 => _138.trim, 'call', _139 => _139()]) || "";
+    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
     );
@@ -3518,16 +2532,16 @@ function OnboardingGuideCard({
         target,
         rel,
         prefetch: false,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, COMPACT_CARD_OUTER, "group", className),
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, _chunkJQWYXC2Ecjs.COMPACT_CARD_OUTER, "group", className),
         children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_IMAGE_SLOT, children: [
-            compactCover ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE76ONBKFcjs.next_image_default, { src: compactCover, alt: 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: _chunkJQWYXC2Ecjs.COMPACT_CARD_IMAGE_SLOT, children: [
+            compactCover ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3VINTJPEcjs.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, _chunkHTSRCFXPcjs.CardHoverPlay, { size: "sm" })
           ] }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_TEXT_COL, children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, COMPACT_CARD_TITLE, "font-heading"), children: guide.title }) }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: 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: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_SUMMARY, children: summary2 || COMPACT_CARD_ROW_FILLER }) })
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_TEXT_COL, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkN6YCOBLKcjs.cn.call(void 0, _chunkJQWYXC2Ecjs.COMPACT_CARD_TITLE, "font-heading"), children: guide.title }) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.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: _chunkJQWYXC2Ecjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_SUMMARY, children: summary2 || _chunkJQWYXC2Ecjs.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" }) })
         ]
@@ -3543,7 +2557,7 @@ function OnboardingGuideCard({
       target,
       rel,
       prefetch: false,
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.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
       ),
@@ -3582,23 +2596,23 @@ function RoadmapVoteButton({
   className
 }) {
   const Icon = voteType === "up" ? _chunkOOYBIS7Dcjs.ThumbsUpClassicIcon : _chunk32ASZMTVcjs.ThumbsDownClassicIcon;
-  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const loading = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkTF5D5MNOcjs.Button,
+    _chunkCDBFQVPAcjs.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: _chunkN6YCOBLKcjs.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, _chunkYNDH72VUcjs.TextLineSkeleton, { as: "span", type: "h6", className: "inline-block w-4" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-h6", children: count }))
     }
   );
 }
@@ -3662,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 = `${_chunkYNDH72VUcjs.MEDIA_ASPECT.square} ${_chunkYNDH72VUcjs.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 ${_chunkYNDH72VUcjs.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 ${_chunkYNDH72VUcjs.TEXT_LINES_MIN[2]}`;
+var ROADMAP_CARD_META_ROW = `flex items-center text-h5 ${_chunkYNDH72VUcjs.TEXT_LINES_MIN[1]}`;
+var ROADMAP_CARD_SUMMARY_ROW = `flex items-center text-h4 ${_chunkYNDH72VUcjs.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";
@@ -3680,7 +2694,7 @@ function RoadmapCardSkeleton({
 }) {
   if (size === "sm") {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      CompactCardSkeleton,
+      _chunkJQWYXC2Ecjs.CompactCardSkeleton,
       {
         slotClassName: ROADMAP_COMPACT_SLOT,
         titleWidth: "w-1/2",
@@ -3694,19 +2708,19 @@ function RoadmapCardSkeleton({
       }
     );
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, ROADMAP_CARD_BODY, className), "aria-hidden": true, children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, _chunkJQWYXC2Ecjs.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, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.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, StatusBadgeSkeleton, {}) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden md:block", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJQWYXC2Ecjs.StatusBadge, { loading: true, text: "" }) })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "md:hidden", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 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, _chunkJQWYXC2Ecjs.StatusBadge, { loading: true, text: "" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROADMAP_CARD_SUMMARY_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.UnifiedSkeleton, { className: _chunkN6YCOBLKcjs.cn.call(void 0, ROADMAP_CARD_VOTES, "w-32") }) })
   ] });
 }
 function assigneePeople(assignees) {
@@ -3716,7 +2730,13 @@ function assigneePeople(assignees) {
     avatarUrl: a.avatarUrl
   }));
 }
-function RoadmapCard({
+function RoadmapCard(props) {
+  if (_chunkN6YCOBLKcjs.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,
@@ -3730,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 = safeHref(_nullishCoalesce(href, () => ( null)));
+    const compactHref = _chunkJQWYXC2Ecjs.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', _140 => _140.screenshots, 'optionalAccess', _141 => _141.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: _chunkN6YCOBLKcjs.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,
+            _chunk3VINTJPEcjs.next_image_default,
             {
               src: iconSrc,
               alt: `${item.title} logo`,
@@ -3757,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', _142 => _142.title, 'optionalAccess', _143 => _143.substring, 'call', _144 => _144(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: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${COMPACT_CARD_TITLE_ROW} gap-2`, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${COMPACT_CARD_TITLE} min-w-0`, children: item.title }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_TEXT_COL, children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${_chunkJQWYXC2Ecjs.COMPACT_CARD_TITLE_ROW} gap-2`, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${_chunkJQWYXC2Ecjs.COMPACT_CARD_TITLE} min-w-0`, children: item.title }),
           item.status && item.status.trim().length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            StatusBadge,
+            _chunkJQWYXC2Ecjs.StatusBadge,
             {
               text: item.status.toUpperCase(),
               colorScheme: getStatusColorScheme(item.status),
@@ -3774,7 +2792,7 @@ function RoadmapCard({
             }
           ) : null
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${COMPACT_CARD_META_ROW_BOX} gap-2 text-ods-text-secondary`, children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${_chunkJQWYXC2Ecjs.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
@@ -3810,20 +2828,20 @@ function RoadmapCard({
               ]
             }
           ) : null,
-          item.assignees && item.assignees.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFUMM6JCcjs.AvatarStack, { size: "xs", people: assigneePeople(item.assignees), className: "shrink-0" }) : null
+          item.assignees && item.assignees.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRYIWADIBcjs.AvatarStack, { size: "xs", people: assigneePeople(item.assignees), className: "shrink-0" }) : null
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_SUMMARY, children: item.description || COMPACT_CARD_ROW_FILLER }) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_SUMMARY, children: item.description || _chunkJQWYXC2Ecjs.COMPACT_CARD_ROW_FILLER }) })
       ] })
     ] });
     if (!compactHref) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${COMPACT_CARD_OUTER_STATIC} ${_nullishCoalesce(className, () => ( ""))}`, "aria-label": "No link available", children: body });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `${_chunkJQWYXC2Ecjs.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: `${COMPACT_CARD_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: body });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href: compactHref, target, rel, className: `${_chunkJQWYXC2Ecjs.COMPACT_CARD_OUTER} ${_nullishCoalesce(className, () => ( ""))}`, children: body });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { id, className: _chunk65VVJSQZcjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, ROADMAP_CARD_BODY, className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { id, className: _chunkN6YCOBLKcjs.cn.call(void 0, _chunkJQWYXC2Ecjs.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: _chunkN6YCOBLKcjs.cn.call(void 0, ROADMAP_CARD_ICON_BOX, "border border-ods-border bg-ods-bg"), children: iconSrc ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunk3VINTJPEcjs.next_image_default,
         {
           src: iconSrc,
           alt: `${item.title} logo`,
@@ -3832,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', _145 => _145.title, 'optionalAccess', _146 => _146.substring, 'call', _147 => _147(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: [
@@ -3842,7 +2860,7 @@ function RoadmapCard({
         ] }) })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden md:block", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        StatusBadge,
+        _chunkJQWYXC2Ecjs.StatusBadge,
         {
           text: item.status.toUpperCase(),
           colorScheme: getStatusColorScheme(item.status),
@@ -3851,7 +2869,7 @@ function RoadmapCard({
       ) })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "md:hidden", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      StatusBadge,
+      _chunkJQWYXC2Ecjs.StatusBadge,
       {
         text: item.status.toUpperCase(),
         colorScheme: getStatusColorScheme(item.status),
@@ -3861,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: _chunkN6YCOBLKcjs.cn.call(void 0, ROADMAP_CARD_VOTES, "border border-ods-border bg-ods-card"), children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           RoadmapVoteButton,
           {
@@ -3888,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, _chunkVFUMM6JCcjs.AvatarStack, { size: "xs", people: assigneePeople(item.assignees), className: "shrink-0" }) : null,
+        item.assignees && item.assignees.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRYIWADIBcjs.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,
+          _chunkCDBFQVPAcjs.Button,
           {
             variant: "outline",
             size: "small-legacy",
@@ -3899,9 +2917,9 @@ function RoadmapCard({
           }
         ),
         (() => {
-          const figmaSafe = safeHref(item.figmaUrl);
+          const figmaSafe = _chunkJQWYXC2Ecjs.safeHref.call(void 0, item.figmaUrl);
           return figmaSafe ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkTF5D5MNOcjs.Button,
+            _chunkCDBFQVPAcjs.Button,
             {
               variant: "outline",
               size: "small-legacy",
@@ -3911,7 +2929,14 @@ function RoadmapCard({
             }
           ) : null;
         })(),
-        item.targetVersion && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StatusBadge, { gen: generationTierFromLabel(item.targetVersion), text: item.targetVersion })
+        item.targetVersion && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkJQWYXC2Ecjs.StatusBadge,
+          {
+            "data-loading-optional": true,
+            gen: _chunkJQWYXC2Ecjs.generationTierFromLabel.call(void 0, item.targetVersion),
+            text: item.targetVersion
+          }
+        )
       ] })
     ] }),
     item.screenshots && item.screenshots.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -3929,11 +2954,11 @@ function RoadmapCard({
 
 
 
-var EDITORIAL_FRAME = CONTENT_CARD_SKELETON_FRAME_CLASS;
+var EDITORIAL_FRAME = _chunkJQWYXC2Ecjs.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 ${_chunkYNDH72VUcjs.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 ${_chunkYNDH72VUcjs.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)]";
@@ -3950,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, _chunkCDBFQVPAcjs.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, EntityPortraitCardSkeleton, { typeLabel, className });
+  if (size === "portrait")
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJQWYXC2Ecjs.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: _chunkN6YCOBLKcjs.cn.call(void 0, EDITORIAL_FRAME, EDITORIAL_ROW_GRID, className), children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.TextLineSkeleton, { as: "span", type: "inherit", className: "w-40" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.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: _chunkN6YCOBLKcjs.cn.call(void 0, EDITORIAL_FRAME, "flex flex-col", className), children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { as: "span", className: _chunkN6YCOBLKcjs.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, _chunkYNDH72VUcjs.TextLineSkeleton, { as: "span", type: "h5", className: "w-28" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.TextLineSkeleton, { as: "span", type: "inherit", className: "w-40" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.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, _chunkHY6BCZH7cjs.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, _chunkAFJEUBDScjs.SquareAvatar, { loading: true, ...EDITORIAL_PERSON_AVATAR, className: "shrink-0" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { as: "span", type: "h6", className: "w-40" })
         ] })
       ] })
     ] });
   }
   if (size === "sm") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CompactCardSkeleton, { trailingIcon: true, className });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJQWYXC2Ecjs.CompactCardSkeleton, { trailingIcon: true, className });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, DEFAULT_BODY, className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, _chunkJQWYXC2Ecjs.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, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.TextLineSkeleton, { as: "span", type: "inherit", className: "w-32" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.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, _chunkHY6BCZH7cjs.TagSkeleton, {}, i)) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_DESCRIPTION, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.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, _chunkN6YCOBLKcjs.LoadingItems, { count: DEFAULT_SKELETON_TAGS, children: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAFJEUBDScjs.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, _chunkHY6BCZH7cjs.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, _chunkN6YCOBLKcjs.LoadingItems, { count: hosts, children: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAFJEUBDScjs.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, _chunkN6YCOBLKcjs.LoadingItems, { count: media, children: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.InteractiveSkeleton.Button, { size: "default", className: "w-40" }) })
   ] });
 }
+function ProgramCard(props) {
+  if (_chunkN6YCOBLKcjs.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 {
@@ -4043,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) => {
@@ -4056,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: _chunkN6YCOBLKcjs.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,
+          _chunk3VINTJPEcjs.next_image_default,
           {
             src: mediaItem.media_url,
             alt: `${title} photo ${index + 1}`,
@@ -4103,19 +3150,19 @@ function ProgramEditorialCard({
   priority,
   className
 }) {
-  const edgeColor = _chunk3LW5TD54cjs.useImageEdgeColor.call(void 0, feature ? cover : null, "transparent");
+  const edgeColor = _chunkDJTPDK3Wcjs.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', _148 => _148.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, 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, _chunkJQWYXC2Ecjs.ContentCardFrame, { as: "a", href, target, rel, className: _chunkN6YCOBLKcjs.cn.call(void 0, EDITORIAL_ROW_GRID, className), children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkN6YCOBLKcjs.cn.call(void 0, EDITORIAL_ROW_THUMB, "bg-ods-bg"), children: [
+        cover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3VINTJPEcjs.next_image_default, { src: cover, alt: "", fill: true, sizes: "120px", className: "object-cover", priority, unoptimized: true }),
+        playable && cover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHTSRCFXPcjs.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 }),
@@ -4124,15 +3171,15 @@ function ProgramEditorialCard({
       ] })
     ] });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ContentCardFrame, { as: "a", href, target, rel, className: _chunk65VVJSQZcjs.cn.call(void 0, "flex flex-col", className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJQWYXC2Ecjs.ContentCardFrame, { as: "a", href, target, rel, className: _chunkN6YCOBLKcjs.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: _chunkN6YCOBLKcjs.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,
+            _chunk3VINTJPEcjs.next_image_default,
             {
               src: cover,
               alt: "",
@@ -4143,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, _chunkHTSRCFXPcjs.CardHoverPlay, { size: "lg" })
         ]
       }
     ),
@@ -4154,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, 
-          _chunkHY6BCZH7cjs.SquareAvatar,
+          _chunkAFJEUBDScjs.SquareAvatar,
           {
             ...EDITORIAL_PERSON_AVATAR,
             src: profile.avatarUrl || void 0,
@@ -4164,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
           ] })
         ] })
@@ -4173,7 +3221,7 @@ function ProgramEditorialCard({
     ] })
   ] });
 }
-function ProgramCard({
+function LoadedProgramCard({
   config,
   item,
   media = [],
@@ -4191,32 +3239,17 @@ function ProgramCard({
   priority,
   className
 }) {
-  const { target, rel } = useEntityCardLink({
+  const { target, rel } = _chunkJQWYXC2Ecjs.useEntityCardLink.call(void 0, {
     href,
     targetPlatform,
     target: targetProp,
     rel: relProp
   });
-  const placeholderUrl = useEntityCardPlaceholder({
+  const placeholderUrl = _chunkJQWYXC2Ecjs.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);
@@ -4229,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 = _chunkHY6BCZH7cjs.formatProgramDate.call(void 0, zonedDate, "medium");
+  const compactDate = _chunkAFJEUBDScjs.formatProgramDate.call(void 0, zonedDate, "medium");
   if (size === "portrait") {
-    const profile = programItemToStripProfile(item);
+    const profile = _chunkJQWYXC2Ecjs.programItemToStripProfile.call(void 0, item);
     const dateMeta = compactMetaLine;
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      EntityPortraitCard,
+      _chunkJQWYXC2Ecjs.EntityPortraitCard,
       {
         href,
         target,
@@ -4263,9 +3296,9 @@ function ProgramCard({
         description: item.description,
         cover: coverImage || placeholderUrl || null,
         eyebrow,
-        date: _chunkHY6BCZH7cjs.formatProgramDate.call(void 0, zonedDate, "weekday"),
+        date: _chunkAFJEUBDScjs.formatProgramDate.call(void 0, zonedDate, "weekday"),
         typeMeta: compactTypeMetaValue,
-        profile: programItemToStripProfile(item),
+        profile: _chunkJQWYXC2Ecjs.programItemToStripProfile.call(void 0, item),
         playable: isPlayable,
         priority,
         className
@@ -4276,13 +3309,13 @@ function ProgramCard({
     const itemDate = compactDate;
     const compactCover = coverImage || placeholderUrl || null;
     const typeMeta = compactTypeMetaValue;
-    const subtitleParts = [itemDate, typeMeta, _optionalChain([config, 'access', _149 => _149.labels, 'optionalAccess', _150 => _150.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, COMPACT_CARD_OUTER, "group", className), children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_IMAGE_SLOT, children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunkN6YCOBLKcjs.cn.call(void 0, _chunkJQWYXC2Ecjs.COMPACT_CARD_OUTER, "group", className), children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_IMAGE_SLOT, children: [
         compactCover ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkE76ONBKFcjs.next_image_default,
+          _chunk3VINTJPEcjs.next_image_default,
           {
             src: compactCover,
             alt: item.title,
@@ -4293,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, _chunkHTSRCFXPcjs.CardHoverPlay, { size: "sm" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, COMPACT_CARD_TITLE, "font-heading"), children: item.title }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: 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: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_SUMMARY, children: item.description || COMPACT_CARD_ROW_FILLER }) })
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_TEXT_COL, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkN6YCOBLKcjs.cn.call(void 0, _chunkJQWYXC2Ecjs.COMPACT_CARD_TITLE, "font-heading"), children: item.title }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.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: _chunkJQWYXC2Ecjs.COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkJQWYXC2Ecjs.COMPACT_CARD_SUMMARY, children: item.description || _chunkJQWYXC2Ecjs.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 = _chunkHY6BCZH7cjs.formatProgramDate.call(void 0, zonedDate, "weekday");
+  const dateFormat = _chunkAFJEUBDScjs.formatProgramDate.call(void 0, zonedDate, "weekday");
   const { typeMeta: defaultTypeMeta, audience: defaultAudience } = programMetaLine(
     item,
     config.type,
@@ -4334,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(_chunkHY6BCZH7cjs.formatProgramDateRange.call(void 0, zonedDate, endAt), () => ( dateFormat));
+  const dateLabel = _nullishCoalesce(_chunkAFJEUBDScjs.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,
+        _chunk3VINTJPEcjs.next_image_default,
         {
           src: coverImage,
           alt: item.title,
@@ -4349,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, _chunkHTSRCFXPcjs.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 }),
@@ -4364,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, _chunkHY6BCZH7cjs.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, _chunkAFJEUBDScjs.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, 
-      _chunkHY6BCZH7cjs.SquareAvatar,
+      _chunkAFJEUBDScjs.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 = _chunkN6YCOBLKcjs.cn.call(void 0, DEFAULT_BODY, className);
   const actionLabel = programActionLabel(config.labels.singular);
   if (wholeCardClickable) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ContentCardFrame, { as: "a", href, target, rel, className: cardFrameClass, children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJQWYXC2Ecjs.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",
         {
@@ -4399,9 +3434,9 @@ function ProgramCard({
       ) })
     ] });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ContentCardFrame, { as: "div", className: cardFrameClass, children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJQWYXC2Ecjs.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" }) })
   ] });
 }
@@ -4511,87 +3546,4 @@ function ProgramCard({
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-exports.Card = Card; exports.CardHeader = CardHeader; exports.CardTitle = CardTitle; exports.CardDescription = CardDescription; exports.CardContent = CardContent; exports.CardFooter = CardFooter; exports.CardHorizontal = CardHorizontal; exports.Modal = Modal; exports.ModalContent = ModalContent; exports.ModalHeader = ModalHeader; exports.ModalTitle = ModalTitle; exports.ModalFooter = ModalFooter; exports.ImageGalleryModal = ImageGalleryModal; exports.extractYouTubeId = extractYouTubeId; exports.Video = Video; exports.VideoSkeleton = VideoSkeleton; exports.statusBadgeVariants = statusBadgeVariants; exports.genBadgeBgOpacity = genBadgeBgOpacity; exports.generationTierFromLabel = generationTierFromLabel; exports.StatusBadgeSkeleton = StatusBadgeSkeleton; exports.StatusBadge = StatusBadge; exports.EntityIcon = EntityIcon; 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.isCrossOriginUrl = isCrossOriginUrl; 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.decideNewTab = decideNewTab; exports.isSameOriginAbsoluteHref = isSameOriginAbsoluteHref; exports.computeIsNewTab = computeIsNewTab; exports.newTabAnchorAttrs = newTabAnchorAttrs; exports.buildAnchorProps = buildAnchorProps; 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.CONTENT_CARD_FRAME_CLASS = CONTENT_CARD_FRAME_CLASS; exports.CONTENT_CARD_SKELETON_FRAME_CLASS = CONTENT_CARD_SKELETON_FRAME_CLASS; exports.ContentCardFrame = ContentCardFrame; exports.useCoverImageFallback = useCoverImageFallback; exports.hideOnError = hideOnError; exports.EntityPortraitCard = EntityPortraitCard; exports.EntityPortraitCardSkeleton = EntityPortraitCardSkeleton; 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.DEFAULT_VIDEO_BITES_TITLE = DEFAULT_VIDEO_BITES_TITLE; exports.toStripProfile = toStripProfile; exports.sortBitesByCreatedAtDesc = sortBitesByCreatedAtDesc; exports.sortBitesByFeaturedAtDesc = sortBitesByFeaturedAtDesc; exports.programItemToStripProfile = programItemToStripProfile; exports.VideoHoverPreviewSurface = VideoHoverPreviewSurface; 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.UNSAFE_URL_CHARS = UNSAFE_URL_CHARS; exports.COMPACT_CARD_OUTER = COMPACT_CARD_OUTER; exports.COMPACT_CARD_OUTER_STATIC = COMPACT_CARD_OUTER_STATIC; exports.COMPACT_CARD_SKELETON_OUTER = COMPACT_CARD_SKELETON_OUTER; exports.COMPACT_CARD_IMAGE_SLOT = COMPACT_CARD_IMAGE_SLOT; exports.COMPACT_CARD_SKELETON_IMAGE_SLOT = COMPACT_CARD_SKELETON_IMAGE_SLOT; exports.COMPACT_CARD_ICON_SLOT = COMPACT_CARD_ICON_SLOT; exports.COMPACT_CARD_TEXT_COL = COMPACT_CARD_TEXT_COL; exports.COMPACT_CARD_TITLE_ROW = COMPACT_CARD_TITLE_ROW; exports.COMPACT_CARD_META_ROW_BOX = COMPACT_CARD_META_ROW_BOX; exports.COMPACT_CARD_TITLE = COMPACT_CARD_TITLE; exports.COMPACT_CARD_SUBTITLE = COMPACT_CARD_SUBTITLE; exports.COMPACT_CARD_SUMMARY = COMPACT_CARD_SUMMARY; exports.COMPACT_CARD_META_ROW = COMPACT_CARD_META_ROW; exports.COMPACT_CARD_ROW_FILLER = COMPACT_CARD_ROW_FILLER; exports.safeHref = safeHref; exports.CompactCardSkeleton = CompactCardSkeleton; exports.ActivityRowSkeleton = ActivityRowSkeleton; exports.useEntityCardLink = useEntityCardLink; exports.BlogCardSkeleton = BlogCardSkeleton; exports.BlogCard = BlogCard; exports.CaseStudyCardSkeleton = CaseStudyCardSkeleton; exports.CaseStudyCard = CaseStudyCard; 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;