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

package/dist/{chunk-MQPTOJMF.cjs → chunk-JQWYXC2E.cjs}

@@ -3,7 +3,7 @@
 
 
 
-var _chunk3ZLPYEL5cjs = require('./chunk-3ZLPYEL5.cjs');
+var _chunkQ7HXTF2Ccjs = require('./chunk-Q7HXTF2C.cjs');
 
 
 
@@ -12,22 +12,22 @@ var _chunk3ZLPYEL5cjs = require('./chunk-3ZLPYEL5.cjs');
 
 
 
-var _chunkSETFUCZAcjs = require('./chunk-SETFUCZA.cjs');
+var _chunkHTSRCFXPcjs = require('./chunk-HTSRCFXP.cjs');
 
 
 
-var _chunk3LW5TD54cjs = require('./chunk-3LW5TD54.cjs');
+var _chunkDJTPDK3Wcjs = require('./chunk-DJTPDK3W.cjs');
 
 
 
 var _chunkNTPX5GXIcjs = require('./chunk-NTPX5GXI.cjs');
 
 
-var _chunkTUAATMUEcjs = require('./chunk-TUAATMUE.cjs');
+var _chunkIYU2ZH2Jcjs = require('./chunk-IYU2ZH2J.cjs');
 
 
 
-var _chunkE76ONBKFcjs = require('./chunk-E76ONBKF.cjs');
+var _chunk3VINTJPEcjs = require('./chunk-3VINTJPE.cjs');
 
 
 var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
@@ -38,17 +38,17 @@ var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
 
 
 
+var _chunkYNDH72VUcjs = require('./chunk-YNDH72VU.cjs');
 
-var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
 
+var _chunkCDBFQVPAcjs = require('./chunk-CDBFQVPA.cjs');
 
-var _chunkTF5D5MNOcjs = require('./chunk-TF5D5MNO.cjs');
 
 
-var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
+var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.cjs');
 
 
-var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
+var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 // src/components/chat/entity-cards/case-study-card.tsx
 var _react = require('react');
