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

package/dist/chunk-MQPTOJMF.cjs

@@ -0,0 +1,1504 @@
+"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 _chunk3ZLPYEL5cjs = require('./chunk-3ZLPYEL5.cjs');
+
+
+
+
+
+
+
+
+var _chunkSETFUCZAcjs = require('./chunk-SETFUCZA.cjs');
+
+
+
+var _chunk3LW5TD54cjs = require('./chunk-3LW5TD54.cjs');
+
+
+
+var _chunkNTPX5GXIcjs = require('./chunk-NTPX5GXI.cjs');
+
+
+var _chunkTUAATMUEcjs = require('./chunk-TUAATMUE.cjs');
+
+
+
+var _chunkE76ONBKFcjs = require('./chunk-E76ONBKF.cjs');
+
+
+var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.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/chat/entity-cards/case-study-card.tsx
+var _react = require('react');
+
+// src/components/features/video-bites-shared.ts
+var DEFAULT_VIDEO_BITES_TITLE = "Key Moments";
+function toStripProfile(p, fallbackSubtitle) {
+  if (!_optionalChain([p, 'optionalAccess', _ => _.full_name])) return null;
+  return {
+    name: p.full_name,
+    avatarUrl: _nullishCoalesce(p.avatar_url, () => ( null)),
+    subtitle: _nullishCoalesce(_nullishCoalesce(p.job_title, () => ( fallbackSubtitle)), () => ( null))
+  };
+}
+function sortBitesByCreatedAtDesc(a, b) {
+  if (!a.created_at && !b.created_at) return 0;
+  if (!a.created_at) return 1;
+  if (!b.created_at) return -1;
+  return new Date(b.created_at).getTime() - new Date(a.created_at).getTime();
+}
+function sortBitesByFeaturedAtDesc(a, b) {
+  if (!a.featured_at && !b.featured_at) return 0;
+  if (!a.featured_at) return 1;
+  if (!b.featured_at) return -1;
+  return new Date(b.featured_at).getTime() - new Date(a.featured_at).getTime();
+}
+function programItemToStripProfile(item) {
+  const fromAuthor = toStripProfile(item.author);
+  if (fromAuthor) return fromAuthor;
+  const host = _nullishCoalesce(_optionalChain([item, 'access', _2 => _2.hosts, 'optionalAccess', _3 => _3[0]]), () => ( null));
+  if (!_optionalChain([host, 'optionalAccess', _4 => _4.name])) return null;
+  return toStripProfile({ full_name: host.name, avatar_url: _nullishCoalesce(host.avatar_url, () => ( null)) });
+}
+
+// src/components/features/video-hover-preview.tsx
+
+
+// src/components/chat/entity-cards/use-cover-image-fallback.ts
+
+function useCoverImageFallback(imageUrl, placeholderUrl) {
+  const [failed, setFailed] = _react.useState.call(void 0, () => /* @__PURE__ */ new Set());
+  const src = imageUrl && !failed.has(imageUrl) ? imageUrl : placeholderUrl && !failed.has(placeholderUrl) ? placeholderUrl : null;
+  const onError = _react.useCallback.call(void 0, () => {
+    if (!src) return;
+    setFailed((prev) => new Set(prev).add(src));
+  }, [src]);
+  return { src, onError };
+}
+var hideOnError = (e) => {
+  const img = e.currentTarget;
+  img.style.display = "none";
+};
+
+// src/components/features/video.tsx
+
+
+
+
+
+
+
+
+
+
+var _jsxruntime = require('react/jsx-runtime');
+var filePlayer = null;
+var filePlayerLoad = null;
+var filePlayerListeners = /* @__PURE__ */ new Set();
+function loadFilePlayer() {
+  if (filePlayer || filePlayerLoad) return;
+  filePlayerLoad = Promise.resolve().then(() => _interopRequireWildcard(require("./video-file-player-SIJW5UWU.cjs"))).then((module) => {
+    filePlayer = module.default;
+    for (const listener of filePlayerListeners) listener();
+  }).catch(() => void 0).finally(() => {
+    filePlayerLoad = null;
+  });
+}
+function subscribeToFilePlayer(listener) {
+  filePlayerListeners.add(listener);
+  loadFilePlayer();
+  return () => {
+    filePlayerListeners.delete(listener);
+  };
+}
+var loadedFilePlayer = () => filePlayer;
+var noFilePlayer = () => null;
+var PosterBox = _react.forwardRef.call(void 0, function PosterBoxView({ poster, className, priority, fill }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ref,
+      "aria-hidden": "true",
+      className: _chunk65VVJSQZcjs.cn.call(void 0, "relative overflow-hidden", className),
+      style: fill ? { width: "100%", height: "100%" } : void 0,
+      children: poster ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE76ONBKFcjs.next_image_default, { src: poster, alt: "", fill: true, sizes: "100vw", priority, unoptimized: true, className: "object-cover" }) : null
+    }
+  );
+});
+function FilePlayerFallback({
+  poster,
+  className,
+  priority
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PosterBox, { poster, className, priority, fill: true });
+}
+function waitsForPlay(props) {
+  return !props.autoPlay && !props.autoPlayUnmuted && !props.playOnHover && props.playWhenHovered === void 0 && props.startTime === void 0 && !props.playerHandleRef && !props.chromeless;
+}
+function FilePlayer({
+  title,
+  priority,
+  ...props
+}) {
+  const [facade] = _react.useState.call(void 0, () => waitsForPlay(props));
+  const [pressed, setPressed] = _react.useState.call(void 0, false);
+  if (facade && !pressed) {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "relative", props.className), style: { width: "100%", height: "100%" }, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilePlayerFallback, { poster: props.poster, className: "absolute inset-0", priority }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkTF5D5MNOcjs.Button,
+        {
+          type: "button",
+          variant: "glyph",
+          size: "wrap",
+          "aria-label": title ? `Play: ${title}` : "Play video",
+          onPointerEnter: loadFilePlayer,
+          onFocus: loadFilePlayer,
+          onTouchStart: loadFilePlayer,
+          onClick: () => {
+            loadFilePlayer();
+            setPressed(true);
+          },
+          className: "group absolute inset-0 rounded-none",
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkSETFUCZAcjs.VideoPlayBadge,
+            {
+              size: "lg",
+              className: "transition-transform duration-200 group-hover:scale-110 group-hover:text-ods-accent"
+            }
+          )
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadedFilePlayer, { ...props, priority, ...facade ? { autoPlayUnmuted: true } : {} });
+}
+function LoadedFilePlayer({ priority, ...props }) {
+  const arrived = _react.useSyncExternalStore.call(void 0, subscribeToFilePlayer, loadedFilePlayer, noFilePlayer);
+  if (arrived) return _react.createElement.call(void 0, arrived, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilePlayerFallback, { poster: props.poster, className: props.className, priority });
+}
+var YT_HOSTS = /* @__PURE__ */ new Set([
+  "youtube.com",
+  "www.youtube.com",
+  "m.youtube.com",
+  "youtu.be",
+  "youtube-nocookie.com",
+  "www.youtube-nocookie.com"
+]);
+function isYouTubeUrl(url) {
+  try {
+    return YT_HOSTS.has(new URL(url, "http://placeholder.local").hostname.toLowerCase());
+  } catch (e2) {
+    return false;
+  }
+}
+var YT_PATH_RE = /^\/(?:embed|v|shorts)\/([^/]+)\/?$/;
+var BARE_YT_ID_RE = /^[A-Za-z0-9_-]{11}$/;
+function extractYouTubeId(url) {
+  if (!url) return null;
+  if (BARE_YT_ID_RE.test(url)) return url;
+  let u;
+  try {
+    u = new URL(url, "http://placeholder.local");
+  } catch (e3) {
+    return null;
+  }
+  if (!YT_HOSTS.has(u.hostname.toLowerCase())) return null;
+  if (u.hostname.toLowerCase().endsWith("youtu.be")) {
+    return _nullishCoalesce(u.pathname.split("/").filter(Boolean)[0], () => ( null));
+  }
+  const v = u.searchParams.get("v");
+  if (v) return v;
+  const m = u.pathname.match(YT_PATH_RE);
+  return m ? m[1] : null;
+}
+function Video(props) {
+  const { ref: nearRef, isNear } = _chunkNTPX5GXIcjs.useNearViewport.call(void 0, );
+  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const url = props.url;
+  const layout = _nullishCoalesce(props.layout, () => ( "native"));
+  if (loading && !url) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, VideoSkeleton, { layout, className: props.className });
+  if (!url) return null;
+  const effectiveKind = resolveKind(props, url);
+  if ((_nullishCoalesce(props.lazy, () => ( true))) && !isNear) {
+    return wrapWithLayout(
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        PosterBox,
+        {
+          ref: nearRef,
+          poster: props.poster,
+          className: props.className,
+          priority: "priority" in props ? props.priority : void 0
+        }
+      ),
+      layout
+    );
+  }
+  const inner = effectiveKind === "youtube" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    YouTubeFacade,
+    {
+      url,
+      title: props.title,
+      priority: props.priority,
+      className: props.className,
+      minimalControls: props.minimalControls,
+      muted: props.muted,
+      ..._chunkSETFUCZAcjs.pickYouTube.call(void 0, props)
+    }
+  ) : "firstFrameOnly" in props && props.firstFrameOnly ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    FirstFramePreview,
+    {
+      url,
+      poster: props.poster,
+      fit: "fit" in props ? props.fit : void 0,
+      className: props.className
+    }
+  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    FilePlayer,
+    {
+      url,
+      poster: props.poster,
+      title: props.title,
+      priority: props.priority,
+      muted: props.muted,
+      ..._chunkSETFUCZAcjs.pickFilePlayback.call(void 0, props),
+      className: props.className
+    }
+  );
+  return wrapWithLayout(inner, layout);
+}
+function resolveKind(props, url) {
+  if ("kind" in props) {
+    if (props.kind === "youtube") return "youtube";
+    if (props.kind === "file") return "file";
+  }
+  if (BARE_YT_ID_RE.test(url)) return "youtube";
+  return isYouTubeUrl(url) ? "youtube" : "file";
+}
+function VideoSkeleton({ layout = "native", className }) {
+  return wrapWithLayout(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { variant: "rectangular", className: _chunk65VVJSQZcjs.cn.call(void 0, "h-full w-full", className) }), layout);
+}
+function wrapWithLayout(inner, layout) {
+  switch (layout) {
+    case "centered":
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aspect-video w-full max-w-3xl overflow-hidden rounded-lg border border-ods-border", children: inner }) });
+    case "fill":
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 h-full w-full", children: inner });
+    case "wide":
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aspect-video w-full overflow-hidden rounded-lg bg-ods-bg", children: inner });
+    case "native":
+    default:
+      return inner;
+  }
+}
+function FirstFramePreview({
+  url,
+  poster,
+  fit,
+  className
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "aria-hidden": true,
+      className: "h-full w-full",
+      style: { "--media-background-color": "transparent" },
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilePlayer, { url: `${url}#t=0.1`, poster, fit, muted: true, chromeless: true, className })
+    }
+  );
+}
+function YouTubeFacade({
+  url,
+  title = "YouTube Video",
+  priority,
+  className,
+  minimalControls,
+  muted,
+  // `...facade` rather than naming each one: this hop is invisible to the
+  // build-time forwarding proof, so a prop added to VideoYouTubeFacadeProps
+  // would reach here and silently stop before Inner.
+  ...facade
+}) {
+  const videoId = extractYouTubeId(url);
+  if (!videoId) return null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    YouTubeFacadeInner,
+    {
+      videoId,
+      title,
+      priority,
+      className,
+      minimalControls,
+      muted,
+      ...facade
+    }
+  );
+}
+var YT_NOCOOKIE_ORIGIN = "https://www.youtube-nocookie.com";
+var YT_POSTER_TIERS = ["maxresdefault", "mqdefault"];
+var YT_STATE_ENDED = 0;
+var YT_STATE_PLAYING = 1;
+var YT_PLAYING_BLUR_DELAY_MS = 1e3;
+function toYouTubeMessage(parsed) {
+  if (typeof parsed !== "object" || parsed === null) return null;
+  const event = "event" in parsed ? parsed.event : void 0;
+  const info = "info" in parsed ? parsed.info : void 0;
+  const playerState = typeof info === "object" && info !== null && "playerState" in info ? info.playerState : void 0;
+  return {
+    event: typeof event === "string" ? event : void 0,
+    info: { playerState: typeof playerState === "number" ? playerState : void 0 },
+    errorCode: typeof info === "number" ? info : void 0
+  };
+}
+function YouTubeFacadeInner({
+  videoId,
+  title,
+  priority,
+  className,
+  minimalControls,
+  muted,
+  autoActivate,
+  suspended
+}) {
+  const [activated, setActivated] = _react.useState.call(void 0, Boolean(autoActivate));
+  const [prevAutoActivate, setPrevAutoActivate] = _react.useState.call(void 0, Boolean(autoActivate));
+  if (Boolean(autoActivate) !== prevAutoActivate) {
+    setPrevAutoActivate(Boolean(autoActivate));
+    if (autoActivate) setActivated(true);
+  }
+  const [failed, setFailed] = _react.useState.call(void 0, false);
+  const [reloadNonce, setReloadNonce] = _react.useState.call(void 0, 0);
+  const iframeRef = _react.useRef.call(void 0, null);
+  const retry = _react.useCallback.call(void 0, () => {
+    setFailed(false);
+    setReloadNonce((n) => n + 1);
+  }, []);
+  const embedUrl = _react.useMemo.call(void 0, () => {
+    const params = new URLSearchParams({
+      autoplay: "1",
+      rel: "0",
+      modestbranding: "1",
+      playsinline: "1",
+      enablejsapi: "1"
+    });
+    if (muted) params.set("mute", "1");
+    if (typeof window !== "undefined") {
+      params.set("origin", window.location.origin);
+    }
+    if (minimalControls) {
+      params.set("controls", "0");
+      params.set("fs", "0");
+      params.set("iv_load_policy", "3");
+      params.set("cc_load_policy", "0");
+      params.set("disablekb", "1");
+    }
+    return `${YT_NOCOOKIE_ORIGIN}/embed/${videoId}?${params.toString()}`;
+  }, [videoId, minimalControls, muted]);
+  const [posterTier, setPosterTier] = _react.useState.call(void 0, 0);
+  const [posterTierFor, setPosterTierFor] = _react.useState.call(void 0, videoId);
+  if (posterTierFor !== videoId) {
+    setPosterTierFor(videoId);
+    setPosterTier(0);
+  }
+  const posterQuality = YT_POSTER_TIERS[posterTier];
+  const posterJpg = `https://i.ytimg.com/vi/${videoId}/${posterQuality}.jpg`;
+  const posterWebp = `https://i.ytimg.com/vi_webp/${videoId}/${posterQuality}.webp`;
+  const handlePosterError = () => setPosterTier((tier) => Math.min(tier + 1, YT_POSTER_TIERS.length - 1));
+  _react.useEffect.call(void 0, () => {
+    if (!activated || failed) return void 0;
+    const iframe = iframeRef.current;
+    if (!iframe) return void 0;
+    function subscribe() {
+      _optionalChain([iframe, 'optionalAccess', _5 => _5.contentWindow, 'optionalAccess', _6 => _6.postMessage, 'call', _7 => _7('{"event":"listening"}', YT_NOCOOKIE_ORIGIN)]);
+    }
+    iframe.addEventListener("load", subscribe);
+    subscribe();
+    let blurTimer = null;
+    function handleMessage(event) {
+      if (event.origin !== YT_NOCOOKIE_ORIGIN) return;
+      if (typeof event.data !== "string") return;
+      let payload = null;
+      try {
+        payload = toYouTubeMessage(JSON.parse(event.data));
+      } catch (e4) {
+        return;
+      }
+      if (!payload) return;
+      if (payload.event === "onError") {
+        setFailed(true);
+        _chunkSETFUCZAcjs.reportPlaybackFailure.call(void 0, { kind: "youtube", src: videoId, reason: "error", errorCode: payload.errorCode });
+        return;
+      }
+      if (payload.event !== "infoDelivery") return;
+      const state = _optionalChain([payload, 'access', _8 => _8.info, 'optionalAccess', _9 => _9.playerState]);
+      if (typeof state !== "number") return;
+      if (state === YT_STATE_PLAYING) {
+        if (blurTimer !== null) return;
+        blurTimer = setTimeout(() => {
+          blurTimer = null;
+          _optionalChain([iframeRef, 'access', _10 => _10.current, 'optionalAccess', _11 => _11.blur, 'call', _12 => _12()]);
+        }, YT_PLAYING_BLUR_DELAY_MS);
+        return;
+      }
+      if (state === YT_STATE_ENDED) {
+        setActivated(false);
+      }
+    }
+    window.addEventListener("message", handleMessage);
+    return () => {
+      iframe.removeEventListener("load", subscribe);
+      window.removeEventListener("message", handleMessage);
+      if (blurTimer !== null) clearTimeout(blurTimer);
+    };
+  }, [activated, failed, reloadNonce, videoId]);
+  const prevSuspendedRef = _react.useRef.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    const wasSuspended = prevSuspendedRef.current;
+    prevSuspendedRef.current = Boolean(suspended);
+    if (!activated || Boolean(suspended) === wasSuspended) return;
+    _optionalChain([iframeRef, 'access', _13 => _13.current, 'optionalAccess', _14 => _14.contentWindow, 'optionalAccess', _15 => _15.postMessage, 'call', _16 => _16(
+      `{"event":"command","func":"${suspended ? "pauseVideo" : "playVideo"}","args":[]}`,
+      YT_NOCOOKIE_ORIGIN
+    )]);
+  }, [suspended, activated]);
+  const wrapperClass = `relative w-full ${_nullishCoalesce(className, () => ( ""))}`;
+  const wrapperStyle = { paddingBottom: "56.25%" };
+  if (activated && failed) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: wrapperClass, style: wrapperStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.VideoErrorOverlay, { onRetry: retry, watchOnYouTubeId: videoId }) });
+  }
+  if (activated) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: wrapperClass, style: wrapperStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "iframe",
+      {
+        ref: iframeRef,
+        src: embedUrl,
+        allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
+        allowFullScreen: true,
+        referrerPolicy: "strict-origin-when-cross-origin",
+        title,
+        className: "absolute inset-0 h-full w-full rounded-lg border-0"
+      },
+      reloadNonce
+    ) });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: wrapperClass, style: wrapperStyle, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "button",
+    {
+      type: "button",
+      "aria-label": `Play: ${title}`,
+      onClick: () => setActivated(true),
+      className: "group absolute inset-0 m-0 cursor-pointer overflow-hidden rounded-lg border border-ods-border bg-ods-card p-0",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "picture", { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "source", { type: "image/webp", srcSet: posterWebp }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "img",
+            {
+              src: posterJpg,
+              alt: title,
+              width: 1280,
+              height: 720,
+              loading: "lazy",
+              onError: handlePosterError,
+              ..._chunkE76ONBKFcjs.fetchPriorityProp.call(void 0, priority),
+              decoding: priority ? "sync" : "async",
+              className: "absolute inset-0 h-full w-full object-cover"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 flex items-center justify-center bg-ods-bg bg-opacity-20 transition-opacity duration-200 group-hover:bg-opacity-30", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkSETFUCZAcjs.VideoPlayBadge,
+          {
+            size: "lg",
+            className: "transition-transform duration-200 group-hover:scale-110 group-hover:text-ods-accent"
+          }
+        ) })
+      ]
+    }
+  ) });
+}
+
+// src/components/features/video-hover-preview.tsx
+
+function VideoHoverPreviewSurface({
+  url,
+  posterUrl = null,
+  active,
+  playerMounted,
+  isClone = false,
+  badge = "play",
+  fit,
+  posterSizes = "234px",
+  posterInView = false,
+  preload,
+  hideMutedBadge,
+  onMutedFallbackChange,
+  previewHandleRef,
+  mutedIntent = false,
+  continuation = false,
+  startTime,
+  autoPlay = false,
+  startMuted = false,
+  onEnded,
+  className
+}) {
+  const previewUrl = _chunkSETFUCZAcjs.toMuxPreviewUrl.call(void 0, url);
+  const gateControlled = playerMounted !== void 0;
+  const rootElRef = _react.useRef.call(void 0, null);
+  const [isNear, setIsNear] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    if (gateControlled) return void 0;
+    const el = rootElRef.current;
+    if (!el || typeof IntersectionObserver === "undefined") return void 0;
+    const io = new IntersectionObserver((entries) => setIsNear(_nullishCoalesce(_optionalChain([entries, 'access', _17 => _17[0], 'optionalAccess', _18 => _18.isIntersecting]), () => ( false))), {
+      rootMargin: _chunkNTPX5GXIcjs.NEAR_VIEWPORT_ROOT_MARGIN
+    });
+    io.observe(el);
+    return () => io.disconnect();
+  }, [gateControlled]);
+  const showMedia = continuation || (gateControlled ? playerMounted : isNear);
+  const [engaged, setEngaged] = _react.useState.call(void 0, false);
+  if ((active || continuation) && !engaged) setEngaged(true);
+  const showPlayer = continuation || engaged;
+  const { src: posterSrc, onError: onPosterError } = useCoverImageFallback(posterUrl);
+  const facadeSkipped = preload === "none" && !posterSrc;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: rootElRef, className: _chunk65VVJSQZcjs.cn.call(void 0, "absolute inset-0", className), inert: isClone || void 0, children: showMedia ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    posterSrc ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkE76ONBKFcjs.next_image_default,
+      {
+        src: posterSrc,
+        alt: "",
+        fill: true,
+        sizes: posterSizes,
+        loading: posterInView ? "eager" : "lazy",
+        unoptimized: true,
+        onError: onPosterError,
+        className: "object-cover"
+      }
+    ) : facadeSkipped ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-ods-card" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Video, { kind: "file", url: previewUrl, firstFrameOnly: true, layout: "fill", fit }),
+    badge === "play" && !active && !continuation && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.VideoPlayBadge, { className: "absolute inset-0 z-10 m-auto" }),
+    showPlayer ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: "absolute inset-0",
+        style: { "--media-background-color": "transparent" },
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          Video,
+          {
+            kind: "file",
+            url: previewUrl,
+            poster: posterUrl,
+            ...continuation ? {
+              startTime,
+              autoPlay: autoPlay && startMuted,
+              startMuted,
+              autoPlayUnmuted: autoPlay && !startMuted
+            } : { playWhenHovered: active },
+            chromeless: true,
+            layout: "fill",
+            fit,
+            preload,
+            mutedIntent,
+            hideMutedBadge,
+            onMutedFallbackChange,
+            onEnded,
+            playerHandleRef: previewHandleRef
+          },
+          continuation ? "continuation" : "preview"
+        )
+      }
+    ) : null
+  ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-ods-card" }) });
+}
+
+// src/components/icon-display.tsx
+
+function EntityIcon({
+  icon,
+  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, );
+  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', _21 => _21.url]) && _optionalChain([identity, 'optionalAccess', _22 => _22.url])) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkE76ONBKFcjs.next_image_default,
+      {
+        src: identity.url,
+        alt: "",
+        width: size,
+        height: size,
+        className: _chunk65VVJSQZcjs.cn.call(void 0, _chunk3ZLPYEL5cjs.AGENT_PICTURE_CLASS, className),
+        unoptimized: true
+      }
+    );
+  }
+  if (_optionalChain([icon, 'optionalAccess', _23 => _23.url])) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkE76ONBKFcjs.next_image_default,
+      {
+        src: icon.url,
+        alt: "",
+        width: size,
+        height: size,
+        className,
+        style: { objectFit: "contain" },
+        unoptimized: true
+      }
+    );
+  }
+  const Glyph = _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 } : {};
+  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]), () => ( {})) });
+}
+
+// src/components/ui/card.tsx
+
+
+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: _chunk65VVJSQZcjs.cn.call(void 0, "flex flex-col space-y-1.5 p-6", className), ...props }));
+CardHeader.displayName = "CardHeader";
+var CardTitle = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, "text-h2", className), ...props }));
+CardTitle.displayName = "CardTitle";
+var CardDescription = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, "text-muted-foreground text-h6", className), ...props }));
+CardDescription.displayName = "CardDescription";
+var CardContent = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, "p-6 pt-0", className), ...props }));
+CardContent.displayName = "CardContent";
+var CardFooter = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, "flex items-center p-6 pt-0", className), ...props }));
+CardFooter.displayName = "CardFooter";
+function CardHorizontal({ icon, title, description, className = "", borderLeft = true }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        "flex min-h-[80px] w-full flex-row items-center gap-3 bg-ods-card p-4 content-md:gap-4 content-md:p-6",
+        borderLeft ? "border-l border-ods-border" : "",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-5 flex-shrink-0", children: icon }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-col", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "mb-0.5 text-left text-ods-text-primary text-h6", children: title }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-left text-ods-text-secondary text-h6", children: description })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/utils/url-safety.ts
+var UNSAFE_URL_CHARS = /[\u0000-\u001f\u007f\u200b-\u200d\u2028\u2029\ufeff]/;
+var SAME_ORIGIN_PROBE = "https://_sameorigin_.invalid";
+function isSameOriginPath(candidate) {
+  try {
+    return new URL(candidate, SAME_ORIGIN_PROBE).origin === SAME_ORIGIN_PROBE;
+  } catch (e5) {
+    return false;
+  }
+}
+
+// src/components/chat/utils/compact-card-classes.ts
+var COMPACT_CARD_OUTER = "my-1.5 flex items-start gap-3 w-full p-2 rounded-lg border border-ods-border bg-ods-card no-underline transition-colors hover:border-ods-text-secondary/40";
+var COMPACT_CARD_OUTER_STATIC = "my-1.5 flex items-start gap-3 w-full p-2 rounded-lg border border-ods-border bg-ods-card no-underline cursor-default";
+var COMPACT_CARD_SKELETON_OUTER = "my-1.5 flex w-full items-start gap-3 rounded-lg border border-ods-border bg-ods-card p-2";
+var COMPACT_CARD_IMAGE_SLOT = "relative block shrink-0 self-start w-14 h-14 aspect-square overflow-hidden rounded-md bg-ods-bg";
+var COMPACT_CARD_SKELETON_IMAGE_SLOT = `block ${_chunkXFRBEXQNcjs.TILE_SIZE.thumb} ${_chunkXFRBEXQNcjs.MEDIA_ASPECT.square} shrink-0 self-start rounded-md`;
+var COMPACT_CARD_ICON_SLOT = "flex h-14 w-14 aspect-square shrink-0 self-start items-center justify-center rounded-md bg-ods-bg text-ods-accent";
+var COMPACT_CARD_TEXT_COL = "flex min-w-0 flex-1 flex-col gap-0.5 min-h-14";
+var COMPACT_CARD_TITLE_ROW = "flex items-center min-w-0 h-5";
+var COMPACT_CARD_META_ROW_BOX = "flex items-center min-w-0 h-4";
+var COMPACT_CARD_TITLE_TYPE = "text-sm font-semibold leading-5";
+var COMPACT_CARD_TITLE = `truncate ${COMPACT_CARD_TITLE_TYPE} text-ods-text-primary`;
+var COMPACT_CARD_TITLE_WRAP_ROW = "flex min-w-0 flex-wrap items-center gap-1.5";
+var COMPACT_CARD_TRAILING_ICON = "flex h-5 shrink-0 items-center self-start text-ods-text-secondary";
+var COMPACT_CARD_SUBTITLE = "truncate text-h6 text-ods-text-secondary";
+var COMPACT_CARD_SUMMARY = "truncate text-h6 text-ods-text-secondary/80";
+var COMPACT_CARD_META_ROW = "flex items-center gap-1.5 min-w-0 text-h6 text-ods-text-secondary";
+var COMPACT_CARD_ROW_FILLER = "\xA0";
+var SAFE_URL_SCHEMES = ["http:", "https:", "mailto:"];
+function safeHref(url) {
+  if (!url) return null;
+  if (UNSAFE_URL_CHARS.test(url)) return null;
+  const trimmed = url.trim();
+  if (!trimmed) return null;
+  if (trimmed.startsWith("/")) return isSameOriginPath(trimmed) ? trimmed : null;
+  if (trimmed.startsWith("#")) return trimmed;
+  if (/^[a-z][a-z0-9+.-]*:$/i.test(trimmed)) return null;
+  try {
+    const parsed = new URL(trimmed, "https://_safehref_base.invalid");
+    if (!SAFE_URL_SCHEMES.includes(parsed.protocol)) return null;
+    if ((parsed.protocol === "https:" || parsed.protocol === "http:") && !parsed.hostname) return null;
+    return trimmed;
+  } catch (e6) {
+    return null;
+  }
+}
+
+// src/components/chat/utils/compact-card-skeleton.tsx
+var _lucidereact = require('lucide-react');
+
+// src/components/ui/status-badge.tsx
+var _classvarianceauthority = require('class-variance-authority');
+
+var statusBadgeVariants = _classvarianceauthority.cva.call(void 0, "inline-flex items-center justify-center rounded", {
+  variants: {
+    // Two densities, not one style at two paddings. Both are the ODS h5
+    // label treatment (Azeret Mono 500, uppercase, -0.02em); they differ in
+    // scale. Putting BOTH on `text-h5` is what regressed the stamp: at
+    // 14/20 on desktop every inline badge grew ~40% and its box doubled,
+    // because the caption line-height replaced `leading-none`.
+    variant: {
+      // Standalone badge — the ODS caption composite, unmodified.
+      card: "px-3 py-1.5 text-h5",
+      // Dense inline stamp. Family, weight and casing come from the SAME h5
+      // tokens as `card`; only the scale is set here, because ODS has no
+      // step below the 12/14px caption and this stamp is 10px by design.
+      button: "px-2 py-0.5 font-[family-name:var(--font-h5-family)] font-[number:var(--font-h5-weight)] uppercase tracking-[-0.02em] text-badge"
+    },
+    colorScheme: {
+      cyan: "bg-ods-flamingo-cyan text-ods-text-on-accent",
+      pink: "bg-ods-flamingo-pink text-ods-text-on-accent",
+      yellow: "border border-ods-border bg-ods-accent text-ods-text-on-accent",
+      green: "bg-ods-success text-ods-text-on-accent",
+      purple: "bg-ods-flamingo-pink text-ods-text-on-accent",
+      // Solid and soft ODS palette fills (`BADGE_PALETTE`): tokens only, no hex.
+      cyanSoft: "bg-ods-flamingo-cyan-secondary text-ods-flamingo-cyan",
+      pinkSoft: "bg-ods-flamingo-pink-secondary text-ods-flamingo-pink",
+      openYellow: "bg-ods-open-yellow text-ods-text-on-accent",
+      red: "bg-ods-error text-ods-text-on-accent",
+      success: "bg-ods-success-secondary text-ods-success",
+      error: "bg-ods-error-secondary text-ods-error",
+      warning: "bg-ods-warning-secondary text-ods-warning",
+      default: "bg-ods-bg-surface text-ods-text-primary",
+      // Border-only variants (no background) - for task type badges
+      accentBorder: "border-2 border-ods-accent bg-transparent text-ods-accent",
+      errorBorder: "border-2 border-ods-error bg-transparent text-ods-error",
+      whiteBorder: "border-2 border-ods-text-primary bg-transparent text-ods-text-primary"
+    }
+  },
+  defaultVariants: {
+    variant: "card",
+    colorScheme: "default"
+  }
+});
+function genBadgeBgOpacity(gen) {
+  if (gen <= 1) return 10;
+  if (gen === 2) return 7;
+  return Math.max(4 - (gen - 3), 2);
+}
+function generationTierFromLabel(label) {
+  const m = /(\d+)/.exec(_nullishCoalesce(label, () => ( "")));
+  const n = m ? parseInt(m[1], 10) : 1;
+  return Number.isFinite(n) && n > 0 ? n : 1;
+}
+function StatusBadgeSkeleton({ variant, className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkXFRBEXQNcjs.UnifiedSkeleton,
+    {
+      as: "span",
+      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        statusBadgeVariants({ variant, colorScheme: null }),
+        "box-content h-[1lh] w-12 border-transparent",
+        className
+      )
+    }
+  );
+}
+function StatusBadge({ text, variant, colorScheme, className, singleLine, gen, style, ...props }) {
+  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  if (loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StatusBadgeSkeleton, { variant, className });
+  const genStyle = gen != null ? {
+    textTransform: "none",
+    color: "var(--ods-accent)",
+    backgroundColor: `color-mix(in srgb, var(--ods-accent) ${genBadgeBgOpacity(gen)}%, transparent)`
+  } : void 0;
+  const renderText = () => {
+    if (singleLine) return text;
+    if (variant === "button" && text.includes(" ")) {
+      const words = text.split(" ");
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex flex-col items-center justify-center gap-0 text-center", children: words.map((word, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block", children: word }, index)) });
+    }
+    return text;
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      className: _chunk65VVJSQZcjs.cn.call(void 0, statusBadgeVariants({ variant, colorScheme: gen != null ? void 0 : colorScheme }), className),
+      style: genStyle ? { ...genStyle, ...style } : style,
+      ...props,
+      children: renderText()
+    }
+  );
+}
+
+// src/components/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/content-card-frame.tsx
+
+var CONTENT_CARD_FRAME_CLASS = _chunk65VVJSQZcjs.cn.call(void 0, 
+  "group isolate overflow-hidden rounded-2xl",
+  "border border-ods-border bg-transparent",
+  "transition-[border-color,box-shadow] duration-300 ease-out",
+  "hover:border-ods-accent hover:shadow-lg hover:shadow-ods-accent/[0.08]"
+);
+var CONTENT_CARD_SKELETON_FRAME_CLASS = "overflow-hidden rounded-2xl border border-ods-border bg-transparent";
+function ContentCardFrame({ as: 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 });
+}
+
+// src/components/chat/entity-cards/entity-portrait-card.tsx
+
+
+var MIN_WIDE_RATIO = 1.3;
+var PORTRAIT_BODY = "flex h-full flex-col gap-6 p-6";
+var PORTRAIT_MEDIA = "relative flex aspect-[1200/630] w-full shrink-0 items-center justify-center overflow-hidden rounded-sm";
+var PORTRAIT_TITLE_ZONE = "flex h-[72px] shrink-0 flex-col justify-center gap-1.5";
+var PORTRAIT_TITLE_LEADING = "leading-6";
+var PORTRAIT_TITLE = _chunk65VVJSQZcjs.cn.call(void 0, "break-words text-ods-text-primary text-h4", PORTRAIT_TITLE_LEADING);
+var PORTRAIT_FOOTER = "flex h-[60px] shrink-0 items-center";
+var PORTRAIT_PERSON_ROW = "flex w-full min-w-0 items-center gap-3";
+var PORTRAIT_PERSON_TEXT = "flex min-w-0 flex-col";
+function EntityPortraitCard({
+  href,
+  target,
+  rel,
+  typeLabel,
+  imageUrl,
+  placeholderUrl,
+  imageAlt,
+  title,
+  titleClassName,
+  person,
+  priority,
+  className
+}) {
+  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const { src, onError: onMediaError } = useCoverImageFallback(imageUrl, placeholderUrl);
+  const [measured, setMeasured] = _react.useState.call(void 0, null);
+  const isWide = _optionalChain([measured, 'optionalAccess', _28 => _28.src]) === src ? measured.isWide : null;
+  const onMediaLoad = (e) => {
+    const img = e.currentTarget;
+    if (img.naturalWidth > 0 && img.naturalHeight > 0) {
+      setMeasured({ src, isWide: img.naturalWidth / img.naturalHeight >= MIN_WIDE_RATIO });
+    }
+  };
+  const edgeColor = _chunk3LW5TD54cjs.useImageEdgeColor.call(void 0, isWide === false ? src : null, "var(--color-bg-surface)");
+  if (loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityPortraitCardSkeleton, { typeLabel, className });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunk65VVJSQZcjs.cn.call(void 0, "block h-full", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: _chunk65VVJSQZcjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, PORTRAIT_BODY), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: _chunk65VVJSQZcjs.cn.call(void 0, PORTRAIT_MEDIA, "bg-ods-bg transition-colors duration-300"),
+        style: isWide === false ? { backgroundColor: edgeColor } : void 0,
+        children: src && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkE76ONBKFcjs.next_image_default,
+          {
+            src,
+            alt: imageAlt,
+            className: _chunk65VVJSQZcjs.cn.call(void 0, "h-full w-full", isWide === false ? "object-contain" : "object-cover"),
+            sizes: "(min-width: 800px) 400px, 100vw",
+            fill: true,
+            priority,
+            unoptimized: true,
+            onLoad: onMediaLoad,
+            onError: onMediaError
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: PORTRAIT_TITLE_ZONE, children: [
+      typeLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        StatusBadge,
+        {
+          variant: "button",
+          colorScheme: "accentBorder",
+          singleLine: true,
+          text: typeLabel,
+          className: "self-start"
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: _chunk65VVJSQZcjs.cn.call(void 0, PORTRAIT_TITLE, typeLabel ? "line-clamp-2" : "line-clamp-3", titleClassName), children: title })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: PORTRAIT_FOOTER, children: person && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: PORTRAIT_PERSON_ROW, children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative h-12 w-12 shrink-0", children: [
+        person.avatarUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkE76ONBKFcjs.next_image_default,
+          {
+            src: person.avatarUrl,
+            alt: person.name,
+            className: "h-12 w-12 rounded-full border border-ods-border bg-ods-bg object-cover",
+            width: 48,
+            height: 48,
+            unoptimized: true
+          }
+        ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-full border border-ods-border bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-secondary text-h4", children: person.name.charAt(0).toUpperCase() }) }),
+        person.iconOverlayUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute -bottom-1 -right-1 flex h-6 w-6 items-center justify-center overflow-hidden rounded-full bg-ods-text-primary ring-1 ring-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkE76ONBKFcjs.next_image_default,
+          {
+            src: person.iconOverlayUrl,
+            alt: "",
+            className: "h-full w-full object-cover",
+            width: 24,
+            height: 24,
+            unoptimized: true
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: PORTRAIT_PERSON_TEXT, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate font-bold text-ods-text-primary text-h6", children: person.name }),
+        person.subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-text-secondary text-h6", children: person.subtitle })
+      ] })
+    ] }) })
+  ] }) });
+}
+function EntityPortraitCardSkeleton({ typeLabel, className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "block h-full", className), "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: _chunk65VVJSQZcjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, PORTRAIT_BODY), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: _chunk65VVJSQZcjs.cn.call(void 0, PORTRAIT_MEDIA, "rounded-sm") }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: PORTRAIT_TITLE_ZONE, children: [
+      typeLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        StatusBadge,
+        {
+          variant: "button",
+          colorScheme: "accentBorder",
+          singleLine: true,
+          text: typeLabel,
+          className: "self-start"
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h4", lines: typeLabel ? 2 : 3, className: _chunk65VVJSQZcjs.cn.call(void 0, "w-full", PORTRAIT_TITLE_LEADING) })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: PORTRAIT_FOOTER, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: PORTRAIT_PERSON_ROW, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.MediaSkeleton.Avatar, { size: "md", className: "shrink-0" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, PORTRAIT_PERSON_TEXT, "gap-0"), children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "w-32" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "w-24" })
+      ] })
+    ] }) })
+  ] }) });
+}
+
+// src/components/chat/entity-cards/use-entity-card-link.ts
+
+
+// src/components/chat/utils/is-cross-origin-url.ts
+function isCrossOriginUrl(url) {
+  if (!url) return false;
+  if (url.startsWith("#") || url.startsWith("?")) return false;
+  if (url.startsWith("/") && !url.startsWith("//")) return false;
+  return true;
+}
+
+// src/components/chat/utils/decide-new-tab.ts
+function decideNewTab(input) {
+  const { href, targetPlatform, openIn, alwaysNewTab, runtimeMode, currentSource } = input;
+  if (runtimeMode === "embed") return true;
+  if (openIn === "new-tab") return true;
+  if (alwaysNewTab === true) return true;
+  if (openIn === "same-tab") return false;
+  if (targetPlatform !== void 0 && targetPlatform !== null && currentSource) {
+    return targetPlatform !== currentSource;
+  }
+  if (!href) return false;
+  return isCrossOriginUrl(href);
+}
+
+// src/components/chat/utils/nav-anchor-props.ts
+function isSameOriginAbsoluteHref(href) {
+  if (typeof window === "undefined") return false;
+  if (!/^https?:\/\//i.test(href)) return false;
+  try {
+    return new URL(href).origin === new URL(window.location.href).origin;
+  } catch (e7) {
+    return false;
+  }
+}
+function computeIsNewTab(runtime, href, targetPlatform) {
+  if (!href) return false;
+  if (runtime.navigation.mode === "embed") return !isSameOriginAbsoluteHref(href);
+  return _nullishCoalesce(_optionalChain([runtime, 'access', _29 => _29.navigation, 'access', _30 => _30.decideNewTab, 'optionalCall', _31 => _31({ href, targetPlatform })]), () => ( decideNewTab({
+    href,
+    targetPlatform,
+    currentSource: _nullishCoalesce(runtime.source, () => ( ""))
+  })));
+}
+function newTabAnchorAttrs(isNewTab) {
+  return isNewTab ? { target: "_blank", rel: "noopener noreferrer" } : {};
+}
+function buildAnchorProps(href, isNewTab) {
+  return href ? { href, ...newTabAnchorAttrs(isNewTab) } : void 0;
+}
+
+// src/components/chat/entity-cards/use-entity-card-link.ts
+function useEntityCardLink({ href, targetPlatform, target, rel }) {
+  const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
+  return _react.useMemo.call(void 0, () => {
+    if (target !== void 0 || rel !== void 0) {
+      const safeRel = _nullishCoalesce(rel, () => ( (target === "_blank" ? "noopener noreferrer" : void 0)));
+      return { target, rel: safeRel };
+    }
+    const newTab = runtime ? computeIsNewTab(runtime, href, _nullishCoalesce(targetPlatform, () => ( null))) : false;
+    return newTab ? { target: "_blank", rel: "noopener noreferrer" } : { target: void 0, rel: void 0 };
+  }, [target, rel, href, targetPlatform, runtime]);
+}
+
+// src/components/chat/entity-cards/use-entity-card-placeholder.ts
+function useEntityCardPlaceholder({
+  title,
+  placeholderUrl,
+  siteName = "",
+  aspect = "wide"
+}) {
+  const derived = _chunk3LW5TD54cjs.useOgPlaceholderUrl.call(void 0, { title, siteName, aspect });
+  return placeholderUrl !== void 0 ? placeholderUrl : derived;
+}
+
+// src/components/chat/entity-cards/case-study-card.tsx
+
+var CASE_STUDY_RESULT_STACK = "flex h-full flex-col gap-5 p-6";
+var CASE_STUDY_RESULT_METRIC_BOX = "flex h-[112px] shrink-0 flex-col justify-start gap-1 overflow-hidden";
+var CASE_STUDY_RESULT_FOOTER_BOX = "mt-auto flex h-[60px] shrink-0 items-center justify-between gap-3 border-t border-ods-border pt-4";
+var CASE_STUDY_DEFAULT_BODY = "flex flex-col gap-6 p-6";
+var CASE_STUDY_COVER = `relative ${_chunkXFRBEXQNcjs.MEDIA_ASPECT.og} w-full shrink-0 overflow-hidden rounded-sm`;
+var CASE_STUDY_TITLE_ZONE = "flex h-[72px] shrink-0 items-center";
+var CASE_STUDY_PERSON_ZONE = "flex h-[60px] shrink-0 items-center";
+var CASE_STUDY_PERSON_ROW = "flex w-full min-w-0 items-center gap-3";
+var CASE_STUDY_PERSON_TEXT = "min-w-0 flex-1";
+var CASE_STUDY_MENU_FRAME = "group/card group flex min-w-0 flex-col gap-[var(--spacing-system-sf)] rounded-xl border border-ods-border bg-ods-bg p-[var(--spacing-system-mf)] text-ods-text-primary transition-colors hover:bg-ods-bg-hover focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ods-accent";
+var CASE_STUDY_MENU_SKELETON_FRAME = "flex min-w-0 flex-col gap-[var(--spacing-system-sf)] rounded-xl border border-ods-border bg-ods-bg p-[var(--spacing-system-mf)]";
+var CASE_STUDY_MENU_MEDIA = `relative block ${_chunkXFRBEXQNcjs.MEDIA_ASPECT.video} w-full shrink-0 overflow-hidden rounded-md`;
+var CASE_STUDY_MENU_MSP_ROW = "flex items-center gap-[var(--spacing-system-xsf)] text-ods-text-secondary text-h6";
+var MSP_ICON_PX = 20;
+var MSP_ICON_CLASS = `${_chunkXFRBEXQNcjs.ICON_SIZE.md} shrink-0 rounded`;
+var CASE_STUDY_TYPE_LABEL = "Case Study";
+function headlineMetric(study) {
+  const metric = _optionalChain([study, 'access', _32 => _32.metrics, 'optionalAccess', _33 => _33[0]]);
+  return _optionalChain([metric, 'optionalAccess', _34 => _34.value]) && metric.label ? metric : null;
+}
+function CaseStudyPersonRow({ study }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CASE_STUDY_PERSON_ZONE, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_PERSON_ROW, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative h-12 w-12 shrink-0", children: [
+      _optionalChain([study, 'access', _35 => _35.user, 'optionalAccess', _36 => _36.avatar_url]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkE76ONBKFcjs.next_image_default,
+        {
+          src: study.user.avatar_url,
+          alt: _optionalChain([study, 'access', _37 => _37.user, 'optionalAccess', _38 => _38.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', _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,
+        {
+          src: study.msp.icon_url,
+          alt: study.msp.name || "MSP",
+          className: "h-full w-full object-cover",
+          width: 24,
+          height: 24,
+          unoptimized: true
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_PERSON_TEXT, children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "truncate text-ods-text-primary text-h6", children: [
+        _optionalChain([study, 'access', _43 => _43.user, 'optionalAccess', _44 => _44.full_name]) || "Anonymous",
+        _optionalChain([study, 'access', _45 => _45.msp, 'optionalAccess', _46 => _46.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', _47 => _47.user, 'optionalAccess', _48 => _48.job_title]) || "\xA0" })
+    ] })
+  ] }) });
+}
+function CaseStudyPersonRowSkeleton() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CASE_STUDY_PERSON_ZONE, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_PERSON_ROW, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.MediaSkeleton.Avatar, { size: "md", className: "shrink-0" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_PERSON_TEXT, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "w-2/3" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "w-1/2" })
+    ] })
+  ] }) });
+}
+function CaseStudyCardSkeleton({
+  size = "default",
+  showTypeBadge = true,
+  className
+}) {
+  if (size === "portrait") {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityPortraitCardSkeleton, { typeLabel: showTypeBadge ? CASE_STUDY_TYPE_LABEL : void 0, className });
+  }
+  if (size === "result") {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, CASE_STUDY_RESULT_STACK, className), "aria-hidden": true, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CaseStudyPersonRowSkeleton, {}),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_RESULT_METRIC_BOX, "data-testid": "case-study-result-skeleton-metric", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h1", className: "w-1/3" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h4", lines: 2, className: "w-3/4" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_RESULT_FOOTER_BOX, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", lines: 2, className: "w-2/3" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0 text-ods-accent text-h6", children: "Read" })
+      ] })
+    ] });
+  }
+  if (size === "menu") {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, CASE_STUDY_MENU_SKELETON_FRAME, className), "aria-hidden": true, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: CASE_STUDY_MENU_MEDIA }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_MENU_MSP_ROW, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: MSP_ICON_CLASS }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "w-28" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", lines: 2, className: "w-full" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "w-3/4" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "mt-auto w-28" })
+    ] });
+  }
+  if (size === "sm") {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CompactCardSkeleton, { rows: [{ width: "w-1/2" }, { width: "w-11/12" }], className });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "block h-full", className), "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: _chunk65VVJSQZcjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, CASE_STUDY_DEFAULT_BODY), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: _chunk65VVJSQZcjs.cn.call(void 0, CASE_STUDY_COVER, "rounded-sm") }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CASE_STUDY_TITLE_ZONE, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h4", lines: 3, className: "w-full" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CaseStudyPersonRowSkeleton, {})
+  ] }) });
+}
+function caseStudyHighlight(study) {
+  if (study.highlight_video_url) {
+    return { url: study.highlight_video_url, posterUrl: _nullishCoalesce(study.highlight_video_thumbnail, () => ( null)) };
+  }
+  const bite = (_nullishCoalesce(study.video_bites, () => ( []))).filter((candidate) => candidate.featured === true && candidate.url).sort(sortBitesByFeaturedAtDesc)[0];
+  return bite ? { url: bite.url, posterUrl: _nullishCoalesce(bite.thumbnail_url, () => ( null)) } : null;
+}
+function CaseStudyCard(props) {
+  const inScope = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  if (inScope || props.loading) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CaseStudyCardSkeleton, { size: props.size, showTypeBadge: props.showTypeBadge, className: props.className });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadedCaseStudyCard, { ...props });
+}
+function LoadedCaseStudyCard({
+  study,
+  href,
+  target: targetProp,
+  rel: relProp,
+  targetPlatform,
+  placeholderUrl: placeholderUrlProp,
+  size = "default",
+  showTypeBadge = true,
+  accentClassName = "text-ods-accent",
+  mediaMounted,
+  onNavigate,
+  className
+}) {
+  const [hovered, setHovered] = _react.useState.call(void 0, false);
+  const { target, rel } = useEntityCardLink({
+    href,
+    targetPlatform,
+    target: targetProp,
+    rel: relProp
+  });
+  const placeholderUrl = useEntityCardPlaceholder({
+    title: study.title,
+    placeholderUrl: placeholderUrlProp,
+    aspect: size === "sm" ? "square" : "wide"
+  });
+  const coverImage = study.featured_image || placeholderUrl || null;
+  if (size === "sm") {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunk65VVJSQZcjs.cn.call(void 0, COMPACT_CARD_OUTER, className), children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_IMAGE_SLOT, children: coverImage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkE76ONBKFcjs.next_image_default,
+        {
+          src: coverImage,
+          alt: `${_optionalChain([study, 'access', _49 => _49.msp, 'optionalAccess', _50 => _50.name]) || study.title} cover`,
+          className: "object-contain",
+          fill: true,
+          sizes: "56px",
+          unoptimized: true,
+          onError: hideOnError
+        }
+      ) : null }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_TEXT_COL, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_TITLE, children: study.title }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_SUBTITLE, children: [_optionalChain([study, 'access', _51 => _51.msp, 'optionalAccess', _52 => _52.name]), _optionalChain([study, 'access', _53 => _53.user, 'optionalAccess', _54 => _54.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', _55 => _55.url]), () => ( null));
+    const hasAnyVideo = !!(videoUrl || study.main_video_url);
+    const poster = study.main_video_thumbnail || study.featured_image || _optionalChain([preview, 'optionalAccess', _56 => _56.posterUrl]) || null;
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _chunkV45KLJQPcjs.next_link_default,
+      {
+        href,
+        target,
+        rel,
+        onClick: onNavigate,
+        onPointerEnter: () => setHovered(true),
+        onPointerLeave: () => setHovered(false),
+        onFocus: () => setHovered(true),
+        onBlur: () => setHovered(false),
+        className: _chunk65VVJSQZcjs.cn.call(void 0, CASE_STUDY_MENU_FRAME, className),
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, "pointer-events-none bg-ods-bg", CASE_STUDY_MENU_MEDIA), children: videoUrl ? (
+            // The shared hover surface, filled the way the walkthrough card fills
+            // its own 16:9 slot (`cover`): an upright cut is cropped to the slot,
+            // never letterboxed. Sound on hover, muted when the browser blocks it.
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              VideoHoverPreviewSurface,
+              {
+                url: videoUrl,
+                posterUrl: poster,
+                active: hovered,
+                playerMounted: mediaMounted,
+                fit: "cover",
+                posterSizes: "360px"
+              }
+            )
+          ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+            (_nullishCoalesce(poster, () => ( placeholderUrl))) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkE76ONBKFcjs.next_image_default,
+              {
+                src: _nullishCoalesce(_nullishCoalesce(poster, () => ( placeholderUrl)), () => ( "")),
+                alt: "",
+                className: "object-cover",
+                fill: true,
+                sizes: "360px",
+                unoptimized: true,
+                onError: hideOnError
+              }
+            ),
+            hasAnyVideo && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.CardHoverPlay, { size: "md" })
+          ] }) }),
+          _optionalChain([study, 'access', _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, 
+              EntityIcon,
+              {
+                icon: { url: study.msp.icon_url },
+                size: MSP_ICON_PX,
+                className: _chunk65VVJSQZcjs.cn.call(void 0, MSP_ICON_CLASS, "object-contain")
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 truncate", children: study.msp.name })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "line-clamp-2 text-h6", children: study.title }),
+          _optionalChain([study, 'access', _59 => _59.user, 'optionalAccess', _60 => _60.full_name]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-text-muted text-h6", children: study.user.job_title ? `${study.user.full_name}, ${study.user.job_title}` : study.user.full_name }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "mt-auto text-ods-accent text-h6", children: hasAnyVideo ? "Watch the story" : "Read the story" })
+        ]
+      }
+    );
+  }
+  if (size === "result") {
+    const metric = headlineMetric(study);
+    if (!metric) return null;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunk65VVJSQZcjs.cn.call(void 0, "block h-full", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: _chunk65VVJSQZcjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, CASE_STUDY_RESULT_STACK), children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CaseStudyPersonRow, { study }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_RESULT_METRIC_BOX, "data-testid": "case-study-metric", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, "truncate text-h1", accentClassName), children: metric.value }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "line-clamp-2 text-ods-text-secondary text-h4", children: metric.label })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_RESULT_FOOTER_BOX, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "line-clamp-2 min-w-0 text-ods-text-secondary text-h6", children: study.title }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, "shrink-0 text-h6", accentClassName), children: "Read" })
+      ] })
+    ] }) });
+  }
+  if (size === "portrait") {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      EntityPortraitCard,
+      {
+        href,
+        target,
+        rel,
+        typeLabel: showTypeBadge ? CASE_STUDY_TYPE_LABEL : void 0,
+        imageUrl: study.featured_image,
+        placeholderUrl,
+        imageAlt: _optionalChain([study, 'access', _61 => _61.msp, 'optionalAccess', _62 => _62.name]) || study.title,
+        title: study.title,
+        person: {
+          name: _optionalChain([study, 'access', _63 => _63.user, 'optionalAccess', _64 => _64.full_name]) || "Anonymous",
+          avatarUrl: _optionalChain([study, 'access', _65 => _65.user, 'optionalAccess', _66 => _66.avatar_url]),
+          subtitle: _nullishCoalesce(_optionalChain([study, 'access', _67 => _67.msp, 'optionalAccess', _68 => _68.name]), () => ( null)),
+          iconOverlayUrl: _nullishCoalesce(_optionalChain([study, 'access', _69 => _69.msp, 'optionalAccess', _70 => _70.icon_url]), () => ( null))
+        },
+        className
+      }
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunk65VVJSQZcjs.cn.call(void 0, "block h-full", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: _chunk65VVJSQZcjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, CASE_STUDY_DEFAULT_BODY), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, CASE_STUDY_COVER, "bg-ods-bg"), children: coverImage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkE76ONBKFcjs.next_image_default,
+      {
+        src: coverImage,
+        alt: _optionalChain([study, 'access', _71 => _71.msp, 'optionalAccess', _72 => _72.name]) || study.title,
+        className: "h-full w-full object-cover",
+        sizes: "(min-width: 1545px) 515px, (min-width: 1280px) 33vw, (min-width: 800px) 50vw, 100vw",
+        fill: true,
+        unoptimized: true,
+        onError: hideOnError
+      }
+    ) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CASE_STUDY_TITLE_ZONE, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "line-clamp-3 break-words text-ods-text-primary text-h4", children: study.title }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CaseStudyPersonRow, { study })
+  ] }) });
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+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;