@flamingo-stack/openframe-frontend-core 0.0.764 → 0.0.766

package/dist/{chunk-22XAPV6N.cjs → chunk-DGNBXZXT.cjs}

@@ -1,9 +1,9 @@
-"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 _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";
+"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";
 
 
 
 
-var _chunkOJJ4RL2Tcjs = require('./chunk-OJJ4RL2T.cjs');
+var _chunkR3JX4MXDcjs = require('./chunk-R3JX4MXD.cjs');
 
 
 
@@ -12,10 +12,10 @@ var _chunkOJJ4RL2Tcjs = require('./chunk-OJJ4RL2T.cjs');
 
 
 
-var _chunk63N4FN5Vcjs = require('./chunk-63N4FN5V.cjs');
+var _chunkSETFUCZAcjs = require('./chunk-SETFUCZA.cjs');
 
 
-var _chunkM7YZGRAVcjs = require('./chunk-M7YZGRAV.cjs');
+var _chunkAAECWUNVcjs = require('./chunk-AAECWUNV.cjs');
 
 
 
@@ -27,7 +27,9 @@ var _chunkM7YZGRAVcjs = require('./chunk-M7YZGRAV.cjs');
 
 
 
-var _chunkEQZXJUYVcjs = require('./chunk-EQZXJUYV.cjs');
+
+
+var _chunkJTSUAHDLcjs = require('./chunk-JTSUAHDL.cjs');
 
 
 var _chunk32ASZMTVcjs = require('./chunk-32ASZMTV.cjs');
@@ -43,72 +45,88 @@ var _chunkORO54HDFcjs = require('./chunk-ORO54HDF.cjs');
 
 
 
-var _chunkI5MSCD57cjs = require('./chunk-I5MSCD57.cjs');
+var _chunk3LW5TD54cjs = require('./chunk-3LW5TD54.cjs');
 
 
 
 var _chunkCW3ML76Ucjs = require('./chunk-CW3ML76U.cjs');
 
 
-var _chunkMWLD6NXVcjs = require('./chunk-MWLD6NXV.cjs');
+var _chunkVFZFCRALcjs = require('./chunk-VFZFCRAL.cjs');
 
 
 
 
-var _chunkR3TWQ3ZJcjs = require('./chunk-R3TWQ3ZJ.cjs');
+var _chunk5P4TDV7Vcjs = require('./chunk-5P4TDV7V.cjs');
 
 
 
-var _chunkHOTM4UM6cjs = require('./chunk-HOTM4UM6.cjs');
+var _chunkE76ONBKFcjs = require('./chunk-E76ONBKF.cjs');
 
 
 var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
 
 
-var _chunk2QMBXGMQcjs = require('./chunk-2QMBXGMQ.cjs');
 
 
-var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 
-var _chunkH3RYUTNDcjs = require('./chunk-H3RYUTND.cjs');
 
 
-var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
+
+
+
+var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
+
+
+var _chunkTF5D5MNOcjs = require('./chunk-TF5D5MNO.cjs');
+
+
+var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
+
+
+var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
 
 // src/components/ui/card.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
-var Card = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  "div",
-  {
-    ref,
-    className: _chunk3ATAYP36cjs.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.
-      "rounded-lg border border-ods-border bg-card text-card-foreground shadow-sm",
-      className
-    ),
-    ...props
-  }
-));
+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
+    }
+  )
+);
 Card.displayName = "Card";
-var CardHeader = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunk3ATAYP36cjs.cn.call(void 0, "flex flex-col space-y-1.5 p-6", className), ...props }));
+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: _chunk3ATAYP36cjs.cn.call(void 0, "text-h2", className), ...props }));
+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: _chunk3ATAYP36cjs.cn.call(void 0, "text-muted-foreground text-h6", className), ...props }));
+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: _chunk3ATAYP36cjs.cn.call(void 0, "p-6 pt-0", className), ...props }));
+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: _chunk3ATAYP36cjs.cn.call(void 0, "flex items-center p-6 pt-0", className), ...props }));
+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: _chunk3ATAYP36cjs.cn.call(void 0, 
+      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
@@ -124,80 +142,6 @@ function CardHorizontal({ icon, title, description, className = "", borderLeft =
   );
 }
 
-// src/components/ui/interactive-card.tsx
-
-
-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: _chunk3ATAYP36cjs.cn.call(void 0, 
-          "transition-all",
-          isClickable && [
-            "cursor-pointer",
-            "group",
-            !hoverAccentColor && [
-              "hover:border-ods-accent",
-              // H3 titles turn accent on hover
-              "[&:hover_h3]:text-ods-accent",
-              // Primary text turns accent on hover (but not inside buttons)
-              "[&:hover_.text-ods-text-primary:not(button):not(button_*)]:text-ods-accent"
-            ]
-          ],
-          className
-        ),
-        onClick: handleClick,
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        style: hoverAccentColor ? (
-          // A CSS custom property — React accepts it at runtime but
-          // `CSSProperties` has no index signature for `--*`.
-          { "--hover-accent": hoverAccentColor }
-        ) : void 0,
-        ...props,
-        children
-      }
-    );
-  }
-);
-InteractiveCard.displayName = "InteractiveCard";
-
 // src/components/ui/modal.tsx
 var _overlays = require('@react-aria/overlays');
 
@@ -221,25 +165,25 @@ var Modal = _react.forwardRef.call(void 0, ({ isOpen, onClose, children, classNa
       "div",
       {
         ref,
-        className: _chunk3ATAYP36cjs.cn.call(void 0, 
+        className: _chunk65VVJSQZcjs.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, _chunkMWLD6NXVcjs.ViewportBreakpoints, { children })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVFZFCRALcjs.ViewportBreakpoints, { children })
       }
     )
   ] });
 });
 Modal.displayName = "Modal";