@@ -119,7 +119,7 @@ var filePlayerLoad = null;
 var filePlayerListeners = /* @__PURE__ */ new Set();
 function loadFilePlayer() {
   if (filePlayer || filePlayerLoad) return;
-  filePlayerLoad = Promise.resolve().then(() => _interopRequireWildcard(require("./video-file-player-SIJW5UWU.cjs"))).then((module) => {
+  filePlayerLoad = Promise.resolve().then(() => _interopRequireWildcard(require("./video-file-player-DETXW4OJ.cjs"))).then((module) => {
     filePlayer = module.default;
     for (const listener of filePlayerListeners) listener();
   }).catch(() => void 0).finally(() => {
@@ -141,9 +141,9 @@ var PosterBox = _react.forwardRef.call(void 0, function PosterBoxView({ poster,
     {
       ref,
       "aria-hidden": "true",
-      className: _chunk65VVJSQZcjs.cn.call(void 0, "relative overflow-hidden", className),
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, "relative overflow-hidden", className),
       style: fill ? { width: "100%", height: "100%" } : void 0,
-      children: poster ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE76ONBKFcjs.next_image_default, { src: poster, alt: "", fill: true, sizes: "100vw", priority, unoptimized: true, className: "object-cover" }) : null
+      children: poster ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3VINTJPEcjs.next_image_default, { src: poster, alt: "", fill: true, sizes: "100vw", priority, unoptimized: true, className: "object-cover" }) : null
     }
   );
 });
@@ -154,48 +154,7 @@ function FilePlayerFallback({
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PosterBox, { poster, className, priority, fill: true });
 }
-function waitsForPlay(props) {
-  return !props.autoPlay && !props.autoPlayUnmuted && !props.playOnHover && props.playWhenHovered === void 0 && props.startTime === void 0 && !props.playerHandleRef && !props.chromeless;
-}
-function FilePlayer({
-  title,
-  priority,
-  ...props
-}) {
-  const [facade] = _react.useState.call(void 0, () => waitsForPlay(props));
-  const [pressed, setPressed] = _react.useState.call(void 0, false);
-  if (facade && !pressed) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "relative", props.className), style: { width: "100%", height: "100%" }, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilePlayerFallback, { poster: props.poster, className: "absolute inset-0", priority }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkTF5D5MNOcjs.Button,
-        {
-          type: "button",
-          variant: "glyph",
-          size: "wrap",
-          "aria-label": title ? `Play: ${title}` : "Play video",
-          onPointerEnter: loadFilePlayer,
-          onFocus: loadFilePlayer,
-          onTouchStart: loadFilePlayer,
-          onClick: () => {
-            loadFilePlayer();
-            setPressed(true);
-          },
-          className: "group absolute inset-0 rounded-none",
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkSETFUCZAcjs.VideoPlayBadge,
-            {
-              size: "lg",
-              className: "transition-transform duration-200 group-hover:scale-110 group-hover:text-ods-accent"
-            }
-          )
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadedFilePlayer, { ...props, priority, ...facade ? { autoPlayUnmuted: true } : {} });
-}
-function LoadedFilePlayer({ priority, ...props }) {
+function FilePlayer({ priority, ...props }) {
   const arrived = _react.useSyncExternalStore.call(void 0, subscribeToFilePlayer, loadedFilePlayer, noFilePlayer);
   if (arrived) return _react.createElement.call(void 0, arrived, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilePlayerFallback, { poster: props.poster, className: props.className, priority });
@@ -237,10 +196,10 @@ function extractYouTubeId(url) {
 }
 function Video(props) {
   const { ref: nearRef, isNear } = _chunkNTPX5GXIcjs.useNearViewport.call(void 0, );
-  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const loading = _chunkN6YCOBLKcjs.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 (loading && !url || props.loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, VideoSkeleton, { layout, className: props.className });
   if (!url) return null;
   const effectiveKind = resolveKind(props, url);
   if ((_nullishCoalesce(props.lazy, () => ( true))) && !isNear) {
@@ -266,7 +225,7 @@ function Video(props) {
       className: props.className,
       minimalControls: props.minimalControls,
       muted: props.muted,
-      ..._chunkSETFUCZAcjs.pickYouTube.call(void 0, props)
+      ..._chunkHTSRCFXPcjs.pickYouTube.call(void 0, props)
     }
   ) : "firstFrameOnly" in props && props.firstFrameOnly ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     FirstFramePreview,
@@ -281,10 +240,9 @@ function Video(props) {
     {
       url,
       poster: props.poster,
-      title: props.title,
       priority: props.priority,
       muted: props.muted,
-      ..._chunkSETFUCZAcjs.pickFilePlayback.call(void 0, props),
+      ..._chunkHTSRCFXPcjs.pickFilePlayback.call(void 0, props),
       className: props.className
     }
   );
@@ -299,7 +257,7 @@ function resolveKind(props, url) {
   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);
+  return wrapWithLayout(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { variant: "rectangular", className: _chunkN6YCOBLKcjs.cn.call(void 0, "h-full w-full", className) }), layout);
 }
 function wrapWithLayout(inner, layout) {
   switch (layout) {
@@ -449,7 +407,7 @@ function YouTubeFacadeInner({
       if (!payload) return;
       if (payload.event === "onError") {
         setFailed(true);
-        _chunkSETFUCZAcjs.reportPlaybackFailure.call(void 0, { kind: "youtube", src: videoId, reason: "error", errorCode: payload.errorCode });
+        _chunkHTSRCFXPcjs.reportPlaybackFailure.call(void 0, { kind: "youtube", src: videoId, reason: "error", errorCode: payload.errorCode });
         return;
       }
       if (payload.event !== "infoDelivery") return;
@@ -487,7 +445,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, _chunkSETFUCZAcjs.VideoErrorOverlay, { onRetry: retry, watchOnYouTubeId: videoId }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: wrapperClass, style: wrapperStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHTSRCFXPcjs.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, 
@@ -505,12 +463,13 @@ function YouTubeFacadeInner({
     ) });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: wrapperClass, style: wrapperStyle, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "button",
+    _chunkCDBFQVPAcjs.Button,
     {
+      variant: "card",
       type: "button",
       "aria-label": `Play: ${title}`,
       onClick: () => setActivated(true),
-      className: "group absolute inset-0 m-0 cursor-pointer overflow-hidden rounded-lg border border-ods-border bg-ods-card p-0",
+      className: "group absolute inset-0 h-full overflow-hidden",
       children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "picture", { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "source", { type: "image/webp", srcSet: posterWebp }),
@@ -523,14 +482,14 @@ function YouTubeFacadeInner({
               height: 720,
               loading: "lazy",
               onError: handlePosterError,
-              ..._chunkE76ONBKFcjs.fetchPriorityProp.call(void 0, priority),
+              ..._chunk3VINTJPEcjs.fetchPriorityProp.call(void 0, priority),
               decoding: priority ? "sync" : "async",
               className: "absolute inset-0 h-full w-full object-cover"
             }
           )
         ] }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 flex items-center justify-center bg-ods-bg bg-opacity-20 transition-opacity duration-200 group-hover:bg-opacity-30", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkSETFUCZAcjs.VideoPlayBadge,
+          _chunkHTSRCFXPcjs.VideoPlayBadge,
           {
             size: "lg",
             className: "transition-transform duration-200 group-hover:scale-110 group-hover:text-ods-accent"
@@ -565,7 +524,7 @@ function VideoHoverPreviewSurface({
   onEnded,
   className
 }) {
-  const previewUrl = _chunkSETFUCZAcjs.toMuxPreviewUrl.call(void 0, url);
+  const previewUrl = _chunkHTSRCFXPcjs.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);
@@ -580,14 +539,11 @@ function VideoHoverPreviewSurface({
     return () => io.disconnect();
   }, [gateControlled]);
   const showMedia = continuation || (gateControlled ? playerMounted : isNear);
-  const [engaged, setEngaged] = _react.useState.call(void 0, false);
-  if ((active || continuation) && !engaged) setEngaged(true);
-  const showPlayer = continuation || engaged;
   const { src: posterSrc, onError: onPosterError } = useCoverImageFallback(posterUrl);
   const facadeSkipped = preload === "none" && !posterSrc;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: rootElRef, className: _chunk65VVJSQZcjs.cn.call(void 0, "absolute inset-0", className), inert: isClone || void 0, children: showMedia ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: rootElRef, className: _chunkN6YCOBLKcjs.cn.call(void 0, "absolute inset-0", className), inert: isClone || void 0, children: showMedia ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     posterSrc ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkE76ONBKFcjs.next_image_default,
+      _chunk3VINTJPEcjs.next_image_default,
       {
         src: posterSrc,
         alt: "",
@@ -599,8 +555,8 @@ 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, _chunkSETFUCZAcjs.VideoPlayBadge, { className: "absolute inset-0 z-10 m-auto" }),
-    showPlayer ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    badge === "play" && !active && !continuation && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHTSRCFXPcjs.VideoPlayBadge, { className: "absolute inset-0 z-10 m-auto" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
         className: "absolute inset-0",
@@ -630,7 +586,7 @@ function VideoHoverPreviewSurface({
           continuation ? "continuation" : "preview"
         )
       }
-    ) : null
+    )
   ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-ods-card" }) });
 }
 
@@ -641,35 +597,35 @@ function EntityIcon({
   size = 20,
   className
 }) {
-  const identity = _chunk3ZLPYEL5cjs.useAgentIdentityIcon.call(void 0, _optionalChain([icon, 'optionalAccess', _19 => _19.url]) ? null : _optionalChain([icon, 'optionalAccess', _20 => _20.name]));
-  const held = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const identity = _chunkQ7HXTF2Ccjs.useAgentIdentityIcon.call(void 0, _optionalChain([icon, 'optionalAccess', _19 => _19.url]) ? null : _optionalChain([icon, 'optionalAccess', _20 => _20.name]));
+  const held = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, );
   if (held) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkXFRBEXQNcjs.UnifiedSkeleton,
+      _chunkYNDH72VUcjs.UnifiedSkeleton,
       {
         as: "span",
         width: size,
         height: size,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, "inline-block shrink-0 rounded-md", className)
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, "inline-block shrink-0 rounded-md", className)
       }
     );
   }
   if (!_optionalChain([icon, 'optionalAccess', _21 => _21.url]) && _optionalChain([identity, 'optionalAccess', _22 => _22.url])) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkE76ONBKFcjs.next_image_default,
