@flamingo-stack/openframe-frontend-core 0.0.685 → 0.0.686-2463.7461.1

package/dist/{chunk-T6KWNJDW.js → chunk-22RSJ57Z.js}

@@ -963,6 +963,82 @@ function DepartmentBadge({
   );
 }
 
+// src/components/ui/avatar-stack.tsx
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+var SIZE_PX = { xs: 24, sm: 32, md: 40, lg: 48 };
+var OVERLAP_PX = { xs: 8, sm: 12, md: 12, lg: 12 };
+var OVERFLOW_CIRCLE_SIZE = {
+  xs: "h-6 min-w-6",
+  sm: "h-8 min-w-8",
+  md: "h-10 min-w-10",
+  lg: "h-12 min-w-12"
+};
+function AvatarStack({
+  people,
+  max = 3,
+  slots,
+  total,
+  size = "md",
+  ringClassName = "ring-ods-card",
+  label = "Assignees",
+  className
+}) {
+  if (people.length === 0) return null;
+  const groupSize = Math.max(total ?? people.length, people.length);
+  const faces = slots ? groupSize > slots ? slots - 1 : slots : max;
+  const visible = people.slice(0, faces);
+  const overflow = people.slice(faces);
+  const overflowCount = groupSize - visible.length;
+  const names = people.map((p) => p.name).join(", ");
+  const unnamed = groupSize - people.length;
+  const compact = size === "xs";
+  return /* @__PURE__ */ jsxs5(
+    "div",
+    {
+      className: cn("flex items-center", slots && "shrink-0", className),
+      style: slots ? { width: SIZE_PX[size] + (slots - 1) * (SIZE_PX[size] - OVERLAP_PX[size]) } : void 0,
+      role: "group",
+      "aria-label": `${label}: ${names}${unnamed > 0 ? ` and ${unnamed} more` : ""}`,
+      children: [
+        visible.map((person, i) => /* @__PURE__ */ jsx9(
+          SquareAvatar,
+          {
+            variant: "round",
+            size,
+            src: person.avatarUrl ?? void 0,
+            alt: person.name,
+            fallback: person.name,
+            title: person.name,
+            className: cn("relative ring-2", ringClassName, i > 0 && (compact ? "-ml-2" : "-ml-3")),
+            style: { zIndex: visible.length - i }
+          },
+          person.key ?? `${person.name}-${i}`
+        )),
+        overflowCount > 0 && /* @__PURE__ */ jsxs5(
+          "span",
+          {
+            title: overflow.length > 0 ? overflow.map((p) => p.name).join(", ") : `${overflowCount} more`,
+            className: cn(
+              "relative z-0 flex shrink-0 items-center justify-center rounded-full bg-ods-bg text-ods-text-secondary ring-2",
+              ringClassName,
+              // The circle tucks under the last face like every other avatar, so
+              // its left edge is covered: the left padding equals that overlap,
+              // centering "+N" in the part that shows. `min-w` (not a fixed
+              // width) lets a two-digit count widen the circle instead of clipping.
+              compact ? "-ml-2 pl-2 pr-1 text-badge" : "-ml-3 pl-3 pr-1.5 text-h6",
+              OVERFLOW_CIRCLE_SIZE[size]
+            ),
+            children: [
+              "+",
+              overflowCount
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
 // src/utils/image-proxy.ts
 function getProxiedImageUrl(imageUrl, options) {
   if (!imageUrl) return null;
@@ -1059,7 +1135,7 @@ function buildAnchorProps(href, isNewTab) {
 }
 
 // src/components/chat/entity-cards/entity-author-card.tsx
-import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
 var EMPTY_AUTHOR_PLACEHOLDER = {
   full_name: "\u2014",
   avatar_url: null,
@@ -1071,9 +1147,9 @@ function EntityMetadataValueCell({
   className,
   uppercase = true
 }) {
-  return /* @__PURE__ */ jsx9("div", { className: `flex flex-col gap-3 bg-ods-card p-4 ${className ?? ""}`, children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-0", children: [
-    typeof value === "string" ? /* @__PURE__ */ jsx9("p", { className: "text-ods-text-primary text-h4", children: uppercase ? value.toLocaleUpperCase() : value }) : /* @__PURE__ */ jsx9("div", { className: "flex min-h-6 items-center", children: value }),
-    /* @__PURE__ */ jsx9("p", { className: "text-ods-text-secondary text-h6", children: label })
+  return /* @__PURE__ */ jsx10("div", { className: `flex flex-col gap-3 bg-ods-card p-4 ${className ?? ""}`, children: /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-0", children: [
+    typeof value === "string" ? /* @__PURE__ */ jsx10("p", { className: "text-ods-text-primary text-h4", children: uppercase ? value.toLocaleUpperCase() : value }) : /* @__PURE__ */ jsx10("div", { className: "flex min-h-6 items-center", children: value }),
+    /* @__PURE__ */ jsx10("p", { className: "text-ods-text-secondary text-h6", children: label })
   ] }) });
 }
 function EntityMetadataAuthorCell({
@@ -1084,8 +1160,8 @@ function EntityMetadataAuthorCell({
 }) {
   const trimmedName = typeof author.full_name === "string" ? author.full_name.trim() : "";
   const fullName = trimmedName || "Unknown Author";
-  return /* @__PURE__ */ jsxs5("div", { className: `flex items-center gap-3 bg-ods-card p-4 ${className ?? ""}`, children: [
-    /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs6("div", { className: `flex items-center gap-3 bg-ods-card p-4 ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsx10(
       SquareAvatar,
       {
         src: author.avatar_url || "",
@@ -1095,9 +1171,9 @@ function EntityMetadataAuthorCell({
         variant: "round"
       }
     ),
-    /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 flex-1 flex-col gap-0", children: [
-      /* @__PURE__ */ jsx9("p", { className: "truncate text-ods-text-primary text-h3", title: fullName, children: authorHref && trimmedName ? /* @__PURE__ */ jsx9(next_link_default, { href: authorHref, className: "transition-colors hover:text-ods-accent", children: fullName }) : fullName }),
-      /* @__PURE__ */ jsx9("p", { className: "text-ods-text-secondary text-h6", children: author.job_title || roleLabel })
+    /* @__PURE__ */ jsxs6("div", { className: "flex min-w-0 flex-1 flex-col gap-0", children: [
+      /* @__PURE__ */ jsx10("p", { className: "truncate text-ods-text-primary text-h3", title: fullName, children: authorHref && trimmedName ? /* @__PURE__ */ jsx10(next_link_default, { href: authorHref, className: "transition-colors hover:text-ods-accent", children: fullName }) : fullName }),
+      /* @__PURE__ */ jsx10("p", { className: "text-ods-text-secondary text-h6", children: author.job_title || roleLabel })
     ] })
   ] });
 }
@@ -1121,12 +1197,12 @@ function EntityAuthorCard({
   const totalCells = extras.length + (showDateCell ? 1 : 0) + 1;
   const gridColsClass = totalCells >= 4 ? "md:grid-cols-4" : totalCells === 3 ? "md:grid-cols-3" : totalCells === 2 ? "md:grid-cols-2" : "md:grid-cols-1";
   const dividerClass = "border-b md:border-b-0 md:border-r border-ods-border";
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       className: `grid grid-cols-1 ${gridColsClass} w-full overflow-hidden rounded-md border border-ods-border ${className ?? ""}`,
       children: [
-        extras.map((cell, i) => /* @__PURE__ */ jsx9(
+        extras.map((cell, i) => /* @__PURE__ */ jsx10(
           EntityMetadataValueCell,
           {
             value: cell.value,
@@ -1136,18 +1212,18 @@ function EntityAuthorCard({
           },
           `${cell.label}-${i}`
         )),
-        showDateCell && /* @__PURE__ */ jsx9(EntityMetadataValueCell, { value: dateLabel, label: publishedLabel, uppercase: false, className: dividerClass }),
-        /* @__PURE__ */ jsx9(EntityMetadataAuthorCell, { author: effectiveAuthor, roleLabel, authorHref })
+        showDateCell && /* @__PURE__ */ jsx10(EntityMetadataValueCell, { value: dateLabel, label: publishedLabel, uppercase: false, className: dividerClass }),
+        /* @__PURE__ */ jsx10(EntityMetadataAuthorCell, { author: effectiveAuthor, roleLabel, authorHref })
       ]
     }
   );
 }
 
 // src/components/chat/entity-cards/blog-image-placeholder.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function BlogImagePlaceholder({ imageUrl, title, className = "" }) {
   if (!imageUrl) return null;
-  return /* @__PURE__ */ jsx10("span", { className: `relative block h-full w-full overflow-hidden bg-ods-bg ${className}`, children: /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11("span", { className: `relative block h-full w-full overflow-hidden bg-ods-bg ${className}`, children: /* @__PURE__ */ jsx11(
     next_image_default,
     {
       src: imageUrl,
@@ -1183,7 +1259,7 @@ var hideOnError = (e) => {
 
 // src/components/chat/entity-cards/entity-portrait-card.tsx
 import { useState as useState3 } from "react";
-import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 var MIN_WIDE_RATIO = 1.3;
 function EntityPortraitCard({
   href,
@@ -1208,13 +1284,13 @@ function EntityPortraitCard({
     }
   };
   const edgeColor = useImageEdgeColor(isWide === false ? src : null, "var(--color-bg-surface)");
-  return /* @__PURE__ */ jsx11("a", { href, target, rel, className: cn("block h-full", className), "aria-label": `Open ${title}`, children: /* @__PURE__ */ jsxs6(Card, { className: "flex h-full flex-col gap-6 overflow-hidden border border-ods-border bg-ods-card p-6 transition-all duration-200 hover:border-ods-accent hover:shadow-lg hover:shadow-ods-accent/[0.08]", children: [
-    /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12("a", { href, target, rel, className: cn("block h-full", className), "aria-label": `Open ${title}`, children: /* @__PURE__ */ jsxs7(Card, { className: "flex h-full flex-col gap-6 overflow-hidden border border-ods-border bg-ods-card p-6 transition-all duration-200 hover:border-ods-accent hover:shadow-lg hover:shadow-ods-accent/[0.08]", children: [
+    /* @__PURE__ */ jsx12(
       "div",
       {
         className: "relative flex aspect-[1200/630] w-full shrink-0 items-center justify-center overflow-hidden rounded-sm bg-ods-bg transition-colors duration-300",
         style: isWide === false ? { backgroundColor: edgeColor } : void 0,
-        children: src && /* @__PURE__ */ jsx11(
+        children: src && /* @__PURE__ */ jsx12(
           next_image_default,
           {
             src,
@@ -1229,8 +1305,8 @@ function EntityPortraitCard({
         )
       }
     ),
-    /* @__PURE__ */ jsxs6("div", { className: "flex h-[72px] shrink-0 flex-col justify-center gap-1.5", children: [
-      typeLabel && /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsxs7("div", { className: "flex h-[72px] shrink-0 flex-col justify-center gap-1.5", children: [
+      typeLabel && /* @__PURE__ */ jsx12(
         StatusBadge,
         {
           variant: "button",
@@ -1240,7 +1316,7 @@ function EntityPortraitCard({
           className: "self-start"
         }
       ),
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx12(
         "h3",
         {
           className: cn(
@@ -1252,9 +1328,9 @@ function EntityPortraitCard({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx11("div", { className: "flex h-[60px] shrink-0 items-center", children: person && /* @__PURE__ */ jsxs6("div", { className: "flex w-full min-w-0 items-center gap-3", children: [
-      /* @__PURE__ */ jsxs6("div", { className: "relative h-12 w-12 shrink-0", children: [
-        person.avatarUrl ? /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx12("div", { className: "flex h-[60px] shrink-0 items-center", children: person && /* @__PURE__ */ jsxs7("div", { className: "flex w-full min-w-0 items-center gap-3", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "relative h-12 w-12 shrink-0", children: [
+        person.avatarUrl ? /* @__PURE__ */ jsx12(
           next_image_default,
           {
             src: person.avatarUrl,
@@ -1264,8 +1340,8 @@ function EntityPortraitCard({
             height: 48,
             unoptimized: true
           }
-        ) : /* @__PURE__ */ jsx11("div", { className: "flex h-12 w-12 items-center justify-center rounded-full border border-ods-border bg-ods-bg", children: /* @__PURE__ */ jsx11("span", { className: "text-ods-text-secondary text-h4", children: person.name.charAt(0).toUpperCase() }) }),
-        person.iconOverlayUrl && /* @__PURE__ */ jsx11("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__ */ jsx11(
+        ) : /* @__PURE__ */ jsx12("div", { className: "flex h-12 w-12 items-center justify-center rounded-full border border-ods-border bg-ods-bg", children: /* @__PURE__ */ jsx12("span", { className: "text-ods-text-secondary text-h4", children: person.name.charAt(0).toUpperCase() }) }),
+        person.iconOverlayUrl && /* @__PURE__ */ jsx12("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__ */ jsx12(
           next_image_default,
           {
             src: person.iconOverlayUrl,
@@ -1277,9 +1353,9 @@ function EntityPortraitCard({
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "flex min-w-0 flex-col", children: [
-        /* @__PURE__ */ jsx11("span", { className: "truncate font-bold text-ods-text-primary text-h6", children: person.name }),
-        person.subtitle && /* @__PURE__ */ jsx11("span", { className: "truncate text-ods-text-secondary text-h6", children: person.subtitle })
+      /* @__PURE__ */ jsxs7("div", { className: "flex min-w-0 flex-col", children: [
+        /* @__PURE__ */ jsx12("span", { className: "truncate font-bold text-ods-text-primary text-h6", children: person.name }),
+        person.subtitle && /* @__PURE__ */ jsx12("span", { className: "truncate text-ods-text-secondary text-h6", children: person.subtitle })
       ] })
     ] }) })
   ] }) });
@@ -1289,14 +1365,14 @@ function EntityPortraitCard({
 import { Globe } from "lucide-react";
 
 // src/components/flamingo-logo.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function FlamingoLogo({
   className = "",
   color = "var(--ods-flamingo-pink-base)",
   size = 120,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "svg",
     {
       width: size,
@@ -1305,7 +1381,7 @@ function FlamingoLogo({
       xmlns: "http://www.w3.org/2000/svg",
       className,
       ...props,
-      children: /* @__PURE__ */ jsx12(
+      children: /* @__PURE__ */ jsx13(
         "path",
         {
           fillRule: "evenodd",
@@ -1319,7 +1395,7 @@ function FlamingoLogo({
 }
 
 // src/components/openmsp-logo.tsx
-import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 function OpenmspLogo({
   className = "",
   frontBubbleColor = "#000000",
@@ -1327,7 +1403,7 @@ function OpenmspLogo({
   backBubbleColor = "#ffffff",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "svg",
     {
       width: "97",
@@ -1338,35 +1414,35 @@ function OpenmspLogo({
       className,
       ...props,
       children: [
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(
           "path",
           {
             d: "M73.933 0C75.7003 0 77.133 1.43269 77.133 3.2V54.4C77.133 56.1673 75.7003 57.6 73.933 57.6H3.53301C1.7657 57.6 0.333008 56.1673 0.333008 54.4V3.2C0.333008 1.43269 1.7657 0 3.53301 0H73.933ZM10.1076 47.6494C10.1076 48.0912 10.4658 48.4494 10.9076 48.4494H66.5584C67.0002 48.4494 67.3584 48.0912 67.3584 47.6494V9.95059C67.3584 9.50876 67.0002 9.15059 66.5584 9.15059H10.9076C10.4658 9.15059 10.1076 9.50876 10.1076 9.95059V47.6494Z",
             fill: backBubbleColor
           }
         ),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(
           "path",
           {
             d: "M19.5332 22.4C19.5332 20.6326 20.9659 19.2 22.7332 19.2H93.1332C94.9005 19.2 96.3332 20.6326 96.3332 22.4V76.8C96.3332 78.2222 95.3945 79.4737 94.0292 79.8719L39.7572 95.7013C39.2452 95.8506 38.7332 95.4666 38.7332 94.9333V80C38.7332 79.5581 38.375 79.2 37.9332 79.2H22.7332C20.9659 79.2 19.5332 77.7673 19.5332 76V22.4Z",
             fill: innerFrontBubbleColor
           }
         ),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(
           "path",
           {
             d: "M93.1332 19.2C94.9005 19.2 96.3332 20.6326 96.3332 22.4V76.8C96.3332 78.2222 95.3945 79.4737 94.0292 79.8719L39.7572 95.7013C39.2452 95.8506 38.7332 95.4666 38.7332 94.9333V80C38.7332 79.5581 38.375 79.2 37.9332 79.2H22.7332C20.9659 79.2 19.5332 77.7673 19.5332 76V22.4C19.5332 20.6326 20.9659 19.2 22.7332 19.2H93.1332ZM48.3377 82.1286C48.3355 82.6633 48.8484 83.0497 49.3617 82.9L86.1572 72.1672C86.4985 72.0676 86.7332 71.7547 86.7332 71.3992V29.6C86.7332 29.1581 86.375 28.8 85.9332 28.8H29.9332C29.4914 28.8 29.1332 29.1581 29.1332 29.6V68.8C29.1332 69.2418 29.4914 69.6 29.9332 69.6H47.5869C48.03 69.6 48.3887 69.9602 48.3869 70.4033L48.3377 82.1286Z",
             fill: frontBubbleColor
           }
         ),
-        /* @__PURE__ */ jsx13("circle", { cx: "45.1334", cy: "44.8", r: "6.4", fill: frontBubbleColor })
+        /* @__PURE__ */ jsx14("circle", { cx: "45.1334", cy: "44.8", r: "6.4", fill: frontBubbleColor })
       ]
     }
   );
 }
 
 // src/components/features/platform-badge.tsx
-import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 var sizeClasses = {
   xs: {
     container: "gap-1 px-1.5 py-0.5",
@@ -1389,7 +1465,7 @@ var PlatformIcon = ({ platform, className }) => {
   const size = sizeMatch ? parseInt(sizeMatch[1]) * 4 : 16;
   switch (platform) {
     case "openmsp":
-      return /* @__PURE__ */ jsx14(
+      return /* @__PURE__ */ jsx15(
         OpenmspLogo,
         {
           className,
@@ -1400,19 +1476,19 @@ var PlatformIcon = ({ platform, className }) => {
       );
     case "flamingo":
     case "flamingo-teaser":
-      return /* @__PURE__ */ jsx14(FlamingoLogo, { className });
+      return /* @__PURE__ */ jsx15(FlamingoLogo, { className });
     case "openframe":
-      return /* @__PURE__ */ jsx14(OpenFrameLogo, { className });
+      return /* @__PURE__ */ jsx15(OpenFrameLogo, { className });
     case "tmcg":
-      return /* @__PURE__ */ jsx14(MiamiCyberGangLogoFaceOnly, { size, className });
+      return /* @__PURE__ */ jsx15(MiamiCyberGangLogoFaceOnly, { size, className });
     case "company-hub":
     case "marketing-hub":
     case "product-hub":
     case "revenue-hub":
     case "people-hub":
-      return /* @__PURE__ */ jsx14(FlamingoLogo, { className, fill: "currentColor" });
+      return /* @__PURE__ */ jsx15(FlamingoLogo, { className, fill: "currentColor" });
     default:
-      return /* @__PURE__ */ jsx14(Globe, { className });
+      return /* @__PURE__ */ jsx15(Globe, { className });
   }
 };
 function PlatformBadge({ platform, size = "sm", showLabel = true, className }) {
@@ -1421,7 +1497,7 @@ function PlatformBadge({ platform, size = "sm", showLabel = true, className }) {
   }
   const sizes = sizeClasses[size];
   const colors = getPlatformBrandClasses(platform.name);
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       className: cn(
@@ -1434,8 +1510,8 @@ function PlatformBadge({ platform, size = "sm", showLabel = true, className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsx14(PlatformIcon, { platform: platform.name, className: sizes.icon }),
-        showLabel && /* @__PURE__ */ jsx14("span", { className: sizes.text, children: platform.display_name || platform.name })
+        /* @__PURE__ */ jsx15(PlatformIcon, { platform: platform.name, className: sizes.icon }),
+        showLabel && /* @__PURE__ */ jsx15("span", { className: sizes.text, children: platform.display_name || platform.name })
       ]
     }
   );
@@ -1443,7 +1519,7 @@ function PlatformBadge({ platform, size = "sm", showLabel = true, className }) {
 
 // src/components/chat/entity-cards/admin-content-card.tsx
 import { useState as useState4 } from "react";
-import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
 function AdminContentCard({
   imageUrl,
   placeholderUrl,
@@ -1462,7 +1538,7 @@ function AdminContentCard({
   const displayUrl = imageUrl && !imageError ? imageUrl : placeholderUrl;
   const imageLoaded = Boolean(displayUrl) && loadedUrl === displayUrl;
   const imageBgColor = useImageEdgeColor(displayUrl || null, "transparent");
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "article",
     {
       className: cn(
@@ -1475,9 +1551,9 @@ function AdminContentCard({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx15("div", { className: "relative aspect-[3/2] w-full shrink-0 overflow-hidden", style: { backgroundColor: imageBgColor }, children: displayUrl ? /* @__PURE__ */ jsxs9(Fragment2, { children: [
-          !imageLoaded && /* @__PURE__ */ jsx15("div", { className: "absolute inset-0 animate-pulse bg-ods-border/20" }),
-          /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16("div", { className: "relative aspect-[3/2] w-full shrink-0 overflow-hidden", style: { backgroundColor: imageBgColor }, children: displayUrl ? /* @__PURE__ */ jsxs10(Fragment2, { children: [
+          !imageLoaded && /* @__PURE__ */ jsx16("div", { className: "absolute inset-0 animate-pulse bg-ods-border/20" }),
+          /* @__PURE__ */ jsx16(
             next_image_default,
             {
               src: displayUrl,
@@ -1495,13 +1571,13 @@ function AdminContentCard({
               onError: () => setImageError(true)
             }
           )
-        ] }) : /* @__PURE__ */ jsx15("div", { className: "absolute inset-0 bg-ods-bg" }) }),
-        /* @__PURE__ */ jsxs9("div", { className: "flex flex-1 flex-col gap-3 p-5", children: [
-          /* @__PURE__ */ jsx15("h3", { className: cn("line-clamp-2 break-words text-ods-text-primary text-h3", reserveRows && "min-h-[2lh]"), children: title }),
-          (subtitle || reserveRows) && /* @__PURE__ */ jsx15("p", { className: cn("truncate text-ods-text-secondary text-h6", reserveRows && "min-h-[1lh]"), children: subtitle }),
-          (summary || reserveRows) && /* @__PURE__ */ jsx15("p", { className: cn("line-clamp-2 text-ods-text-secondary text-h6", reserveRows && "min-h-[2lh]"), children: summary }),
-          (Number(platforms?.length) > 0 || badges || reserveRows) && /* @__PURE__ */ jsxs9("div", { className: cn("flex flex-wrap items-center gap-2", reserveRows && "min-h-7"), children: [
-            platforms?.map((p) => /* @__PURE__ */ jsx15(
+        ] }) : /* @__PURE__ */ jsx16("div", { className: "absolute inset-0 bg-ods-bg" }) }),
+        /* @__PURE__ */ jsxs10("div", { className: "flex flex-1 flex-col gap-3 p-5", children: [
+          /* @__PURE__ */ jsx16("h3", { className: cn("line-clamp-2 break-words text-ods-text-primary text-h3", reserveRows && "min-h-[2lh]"), children: title }),
+          (subtitle || reserveRows) && /* @__PURE__ */ jsx16("p", { className: cn("truncate text-ods-text-secondary text-h6", reserveRows && "min-h-[1lh]"), children: subtitle }),
+          (summary || reserveRows) && /* @__PURE__ */ jsx16("p", { className: cn("line-clamp-2 text-ods-text-secondary text-h6", reserveRows && "min-h-[2lh]"), children: summary }),
+          (Number(platforms?.length) > 0 || badges || reserveRows) && /* @__PURE__ */ jsxs10("div", { className: cn("flex flex-wrap items-center gap-2", reserveRows && "min-h-7"), children: [
+            platforms?.map((p) => /* @__PURE__ */ jsx16(
               PlatformBadge,
               {
                 platform: { id: p.id || p.platform_id || "", name: p.name, display_name: p.display_name || p.name },
@@ -1511,8 +1587,8 @@ function AdminContentCard({
             )),
             badges
           ] }),
-          (meta || reserveRows) && /* @__PURE__ */ jsx15("div", { className: cn("flex items-center gap-3 text-ods-text-secondary text-h6", reserveRows && "min-h-[1lh]"), children: meta }),
-          actions && /* @__PURE__ */ jsx15("div", { className: "mt-auto flex items-center justify-between border-t border-ods-border pt-3", children: actions })
+          (meta || reserveRows) && /* @__PURE__ */ jsx16("div", { className: cn("flex items-center gap-3 text-ods-text-secondary text-h6", reserveRows && "min-h-[1lh]"), children: meta }),
+          actions && /* @__PURE__ */ jsx16("div", { className: "mt-auto flex items-center justify-between border-t border-ods-border pt-3", children: actions })
         ] })
       ]
     }
@@ -1535,7 +1611,7 @@ function getProxiedImageUrl2(imageUrl) {
 }
 
 // src/components/chat/entity-cards/employee-entry-card.tsx
-import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
 var STATUS_BADGE_SCHEME = {
   published: "success",
   draft: "warning",
@@ -1548,7 +1624,7 @@ var STATUS_BADGE_SCHEME = {
   abandoned: "default"
 };
 function EmployeeEntryBadge({ children }) {
-  return /* @__PURE__ */ jsx16(StatusBadge, { text: children, colorScheme: "default", variant: "button", singleLine: true });
+  return /* @__PURE__ */ jsx17(StatusBadge, { text: children, colorScheme: "default", variant: "button", singleLine: true });
 }
 function EmployeeEntryCard({
   entry,
@@ -1560,15 +1636,15 @@ function EmployeeEntryCard({
   anchorProps,
   className
 }) {
-  const card = /* @__PURE__ */ jsx16(
+  const card = /* @__PURE__ */ jsx17(
     AdminContentCard,
     {
       imageUrl: entry.featured_image || entry.main_video_thumbnail,
       placeholderUrl,
       title: entry.title || untitledLabel,
       summary: (entry.summary ?? "").slice(0, 140) || "No description",
-      badges: entry.status || extraBadges ? /* @__PURE__ */ jsxs10(Fragment3, { children: [
-        entry.status ? /* @__PURE__ */ jsx16(
+      badges: entry.status || extraBadges ? /* @__PURE__ */ jsxs11(Fragment3, { children: [
+        entry.status ? /* @__PURE__ */ jsx17(
           StatusBadge,
           {
             text: entry.status,
@@ -1579,9 +1655,9 @@ function EmployeeEntryCard({
         ) : null,
         extraBadges
       ] }) : null,
-      meta: /* @__PURE__ */ jsxs10(Fragment3, { children: [
-        /* @__PURE__ */ jsxs10("span", { className: "flex min-w-0 items-center gap-2", children: [
-          entry.author?.avatar_url ? /* @__PURE__ */ jsx16(
+      meta: /* @__PURE__ */ jsxs11(Fragment3, { children: [
+        /* @__PURE__ */ jsxs11("span", { className: "flex min-w-0 items-center gap-2", children: [
+          entry.author?.avatar_url ? /* @__PURE__ */ jsx17(
             next_image_default,
             {
               src: getProxiedImageUrl2(entry.author.avatar_url) ?? entry.author.avatar_url,
@@ -1592,30 +1668,30 @@ function EmployeeEntryCard({
               unoptimized: true
             }
           ) : null,
-          /* @__PURE__ */ jsx16("span", { className: "truncate", children: entry.author?.full_name ?? "" })
+          /* @__PURE__ */ jsx17("span", { className: "truncate", children: entry.author?.full_name ?? "" })
         ] }),
-        dateLabel ? /* @__PURE__ */ jsx16("span", { children: dateLabel }) : null
+        dateLabel ? /* @__PURE__ */ jsx17("span", { children: dateLabel }) : null
       ] }),
       actions,
       className
     }
   );
-  return anchorProps ? /* @__PURE__ */ jsx16("a", { ...anchorProps, className: "block h-full", children: card }) : card;
+  return anchorProps ? /* @__PURE__ */ jsx17("a", { ...anchorProps, className: "block h-full", children: card }) : card;
 }
 function EmployeeEntryCardSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       className: `group flex h-full animate-pulse flex-col overflow-hidden rounded-2xl border border-ods-border bg-ods-card ${className ?? ""}`,
       children: [
-        /* @__PURE__ */ jsx16("div", { className: "aspect-[3/2] bg-ods-bg" }),
-        /* @__PURE__ */ jsxs10("div", { className: "flex flex-grow flex-col space-y-3 p-4", children: [
-          /* @__PURE__ */ jsx16("div", { className: "h-5 w-3/4 rounded bg-ods-bg" }),
-          /* @__PURE__ */ jsx16("div", { className: "h-3 w-full rounded bg-ods-bg/60" }),
-          /* @__PURE__ */ jsx16("div", { className: "h-3 w-4/5 rounded bg-ods-bg/60" }),
-          /* @__PURE__ */ jsxs10("div", { className: "mt-auto flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx16("div", { className: "h-8 w-8 rounded-full bg-ods-bg" }),
-            /* @__PURE__ */ jsx16("div", { className: "h-3 w-24 rounded bg-ods-bg/60" })
+        /* @__PURE__ */ jsx17("div", { className: "aspect-[3/2] bg-ods-bg" }),
+        /* @__PURE__ */ jsxs11("div", { className: "flex flex-grow flex-col space-y-3 p-4", children: [
+          /* @__PURE__ */ jsx17("div", { className: "h-5 w-3/4 rounded bg-ods-bg" }),
+          /* @__PURE__ */ jsx17("div", { className: "h-3 w-full rounded bg-ods-bg/60" }),
+          /* @__PURE__ */ jsx17("div", { className: "h-3 w-4/5 rounded bg-ods-bg/60" }),
+          /* @__PURE__ */ jsxs11("div", { className: "mt-auto flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx17("div", { className: "h-8 w-8 rounded-full bg-ods-bg" }),
+            /* @__PURE__ */ jsx17("div", { className: "h-3 w-24 rounded bg-ods-bg/60" })
           ] })
         ] })
       ]
@@ -1624,9 +1700,9 @@ function EmployeeEntryCardSkeleton({ className }) {
 }
 
 // src/components/chat/entity-cards/what-i-shipped-card.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function WhatIShippedCard({ entry, placeholderUrl, actions, anchorProps, className }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     EmployeeEntryCard,
     {
       entry,
@@ -1641,17 +1717,17 @@ function WhatIShippedCard({ entry, placeholderUrl, actions, anchorProps, classNa
 var WhatIShippedCardSkeleton = EmployeeEntryCardSkeleton;
 
 // src/components/chat/entity-cards/how-i-work-card.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function disciplineLabel(discipline) {
   return discipline.replace(/_/g, " ").replace(/\b\w/g, (ch) => ch.toUpperCase());
 }
 function HowIWorkCard({ entry, placeholderUrl, actions, anchorProps, className }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     EmployeeEntryCard,
     {
       entry,
       dateLabel: entry.session_date ? formatDateUTC(entry.session_date, { fallback: "" }) || null : null,
-      extraBadges: entry.discipline ? /* @__PURE__ */ jsx18(EmployeeEntryBadge, { children: disciplineLabel(entry.discipline) }) : null,
+      extraBadges: entry.discipline ? /* @__PURE__ */ jsx19(EmployeeEntryBadge, { children: disciplineLabel(entry.discipline) }) : null,
       untitledLabel: "Untitled session",
       placeholderUrl,
       actions,
@@ -1663,18 +1739,18 @@ function HowIWorkCard({ entry, placeholderUrl, actions, anchorProps, className }
 var HowIWorkCardSkeleton = EmployeeEntryCardSkeleton;
 
 // src/components/chat/entity-cards/ai-prompt-card.tsx
-import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
 function AiPromptCard({ entry, placeholderUrl, actions, anchorProps, className }) {
   const departmentName = entry.department?.name?.trim();
   const steps = typeof entry.step_count === "number" ? entry.step_count : 0;
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     EmployeeEntryCard,
     {
       entry,
       dateLabel: entry.published_at ? formatDateUTC(entry.published_at, { fallback: "" }) || null : null,
-      extraBadges: /* @__PURE__ */ jsxs11(Fragment4, { children: [
-        departmentName ? /* @__PURE__ */ jsx19(DepartmentBadge, { department: { name: departmentName, color: entry.department?.color ?? null } }) : null,
-        steps > 1 ? /* @__PURE__ */ jsx19(EmployeeEntryBadge, { children: `${steps} steps` }) : null
+      extraBadges: /* @__PURE__ */ jsxs12(Fragment4, { children: [
+        departmentName ? /* @__PURE__ */ jsx20(DepartmentBadge, { department: { name: departmentName, color: entry.department?.color ?? null } }) : null,
+        steps > 1 ? /* @__PURE__ */ jsx20(EmployeeEntryBadge, { children: `${steps} steps` }) : null
       ] }),
       untitledLabel: "Untitled prompt",
       placeholderUrl,
@@ -1711,7 +1787,7 @@ function sortBitesByFeaturedAtDesc(a, b) {
 
 // src/components/shared/product-release/product-release-card.tsx
 import { AlertTriangle, Eye, Package, Play, Sparkles, TrendingUp, Wrench } from "lucide-react";
-import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
 function ProductReleaseCard({
   title,
   summary,
@@ -1762,10 +1838,10 @@ function ProductReleaseCard({
       "no-underline",
       className
     );
-    const innerLayout = /* @__PURE__ */ jsxs12(Fragment5, { children: [
-      /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-4 md:flex-row md:gap-6", children: [
-        /* @__PURE__ */ jsx20("div", { className: "w-full flex-shrink-0 md:w-[256px]", children: /* @__PURE__ */ jsxs12("div", { className: "relative aspect-[1200/630] w-full overflow-hidden rounded-lg bg-ods-bg", children: [
-          coverImage ? /* @__PURE__ */ jsx20(
+    const innerLayout = /* @__PURE__ */ jsxs13(Fragment5, { children: [
+      /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-4 md:flex-row md:gap-6", children: [
+        /* @__PURE__ */ jsx21("div", { className: "w-full flex-shrink-0 md:w-[256px]", children: /* @__PURE__ */ jsxs13("div", { className: "relative aspect-[1200/630] w-full overflow-hidden rounded-lg bg-ods-bg", children: [
+          coverImage ? /* @__PURE__ */ jsx21(
             next_image_default,
             {
               src: coverImage,
@@ -1775,44 +1851,44 @@ function ProductReleaseCard({
               className: "object-cover",
               unoptimized: true
             }
-          ) : /* @__PURE__ */ jsx20("div", { className: "absolute inset-0 flex items-center justify-center text-ods-text-secondary", children: /* @__PURE__ */ jsx20(Package, { className: "h-8 w-8" }) }),
-          hasVideoCover && coverImage && /* @__PURE__ */ jsx20("span", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx20(Play, { className: "h-10 w-10 text-ods-text-on-dark", fill: "white" }) })
+          ) : /* @__PURE__ */ jsx21("div", { className: "absolute inset-0 flex items-center justify-center text-ods-text-secondary", children: /* @__PURE__ */ jsx21(Package, { className: "h-8 w-8" }) }),
+          hasVideoCover && coverImage && /* @__PURE__ */ jsx21("span", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx21(Play, { className: "h-10 w-10 text-ods-text-on-dark", fill: "white" }) })
         ] }) }),
-        /* @__PURE__ */ jsxs12("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-          /* @__PURE__ */ jsx20("div", { className: "mb-3 flex items-center gap-3", children: /* @__PURE__ */ jsxs12("span", { className: "truncate font-semibold text-ods-text-primary text-code", children: [
+        /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+          /* @__PURE__ */ jsx21("div", { className: "mb-3 flex items-center gap-3", children: /* @__PURE__ */ jsxs13("span", { className: "truncate font-semibold text-ods-text-primary text-code", children: [
             "v",
             version
           ] }) }),
-          /* @__PURE__ */ jsx20("div", { className: "mb-3 flex min-h-[60px] items-start md:min-h-[72px]", children: /* @__PURE__ */ jsx20("h3", { className: "line-clamp-2 font-['Azeret_Mono'] text-xl font-semibold leading-tight text-ods-text-primary md:text-2xl", children: title }) }),
-          /* @__PURE__ */ jsx20("div", { className: "min-h-[68px] md:min-h-[78px]", children: /* @__PURE__ */ jsx20("p", { className: "line-clamp-3 font-['DM_Sans'] text-sm leading-relaxed text-ods-text-secondary md:text-base", children: summary ?? "" }) })
+          /* @__PURE__ */ jsx21("div", { className: "mb-3 flex min-h-[60px] items-start md:min-h-[72px]", children: /* @__PURE__ */ jsx21("h3", { className: "line-clamp-2 font-['Azeret_Mono'] text-xl font-semibold leading-tight text-ods-text-primary md:text-2xl", children: title }) }),
+          /* @__PURE__ */ jsx21("div", { className: "min-h-[68px] md:min-h-[78px]", children: /* @__PURE__ */ jsx21("p", { className: "line-clamp-3 font-['DM_Sans'] text-sm leading-relaxed text-ods-text-secondary md:text-base", children: summary ?? "" }) })
         ] })
       ] }),
-      /* @__PURE__ */ jsx20("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1.5 border-t border-ods-border pt-3 text-ods-text-secondary text-h6", children: totalChangelog > 0 && changelogCounts ? /* @__PURE__ */ jsxs12(Fragment5, { children: [
-        changelogCounts.features > 0 && /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx20(Sparkles, { className: "h-3.5 w-3.5" }),
+      /* @__PURE__ */ jsx21("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1.5 border-t border-ods-border pt-3 text-ods-text-secondary text-h6", children: totalChangelog > 0 && changelogCounts ? /* @__PURE__ */ jsxs13(Fragment5, { children: [
+        changelogCounts.features > 0 && /* @__PURE__ */ jsxs13("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx21(Sparkles, { className: "h-3.5 w-3.5" }),
           changelogCounts.features,
           " ",
           changelogCounts.features === 1 ? "feature" : "features"
         ] }),
-        changelogCounts.fixes > 0 && /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx20(Wrench, { className: "h-3.5 w-3.5" }),
+        changelogCounts.fixes > 0 && /* @__PURE__ */ jsxs13("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx21(Wrench, { className: "h-3.5 w-3.5" }),
           changelogCounts.fixes,
           " ",
           changelogCounts.fixes === 1 ? "fix" : "fixes"
         ] }),
-        changelogCounts.improvements > 0 && /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx20(TrendingUp, { className: "h-3.5 w-3.5" }),
+        changelogCounts.improvements > 0 && /* @__PURE__ */ jsxs13("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx21(TrendingUp, { className: "h-3.5 w-3.5" }),
           changelogCounts.improvements,
           " ",
           changelogCounts.improvements === 1 ? "improvement" : "improvements"
         ] }),
-        changelogCounts.breaking > 0 && /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-1.5 text-ods-warning", children: [
-          /* @__PURE__ */ jsx20(AlertTriangle, { className: "h-3.5 w-3.5" }),
+        changelogCounts.breaking > 0 && /* @__PURE__ */ jsxs13("span", { className: "inline-flex items-center gap-1.5 text-ods-warning", children: [
+          /* @__PURE__ */ jsx21(AlertTriangle, { className: "h-3.5 w-3.5" }),
           changelogCounts.breaking,
           " breaking"
         ] })
-      ] }) : /* @__PURE__ */ jsx20("span", { className: "text-ods-text-secondary", children: "No changelog entries yet" }) }),
-      /* @__PURE__ */ jsxs12(
+      ] }) : /* @__PURE__ */ jsx21("span", { className: "text-ods-text-secondary", children: "No changelog entries yet" }) }),
+      /* @__PURE__ */ jsxs13(
         "div",
         {
           className: cn(
@@ -1821,8 +1897,8 @@ function ProductReleaseCard({
             "w-full overflow-hidden rounded-md border border-ods-border"
           ),
           children: [
-            valueCells.map((cell, i) => /* @__PURE__ */ jsx20("div", { className: cn("flex flex-col gap-3 bg-ods-card p-4", dividerClass), children: /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-0", children: [
-              cell.colorScheme ? /* @__PURE__ */ jsx20(
+            valueCells.map((cell, i) => /* @__PURE__ */ jsx21("div", { className: cn("flex flex-col gap-3 bg-ods-card p-4", dividerClass), children: /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-0", children: [
+              cell.colorScheme ? /* @__PURE__ */ jsx21(
                 StatusBadge,
                 {
                   text: cell.value,
@@ -1831,7 +1907,7 @@ function ProductReleaseCard({
                   singleLine: true,
                   className: "self-start"
                 }
-              ) : /* @__PURE__ */ jsx20(
+              ) : /* @__PURE__ */ jsx21(
                 "p",
                 {
                   className: cn(
@@ -1843,10 +1919,10 @@ function ProductReleaseCard({
                   children: cell.uppercase ? cell.value.toLocaleUpperCase() : cell.value
                 }
               ),
-              /* @__PURE__ */ jsx20("p", { className: "text-ods-text-secondary text-h6", children: cell.label })
+              /* @__PURE__ */ jsx21("p", { className: "text-ods-text-secondary text-h6", children: cell.label })
             ] }) }, `${cell.label}-${i}`)),
-            /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-3 bg-ods-card p-4", children: [
-              /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-3 bg-ods-card p-4", children: [
+              /* @__PURE__ */ jsx21(
                 SquareAvatar,
                 {
                   src: effectiveAuthor.avatar_url ?? void 0,
@@ -1856,29 +1932,29 @@ function ProductReleaseCard({
                   variant: "round"
                 }
               ),
-              /* @__PURE__ */ jsxs12("div", { className: "flex min-w-0 flex-1 flex-col gap-0", children: [
-                /* @__PURE__ */ jsx20("p", { className: "truncate tracking-[-0.36px] text-ods-text-primary text-h3", children: effectiveAuthor.full_name }),
-                /* @__PURE__ */ jsx20("p", { className: "text-ods-text-secondary text-h6", children: effectiveAuthor.job_title || "Author" })
+              /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 flex-1 flex-col gap-0", children: [
+                /* @__PURE__ */ jsx21("p", { className: "truncate tracking-[-0.36px] text-ods-text-primary text-h3", children: effectiveAuthor.full_name }),
+                /* @__PURE__ */ jsx21("p", { className: "text-ods-text-secondary text-h6", children: effectiveAuthor.job_title || "Author" })
               ] })
             ] })
           ]
         }
       ),
-      typeof viewCount === "number" && viewCount > 0 && /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1.5 text-ods-text-secondary text-h6", children: [
-        /* @__PURE__ */ jsx20(Eye, { className: "h-3.5 w-3.5" }),
-        /* @__PURE__ */ jsxs12("span", { children: [
+      typeof viewCount === "number" && viewCount > 0 && /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-1.5 text-ods-text-secondary text-h6", children: [
+        /* @__PURE__ */ jsx21(Eye, { className: "h-3.5 w-3.5" }),
+        /* @__PURE__ */ jsxs13("span", { children: [
           viewCount.toLocaleString(),
           " views"
         ] })
       ] })
     ] });
     if (anchorProps) {
-      return /* @__PURE__ */ jsx20("a", { ...anchorProps, className: frameClass, "aria-label": `Open ${title}`, children: innerLayout });
+      return /* @__PURE__ */ jsx21("a", { ...anchorProps, className: frameClass, "aria-label": `Open ${title}`, children: innerLayout });
     }
     if (onClick) {
-      return /* @__PURE__ */ jsx20(InteractiveCard, { clickable: true, onClick, className: frameClass, children: innerLayout });
+      return /* @__PURE__ */ jsx21(InteractiveCard, { clickable: true, onClick, className: frameClass, children: innerLayout });
     }
-    return /* @__PURE__ */ jsx20("div", { className: cn(frameClass.replace("hover:border-ods-accent", "").replace("hover:translate-y-[-2px]", "")), children: innerLayout });
+    return /* @__PURE__ */ jsx21("div", { className: cn(frameClass.replace("hover:border-ods-accent", "").replace("hover:translate-y-[-2px]", "")), children: innerLayout });
   }
   if (size === "sm") {
     const handleKey = (e) => {
@@ -1905,24 +1981,24 @@ function ProductReleaseCard({
       isInteractive ? "cursor-pointer transition-colors hover:border-ods-text-secondary/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent focus-visible:ring-offset-1 focus-visible:ring-offset-ods-card" : "cursor-default",
       className
     );
-    const innerChildren = /* @__PURE__ */ jsxs12(Fragment5, { children: [
-      /* @__PURE__ */ jsxs12("span", { className: "relative flex aspect-square h-14 w-14 shrink-0 items-center justify-center self-start overflow-hidden rounded-md bg-ods-bg text-ods-accent", children: [
-        coverImage ? /* @__PURE__ */ jsx20(next_image_default, { src: coverImage, alt: title, fill: true, sizes: "56px", className: "object-contain", unoptimized: true }) : /* @__PURE__ */ jsx20(Package, { className: "h-5 w-5" }),
-        hasVideoCover && coverImage && /* @__PURE__ */ jsx20("span", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx20(Play, { className: "h-4 w-4 text-ods-text-on-dark", fill: "white" }) })
+    const innerChildren = /* @__PURE__ */ jsxs13(Fragment5, { children: [
+      /* @__PURE__ */ jsxs13("span", { className: "relative flex aspect-square h-14 w-14 shrink-0 items-center justify-center self-start overflow-hidden rounded-md bg-ods-bg text-ods-accent", children: [
+        coverImage ? /* @__PURE__ */ jsx21(next_image_default, { src: coverImage, alt: title, fill: true, sizes: "56px", className: "object-contain", unoptimized: true }) : /* @__PURE__ */ jsx21(Package, { className: "h-5 w-5" }),
+        hasVideoCover && coverImage && /* @__PURE__ */ jsx21("span", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx21(Play, { className: "h-4 w-4 text-ods-text-on-dark", fill: "white" }) })
       ] }),
-      /* @__PURE__ */ jsxs12("span", { className: "flex min-h-14 min-w-0 flex-1 flex-col gap-0.5", children: [
-        /* @__PURE__ */ jsxs12("span", { className: "flex h-5 min-w-0 items-center gap-2", children: [
-          /* @__PURE__ */ jsx20("span", { className: "min-w-0 truncate font-semibold text-ods-text-primary text-h6", title, children: title }),
-          version ? /* @__PURE__ */ jsx20("span", { className: "shrink-0 rounded bg-ods-accent/10 px-1.5 py-0.5 text-ods-accent text-code", children: version }) : null
+      /* @__PURE__ */ jsxs13("span", { className: "flex min-h-14 min-w-0 flex-1 flex-col gap-0.5", children: [
+        /* @__PURE__ */ jsxs13("span", { className: "flex h-5 min-w-0 items-center gap-2", children: [
+          /* @__PURE__ */ jsx21("span", { className: "min-w-0 truncate font-semibold text-ods-text-primary text-h6", title, children: title }),
+          version ? /* @__PURE__ */ jsx21("span", { className: "shrink-0 rounded bg-ods-accent/10 px-1.5 py-0.5 text-ods-accent text-code", children: version }) : null
         ] }),
-        /* @__PURE__ */ jsx20("span", { className: "flex h-4 min-w-0 items-center", children: /* @__PURE__ */ jsx20("span", { className: "truncate text-ods-text-secondary text-h6", children: formattedDate || "Product release" }) }),
-        /* @__PURE__ */ jsx20("span", { className: "flex h-4 min-w-0 items-center", children: /* @__PURE__ */ jsx20("span", { className: "truncate text-ods-text-secondary/80 text-h6", title: summary || void 0, children: summary || "\xA0" }) })
+        /* @__PURE__ */ jsx21("span", { className: "flex h-4 min-w-0 items-center", children: /* @__PURE__ */ jsx21("span", { className: "truncate text-ods-text-secondary text-h6", children: formattedDate || "Product release" }) }),
+        /* @__PURE__ */ jsx21("span", { className: "flex h-4 min-w-0 items-center", children: /* @__PURE__ */ jsx21("span", { className: "truncate text-ods-text-secondary/80 text-h6", title: summary || void 0, children: summary || "\xA0" }) })
       ] })
     ] });
     if (anchorProps) {
-      return /* @__PURE__ */ jsx20("a", { ...anchorProps, className: outerClassName, children: innerChildren });
+      return /* @__PURE__ */ jsx21("a", { ...anchorProps, className: outerClassName, children: innerChildren });
     }
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx21(
       "span",
       {
         role: onClick ? "button" : void 0,
@@ -1938,10 +2014,10 @@ function ProductReleaseCard({
 }
 
 // src/components/shared/product-release/product-release-card-skeleton.tsx
-import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
 function ProductReleaseCardSkeleton({ className, size = "lg" }) {
   if (size === "lg") {
-    return /* @__PURE__ */ jsxs13(
+    return /* @__PURE__ */ jsxs14(
       "div",
       {
         className: cn(
@@ -1951,39 +2027,39 @@ function ProductReleaseCardSkeleton({ className, size = "lg" }) {
           className
         ),
         children: [
-          /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-4 md:flex-row md:gap-6", children: [
-            /* @__PURE__ */ jsx21("div", { className: "aspect-[1200/630] w-full flex-shrink-0 rounded-lg bg-ods-border md:w-[256px]" }),
-            /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-              /* @__PURE__ */ jsx21("div", { className: "mb-3 flex items-center gap-3", children: /* @__PURE__ */ jsx21("div", { className: "h-7 w-20 rounded bg-ods-border" }) }),
-              /* @__PURE__ */ jsxs13("div", { className: "mb-3 flex min-h-[60px] flex-col justify-start gap-1.5 md:min-h-[72px]", children: [
-                /* @__PURE__ */ jsx21("div", { className: "h-[25px] w-3/4 rounded bg-ods-border md:h-[30px]" }),
-                /* @__PURE__ */ jsx21("div", { className: "h-[25px] w-1/2 rounded bg-ods-border md:h-[30px]" })
+          /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-4 md:flex-row md:gap-6", children: [
+            /* @__PURE__ */ jsx22("div", { className: "aspect-[1200/630] w-full flex-shrink-0 rounded-lg bg-ods-border md:w-[256px]" }),
+            /* @__PURE__ */ jsxs14("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+              /* @__PURE__ */ jsx22("div", { className: "mb-3 flex items-center gap-3", children: /* @__PURE__ */ jsx22("div", { className: "h-7 w-20 rounded bg-ods-border" }) }),
+              /* @__PURE__ */ jsxs14("div", { className: "mb-3 flex min-h-[60px] flex-col justify-start gap-1.5 md:min-h-[72px]", children: [
+                /* @__PURE__ */ jsx22("div", { className: "h-[25px] w-3/4 rounded bg-ods-border md:h-[30px]" }),
+                /* @__PURE__ */ jsx22("div", { className: "h-[25px] w-1/2 rounded bg-ods-border md:h-[30px]" })
               ] }),
-              /* @__PURE__ */ jsxs13("div", { className: "flex min-h-[68px] flex-col justify-start gap-2 md:min-h-[78px]", children: [
-                /* @__PURE__ */ jsx21("div", { className: "h-3 w-full rounded bg-ods-border/70" }),
-                /* @__PURE__ */ jsx21("div", { className: "h-3 w-11/12 rounded bg-ods-border/70" }),
-                /* @__PURE__ */ jsx21("div", { className: "h-3 w-5/6 rounded bg-ods-border/70" })
+              /* @__PURE__ */ jsxs14("div", { className: "flex min-h-[68px] flex-col justify-start gap-2 md:min-h-[78px]", children: [
+                /* @__PURE__ */ jsx22("div", { className: "h-3 w-full rounded bg-ods-border/70" }),
+                /* @__PURE__ */ jsx22("div", { className: "h-3 w-11/12 rounded bg-ods-border/70" }),
+                /* @__PURE__ */ jsx22("div", { className: "h-3 w-5/6 rounded bg-ods-border/70" })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsx21("div", { className: "border-t border-ods-border pt-3", children: /* @__PURE__ */ jsx21("div", { className: "h-5 w-2/3 rounded bg-ods-border/70" }) }),
-          /* @__PURE__ */ jsxs13("div", { className: "grid w-full grid-cols-1 overflow-hidden rounded-md border border-ods-border md:grid-cols-4", children: [
-            [0, 1, 2].map((i) => /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx22("div", { className: "border-t border-ods-border pt-3", children: /* @__PURE__ */ jsx22("div", { className: "h-5 w-2/3 rounded bg-ods-border/70" }) }),
+          /* @__PURE__ */ jsxs14("div", { className: "grid w-full grid-cols-1 overflow-hidden rounded-md border border-ods-border md:grid-cols-4", children: [
+            [0, 1, 2].map((i) => /* @__PURE__ */ jsx22(
               "div",
               {
                 className: "flex flex-col gap-3 border-b border-ods-border bg-ods-card p-4 md:border-b-0 md:border-r",
-                children: /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-2", children: [
-                  /* @__PURE__ */ jsx21("div", { className: "h-7 w-24 rounded bg-ods-bg" }),
-                  /* @__PURE__ */ jsx21("div", { className: "h-4 w-16 rounded bg-ods-bg/60" })
+                children: /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-2", children: [
+                  /* @__PURE__ */ jsx22("div", { className: "h-7 w-24 rounded bg-ods-bg" }),
+                  /* @__PURE__ */ jsx22("div", { className: "h-4 w-16 rounded bg-ods-bg/60" })
                 ] })
               },
               `cell-${i}`
             )),
-            /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-3 bg-ods-card p-4", children: [
-              /* @__PURE__ */ jsx21("div", { className: "h-10 w-10 shrink-0 rounded-full bg-ods-bg" }),
-              /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-                /* @__PURE__ */ jsx21("div", { className: "h-5 w-3/4 rounded bg-ods-bg" }),
-                /* @__PURE__ */ jsx21("div", { className: "h-4 w-1/2 rounded bg-ods-bg/60" })
+            /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-3 bg-ods-card p-4", children: [
+              /* @__PURE__ */ jsx22("div", { className: "h-10 w-10 shrink-0 rounded-full bg-ods-bg" }),
+              /* @__PURE__ */ jsxs14("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
+                /* @__PURE__ */ jsx22("div", { className: "h-5 w-3/4 rounded bg-ods-bg" }),
+                /* @__PURE__ */ jsx22("div", { className: "h-4 w-1/2 rounded bg-ods-bg/60" })
               ] })
             ] })
           ] })
@@ -1992,7 +2068,7 @@ function ProductReleaseCardSkeleton({ className, size = "lg" }) {
     );
   }
   if (size === "sm") {
-    return /* @__PURE__ */ jsxs13(
+    return /* @__PURE__ */ jsxs14(
       "span",
       {
         className: cn(
@@ -2001,14 +2077,14 @@ function ProductReleaseCardSkeleton({ className, size = "lg" }) {
           className
         ),
         children: [
-          /* @__PURE__ */ jsx21("span", { className: "block aspect-square h-14 w-14 shrink-0 self-start rounded-md bg-ods-bg" }),
-          /* @__PURE__ */ jsxs13("span", { className: "flex min-h-14 min-w-0 flex-1 flex-col gap-0.5", children: [
-            /* @__PURE__ */ jsxs13("span", { className: "flex h-5 min-w-0 items-center gap-2", children: [
-              /* @__PURE__ */ jsx21("span", { className: "h-3.5 w-3/5 rounded bg-ods-bg" }),
-              /* @__PURE__ */ jsx21("span", { className: "h-4 w-12 shrink-0 rounded bg-ods-bg/70" })
+          /* @__PURE__ */ jsx22("span", { className: "block aspect-square h-14 w-14 shrink-0 self-start rounded-md bg-ods-bg" }),
+          /* @__PURE__ */ jsxs14("span", { className: "flex min-h-14 min-w-0 flex-1 flex-col gap-0.5", children: [
+            /* @__PURE__ */ jsxs14("span", { className: "flex h-5 min-w-0 items-center gap-2", children: [
+              /* @__PURE__ */ jsx22("span", { className: "h-3.5 w-3/5 rounded bg-ods-bg" }),
+              /* @__PURE__ */ jsx22("span", { className: "h-4 w-12 shrink-0 rounded bg-ods-bg/70" })
             ] }),
-            /* @__PURE__ */ jsx21("span", { className: "flex h-4 min-w-0 items-center", children: /* @__PURE__ */ jsx21("span", { className: "h-3 w-1/3 rounded bg-ods-bg/70" }) }),
-            /* @__PURE__ */ jsx21("span", { className: "flex h-4 min-w-0 items-center", children: /* @__PURE__ */ jsx21("span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
+            /* @__PURE__ */ jsx22("span", { className: "flex h-4 min-w-0 items-center", children: /* @__PURE__ */ jsx22("span", { className: "h-3 w-1/3 rounded bg-ods-bg/70" }) }),
+            /* @__PURE__ */ jsx22("span", { className: "flex h-4 min-w-0 items-center", children: /* @__PURE__ */ jsx22("span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
           ] })
         ]
       }
@@ -2187,28 +2263,28 @@ function useEntityCardPlaceholder({
 }
 
 // src/components/chat/entity-cards/blog-card.tsx
-import { Fragment as Fragment6, jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
 function BlogCardSkeleton({ size = "default" }) {
   if (size === "sm") {
-    return /* @__PURE__ */ jsxs14("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
-      /* @__PURE__ */ jsx22("span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
-      /* @__PURE__ */ jsxs14("span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ jsx22("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx22("span", { className: "h-3.5 w-3/5 rounded bg-ods-bg" }) }),
-        /* @__PURE__ */ jsx22("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx22("span", { className: "h-3 w-2/5 rounded bg-ods-bg/70" }) }),
-        /* @__PURE__ */ jsx22("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx22("span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
+    return /* @__PURE__ */ jsxs15("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
+      /* @__PURE__ */ jsx23("span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
+      /* @__PURE__ */ jsxs15("span", { className: COMPACT_CARD_TEXT_COL, children: [
+        /* @__PURE__ */ jsx23("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx23("span", { className: "h-3.5 w-3/5 rounded bg-ods-bg" }) }),
+        /* @__PURE__ */ jsx23("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx23("span", { className: "h-3 w-2/5 rounded bg-ods-bg/70" }) }),
+        /* @__PURE__ */ jsx23("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx23("span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs14("article", { className: "group flex h-full animate-pulse flex-col overflow-hidden rounded-lg border border-ods-border bg-ods-card", children: [
-    /* @__PURE__ */ jsx22("div", { className: "aspect-[1200/630] bg-ods-bg" }),
-    /* @__PURE__ */ jsxs14("div", { className: "flex flex-grow flex-col space-y-3 p-4", children: [
-      /* @__PURE__ */ jsx22("div", { className: "h-5 w-3/4 rounded bg-ods-bg" }),
-      /* @__PURE__ */ jsx22("div", { className: "h-5 w-1/2 rounded bg-ods-bg" }),
-      /* @__PURE__ */ jsx22("div", { className: "h-3 w-full rounded bg-ods-bg/60" }),
-      /* @__PURE__ */ jsx22("div", { className: "h-3 w-4/5 rounded bg-ods-bg/60" }),
-      /* @__PURE__ */ jsxs14("div", { className: "mt-auto flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx22("div", { className: "h-8 w-8 rounded-full bg-ods-bg" }),
-        /* @__PURE__ */ jsx22("div", { className: "h-3 w-24 rounded bg-ods-bg/60" })
+  return /* @__PURE__ */ jsxs15("article", { className: "group flex h-full animate-pulse flex-col overflow-hidden rounded-lg border border-ods-border bg-ods-card", children: [
+    /* @__PURE__ */ jsx23("div", { className: "aspect-[1200/630] bg-ods-bg" }),
+    /* @__PURE__ */ jsxs15("div", { className: "flex flex-grow flex-col space-y-3 p-4", children: [
+      /* @__PURE__ */ jsx23("div", { className: "h-5 w-3/4 rounded bg-ods-bg" }),
+      /* @__PURE__ */ jsx23("div", { className: "h-5 w-1/2 rounded bg-ods-bg" }),
+      /* @__PURE__ */ jsx23("div", { className: "h-3 w-full rounded bg-ods-bg/60" }),
+      /* @__PURE__ */ jsx23("div", { className: "h-3 w-4/5 rounded bg-ods-bg/60" }),
+      /* @__PURE__ */ jsxs15("div", { className: "mt-auto flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx23("div", { className: "h-8 w-8 rounded-full bg-ods-bg" }),
+        /* @__PURE__ */ jsx23("div", { className: "h-3 w-24 rounded bg-ods-bg/60" })
       ] })
     ] })
   ] });
@@ -2241,7 +2317,7 @@ function BlogCard({
   if (size === "sm") {
     const dateStr2 = post.published_at ? formatDateWithTimezone(post.published_at, null, "medium") : "";
     const firstCategory = post.categories?.find((c) => c && c.name)?.name;
-    return /* @__PURE__ */ jsxs14(
+    return /* @__PURE__ */ jsxs15(
       "a",
       {
         href,
@@ -2250,7 +2326,7 @@ function BlogCard({
         className: cn(COMPACT_CARD_OUTER, className),
         "aria-label": `Read article: ${post.title}`,
         children: [
-          /* @__PURE__ */ jsx22("span", { className: COMPACT_CARD_IMAGE_SLOT, children: displayImage ? /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx23("span", { className: COMPACT_CARD_IMAGE_SLOT, children: displayImage ? /* @__PURE__ */ jsx23(
             next_image_default,
             {
               src: displayImage,
@@ -2262,17 +2338,17 @@ function BlogCard({
               onError: onImageError
             }
           ) : null }),
-          /* @__PURE__ */ jsxs14("span", { className: COMPACT_CARD_TEXT_COL, children: [
-            /* @__PURE__ */ jsxs14("span", { className: cn(COMPACT_CARD_TITLE_ROW, "gap-1.5"), children: [
-              /* @__PURE__ */ jsx22("span", { className: cn(COMPACT_CARD_TITLE, "font-body"), children: post.title }),
-              hasEmbeddedVideo ? /* @__PURE__ */ jsx22(StatusBadge, { text: "Video", variant: "button", colorScheme: "cyan", className: "shrink-0" }) : null
+          /* @__PURE__ */ jsxs15("span", { className: COMPACT_CARD_TEXT_COL, children: [
+            /* @__PURE__ */ jsxs15("span", { className: cn(COMPACT_CARD_TITLE_ROW, "gap-1.5"), children: [
+              /* @__PURE__ */ jsx23("span", { className: cn(COMPACT_CARD_TITLE, "font-body"), children: post.title }),
+              hasEmbeddedVideo ? /* @__PURE__ */ jsx23(StatusBadge, { text: "Video", variant: "button", colorScheme: "cyan", className: "shrink-0" }) : null
             ] }),
-            /* @__PURE__ */ jsx22("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsxs14("span", { className: COMPACT_CARD_SUBTITLE, children: [
+            /* @__PURE__ */ jsx23("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsxs15("span", { className: COMPACT_CARD_SUBTITLE, children: [
               dateStr2,
               dateStr2 && firstCategory ? " \xB7 " : "",
               firstCategory ?? "Blog Post"
             ] }) }),
-            /* @__PURE__ */ jsx22("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx22("span", { className: COMPACT_CARD_SUMMARY, children: post.summary || COMPACT_CARD_ROW_FILLER }) })
+            /* @__PURE__ */ jsx23("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx23("span", { className: COMPACT_CARD_SUMMARY, children: post.summary || COMPACT_CARD_ROW_FILLER }) })
           ] })
         ]
       }
@@ -2280,7 +2356,7 @@ function BlogCard({
   }
   if (size === "portrait") {
     const dateStr2 = post.published_at ? formatDateWithTimezone(post.published_at, null, "medium") : "";
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx23(
       EntityPortraitCard,
       {
         href,
@@ -2301,7 +2377,7 @@ function BlogCard({
     );
   }
   const dateStr = post.published_at ? formatDateWithTimezone(post.published_at, null, "medium") : "";
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "article",
     {
       className: cn(
@@ -2313,7 +2389,7 @@ function BlogCard({
         className
       ),
       role: "article",
-      children: /* @__PURE__ */ jsxs14(
+      children: /* @__PURE__ */ jsxs15(
         "a",
         {
           href,
@@ -2322,7 +2398,7 @@ function BlogCard({
           className: "flex h-full flex-col focus:outline-none",
           "aria-label": `Read article: ${post.title}`,
           children: [
-            /* @__PURE__ */ jsx22("div", { className: "relative aspect-[1200/630] w-full overflow-hidden bg-ods-bg", children: displayImage ? /* @__PURE__ */ jsx22(
+            /* @__PURE__ */ jsx23("div", { className: "relative aspect-[1200/630] w-full overflow-hidden bg-ods-bg", children: displayImage ? /* @__PURE__ */ jsx23(
               next_image_default,
               {
                 src: displayImage,
@@ -2336,8 +2412,8 @@ function BlogCard({
                 onError: onImageError
               }
             ) : null }),
-            /* @__PURE__ */ jsxs14("div", { className: "flex flex-grow flex-col p-4", children: [
-              /* @__PURE__ */ jsx22("div", { className: "mb-3 flex min-h-[50.4px] items-center md:min-h-[56px] lg:min-h-[61.6px]", children: /* @__PURE__ */ jsx22(
+            /* @__PURE__ */ jsxs15("div", { className: "flex flex-grow flex-col p-4", children: [
+              /* @__PURE__ */ jsx23("div", { className: "mb-3 flex min-h-[50.4px] items-center md:min-h-[56px] lg:min-h-[61.6px]", children: /* @__PURE__ */ jsx23(
                 "h3",
                 {
                   className: cn(
@@ -2349,10 +2425,10 @@ function BlogCard({
                   children: post.title
                 }
               ) }),
-              /* @__PURE__ */ jsx22("div", { className: "mb-3 flex min-h-[42px] items-center md:min-h-[45px] lg:min-h-[48px]", children: /* @__PURE__ */ jsx22("p", { className: cn("text-ods-text-primary text-h6", "line-clamp-2"), children: post.summary || "" }) }),
-              /* @__PURE__ */ jsxs14("div", { className: "mt-auto flex items-center justify-between gap-2 text-ods-text-secondary text-h6", children: [
-                /* @__PURE__ */ jsxs14("div", { className: "flex min-w-0 items-center gap-2", children: [
-                  post.author_avatar ? /* @__PURE__ */ jsx22(
+              /* @__PURE__ */ jsx23("div", { className: "mb-3 flex min-h-[42px] items-center md:min-h-[45px] lg:min-h-[48px]", children: /* @__PURE__ */ jsx23("p", { className: cn("text-ods-text-primary text-h6", "line-clamp-2"), children: post.summary || "" }) }),
+              /* @__PURE__ */ jsxs15("div", { className: "mt-auto flex items-center justify-between gap-2 text-ods-text-secondary text-h6", children: [
+                /* @__PURE__ */ jsxs15("div", { className: "flex min-w-0 items-center gap-2", children: [
+                  post.author_avatar ? /* @__PURE__ */ jsx23(
                     next_image_default,
                     {
                       src: post.author_avatar,
@@ -2363,22 +2439,22 @@ function BlogCard({
                       unoptimized: true
                     }
                   ) : null,
-                  /* @__PURE__ */ jsxs14("span", { className: "truncate", children: [
+                  /* @__PURE__ */ jsxs15("span", { className: "truncate", children: [
                     post.author_name || "Anonymous",
-                    dateStr ? /* @__PURE__ */ jsxs14(Fragment6, { children: [
+                    dateStr ? /* @__PURE__ */ jsxs15(Fragment6, { children: [
                       " \xB7 ",
                       dateStr
                     ] }) : null
                   ] })
                 ] }),
-                /* @__PURE__ */ jsxs14(
+                /* @__PURE__ */ jsxs15(
                   "div",
                   {
                     className: "flex shrink-0 items-center gap-1",
                     "aria-label": `View count: ${(post.view_count ?? 0).toLocaleString("en-US")} views`,
                     children: [
-                      /* @__PURE__ */ jsx22(Eye2, { className: "h-4 w-4 shrink-0" }),
-                      /* @__PURE__ */ jsx22("span", { children: (post.view_count ?? 0).toLocaleString("en-US") })
+                      /* @__PURE__ */ jsx23(Eye2, { className: "h-4 w-4 shrink-0" }),
+                      /* @__PURE__ */ jsx23("span", { children: (post.view_count ?? 0).toLocaleString("en-US") })
                     ]
                   }
                 )
@@ -2392,29 +2468,29 @@ function BlogCard({
 }
 
 // src/components/chat/entity-cards/case-study-card.tsx
-import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
 function CaseStudyCardSkeleton({ size = "default" }) {
   if (size === "sm") {
-    return /* @__PURE__ */ jsxs15("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
-      /* @__PURE__ */ jsx23("span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
-      /* @__PURE__ */ jsxs15("span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ jsx23("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx23("span", { className: "h-3.5 w-3/5 rounded bg-ods-bg" }) }),
-        /* @__PURE__ */ jsx23("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx23("span", { className: "h-3 w-1/2 rounded bg-ods-bg/70" }) }),
-        /* @__PURE__ */ jsx23("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx23("span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
+    return /* @__PURE__ */ jsxs16("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
+      /* @__PURE__ */ jsx24("span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
+      /* @__PURE__ */ jsxs16("span", { className: COMPACT_CARD_TEXT_COL, children: [
+        /* @__PURE__ */ jsx24("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx24("span", { className: "h-3.5 w-3/5 rounded bg-ods-bg" }) }),
+        /* @__PURE__ */ jsx24("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx24("span", { className: "h-3 w-1/2 rounded bg-ods-bg/70" }) }),
+        /* @__PURE__ */ jsx24("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx24("span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs15("div", { className: "flex animate-pulse flex-col gap-6 overflow-hidden rounded-lg border border-ods-border bg-ods-card p-6", children: [
-    /* @__PURE__ */ jsx23("div", { className: "aspect-[1200/630] w-full rounded-sm bg-ods-bg" }),
-    /* @__PURE__ */ jsxs15("div", { className: "flex h-[72px] flex-col gap-2", children: [
-      /* @__PURE__ */ jsx23("div", { className: "h-5 w-3/4 rounded bg-ods-bg" }),
-      /* @__PURE__ */ jsx23("div", { className: "h-5 w-1/2 rounded bg-ods-bg" })
+  return /* @__PURE__ */ jsxs16("div", { className: "flex animate-pulse flex-col gap-6 overflow-hidden rounded-lg border border-ods-border bg-ods-card p-6", children: [
+    /* @__PURE__ */ jsx24("div", { className: "aspect-[1200/630] w-full rounded-sm bg-ods-bg" }),
+    /* @__PURE__ */ jsxs16("div", { className: "flex h-[72px] flex-col gap-2", children: [
+      /* @__PURE__ */ jsx24("div", { className: "h-5 w-3/4 rounded bg-ods-bg" }),
+      /* @__PURE__ */ jsx24("div", { className: "h-5 w-1/2 rounded bg-ods-bg" })
     ] }),
-    /* @__PURE__ */ jsxs15("div", { className: "flex h-[60px] items-center gap-3", children: [
-      /* @__PURE__ */ jsx23("div", { className: "h-12 w-12 rounded-full bg-ods-bg" }),
-      /* @__PURE__ */ jsxs15("div", { className: "flex-1 space-y-2", children: [
-        /* @__PURE__ */ jsx23("div", { className: "h-4 w-2/3 rounded bg-ods-bg" }),
-        /* @__PURE__ */ jsx23("div", { className: "h-3 w-1/2 rounded bg-ods-bg/60" })
+    /* @__PURE__ */ jsxs16("div", { className: "flex h-[60px] items-center gap-3", children: [
+      /* @__PURE__ */ jsx24("div", { className: "h-12 w-12 rounded-full bg-ods-bg" }),
+      /* @__PURE__ */ jsxs16("div", { className: "flex-1 space-y-2", children: [
+        /* @__PURE__ */ jsx24("div", { className: "h-4 w-2/3 rounded bg-ods-bg" }),
+        /* @__PURE__ */ jsx24("div", { className: "h-3 w-1/2 rounded bg-ods-bg/60" })
       ] })
     ] })
   ] });
@@ -2443,8 +2519,8 @@ function CaseStudyCard({
   });
   const coverImage = study.featured_image || placeholderUrl || null;
   if (size === "sm") {
-    return /* @__PURE__ */ jsxs15("a", { href, target, rel, className: cn(COMPACT_CARD_OUTER, className), children: [
-      /* @__PURE__ */ jsx23("span", { className: COMPACT_CARD_IMAGE_SLOT, children: coverImage ? /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsxs16("a", { href, target, rel, className: cn(COMPACT_CARD_OUTER, className), children: [
+      /* @__PURE__ */ jsx24("span", { className: COMPACT_CARD_IMAGE_SLOT, children: coverImage ? /* @__PURE__ */ jsx24(
         next_image_default,
         {
           src: coverImage,
@@ -2456,15 +2532,15 @@ function CaseStudyCard({
           onError: hideOnError
         }
       ) : null }),
-      /* @__PURE__ */ jsxs15("span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ jsx23("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx23("span", { className: COMPACT_CARD_TITLE, children: study.title }) }),
-        /* @__PURE__ */ jsx23("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx23("span", { className: COMPACT_CARD_SUBTITLE, children: [study.msp?.name, study.user?.full_name].filter(Boolean).join(" \xB7 ") || "Case study" }) }),
-        /* @__PURE__ */ jsx23("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx23("span", { className: COMPACT_CARD_SUMMARY, children: study.summary || COMPACT_CARD_ROW_FILLER }) })
+      /* @__PURE__ */ jsxs16("span", { className: COMPACT_CARD_TEXT_COL, children: [
+        /* @__PURE__ */ jsx24("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx24("span", { className: COMPACT_CARD_TITLE, children: study.title }) }),
+        /* @__PURE__ */ jsx24("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx24("span", { className: COMPACT_CARD_SUBTITLE, children: [study.msp?.name, study.user?.full_name].filter(Boolean).join(" \xB7 ") || "Case study" }) }),
+        /* @__PURE__ */ jsx24("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx24("span", { className: COMPACT_CARD_SUMMARY, children: study.summary || COMPACT_CARD_ROW_FILLER }) })
       ] })
     ] });
   }
   if (size === "portrait") {
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx24(
       EntityPortraitCard,
       {
         href,
@@ -2485,8 +2561,8 @@ function CaseStudyCard({
       }
     );
   }
-  return /* @__PURE__ */ jsx23("a", { href, target, rel, className: cn("block h-full", className), children: /* @__PURE__ */ jsxs15(Card, { className: "flex flex-col gap-6 overflow-hidden border border-ods-border bg-ods-card p-6 transition-colors hover:border-ods-accent", children: [
-    /* @__PURE__ */ jsx23("div", { className: "relative aspect-[1200/630] w-full shrink-0 overflow-hidden rounded-sm bg-ods-bg", children: coverImage && /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24("a", { href, target, rel, className: cn("block h-full", className), children: /* @__PURE__ */ jsxs16(Card, { className: "flex flex-col gap-6 overflow-hidden border border-ods-border bg-ods-card p-6 transition-colors hover:border-ods-accent", children: [
+    /* @__PURE__ */ jsx24("div", { className: "relative aspect-[1200/630] w-full shrink-0 overflow-hidden rounded-sm bg-ods-bg", children: coverImage && /* @__PURE__ */ jsx24(
       next_image_default,
       {
         src: coverImage,
@@ -2498,10 +2574,10 @@ function CaseStudyCard({
         onError: hideOnError
       }
     ) }),
-    /* @__PURE__ */ jsx23("div", { className: "flex h-[72px] shrink-0 items-center", children: /* @__PURE__ */ jsx23("p", { className: "line-clamp-3 break-words text-ods-text-primary text-h4", children: study.title }) }),
-    /* @__PURE__ */ jsx23("div", { className: "flex h-[60px] shrink-0 items-center", children: /* @__PURE__ */ jsxs15("div", { className: "flex w-full min-w-0 items-center gap-3", children: [
-      /* @__PURE__ */ jsxs15("div", { className: "relative h-12 w-12 shrink-0", children: [
-        study.user?.avatar_url ? /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx24("div", { className: "flex h-[72px] shrink-0 items-center", children: /* @__PURE__ */ jsx24("p", { className: "line-clamp-3 break-words text-ods-text-primary text-h4", children: study.title }) }),
+    /* @__PURE__ */ jsx24("div", { className: "flex h-[60px] shrink-0 items-center", children: /* @__PURE__ */ jsxs16("div", { className: "flex w-full min-w-0 items-center gap-3", children: [
+      /* @__PURE__ */ jsxs16("div", { className: "relative h-12 w-12 shrink-0", children: [
+        study.user?.avatar_url ? /* @__PURE__ */ jsx24(
           next_image_default,
           {
             src: study.user.avatar_url,
@@ -2511,8 +2587,8 @@ function CaseStudyCard({
             height: 48,
             unoptimized: true
           }
-        ) : /* @__PURE__ */ jsx23("div", { className: "flex h-12 w-12 items-center justify-center rounded-full border border-ods-border bg-ods-bg", children: /* @__PURE__ */ jsx23("span", { className: "text-ods-text-secondary text-h4", children: (study.user?.full_name || "A").charAt(0).toUpperCase() }) }),
-        study.msp?.icon_url && /* @__PURE__ */ jsx23("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__ */ jsx23(
+        ) : /* @__PURE__ */ jsx24("div", { className: "flex h-12 w-12 items-center justify-center rounded-full border border-ods-border bg-ods-bg", children: /* @__PURE__ */ jsx24("span", { className: "text-ods-text-secondary text-h4", children: (study.user?.full_name || "A").charAt(0).toUpperCase() }) }),
+        study.msp?.icon_url && /* @__PURE__ */ jsx24("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__ */ jsx24(
           next_image_default,
           {
             src: study.msp.icon_url,
@@ -2524,15 +2600,15 @@ function CaseStudyCard({
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsxs15("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxs15("p", { className: "truncate text-ods-text-primary text-h6", children: [
+      /* @__PURE__ */ jsxs16("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs16("p", { className: "truncate text-ods-text-primary text-h6", children: [
           study.user?.full_name || "Anonymous",
-          study.msp?.name && /* @__PURE__ */ jsxs15("span", { className: "text-ods-text-secondary", children: [
+          study.msp?.name && /* @__PURE__ */ jsxs16("span", { className: "text-ods-text-secondary", children: [
             " \u2022 ",
             study.msp.name
           ] })
         ] }),
-        /* @__PURE__ */ jsx23("p", { className: "truncate text-ods-text-secondary text-h6", children: study.user?.job_title || "\xA0" })
+        /* @__PURE__ */ jsx24("p", { className: "truncate text-ods-text-secondary text-h6", children: study.user?.job_title || "\xA0" })
       ] })
     ] }) })
   ] }) });
@@ -2540,34 +2616,34 @@ function CaseStudyCard({
 
 // src/components/chat/entity-cards/customer-interview-card.tsx
 import { Video } from "lucide-react";
-import { Fragment as Fragment7, jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
 function CustomerInterviewCardSkeleton({ size = "default" }) {
   if (size === "sm") {
-    return /* @__PURE__ */ jsxs16("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
-      /* @__PURE__ */ jsx24("span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
-      /* @__PURE__ */ jsxs16("span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ jsx24("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx24("span", { className: "h-3.5 w-3/5 rounded bg-ods-bg" }) }),
-        /* @__PURE__ */ jsx24("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx24("span", { className: "h-3 w-2/5 rounded bg-ods-bg/70" }) }),
-        /* @__PURE__ */ jsx24("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx24("span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
+    return /* @__PURE__ */ jsxs17("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
+      /* @__PURE__ */ jsx25("span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
+      /* @__PURE__ */ jsxs17("span", { className: COMPACT_CARD_TEXT_COL, children: [
+        /* @__PURE__ */ jsx25("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx25("span", { className: "h-3.5 w-3/5 rounded bg-ods-bg" }) }),
+        /* @__PURE__ */ jsx25("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx25("span", { className: "h-3 w-2/5 rounded bg-ods-bg/70" }) }),
+        /* @__PURE__ */ jsx25("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx25("span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs16("div", { className: "flex animate-pulse flex-col gap-6 overflow-hidden rounded-lg border border-ods-border bg-ods-card p-6", children: [
-    /* @__PURE__ */ jsx24("div", { className: "aspect-[1200/630] w-full rounded-sm bg-ods-bg" }),
-    /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx24("div", { className: "h-5 w-3/4 rounded bg-ods-bg" }),
-      /* @__PURE__ */ jsx24("div", { className: "h-5 w-1/2 rounded bg-ods-bg" })
+  return /* @__PURE__ */ jsxs17("div", { className: "flex animate-pulse flex-col gap-6 overflow-hidden rounded-lg border border-ods-border bg-ods-card p-6", children: [
+    /* @__PURE__ */ jsx25("div", { className: "aspect-[1200/630] w-full rounded-sm bg-ods-bg" }),
+    /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx25("div", { className: "h-5 w-3/4 rounded bg-ods-bg" }),
+      /* @__PURE__ */ jsx25("div", { className: "h-5 w-1/2 rounded bg-ods-bg" })
     ] }),
-    /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx24("div", { className: "h-3 w-full rounded bg-ods-bg/60" }),
-      /* @__PURE__ */ jsx24("div", { className: "h-3 w-5/6 rounded bg-ods-bg/60" }),
-      /* @__PURE__ */ jsx24("div", { className: "h-3 w-4/5 rounded bg-ods-bg/60" })
+    /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx25("div", { className: "h-3 w-full rounded bg-ods-bg/60" }),
+      /* @__PURE__ */ jsx25("div", { className: "h-3 w-5/6 rounded bg-ods-bg/60" }),
+      /* @__PURE__ */ jsx25("div", { className: "h-3 w-4/5 rounded bg-ods-bg/60" })
     ] }),
-    /* @__PURE__ */ jsxs16("div", { className: "mt-auto flex h-[60px] items-center gap-3", children: [
-      /* @__PURE__ */ jsx24("div", { className: "h-12 w-12 rounded-full bg-ods-bg" }),
-      /* @__PURE__ */ jsxs16("div", { className: "flex-1 space-y-2", children: [
-        /* @__PURE__ */ jsx24("div", { className: "h-4 w-2/3 rounded bg-ods-bg" }),
-        /* @__PURE__ */ jsx24("div", { className: "h-3 w-1/2 rounded bg-ods-bg/60" })
+    /* @__PURE__ */ jsxs17("div", { className: "mt-auto flex h-[60px] items-center gap-3", children: [
+      /* @__PURE__ */ jsx25("div", { className: "h-12 w-12 rounded-full bg-ods-bg" }),
+      /* @__PURE__ */ jsxs17("div", { className: "flex-1 space-y-2", children: [
+        /* @__PURE__ */ jsx25("div", { className: "h-4 w-2/3 rounded bg-ods-bg" }),
+        /* @__PURE__ */ jsx25("div", { className: "h-3 w-1/2 rounded bg-ods-bg/60" })
       ] })
     ] })
   ] });
@@ -2596,9 +2672,9 @@ function CustomerInterviewCard({
   });
   const thumbnailUrl = interview.featured_image || placeholderUrl || null;
   if (size === "sm") {
-    return /* @__PURE__ */ jsxs16("a", { href, target, rel, className: cn(COMPACT_CARD_OUTER, className), children: [
-      /* @__PURE__ */ jsxs16("span", { className: COMPACT_CARD_IMAGE_SLOT, children: [
-        thumbnailUrl ? /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsxs17("a", { href, target, rel, className: cn(COMPACT_CARD_OUTER, className), children: [
+      /* @__PURE__ */ jsxs17("span", { className: COMPACT_CARD_IMAGE_SLOT, children: [
+        thumbnailUrl ? /* @__PURE__ */ jsx25(
           next_image_default,
           {
             src: thumbnailUrl,
@@ -2610,17 +2686,17 @@ function CustomerInterviewCard({
             onError: hideOnError
           }
         ) : null,
-        interview.main_video_url ? /* @__PURE__ */ jsx24("span", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx24(Video, { className: "h-4 w-4 text-ods-text-on-dark" }) }) : null
+        interview.main_video_url ? /* @__PURE__ */ jsx25("span", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx25(Video, { className: "h-4 w-4 text-ods-text-on-dark" }) }) : null
       ] }),
-      /* @__PURE__ */ jsxs16("span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ jsx24("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx24("span", { className: COMPACT_CARD_TITLE, children: interview.title }) }),
-        /* @__PURE__ */ jsx24("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx24("span", { className: COMPACT_CARD_SUBTITLE, children: [interview.user?.full_name, interview.msp?.name].filter(Boolean).join(" \xB7 ") || "Customer interview" }) }),
-        /* @__PURE__ */ jsx24("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx24("span", { className: COMPACT_CARD_SUMMARY, children: interview.video_summary || COMPACT_CARD_ROW_FILLER }) })
+      /* @__PURE__ */ jsxs17("span", { className: COMPACT_CARD_TEXT_COL, children: [
+        /* @__PURE__ */ jsx25("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx25("span", { className: COMPACT_CARD_TITLE, children: interview.title }) }),
+        /* @__PURE__ */ jsx25("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx25("span", { className: COMPACT_CARD_SUBTITLE, children: [interview.user?.full_name, interview.msp?.name].filter(Boolean).join(" \xB7 ") || "Customer interview" }) }),
+        /* @__PURE__ */ jsx25("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx25("span", { className: COMPACT_CARD_SUMMARY, children: interview.video_summary || COMPACT_CARD_ROW_FILLER }) })
       ] })
     ] });
   }
   if (size === "portrait") {
-    return /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsx25(
       EntityPortraitCard,
       {
         href,
@@ -2641,9 +2717,9 @@ function CustomerInterviewCard({
       }
     );
   }
-  return /* @__PURE__ */ jsx24("a", { href, target, rel, className: cn("block h-full", className), children: /* @__PURE__ */ jsxs16(Card, { className: "flex flex-col gap-6 overflow-hidden border border-ods-border bg-ods-card p-6 transition-colors hover:border-ods-accent", children: [
-    /* @__PURE__ */ jsx24("div", { className: "relative aspect-[1200/630] w-full shrink-0 overflow-hidden rounded-sm bg-ods-bg", children: thumbnailUrl ? /* @__PURE__ */ jsxs16(Fragment7, { children: [
-      /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25("a", { href, target, rel, className: cn("block h-full", className), children: /* @__PURE__ */ jsxs17(Card, { className: "flex flex-col gap-6 overflow-hidden border border-ods-border bg-ods-card p-6 transition-colors hover:border-ods-accent", children: [
+    /* @__PURE__ */ jsx25("div", { className: "relative aspect-[1200/630] w-full shrink-0 overflow-hidden rounded-sm bg-ods-bg", children: thumbnailUrl ? /* @__PURE__ */ jsxs17(Fragment7, { children: [
+      /* @__PURE__ */ jsx25(
         next_image_default,
         {
           src: thumbnailUrl,
@@ -2655,13 +2731,13 @@ function CustomerInterviewCard({
           onError: hideOnError
         }
       ),
-      interview.main_video_url && /* @__PURE__ */ jsx24("div", { className: "absolute inset-0 flex items-center justify-center bg-black/40", children: /* @__PURE__ */ jsx24("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-ods-accent/90", children: /* @__PURE__ */ jsx24(Video, { className: "h-8 w-8 text-ods-text-on-accent" }) }) })
-    ] }) : /* @__PURE__ */ jsx24("div", { className: "flex h-full w-full items-center justify-center bg-ods-bg", children: /* @__PURE__ */ jsx24(Video, { className: "h-12 w-12 text-ods-text-secondary" }) }) }),
-    /* @__PURE__ */ jsx24("div", { className: "shrink-0", children: /* @__PURE__ */ jsx24("h3", { className: "line-clamp-2 break-words text-ods-text-primary text-h3", children: interview.title }) }),
-    interview.video_summary && /* @__PURE__ */ jsx24("div", { className: "shrink-0", children: /* @__PURE__ */ jsx24("p", { className: "line-clamp-3 text-ods-text-secondary text-h6", children: interview.video_summary }) }),
-    /* @__PURE__ */ jsx24("div", { className: "mt-auto flex h-[60px] shrink-0 items-center", children: /* @__PURE__ */ jsxs16("div", { className: "flex w-full min-w-0 items-center gap-3", children: [
-      /* @__PURE__ */ jsxs16("div", { className: "relative h-12 w-12 shrink-0", children: [
-        interview.user?.avatar_url ? /* @__PURE__ */ jsx24(
+      interview.main_video_url && /* @__PURE__ */ jsx25("div", { className: "absolute inset-0 flex items-center justify-center bg-black/40", children: /* @__PURE__ */ jsx25("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-ods-accent/90", children: /* @__PURE__ */ jsx25(Video, { className: "h-8 w-8 text-ods-text-on-accent" }) }) })
+    ] }) : /* @__PURE__ */ jsx25("div", { className: "flex h-full w-full items-center justify-center bg-ods-bg", children: /* @__PURE__ */ jsx25(Video, { className: "h-12 w-12 text-ods-text-secondary" }) }) }),
+    /* @__PURE__ */ jsx25("div", { className: "shrink-0", children: /* @__PURE__ */ jsx25("h3", { className: "line-clamp-2 break-words text-ods-text-primary text-h3", children: interview.title }) }),
+    interview.video_summary && /* @__PURE__ */ jsx25("div", { className: "shrink-0", children: /* @__PURE__ */ jsx25("p", { className: "line-clamp-3 text-ods-text-secondary text-h6", children: interview.video_summary }) }),
+    /* @__PURE__ */ jsx25("div", { className: "mt-auto flex h-[60px] shrink-0 items-center", children: /* @__PURE__ */ jsxs17("div", { className: "flex w-full min-w-0 items-center gap-3", children: [
+      /* @__PURE__ */ jsxs17("div", { className: "relative h-12 w-12 shrink-0", children: [
+        interview.user?.avatar_url ? /* @__PURE__ */ jsx25(
           next_image_default,
           {
             src: interview.user.avatar_url,
@@ -2671,8 +2747,8 @@ function CustomerInterviewCard({
             height: 48,
             unoptimized: true
           }
-        ) : /* @__PURE__ */ jsx24("div", { className: "flex h-12 w-12 items-center justify-center rounded-full border border-ods-border bg-ods-bg", children: /* @__PURE__ */ jsx24("span", { className: "text-ods-text-secondary text-h4", children: (interview.user?.full_name || "A").charAt(0).toUpperCase() }) }),
-        interview.msp?.icon_url && /* @__PURE__ */ jsx24("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__ */ jsx24(
+        ) : /* @__PURE__ */ jsx25("div", { className: "flex h-12 w-12 items-center justify-center rounded-full border border-ods-border bg-ods-bg", children: /* @__PURE__ */ jsx25("span", { className: "text-ods-text-secondary text-h4", children: (interview.user?.full_name || "A").charAt(0).toUpperCase() }) }),
+        interview.msp?.icon_url && /* @__PURE__ */ jsx25("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__ */ jsx25(
           next_image_default,
           {
             src: interview.msp.icon_url,
@@ -2684,15 +2760,15 @@ function CustomerInterviewCard({
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsxs16("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxs16("p", { className: "truncate text-ods-text-primary text-h6", children: [
+      /* @__PURE__ */ jsxs17("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs17("p", { className: "truncate text-ods-text-primary text-h6", children: [
           interview.user?.full_name || "Anonymous",
-          interview.msp?.name && /* @__PURE__ */ jsxs16("span", { className: "text-ods-text-secondary", children: [
+          interview.msp?.name && /* @__PURE__ */ jsxs17("span", { className: "text-ods-text-secondary", children: [
             " \u2022 ",
             interview.msp.name
           ] })
         ] }),
-        /* @__PURE__ */ jsx24("p", { className: "truncate text-ods-text-secondary text-h6", children: interview.user?.job_title || " " })
+        /* @__PURE__ */ jsx25("p", { className: "truncate text-ods-text-secondary text-h6", children: interview.user?.job_title || " " })
       ] })
     ] }) })
   ] }) });
@@ -2709,28 +2785,28 @@ function formatInvestorUpdatePeriod(start, end, options) {
 
 // src/components/chat/entity-cards/investor-update-card.tsx
 import { Calendar } from "lucide-react";
-import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
 function InvestorUpdateCardSkeleton({ size = "default" }) {
   if (size === "sm") {
-    return /* @__PURE__ */ jsxs17("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
-      /* @__PURE__ */ jsx25("span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
-      /* @__PURE__ */ jsxs17("span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ jsxs17("span", { className: `${COMPACT_CARD_TITLE_ROW} flex-nowrap gap-2`, children: [
-          /* @__PURE__ */ jsx25("span", { className: "h-3.5 w-1/2 rounded bg-ods-bg" }),
-          /* @__PURE__ */ jsx25("span", { className: "h-4 w-8 shrink-0 rounded bg-ods-bg/70" })
+    return /* @__PURE__ */ jsxs18("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
+      /* @__PURE__ */ jsx26("span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
+      /* @__PURE__ */ jsxs18("span", { className: COMPACT_CARD_TEXT_COL, children: [
+        /* @__PURE__ */ jsxs18("span", { className: `${COMPACT_CARD_TITLE_ROW} flex-nowrap gap-2`, children: [
+          /* @__PURE__ */ jsx26("span", { className: "h-3.5 w-1/2 rounded bg-ods-bg" }),
+          /* @__PURE__ */ jsx26("span", { className: "h-4 w-8 shrink-0 rounded bg-ods-bg/70" })
         ] }),
-        /* @__PURE__ */ jsx25("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx25("span", { className: "h-3 w-1/3 rounded bg-ods-bg/70" }) }),
-        /* @__PURE__ */ jsx25("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx25("span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
+        /* @__PURE__ */ jsx26("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx26("span", { className: "h-3 w-1/3 rounded bg-ods-bg/70" }) }),
+        /* @__PURE__ */ jsx26("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx26("span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs17("div", { className: "h-full animate-pulse overflow-hidden rounded-lg border border-ods-border bg-ods-card", children: [
-    /* @__PURE__ */ jsx25("div", { className: "aspect-[1200/630] bg-ods-bg" }),
-    /* @__PURE__ */ jsxs17("div", { className: "space-y-3 p-4", children: [
-      /* @__PURE__ */ jsx25("div", { className: "h-5 w-3/4 rounded bg-ods-bg" }),
-      /* @__PURE__ */ jsx25("div", { className: "h-3 w-full rounded bg-ods-bg/60" }),
-      /* @__PURE__ */ jsx25("div", { className: "h-3 w-4/5 rounded bg-ods-bg/60" }),
-      /* @__PURE__ */ jsx25("div", { className: "h-4 w-1/3 rounded bg-ods-bg/60" })
+  return /* @__PURE__ */ jsxs18("div", { className: "h-full animate-pulse overflow-hidden rounded-lg border border-ods-border bg-ods-card", children: [
+    /* @__PURE__ */ jsx26("div", { className: "aspect-[1200/630] bg-ods-bg" }),
+    /* @__PURE__ */ jsxs18("div", { className: "space-y-3 p-4", children: [
+      /* @__PURE__ */ jsx26("div", { className: "h-5 w-3/4 rounded bg-ods-bg" }),
+      /* @__PURE__ */ jsx26("div", { className: "h-3 w-full rounded bg-ods-bg/60" }),
+      /* @__PURE__ */ jsx26("div", { className: "h-3 w-4/5 rounded bg-ods-bg/60" }),
+      /* @__PURE__ */ jsx26("div", { className: "h-4 w-1/3 rounded bg-ods-bg/60" })
     ] })
   ] });
 }
@@ -2759,8 +2835,8 @@ function InvestorUpdateCard({
   const coverImage = update.featured_image || placeholderUrl || null;
   if (size === "sm") {
     const periodText = formatInvestorUpdatePeriod(update.period_start, update.period_end);
-    return /* @__PURE__ */ jsxs17("a", { href, target, rel, className: `${COMPACT_CARD_OUTER} ${className ?? ""}`, children: [
-      /* @__PURE__ */ jsx25("span", { className: COMPACT_CARD_IMAGE_SLOT, children: coverImage ? /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsxs18("a", { href, target, rel, className: `${COMPACT_CARD_OUTER} ${className ?? ""}`, children: [
+      /* @__PURE__ */ jsx26("span", { className: COMPACT_CARD_IMAGE_SLOT, children: coverImage ? /* @__PURE__ */ jsx26(
         next_image_default,
         {
           src: coverImage,
@@ -2774,23 +2850,23 @@ function InvestorUpdateCard({
             img.style.display = "none";
           }
         }
-      ) : /* @__PURE__ */ jsx25("span", { className: "flex h-full w-full items-center justify-center text-ods-accent", children: /* @__PURE__ */ jsx25(Calendar, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsxs17("span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ jsxs17("span", { className: `${COMPACT_CARD_TITLE_ROW} gap-2`, children: [
-          /* @__PURE__ */ jsx25("span", { className: `${COMPACT_CARD_TITLE} min-w-0`, children: update.title || `Update #${update.update_number ?? "?"}` }),
-          update.update_number ? /* @__PURE__ */ jsxs17("span", { className: "shrink-0 rounded bg-ods-accent/10 px-1.5 py-0.5 text-ods-accent text-h6", children: [
+      ) : /* @__PURE__ */ jsx26("span", { className: "flex h-full w-full items-center justify-center text-ods-accent", children: /* @__PURE__ */ jsx26(Calendar, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsxs18("span", { className: COMPACT_CARD_TEXT_COL, children: [
+        /* @__PURE__ */ jsxs18("span", { className: `${COMPACT_CARD_TITLE_ROW} gap-2`, children: [
+          /* @__PURE__ */ jsx26("span", { className: `${COMPACT_CARD_TITLE} min-w-0`, children: update.title || `Update #${update.update_number ?? "?"}` }),
+          update.update_number ? /* @__PURE__ */ jsxs18("span", { className: "shrink-0 rounded bg-ods-accent/10 px-1.5 py-0.5 text-ods-accent text-h6", children: [
             "#",
             update.update_number
           ] }) : null
         ] }),
-        /* @__PURE__ */ jsx25("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx25("span", { className: COMPACT_CARD_SUBTITLE, children: periodText || "Investor update" }) }),
-        /* @__PURE__ */ jsx25("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx25("span", { className: COMPACT_CARD_SUMMARY, children: (update.strategic_update || update.content || "").slice(0, 120) || COMPACT_CARD_ROW_FILLER }) })
+        /* @__PURE__ */ jsx26("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx26("span", { className: COMPACT_CARD_SUBTITLE, children: periodText || "Investor update" }) }),
+        /* @__PURE__ */ jsx26("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx26("span", { className: COMPACT_CARD_SUMMARY, children: (update.strategic_update || update.content || "").slice(0, 120) || COMPACT_CARD_ROW_FILLER }) })
       ] })
     ] });
   }
   if (size === "portrait") {
     const periodText = formatInvestorUpdatePeriod(update.period_start, update.period_end);
-    return /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx26(
       EntityPortraitCard,
       {
         href,
@@ -2806,20 +2882,20 @@ function InvestorUpdateCard({
       }
     );
   }
-  return /* @__PURE__ */ jsx25("a", { href, target, rel, className: `block h-full ${className ?? ""}`, children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26("a", { href, target, rel, className: `block h-full ${className ?? ""}`, children: /* @__PURE__ */ jsx26(
     AdminContentCard,
     {
       imageUrl: update.featured_image,
       placeholderUrl,
       title: update.title || `Update #${update.update_number || "?"}`,
       summary: update.strategic_update?.slice(0, 120) || update.content?.slice(0, 120) || "No description",
-      badges: update.update_number ? /* @__PURE__ */ jsxs17("span", { className: "rounded bg-ods-accent/10 px-2 py-0.5 text-xs font-medium text-ods-accent", children: [
+      badges: update.update_number ? /* @__PURE__ */ jsxs18("span", { className: "rounded bg-ods-accent/10 px-2 py-0.5 text-xs font-medium text-ods-accent", children: [
         "#",
         update.update_number
       ] }) : void 0,
-      meta: update.period_start || update.period_end ? /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx25(Calendar, { className: "h-3 w-3" }),
-        /* @__PURE__ */ jsx25("span", { children: formatInvestorUpdatePeriod(update.period_start, update.period_end) })
+      meta: update.period_start || update.period_end ? /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx26(Calendar, { className: "h-3 w-3" }),
+        /* @__PURE__ */ jsx26("span", { children: formatInvestorUpdatePeriod(update.period_start, update.period_end) })
       ] }) : void 0
     }
   ) });
@@ -2827,7 +2903,7 @@ function InvestorUpdateCard({
 
 // src/components/chat/entity-cards/onboarding-guide-card.tsx
 import { Clock, ExternalLink, GraduationCap, Play as Play2 } from "lucide-react";
-import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
 function stripMarkdownPreview(text) {
   return text.replace(/```[\s\S]*?```/g, " ").replace(/^#{1,6}\s+/gm, "").replace(/!?\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/[*_~`>]/g, "").replace(/^\s*[-+]\s+/gm, "").replace(/-{3,}/g, " ").replace(/\s+/g, " ").trim().replace(/^([\s\S]{240})[\s\S]+$/, "$1\u2026");
 }
@@ -2841,64 +2917,64 @@ var HORIZONTAL_SIZE_TOKENS = {
 };
 function OnboardingGuideCardSkeleton({ size = "default" }) {
   if (size === "catalog") {
-    return /* @__PURE__ */ jsxs18("div", { className: "flex animate-pulse flex-col gap-4 overflow-hidden rounded-lg border border-ods-border bg-ods-card p-6", children: [
-      /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-4 md:flex-row md:gap-6", children: [
-        /* @__PURE__ */ jsx26("div", { className: "aspect-[1200/630] w-full flex-shrink-0 rounded-lg bg-ods-border md:w-[256px]" }),
-        /* @__PURE__ */ jsxs18("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-          /* @__PURE__ */ jsxs18("div", { className: "mb-3 flex min-h-[60px] flex-col justify-start gap-1.5 md:min-h-[72px]", children: [
-            /* @__PURE__ */ jsx26("div", { className: "h-[25px] w-3/4 rounded bg-ods-border md:h-[30px]" }),
-            /* @__PURE__ */ jsx26("div", { className: "h-[25px] w-1/2 rounded bg-ods-border md:h-[30px]" })
+    return /* @__PURE__ */ jsxs19("div", { className: "flex animate-pulse flex-col gap-4 overflow-hidden rounded-lg border border-ods-border bg-ods-card p-6", children: [
+      /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-4 md:flex-row md:gap-6", children: [
+        /* @__PURE__ */ jsx27("div", { className: "aspect-[1200/630] w-full flex-shrink-0 rounded-lg bg-ods-border md:w-[256px]" }),
+        /* @__PURE__ */ jsxs19("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+          /* @__PURE__ */ jsxs19("div", { className: "mb-3 flex min-h-[60px] flex-col justify-start gap-1.5 md:min-h-[72px]", children: [
+            /* @__PURE__ */ jsx27("div", { className: "h-[25px] w-3/4 rounded bg-ods-border md:h-[30px]" }),
+            /* @__PURE__ */ jsx27("div", { className: "h-[25px] w-1/2 rounded bg-ods-border md:h-[30px]" })
           ] }),
-          /* @__PURE__ */ jsxs18("div", { className: "flex min-h-[46px] flex-col justify-start gap-2 md:min-h-[52px]", children: [
-            /* @__PURE__ */ jsx26("div", { className: "h-3 w-full rounded bg-ods-border/70" }),
-            /* @__PURE__ */ jsx26("div", { className: "h-3 w-5/6 rounded bg-ods-border/70" })
+          /* @__PURE__ */ jsxs19("div", { className: "flex min-h-[46px] flex-col justify-start gap-2 md:min-h-[52px]", children: [
+            /* @__PURE__ */ jsx27("div", { className: "h-3 w-full rounded bg-ods-border/70" }),
+            /* @__PURE__ */ jsx27("div", { className: "h-3 w-5/6 rounded bg-ods-border/70" })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs18("div", { className: "grid w-full grid-cols-1 overflow-hidden rounded-md border border-ods-border md:grid-cols-3", children: [
-        [0, 1].map((i) => /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsxs19("div", { className: "grid w-full grid-cols-1 overflow-hidden rounded-md border border-ods-border md:grid-cols-3", children: [
+        [0, 1].map((i) => /* @__PURE__ */ jsx27(
           "div",
           {
             className: "flex flex-col gap-3 border-b border-ods-border bg-ods-card p-4 md:border-b-0 md:border-r",
-            children: /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsx26("div", { className: "h-6 w-32 rounded bg-ods-bg" }),
-              /* @__PURE__ */ jsx26("div", { className: "h-3 w-20 rounded bg-ods-bg/60" })
+            children: /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-2", children: [
+              /* @__PURE__ */ jsx27("div", { className: "h-6 w-32 rounded bg-ods-bg" }),
+              /* @__PURE__ */ jsx27("div", { className: "h-3 w-20 rounded bg-ods-bg/60" })
             ] })
           },
           `cell-${i}`
         )),
-        /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-3 bg-ods-card p-4", children: [
-          /* @__PURE__ */ jsx26("div", { className: "h-10 w-10 shrink-0 rounded-full bg-ods-bg" }),
-          /* @__PURE__ */ jsxs18("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-            /* @__PURE__ */ jsx26("div", { className: "h-4 w-3/4 rounded bg-ods-bg" }),
-            /* @__PURE__ */ jsx26("div", { className: "h-3 w-1/2 rounded bg-ods-bg/60" })
+        /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-3 bg-ods-card p-4", children: [
+          /* @__PURE__ */ jsx27("div", { className: "h-10 w-10 shrink-0 rounded-full bg-ods-bg" }),
+          /* @__PURE__ */ jsxs19("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
+            /* @__PURE__ */ jsx27("div", { className: "h-4 w-3/4 rounded bg-ods-bg" }),
+            /* @__PURE__ */ jsx27("div", { className: "h-3 w-1/2 rounded bg-ods-bg/60" })
           ] })
         ] })
       ] })
     ] });
   }
   if (size === "sm") {
-    return /* @__PURE__ */ jsxs18("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
-      /* @__PURE__ */ jsx26("span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
-      /* @__PURE__ */ jsxs18("span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ jsx26("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx26("span", { className: "h-3.5 w-3/5 rounded bg-ods-bg" }) }),
-        /* @__PURE__ */ jsx26("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx26("span", { className: "h-3 w-2/5 rounded bg-ods-bg/70" }) }),
-        /* @__PURE__ */ jsx26("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx26("span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
+    return /* @__PURE__ */ jsxs19("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
+      /* @__PURE__ */ jsx27("span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
+      /* @__PURE__ */ jsxs19("span", { className: COMPACT_CARD_TEXT_COL, children: [
+        /* @__PURE__ */ jsx27("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx27("span", { className: "h-3.5 w-3/5 rounded bg-ods-bg" }) }),
+        /* @__PURE__ */ jsx27("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx27("span", { className: "h-3 w-2/5 rounded bg-ods-bg/70" }) }),
+        /* @__PURE__ */ jsx27("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx27("span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
       ] }),
-      /* @__PURE__ */ jsx26("span", { className: "flex h-5 shrink-0 items-center self-start", children: /* @__PURE__ */ jsx26("span", { className: "h-3.5 w-3.5 rounded bg-ods-bg" }) })
+      /* @__PURE__ */ jsx27("span", { className: "flex h-5 shrink-0 items-center self-start", children: /* @__PURE__ */ jsx27("span", { className: "h-3.5 w-3.5 rounded bg-ods-bg" }) })
     ] });
   }
   const t = HORIZONTAL_SIZE_TOKENS.default;
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     "span",
     {
       className: `flex items-start gap-3 rounded-md border border-ods-border bg-ods-card ${t.padding} animate-pulse`,
       children: [
-        /* @__PURE__ */ jsx26("span", { className: `inline-flex shrink-0 items-center justify-center rounded-full bg-ods-bg ${t.step}` }),
-        /* @__PURE__ */ jsxs18("span", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-          /* @__PURE__ */ jsx26("span", { className: "block h-4 w-2/3 rounded bg-ods-bg" }),
-          /* @__PURE__ */ jsx26("span", { className: "block h-3 w-1/3 rounded bg-ods-bg/70" }),
-          /* @__PURE__ */ jsx26("span", { className: "block h-3 w-full rounded bg-ods-bg/40" })
+        /* @__PURE__ */ jsx27("span", { className: `inline-flex shrink-0 items-center justify-center rounded-full bg-ods-bg ${t.step}` }),
+        /* @__PURE__ */ jsxs19("span", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
+          /* @__PURE__ */ jsx27("span", { className: "block h-4 w-2/3 rounded bg-ods-bg" }),
+          /* @__PURE__ */ jsx27("span", { className: "block h-3 w-1/3 rounded bg-ods-bg/70" }),
+          /* @__PURE__ */ jsx27("span", { className: "block h-3 w-full rounded bg-ods-bg/40" })
         ] })
       ]
     }
@@ -2928,7 +3004,7 @@ function OnboardingGuideCard({
   });
   if (size === "portrait") {
     const coverImage = guide.featured_image || guide.main_video_thumbnail || guide.og_image_url || null;
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx27(
       EntityPortraitCard,
       {
         href,
@@ -2949,7 +3025,7 @@ function OnboardingGuideCard({
     const hasVideoCover = !!(guide.main_video_thumbnail || guide.highlight_video_thumbnail);
     const stepLabel = typeof guide.step_order === "number" ? String(guide.step_order).padStart(2, "0") : "\u2014";
     const durationLabel = typeof guide.highlight_video_duration_ms === "number" && guide.highlight_video_duration_ms > 0 ? formatDurationMMSS(Math.floor(guide.highlight_video_duration_ms / 1e3)) : "";
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx27(
       next_link_default,
       {
         href,
@@ -2965,10 +3041,10 @@ function OnboardingGuideCard({
           className
         ),
         "aria-label": `Open ${guide.title}`,
-        children: /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-4 p-6", children: [
-          /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-4 md:flex-row md:gap-6", children: [
-            /* @__PURE__ */ jsx26("div", { className: "w-full flex-shrink-0 md:w-[256px]", children: /* @__PURE__ */ jsxs18("div", { className: "relative aspect-[1200/630] w-full overflow-hidden rounded-lg bg-ods-bg", children: [
-              coverImage ? /* @__PURE__ */ jsx26(
+        children: /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-4 p-6", children: [
+          /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-4 md:flex-row md:gap-6", children: [
+            /* @__PURE__ */ jsx27("div", { className: "w-full flex-shrink-0 md:w-[256px]", children: /* @__PURE__ */ jsxs19("div", { className: "relative aspect-[1200/630] w-full overflow-hidden rounded-lg bg-ods-bg", children: [
+              coverImage ? /* @__PURE__ */ jsx27(
                 next_image_default,
                 {
                   src: coverImage,
@@ -2978,7 +3054,7 @@ function OnboardingGuideCard({
                   className: "object-cover",
                   unoptimized: true
                 }
-              ) : /* @__PURE__ */ jsx26(
+              ) : /* @__PURE__ */ jsx27(
                 BlogImagePlaceholder,
                 {
                   title: guide.title,
@@ -2986,18 +3062,18 @@ function OnboardingGuideCard({
                   className: "absolute inset-0"
                 }
               ),
-              hasVideoCover && coverImage && /* @__PURE__ */ jsx26("span", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx26(Play2, { className: "h-10 w-10 text-ods-text-on-dark", fill: "white" }) }),
-              durationLabel && /* @__PURE__ */ jsxs18("span", { className: "absolute bottom-2 right-2 inline-flex items-center gap-1 rounded bg-black/60 px-2 py-1 text-ods-text-on-dark text-code", children: [
-                /* @__PURE__ */ jsx26(Clock, { className: "h-3 w-3" }),
+              hasVideoCover && coverImage && /* @__PURE__ */ jsx27("span", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx27(Play2, { className: "h-10 w-10 text-ods-text-on-dark", fill: "white" }) }),
+              durationLabel && /* @__PURE__ */ jsxs19("span", { className: "absolute bottom-2 right-2 inline-flex items-center gap-1 rounded bg-black/60 px-2 py-1 text-ods-text-on-dark text-code", children: [
+                /* @__PURE__ */ jsx27(Clock, { className: "h-3 w-3" }),
                 durationLabel
               ] })
             ] }) }),
-            /* @__PURE__ */ jsxs18("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-              /* @__PURE__ */ jsx26("div", { className: "mb-3 flex min-h-[60px] items-start md:min-h-[72px]", children: /* @__PURE__ */ jsx26("h3", { className: "line-clamp-2 text-ods-text-primary text-h2", children: guide.title }) }),
-              /* @__PURE__ */ jsx26("div", { className: "min-h-[46px] md:min-h-[52px]", children: /* @__PURE__ */ jsx26("p", { className: "line-clamp-2 text-ods-text-secondary text-h6", children: stripMarkdownPreview(guide.video_summary || guide.content || "") }) })
+            /* @__PURE__ */ jsxs19("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+              /* @__PURE__ */ jsx27("div", { className: "mb-3 flex min-h-[60px] items-start md:min-h-[72px]", children: /* @__PURE__ */ jsx27("h3", { className: "line-clamp-2 text-ods-text-primary text-h2", children: guide.title }) }),
+              /* @__PURE__ */ jsx27("div", { className: "min-h-[46px] md:min-h-[52px]", children: /* @__PURE__ */ jsx27("p", { className: "line-clamp-2 text-ods-text-secondary text-h6", children: stripMarkdownPreview(guide.video_summary || guide.content || "") }) })
             ] })
           ] }),
-          /* @__PURE__ */ jsx26(
+          /* @__PURE__ */ jsx27(
             EntityAuthorCard,
             {
               author: guide.author,
@@ -3025,22 +3101,22 @@ function OnboardingGuideCard({
     const subtitleParts = [`Step ${guide.step_order}`, guide.section, author].filter(
       (s) => typeof s === "string" && s.length > 0
     );
-    return /* @__PURE__ */ jsxs18(next_link_default, { href, target, rel, prefetch: false, className: cn(COMPACT_CARD_OUTER, className), children: [
-      /* @__PURE__ */ jsxs18("span", { className: COMPACT_CARD_IMAGE_SLOT, children: [
-        compactCover ? /* @__PURE__ */ jsx26(next_image_default, { src: compactCover, alt: guide.title, fill: true, sizes: "56px", className: "object-contain", unoptimized: true }) : /* @__PURE__ */ jsx26("span", { className: "flex h-full w-full items-center justify-center text-ods-accent", children: /* @__PURE__ */ jsx26(GraduationCap, { className: "h-4 w-4" }) }),
-        hasVideoCover && compactCover && /* @__PURE__ */ jsx26("span", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx26(Play2, { className: "h-4 w-4 text-ods-text-on-dark", fill: "white" }) })
+    return /* @__PURE__ */ jsxs19(next_link_default, { href, target, rel, prefetch: false, className: cn(COMPACT_CARD_OUTER, className), children: [
+      /* @__PURE__ */ jsxs19("span", { className: COMPACT_CARD_IMAGE_SLOT, children: [
+        compactCover ? /* @__PURE__ */ jsx27(next_image_default, { src: compactCover, alt: guide.title, fill: true, sizes: "56px", className: "object-contain", unoptimized: true }) : /* @__PURE__ */ jsx27("span", { className: "flex h-full w-full items-center justify-center text-ods-accent", children: /* @__PURE__ */ jsx27(GraduationCap, { className: "h-4 w-4" }) }),
+        hasVideoCover && compactCover && /* @__PURE__ */ jsx27("span", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx27(Play2, { className: "h-4 w-4 text-ods-text-on-dark", fill: "white" }) })
       ] }),
-      /* @__PURE__ */ jsxs18("span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ jsx26("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx26("span", { className: cn(COMPACT_CARD_TITLE, "font-heading"), children: guide.title }) }),
-        /* @__PURE__ */ jsx26("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx26("span", { className: "truncate text-ods-accent text-h6", children: subtitleParts.join(" \xB7 ") }) }),
-        /* @__PURE__ */ jsx26("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx26("span", { className: COMPACT_CARD_SUMMARY, children: summary2 || COMPACT_CARD_ROW_FILLER }) })
+      /* @__PURE__ */ jsxs19("span", { className: COMPACT_CARD_TEXT_COL, children: [
+        /* @__PURE__ */ jsx27("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx27("span", { className: cn(COMPACT_CARD_TITLE, "font-heading"), children: guide.title }) }),
+        /* @__PURE__ */ jsx27("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx27("span", { className: "truncate text-ods-accent text-h6", children: subtitleParts.join(" \xB7 ") }) }),
+        /* @__PURE__ */ jsx27("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx27("span", { className: COMPACT_CARD_SUMMARY, children: summary2 || COMPACT_CARD_ROW_FILLER }) })
       ] }),
-      /* @__PURE__ */ jsx26("span", { className: "flex h-5 shrink-0 items-center self-start text-ods-text-secondary", children: /* @__PURE__ */ jsx26(ExternalLink, { className: "h-3.5 w-3.5" }) })
+      /* @__PURE__ */ jsx27("span", { className: "flex h-5 shrink-0 items-center self-start text-ods-text-secondary", children: /* @__PURE__ */ jsx27(ExternalLink, { className: "h-3.5 w-3.5" }) })
     ] });
   }
   const t = HORIZONTAL_SIZE_TOKENS.default;
   const summary = stripMarkdownPreview(guide.video_summary || guide.content || "");
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     next_link_default,
     {
       href,
@@ -3052,7 +3128,7 @@ function OnboardingGuideCard({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx27(
           "span",
           {
             className: `inline-flex shrink-0 items-center justify-center rounded-full bg-ods-accent/10 font-semibold text-ods-accent ${t.step}`,
@@ -3060,90 +3136,19 @@ function OnboardingGuideCard({
             children: guide.step_order
           }
         ),
-        /* @__PURE__ */ jsxs18("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-          /* @__PURE__ */ jsx26("span", { className: `block ${t.title} truncate text-ods-text-primary`, children: guide.title }),
-          /* @__PURE__ */ jsxs18("span", { className: "inline-flex items-center gap-1 text-ods-text-secondary text-h6", children: [
-            /* @__PURE__ */ jsx26(GraduationCap, { className: "h-3 w-3 shrink-0" }),
-            /* @__PURE__ */ jsx26("span", { className: "truncate", children: guide.section })
+        /* @__PURE__ */ jsxs19("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+          /* @__PURE__ */ jsx27("span", { className: `block ${t.title} truncate text-ods-text-primary`, children: guide.title }),
+          /* @__PURE__ */ jsxs19("span", { className: "inline-flex items-center gap-1 text-ods-text-secondary text-h6", children: [
+            /* @__PURE__ */ jsx27(GraduationCap, { className: "h-3 w-3 shrink-0" }),
+            /* @__PURE__ */ jsx27("span", { className: "truncate", children: guide.section })
           ] }),
-          summary && /* @__PURE__ */ jsx26("span", { className: `text-ods-text-secondary text-h6 ${t.summaryClamp}`, children: summary })
+          summary && /* @__PURE__ */ jsx27("span", { className: `text-ods-text-secondary text-h6 ${t.summaryClamp}`, children: summary })
         ] })
       ]
     }
   );
 }
 
-// src/components/ui/avatar-stack.tsx
-import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
-var SIZE_PX = { xs: 24, sm: 32, md: 40, lg: 48 };
-var OVERLAP_PX = { xs: 8, sm: 12, md: 12, lg: 12 };
-var OVERFLOW_CIRCLE_SIZE = {
-  xs: "h-6 min-w-6",
-  sm: "h-8 min-w-8",
-  md: "h-10 min-w-10",
-  lg: "h-12 min-w-12"
-};
-function AvatarStack({
-  people,
-  max = 3,
-  slots,
-  size = "md",
-  ringClassName = "ring-ods-card",
-  label = "Assignees",
-  className
-}) {
-  if (people.length === 0) return null;
-  const faces = slots ? people.length > slots ? slots - 1 : slots : max;
-  const visible = people.slice(0, faces);
-  const overflow = people.slice(faces);
-  const compact = size === "xs";
-  return /* @__PURE__ */ jsxs19(
-    "div",
-    {
-      className: cn("flex items-center", slots && "shrink-0", className),
-      style: slots ? { width: SIZE_PX[size] + (slots - 1) * (SIZE_PX[size] - OVERLAP_PX[size]) } : void 0,
-      role: "group",
-      "aria-label": `${label}: ${people.map((p) => p.name).join(", ")}`,
-      children: [
-        visible.map((person, i) => /* @__PURE__ */ jsx27(
-          SquareAvatar,
-          {
-            variant: "round",
-            size,
-            src: person.avatarUrl ?? void 0,
-            alt: person.name,
-            fallback: person.name,
-            title: person.name,
-            className: cn("relative ring-2", ringClassName, i > 0 && (compact ? "-ml-2" : "-ml-3")),
-            style: { zIndex: visible.length - i }
-          },
-          person.key ?? `${person.name}-${i}`
-        )),
-        overflow.length > 0 && /* @__PURE__ */ jsxs19(
-          "span",
-          {
-            title: overflow.map((p) => p.name).join(", "),
-            className: cn(
-              "relative z-0 flex shrink-0 items-center justify-center rounded-full bg-ods-bg text-ods-text-secondary ring-2",
-              ringClassName,
-              // The circle tucks under the last face like every other avatar, so
-              // its left edge is covered: the left padding equals that overlap,
-              // centering "+N" in the part that shows. `min-w` (not a fixed
-              // width) lets a two-digit count widen the circle instead of clipping.
-              compact ? "-ml-2 pl-2 pr-1 text-badge" : "-ml-3 pl-3 pr-1.5 text-h6",
-              OVERFLOW_CIRCLE_SIZE[size]
-            ),
-            children: [
-              "+",
-              overflow.length
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-
 // src/components/chat/utils/agent-status-message.ts
 function getStatusColorScheme(status) {
   const s = status?.toLowerCase() || "";
@@ -4240,6 +4245,7 @@ export {
   pickBadgePaletteColor,
   PaletteBadge,
   DepartmentBadge,
+  AvatarStack,
   getProxiedImageUrl,
   urlPathLooksLikeSvg,
   shouldProxyImage,
@@ -4313,7 +4319,6 @@ export {
   InvestorUpdateCard,
   OnboardingGuideCardSkeleton,
   OnboardingGuideCard,
-  AvatarStack,
   getStatusColorScheme,
   CUSTOM_ITEM_ID,
   getTaskTypeLabel,
@@ -4364,4 +4369,4 @@ export {
   canonicalContentRefType,
   buildListUrl
 };
-//# sourceMappingURL=chunk-T6KWNJDW.js.map
+//# sourceMappingURL=chunk-22RSJ57Z.js.map