-var ModalContent = _react.forwardRef.call(void 0, ({ children, className }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunk3ATAYP36cjs.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: _chunk65VVJSQZcjs.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: _chunk3ATAYP36cjs.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: _chunk65VVJSQZcjs.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: _chunk3ATAYP36cjs.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: _chunk65VVJSQZcjs.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: _chunk3ATAYP36cjs.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: _chunk65VVJSQZcjs.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
@@ -292,7 +236,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, 
-        _chunk2QMBXGMQcjs.Button,
+        _chunkTF5D5MNOcjs.Button,
         {
           variant: "transparent",
           size: "small-legacy",
@@ -302,7 +246,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, 
-        _chunk2QMBXGMQcjs.Button,
+        _chunkTF5D5MNOcjs.Button,
         {
           variant: "transparent",
           size: "small-legacy",
@@ -313,7 +257,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, 
-      _chunkHOTM4UM6cjs.next_image_default,
+      _chunkE76ONBKFcjs.next_image_default,
       {
         src: images[selectedImageIndex],
         alt: `Screenshot ${selectedImageIndex + 1}`,
@@ -366,7 +310,7 @@ var filePlayerLoad = null;
 var filePlayerListeners = /* @__PURE__ */ new Set();
 function loadFilePlayer() {
   if (filePlayer || filePlayerLoad) return;
-  filePlayerLoad = Promise.resolve().then(() => _interopRequireWildcard(require("./video-file-player-QZ3YOLHO.cjs"))).then((module) => {
+  filePlayerLoad = Promise.resolve().then(() => _interopRequireWildcard(require("./video-file-player-COXRF4M5.cjs"))).then((module) => {
     filePlayer = module.default;
     for (const listener of filePlayerListeners) listener();
   }).catch(() => void 0).finally(() => {
@@ -438,10 +382,12 @@ function extractYouTubeId(url) {
 }
 function Video(props) {
   const { ref: nearRef, isNear } = _chunkCW3ML76Ucjs.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);
-  const layout = _nullishCoalesce(props.layout, () => ( "native"));
   if (props.lazy && !isNear) {
     return wrapWithLayout(
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -465,7 +411,7 @@ function Video(props) {
       className: props.className,
       minimalControls: props.minimalControls,
       muted: props.muted,
-      ..._chunk63N4FN5Vcjs.pickYouTube.call(void 0, props)
+      ..._chunkSETFUCZAcjs.pickYouTube.call(void 0, props)
     }
   ) : "firstFrameOnly" in props && props.firstFrameOnly ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     FirstFramePreview,
@@ -481,7 +427,7 @@ function Video(props) {
       url,
       poster: props.poster,
       muted: props.muted,
-      ..._chunk63N4FN5Vcjs.pickFilePlayback.call(void 0, props),
+      ..._chunkSETFUCZAcjs.pickFilePlayback.call(void 0, props),
       className: props.className
     }
   );
@@ -495,6 +441,9 @@ function resolveKind(props, url) {
   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":
@@ -643,7 +592,7 @@ function YouTubeFacadeInner({
       if (!payload) return;
       if (payload.event === "onError") {
         setFailed(true);
-        _chunk63N4FN5Vcjs.reportPlaybackFailure.call(void 0, { kind: "youtube", src: videoId, reason: "error", errorCode: payload.errorCode });
+        _chunkSETFUCZAcjs.reportPlaybackFailure.call(void 0, { kind: "youtube", src: videoId, reason: "error", errorCode: payload.errorCode });
         return;
       }
       if (payload.event !== "infoDelivery") return;
@@ -681,7 +630,7 @@ function YouTubeFacadeInner({
   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, _chunk63N4FN5Vcjs.VideoErrorOverlay, { onRetry: retry, watchOnYouTubeId: videoId }) });
+    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, 
@@ -717,14 +666,14 @@ function YouTubeFacadeInner({
               height: 720,
               loading: "lazy",
               onError: handlePosterError,
-              ..._chunkHOTM4UM6cjs.fetchPriorityProp.call(void 0, priority),
+              ..._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, 
-          _chunk63N4FN5Vcjs.VideoPlayBadge,
+          _chunkSETFUCZAcjs.VideoPlayBadge,
           {
             size: "lg",
             className: "transition-transform duration-200 group-hover:scale-110 group-hover:text-ods-accent"
@@ -789,7 +738,18 @@ function generationTierFromLabel(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)",
@@ -806,7 +766,7 @@ function StatusBadge({ text, variant, colorScheme, className, singleLine, gen, s
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "span",
     {
-      className: _chunk3ATAYP36cjs.cn.call(void 0, statusBadgeVariants({ variant, colorScheme: gen != null ? void 0 : colorScheme }), className),
+      className: _chunk65VVJSQZcjs.cn.call(void 0, statusBadgeVariants({ variant, colorScheme: gen != null ? void 0 : colorScheme }), className),
       style: genStyle ? { ...genStyle, ...style } : style,
       ...props,
       children: renderText()
@@ -821,23 +781,27 @@ function EntityIcon({
   size = 20,
   className
 }) {
-  const identity = _chunkOJJ4RL2Tcjs.useAgentIdentityIcon.call(void 0, _optionalChain([icon, 'optionalAccess', _14 => _14.url]) ? null : _optionalChain([icon, 'optionalAccess', _15 => _15.name]));
+  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, 
-      _chunkHOTM4UM6cjs.next_image_default,
+      _chunkE76ONBKFcjs.next_image_default,
       {
         src: identity.url,
         alt: "",
         width: size,
         height: size,
-        className: _chunk3ATAYP36cjs.cn.call(void 0, _chunkOJJ4RL2Tcjs.AGENT_PICTURE_CLASS, className),
+        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, 
-      _chunkHOTM4UM6cjs.next_image_default,
+      _chunkE76ONBKFcjs.next_image_default,
       {
         src: icon.url,
         alt: "",
@@ -849,8 +813,8 @@ function EntityIcon({
       }
     );
   }
-  const Glyph = _chunkR3TWQ3ZJcjs.resolveIcon.call(void 0, _nullishCoalesce(_nullishCoalesce(_optionalChain([identity, 'optionalAccess', _19 => _19.name]), () => ( _optionalChain([icon, 'optionalAccess', _20 => _20.name]))), () => ( void 0)));
-  const agentColor = identity ? { color: _chunkOJJ4RL2Tcjs.AGENT_GLYPH_COLOR } : {};
+  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]), () => ( {})) });
 }
 
@@ -906,6 +870,18 @@ function skipsImageOptimizer(url) {
   }
 }
 
+// src/components/chat/hooks/use-proxied-image-url.ts
+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);
+  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))
+  }), () => ( url));
+}
+
 // src/utils/escape-regexp.ts
 function escapeRegExp(value) {
   return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
@@ -915,7 +891,7 @@ function escapeRegExp(value) {
 function formatDayHead(dateString, style) {
   const ymd = splitYmd(dateString);
   if (!ymd) return dateString;
-  return _chunkEQZXJUYVcjs.formatDateWithTimezone.call(void 0, ymd.join("-"), null, style) || dateString;
+  return _chunkJTSUAHDLcjs.formatDateWithTimezone.call(void 0, ymd.join("-"), null, style) || dateString;
 }
 function splitYmd(dateString) {
   const head = dateString.split("T")[0];
@@ -1011,7 +987,7 @@ function getTaskTypeLabel(customItemId) {
 
 // src/components/chat/utils/agent-status-message.ts
 function getStatusColorScheme(status) {
-  const s = _optionalChain([status, 'optionalAccess', _26 => _26.toLowerCase, 'call', _27 => _27()]) || "";
+  const s = _optionalChain([status, 'optionalAccess', _32 => _32.toLowerCase, 'call', _33 => _33()]) || "";
   switch (status) {
     case "completed":
     case "success":
@@ -1277,10 +1253,10 @@ var MEDIA_TYPE = {
   VIDEO: "video"
 };
 function isVideoMedia(media) {
-  return _optionalChain([media, 'optionalAccess', _28 => _28.media_type]) === MEDIA_TYPE.VIDEO;
+  return _optionalChain([media, 'optionalAccess', _34 => _34.media_type]) === MEDIA_TYPE.VIDEO;
 }
 function isImageMedia(media) {
-  return _optionalChain([media, 'optionalAccess', _29 => _29.media_type]) === MEDIA_TYPE.IMAGE;
+  return _optionalChain([media, 'optionalAccess', _35 => _35.media_type]) === MEDIA_TYPE.IMAGE;
 }
 function isPublishableMediaType(mediaType) {
   return mediaType === MEDIA_TYPE.VIDEO || mediaType === MEDIA_TYPE.IMAGE;
@@ -1370,9 +1346,9 @@ function programMetaFormatters(fmt, opts = {}) {
 
 // src/utils/program-meta-renderers.ts
 var PROGRAM_META_RENDERERS = {
-  date: _chunkEQZXJUYVcjs.formatProgramDate,
-  duration: _chunkEQZXJUYVcjs.formatDurationCompact,
-  webinarMeta: _chunkEQZXJUYVcjs.formatWebinarTimeMeta
+  date: _chunkJTSUAHDLcjs.formatProgramDate,
+  duration: _chunkJTSUAHDLcjs.formatDurationCompact,
+  webinarMeta: _chunkJTSUAHDLcjs.formatWebinarTimeMeta
 };
 
 // src/components/chat/utils/chat-nav-resolution.ts
@@ -1449,7 +1425,7 @@ function isSameOriginAbsoluteHref(href) {
 function computeIsNewTab(runtime, href, targetPlatform) {
   if (!href) return false;
   if (runtime.navigation.mode === "embed") return !isSameOriginAbsoluteHref(href);
-  return _nullishCoalesce(_optionalChain([runtime, 'access', _30 => _30.navigation, 'access', _31 => _31.decideNewTab, 'optionalCall', _32 => _32({ href, targetPlatform })]), () => ( decideNewTab({
+  return _nullishCoalesce(_optionalChain([runtime, 'access', _36 => _36.navigation, 'access', _37 => _37.decideNewTab, 'optionalCall', _38 => _38({ href, targetPlatform })]), () => ( decideNewTab({
     href,
     targetPlatform,
     currentSource: _nullishCoalesce(runtime.source, () => ( ""))
@@ -1469,15 +1445,37 @@ var EMPTY_AUTHOR_PLACEHOLDER = {
   avatar_url: null,
   job_title: "Unknown"
 };
+var VALUE_CELL_CLASS = "flex flex-col gap-3 p-4";
+var CELL_STACK_CLASS = "flex flex-col gap-0";
+var VALUE_TEXT_CLASS = "text-ods-text-primary text-h4";
+var VALUE_NODE_CLASS = "flex min-h-6 items-center";
+var LABEL_TEXT_CLASS = "text-ods-text-secondary text-h6";
+var AUTHOR_CELL_CLASS = "flex items-center gap-3 p-4";
+var AUTHOR_TEXT_CLASS = "flex min-w-0 flex-1 flex-col gap-0";
+var AUTHOR_NAME_CLASS = "truncate text-ods-text-primary text-h3";
+var AUTHOR_AVATAR_SIZE = "md";
+var CELL_DIVIDER_CLASS = "border-b md:border-b-0 md:border-r border-ods-border";
+var GRID_FRAME_CLASS = "grid grid-cols-1 w-full overflow-hidden rounded-md border border-ods-border";
+function gridColsClass(cells) {
+  return cells >= 4 ? "md:grid-cols-4" : cells === 3 ? "md:grid-cols-3" : cells === 2 ? "md:grid-cols-2" : "md:grid-cols-1";
+}
 function EntityMetadataValueCell({
   value,
   label,
   className,
-  uppercase = true
+  uppercase = true,
+  optional = false
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `flex flex-col gap-3 p-4 ${_nullishCoalesce(className, () => ( ""))}`, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-0", children: [
-    typeof value === "string" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-primary text-h4", children: uppercase ? value.toLocaleUpperCase() : value }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-6 items-center", children: value }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: label })
+  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: [
+    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" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: LABEL_TEXT_CLASS, children: label })
   ] }) });
 }
 function EntityMetadataAuthorCell({
@@ -1486,25 +1484,49 @@ function EntityMetadataAuthorCell({
   authorHref,
   className
 }) {
+  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  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: `flex items-center gap-3 p-4 ${_nullishCoalesce(className, () => ( ""))}`, children: [
+  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, 
-      _chunkEQZXJUYVcjs.SquareAvatar,
+      _chunkJTSUAHDLcjs.SquareAvatar,
       {
         src: author.avatar_url || "",
         alt: fullName,
-        fallback: _chunkEQZXJUYVcjs.nameInitials.call(void 0, fullName, ""),
-        size: "md",
+        fallback: _chunkJTSUAHDLcjs.nameInitials.call(void 0, fullName, ""),
+        size: AUTHOR_AVATAR_SIZE,
         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 text-ods-text-primary text-h3", title: fullName, children: authorHref && trimmedName ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href: authorHref, className: "transition-colors hover:text-ods-accent", children: fullName }) : fullName }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: author.job_title || roleLabel })
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: AUTHOR_TEXT_CLASS, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: AUTHOR_NAME_CLASS, title: fullName, children: authorHref && trimmedName ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href: authorHref, className: "transition-colors hover:text-ods-accent", children: fullName }) : fullName }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: LABEL_TEXT_CLASS, children: author.job_title || roleLabel })
+    ] })
+  ] });
+}
+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]) }),
+    /* @__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" })
     ] })
   ] });
 }
+function EntityAuthorCardSkeleton({
+  extraCellLabels = [],
+  publishedLabel = "Published",
+  optionalCells = 0,
+  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: [
+    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, {})
+  ] });
+}
 function EntityAuthorCard({
   author,
   roleLabel = "Author",
@@ -1515,36 +1537,49 @@ function EntityAuthorCard({
   renderEmptyAuthor = false,
   className
 }) {
-  const hasAuthor = !!_optionalChain([author, 'optionalAccess', _33 => _33.full_name]);
+  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  if (loading) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      EntityAuthorCardSkeleton,
+      {
+        extraCellLabels: (_nullishCoalesce(extraCells, () => ( []))).filter((cell) => !cell.optional).map((cell) => cell.label),
+        optionalCells: (_nullishCoalesce(extraCells, () => ( []))).filter((cell) => cell.optional).length,
+        publishedLabel: publishedAt === void 0 ? null : publishedLabel,
+        className
+      }
+    );
+  }
+  const hasAuthor = !!_optionalChain([author, 'optionalAccess', _39 => _39.full_name]);
   if (!hasAuthor && !renderEmptyAuthor) return null;
   const effectiveAuthor = hasAuthor ? author : EMPTY_AUTHOR_PLACEHOLDER;
-  const formatted = publishedAt ? _chunkEQZXJUYVcjs.formatDate.call(void 0, publishedAt) : "";
+  const formatted = publishedAt ? _chunkJTSUAHDLcjs.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;
-  const gridColsClass = totalCells >= 4 ? "md:grid-cols-4" : totalCells === 3 ? "md:grid-cols-3" : totalCells === 2 ? "md:grid-cols-2" : "md:grid-cols-1";
-  const dividerClass = "border-b md:border-b-0 md:border-r border-ods-border";
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      className: `grid grid-cols-1 ${gridColsClass} w-full overflow-hidden rounded-md border border-ods-border ${_nullishCoalesce(className, () => ( ""))}`,
-      children: [
-        extras.map((cell, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          EntityMetadataValueCell,
-          {
-            value: cell.value,
-            label: cell.label,
-            uppercase: _nullishCoalesce(cell.uppercase, () => ( true)),
-            className: dividerClass
-          },
-          `${cell.label}-${i}`
-        )),
-        showDateCell && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityMetadataValueCell, { value: dateLabel, label: publishedLabel, uppercase: false, className: dividerClass }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityMetadataAuthorCell, { author: effectiveAuthor, roleLabel, authorHref })
-      ]
-    }
-  );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, GRID_FRAME_CLASS, gridColsClass(totalCells), className), children: [
+    extras.map((cell, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      EntityMetadataValueCell,
+      {
+        value: cell.value,
+        label: cell.label,
+        uppercase: _nullishCoalesce(cell.uppercase, () => ( true)),
+        optional: cell.optional,
+        className: CELL_DIVIDER_CLASS
+      },
+      `${cell.label}-${i}`
+    )),
+    showDateCell && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      EntityMetadataValueCell,
+      {
+        value: dateLabel,
+        label: publishedLabel,
+        uppercase: false,
+        className: CELL_DIVIDER_CLASS
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityMetadataAuthorCell, { author: effectiveAuthor, roleLabel, authorHref })
+  ] });
 }
 
 // src/components/chat/entity-cards/blog-image-placeholder.tsx
@@ -1552,7 +1587,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, 
-    _chunkHOTM4UM6cjs.next_image_default,
+    _chunkE76ONBKFcjs.next_image_default,
     {
       src: imageUrl,
       alt: `Cover image for ${title}`,
@@ -1571,7 +1606,7 @@ function BlogImagePlaceholder({ imageUrl, title, className = "" }) {
 
 // src/components/chat/entity-cards/content-card-frame.tsx
 
-var CONTENT_CARD_FRAME_CLASS = _chunk3ATAYP36cjs.cn.call(void 0, 
+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",
@@ -1579,7 +1614,7 @@ var CONTENT_CARD_FRAME_CLASS = _chunk3ATAYP36cjs.cn.call(void 0,
 );
 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: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, Tag2 === "a" && "no-underline", className), ...rest, children });
+  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
@@ -1602,6 +1637,14 @@ var hideOnError = (e) => {
 
 
 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,
@@ -1615,28 +1658,30 @@ function EntityPortraitCard({
   person,
   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', _34 => _34.src]) === src ? measured.isWide : 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 = _chunkI5MSCD57cjs.useImageEdgeColor.call(void 0, isWide === false ? src : null, "var(--color-bg-surface)");
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunk3ATAYP36cjs.cn.call(void 0, "block h-full", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, "flex h-full flex-col gap-6 p-6"), children: [
+  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: "relative flex aspect-[1200/630] w-full shrink-0 items-center justify-center overflow-hidden rounded-sm bg-ods-bg transition-colors duration-300",
+        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, 
-          _chunkHOTM4UM6cjs.next_image_default,
+          _chunkE76ONBKFcjs.next_image_default,
           {
             src,
             alt: imageAlt,
-            className: _chunk3ATAYP36cjs.cn.call(void 0, "h-full w-full", isWide === false ? "object-contain" : "object-cover"),
+            className: _chunk65VVJSQZcjs.cn.call(void 0, "h-full w-full", isWide === false ? "object-contain" : "object-cover"),
             sizes: "(min-width: 800px) 400px, 100vw",
             fill: true,
             unoptimized: true,
@@ -1646,7 +1691,7 @@ function EntityPortraitCard({
         )
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-[72px] shrink-0 flex-col justify-center gap-1.5", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: PORTRAIT_TITLE_ZONE, children: [
       typeLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         StatusBadge,
         {
@@ -1657,22 +1702,12 @@ function EntityPortraitCard({
           className: "self-start"
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "h3",
-        {
-          className: _chunk3ATAYP36cjs.cn.call(void 0, 
-            "break-words leading-6 text-ods-text-primary text-h4",
-            typeLabel ? "line-clamp-2" : "line-clamp-3",
-            titleClassName
-          ),
-          children: title
-        }
-      )
+      /* @__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: "flex h-[60px] shrink-0 items-center", children: person && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 items-center gap-3", children: [
+    /* @__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, 
-          _chunkHOTM4UM6cjs.next_image_default,
+          _chunkE76ONBKFcjs.next_image_default,
           {
             src: person.avatarUrl,
             alt: person.name,
@@ -1683,7 +1718,7 @@ function EntityPortraitCard({
           }
         ) : /* @__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, 
-          _chunkHOTM4UM6cjs.next_image_default,
+          _chunkE76ONBKFcjs.next_image_default,
           {
             src: person.iconOverlayUrl,
             alt: "",
@@ -1694,13 +1729,38 @@ function EntityPortraitCard({
           }
         ) })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-col", children: [
+      /* @__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
 
@@ -1721,17 +1781,21 @@ var sizeClasses = {
     text: "text-h6"
   }
 };
+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) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PlatformBadgeSkeleton, { size, showLabel, className });
+  }
   if (!platform) {
     return null;
   }
   const sizes = sizeClasses[size];
-  const colors = _chunkR3TWQ3ZJcjs.getPlatformBrandClasses.call(void 0, platform.name);
+  const colors = _chunk5P4TDV7Vcjs.getPlatformBrandClasses.call(void 0, platform.name);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
-      className: _chunk3ATAYP36cjs.cn.call(void 0, 
-        "inline-flex items-center rounded-full border",
+      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        PLATFORM_BADGE_FRAME_CLASS,
         sizes.container,
         colors.accentBgSoft,
         colors.accentBorderSoft,
@@ -1740,16 +1804,47 @@ function PlatformBadge({ platform, size = "sm", showLabel = true, className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkR3TWQ3ZJcjs.PlatformMark, { platform: platform.name, className: sizes.icon }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5P4TDV7Vcjs.PlatformMark, { platform: platform.name, className: sizes.icon }),
         showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: sizes.text, children: platform.display_name || platform.name })
       ]
     }
   );
 }
+var PLATFORM_BADGE_SKELETON_SIZE = {
+  xs: { height: "h-[calc(max(1lh,0.75rem)+0.25rem+2px)]", width: "w-20", iconOnly: "w-[calc(0.75rem+0.75rem+2px)]" },
+  sm: { height: "h-[calc(max(1lh,1rem)+0.5rem+2px)]", width: "w-24", iconOnly: "w-[calc(1rem+1rem+2px)]" },
+  md: { height: "h-[calc(max(1lh,1.25rem)+0.75rem+2px)]", width: "w-28", iconOnly: "w-[calc(1.25rem+1.25rem+2px)]" }
+};
+function PlatformBadgeSkeleton({
+  size = "sm",
+  showLabel = true,
+  className
+}) {
+  const box = PLATFORM_BADGE_SKELETON_SIZE[size];
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkXFRBEXQNcjs.UnifiedSkeleton,
+    {
+      as: "span",
+      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        "inline-block rounded-full align-middle text-h6",
+        box.height,
+        showLabel ? box.width : box.iconOnly,
+        className
+      )
+    }
+  );
+}
 
 // src/components/chat/entity-cards/admin-content-card.tsx
 
 
+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_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";
+var ADMIN_CARD_META = "flex items-center gap-3 text-ods-text-secondary text-h6";
+var ADMIN_CARD_ACTIONS = "mt-auto flex items-center justify-between border-t border-ods-border pt-3";
 function AdminContentCard({
   imageUrl,
   placeholderUrl,
@@ -1768,18 +1863,21 @@ function AdminContentCard({
   const [loadedUrl, setLoadedUrl] = _react.useState.call(void 0, null);
   const displayUrl = imageUrl && !imageError ? imageUrl : placeholderUrl;
   const imageLoaded = Boolean(displayUrl) && loadedUrl === displayUrl;
-  const imageBgColor = _chunkI5MSCD57cjs.useImageEdgeColor.call(void 0, displayUrl || null, "transparent");
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "article", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, "flex h-full flex-col", className), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative aspect-[3/2] w-full shrink-0 overflow-hidden", style: { backgroundColor: imageBgColor }, children: displayUrl ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      !imageLoaded && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "absolute inset-0 h-full rounded-none" }),
+  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 });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "article", { className: _chunk65VVJSQZcjs.cn.call(void 0, 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" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkHOTM4UM6cjs.next_image_default,
+        _chunkE76ONBKFcjs.next_image_default,
         {
           src: displayUrl,
           alt: title,
           fill: true,
           sizes: "(min-width: 1280px) 33vw, (min-width: 768px) 50vw, 100vw",
-          className: _chunk3ATAYP36cjs.cn.call(void 0, 
+          className: _chunk65VVJSQZcjs.cn.call(void 0, 
             "object-contain object-center",
             "transition-transform duration-500 ease-out",
             "group-hover:scale-[1.03]",
@@ -1791,12 +1889,12 @@ function AdminContentCard({
         }
       )
     ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-ods-bg" }) }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-1 flex-col gap-3 p-5", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: _chunk3ATAYP36cjs.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: _chunk3ATAYP36cjs.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: _chunk3ATAYP36cjs.cn.call(void 0, "line-clamp-2 text-ods-text-secondary text-h6", reserveRows && "min-h-[2lh]"), children: summary }),
-      (Number(_optionalChain([platforms, 'optionalAccess', _35 => _35.length])) > 0 || badges || reserveRows) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex flex-wrap items-center gap-2", reserveRows && "min-h-7"), children: [
-        _optionalChain([platforms, 'optionalAccess', _36 => _36.map, 'call', _37 => _37((p) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    /* @__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, 
           PlatformBadge,
           {
             platform: { id: p.id || p.platform_id || "", name: p.name, display_name: p.display_name || p.name },
@@ -1806,8 +1904,37 @@ function AdminContentCard({
         ))]),
         badges
       ] }),
-      (meta || reserveRows) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex items-center gap-3 text-ods-text-secondary text-h6", reserveRows && "min-h-[1lh]"), children: meta }),
-      actions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-auto flex items-center justify-between border-t border-ods-border pt-3", children: actions })
+      (meta || reserveRows) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.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 })
+    ] })
+  ] });
+}
+function AdminContentCardSkeleton({
+  className,
+  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") }),
+    /* @__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, "div", { className: ADMIN_CARD_META, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.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.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" })
+        ] })
+      ] }) : actions ? (
+        // The caller's own controls, drawn as they are but never focused while the card is a skeleton.
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ADMIN_CARD_ACTIONS, inert: true, children: actions })
+      ) : null
     ] })
   ] });
 }
@@ -1849,7 +1976,7 @@ var SENTENCE_MARK = /([.:?!]+)(?=\s|$)/g;
 var ONLY_MARKS = /^\s*[.:?!]+\s*$/;
 function headingAccentClass(platform, tone = "accent") {
   if (!platform) return "text-ods-accent";
-  const classes = _chunkR3TWQ3ZJcjs.getPlatformBrandClasses.call(void 0, platform);
+  const classes = _chunk5P4TDV7Vcjs.getPlatformBrandClasses.call(void 0, platform);
   return tone === "secondary" ? classes.secondaryText : classes.accentText;
 }
 function accentSentenceMarks(node, platform, tone = "accent") {
@@ -1895,6 +2022,14 @@ var SECTION_HEADING_LAYOUT = {
     intro: "text-h4 text-ods-text-secondary"
   }
 };
+function SectionEyebrow({
+  children,
+  platform,
+  tone = "accent",
+  className
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: ["text-h5", headingAccentClass(platform, tone), className].filter(Boolean).join(" "), children });
+}
 function SectionHeading({
   eyebrow,
   title,
@@ -1910,7 +2045,7 @@ function SectionHeading({
   const accentClassName = headingAccentClass(platform, tone);
   const layout = SECTION_HEADING_LAYOUT[level];
   const Tag2 = presentational ? "div" : level === "page" ? "h1" : "h2";
-  const eyebrowNode = eyebrow ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `text-h5 ${accentClassName}`, children: eyebrow }) : null;
+  const eyebrowNode = eyebrow ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SectionEyebrow, { platform, tone, children: eyebrow }) : null;
   const headingText = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     accentSentenceMarks(title, platform, tone),
     punctuation ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: accentClassName, children: punctuation }) : null
@@ -1941,11 +2076,43 @@ function SectionHeading({
     }
   );
 }
+function SectionHeadingSkeleton({
+  level = "section",
+  eyebrow,
+  titleWidth = "w-2/3",
+  intro,
+  action,
+  platform,
+  tone = "accent",
+  className
+}) {
+  const layout = SECTION_HEADING_LAYOUT[level];
+  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 }) }),
+    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, { type: "inherit", className: i === introLines - 1 && introLines > 1 ? "w-2/3" : "w-full" }, i)
+    )) }) : null
+  ] });
+  if (!action) return className ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, children: stack }) : stack;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: `flex flex-wrap items-end justify-between gap-[var(--spacing-system-mf)]${className ? ` ${className}` : ""}`,
+      children: [
+        stack,
+        action
+      ]
+    }
+  );
+}
 
 // src/components/features/video-bites-shared.ts
 var DEFAULT_VIDEO_BITES_TITLE = "Key Moments";
 function toStripProfile(p, fallbackSubtitle) {
-  if (!_optionalChain([p, 'optionalAccess', _38 => _38.full_name])) return null;
+  if (!_optionalChain([p, 'optionalAccess', _44 => _44.full_name])) return null;
   return {
     name: p.full_name,
     avatarUrl: _nullishCoalesce(p.avatar_url, () => ( null)),
@@ -1967,8 +2134,8 @@ function sortBitesByFeaturedAtDesc(a, b) {
 function programItemToStripProfile(item) {
   const fromAuthor = toStripProfile(item.author);
   if (fromAuthor) return fromAuthor;
-  const host = _nullishCoalesce(_optionalChain([item, 'access', _39 => _39.hosts, 'optionalAccess', _40 => _40[0]]), () => ( null));
-  if (!_optionalChain([host, 'optionalAccess', _41 => _41.name])) return null;
+  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)) });
 }
 
@@ -1997,7 +2164,7 @@ function VideoHoverPreviewSurface({
   onEnded,
   className
 }) {
-  const previewUrl = _chunk63N4FN5Vcjs.toMuxPreviewUrl.call(void 0, url);
+  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);
@@ -2005,7 +2172,7 @@ function VideoHoverPreviewSurface({
     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', _42 => _42[0], 'optionalAccess', _43 => _43.isIntersecting]), () => ( false))), {
+    const io = new IntersectionObserver((entries) => setIsNear(_nullishCoalesce(_optionalChain([entries, 'access', _48 => _48[0], 'optionalAccess', _49 => _49.isIntersecting]), () => ( false))), {
       rootMargin: _chunkCW3ML76Ucjs.NEAR_VIEWPORT_ROOT_MARGIN
     });
     io.observe(el);
@@ -2014,9 +2181,9 @@ function VideoHoverPreviewSurface({
   const showMedia = continuation || (gateControlled ? playerMounted : isNear);
   const { src: posterSrc, onError: onPosterError } = useCoverImageFallback(posterUrl);
   const facadeSkipped = preload === "none" && !posterSrc;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: rootElRef, className: _chunk3ATAYP36cjs.cn.call(void 0, "absolute inset-0", className), inert: isClone || void 0, children: showMedia ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+  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, 
-      _chunkHOTM4UM6cjs.next_image_default,
+      _chunkE76ONBKFcjs.next_image_default,
       {
         src: posterSrc,
         alt: "",
@@ -2028,7 +2195,7 @@ function VideoHoverPreviewSurface({
         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, _chunk63N4FN5Vcjs.VideoPlayBadge, { className: "absolute inset-0 z-10 m-auto" }),
+    badge === "play" && !active && !continuation && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.VideoPlayBadge, { className: "absolute inset-0 z-10 m-auto" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
@@ -2063,275 +2230,46 @@ function VideoHoverPreviewSurface({
   ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-ods-card" }) });
 }
 
-// src/components/shared/product-release/product-release-card.tsx
-
-
-function ProductReleaseCard({
-  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', _44 => _44.features]), () => ( 0))) + (_nullishCoalesce(_optionalChain([changelogCounts, 'optionalAccess', _45 => _45.fixes]), () => ( 0))) + (_nullishCoalesce(_optionalChain([changelogCounts, 'optionalAccess', _46 => _46.improvements]), () => ( 0))) + (_nullishCoalesce(_optionalChain([changelogCounts, 'optionalAccess', _47 => _47.breaking]), () => ( 0)));
-    const valueCells = [
-      releaseType && releaseTypeBadgeColor ? {
-        value: releaseType.toUpperCase(),
-        label: "Type",
-        uppercase: true,
-        colorScheme: releaseTypeBadgeColor
-      } : { value: "\u2014", label: "Type", uppercase: false },
-      releaseStatus ? {
-        value: releaseStatus.toUpperCase(),
-        label: "Status",
-        uppercase: true
-      } : { value: "\u2014", label: "Status", uppercase: false },
-      formattedDate ? {
-        value: formattedDate,
-        label: "Released",
-        uppercase: false
-      } : { value: "\u2014", label: "Released", uppercase: false }
-    ];
-    const effectiveAuthor = _optionalChain([author, 'optionalAccess', _48 => _48.full_name]) ? author : { full_name: "\u2014", avatar_url: null, job_title: "Unknown" };
-    const gridColsClass = "content-md:grid-cols-4";
-    const dividerClass = "border-b content-md:border-b-0 content-md:border-r border-ods-border";
-    const interactive = !!anchorProps || !!onClick;
-    const frameClass = _chunk3ATAYP36cjs.cn.call(void 0, 
-      interactive ? CONTENT_CARD_FRAME_CLASS : CONTENT_CARD_SKELETON_FRAME_CLASS,
-      "flex flex-col gap-4 p-6",
-      "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: "flex flex-col gap-4 content-md:flex-row content-md:gap-6", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full flex-shrink-0 content-md:w-[256px]", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative aspect-[1200/630] w-full overflow-hidden rounded-lg bg-ods-bg", children: [
-          coverImage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkHOTM4UM6cjs.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, _chunk63N4FN5Vcjs.CardHoverPlay, { size: "md" })
-        ] }) }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 flex items-center gap-3", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "truncate font-semibold text-ods-text-primary text-code", children: [
-            "v",
-            version
-          ] }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 flex min-h-[60px] items-start content-md:min-h-[72px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "line-clamp-2 font-['Azeret_Mono'] text-xl font-semibold leading-tight text-ods-text-primary content-md:text-2xl", children: title }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-[68px] content-md:min-h-[78px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "line-clamp-3 font-['DM_Sans'] text-sm leading-relaxed text-ods-text-secondary content-md:text-base", children: _nullishCoalesce(summary, () => ( "")) }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1.5 border-t border-ods-border pt-3 text-ods-text-secondary text-h6", children: totalChangelog > 0 && changelogCounts ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        changelogCounts.features > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { 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", { 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", { 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", { 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", { className: "text-ods-text-secondary", children: "No changelog entries yet" }) }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "div",
-        {
-          className: _chunk3ATAYP36cjs.cn.call(void 0, 
-            "grid grid-cols-1",
-            gridColsClass,
-            "w-full overflow-hidden rounded-md border border-ods-border"
-          ),
-          children: [
-            valueCells.map((cell, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex flex-col gap-3 p-4", dividerClass), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-0", children: [
-              cell.colorScheme ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                StatusBadge,
-                {
-                  text: cell.value,
-                  variant: "card",
-                  colorScheme: cell.colorScheme,
-                  singleLine: true,
-                  className: "self-start"
-                }
-              ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "p",
-                {
-                  className: _chunk3ATAYP36cjs.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: "text-ods-text-secondary text-h6", 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, 
-                _chunkEQZXJUYVcjs.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 = _chunk3ATAYP36cjs.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, _chunkHOTM4UM6cjs.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, _chunk63N4FN5Vcjs.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/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_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";
+var RELEASE_CARD_TITLE_BOX_CLASS = "mb-3 flex min-h-[2lh] items-start text-h2";
+var RELEASE_CARD_TITLE_CLASS = "line-clamp-2 text-h2 text-ods-text-primary";
+var RELEASE_CARD_SUMMARY_BOX_CLASS = "min-h-[3lh] text-h4";
+var RELEASE_CARD_SUMMARY_CLASS = "line-clamp-3 text-h4 text-ods-text-secondary";
+var RELEASE_CARD_CHANGELOG_CLASS = "flex flex-wrap items-center gap-x-4 gap-y-1.5 border-t border-ods-border pt-3 text-ods-text-secondary text-h6";
+var RELEASE_CARD_GRID_CLASS = "grid grid-cols-1 content-md:grid-cols-4 w-full overflow-hidden rounded-md border border-ods-border";
+var RELEASE_CARD_CELL_DIVIDER_CLASS = "border-b content-md:border-b-0 content-md:border-r border-ods-border";
+var RELEASE_CARD_CELL_CLASS = "flex flex-col gap-3 p-4";
+var RELEASE_CARD_CELL_STACK_CLASS = "grid grid-cols-1 gap-0";
+var RELEASE_CARD_CELL_LABEL_CLASS = "text-ods-text-secondary text-h6";
+var RELEASE_CARD_CELL_LABELS = ["Type", "Status", "Released"];
 
 // src/components/shared/product-release/product-release-card-skeleton.tsx
 
 function ProductReleaseCardSkeleton({ className, size = "lg" }) {
   if (size === "lg") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, "flex flex-col gap-4 p-6", className), children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-4 content-md:flex-row content-md:gap-6", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "aspect-[1200/630] w-full flex-shrink-0 rounded-lg content-md:w-[256px]" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 flex items-center gap-3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-7 w-20 rounded" }) }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-3 flex min-h-[60px] flex-col justify-start gap-1.5 content-md:min-h-[72px]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[25px] w-3/4 rounded content-md:h-[30px]" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[25px] w-1/2 rounded content-md:h-[30px]" })
-          ] }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-h-[68px] flex-col justify-start gap-2 content-md:min-h-[78px]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-3 w-full rounded" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-3 w-11/12 rounded" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-3 w-5/6 rounded" })
-          ] })
+    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: [
+      /* @__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.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: "border-t border-ods-border pt-3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-5 w-2/3 rounded" }) }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid w-full grid-cols-1 overflow-hidden rounded-md border border-ods-border content-md:grid-cols-4", children: [
-        [0, 1, 2].map((i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "div",
-          {
-            className: "flex flex-col gap-3 border-b border-ods-border p-4 content-md:border-b-0 content-md:border-r",
-            children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-7 w-24 rounded" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-16 rounded" })
-            ] })
-          },
-          `cell-${i}`
-        )),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 p-4", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-10 w-10 shrink-0 rounded-full" }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-5 w-3/4 rounded" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-1/2 rounded" })
-          ] })
-        ] })
+      /* @__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.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" }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: RELEASE_CARD_CELL_LABEL_CLASS, children: label })
+        ] }) }, label)),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityMetadataAuthorCellSkeleton, {})
       ] })
     ] });
   }
@@ -2339,20 +2277,20 @@ function ProductReleaseCardSkeleton({ className, size = "lg" }) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "span",
       {
-        className: _chunk3ATAYP36cjs.cn.call(void 0, 
+        className: _chunk65VVJSQZcjs.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, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "block aspect-square h-14 w-14 shrink-0 self-start rounded-md" }),
+          /* @__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.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, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-3/5 rounded" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-4 w-12 shrink-0 rounded" })
+              /* @__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, "span", { className: "flex h-4 min-w-0 items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.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, _chunkH3RYUTNDcjs.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, _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" }) })
           ] })
         ]
       }
@@ -2403,10 +2341,10 @@ function buildProductReleaseCardProps(item) {
       job_title: release.author.job_title
     } : void 0,
     changelogCounts: {
-      features: _nullishCoalesce(_optionalChain([release, 'access', _49 => _49.features_added, 'optionalAccess', _50 => _50.length]), () => ( 0)),
-      fixes: _nullishCoalesce(_optionalChain([release, 'access', _51 => _51.bugs_fixed, 'optionalAccess', _52 => _52.length]), () => ( 0)),
-      improvements: _nullishCoalesce(_optionalChain([release, 'access', _53 => _53.improvements, 'optionalAccess', _54 => _54.length]), () => ( 0)),
-      breaking: _nullishCoalesce(_optionalChain([release, 'access', _55 => _55.breaking_changes, 'optionalAccess', _56 => _56.length]), () => ( 0))
+      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))
     }
   };
 }
@@ -2427,12 +2365,15 @@ var COMPACT_CARD_OUTER = "my-1.5 flex items-start gap-3 w-full p-2 rounded-lg bo
 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 h-14 w-14 aspect-square shrink-0 self-start rounded-md";
+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 = "truncate text-sm font-semibold leading-5 text-ods-text-primary";
+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";
@@ -2459,6 +2400,51 @@ function safeHref(url) {
 // 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 }) {
@@ -2480,33 +2466,47 @@ function useEntityCardPlaceholder({
   siteName = "",
   aspect = "wide"
 }) {
-  const derived = _chunkI5MSCD57cjs.useOgPlaceholderUrl.call(void 0, { title, siteName, aspect });
+  const derived = _chunk3LW5TD54cjs.useOgPlaceholderUrl.call(void 0, { title, siteName, aspect });
   return placeholderUrl !== void 0 ? placeholderUrl : derived;
 }
 
 // src/components/chat/entity-cards/blog-card.tsx
 
-function BlogCardSkeleton({ size = "default" }) {
+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_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_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_POST_TYPE_LABEL = "Blog Post";
+function BlogCardSkeleton({
+  size = "default",
+  showTypeBadge = true,
+  className
+}) {
+  if (size === "portrait") {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityPortraitCardSkeleton, { typeLabel: showTypeBadge ? BLOG_POST_TYPE_LABEL : void 0, className });
+  }
   if (size === "sm") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
-      /* @__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, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-3/5 rounded" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-2/5 rounded" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-11/12 rounded" }) })
-      ] })
-    ] });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CompactCardSkeleton, { className });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "article", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, "group flex h-full flex-col"), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "aspect-[1200/630]" }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-grow flex-col space-y-3 p-4", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-5 w-3/4 rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-5 w-1/2 rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-3 w-full rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-3 w-4/5 rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-auto flex items-center gap-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-8 w-8 rounded-full" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-3 w-24 rounded" })
+  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") }),
+    /* @__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.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.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" })
+        ] })
       ] })
     ] })
   ] });
@@ -2536,12 +2536,13 @@ function BlogCard({
     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 });
   if (size === "sm") {
-    const dateStr2 = post.published_at ? _chunkEQZXJUYVcjs.formatDateWithTimezone.call(void 0, post.published_at, null, "medium") : "";
-    const firstCategory = _optionalChain([post, 'access', _57 => _57.categories, 'optionalAccess', _58 => _58.find, 'call', _59 => _59((c) => c && c.name), 'optionalAccess', _60 => _60.name]);
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunk3ATAYP36cjs.cn.call(void 0, COMPACT_CARD_OUTER, className), children: [
+    const dateStr2 = post.published_at ? _chunkJTSUAHDLcjs.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, 
-        _chunkHOTM4UM6cjs.next_image_default,
+        _chunkE76ONBKFcjs.next_image_default,
         {
           src: displayImage,
           alt: post.title,
@@ -2553,8 +2554,8 @@ function BlogCard({
         }
       ) : null }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunk3ATAYP36cjs.cn.call(void 0, COMPACT_CARD_TITLE_ROW, "gap-1.5"), children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk3ATAYP36cjs.cn.call(void 0, COMPACT_CARD_TITLE, "font-body"), children: post.title }),
+        /* @__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.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_SUBTITLE, children: [
@@ -2567,14 +2568,14 @@ function BlogCard({
     ] });
   }
   if (size === "portrait") {
-    const dateStr2 = post.published_at ? _chunkEQZXJUYVcjs.formatDateWithTimezone.call(void 0, post.published_at, null, "medium") : "";
+    const dateStr2 = post.published_at ? _chunkJTSUAHDLcjs.formatDateWithTimezone.call(void 0, post.published_at, null, "medium") : "";
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       EntityPortraitCard,
       {
         href,
         target,
         rel,
-        typeLabel: showTypeBadge ? "Blog Post" : void 0,
+        typeLabel: showTypeBadge ? BLOG_POST_TYPE_LABEL : void 0,
         imageUrl: post.featured_image,
         placeholderUrl,
         imageAlt: post.title,
@@ -2588,27 +2589,27 @@ function BlogCard({
       }
     );
   }
-  const dateStr = post.published_at ? _chunkEQZXJUYVcjs.formatDateWithTimezone.call(void 0, post.published_at, null, "medium") : "";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "article", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, "flex h-full flex-col", 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: "relative aspect-[1200/630] w-full overflow-hidden bg-ods-bg", children: displayImage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHOTM4UM6cjs.next_image_default,
+  const dateStr = post.published_at ? _chunkJTSUAHDLcjs.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,
       {
         src: displayImage,
         alt: post.title,
         fill: true,
         priority,
         quality: priority ? 85 : 75,
-        className: _chunk3ATAYP36cjs.cn.call(void 0, "object-cover object-center", "duration-400 transition-all ease-out", "hover:scale-[1.02]"),
+        className: _chunk65VVJSQZcjs.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
       }
     ) : null }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-grow flex-col p-4", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 flex min-h-[50.4px] items-center md:min-h-[56px] lg:min-h-[61.6px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    /* @__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, 
         "h3",
         {
-          className: _chunk3ATAYP36cjs.cn.call(void 0, 
+          className: _chunk65VVJSQZcjs.cn.call(void 0, 
             "text-ods-text-primary text-h3",
             "line-clamp-2",
             "transition-colors duration-300 ease-out",
@@ -2617,17 +2618,17 @@ function BlogCard({
           children: post.title
         }
       ) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 flex min-h-[42px] items-center md:min-h-[45px] lg:min-h-[48px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: _chunk3ATAYP36cjs.cn.call(void 0, "text-ods-text-primary text-h6", "line-clamp-2"), children: post.summary || "" }) }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-auto flex items-center justify-between gap-2 text-ods-text-secondary text-h6", children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 items-center gap-2", children: [
+      /* @__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.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, 
-            _chunkHOTM4UM6cjs.next_image_default,
+            _chunkE76ONBKFcjs.next_image_default,
             {
               src: post.author_avatar,
               alt: post.author_name || "",
               width: 32,
               height: 32,
-              className: "shrink-0 rounded-full",
+              className: BLOG_CARD_AVATAR,
               unoptimized: true
             }
           ) : null,
@@ -2642,7 +2643,7 @@ function BlogCard({
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           "div",
           {
-            className: "flex shrink-0 items-center gap-1",
+            className: BLOG_CARD_VIEWS,
             "aria-label": `View count: ${(_nullishCoalesce(post.view_count, () => ( 0))).toLocaleString("en-US")} views`,
             children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Eye, { className: "h-4 w-4 shrink-0" }),
@@ -2661,26 +2662,39 @@ function BlogCard({
 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', _61 => _61.metrics, 'optionalAccess', _62 => _62[0]]);
-  return _optionalChain([metric, 'optionalAccess', _63 => _63.value]) && metric.label ? metric : null;
+  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: "flex h-[60px] shrink-0 items-center", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 items-center gap-3", children: [
+  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', _64 => _64.user, 'optionalAccess', _65 => _65.avatar_url]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkHOTM4UM6cjs.next_image_default,
+      _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', _66 => _66.user, 'optionalAccess', _67 => _67.full_name]) || "User",
+          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', _68 => _68.user, 'optionalAccess', _69 => _69.full_name]) || "A").charAt(0).toUpperCase() }) }),
-      _optionalChain([study, 'access', _70 => _70.msp, 'optionalAccess', _71 => _71.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, 
-        _chunkHOTM4UM6cjs.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([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",
@@ -2691,59 +2705,68 @@ function CaseStudyPersonRow({ study }) {
         }
       ) })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 flex-1", children: [
+    /* @__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', _72 => _72.user, 'optionalAccess', _73 => _73.full_name]) || "Anonymous",
-        _optionalChain([study, 'access', _74 => _74.msp, 'optionalAccess', _75 => _75.name]) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-ods-text-secondary", 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', _76 => _76.user, 'optionalAccess', _77 => _77.job_title]) || "\xA0" })
+      /* @__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" }) {
+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: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, CASE_STUDY_RESULT_STACK), children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-[60px] shrink-0 items-center gap-3", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-12 w-12 rounded-full" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-2/3 rounded" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-3 w-1/2 rounded" })
-        ] })
-      ] }),
+    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, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-10 w-1/3 rounded" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-3/4 rounded" })
+        /* @__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.jsx.call(void 0, "div", { className: CASE_STUDY_RESULT_FOOTER_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-2/3 rounded" }) })
+      /* @__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 === "sm") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
-      /* @__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, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-3/5 rounded" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-1/2 rounded" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-11/12 rounded" }) })
-      ] })
+  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" })
     ] });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, "flex flex-col gap-6 p-6"), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "aspect-[1200/630] w-full rounded-sm" }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-[72px] flex-col gap-2", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-5 w-3/4 rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-5 w-1/2 rounded" })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-[60px] items-center gap-3", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-12 w-12 rounded-full" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-2/3 rounded" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-3 w-1/2 rounded" })
-      ] })
-    ] })
-  ] });
+  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) {
@@ -2752,7 +2775,14 @@ function caseStudyHighlight(study) {
   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({
+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,
@@ -2780,12 +2810,12 @@ function CaseStudyCard({
   });
   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: _chunk3ATAYP36cjs.cn.call(void 0, COMPACT_CARD_OUTER, className), children: [
+    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, 
-        _chunkHOTM4UM6cjs.next_image_default,
+        _chunkE76ONBKFcjs.next_image_default,
         {
           src: coverImage,
-          alt: `${_optionalChain([study, 'access', _78 => _78.msp, 'optionalAccess', _79 => _79.name]) || study.title} cover`,
+          alt: `${_optionalChain([study, 'access', _79 => _79.msp, 'optionalAccess', _80 => _80.name]) || study.title} cover`,
           className: "object-contain",
           fill: true,
           sizes: "56px",
@@ -2795,16 +2825,16 @@ function CaseStudyCard({
       ) : 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', _80 => _80.msp, 'optionalAccess', _81 => _81.name]), _optionalChain([study, 'access', _82 => _82.user, 'optionalAccess', _83 => _83.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_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', _84 => _84.url]), () => ( null));
+    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', _85 => _85.posterUrl]) || null;
+    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,
       {
@@ -2816,13 +2846,9 @@ function CaseStudyCard({
         onPointerLeave: () => setHovered(false),
         onFocus: () => setHovered(true),
         onBlur: () => setHovered(false),
-        className: _chunk3ATAYP36cjs.cn.call(void 0, 
-          // `group/card` is what the shared play glyph accents on.
-          "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",
-          className
-        ),
+        className: _chunk65VVJSQZcjs.cn.call(void 0, CASE_STUDY_MENU_FRAME, className),
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "pointer-events-none relative block aspect-video w-full shrink-0 overflow-hidden rounded-md bg-ods-bg", children: videoUrl ? (
+          /* @__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.
@@ -2839,7 +2865,7 @@ function CaseStudyCard({
             )
           ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
             (_nullishCoalesce(poster, () => ( placeholderUrl))) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkHOTM4UM6cjs.next_image_default,
+              _chunkE76ONBKFcjs.next_image_default,
               {
                 src: _nullishCoalesce(_nullishCoalesce(poster, () => ( placeholderUrl)), () => ( "")),
                 alt: "",
@@ -2850,21 +2876,21 @@ function CaseStudyCard({
                 onError: hideOnError
               }
             ),
-            hasAnyVideo && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63N4FN5Vcjs.CardHoverPlay, { size: "md" })
+            hasAnyVideo && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.CardHoverPlay, { size: "md" })
           ] }) }),
-          _optionalChain([study, 'access', _86 => _86.msp, 'optionalAccess', _87 => _87.name]) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center gap-[var(--spacing-system-xsf)] text-ods-text-secondary text-h6", children: [
+          _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: 20,
-                className: "size-5 shrink-0 rounded object-contain"
+                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', _88 => _88.user, 'optionalAccess', _89 => _89.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 }),
+          _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" })
         ]
       }
@@ -2873,15 +2899,15 @@ function CaseStudyCard({
   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: _chunk3ATAYP36cjs.cn.call(void 0, "block h-full", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, CASE_STUDY_RESULT_STACK), children: [
+    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: _chunk3ATAYP36cjs.cn.call(void 0, "truncate text-h1", accentClassName), children: metric.value }),
+        /* @__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: _chunk3ATAYP36cjs.cn.call(void 0, "shrink-0 text-h6", accentClassName), children: "Read" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, "shrink-0 text-h6", accentClassName), children: "Read" })
       ] })
     ] }) });
   }
@@ -2892,27 +2918,27 @@ function CaseStudyCard({
         href,
         target,
         rel,
-        typeLabel: showTypeBadge ? "Case Study" : void 0,
+        typeLabel: showTypeBadge ? CASE_STUDY_TYPE_LABEL : void 0,
         imageUrl: study.featured_image,
         placeholderUrl,
-        imageAlt: _optionalChain([study, 'access', _90 => _90.msp, 'optionalAccess', _91 => _91.name]) || study.title,
+        imageAlt: _optionalChain([study, 'access', _91 => _91.msp, 'optionalAccess', _92 => _92.name]) || study.title,
         title: study.title,
         person: {
-          name: _optionalChain([study, 'access', _92 => _92.user, 'optionalAccess', _93 => _93.full_name]) || "Anonymous",
-          avatarUrl: _optionalChain([study, 'access', _94 => _94.user, 'optionalAccess', _95 => _95.avatar_url]),
-          subtitle: _nullishCoalesce(_optionalChain([study, 'access', _96 => _96.msp, 'optionalAccess', _97 => _97.name]), () => ( null)),
-          iconOverlayUrl: _nullishCoalesce(_optionalChain([study, 'access', _98 => _98.msp, 'optionalAccess', _99 => _99.icon_url]), () => ( null))
+          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: _chunk3ATAYP36cjs.cn.call(void 0, "block h-full", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, "flex flex-col gap-6 p-6"), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative aspect-[1200/630] w-full shrink-0 overflow-hidden rounded-sm bg-ods-bg", children: coverImage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHOTM4UM6cjs.next_image_default,
+  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', _100 => _100.msp, 'optionalAccess', _101 => _101.name]) || study.title,
+        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,
@@ -2920,7 +2946,7 @@ function CaseStudyCard({
         onError: hideOnError
       }
     ) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-[72px] shrink-0 items-center", 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, "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 })
   ] }) });
 }
@@ -2928,36 +2954,35 @@ function CaseStudyCard({
 // src/components/chat/entity-cards/customer-interview-card.tsx
 
 
-function CustomerInterviewCardSkeleton({ size = "default" }) {
+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_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";
+var INTERVIEW_TYPE_LABEL = "Customer Interview";
+function CustomerInterviewCardSkeleton({
+  size = "default",
+  showTypeBadge = true,
+  className
+}) {
+  if (size === "portrait") {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityPortraitCardSkeleton, { typeLabel: showTypeBadge ? INTERVIEW_TYPE_LABEL : void 0, className });
+  }
   if (size === "sm") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
-      /* @__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, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-3/5 rounded" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-2/5 rounded" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-11/12 rounded" }) })
-      ] })
-    ] });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CompactCardSkeleton, { className });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, "flex flex-col gap-6 p-6"), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "aspect-[1200/630] w-full rounded-sm" }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-5 w-3/4 rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-5 w-1/2 rounded" })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-3 w-full rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-3 w-5/6 rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-3 w-4/5 rounded" })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-auto flex h-[60px] items-center gap-3", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-12 w-12 rounded-full" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-2/3 rounded" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-3 w-1/2 rounded" })
+  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" }) }),
+    /* @__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.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" })
       ] })
-    ] })
-  ] });
+    ] }) })
+  ] }) });
 }
 function CustomerInterviewCard({
   interview,
@@ -2982,11 +3007,14 @@ function CustomerInterviewCard({
     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: _chunk3ATAYP36cjs.cn.call(void 0, COMPACT_CARD_OUTER, className), children: [
+    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: [
         thumbnailUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkHOTM4UM6cjs.next_image_default,
+          _chunkE76ONBKFcjs.next_image_default,
           {
             src: thumbnailUrl,
             alt: interview.title,
@@ -3001,7 +3029,7 @@ function CustomerInterviewCard({
       ] }),
       /* @__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', _102 => _102.user, 'optionalAccess', _103 => _103.full_name]), _optionalChain([interview, 'access', _104 => _104.msp, 'optionalAccess', _105 => _105.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_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 }) })
       ] })
     ] });
@@ -3013,25 +3041,25 @@ function CustomerInterviewCard({
         href,
         target,
         rel,
-        typeLabel: showTypeBadge ? "Customer Interview" : void 0,
+        typeLabel: showTypeBadge ? INTERVIEW_TYPE_LABEL : void 0,
         imageUrl: interview.featured_image,
         placeholderUrl,
         imageAlt: interview.title,
         title: interview.title,
         person: {
-          name: _optionalChain([interview, 'access', _106 => _106.user, 'optionalAccess', _107 => _107.full_name]) || "Customer",
-          avatarUrl: _optionalChain([interview, 'access', _108 => _108.user, 'optionalAccess', _109 => _109.avatar_url]),
-          subtitle: _nullishCoalesce(_optionalChain([interview, 'access', _110 => _110.msp, 'optionalAccess', _111 => _111.name]), () => ( null)),
-          iconOverlayUrl: _nullishCoalesce(_optionalChain([interview, 'access', _112 => _112.msp, 'optionalAccess', _113 => _113.icon_url]), () => ( null))
+          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))
         },
         className
       }
     );
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunk3ATAYP36cjs.cn.call(void 0, "block h-full", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, "flex flex-col gap-6 p-6"), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative aspect-[1200/630] w-full shrink-0 overflow-hidden rounded-sm 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: _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: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkHOTM4UM6cjs.next_image_default,
+        _chunkE76ONBKFcjs.next_image_default,
         {
           src: thumbnailUrl,
           alt: interview.title,
@@ -3046,21 +3074,21 @@ function CustomerInterviewCard({
     ] }) : /* @__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: "mt-auto flex h-[60px] shrink-0 items-center", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 items-center gap-3", children: [
+    /* @__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', _114 => _114.user, 'optionalAccess', _115 => _115.avatar_url]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkHOTM4UM6cjs.next_image_default,
+        _optionalChain([interview, 'access', _115 => _115.user, 'optionalAccess', _116 => _116.avatar_url]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkE76ONBKFcjs.next_image_default,
           {
             src: interview.user.avatar_url,
-            alt: _optionalChain([interview, 'access', _116 => _116.user, 'optionalAccess', _117 => _117.full_name]) || "Customer",
+            alt: _optionalChain([interview, 'access', _117 => _117.user, 'optionalAccess', _118 => _118.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', _118 => _118.user, 'optionalAccess', _119 => _119.full_name]) || "A").charAt(0).toUpperCase() }) }),
-        _optionalChain([interview, 'access', _120 => _120.msp, 'optionalAccess', _121 => _121.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, 
-          _chunkHOTM4UM6cjs.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', _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,
           {
             src: interview.msp.icon_url,
             alt: interview.msp.name || "MSP",
@@ -3071,15 +3099,15 @@ function CustomerInterviewCard({
           }
         ) })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 flex-1", children: [
+      /* @__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', _122 => _122.user, 'optionalAccess', _123 => _123.full_name]) || "Anonymous",
-          _optionalChain([interview, 'access', _124 => _124.msp, 'optionalAccess', _125 => _125.name]) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-ods-text-secondary", 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 ",
             interview.msp.name
           ] })
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "truncate text-ods-text-secondary text-h6", children: _optionalChain([interview, 'access', _126 => _126.user, 'optionalAccess', _127 => _127.job_title]) || " " })
+        /* @__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]) || " " })
       ] })
     ] }) })
   ] }) });
@@ -3088,7 +3116,7 @@ function CustomerInterviewCard({
 // src/components/chat/types/entities/investor-update.ts
 function formatInvestorUpdatePeriod(start, end, options) {
   if (!start && !end) return "";
-  const fmt = (d) => _chunkEQZXJUYVcjs.formatDateWithTimezone.call(void 0, d, null, _optionalChain([options, 'optionalAccess', _128 => _128.monthFormat]) === "long" ? "monthYear" : "monthYearShort") || "?";
+  const fmt = (d) => _chunkJTSUAHDLcjs.formatDateWithTimezone.call(void 0, d, null, _optionalChain([options, 'optionalAccess', _129 => _129.monthFormat]) === "long" ? "monthYear" : "monthYearShort") || "?";
   const s = start ? fmt(start) : "?";
   const e = end ? fmt(end) : "?";
   return `${s} - ${e}`;
@@ -3097,29 +3125,28 @@ function formatInvestorUpdatePeriod(start, end, options) {
 // src/components/chat/entity-cards/investor-update-card.tsx
 
 
-function InvestorUpdateCardSkeleton({ size = "default" }) {
+var INVESTOR_UPDATE_TYPE_LABEL = "Investor Update";
+function InvestorUpdateCardSkeleton({
+  size = "default",
+  showTypeBadge = true,
+  className
+}) {
+  if (size === "portrait") {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      EntityPortraitCardSkeleton,
+      {
+        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 }) });
+  }
   if (size === "sm") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: 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: `${COMPACT_CARD_TITLE_ROW} flex-nowrap gap-2`, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-1/2 rounded" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-4 w-8 shrink-0 rounded" })
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-1/3 rounded" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-11/12 rounded" }) })
-      ] })
-    ] });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CompactCardSkeleton, { titleWidth: "w-1/2", titleBadges: ["w-8"], rows: [{ width: "w-1/3" }, { width: "w-11/12" }], className });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `h-full ${CONTENT_CARD_SKELETON_FRAME_CLASS}`, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "aspect-[1200/630]" }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3 p-4", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-5 w-3/4 rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-3 w-full rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-3 w-4/5 rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-1/3 rounded" })
-    ] })
-  ] });
+  return null;
 }
 function InvestorUpdateCard({
   update,
@@ -3144,11 +3171,14 @@ function InvestorUpdateCard({
     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, 
-        _chunkHOTM4UM6cjs.next_image_default,
+        _chunkE76ONBKFcjs.next_image_default,
         {
           src: coverImage,
           alt: _nullishCoalesce(update.title, () => ( "Investor update")),
@@ -3183,7 +3213,7 @@ function InvestorUpdateCard({
         href,
         target,
         rel,
-        typeLabel: showTypeBadge ? "Investor Update" : void 0,
+        typeLabel: showTypeBadge ? INVESTOR_UPDATE_TYPE_LABEL : void 0,
         imageUrl: update.featured_image,
         placeholderUrl,
         imageAlt: _nullishCoalesce(update.title, () => ( "Investor update")),
@@ -3199,7 +3229,7 @@ function InvestorUpdateCard({
       imageUrl: update.featured_image,
       placeholderUrl,
       title: update.title || `Update #${update.update_number || "?"}`,
-      summary: _optionalChain([update, 'access', _129 => _129.strategic_update, 'optionalAccess', _130 => _130.slice, 'call', _131 => _131(0, 120)]) || _optionalChain([update, 'access', _132 => _132.content, 'optionalAccess', _133 => _133.slice, 'call', _134 => _134(0, 120)]) || "No description",
+      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",
       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
@@ -3215,9 +3245,18 @@ function InvestorUpdateCard({
 // src/components/chat/entity-cards/onboarding-guide-card.tsx
 
 
+var GUIDE_TYPE_LABEL = "Guide";
 function stripMarkdownPreview(text) {
   return text.replace(/```[\s\S]*?```/g, " ").replace(/^#{1,6}\s+/gm, "").replace(/!?\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/[*_~`>]/g, "").replace(/^\s*[-+]\s+/gm, "").replace(/-{3,}/g, " ").replace(/\s+/g, " ").trim().replace(/^([\s\S]{240})[\s\S]+$/, "$1\u2026");
 }
+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_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_EXTRA_CELL_LABELS = ["Section"];
 var HORIZONTAL_SIZE_TOKENS = {
   default: {
     padding: "p-4",
@@ -3226,64 +3265,54 @@ var HORIZONTAL_SIZE_TOKENS = {
     summaryClamp: "line-clamp-2"
   }
 };
-function OnboardingGuideCardSkeleton({ size = "default" }) {
+function OnboardingGuideCardSkeleton({
+  size = "default",
+  showTypeBadge = true,
+  published = true,
+  className
+}) {
+  if (size === "portrait") {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityPortraitCardSkeleton, { typeLabel: showTypeBadge ? GUIDE_TYPE_LABEL : void 0, className });
+  }
   if (size === "catalog") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, "flex flex-col gap-4 p-6"), children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-4 md:flex-row md:gap-6", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "aspect-[1200/630] w-full flex-shrink-0 rounded-lg md:w-[256px]" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col", children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-3 flex min-h-[60px] flex-col justify-start gap-1.5 md:min-h-[72px]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[25px] w-3/4 rounded md:h-[30px]" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[25px] w-1/2 rounded md:h-[30px]" })
+    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: [
+      /* @__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.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.jsxs.call(void 0, "div", { className: "flex min-h-[46px] flex-col justify-start gap-2 md:min-h-[52px]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-3 w-full rounded" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-3 w-5/6 rounded" })
-          ] })
+          /* @__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.jsxs.call(void 0, "div", { className: "grid w-full grid-cols-1 overflow-hidden rounded-md border border-ods-border md:grid-cols-3", children: [
-        [0, 1].map((i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "div",
-          {
-            className: "flex flex-col gap-3 border-b border-ods-border p-4 md:border-b-0 md:border-r",
-            children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-6 w-32 rounded" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-3 w-20 rounded" })
-            ] })
-          },
-          `cell-${i}`
-        )),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 p-4", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-10 w-10 shrink-0 rounded-full" }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-3/4 rounded" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-3 w-1/2 rounded" })
-          ] })
-        ] })
-      ] })
-    ] });
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        EntityAuthorCardSkeleton,
+        {
+          extraCellLabels: CATALOG_EXTRA_CELL_LABELS,
+          publishedLabel: published ? void 0 : null
+        }
+      )
+    ] }) });
   }
   if (size === "sm") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
-      /* @__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, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-3/5 rounded" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-2/5 rounded" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-11/12 rounded" }) })
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-5 shrink-0 items-center self-start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-3.5 rounded" }) })
-    ] });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CompactCardSkeleton, { trailingIcon: true, className });
   }
   const t = HORIZONTAL_SIZE_TOKENS.default;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `flex items-start gap-3 rounded-md border border-ods-border bg-ods-card ${t.padding}`, 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, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "block h-4 w-2/3 rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "block h-3 w-1/3 rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "block h-3 w-full rounded" })
-    ] })
-  ] });
+  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),
+      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" })
+        ] })
+      ]
+    }
+  );
 }
 function OnboardingGuideCard({
   guide,
@@ -3307,6 +3336,9 @@ function OnboardingGuideCard({
     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, 
@@ -3315,7 +3347,7 @@ function OnboardingGuideCard({
         href,
         target,
         rel,
-        typeLabel: showTypeBadge ? "Guide" : void 0,
+        typeLabel: showTypeBadge ? GUIDE_TYPE_LABEL : void 0,
         imageUrl: coverImage,
         placeholderUrl,
         imageAlt: guide.title,
@@ -3329,7 +3361,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 ? _chunkEQZXJUYVcjs.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 ? _chunkJTSUAHDLcjs.formatDurationMMSS.call(void 0, Math.floor(guide.highlight_video_duration_ms / 1e3)) : "";
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _chunkV45KLJQPcjs.next_link_default,
       {
@@ -3337,12 +3369,12 @@ function OnboardingGuideCard({
         target,
         rel,
         prefetch: false,
-        className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, "block no-underline", className),
-        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-4 p-6", children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-4 md:flex-row md:gap-6", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full flex-shrink-0 md:w-[256px]", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative aspect-[1200/630] w-full overflow-hidden rounded-lg bg-ods-bg", children: [
+        className: _chunk65VVJSQZcjs.cn.call(void 0, 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: [
               coverImage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkHOTM4UM6cjs.next_image_default,
+                _chunkE76ONBKFcjs.next_image_default,
                 {
                   src: coverImage,
                   alt: guide.title,
@@ -3359,15 +3391,15 @@ function OnboardingGuideCard({
                   className: "absolute inset-0"
                 }
               ),
-              hasVideoCover && coverImage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63N4FN5Vcjs.CardHoverPlay, { size: "md" }),
+              hasVideoCover && coverImage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.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
               ] })
             ] }) }),
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 flex min-h-[60px] items-start md:min-h-[72px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "line-clamp-2 text-ods-text-primary text-h2", children: guide.title }) }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-[46px] md:min-h-[52px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "line-clamp-2 text-ods-text-secondary text-h6", children: stripMarkdownPreview(guide.video_summary || guide.content || "") }) })
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CATALOG_TEXT, children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CATALOG_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "line-clamp-2 text-ods-text-primary text-h2", children: guide.title }) }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CATALOG_SUMMARY_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "line-clamp-2 text-ods-text-secondary text-h6", children: stripMarkdownPreview(guide.video_summary || guide.content || "") }) })
             ] })
           ] }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -3379,7 +3411,7 @@ function OnboardingGuideCard({
               extraCells: [
                 {
                   value: `${guide.section} \xB7 Step ${stepLabel}`,
-                  label: "Section",
+                  label: CATALOG_EXTRA_CELL_LABELS[0],
                   uppercase: false
                 }
               ]
@@ -3394,7 +3426,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', _135 => _135.author, 'optionalAccess', _136 => _136.full_name, 'optionalAccess', _137 => _137.trim, 'call', _138 => _138()]) || "";
+    const author = _optionalChain([guide, 'access', _136 => _136.author, 'optionalAccess', _137 => _137.full_name, 'optionalAccess', _138 => _138.trim, 'call', _139 => _139()]) || "";
     const subtitleParts = [`Step ${guide.step_order}`, guide.section, author].filter(
       (s) => typeof s === "string" && s.length > 0
     );
@@ -3405,14 +3437,14 @@ function OnboardingGuideCard({
         target,
         rel,
         prefetch: false,
-        className: _chunk3ATAYP36cjs.cn.call(void 0, COMPACT_CARD_OUTER, "group", className),
+        className: _chunk65VVJSQZcjs.cn.call(void 0, COMPACT_CARD_OUTER, "group", className),
         children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_IMAGE_SLOT, children: [
-            compactCover ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHOTM4UM6cjs.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, _chunk63N4FN5Vcjs.CardHoverPlay, { size: "sm" })
+            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: 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: _chunk3ATAYP36cjs.cn.call(void 0, COMPACT_CARD_TITLE, "font-heading"), children: guide.title }) }),
+            /* @__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 }) })
           ] }),
@@ -3430,7 +3462,7 @@ function OnboardingGuideCard({
       target,
       rel,
       prefetch: false,
-      className: _chunk3ATAYP36cjs.cn.call(void 0, 
+      className: _chunk65VVJSQZcjs.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
       ),
@@ -3469,21 +3501,23 @@ function RoadmapVoteButton({
   className
 }) {
   const Icon = voteType === "up" ? _chunkOOYBIS7Dcjs.ThumbsUpClassicIcon : _chunk32ASZMTVcjs.ThumbsDownClassicIcon;
+  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk2QMBXGMQcjs.Button,
+    _chunkTF5D5MNOcjs.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: _chunk3ATAYP36cjs.cn.call(void 0, 
+      className: _chunk65VVJSQZcjs.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 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-h6", children: count })
+      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 }))
     }
   );
 }
@@ -3547,52 +3581,51 @@ function TaskTypeIcon({ customItemId, className = "h-5 w-5" }) {
 
 
 
-function RoadmapCardSkeleton({ size = "default" }) {
+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_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_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_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";
+function RoadmapCardSkeleton({
+  size = "default",
+  votes = true,
+  className
+}) {
   if (size === "sm") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkH3RYUTNDcjs.UnifiedSkeleton,
-        {
-          as: "span",
-          className: "block aspect-square h-12 w-12 shrink-0 self-start rounded-md border border-ods-border p-1.5"
-        }
-      ),
-      /* @__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} flex-nowrap gap-2`, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-1/2 rounded" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-4 w-12 shrink-0 rounded" })
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: `${COMPACT_CARD_META_ROW_BOX} flex-nowrap gap-2`, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-2/5 flex-1 rounded" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-10 shrink-0 rounded" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-6 w-14 shrink-0 rounded-full" })
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-5/6 rounded" }) })
-      ] })
-    ] });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      CompactCardSkeleton,
+      {
+        slotClassName: ROADMAP_COMPACT_SLOT,
+        titleWidth: "w-1/2",
+        titleBadges: ["w-12"],
+        rows: [
+          // The votes, Figma and screenshot marks after the meta line are the record's (optional): not drawn.
+          { width: "w-2/5 flex-1" },
+          { width: "w-5/6" }
+        ],
+        className
+      }
+    );
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, "flex h-full flex-col gap-4 p-[var(--spacing-system-lf)]"), children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-4", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-16 w-16 flex-shrink-0 rounded-lg" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-5 w-3/4 rounded" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-3 w-1/2 rounded" })
+  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: [
+    /* @__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.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, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-6 w-16 rounded" })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-3 w-full rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-3 w-5/6 rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-3 w-4/5 rounded" })
+      /* @__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: "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: "flex-1" }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-12 w-32 rounded" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-6 w-14 rounded-full" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-8 w-20 rounded" })
-      ] })
-    ] })
+    /* @__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") }) })
   ] });
 }
 function assigneePeople(assignees) {
@@ -3616,23 +3649,25 @@ 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 = logoUrl ? getProxiedImageUrl(logoUrl, { directHttps: true }) || logoUrl : 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 hasVotes = (_nullishCoalesce(item.upvotes, () => ( 0))) > 0 || (_nullishCoalesce(item.downvotes, () => ( 0))) > 0;
     const hasFigma = !!item.figmaUrl;
-    const hasScreenshots = (_nullishCoalesce(_optionalChain([item, 'access', _139 => _139.screenshots, 'optionalAccess', _140 => _140.length]), () => ( 0))) > 0;
+    const hasScreenshots = (_nullishCoalesce(_optionalChain([item, 'access', _140 => _140.screenshots, 'optionalAccess', _141 => _141.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: "flex aspect-square h-12 w-12 shrink-0 items-center justify-center self-start overflow-hidden rounded-md border border-ods-border bg-ods-bg p-1.5 text-ods-accent",
+          className: _chunk65VVJSQZcjs.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, 
-            _chunkHOTM4UM6cjs.next_image_default,
+            _chunkE76ONBKFcjs.next_image_default,
             {
               src: iconSrc,
               alt: `${item.title} logo`,
@@ -3641,7 +3676,7 @@ 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', _141 => _141.title, 'optionalAccess', _142 => _142.substring, 'call', _143 => _143(0, 2)]) || "??" })
+          ) : /* @__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.jsxs.call(void 0, "span", { className: COMPACT_CARD_TEXT_COL, children: [
@@ -3694,7 +3729,7 @@ function RoadmapCard({
               ]
             }
           ) : null,
-          item.assignees && item.assignees.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkM7YZGRAVcjs.AvatarStack, { size: "xs", people: assigneePeople(item.assignees), className: "shrink-0" }) : null
+          item.assignees && item.assignees.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAAECWUNVcjs.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 }) })
       ] })
@@ -3704,120 +3739,109 @@ function RoadmapCard({
     }
     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.jsxs.call(void 0, 
-    "div",
-    {
-      id,
-      className: _chunk3ATAYP36cjs.cn.call(void 0, 
-        CONTENT_CARD_FRAME_CLASS,
-        "flex h-full scroll-mt-24 flex-col gap-[var(--spacing-system-mf)] p-[var(--spacing-system-lf)]",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-center gap-[16px]", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-16 w-16 flex-shrink-0 items-center justify-center rounded-lg border border-ods-border bg-ods-bg", children: iconSrc ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkHOTM4UM6cjs.next_image_default,
-            {
-              src: iconSrc,
-              alt: `${item.title} logo`,
-              width: 40,
-              height: 40,
-              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', _144 => _144.title, 'optionalAccess', _145 => _145.substring, 'call', _146 => _146(0, 2)]) || "??" }) }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[48px] items-center", 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: "flex min-h-[20px] items-center", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "truncate text-ods-text-secondary text-h5", children: [
-              item.quarter,
-              ", ",
-              item.id
-            ] }) })
-          ] }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden md:block", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            StatusBadge,
-            {
-              text: item.status.toUpperCase(),
-              colorScheme: getStatusColorScheme(item.status),
-              className: "border border-ods-border"
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "md:hidden", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          StatusBadge,
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { id, className: _chunk65VVJSQZcjs.cn.call(void 0, 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,
+        {
+          src: iconSrc,
+          alt: `${item.title} logo`,
+          width: 40,
+          height: 40,
+          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.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: [
+          item.quarter,
+          ", ",
+          item.id
+        ] }) })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden md:block", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        StatusBadge,
+        {
+          text: item.status.toUpperCase(),
+          colorScheme: getStatusColorScheme(item.status),
+          className: "border border-ods-border"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "md:hidden", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      StatusBadge,
+      {
+        text: item.status.toUpperCase(),
+        colorScheme: getStatusColorScheme(item.status),
+        className: "border border-ods-border"
+      }
+    ) }),
+    /* @__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: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          RoadmapVoteButton,
           {
-            text: item.status.toUpperCase(),
-            colorScheme: getStatusColorScheme(item.status),
-            className: "border border-ods-border"
+            voteType: "up",
+            count: item.upvotes,
+            color: "var(--color-text-secondary)",
+            className: "rounded-none",
+            isActive: userVote === "up",
+            onClick: () => onVote("up"),
+            disabled: isVoting
           }
-        ) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[72px] items-center", 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: "flex w-full items-center justify-between", children: [
-          onVote && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-[48px] overflow-hidden rounded-[6px] border border-ods-border bg-ods-card", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              RoadmapVoteButton,
-              {
-                voteType: "up",
-                count: item.upvotes,
-                color: "var(--color-text-secondary)",
-                className: "rounded-none",
-                isActive: userVote === "up",
-                onClick: () => onVote("up"),
-                disabled: isVoting
-              }
-            ),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              RoadmapVoteButton,
-              {
-                voteType: "down",
-                count: item.downvotes,
-                className: "rounded-none",
-                color: "var(--color-text-secondary)",
-                isActive: userVote === "down",
-                onClick: () => onVote("down"),
-                disabled: isVoting
-              }
-            )
-          ] }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 items-center gap-2", children: [
-            item.assignees && item.assignees.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkM7YZGRAVcjs.AvatarStack, { size: "xs", people: assigneePeople(item.assignees), className: "shrink-0" }) : null,
-            item.screenshots && item.screenshots.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk2QMBXGMQcjs.Button,
-              {
-                variant: "outline",
-                size: "small-legacy",
-                onClick: () => setShowScreenshots(true),
-                leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6VOOPMP5cjs.ImageClassicIcon, { className: "h-5 w-5" })
-              }
-            ),
-            (() => {
-              const figmaSafe = safeHref(item.figmaUrl);
-              return figmaSafe ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunk2QMBXGMQcjs.Button,
-                {
-                  variant: "outline",
-                  size: "small-legacy",
-                  openInNewTab: true,
-                  href: figmaSafe,
-                  leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkORO54HDFcjs.FigmaClassicIcon, { className: "h-5 w-5" })
-                }
-              ) : null;
-            })(),
-            item.targetVersion && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StatusBadge, { gen: generationTierFromLabel(item.targetVersion), text: item.targetVersion })
-          ] })
-        ] }),
-        item.screenshots && item.screenshots.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          ImageGalleryModal,
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          RoadmapVoteButton,
           {
-            images: item.screenshots,
-            isOpen: showScreenshots,
-            onClose: () => setShowScreenshots(false)
+            voteType: "down",
+            count: item.downvotes,
+            className: "rounded-none",
+            color: "var(--color-text-secondary)",
+            isActive: userVote === "down",
+            onClick: () => onVote("down"),
+            disabled: isVoting
           }
         )
-      ]
-    }
-  );
+      ] }),
+      /* @__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, _chunkAAECWUNVcjs.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,
+          {
+            variant: "outline",
+            size: "small-legacy",
+            onClick: () => setShowScreenshots(true),
+            leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6VOOPMP5cjs.ImageClassicIcon, { className: "h-5 w-5" })
+          }
+        ),
+        (() => {
+          const figmaSafe = safeHref(item.figmaUrl);
+          return figmaSafe ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkTF5D5MNOcjs.Button,
+            {
+              variant: "outline",
+              size: "small-legacy",
+              openInNewTab: true,
+              href: figmaSafe,
+              leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkORO54HDFcjs.FigmaClassicIcon, { className: "h-5 w-5" })
+            }
+          ) : null;
+        })(),
+        item.targetVersion && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StatusBadge, { gen: generationTierFromLabel(item.targetVersion), text: item.targetVersion })
+      ] })
+    ] }),
+    item.screenshots && item.screenshots.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ImageGalleryModal,
+      {
+        images: item.screenshots,
+        isOpen: showScreenshots,
+        onClose: () => setShowScreenshots(false)
+      }
+    )
+  ] });
 }
 
 // src/components/chat/entity-cards/program-card.tsx
@@ -3826,9 +3850,9 @@ function RoadmapCard({
 
 var EDITORIAL_FRAME = 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 aspect-square w-full overflow-hidden rounded-md";
+var EDITORIAL_ROW_THUMB = `relative block ${_chunkXFRBEXQNcjs.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 aspect-video w-full overflow-hidden";
+var EDITORIAL_FEATURE_COVER = `relative block ${_chunkXFRBEXQNcjs.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)]";
@@ -3843,66 +3867,71 @@ var DEFAULT_TAG_ROW = "flex flex-wrap gap-[var(--spacing-system-xsf)]";
 var DEFAULT_GALLERY_ROW = "flex gap-[var(--spacing-system-mf)]";
 var DEFAULT_GALLERY_THUMB = "relative h-24 w-24 flex-shrink-0 overflow-hidden rounded-lg md:h-40 md:w-40 xl:h-[200px] xl:w-[200px]";
 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_TAGS_FOLD = 2;
+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 });
+}
 function ProgramCardSkeleton({
   size = "default",
   eyebrow = true,
   media = 0,
-  tags = false
+  tags = false,
+  hosts = 1,
+  typeLabel,
+  actionLabel,
+  className
 }) {
+  if (size === "portrait") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityPortraitCardSkeleton, { typeLabel, className });
   if (size === "row") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunk3ATAYP36cjs.cn.call(void 0, EDITORIAL_FRAME, EDITORIAL_ROW_GRID), children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: EDITORIAL_ROW_THUMB }),
+    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 }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: EDITORIAL_ROW_TEXT, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "block h-[2lh] w-full rounded text-h3" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: EDITORIAL_META_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "block h-[1lh] w-40 rounded" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "block h-[2lh] w-full rounded text-h6" })
+        /* @__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" })
       ] })
     ] });
   }
   if (size === "feature") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunk3ATAYP36cjs.cn.call(void 0, EDITORIAL_FRAME, "flex flex-col"), children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: _chunk3ATAYP36cjs.cn.call(void 0, EDITORIAL_FEATURE_COVER, "rounded-none") }),
+    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") }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: EDITORIAL_FEATURE_BODY, children: [
-        eyebrow && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "block h-[1lh] w-28 rounded text-h5" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "block h-[2lh] w-full rounded text-h3" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: EDITORIAL_META_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "block h-[1lh] w-40 rounded" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "block h-[3lh] w-full rounded text-h4" }),
+        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" }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: EDITORIAL_PERSON_ROW, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "block h-8 w-8 shrink-0 rounded-full" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "block h-[1lh] w-40 rounded text-h6" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJTSUAHDLcjs.SquareAvatarSkeleton, { ...EDITORIAL_PERSON_AVATAR, className: "shrink-0" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { as: "span", type: "h6", className: "w-40" })
         ] })
       ] })
     ] });
   }
   if (size === "sm") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
-      /* @__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, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-3/5 rounded" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-2/5 rounded" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-3 w-11/12 rounded" }) })
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-5 shrink-0 items-center self-start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "h-3.5 w-3.5 rounded" }) })
-    ] });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CompactCardSkeleton, { trailingIcon: true, className });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, DEFAULT_BODY), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, 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, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: DEFAULT_COVER_FRAME }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.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, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "block h-[2lh] w-3/4 rounded" }) }),
+        /* @__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.jsxs.call(void 0, "div", { className: DEFAULT_META_ROW, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "block h-[1lh] w-32 rounded" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "block h-[1lh] w-40 rounded" })
+          /* @__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, "div", { className: DEFAULT_DESCRIPTION, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "block h-[3lh] w-full rounded" }) }),
-        tags && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: DEFAULT_TAG_ROW, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "block h-8 w-24 rounded" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { as: "span", className: "block h-8 w-24 rounded" })
-        ] })
-      ] })
+        /* @__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_TAGS_FOLD }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJTSUAHDLcjs.TagSkeleton, {}, i)) })
+      ] }),
+      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, _chunkJTSUAHDLcjs.SquareAvatarSkeleton, { variant: "round", size: "sm" }, i)) })
     ] }),
-    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, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: DEFAULT_GALLERY_THUMB }, i)) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_FOOTER, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-11 w-40 rounded md:h-12" }) })
+    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)) }),
+    /* @__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" }) })
   ] });
 }
 function getHosts(hosts) {
@@ -3949,10 +3978,10 @@ function MediaGallery({ images, title }) {
     /* @__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, 
       "div",
       {
-        className: _chunk3ATAYP36cjs.cn.call(void 0, DEFAULT_GALLERY_THUMB, "group/thumb cursor-pointer"),
+        className: _chunk65VVJSQZcjs.cn.call(void 0, DEFAULT_GALLERY_THUMB, "group/thumb cursor-pointer"),
         onClick: (e) => openImageModal(index, e),
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkHOTM4UM6cjs.next_image_default,
+          _chunkE76ONBKFcjs.next_image_default,
           {
             src: mediaItem.media_url,
             alt: `${title} photo ${index + 1}`,
@@ -3992,19 +4021,19 @@ function ProgramEditorialCard({
   playable,
   className
 }) {
-  const edgeColor = _chunkI5MSCD57cjs.useImageEdgeColor.call(void 0, feature ? cover : null, "transparent");
+  const edgeColor = _chunk3LW5TD54cjs.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', _147 => _147.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', _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: [
       /* @__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: _chunk3ATAYP36cjs.cn.call(void 0, EDITORIAL_ROW_GRID, className), children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunk3ATAYP36cjs.cn.call(void 0, EDITORIAL_ROW_THUMB, "bg-ods-bg"), children: [
-        cover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHOTM4UM6cjs.next_image_default, { src: cover, alt: "", fill: true, sizes: "120px", className: "object-cover", unoptimized: true }),
-        playable && cover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63N4FN5Vcjs.CardHoverPlay, { size: "md" })
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ContentCardFrame, { as: "a", href, target, rel, className: _chunk65VVJSQZcjs.cn.call(void 0, EDITORIAL_ROW_GRID, className), children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, EDITORIAL_ROW_THUMB, "bg-ods-bg"), children: [
+        cover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE76ONBKFcjs.next_image_default, { src: cover, alt: "", fill: true, sizes: "120px", className: "object-cover", unoptimized: true }),
+        playable && cover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.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 }),
@@ -4013,15 +4042,15 @@ function ProgramEditorialCard({
       ] })
     ] });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ContentCardFrame, { as: "a", href, target, rel, className: _chunk3ATAYP36cjs.cn.call(void 0, "flex flex-col", className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ContentCardFrame, { as: "a", href, target, rel, className: _chunk65VVJSQZcjs.cn.call(void 0, "flex flex-col", className), children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "span",
       {
-        className: _chunk3ATAYP36cjs.cn.call(void 0, EDITORIAL_FEATURE_COVER, "transition-colors duration-300"),
+        className: _chunk65VVJSQZcjs.cn.call(void 0, EDITORIAL_FEATURE_COVER, "transition-colors duration-300"),
         style: { backgroundColor: edgeColor },
         children: [
           cover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkHOTM4UM6cjs.next_image_default,
+            _chunkE76ONBKFcjs.next_image_default,
             {
               src: cover,
               alt: "",
@@ -4031,7 +4060,7 @@ function ProgramEditorialCard({
               unoptimized: true
             }
           ),
-          playable && cover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63N4FN5Vcjs.CardHoverPlay, { size: "lg" })
+          playable && cover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.CardHoverPlay, { size: "lg" })
         ]
       }
     ),
@@ -4042,13 +4071,12 @@ 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, 
-          _chunkEQZXJUYVcjs.SquareAvatar,
+          _chunkJTSUAHDLcjs.SquareAvatar,
           {
-            variant: "round",
+            ...EDITORIAL_PERSON_AVATAR,
             src: profile.avatarUrl || void 0,
             alt: profile.name,
-            fallback: profile.name.charAt(0).toUpperCase(),
-            size: "sm"
+            fallback: profile.name.charAt(0).toUpperCase()
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "truncate text-h6", children: [
@@ -4090,6 +4118,21 @@ function ProgramCard({
     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);
@@ -4102,7 +4145,7 @@ 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 = _chunkEQZXJUYVcjs.formatProgramDate.call(void 0, zonedDate, "medium");
+  const compactDate = _chunkJTSUAHDLcjs.formatProgramDate.call(void 0, zonedDate, "medium");
   if (size === "portrait") {
     const profile = programItemToStripProfile(item);
     const dateMeta = compactMetaLine;
@@ -4135,7 +4178,7 @@ function ProgramCard({
         description: item.description,
         cover: coverImage || placeholderUrl || null,
         eyebrow,
-        date: _chunkEQZXJUYVcjs.formatProgramDate.call(void 0, zonedDate, "weekday"),
+        date: _chunkJTSUAHDLcjs.formatProgramDate.call(void 0, zonedDate, "weekday"),
         typeMeta: compactTypeMetaValue,
         profile: programItemToStripProfile(item),
         playable: isPlayable,
@@ -4147,23 +4190,23 @@ function ProgramCard({
     const itemDate = compactDate;
     const compactCover = coverImage || placeholderUrl || null;
     const typeMeta = compactTypeMetaValue;
-    const subtitleParts = [itemDate, typeMeta, _optionalChain([config, 'access', _148 => _148.labels, 'optionalAccess', _149 => _149.singular])].filter(
+    const subtitleParts = [itemDate, typeMeta, _optionalChain([config, 'access', _149 => _149.labels, 'optionalAccess', _150 => _150.singular])].filter(
       (s) => typeof s === "string" && s.length > 0
     );
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunk3ATAYP36cjs.cn.call(void 0, COMPACT_CARD_OUTER, "group", className), children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunk65VVJSQZcjs.cn.call(void 0, COMPACT_CARD_OUTER, "group", className), children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_IMAGE_SLOT, children: [
-        compactCover ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHOTM4UM6cjs.next_image_default, { src: compactCover, alt: item.title, fill: true, sizes: "56px", className: "object-contain", unoptimized: true }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-full w-full items-center justify-center text-ods-accent", children: config.type === "podcast" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Play, { className: "h-4 w-4" }) : config.type === "webinar" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Video, { className: "h-4 w-4" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Clock, { className: "h-4 w-4" }) }),
-        isPlayable && compactCover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63N4FN5Vcjs.CardHoverPlay, { size: "sm" })
+        compactCover ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE76ONBKFcjs.next_image_default, { src: compactCover, alt: item.title, fill: true, sizes: "56px", className: "object-contain", unoptimized: true }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-full w-full items-center justify-center text-ods-accent", children: config.type === "podcast" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Play, { className: "h-4 w-4" }) : config.type === "webinar" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Video, { className: "h-4 w-4" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Clock, { className: "h-4 w-4" }) }),
+        isPlayable && compactCover && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.CardHoverPlay, { size: "sm" })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk3ATAYP36cjs.cn.call(void 0, COMPACT_CARD_TITLE, "font-heading"), children: item.title }) }),
+        /* @__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.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 = _chunkEQZXJUYVcjs.formatProgramDate.call(void 0, zonedDate, "weekday");
+  const dateFormat = _chunkJTSUAHDLcjs.formatProgramDate.call(void 0, zonedDate, "weekday");
   const { typeMeta: defaultTypeMeta, audience: defaultAudience } = programMetaLine(
     item,
     config.type,
@@ -4194,11 +4237,11 @@ function ProgramCard({
     return null;
   };
   const endAt = "end_at" in item && typeof item.end_at === "string" ? item.end_at : null;
-  const dateLabel = _nullishCoalesce(_chunkEQZXJUYVcjs.formatProgramDateRange.call(void 0, zonedDate, endAt), () => ( dateFormat));
+  const dateLabel = _nullishCoalesce(_chunkJTSUAHDLcjs.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, 
-        _chunkHOTM4UM6cjs.next_image_default,
+        _chunkE76ONBKFcjs.next_image_default,
         {
           src: coverImage,
           alt: item.title,
@@ -4208,7 +4251,7 @@ function ProgramCard({
           unoptimized: true
         }
       ),
-      isPlayable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63N4FN5Vcjs.CardHoverPlay, { size: "md" })
+      isPlayable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.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 }),
@@ -4223,10 +4266,12 @@ 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, _chunkEQZXJUYVcjs.Tag, { as: "span", label: tag, variant: "outline" }, tag)) })
+      tags.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_TAG_ROW, children: tags.map((tag) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJTSUAHDLcjs.Tag, { as: "span", label: tag, variant: "outline" }, tag)) })
     ] }),
-    hosts.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap gap-2 md:justify-end", children: hosts.map((host, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkEQZXJUYVcjs.SquareAvatar,
+    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, 
+      _chunkJTSUAHDLcjs.SquareAvatar,
       {
         variant: "round",
         src: host.avatar || void 0,
@@ -4237,8 +4282,8 @@ function ProgramCard({
       `${item.id}-host-${index}`
     )) })
   ] });
-  const cardFrameClass = _chunk3ATAYP36cjs.cn.call(void 0, DEFAULT_BODY, className);
-  const actionLabel = `View ${config.labels.singular.toLowerCase()}`;
+  const cardFrameClass = _chunk65VVJSQZcjs.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: [
       cardHeader,
@@ -4259,33 +4304,10 @@ function ProgramCard({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 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 }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_FOOTER, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk2QMBXGMQcjs.Button,
-      {
-        variant: "outline",
-        href,
-        openInNewTab: target === "_blank",
-        rightIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ArrowRight, { className: "h-5 w-5" }),
-        children: actionLabel
-      }
-    ) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DEFAULT_FOOTER, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ProgramActionButton, { label: actionLabel, href, newTab: target === "_blank" }) })
   ] });
 }
 
-// src/utils/image-proxy-stub.ts
-function getProxiedImageUrl2(imageUrl) {
-  if (!imageUrl) return null;
-  if (imageUrl.startsWith("http://") || imageUrl.startsWith("https://")) {
-    if (imageUrl.includes("/api/image-proxy")) {
-      return imageUrl;
-    }
-    if (imageUrl.includes("openmsp.ai")) {
-      return imageUrl;
-    }
-    return `/api/image-proxy?url=${encodeURIComponent(imageUrl)}`;
-  }
-  return imageUrl;
-}
 
 
 
@@ -4447,4 +4469,31 @@ function getProxiedImageUrl2(imageUrl) {
 
 
 
-exports.Card = Card; exports.CardHeader = CardHeader; exports.CardTitle = CardTitle; exports.CardDescription = CardDescription; exports.CardContent = CardContent; exports.CardFooter = CardFooter; exports.CardHorizontal = CardHorizontal; exports.InteractiveCard = InteractiveCard; 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.statusBadgeVariants = statusBadgeVariants; exports.genBadgeBgOpacity = genBadgeBgOpacity; exports.generationTierFromLabel = generationTierFromLabel; exports.StatusBadge = StatusBadge; exports.EntityIcon = EntityIcon; exports.getProxiedImageUrl = getProxiedImageUrl; exports.urlPathLooksLikeSvg = urlPathLooksLikeSvg; exports.shouldProxyImage = shouldProxyImage; exports.generateImageSizes = generateImageSizes; exports.skipsImageOptimizer = skipsImageOptimizer; 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.EntityMetadataAuthorCell = EntityMetadataAuthorCell; 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.PlatformBadge = PlatformBadge; exports.AdminContentCard = AdminContentCard; exports.getProxiedImageUrl2 = getProxiedImageUrl2; 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.SectionHeading = SectionHeading; 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.ProductReleaseCard = ProductReleaseCard; 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.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.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;