+      _chunk3VINTJPEcjs.next_image_default,
       {
         src: identity.url,
         alt: "",
         width: size,
         height: size,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, _chunk3ZLPYEL5cjs.AGENT_PICTURE_CLASS, className),
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, _chunkQ7HXTF2Ccjs.AGENT_PICTURE_CLASS, className),
         unoptimized: true
       }
     );
   }
   if (_optionalChain([icon, 'optionalAccess', _23 => _23.url])) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkE76ONBKFcjs.next_image_default,
+      _chunk3VINTJPEcjs.next_image_default,
       {
         src: icon.url,
         alt: "",
@@ -681,8 +637,8 @@ function EntityIcon({
       }
     );
   }
-  const Glyph = _chunkTUAATMUEcjs.resolveIcon.call(void 0, _nullishCoalesce(_nullishCoalesce(_optionalChain([identity, 'optionalAccess', _24 => _24.name]), () => ( _optionalChain([icon, 'optionalAccess', _25 => _25.name]))), () => ( void 0)));
-  const agentColor = identity ? { color: _chunk3ZLPYEL5cjs.AGENT_GLYPH_COLOR } : {};
+  const Glyph = _chunkIYU2ZH2Jcjs.resolveIcon.call(void 0, _nullishCoalesce(_nullishCoalesce(_optionalChain([identity, 'optionalAccess', _24 => _24.name]), () => ( _optionalChain([icon, 'optionalAccess', _25 => _25.name]))), () => ( void 0)));
+  const agentColor = identity ? { color: _chunkQ7HXTF2Ccjs.AGENT_GLYPH_COLOR } : {};
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Glyph, { size, className, ...agentColor, ..._nullishCoalesce(_optionalChain([identity, 'optionalAccess', _26 => _26.props]), () => ( {})), ..._nullishCoalesce(_optionalChain([icon, 'optionalAccess', _27 => _27.props]), () => ( {})) });
 }
 
@@ -698,7 +654,7 @@ var Card = _react.forwardRef.call(void 0,
     "div",
     {
       ref,
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.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.
@@ -711,21 +667,21 @@ var Card = _react.forwardRef.call(void 0,
   )
 );
 Card.displayName = "Card";
-var CardHeader = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, "flex flex-col space-y-1.5 p-6", className), ...props }));
+var CardHeader = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex flex-col space-y-1.5 p-6", className), ...props }));
 CardHeader.displayName = "CardHeader";
-var CardTitle = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, "text-h2", className), ...props }));
+var CardTitle = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkN6YCOBLKcjs.cn.call(void 0, "text-h2", className), ...props }));
 CardTitle.displayName = "CardTitle";
-var CardDescription = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, "text-muted-foreground text-h6", className), ...props }));
+var CardDescription = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkN6YCOBLKcjs.cn.call(void 0, "text-muted-foreground text-h6", className), ...props }));
 CardDescription.displayName = "CardDescription";
-var CardContent = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, "p-6 pt-0", className), ...props }));
+var CardContent = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkN6YCOBLKcjs.cn.call(void 0, "p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, "flex items-center p-6 pt-0", className), ...props }));
+var CardFooter = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex items-center p-6 pt-0", className), ...props }));
 CardFooter.displayName = "CardFooter";
 function CardHorizontal({ icon, title, description, className = "", borderLeft = true }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.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
@@ -757,7 +713,7 @@ 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 ${_chunkXFRBEXQNcjs.TILE_SIZE.thumb} ${_chunkXFRBEXQNcjs.MEDIA_ASPECT.square} shrink-0 self-start rounded-md`;
+var COMPACT_CARD_SKELETON_IMAGE_SLOT = `block ${_chunkYNDH72VUcjs.TILE_SIZE.thumb} ${_chunkYNDH72VUcjs.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";
@@ -848,10 +804,10 @@ function generationTierFromLabel(label) {
 }
 function StatusBadgeSkeleton({ variant, className }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkXFRBEXQNcjs.UnifiedSkeleton,
+    _chunkYNDH72VUcjs.UnifiedSkeleton,
     {
       as: "span",
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
         statusBadgeVariants({ variant, colorScheme: null }),
         "box-content h-[1lh] w-12 border-transparent",
         className
@@ -859,8 +815,20 @@ function StatusBadgeSkeleton({ variant, className }) {
     }
   );
 }
-function StatusBadge({ text, variant, colorScheme, className, singleLine, gen, style, ...props }) {
-  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+function StatusBadge({
+  text,
+  variant,
+  colorScheme,
+  className,
+  singleLine,
+  gen,
+  style,
+  loading: loadingProp,
+  staticText = false,
+  ...props
+}) {
+  const inScope = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, );
+  const loading = inScope && !staticText || !!loadingProp;
   if (loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StatusBadgeSkeleton, { variant, className });
   const genStyle = gen != null ? {
     textTransform: "none",
@@ -878,7 +846,7 @@ function StatusBadge({ text, variant, colorScheme, className, singleLine, gen, s
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "span",
     {
-      className: _chunk65VVJSQZcjs.cn.call(void 0, statusBadgeVariants({ variant, colorScheme: gen != null ? void 0 : colorScheme }), className),
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, statusBadgeVariants({ variant, colorScheme: gen != null ? void 0 : colorScheme }), className),
       style: genStyle ? { ...genStyle, ...style } : style,
       ...props,
       children: renderText()
@@ -898,19 +866,19 @@ function CompactCardSkeleton({
   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)) }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkN6YCOBLKcjs.cn.call(void 0, COMPACT_CARD_SKELETON_OUTER, className), "aria-hidden": true, children: [
+    slot && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.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) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { as: "span", type: "inherit", className: _chunkN6YCOBLKcjs.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)
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StatusBadge, { loading: true, text: "", variant: "button", className: _chunkN6YCOBLKcjs.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, i) => (_nullishCoalesce(row.lines, () => ( 1))) > 1 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { as: "span", type: "h6", lines: row.lines, className: row.width }, i) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkN6YCOBLKcjs.cn.call(void 0, COMPACT_CARD_META_ROW_BOX, row.after ? "gap-2" : void 0), children: [
+          row.width && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { as: "span", type: "h6", className: row.width }),
           row.after
         ] }, i)
       )
@@ -923,16 +891,16 @@ function ActivityRowSkeleton({
   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: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.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))
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { className: "h-3 w-2/3 flex-1 rounded" }),
+    trailingWidths.map((width, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { className: _chunkN6YCOBLKcjs.cn.call(void 0, "h-3 shrink-0 rounded", width) }, i))
   ] });
 }
 
 // src/components/chat/entity-cards/content-card-frame.tsx
 
-var CONTENT_CARD_FRAME_CLASS = _chunk65VVJSQZcjs.cn.call(void 0, 
+var CONTENT_CARD_FRAME_CLASS = _chunkN6YCOBLKcjs.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",
@@ -940,7 +908,7 @@ var CONTENT_CARD_FRAME_CLASS = _chunk65VVJSQZcjs.cn.call(void 0,
 );
 var CONTENT_CARD_SKELETON_FRAME_CLASS = "overflow-hidden rounded-2xl border border-ods-border bg-transparent";
 function ContentCardFrame({ as: Tag = "article", className, children, ...rest }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Tag, { className: _chunk65VVJSQZcjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, Tag === "a" && "no-underline", className), ...rest, children });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Tag, { className: _chunkN6YCOBLKcjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, Tag === "a" && "no-underline", className), ...rest, children });
 }
 
 // src/components/chat/entity-cards/entity-portrait-card.tsx
@@ -951,7 +919,7 @@ 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_TITLE = _chunkN6YCOBLKcjs.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";
@@ -967,9 +935,10 @@ function EntityPortraitCard({
   titleClassName,
   person,
   priority,
-  className
+  className,
+  loading: loadingProp
 }) {
-  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const loading = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || !!loadingProp;
   const { src, onError: onMediaError } = useCoverImageFallback(imageUrl, placeholderUrl);
   const [measured, setMeasured] = _react.useState.call(void 0, null);
   const isWide = _optionalChain([measured, 'optionalAccess', _28 => _28.src]) === src ? measured.isWide : null;
@@ -979,20 +948,20 @@ function EntityPortraitCard({
       setMeasured({ src, isWide: img.naturalWidth / img.naturalHeight >= MIN_WIDE_RATIO });
     }
   };
-  const edgeColor = _chunk3LW5TD54cjs.useImageEdgeColor.call(void 0, isWide === false ? src : null, "var(--color-bg-surface)");
+  const edgeColor = _chunkDJTPDK3Wcjs.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: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunkN6YCOBLKcjs.cn.call(void 0, "block h-full", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: _chunkN6YCOBLKcjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, PORTRAIT_BODY), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
-        className: _chunk65VVJSQZcjs.cn.call(void 0, PORTRAIT_MEDIA, "bg-ods-bg transition-colors duration-300"),
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, PORTRAIT_MEDIA, "bg-ods-bg transition-colors duration-300"),
         style: isWide === false ? { backgroundColor: edgeColor } : void 0,
         children: src && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkE76ONBKFcjs.next_image_default,
+          _chunk3VINTJPEcjs.next_image_default,
           {
             src,
             alt: imageAlt,
-            className: _chunk65VVJSQZcjs.cn.call(void 0, "h-full w-full", isWide === false ? "object-contain" : "object-cover"),
+            className: _chunkN6YCOBLKcjs.cn.call(void 0, "h-full w-full", isWide === false ? "object-contain" : "object-cover"),
             sizes: "(min-width: 800px) 400px, 100vw",
             fill: true,
             priority,
@@ -1010,16 +979,17 @@ function EntityPortraitCard({
           variant: "button",
           colorScheme: "accentBorder",
           singleLine: true,
+          staticText: true,
           text: typeLabel,
           className: "self-start"
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: _chunk65VVJSQZcjs.cn.call(void 0, PORTRAIT_TITLE, typeLabel ? "line-clamp-2" : "line-clamp-3", titleClassName), children: title })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: _chunkN6YCOBLKcjs.cn.call(void 0, PORTRAIT_TITLE, typeLabel ? "line-clamp-2" : "line-clamp-3", titleClassName), children: title })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: PORTRAIT_FOOTER, children: person && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: PORTRAIT_PERSON_ROW, children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative h-12 w-12 shrink-0", children: [
         person.avatarUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkE76ONBKFcjs.next_image_default,
+          _chunk3VINTJPEcjs.next_image_default,
           {
             src: person.avatarUrl,
             alt: person.name,
@@ -1029,17 +999,24 @@ function EntityPortraitCard({
             unoptimized: true
           }
         ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-full border border-ods-border bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-secondary text-h4", children: person.name.charAt(0).toUpperCase() }) }),
-        person.iconOverlayUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute -bottom-1 -right-1 flex h-6 w-6 items-center justify-center overflow-hidden rounded-full bg-ods-text-primary ring-1 ring-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkE76ONBKFcjs.next_image_default,
+        person.iconOverlayUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
           {
-            src: person.iconOverlayUrl,
-            alt: "",
-            className: "h-full w-full object-cover",
-            width: 24,
-            height: 24,
-            unoptimized: true
+            "data-loading-optional": true,
+            className: "absolute -bottom-1 -right-1 flex h-6 w-6 items-center justify-center overflow-hidden rounded-full bg-ods-text-primary ring-1 ring-ods-bg",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunk3VINTJPEcjs.next_image_default,
+              {
+                src: person.iconOverlayUrl,
+                alt: "",
+                className: "h-full w-full object-cover",
+                width: 24,
+                height: 24,
+                unoptimized: true
+              }
+            )
           }
-        ) })
+        )
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: PORTRAIT_PERSON_TEXT, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate font-bold text-ods-text-primary text-h6", children: person.name }),
@@ -1049,8 +1026,8 @@ function EntityPortraitCard({
   ] }) });
 }
 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") }),
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "block h-full", className), "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: _chunkN6YCOBLKcjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, PORTRAIT_BODY), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { className: _chunkN6YCOBLKcjs.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,
@@ -1058,17 +1035,18 @@ function EntityPortraitCardSkeleton({ typeLabel, className }) {
           variant: "button",
           colorScheme: "accentBorder",
           singleLine: true,
+          staticText: 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, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h4", lines: typeLabel ? 2 : 3, className: _chunkN6YCOBLKcjs.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" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.MediaSkeleton.Avatar, { size: "md", className: "shrink-0" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, PORTRAIT_PERSON_TEXT, "gap-0"), children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h6", className: "w-32" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h6", className: "w-24" })
       ] })
     ] }) })
   ] }) });
@@ -1145,7 +1123,7 @@ function useEntityCardPlaceholder({
   siteName = "",
   aspect = "wide"
 }) {
-  const derived = _chunk3LW5TD54cjs.useOgPlaceholderUrl.call(void 0, { title, siteName, aspect });
+  const derived = _chunkDJTPDK3Wcjs.useOgPlaceholderUrl.call(void 0, { title, siteName, aspect });
   return placeholderUrl !== void 0 ? placeholderUrl : derived;
 }
 
@@ -1155,17 +1133,17 @@ 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_COVER = `relative ${_chunkYNDH72VUcjs.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_MEDIA = `relative block ${_chunkYNDH72VUcjs.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 MSP_ICON_CLASS = `${_chunkYNDH72VUcjs.ICON_SIZE.md} shrink-0 rounded`;
 var CASE_STUDY_TYPE_LABEL = "Case Study";
 function headlineMetric(study) {
   const metric = _optionalChain([study, 'access', _32 => _32.metrics, 'optionalAccess', _33 => _33[0]]);
@@ -1175,7 +1153,7 @@ function CaseStudyPersonRow({ study }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CASE_STUDY_PERSON_ZONE, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_PERSON_ROW, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative h-12 w-12 shrink-0", children: [
       _optionalChain([study, 'access', _35 => _35.user, 'optionalAccess', _36 => _36.avatar_url]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkE76ONBKFcjs.next_image_default,
+        _chunk3VINTJPEcjs.next_image_default,
         {
           src: study.user.avatar_url,
           alt: _optionalChain([study, 'access', _37 => _37.user, 'optionalAccess', _38 => _38.full_name]) || "User",
@@ -1186,7 +1164,7 @@ function CaseStudyPersonRow({ study }) {
         }
       ) : /* @__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', _39 => _39.user, 'optionalAccess', _40 => _40.full_name]) || "A").charAt(0).toUpperCase() }) }),
       _optionalChain([study, 'access', _41 => _41.msp, 'optionalAccess', _42 => _42.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,
+        _chunk3VINTJPEcjs.next_image_default,
         {
           src: study.msp.icon_url,
           alt: study.msp.name || "MSP",
@@ -1211,10 +1189,10 @@ function CaseStudyPersonRow({ study }) {
 }
 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.jsx.call(void 0, _chunkYNDH72VUcjs.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" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h6", className: "w-2/3" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h6", className: "w-1/2" })
     ] })
   ] }) });
 }
@@ -1224,39 +1202,49 @@ function CaseStudyCardSkeleton({
   className
 }) {
   if (size === "portrait") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityPortraitCardSkeleton, { typeLabel: showTypeBadge ? CASE_STUDY_TYPE_LABEL : void 0, className });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      EntityPortraitCard,
+      {
+        loading: true,
+        href: "",
+        imageAlt: "",
+        title: "",
+        typeLabel: showTypeBadge ? CASE_STUDY_TYPE_LABEL : void 0,
+        className
+      }
+    );
   }
   if (size === "result") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, CASE_STUDY_RESULT_STACK, className), "aria-hidden": true, children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, CASE_STUDY_RESULT_STACK, className), "aria-hidden": true, children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CaseStudyPersonRowSkeleton, {}),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_RESULT_METRIC_BOX, "data-testid": "case-study-result-skeleton-metric", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h1", className: "w-1/3" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h4", lines: 2, className: "w-3/4" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h1", className: "w-1/3" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h4", lines: 2, className: "w-3/4" })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_RESULT_FOOTER_BOX, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", lines: 2, className: "w-2/3" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h6", lines: 2, className: "w-2/3" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0 text-ods-accent text-h6", children: "Read" })
       ] })
     ] });
   }
   if (size === "menu") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, CASE_STUDY_MENU_SKELETON_FRAME, className), "aria-hidden": true, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: CASE_STUDY_MENU_MEDIA }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, CASE_STUDY_MENU_SKELETON_FRAME, className), "aria-hidden": true, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.UnifiedSkeleton, { className: MSP_ICON_CLASS }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.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" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h6", lines: 2, className: "w-full" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h6", className: "w-3/4" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h6", className: "mt-auto w-28" })
     ] });
   }
   if (size === "sm") {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CompactCardSkeleton, { rows: [{ width: "w-1/2" }, { width: "w-11/12" }], className });
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "block h-full", className), "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: _chunk65VVJSQZcjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, CASE_STUDY_DEFAULT_BODY), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: _chunk65VVJSQZcjs.cn.call(void 0, CASE_STUDY_COVER, "rounded-sm") }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CASE_STUDY_TITLE_ZONE, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h4", lines: 3, className: "w-full" }) }),
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "block h-full", className), "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: _chunkN6YCOBLKcjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, CASE_STUDY_DEFAULT_BODY), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { className: _chunkN6YCOBLKcjs.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, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h4", lines: 3, className: "w-full" }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CaseStudyPersonRowSkeleton, {})
   ] }) });
 }
@@ -1268,7 +1256,7 @@ function caseStudyHighlight(study) {
   return bite ? { url: bite.url, posterUrl: _nullishCoalesce(bite.thumbnail_url, () => ( null)) } : null;
 }
 function CaseStudyCard(props) {
-  const inScope = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const inScope = _chunkN6YCOBLKcjs.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 });
   }
@@ -1302,9 +1290,9 @@ function LoadedCaseStudyCard({
   });
   const coverImage = study.featured_image || placeholderUrl || null;
   if (size === "sm") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunk65VVJSQZcjs.cn.call(void 0, COMPACT_CARD_OUTER, className), children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunkN6YCOBLKcjs.cn.call(void 0, COMPACT_CARD_OUTER, className), children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_IMAGE_SLOT, children: coverImage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkE76ONBKFcjs.next_image_default,
+        _chunk3VINTJPEcjs.next_image_default,
         {
           src: coverImage,
           alt: `${_optionalChain([study, 'access', _49 => _49.msp, 'optionalAccess', _50 => _50.name]) || study.title} cover`,
@@ -1338,9 +1326,9 @@ function LoadedCaseStudyCard({
         onPointerLeave: () => setHovered(false),
         onFocus: () => setHovered(true),
         onBlur: () => setHovered(false),
-        className: _chunk65VVJSQZcjs.cn.call(void 0, CASE_STUDY_MENU_FRAME, className),
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, CASE_STUDY_MENU_FRAME, className),
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, "pointer-events-none bg-ods-bg", CASE_STUDY_MENU_MEDIA), children: videoUrl ? (
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkN6YCOBLKcjs.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.
@@ -1357,7 +1345,7 @@ function LoadedCaseStudyCard({
             )
           ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
             (_nullishCoalesce(poster, () => ( placeholderUrl))) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkE76ONBKFcjs.next_image_default,
+              _chunk3VINTJPEcjs.next_image_default,
               {
                 src: _nullishCoalesce(_nullishCoalesce(poster, () => ( placeholderUrl)), () => ( "")),
                 alt: "",
@@ -1368,7 +1356,7 @@ function LoadedCaseStudyCard({
                 onError: hideOnError
               }
             ),
-            hasAnyVideo && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.CardHoverPlay, { size: "md" })
+            hasAnyVideo && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHTSRCFXPcjs.CardHoverPlay, { size: "md" })
           ] }) }),
           _optionalChain([study, 'access', _57 => _57.msp, 'optionalAccess', _58 => _58.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, 
@@ -1376,7 +1364,7 @@ function LoadedCaseStudyCard({
               {
                 icon: { url: study.msp.icon_url },
                 size: MSP_ICON_PX,
-                className: _chunk65VVJSQZcjs.cn.call(void 0, MSP_ICON_CLASS, "object-contain")
+                className: _chunkN6YCOBLKcjs.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 })
@@ -1391,15 +1379,15 @@ function LoadedCaseStudyCard({
   if (size === "result") {
     const metric = headlineMetric(study);
     if (!metric) return null;
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunk65VVJSQZcjs.cn.call(void 0, "block h-full", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: _chunk65VVJSQZcjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, CASE_STUDY_RESULT_STACK), children: [
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunkN6YCOBLKcjs.cn.call(void 0, "block h-full", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: _chunkN6YCOBLKcjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, CASE_STUDY_RESULT_STACK), children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CaseStudyPersonRow, { study }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_RESULT_METRIC_BOX, "data-testid": "case-study-metric", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, "truncate text-h1", accentClassName), children: metric.value }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "truncate text-h1", accentClassName), children: metric.value }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "line-clamp-2 text-ods-text-secondary text-h4", children: metric.label })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_RESULT_FOOTER_BOX, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "line-clamp-2 min-w-0 text-ods-text-secondary text-h6", children: study.title }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, "shrink-0 text-h6", accentClassName), children: "Read" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "shrink-0 text-h6", accentClassName), children: "Read" })
       ] })
     ] }) });
   }
@@ -1425,9 +1413,9 @@ function LoadedCaseStudyCard({
       }
     );
   }
-  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,
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunkN6YCOBLKcjs.cn.call(void 0, "block h-full", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: _chunkN6YCOBLKcjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, CASE_STUDY_DEFAULT_BODY), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, CASE_STUDY_COVER, "bg-ods-bg"), children: coverImage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk3VINTJPEcjs.next_image_default,
       {
         src: coverImage,
         alt: _optionalChain([study, 'access', _71 => _71.msp, 'optionalAccess', _72 => _72.name]) || study.title,
@@ -1497,8 +1485,4 @@ function LoadedCaseStudyCard({
 
 
 
-
-
-
-
-exports.Card = Card; exports.CardHeader = CardHeader; exports.CardTitle = CardTitle; exports.CardDescription = CardDescription; exports.CardContent = CardContent; exports.CardFooter = CardFooter; exports.CardHorizontal = CardHorizontal; 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.isCrossOriginUrl = isCrossOriginUrl; exports.decideNewTab = decideNewTab; exports.isSameOriginAbsoluteHref = isSameOriginAbsoluteHref; exports.computeIsNewTab = computeIsNewTab; exports.newTabAnchorAttrs = newTabAnchorAttrs; exports.buildAnchorProps = buildAnchorProps; 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.DEFAULT_VIDEO_BITES_TITLE = DEFAULT_VIDEO_BITES_TITLE; exports.toStripProfile = toStripProfile; exports.sortBitesByCreatedAtDesc = sortBitesByCreatedAtDesc; exports.sortBitesByFeaturedAtDesc = sortBitesByFeaturedAtDesc; exports.programItemToStripProfile = programItemToStripProfile; exports.VideoHoverPreviewSurface = VideoHoverPreviewSurface; 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.useEntityCardPlaceholder = useEntityCardPlaceholder; exports.CaseStudyCardSkeleton = CaseStudyCardSkeleton; exports.CaseStudyCard = CaseStudyCard;
+exports.Card = Card; exports.CardHeader = CardHeader; exports.CardTitle = CardTitle; exports.CardDescription = CardDescription; exports.CardContent = CardContent; exports.CardFooter = CardFooter; exports.CardHorizontal = CardHorizontal; exports.extractYouTubeId = extractYouTubeId; exports.Video = Video; exports.statusBadgeVariants = statusBadgeVariants; exports.genBadgeBgOpacity = genBadgeBgOpacity; exports.generationTierFromLabel = generationTierFromLabel; exports.StatusBadge = StatusBadge; exports.EntityIcon = EntityIcon; exports.isCrossOriginUrl = isCrossOriginUrl; exports.decideNewTab = decideNewTab; exports.isSameOriginAbsoluteHref = isSameOriginAbsoluteHref; exports.computeIsNewTab = computeIsNewTab; exports.newTabAnchorAttrs = newTabAnchorAttrs; exports.buildAnchorProps = buildAnchorProps; 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.DEFAULT_VIDEO_BITES_TITLE = DEFAULT_VIDEO_BITES_TITLE; exports.toStripProfile = toStripProfile; exports.sortBitesByCreatedAtDesc = sortBitesByCreatedAtDesc; exports.sortBitesByFeaturedAtDesc = sortBitesByFeaturedAtDesc; exports.programItemToStripProfile = programItemToStripProfile; exports.VideoHoverPreviewSurface = VideoHoverPreviewSurface; 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.useEntityCardPlaceholder = useEntityCardPlaceholder; exports.CaseStudyCard = CaseStudyCard;