@flamingo-stack/openframe-frontend-core 0.0.266 → 0.0.267

package/dist/{chunk-HTR3ARN6.js → chunk-ICOMPUMX.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk-LXC6P2EO.js";
 import {
   SECTION_HEADING_CLASS
-} from "./chunk-FREG2KXV.js";
+} from "./chunk-OO4ZGDRO.js";
 import {
   Button,
   DropdownMenu,
@@ -328,6 +328,66 @@ var TabsContent = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE
 ));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
+// src/components/ui/status-badge.tsx
+init_cn();
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var statusBadgeVariants = cva2(
+  "inline-flex items-center justify-center rounded font-mono font-medium uppercase tracking-wide",
+  {
+    variants: {
+      variant: {
+        card: "px-3 py-1.5 text-sm",
+        button: "px-2 py-0.5 text-[10px] leading-none"
+      },
+      colorScheme: {
+        cyan: "bg-[var(--ods-flamingo-cyan-base)] text-ods-text-on-accent",
+        pink: "bg-[var(--ods-flamingo-pink-base)] text-ods-text-on-accent",
+        yellow: "bg-[var(--ods-flamingo-yellow-base)] text-ods-text-on-accent border border-[var(--ods-system-greys-black)]",
+        green: "bg-[var(--ods-flamingo-green-base)] text-ods-text-on-accent",
+        purple: "bg-[var(--ods-flamingo-purple-base)] text-ods-text-on-accent",
+        success: "bg-[var(--ods-attention-green-success-secondary)] text-[var(--ods-attention-green-success)]",
+        error: "bg-[var(--ods-attention-red-error-secondary)] text-[var(--ods-attention-red-error)]",
+        warning: "bg-[var(--ods-attention-yellow-warning-secondary)] text-[var(--ods-attention-yellow-warning)]",
+        default: "bg-ods-bg-secondary text-ods-text-primary",
+        // Border-only variants (no background) - for task type badges
+        accentBorder: "bg-transparent border-2 text-ods-accent border-ods-accent",
+        errorBorder: "bg-transparent border-2 text-[var(--ods-attention-red-error)] border-[var(--ods-attention-red-error)]",
+        whiteBorder: "bg-transparent border-2 text-ods-text-primary border-ods-text-primary"
+      }
+    },
+    defaultVariants: {
+      variant: "card",
+      colorScheme: "default"
+    }
+  }
+);
+function StatusBadge({
+  text,
+  variant,
+  colorScheme,
+  className,
+  singleLine,
+  ...props
+}) {
+  const renderText = () => {
+    if (singleLine) return text;
+    if (variant === "button" && text.includes(" ")) {
+      const words = text.split(" ");
+      return /* @__PURE__ */ jsx5("span", { className: "flex flex-col items-center justify-center text-center gap-0", children: words.map((word, index) => /* @__PURE__ */ jsx5("span", { className: "block", children: word }, index)) });
+    }
+    return text;
+  };
+  return /* @__PURE__ */ jsx5(
+    "span",
+    {
+      className: cn(statusBadgeVariants({ variant, colorScheme }), className),
+      ...props,
+      children: renderText()
+    }
+  );
+}
+
 // src/components/ui/simple-markdown-renderer.tsx
 import { useEffect, useState, useRef, useMemo, useCallback, memo } from "react";
 import ReactMarkdown, { defaultUrlTransform } from "react-markdown";
@@ -337,7 +397,7 @@ import rehypeHighlight from "rehype-highlight";
 import rehypeRaw from "rehype-raw";
 import { visit } from "unist-util-visit";
 init_cn();
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var EVENT_HANDLER_ATTR_RE = /^on[a-z]+$/i;
 var JAVASCRIPT_URL_RE = /^[\s\x00-\x1f]*javascript:/i;
 var DATA_URL_RE = /^[\s\x00-\x1f]*data:/i;
@@ -647,15 +707,15 @@ var MermaidDiagram = ({ chart }) => {
   }, [chart, mounted]);
   if (error) {
     return /* @__PURE__ */ jsxs4("div", { className: "error-state bg-ods-card border border-ods-border rounded-lg p-6 my-6", children: [
-      /* @__PURE__ */ jsx5("div", { className: "error-icon flex justify-center mb-4", children: /* @__PURE__ */ jsx5(AlertCircleIcon, { className: "w-12 h-12 text-ods-error" }) }),
-      /* @__PURE__ */ jsx5("div", { className: "error-title text-center font-sans font-semibold text-lg text-ods-error mb-2", children: "Diagram Error" }),
-      /* @__PURE__ */ jsx5("div", { className: "error-description text-center font-sans text-sm text-ods-text-secondary mb-4 break-words overflow-hidden max-w-full", children: /* @__PURE__ */ jsx5("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsx5("pre", { className: "whitespace-pre-wrap break-words text-xs", children: error }) }) })
+      /* @__PURE__ */ jsx6("div", { className: "error-icon flex justify-center mb-4", children: /* @__PURE__ */ jsx6(AlertCircleIcon, { className: "w-12 h-12 text-ods-error" }) }),
+      /* @__PURE__ */ jsx6("div", { className: "error-title text-center font-sans font-semibold text-lg text-ods-error mb-2", children: "Diagram Error" }),
+      /* @__PURE__ */ jsx6("div", { className: "error-description text-center font-sans text-sm text-ods-text-secondary mb-4 break-words overflow-hidden max-w-full", children: /* @__PURE__ */ jsx6("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsx6("pre", { className: "whitespace-pre-wrap break-words text-xs", children: error }) }) })
     ] });
   }
   if (isLoading || !svg) {
-    return /* @__PURE__ */ jsx5("div", { className: "skeleton-code bg-ods-card border border-ods-border rounded-lg p-6 min-h-[120px] flex items-center justify-center", children: /* @__PURE__ */ jsx5("div", { className: "animate-pulse text-ods-text-tertiary font-sans", children: isLoading ? "Loading diagram renderer..." : "Rendering diagram..." }) });
+    return /* @__PURE__ */ jsx6("div", { className: "skeleton-code bg-ods-card border border-ods-border rounded-lg p-6 min-h-[120px] flex items-center justify-center", children: /* @__PURE__ */ jsx6("div", { className: "animate-pulse text-ods-text-tertiary font-sans", children: isLoading ? "Loading diagram renderer..." : "Rendering diagram..." }) });
   }
-  return /* @__PURE__ */ jsx5("div", { className: "mermaid-container rounded-lg p-4 md:p-6 lg:p-8 my-6 overflow-x-auto bg-ods-card border border-ods-border", children: /* @__PURE__ */ jsx5("div", { className: "flex justify-center items-center w-full min-h-[200px] md:min-h-[250px] lg:min-h-[300px]", children: /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6("div", { className: "mermaid-container rounded-lg p-4 md:p-6 lg:p-8 my-6 overflow-x-auto bg-ods-card border border-ods-border", children: /* @__PURE__ */ jsx6("div", { className: "flex justify-center items-center w-full min-h-[200px] md:min-h-[250px] lg:min-h-[300px]", children: /* @__PURE__ */ jsx6(
     "div",
     {
       className: "mermaid-svg-container w-full flex justify-center max-w-full",
@@ -786,7 +846,7 @@ var SimpleMarkdownRendererImpl = ({
       const effectiveLevel = Tag2 === "h1" && demoteMarkdownH1ToH2 ? 2 : level;
       const id = generateHeadingId(text, effectiveLevel);
       const EffectiveTag = Tag2 === "h1" && demoteMarkdownH1ToH2 ? "h2" : Tag2;
-      return /* @__PURE__ */ jsx5(EffectiveTag, { id, className: headingClassName, children });
+      return /* @__PURE__ */ jsx6(EffectiveTag, { id, className: headingClassName, children });
     },
     [generateHeadingId, demoteMarkdownH1ToH2]
   );
@@ -796,12 +856,12 @@ var SimpleMarkdownRendererImpl = ({
       const match = /language-(\w+)/.exec(codeClassName || "");
       const language = match ? match[1] : "";
       if (!inline && language === "mermaid") {
-        return /* @__PURE__ */ jsx5(MermaidDiagram, { chart: String(children).replace(/\n$/, "") });
+        return /* @__PURE__ */ jsx6(MermaidDiagram, { chart: String(children).replace(/\n$/, "") });
       }
       if (!inline && match) {
         return /* @__PURE__ */ jsxs4("div", { className: "code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border", children: [
-          /* @__PURE__ */ jsx5("div", { className: "code-header border-b px-4 py-2 bg-ods-card border-ods-border", children: /* @__PURE__ */ jsx5("span", { className: "font-sans text-xs uppercase tracking-wide text-ods-text-tertiary", children: language || "code" }) }),
-          /* @__PURE__ */ jsx5("div", { className: "p-4", children: /* @__PURE__ */ jsx5("pre", { className: "overflow-x-auto", children: /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx6("div", { className: "code-header border-b px-4 py-2 bg-ods-card border-ods-border", children: /* @__PURE__ */ jsx6("span", { className: "font-sans text-xs uppercase tracking-wide text-ods-text-tertiary", children: language || "code" }) }),
+          /* @__PURE__ */ jsx6("div", { className: "p-4", children: /* @__PURE__ */ jsx6("pre", { className: "overflow-x-auto", children: /* @__PURE__ */ jsx6(
             "code",
             {
               className: cn(`language-${language} hljs`, textSizes.code),
@@ -816,12 +876,12 @@ var SimpleMarkdownRendererImpl = ({
           ) }) })
         ] });
       }
-      return /* @__PURE__ */ jsx5("code", { className: "font-mono text-[0.9em] px-1.5 py-0.5 rounded border bg-ods-card text-ods-text-primary border-ods-border", ...props, children });
+      return /* @__PURE__ */ jsx6("code", { className: "font-mono text-[0.9em] px-1.5 py-0.5 rounded border bg-ods-card text-ods-text-primary border-ods-border", ...props, children });
     },
     // --- div (pass-through, overridable for embeds) ---
-    div: ({ node, className: divClassName, children, ...props }) => /* @__PURE__ */ jsx5("div", { className: divClassName, ...props, children }),
+    div: ({ node, className: divClassName, children, ...props }) => /* @__PURE__ */ jsx6("div", { className: divClassName, ...props, children }),
     // --- blockquote ---
-    blockquote: ({ children }) => /* @__PURE__ */ jsx5("blockquote", { className: "border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-secondary", children: /* @__PURE__ */ jsx5("div", { className: cn("font-sans leading-relaxed text-ods-text-secondary", textSizes.blockquote), children }) }),
+    blockquote: ({ children }) => /* @__PURE__ */ jsx6("blockquote", { className: "border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-secondary", children: /* @__PURE__ */ jsx6("div", { className: cn("font-sans leading-relaxed text-ods-text-secondary", textSizes.blockquote), children }) }),
     // --- headings ---
     h1: makeHeading("h1", 1, cn("font-sans font-bold mt-8 mb-4 first:mt-0 text-ods-text-primary", textSizes.h1)),
     h2: makeHeading("h2", 2, cn("font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border", textSizes.h2)),
@@ -830,7 +890,7 @@ var SimpleMarkdownRendererImpl = ({
     h5: makeHeading("h5", 5, cn("font-sans font-semibold mt-3 mb-2 text-ods-text-primary", textSizes.h5)),
     h6: makeHeading("h6", 6, cn("font-sans font-semibold mt-3 mb-1 text-ods-text-primary", textSizes.h6)),
     // --- paragraph ---
-    p: ({ children }) => /* @__PURE__ */ jsx5("p", { className: cn("leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary", textSizes.p), children }),
+    p: ({ children }) => /* @__PURE__ */ jsx6("p", { className: cn("leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary", textSizes.p), children }),
     // --- links ---
     a: ({ href, children, className: linkClassName }) => {
       const isBroken = brokenLinks.includes(href);
@@ -838,12 +898,12 @@ var SimpleMarkdownRendererImpl = ({
       if (isBroken) {
         return /* @__PURE__ */ jsxs4("span", { className: "text-ods-accent cursor-not-allowed", children: [
           children,
-          /* @__PURE__ */ jsx5("sup", { className: "ml-1 text-xs font-bold text-ods-attention-red-error", children: "[BROKEN]" })
+          /* @__PURE__ */ jsx6("sup", { className: "ml-1 text-xs font-bold text-ods-attention-red-error", children: "[BROKEN]" })
         ] });
       }
       if (isInternalDocLink && onInternalLinkClick) {
         const currentPath = propCurrentPath ?? "";
-        return /* @__PURE__ */ jsx5(
+        return /* @__PURE__ */ jsx6(
           "span",
           {
             className: "text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 cursor-pointer",
@@ -878,7 +938,7 @@ var SimpleMarkdownRendererImpl = ({
           }
         );
       }
-      return /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ jsx6(
         "a",
         {
           href,
@@ -939,7 +999,7 @@ var SimpleMarkdownRendererImpl = ({
     // (cached re-renders pop in without a perceptible shift).
     img: ({ src, alt }) => {
       if (!src || typeof src !== "string" || src.trim() === "") return null;
-      return /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ jsx6(
         next_image_default,
         {
           src,
@@ -953,22 +1013,22 @@ var SimpleMarkdownRendererImpl = ({
       );
     },
     // --- lists ---
-    ul: ({ children }) => /* @__PURE__ */ jsx5("ul", { className: "list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary", children }),
-    ol: ({ children }) => /* @__PURE__ */ jsx5("ol", { className: "list-decimal list-outside my-4 ml-8 space-y-2 text-ods-text-primary", children }),
-    li: ({ children }) => /* @__PURE__ */ jsx5("li", { className: cn("leading-relaxed pl-2", textSizes.li), children }),
+    ul: ({ children }) => /* @__PURE__ */ jsx6("ul", { className: "list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary", children }),
+    ol: ({ children }) => /* @__PURE__ */ jsx6("ol", { className: "list-decimal list-outside my-4 ml-8 space-y-2 text-ods-text-primary", children }),
+    li: ({ children }) => /* @__PURE__ */ jsx6("li", { className: cn("leading-relaxed pl-2", textSizes.li), children }),
     // --- tables ---
-    table: ({ children }) => /* @__PURE__ */ jsx5("div", { className: "table-container my-6 overflow-x-auto", children: /* @__PURE__ */ jsx5("div", { className: "min-w-full border rounded-lg border-ods-border bg-ods-card", children: /* @__PURE__ */ jsx5("table", { className: "w-full table-fixed md:table-auto", children }) }) }),
-    thead: ({ children }) => /* @__PURE__ */ jsx5("thead", { className: "bg-ods-bg-secondary", children }),
-    th: ({ children }) => /* @__PURE__ */ jsx5("th", { className: cn("px-2 md:px-4 py-3 text-left font-semibold text-ods-accent border-r last:border-r-0 break-words border-ods-border", textSizes.th), children }),
-    td: ({ children }) => /* @__PURE__ */ jsx5("td", { className: cn("px-2 md:px-4 py-3 border-r last:border-r-0 border-b break-words whitespace-normal text-ods-text-primary border-ods-border", textSizes.td), children }),
+    table: ({ children }) => /* @__PURE__ */ jsx6("div", { className: "table-container my-6 overflow-x-auto", children: /* @__PURE__ */ jsx6("div", { className: "min-w-full border rounded-lg border-ods-border bg-ods-card", children: /* @__PURE__ */ jsx6("table", { className: "w-full table-fixed md:table-auto", children }) }) }),
+    thead: ({ children }) => /* @__PURE__ */ jsx6("thead", { className: "bg-ods-bg-secondary", children }),
+    th: ({ children }) => /* @__PURE__ */ jsx6("th", { className: cn("px-2 md:px-4 py-3 text-left font-semibold text-ods-accent border-r last:border-r-0 break-words border-ods-border", textSizes.th), children }),
+    td: ({ children }) => /* @__PURE__ */ jsx6("td", { className: cn("px-2 md:px-4 py-3 border-r last:border-r-0 border-b break-words whitespace-normal text-ods-text-primary border-ods-border", textSizes.td), children }),
     // --- horizontal rule ---
-    hr: () => /* @__PURE__ */ jsx5("hr", { className: "border-0 border-t my-8 border-ods-border" }),
+    hr: () => /* @__PURE__ */ jsx6("hr", { className: "border-0 border-t my-8 border-ods-border" }),
     // --- merge overrides ---
     ...componentOverrides
   }), [makeHeading, brokenLinks, propCurrentPath, onInternalLinkClick, onResolveLink, componentOverrides, textSizes]);
   return /* @__PURE__ */ jsxs4("div", { className: `simple-markdown-renderer ${className}`, children: [
-    /* @__PURE__ */ jsx5("style", { dangerouslySetInnerHTML: { __html: mermaidStyles } }),
-    /* @__PURE__ */ jsx5("div", { className: "content-wrapper max-w-none break-words", children: /* @__PURE__ */ jsx5("article", { className: "prose prose-lg max-w-none", children: /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx6("style", { dangerouslySetInnerHTML: { __html: mermaidStyles } }),
+    /* @__PURE__ */ jsx6("div", { className: "content-wrapper max-w-none break-words", children: /* @__PURE__ */ jsx6("article", { className: "prose prose-lg max-w-none", children: /* @__PURE__ */ jsx6(
       ReactMarkdown,
       {
         remarkPlugins: [remarkGfm, remarkBreaks, ...additionalRemarkPlugins ?? []],
@@ -1293,7 +1353,7 @@ function formatBioText(aboutHtml, fallback = "") {
 // src/components/ui/square-avatar.tsx
 import * as React4 from "react";
 init_cn();
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var SquareAvatar = React4.memo(React4.forwardRef(
   ({ className, src, alt, size = "md", fallback, variant = "square", initialsClassName, ...props }, ref) => {
     const sizeClasses = {
@@ -1324,7 +1384,7 @@ var SquareAvatar = React4.memo(React4.forwardRef(
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ jsx6("div", { className: cn(
+          /* @__PURE__ */ jsx7("div", { className: cn(
             // Initials use `text-ods-text-primary` so they stay readable
             // both on the default `bg-ods-bg` AND on accent-fill backgrounds
             // (`bg-ods-flamingo-pink` for the current user, `bg-ods-flamingo-cyan`
@@ -1337,7 +1397,7 @@ var SquareAvatar = React4.memo(React4.forwardRef(
             initialsClassName,
             src && "hidden"
           ), children: getFirstLastInitials(fallback || alt) || "?" }),
-          src && /* @__PURE__ */ jsx6(
+          src && /* @__PURE__ */ jsx7(
             next_image_default,
             {
               className: "absolute inset-0 h-full w-full object-cover",
@@ -1443,7 +1503,7 @@ import { Check } from "lucide-react";
 import React7, { useCallback as useCallback3 } from "react";
 init_cn();
 init_button();
-import { Fragment, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var ROW_CLASSES = "flex flex-1 min-w-0 items-center gap-[var(--spacing-system-xsf)] p-[var(--spacing-system-s)] cursor-pointer transition-colors bg-ods-bg outline-none";
 var WRAPPER_CLASSES = "relative flex items-stretch border-b border-ods-border last:border-b-0";
 var SECONDARY_ACTION_CLASSES = "flex p-[var(--spacing-system-s)] shrink-0 items-center justify-center self-stretch border-l border-ods-border transition-colors hover:bg-ods-bg-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus [&_svg]:w-4 [&_svg]:h-4 md:[&_svg]:w-6 md:[&_svg]:h-6";
@@ -1464,7 +1524,7 @@ var SecondaryAction = ({ action }) => {
     action.disabled && "cursor-not-allowed opacity-60 pointer-events-none"
   );
   if (action.href) {
-    return /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx8(
       next_link_default,
       {
         href: action.href,
@@ -1480,7 +1540,7 @@ var SecondaryAction = ({ action }) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     "button",
     {
       type: "button",
@@ -1534,7 +1594,7 @@ var MenuItem = ({ item, onItemClick }) => {
     [item, onItemClick]
   );
   if (item.type === "separator") {
-    return /* @__PURE__ */ jsx7("div", { className: "bg-ods-system-greys-soft-grey h-1 w-full" });
+    return /* @__PURE__ */ jsx8("div", { className: "bg-ods-system-greys-soft-grey h-1 w-full" });
   }
   const itemClasses = cn(
     ROW_CLASSES,
@@ -1546,7 +1606,7 @@ var MenuItem = ({ item, onItemClick }) => {
   );
   const renderAsLink = !!item.href && item.type !== "submenu" && item.type !== "checkbox";
   const rowContent = /* @__PURE__ */ jsxs6(Fragment, { children: [
-    item.icon && /* @__PURE__ */ jsx7(
+    item.icon && /* @__PURE__ */ jsx8(
       "div",
       {
         className: cn(
@@ -1557,7 +1617,7 @@ var MenuItem = ({ item, onItemClick }) => {
         children: item.icon
       }
     ),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       "span",
       {
         className: cn(
@@ -1567,21 +1627,21 @@ var MenuItem = ({ item, onItemClick }) => {
         children: item.label
       }
     ),
-    item.type === "checkbox" && /* @__PURE__ */ jsx7(
+    item.type === "checkbox" && /* @__PURE__ */ jsx8(
       "div",
       {
         className: cn(
           "w-4 h-4 md:w-6 md:h-6 flex items-center justify-center rounded-md transition-colors",
           item.checked ? "bg-ods-accent" : "border-2 border-ods-border bg-transparent"
         ),
-        children: item.checked && /* @__PURE__ */ jsx7(Check, { className: "w-3 h-3 md:w-4 md:h-4 text-ods-text-on-accent", strokeWidth: 3 })
+        children: item.checked && /* @__PURE__ */ jsx8(Check, { className: "w-3 h-3 md:w-4 md:h-4 text-ods-text-on-accent", strokeWidth: 3 })
       }
     ),
-    item.type === "submenu" && /* @__PURE__ */ jsx7(Chevron02RightIcon, { className: "w-4 h-4 md:w-6 md:h-6 text-ods-text-secondary" })
+    item.type === "submenu" && /* @__PURE__ */ jsx8(Chevron02RightIcon, { className: "w-4 h-4 md:w-6 md:h-6 text-ods-text-secondary" })
   ] });
   if (renderAsLink && item.href) {
     return /* @__PURE__ */ jsxs6("div", { className: WRAPPER_CLASSES, children: [
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx8(
         next_link_default,
         {
           href: item.href,
@@ -1593,13 +1653,13 @@ var MenuItem = ({ item, onItemClick }) => {
           children: rowContent
         }
       ),
-      item.iconAction && /* @__PURE__ */ jsx7(SecondaryAction, { action: item.iconAction })
+      item.iconAction && /* @__PURE__ */ jsx8(SecondaryAction, { action: item.iconAction })
     ] });
   }
   if (item.type === "submenu" && item.submenu) {
     return /* @__PURE__ */ jsxs6("div", { className: WRAPPER_CLASSES, children: [
       /* @__PURE__ */ jsxs6(DropdownMenuPrimitive.Sub, { children: [
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8(
           DropdownMenuPrimitive.SubTrigger,
           {
             disabled: item.disabled,
@@ -1607,12 +1667,12 @@ var MenuItem = ({ item, onItemClick }) => {
             children: rowContent
           }
         ),
-        /* @__PURE__ */ jsx7(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx8(
           DropdownMenuPrimitive.SubContent,
           {
             sideOffset: 4,
             className: "z-[1500] min-w-[256px] max-h-[var(--radix-popper-available-height)] bg-ods-bg border border-ods-border rounded-md shadow-xl overflow-y-auto p-0",
-            children: item.submenu.map((subItem, index) => /* @__PURE__ */ jsx7(
+            children: item.submenu.map((subItem, index) => /* @__PURE__ */ jsx8(
               MenuItem,
               {
                 item: subItem,
@@ -1623,11 +1683,11 @@ var MenuItem = ({ item, onItemClick }) => {
           }
         ) })
       ] }),
-      item.iconAction && /* @__PURE__ */ jsx7(SecondaryAction, { action: item.iconAction })
+      item.iconAction && /* @__PURE__ */ jsx8(SecondaryAction, { action: item.iconAction })
     ] });
   }
   return /* @__PURE__ */ jsxs6("div", { className: WRAPPER_CLASSES, children: [
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       "div",
       {
         role: "menuitem",
@@ -1639,23 +1699,23 @@ var MenuItem = ({ item, onItemClick }) => {
         children: rowContent
       }
     ),
-    item.iconAction && /* @__PURE__ */ jsx7(SecondaryAction, { action: item.iconAction })
+    item.iconAction && /* @__PURE__ */ jsx8(SecondaryAction, { action: item.iconAction })
   ] });
 };
-var GroupSeparator = () => /* @__PURE__ */ jsx7("div", { className: "bg-ods-bg-surface h-[3px] w-full" });
+var GroupSeparator = () => /* @__PURE__ */ jsx8("div", { className: "bg-ods-bg-surface h-[3px] w-full" });
 var ActionsMenu = ({
   groups,
   className = "",
   onItemClick
 }) => {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     "div",
     {
       className: `relative min-w-[256px] max-h-[var(--radix-popper-available-height)] bg-ods-bg border border-ods-border rounded-md shadow-lg overflow-y-auto ${className}`,
       children: groups.map((group, groupIndex) => {
         const groupKey = group.id || group.items.map((i) => i.id).join("|");
         return /* @__PURE__ */ jsxs6(React7.Fragment, { children: [
-          group.items.map((item, itemIndex) => /* @__PURE__ */ jsx7(
+          group.items.map((item, itemIndex) => /* @__PURE__ */ jsx8(
             MenuItem,
             {
               item,
@@ -1663,7 +1723,7 @@ var ActionsMenu = ({
             },
             item.id || `${groupKey}-${itemIndex}`
           )),
-          group.separator && groupIndex < groups.length - 1 && /* @__PURE__ */ jsx7(GroupSeparator, {})
+          group.separator && groupIndex < groups.length - 1 && /* @__PURE__ */ jsx8(GroupSeparator, {})
         ] }, groupKey);
       })
     }
@@ -1700,17 +1760,17 @@ var ActionsMenuDropdown = ({
     [onItemClick, setOpen]
   );
   return /* @__PURE__ */ jsxs6(DropdownMenu, { open, onOpenChange: setOpen, modal: false, children: [
-    /* @__PURE__ */ jsx7(DropdownMenuTrigger, { asChild: true, children: customTrigger ?? /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(DropdownMenuTrigger, { asChild: true, children: customTrigger ?? /* @__PURE__ */ jsx8(
       Button,
       {
         variant: "outline",
         size: "icon",
         "aria-label": triggerAriaLabel,
         className: triggerClassName || "bg-ods-card border-ods-border hover:bg-ods-bg-hover flex items-center justify-center focus-visible:ring-0",
-        leftIcon: trigger ?? /* @__PURE__ */ jsx7(Ellipsis01Icon, { size: 24, className: "text-ods-text-primary" })
+        leftIcon: trigger ?? /* @__PURE__ */ jsx8(Ellipsis01Icon, { size: 24, className: "text-ods-text-primary" })
       }
     ) }),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       DropdownMenuContent,
       {
         align,
@@ -1721,7 +1781,7 @@ var ActionsMenuDropdown = ({
           "p-0 border-0 bg-transparent shadow-none overflow-visible",
           contentClassName
         ),
-        children: /* @__PURE__ */ jsx7(
+        children: /* @__PURE__ */ jsx8(
           ActionsMenu,
           {
             groups,
@@ -1863,7 +1923,7 @@ function resolveExternalNavigation(args) {
 
 // src/components/chat/entity-cards/entity-author-card.tsx
 init_next_link();
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var EMPTY_AUTHOR_PLACEHOLDER = {
   full_name: "\u2014",
   avatar_url: null,
@@ -1875,9 +1935,9 @@ function EntityMetadataValueCell({
   className,
   uppercase = true
 }) {
-  return /* @__PURE__ */ jsx8("div", { className: `bg-ods-card p-4 flex flex-col gap-3 ${className ?? ""}`, children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-0", children: [
-    /* @__PURE__ */ jsx8("p", { className: "text-h4 text-ods-text-primary", children: uppercase ? value.toLocaleUpperCase() : value }),
-    /* @__PURE__ */ jsx8("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: label })
+  return /* @__PURE__ */ jsx9("div", { className: `bg-ods-card p-4 flex flex-col gap-3 ${className ?? ""}`, children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-0", children: [
+    /* @__PURE__ */ jsx9("p", { className: "text-h4 text-ods-text-primary", children: uppercase ? value.toLocaleUpperCase() : value }),
+    /* @__PURE__ */ jsx9("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: label })
   ] }) });
 }
 function EntityMetadataAuthorCell({
@@ -1889,7 +1949,7 @@ function EntityMetadataAuthorCell({
   const trimmedName = typeof author.full_name === "string" ? author.full_name.trim() : "";
   const fullName = trimmedName || "Unknown Author";
   return /* @__PURE__ */ jsxs7("div", { className: `bg-ods-card p-4 flex items-center gap-3 ${className ?? ""}`, children: [
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9(
       SquareAvatar,
       {
         src: author.avatar_url || "",
@@ -1900,8 +1960,8 @@ function EntityMetadataAuthorCell({
       }
     ),
     /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-0 flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsx8("p", { className: "text-h3 tracking-[-0.36px] text-ods-text-primary truncate", title: fullName, children: authorHref && trimmedName ? /* @__PURE__ */ jsx8(next_link_default, { href: authorHref, className: "hover:text-ods-accent transition-colors", children: fullName }) : fullName }),
-      /* @__PURE__ */ jsx8("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: author.job_title || roleLabel })
+      /* @__PURE__ */ jsx9("p", { className: "text-h3 tracking-[-0.36px] text-ods-text-primary truncate", title: fullName, children: authorHref && trimmedName ? /* @__PURE__ */ jsx9(next_link_default, { href: authorHref, className: "hover:text-ods-accent transition-colors", children: fullName }) : fullName }),
+      /* @__PURE__ */ jsx9("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: author.job_title || roleLabel })
     ] })
   ] });
 }
@@ -1930,7 +1990,7 @@ function EntityAuthorCard({
     {
       className: `grid grid-cols-1 ${gridColsClass} border border-ods-border rounded-md overflow-hidden w-full ${className ?? ""}`,
       children: [
-        extras.map((cell, i) => /* @__PURE__ */ jsx8(
+        extras.map((cell, i) => /* @__PURE__ */ jsx9(
           EntityMetadataValueCell,
           {
             value: cell.value,
@@ -1940,7 +2000,7 @@ function EntityAuthorCard({
           },
           `${cell.label}-${i}`
         )),
-        showDateCell && /* @__PURE__ */ jsx8(
+        showDateCell && /* @__PURE__ */ jsx9(
           EntityMetadataValueCell,
           {
             value: dateLabel,
@@ -1949,21 +2009,21 @@ function EntityAuthorCard({
             className: dividerClass
           }
         ),
-        /* @__PURE__ */ jsx8(EntityMetadataAuthorCell, { author: effectiveAuthor, roleLabel, authorHref })
+        /* @__PURE__ */ jsx9(EntityMetadataAuthorCell, { author: effectiveAuthor, roleLabel, authorHref })
       ]
     }
   );
 }
 
 // src/components/chat/entity-cards/blog-image-placeholder.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function BlogImagePlaceholder({
   imageUrl,
   title,
   className = ""
 }) {
   if (!imageUrl) return null;
-  return /* @__PURE__ */ jsx9("span", { className: `relative block w-full h-full overflow-hidden bg-ods-bg ${className}`, children: /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10("span", { className: `relative block w-full h-full overflow-hidden bg-ods-bg ${className}`, children: /* @__PURE__ */ jsx10(
     "img",
     {
       src: imageUrl,
@@ -1989,7 +2049,7 @@ function fetchPriorityProp(priority) {
 // src/components/features/video.tsx
 import { useEffect as useEffect4, useMemo as useMemo3, useRef as useRef4, useState as useState3 } from "react";
 import MuxPlayer from "@mux/mux-player-react";
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 if (typeof window !== "undefined") {
   const w = window;
   if (!w.chrome?.cast) {
@@ -2050,7 +2110,7 @@ function Video(props) {
   if (!url) return null;
   const effectiveKind = resolveKind(props, url);
   const layout = props.layout ?? "native";
-  const inner = effectiveKind === "youtube" ? /* @__PURE__ */ jsx10(
+  const inner = effectiveKind === "youtube" ? /* @__PURE__ */ jsx11(
     YouTubeFacade,
     {
       url,
@@ -2059,7 +2119,7 @@ function Video(props) {
       className: props.className,
       minimalControls: props.minimalControls
     }
-  ) : /* @__PURE__ */ jsx10(
+  ) : /* @__PURE__ */ jsx11(
     FilePlayer,
     {
       url,
@@ -2083,9 +2143,9 @@ function resolveKind(props, url) {
 function wrapWithLayout(inner, layout) {
   switch (layout) {
     case "centered":
-      return /* @__PURE__ */ jsx10("div", { className: "flex justify-center w-full", children: /* @__PURE__ */ jsx10("div", { className: "w-full max-w-3xl aspect-video rounded-lg overflow-hidden border border-ods-border", children: inner }) });
+      return /* @__PURE__ */ jsx11("div", { className: "flex justify-center w-full", children: /* @__PURE__ */ jsx11("div", { className: "w-full max-w-3xl aspect-video rounded-lg overflow-hidden border border-ods-border", children: inner }) });
     case "fill":
-      return /* @__PURE__ */ jsx10("div", { className: "absolute inset-0 w-full h-full", children: inner });
+      return /* @__PURE__ */ jsx11("div", { className: "absolute inset-0 w-full h-full", children: inner });
     case "native":
     default:
       return inner;
@@ -2104,7 +2164,7 @@ function FilePlayer({
       "[Video] srtContent supplied without captionsUrl \u2014 captions will not render. Pass captionsUrl (the VTT URL) instead; raw SRT text overlays are no longer supported."
     );
   }
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     MuxPlayer,
     {
       src: url,
@@ -2116,7 +2176,7 @@ function FilePlayer({
       accentColor: "var(--ods-accent, var(--color-accent-primary))",
       className,
       style: { width: "100%", height: "100%" },
-      children: captionsUrl ? /* @__PURE__ */ jsx10(
+      children: captionsUrl ? /* @__PURE__ */ jsx11(
         "track",
         {
           kind: "captions",
@@ -2138,7 +2198,7 @@ function YouTubeFacade({
 }) {
   const videoId = extractYouTubeId(url);
   if (!videoId) return null;
-  return /* @__PURE__ */ jsx10(YouTubeFacadeInner, { videoId, title, priority, className, minimalControls });
+  return /* @__PURE__ */ jsx11(YouTubeFacadeInner, { videoId, title, priority, className, minimalControls });
 }
 var YT_NOCOOKIE_ORIGIN = "https://www.youtube-nocookie.com";
 var YT_STATE_ENDED = 0;
@@ -2224,7 +2284,7 @@ function YouTubeFacadeInner({
   const wrapperClass = `relative w-full ${className ?? ""}`;
   const wrapperStyle = { paddingBottom: "56.25%" };
   if (activated) {
-    return /* @__PURE__ */ jsx10("div", { className: wrapperClass, style: wrapperStyle, children: /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11("div", { className: wrapperClass, style: wrapperStyle, children: /* @__PURE__ */ jsx11(
       "iframe",
       {
         ref: iframeRef,
@@ -2236,7 +2296,7 @@ function YouTubeFacadeInner({
       }
     ) });
   }
-  return /* @__PURE__ */ jsx10("div", { className: wrapperClass, style: wrapperStyle, children: /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsx11("div", { className: wrapperClass, style: wrapperStyle, children: /* @__PURE__ */ jsxs8(
     "button",
     {
       type: "button",
@@ -2245,8 +2305,8 @@ function YouTubeFacadeInner({
       className: "group absolute inset-0 p-0 m-0 border border-ods-border rounded-lg overflow-hidden bg-ods-card cursor-pointer",
       children: [
         /* @__PURE__ */ jsxs8("picture", { children: [
-          /* @__PURE__ */ jsx10("source", { type: "image/webp", srcSet: posterWebp }),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11("source", { type: "image/webp", srcSet: posterWebp }),
+          /* @__PURE__ */ jsx11(
             "img",
             {
               src: posterJpg,
@@ -2258,14 +2318,14 @@ function YouTubeFacadeInner({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx10("div", { className: "absolute inset-0 flex items-center justify-center bg-ods-bg-inverse bg-opacity-20 transition-opacity duration-200 group-hover:bg-opacity-30", children: /* @__PURE__ */ jsx10("span", { className: "flex items-center justify-center w-16 h-16 rounded-full bg-ods-accent text-ods-text-on-accent shadow-lg transition-transform duration-200 group-hover:scale-110", children: /* @__PURE__ */ jsx10(PlayIcon, { size: 24, color: "currentColor", className: "ml-1" }) }) })
+        /* @__PURE__ */ jsx11("div", { className: "absolute inset-0 flex items-center justify-center bg-ods-bg-inverse bg-opacity-20 transition-opacity duration-200 group-hover:bg-opacity-30", children: /* @__PURE__ */ jsx11("span", { className: "flex items-center justify-center w-16 h-16 rounded-full bg-ods-accent text-ods-text-on-accent shadow-lg transition-transform duration-200 group-hover:scale-110", children: /* @__PURE__ */ jsx11(PlayIcon, { size: 24, color: "currentColor", className: "ml-1" }) }) })
       ]
     }
   ) });
 }
 
 // src/components/features/video-ratio-tabs.tsx
-import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var TAB_TRIGGER_CLASS = "rounded-none border-b-2 border-transparent data-[state=active]:border-ods-accent data-[state=active]:bg-transparent data-[state=active]:shadow-none px-4 py-2 text-sm text-ods-text-secondary data-[state=active]:text-ods-text-primary";
 var RATIO_GRID_CLASS = {
   portrait: "grid grid-cols-2 md:grid-cols-3 gap-4",
@@ -2290,17 +2350,17 @@ function RatioTabs({
   const activeTabs = RATIO_TAB_CONFIG.filter((t) => groups[t.key].count > 0);
   if (activeTabs.length <= 1) {
     const active = activeTabs[0];
-    return active ? /* @__PURE__ */ jsx11(Fragment2, { children: groups[active.key].render() }) : null;
+    return active ? /* @__PURE__ */ jsx12(Fragment2, { children: groups[active.key].render() }) : null;
   }
   const firstTab = defaultTab && groups[defaultTab].count > 0 ? defaultTab : activeTabs[0].key;
   return /* @__PURE__ */ jsxs9(Tabs, { defaultValue: firstTab, className: `w-full ${className}`, children: [
-    /* @__PURE__ */ jsx11(TabsList, { className: "inline-flex justify-start rounded-none bg-transparent h-auto p-0 gap-0 mb-2", children: activeTabs.map((t) => /* @__PURE__ */ jsxs9(TabsTrigger, { value: t.key, className: TAB_TRIGGER_CLASS, children: [
+    /* @__PURE__ */ jsx12(TabsList, { className: "inline-flex justify-start rounded-none bg-transparent h-auto p-0 gap-0 mb-2", children: activeTabs.map((t) => /* @__PURE__ */ jsxs9(TabsTrigger, { value: t.key, className: TAB_TRIGGER_CLASS, children: [
       t.label,
       " (",
       groups[t.key].count,
       ")"
     ] }, t.key)) }),
-    activeTabs.map((t) => /* @__PURE__ */ jsx11(
+    activeTabs.map((t) => /* @__PURE__ */ jsx12(
       TabsContent,
       {
         value: t.key,
@@ -2343,7 +2403,7 @@ function groupByAspectRatio(items, getAspectRatio) {
 
 // src/components/features/video-bites-display.tsx
 import { useMemo as useMemo4 } from "react";
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var RATIO_TO_CSS_ASPECT = {
   portrait: "9 / 16",
   square: "1 / 1",
@@ -2351,7 +2411,7 @@ var RATIO_TO_CSS_ASPECT = {
 };
 function LazyBite({ ratio, children }) {
   const { ref, isNear } = useNearViewport("500px");
-  return /* @__PURE__ */ jsx12("div", { ref, style: { aspectRatio: RATIO_TO_CSS_ASPECT[ratio] }, children: isNear ? children : /* @__PURE__ */ jsx12("div", { className: "w-full h-full bg-ods-card rounded-md" }) });
+  return /* @__PURE__ */ jsx13("div", { ref, style: { aspectRatio: RATIO_TO_CSS_ASPECT[ratio] }, children: isNear ? children : /* @__PURE__ */ jsx13("div", { className: "w-full h-full bg-ods-card rounded-md" }) });
 }
 function VideoBitesDisplay({
   bites,
@@ -2375,26 +2435,26 @@ function VideoBitesDisplay({
   const totalCount = grouped.portrait.length + grouped.square.length + grouped.landscape.length;
   if (totalCount === 0) return null;
   return /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-6 w-full min-w-0", children: [
-    showTitle && /* @__PURE__ */ jsx12("h2", { className: `${SECTION_HEADING_CLASS} break-words`, children: title }),
-    grouped.hasMultiple ? /* @__PURE__ */ jsx12(
+    showTitle && /* @__PURE__ */ jsx13("h2", { className: `${SECTION_HEADING_CLASS} break-words`, children: title }),
+    grouped.hasMultiple ? /* @__PURE__ */ jsx13(
       RatioTabs,
       {
         groups: {
           portrait: {
             count: grouped.portrait.length,
-            render: () => /* @__PURE__ */ jsx12(BiteGrid, { bites: grouped.portrait, ratio: "portrait" })
+            render: () => /* @__PURE__ */ jsx13(BiteGrid, { bites: grouped.portrait, ratio: "portrait" })
           },
           square: {
             count: grouped.square.length,
-            render: () => /* @__PURE__ */ jsx12(BiteGrid, { bites: grouped.square, ratio: "square" })
+            render: () => /* @__PURE__ */ jsx13(BiteGrid, { bites: grouped.square, ratio: "square" })
           },
           landscape: {
             count: grouped.landscape.length,
-            render: () => /* @__PURE__ */ jsx12(BiteGrid, { bites: grouped.landscape, ratio: "landscape" })
+            render: () => /* @__PURE__ */ jsx13(BiteGrid, { bites: grouped.landscape, ratio: "landscape" })
           }
         }
       }
-    ) : /* @__PURE__ */ jsx12(
+    ) : /* @__PURE__ */ jsx13(
       BiteGrid,
       {
         bites: grouped.portrait.length > 0 ? grouped.portrait : grouped.square.length > 0 ? grouped.square : grouped.landscape,
@@ -2404,17 +2464,17 @@ function VideoBitesDisplay({
   ] });
 }
 function BiteGrid({ bites, ratio }) {
-  return /* @__PURE__ */ jsx12("div", { className: RATIO_DISPLAY_GRID_CLASS[ratio], children: bites.map((bite, index) => /* @__PURE__ */ jsx12(LazyBite, { ratio, children: /* @__PURE__ */ jsx12(VideoBiteCard, { url: bite.url, title: bite.title, thumbnailUrl: bite.thumbnail_url }) }, bite.url || index)) });
+  return /* @__PURE__ */ jsx13("div", { className: RATIO_DISPLAY_GRID_CLASS[ratio], children: bites.map((bite, index) => /* @__PURE__ */ jsx13(LazyBite, { ratio, children: /* @__PURE__ */ jsx13(VideoBiteCard, { url: bite.url, title: bite.title, thumbnailUrl: bite.thumbnail_url }) }, bite.url || index)) });
 }
 function VideoBiteCard({ url, title, thumbnailUrl }) {
   return /* @__PURE__ */ jsxs10(Card, { className: "overflow-hidden border border-ods-border bg-ods-card hover:border-ods-accent transition-colors flex flex-col h-full", children: [
-    /* @__PURE__ */ jsx12("div", { className: "relative flex-1 min-h-0", children: /* @__PURE__ */ jsx12(Video, { url, poster: thumbnailUrl || void 0, layout: "fill" }) }),
-    title && /* @__PURE__ */ jsx12("div", { className: "p-4", children: /* @__PURE__ */ jsx12("p", { className: "text-h4 text-ods-text-primary line-clamp-2", title, children: title }) })
+    /* @__PURE__ */ jsx13("div", { className: "relative flex-1 min-h-0", children: /* @__PURE__ */ jsx13(Video, { url, poster: thumbnailUrl || void 0, layout: "fill" }) }),
+    title && /* @__PURE__ */ jsx13("div", { className: "p-4", children: /* @__PURE__ */ jsx13("p", { className: "text-h4 text-ods-text-primary line-clamp-2", title, children: title }) })
   ] });
 }
 
 // src/components/features/entity-video-section.tsx
-import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function EntityVideoSection({
   mainVideoUrl,
   youtubeUrl,
@@ -2442,7 +2502,7 @@ function EntityVideoSection({
   return /* @__PURE__ */ jsxs11(Fragment3, { children: [
     hasVideo && (hasFullVideo && hasHighlight ? /* @__PURE__ */ jsxs11(Tabs, { defaultValue: "full-video", className: "w-full", children: [
       /* @__PURE__ */ jsxs11(TabsList, { className: "inline-flex justify-start rounded-none bg-transparent h-auto p-0 gap-0", children: [
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(
           TabsTrigger,
           {
             value: "full-video",
@@ -2450,7 +2510,7 @@ function EntityVideoSection({
             children: "Full Video"
           }
         ),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(
           TabsTrigger,
           {
             value: "highlights",
@@ -2459,7 +2519,7 @@ function EntityVideoSection({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx13(TabsContent, { value: "full-video", className: "mt-4", children: /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx14(TabsContent, { value: "full-video", className: "mt-4", children: /* @__PURE__ */ jsx14(
         Video,
         {
           kind: fullVideoKind,
@@ -2472,7 +2532,7 @@ function EntityVideoSection({
           priority
         }
       ) }),
-      /* @__PURE__ */ jsx13(TabsContent, { value: "highlights", className: "mt-4", children: /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx14(TabsContent, { value: "highlights", className: "mt-4", children: /* @__PURE__ */ jsx14(
         Video,
         {
           url: highlightVideoUrl,
@@ -2480,7 +2540,7 @@ function EntityVideoSection({
           layout: "centered"
         }
       ) })
-    ] }) : hasFullVideo ? /* @__PURE__ */ jsx13(
+    ] }) : hasFullVideo ? /* @__PURE__ */ jsx14(
       Video,
       {
         kind: fullVideoKind,
@@ -2492,7 +2552,7 @@ function EntityVideoSection({
         layout: "centered",
         priority
       }
-    ) : /* @__PURE__ */ jsx13(
+    ) : /* @__PURE__ */ jsx14(
       Video,
       {
         url: highlightVideoUrl,
@@ -2502,10 +2562,10 @@ function EntityVideoSection({
       }
     )),
     videoSummary && MarkdownRenderer && /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-6 w-full min-w-0", children: [
-      /* @__PURE__ */ jsx13("h2", { className: `${SECTION_HEADING_CLASS} break-words`, children: "Summary" }),
-      /* @__PURE__ */ jsx13("div", { className: "text-h4 text-ods-text-primary break-words overflow-hidden", children: /* @__PURE__ */ jsx13(MarkdownRenderer, { content: videoSummary }) })
+      /* @__PURE__ */ jsx14("h2", { className: `${SECTION_HEADING_CLASS} break-words`, children: "Summary" }),
+      /* @__PURE__ */ jsx14("div", { className: "text-h4 text-ods-text-primary break-words overflow-hidden", children: /* @__PURE__ */ jsx14(MarkdownRenderer, { content: videoSummary }) })
     ] }),
-    videoBites && videoBites.length > 0 && /* @__PURE__ */ jsx13(
+    videoBites && videoBites.length > 0 && /* @__PURE__ */ jsx14(
       VideoBitesDisplay,
       {
         bites: videoBites,
@@ -2590,7 +2650,7 @@ function useEntityCardPlaceholder({
 }
 
 // src/components/chat/entity-cards/onboarding-guide-card.tsx
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs12 } 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");
 }
@@ -2606,35 +2666,35 @@ function OnboardingGuideCardSkeleton({ size = "default" }) {
   if (size === "catalog") {
     return /* @__PURE__ */ jsxs12("div", { className: "bg-ods-system-greys-black border border-ods-border rounded-lg overflow-hidden flex flex-col p-6 gap-4 animate-pulse", children: [
       /* @__PURE__ */ jsxs12("div", { className: "flex flex-col md:flex-row gap-4 md:gap-6", children: [
-        /* @__PURE__ */ jsx14("div", { className: "w-full md:w-[256px] aspect-[1200/630] bg-ods-border rounded-lg flex-shrink-0" }),
+        /* @__PURE__ */ jsx15("div", { className: "w-full md:w-[256px] aspect-[1200/630] bg-ods-border rounded-lg flex-shrink-0" }),
         /* @__PURE__ */ jsxs12("div", { className: "flex-1 min-w-0 flex flex-col", children: [
           /* @__PURE__ */ jsxs12("div", { className: "min-h-[60px] md:min-h-[72px] flex flex-col gap-1.5 justify-start mb-3", children: [
-            /* @__PURE__ */ jsx14("div", { className: "h-[25px] md:h-[30px] w-3/4 bg-ods-border rounded" }),
-            /* @__PURE__ */ jsx14("div", { className: "h-[25px] md:h-[30px] w-1/2 bg-ods-border rounded" })
+            /* @__PURE__ */ jsx15("div", { className: "h-[25px] md:h-[30px] w-3/4 bg-ods-border rounded" }),
+            /* @__PURE__ */ jsx15("div", { className: "h-[25px] md:h-[30px] w-1/2 bg-ods-border rounded" })
           ] }),
           /* @__PURE__ */ jsxs12("div", { className: "min-h-[46px] md:min-h-[52px] flex flex-col gap-2 justify-start", children: [
-            /* @__PURE__ */ jsx14("div", { className: "h-3 w-full bg-ods-border/70 rounded" }),
-            /* @__PURE__ */ jsx14("div", { className: "h-3 w-5/6 bg-ods-border/70 rounded" })
+            /* @__PURE__ */ jsx15("div", { className: "h-3 w-full bg-ods-border/70 rounded" }),
+            /* @__PURE__ */ jsx15("div", { className: "h-3 w-5/6 bg-ods-border/70 rounded" })
           ] })
         ] })
       ] }),
       /* @__PURE__ */ jsxs12("div", { className: "grid grid-cols-1 md:grid-cols-3 border border-ods-border rounded-md overflow-hidden w-full", children: [
-        [0, 1].map((i) => /* @__PURE__ */ jsx14(
+        [0, 1].map((i) => /* @__PURE__ */ jsx15(
           "div",
           {
             className: "bg-ods-card p-4 flex flex-col gap-3 border-b md:border-b-0 md:border-r border-ods-border",
             children: /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsx14("div", { className: "h-6 w-32 bg-ods-bg rounded" }),
-              /* @__PURE__ */ jsx14("div", { className: "h-3 w-20 bg-ods-bg/60 rounded" })
+              /* @__PURE__ */ jsx15("div", { className: "h-6 w-32 bg-ods-bg rounded" }),
+              /* @__PURE__ */ jsx15("div", { className: "h-3 w-20 bg-ods-bg/60 rounded" })
             ] })
           },
           `cell-${i}`
         )),
         /* @__PURE__ */ jsxs12("div", { className: "bg-ods-card p-4 flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx14("div", { className: "h-10 w-10 rounded-full bg-ods-bg shrink-0" }),
+          /* @__PURE__ */ jsx15("div", { className: "h-10 w-10 rounded-full bg-ods-bg shrink-0" }),
           /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsx14("div", { className: "h-4 w-3/4 bg-ods-bg rounded" }),
-            /* @__PURE__ */ jsx14("div", { className: "h-3 w-1/2 bg-ods-bg/60 rounded" })
+            /* @__PURE__ */ jsx15("div", { className: "h-4 w-3/4 bg-ods-bg rounded" }),
+            /* @__PURE__ */ jsx15("div", { className: "h-3 w-1/2 bg-ods-bg/60 rounded" })
           ] })
         ] })
       ] })
@@ -2642,13 +2702,13 @@ function OnboardingGuideCardSkeleton({ size = "default" }) {
   }
   if (size === "sm") {
     return /* @__PURE__ */ jsxs12("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
-      /* @__PURE__ */ jsx14("span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
+      /* @__PURE__ */ jsx15("span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
       /* @__PURE__ */ jsxs12("span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ jsx14("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx14("span", { className: "h-3.5 w-3/5 rounded bg-ods-bg" }) }),
-        /* @__PURE__ */ jsx14("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx14("span", { className: "h-3 w-2/5 rounded bg-ods-bg/70" }) }),
-        /* @__PURE__ */ jsx14("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx14("span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
+        /* @__PURE__ */ jsx15("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx15("span", { className: "h-3.5 w-3/5 rounded bg-ods-bg" }) }),
+        /* @__PURE__ */ jsx15("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx15("span", { className: "h-3 w-2/5 rounded bg-ods-bg/70" }) }),
+        /* @__PURE__ */ jsx15("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx15("span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
       ] }),
-      /* @__PURE__ */ jsx14("span", { className: "flex shrink-0 items-center self-start h-5", children: /* @__PURE__ */ jsx14("span", { className: "h-3.5 w-3.5 rounded bg-ods-bg" }) })
+      /* @__PURE__ */ jsx15("span", { className: "flex shrink-0 items-center self-start h-5", children: /* @__PURE__ */ jsx15("span", { className: "h-3.5 w-3.5 rounded bg-ods-bg" }) })
     ] });
   }
   const t = HORIZONTAL_SIZE_TOKENS.default;
@@ -2657,11 +2717,11 @@ function OnboardingGuideCardSkeleton({ size = "default" }) {
     {
       className: `flex items-start gap-3 rounded-md border border-ods-border bg-ods-card ${t.padding} animate-pulse`,
       children: [
-        /* @__PURE__ */ jsx14("span", { className: `shrink-0 inline-flex items-center justify-center rounded-full bg-ods-bg ${t.step}` }),
+        /* @__PURE__ */ jsx15("span", { className: `shrink-0 inline-flex items-center justify-center rounded-full bg-ods-bg ${t.step}` }),
         /* @__PURE__ */ jsxs12("span", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx14("span", { className: "block h-4 w-2/3 rounded bg-ods-bg" }),
-          /* @__PURE__ */ jsx14("span", { className: "block h-3 w-1/3 rounded bg-ods-bg/70" }),
-          /* @__PURE__ */ jsx14("span", { className: "block h-3 w-full rounded bg-ods-bg/40" })
+          /* @__PURE__ */ jsx15("span", { className: "block h-4 w-2/3 rounded bg-ods-bg" }),
+          /* @__PURE__ */ jsx15("span", { className: "block h-3 w-1/3 rounded bg-ods-bg/70" }),
+          /* @__PURE__ */ jsx15("span", { className: "block h-3 w-full rounded bg-ods-bg/40" })
         ] })
       ]
     }
@@ -2693,7 +2753,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__ */ jsx14(
+    return /* @__PURE__ */ jsx15(
       next_link_default,
       {
         href,
@@ -2711,8 +2771,8 @@ function OnboardingGuideCard({
         "aria-label": `Open ${guide.title}`,
         children: /* @__PURE__ */ jsxs12("div", { className: "flex flex-col p-6 gap-4", children: [
           /* @__PURE__ */ jsxs12("div", { className: "flex flex-col md:flex-row gap-4 md:gap-6", children: [
-            /* @__PURE__ */ jsx14("div", { className: "w-full md:w-[256px] flex-shrink-0", children: /* @__PURE__ */ jsxs12("div", { className: "relative rounded-lg overflow-hidden w-full aspect-[1200/630] bg-ods-bg", children: [
-              coverImage ? /* @__PURE__ */ jsx14(
+            /* @__PURE__ */ jsx15("div", { className: "w-full md:w-[256px] flex-shrink-0", children: /* @__PURE__ */ jsxs12("div", { className: "relative rounded-lg overflow-hidden w-full aspect-[1200/630] bg-ods-bg", children: [
+              coverImage ? /* @__PURE__ */ jsx15(
                 next_image_default,
                 {
                   src: coverImage,
@@ -2722,7 +2782,7 @@ function OnboardingGuideCard({
                   className: "object-cover",
                   unoptimized: true
                 }
-              ) : /* @__PURE__ */ jsx14(
+              ) : /* @__PURE__ */ jsx15(
                 BlogImagePlaceholder,
                 {
                   title: guide.title,
@@ -2730,18 +2790,18 @@ function OnboardingGuideCard({
                   className: "absolute inset-0"
                 }
               ),
-              hasVideoCover && coverImage && /* @__PURE__ */ jsx14("span", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx14(Play, { className: "w-10 h-10 text-white", fill: "white" }) }),
+              hasVideoCover && coverImage && /* @__PURE__ */ jsx15("span", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx15(Play, { className: "w-10 h-10 text-white", fill: "white" }) }),
               durationLabel && /* @__PURE__ */ jsxs12("span", { className: "absolute bottom-2 right-2 inline-flex items-center gap-1 px-2 py-1 rounded bg-black/60 text-white text-xs font-medium font-mono", children: [
-                /* @__PURE__ */ jsx14(Clock, { className: "w-3 h-3" }),
+                /* @__PURE__ */ jsx15(Clock, { className: "w-3 h-3" }),
                 durationLabel
               ] })
             ] }) }),
             /* @__PURE__ */ jsxs12("div", { className: "flex-1 min-w-0 flex flex-col", children: [
-              /* @__PURE__ */ jsx14("div", { className: "min-h-[60px] md:min-h-[72px] flex items-start mb-3", children: /* @__PURE__ */ jsx14("h3", { className: "font-['Azeret_Mono'] font-semibold text-xl md:text-2xl text-ods-text-primary leading-tight line-clamp-2", children: guide.title }) }),
-              /* @__PURE__ */ jsx14("div", { className: "min-h-[46px] md:min-h-[52px]", children: /* @__PURE__ */ jsx14("p", { className: "font-['DM_Sans'] text-sm md:text-base text-ods-text-secondary leading-relaxed line-clamp-2", children: stripMarkdownPreview(guide.video_summary || guide.content || "") }) })
+              /* @__PURE__ */ jsx15("div", { className: "min-h-[60px] md:min-h-[72px] flex items-start mb-3", children: /* @__PURE__ */ jsx15("h3", { className: "font-['Azeret_Mono'] font-semibold text-xl md:text-2xl text-ods-text-primary leading-tight line-clamp-2", children: guide.title }) }),
+              /* @__PURE__ */ jsx15("div", { className: "min-h-[46px] md:min-h-[52px]", children: /* @__PURE__ */ jsx15("p", { className: "font-['DM_Sans'] text-sm md:text-base text-ods-text-secondary leading-relaxed line-clamp-2", children: stripMarkdownPreview(guide.video_summary || guide.content || "") }) })
             ] })
           ] }),
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx15(
             EntityAuthorCard,
             {
               author: guide.author,
@@ -2773,7 +2833,7 @@ function OnboardingGuideCard({
     ].filter((s) => typeof s === "string" && s.length > 0);
     return /* @__PURE__ */ jsxs12(next_link_default, { href, target, rel, prefetch: false, className: cn(COMPACT_CARD_OUTER, className), children: [
       /* @__PURE__ */ jsxs12("span", { className: COMPACT_CARD_IMAGE_SLOT, children: [
-        compactCover ? /* @__PURE__ */ jsx14(
+        compactCover ? /* @__PURE__ */ jsx15(
           next_image_default,
           {
             src: compactCover,
@@ -2783,15 +2843,15 @@ function OnboardingGuideCard({
             className: "object-contain",
             unoptimized: true
           }
-        ) : /* @__PURE__ */ jsx14("span", { className: "flex h-full w-full items-center justify-center text-ods-accent", children: /* @__PURE__ */ jsx14(GraduationCap, { className: "w-4 h-4" }) }),
-        hasVideoCover && compactCover && /* @__PURE__ */ jsx14("span", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx14(Play, { className: "h-4 w-4 text-white", fill: "white" }) })
+        ) : /* @__PURE__ */ jsx15("span", { className: "flex h-full w-full items-center justify-center text-ods-accent", children: /* @__PURE__ */ jsx15(GraduationCap, { className: "w-4 h-4" }) }),
+        hasVideoCover && compactCover && /* @__PURE__ */ jsx15("span", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx15(Play, { className: "h-4 w-4 text-white", fill: "white" }) })
       ] }),
       /* @__PURE__ */ jsxs12("span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ jsx14("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx14("span", { className: cn(COMPACT_CARD_TITLE, "font-['Azeret_Mono']"), children: guide.title }) }),
-        /* @__PURE__ */ jsx14("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx14("span", { className: "truncate text-[11px] leading-4 text-[var(--color-accent-primary)]", children: subtitleParts.join(" \xB7 ") }) }),
-        /* @__PURE__ */ jsx14("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx14("span", { className: COMPACT_CARD_SUMMARY, children: summary2 || COMPACT_CARD_ROW_FILLER }) })
+        /* @__PURE__ */ jsx15("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx15("span", { className: cn(COMPACT_CARD_TITLE, "font-['Azeret_Mono']"), children: guide.title }) }),
+        /* @__PURE__ */ jsx15("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx15("span", { className: "truncate text-[11px] leading-4 text-[var(--color-accent-primary)]", children: subtitleParts.join(" \xB7 ") }) }),
+        /* @__PURE__ */ jsx15("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx15("span", { className: COMPACT_CARD_SUMMARY, children: summary2 || COMPACT_CARD_ROW_FILLER }) })
       ] }),
-      /* @__PURE__ */ jsx14("span", { className: "flex shrink-0 items-center self-start h-5 text-ods-text-secondary", children: /* @__PURE__ */ jsx14(ExternalLink, { className: "w-3.5 h-3.5" }) })
+      /* @__PURE__ */ jsx15("span", { className: "flex shrink-0 items-center self-start h-5 text-ods-text-secondary", children: /* @__PURE__ */ jsx15(ExternalLink, { className: "w-3.5 h-3.5" }) })
     ] });
   }
   const t = HORIZONTAL_SIZE_TOKENS.default;
@@ -2808,7 +2868,7 @@ function OnboardingGuideCard({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx15(
           "span",
           {
             className: `shrink-0 inline-flex items-center justify-center rounded-full bg-ods-accent/10 text-ods-accent font-semibold ${t.step}`,
@@ -2817,12 +2877,12 @@ function OnboardingGuideCard({
           }
         ),
         /* @__PURE__ */ jsxs12("span", { className: "flex flex-col gap-0.5 flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx14("span", { className: `block ${t.title} text-ods-text-primary truncate`, children: guide.title }),
+          /* @__PURE__ */ jsx15("span", { className: `block ${t.title} text-ods-text-primary truncate`, children: guide.title }),
           /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-1 font-['DM_Sans'] text-[12px] leading-[16px] text-ods-text-secondary", children: [
-            /* @__PURE__ */ jsx14(GraduationCap, { className: "h-3 w-3 shrink-0" }),
-            /* @__PURE__ */ jsx14("span", { className: "truncate", children: guide.section })
+            /* @__PURE__ */ jsx15(GraduationCap, { className: "h-3 w-3 shrink-0" }),
+            /* @__PURE__ */ jsx15("span", { className: "truncate", children: guide.section })
           ] }),
-          summary && /* @__PURE__ */ jsx14("span", { className: `font-['DM_Sans'] text-[14px] leading-[20px] text-ods-text-secondary ${t.summaryClamp}`, children: summary })
+          summary && /* @__PURE__ */ jsx15("span", { className: `font-['DM_Sans'] text-[14px] leading-[20px] text-ods-text-secondary ${t.summaryClamp}`, children: summary })
         ] })
       ]
     }
@@ -3241,7 +3301,7 @@ function resolveSourceIcon(input, ctx = {}) {
 init_cn();
 import React11 from "react";
 init_button();
-import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 function actionKey(action, idx) {
   return `${action.label ?? action.ariaLabel ?? "action"}-${idx}`;
 }
@@ -3273,7 +3333,7 @@ function actionToMenuItems(action, idx) {
 }
 function renderActionButton(action, opts = {}) {
   if (action.iconAction) {
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx16(
       SplitButton,
       {
         variant: action.variant ?? void 0,
@@ -3291,18 +3351,18 @@ function renderActionButton(action, opts = {}) {
     );
   }
   if (action.submenu && action.submenu.length > 0) {
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx16(
       ActionsMenuDropdown,
       {
         groups: [{ items: action.submenu }],
-        customTrigger: /* @__PURE__ */ jsx15(
+        customTrigger: /* @__PURE__ */ jsx16(
           Button,
           {
             variant: "outline",
             disabled: action.disabled,
             loading: action.loading,
             leftIcon: action.icon,
-            splitIcon: /* @__PURE__ */ jsx15(Chevron02DownIcon, { className: "h-4 w-4" }),
+            splitIcon: /* @__PURE__ */ jsx16(Chevron02DownIcon, { className: "h-4 w-4" }),
             className: opts.fullWidth ? "flex-1" : void 0,
             children: action.label
           }
@@ -3312,8 +3372,8 @@ function renderActionButton(action, opts = {}) {
   }
   const isIconOnly = opts.iconOnly || !action.label || action.iconOnlyOnDesktop;
   if (isIconOnly) {
-    const iconNode = action.iconOnlyOnDesktop ? /* @__PURE__ */ jsx15("span", { className: "inline-flex [&_svg]:!text-ods-text-primary", children: action.icon }) : action.icon;
-    return /* @__PURE__ */ jsx15(
+    const iconNode = action.iconOnlyOnDesktop ? /* @__PURE__ */ jsx16("span", { className: "inline-flex [&_svg]:!text-ods-text-primary", children: action.icon }) : action.icon;
+    return /* @__PURE__ */ jsx16(
       Button,
       {
         variant: action.variant,
@@ -3329,7 +3389,7 @@ function renderActionButton(action, opts = {}) {
       }
     );
   }
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     Button,
     {
       variant: action.variant,
@@ -3354,12 +3414,12 @@ function PageActions({
   className
 }) {
   if (variant === "icon-buttons") {
-    return /* @__PURE__ */ jsx15(IconButtonsVariant, { actions, menuActions, selector, className });
+    return /* @__PURE__ */ jsx16(IconButtonsVariant, { actions, menuActions, selector, className });
   }
   if (variant === "menu-primary") {
-    return /* @__PURE__ */ jsx15(MenuPrimaryVariant, { actions, menuActions: menuActions || [], selector, className });
+    return /* @__PURE__ */ jsx16(MenuPrimaryVariant, { actions, menuActions: menuActions || [], selector, className });
   }
-  return /* @__PURE__ */ jsx15(PrimaryButtonsVariant, { actions, className });
+  return /* @__PURE__ */ jsx16(PrimaryButtonsVariant, { actions, className });
 }
 function IconButtonsVariant({
   actions,
@@ -3375,10 +3435,10 @@ function IconButtonsVariant({
   return /* @__PURE__ */ jsxs13(Fragment4, { children: [
     /* @__PURE__ */ jsxs13("div", { className: cn("hidden md:flex items-center", ACTIONS_GAP, className), children: [
       selector,
-      desktopActions.map((action, idx) => /* @__PURE__ */ jsx15(React11.Fragment, { children: renderActionButton(action) }, actionKey(action, idx))),
-      hasMenuActions && /* @__PURE__ */ jsx15(ActionsMenuDropdown, { groups: menuActions })
+      desktopActions.map((action, idx) => /* @__PURE__ */ jsx16(React11.Fragment, { children: renderActionButton(action) }, actionKey(action, idx))),
+      hasMenuActions && /* @__PURE__ */ jsx16(ActionsMenuDropdown, { groups: menuActions })
     ] }),
-    /* @__PURE__ */ jsx15("div", { className: cn("flex md:hidden", className), children: useSingleActionMobile && singleAction ? renderActionButton(singleAction, { iconOnly: true }) : /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx16("div", { className: cn("flex md:hidden", className), children: useSingleActionMobile && singleAction ? renderActionButton(singleAction, { iconOnly: true }) : /* @__PURE__ */ jsx16(
       ActionsMenuDropdown,
       {
         groups: [
@@ -3400,8 +3460,8 @@ function PrimaryButtonsVariant({
   });
   const desktopActions = sortedActions.filter((a) => !a.showOnlyMobile);
   return /* @__PURE__ */ jsxs13(Fragment4, { children: [
-    /* @__PURE__ */ jsx15("div", { className: cn("hidden md:flex items-center", ACTIONS_GAP, className), children: desktopActions.map((action, idx) => /* @__PURE__ */ jsx15(React11.Fragment, { children: renderActionButton(action) }, `desktop-${actionKey(action, idx)}`)) }),
-    /* @__PURE__ */ jsx15(MobileBottomActions, { actions: sortedActions })
+    /* @__PURE__ */ jsx16("div", { className: cn("hidden md:flex items-center", ACTIONS_GAP, className), children: desktopActions.map((action, idx) => /* @__PURE__ */ jsx16(React11.Fragment, { children: renderActionButton(action) }, `desktop-${actionKey(action, idx)}`)) }),
+    /* @__PURE__ */ jsx16(MobileBottomActions, { actions: sortedActions })
   ] });
 }
 function MenuPrimaryVariant({
@@ -3415,10 +3475,10 @@ function MenuPrimaryVariant({
   return /* @__PURE__ */ jsxs13(Fragment4, { children: [
     /* @__PURE__ */ jsxs13("div", { className: cn("hidden md:flex items-center", ACTIONS_GAP, className), children: [
       selector,
-      hasMenuActions && /* @__PURE__ */ jsx15(ActionsMenuDropdown, { groups: menuActions }),
-      desktopActions.map((action, idx) => /* @__PURE__ */ jsx15(React11.Fragment, { children: renderActionButton({ ...action, variant: action.variant || "accent" }) }, `desktop-${actionKey(action, idx)}`))
+      hasMenuActions && /* @__PURE__ */ jsx16(ActionsMenuDropdown, { groups: menuActions }),
+      desktopActions.map((action, idx) => /* @__PURE__ */ jsx16(React11.Fragment, { children: renderActionButton({ ...action, variant: action.variant || "accent" }) }, `desktop-${actionKey(action, idx)}`))
     ] }),
-    /* @__PURE__ */ jsx15("div", { className: cn("flex md:hidden", className), children: /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx16("div", { className: cn("flex md:hidden", className), children: /* @__PURE__ */ jsx16(
       ActionsMenuDropdown,
       {
         groups: [
@@ -3430,12 +3490,12 @@ function MenuPrimaryVariant({
   ] });
 }
 function MobileBottomActions({ actions }) {
-  return /* @__PURE__ */ jsx15("div", { className: cn(
+  return /* @__PURE__ */ jsx16("div", { className: cn(
     "fixed md:hidden bottom-0 left-0 right-0 z-50",
     "bg-ods-card border-t border-ods-border",
     "flex items-start pt-6 pb-6 px-6",
     ACTIONS_GAP
-  ), children: actions.map((action, idx) => /* @__PURE__ */ jsx15(React11.Fragment, { children: renderActionButton(action, { fullWidth: !!action.label }) }, `mobile-${actionKey(action, idx)}`)) });
+  ), children: actions.map((action, idx) => /* @__PURE__ */ jsx16(React11.Fragment, { children: renderActionButton(action, { fullWidth: !!action.label }) }, `mobile-${actionKey(action, idx)}`)) });
 }
 function usePageActionsBottomPadding(variant) {
   return variant === "primary-buttons" || variant === "menu-primary" ? "pb-40 md:pb-0" : "";
@@ -3446,7 +3506,7 @@ init_cn();
 
 // src/components/layout/back-button.tsx
 init_cn();
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 function BackButton({ label = "Back", className, type = "button", ...props }) {
   return /* @__PURE__ */ jsxs14(
     "button",
@@ -3462,15 +3522,15 @@ function BackButton({ label = "Back", className, type = "button", ...props }) {
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx16(Chevron02LeftIcon, { className: "size-6 shrink-0" }),
-        /* @__PURE__ */ jsx16("span", { className: "text-h4", children: label })
+        /* @__PURE__ */ jsx17(Chevron02LeftIcon, { className: "size-6 shrink-0" }),
+        /* @__PURE__ */ jsx17("span", { className: "text-h4", children: label })
       ]
     }
   );
 }
 
 // src/components/layout/page-container.tsx
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 function isAdvancedProps(props) {
   return "variant" in props || "title" in props || "subtitle" in props || "backButton" in props || "headerActions" in props || "headerContent" in props || "showHeader" in props || "contentClassName" in props || "actions" in props || "actionsVariant" in props;
 }
@@ -3492,9 +3552,9 @@ function renderLegacyPageContainer({
   as: Component = "section",
   id
 }) {
-  const content = /* @__PURE__ */ jsx17("div", { className: cn(maxWidth, contentPadding, "mx-auto", className), children });
+  const content = /* @__PURE__ */ jsx18("div", { className: cn(maxWidth, contentPadding, "mx-auto", className), children });
   if (fullWidthBackground) {
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx18(
       Component,
       {
         className: cn("w-full", backgroundClassName),
@@ -3504,7 +3564,7 @@ function renderLegacyPageContainer({
       }
     );
   }
-  return /* @__PURE__ */ jsx17(Component, { className: "w-full", id, children: /* @__PURE__ */ jsx17("div", { className: cn(maxWidth, contentPadding, "mx-auto", backgroundClassName, className), style: backgroundStyle, children }) });
+  return /* @__PURE__ */ jsx18(Component, { className: "w-full", id, children: /* @__PURE__ */ jsx18("div", { className: cn(maxWidth, contentPadding, "mx-auto", backgroundClassName, className), style: backgroundStyle, children }) });
 }
 function renderAdvancedPageContainer({
   children,
@@ -3530,7 +3590,7 @@ function renderAdvancedPageContainer({
   };
   const renderActions = () => {
     if (!actions || actions.length === 0) return null;
-    return /* @__PURE__ */ jsx17(PageActions, { variant: getActionsVariant(), actions, menuActions });
+    return /* @__PURE__ */ jsx18(PageActions, { variant: getActionsVariant(), actions, menuActions });
   };
   const needsBottomPadding = actions && actions.length > 0 && getActionsVariant() === "primary-buttons";
   const paddingClasses = {
@@ -3547,14 +3607,14 @@ function renderAdvancedPageContainer({
   const renderHeader = () => {
     if (!showHeader) return null;
     if (headerContent) {
-      return /* @__PURE__ */ jsx17("div", { className: cn(
+      return /* @__PURE__ */ jsx18("div", { className: cn(
         "flex items-end justify-between gap-4"
       ), children: headerContent });
     }
     if (variant === "detail") {
       return /* @__PURE__ */ jsxs15("div", { className: "flex items-end justify-between md:flex-col md:items-start md:justify-start lg:flex-row lg:items-end lg:justify-between gap-4", children: [
         /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
-          backButton && /* @__PURE__ */ jsx17(
+          backButton && /* @__PURE__ */ jsx18(
             BackButton,
             {
               onClick: backButton.onClick,
@@ -3562,8 +3622,8 @@ function renderAdvancedPageContainer({
               className: "hidden md:inline-flex"
             }
           ),
-          title && /* @__PURE__ */ jsx17("h1", { className: "text-h2 tracking-[-0.64px] text-ods-text-primary", children: title }),
-          subtitle && /* @__PURE__ */ jsx17("div", { className: "text-ods-text-secondary font-['DM_Sans'] font-medium text-[16px]", children: subtitle })
+          title && /* @__PURE__ */ jsx18("h1", { className: "text-h2 tracking-[-0.64px] text-ods-text-primary", children: title }),
+          subtitle && /* @__PURE__ */ jsx18("div", { className: "text-ods-text-secondary font-['DM_Sans'] font-medium text-[16px]", children: subtitle })
         ] }),
         (headerActions || actions) && /* @__PURE__ */ jsxs15("div", { className: "flex gap-2 items-center shrink-0", children: [
           headerActions,
@@ -3574,7 +3634,7 @@ function renderAdvancedPageContainer({
     if (variant === "list") {
       return /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between md:flex-col md:items-start md:justify-start lg:flex-row lg:items-center lg:justify-between gap-4", children: [
         /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
-          backButton && /* @__PURE__ */ jsx17(
+          backButton && /* @__PURE__ */ jsx18(
             BackButton,
             {
               onClick: backButton.onClick,
@@ -3582,8 +3642,8 @@ function renderAdvancedPageContainer({
               className: "hidden md:inline-flex"
             }
           ),
-          title && /* @__PURE__ */ jsx17("h1", { className: "text-h2 tracking-[-0.48px] text-ods-text-primary", children: title }),
-          subtitle && /* @__PURE__ */ jsx17("div", { className: "text-ods-text-secondary font-['DM_Sans'] font-medium text-[16px]", children: subtitle })
+          title && /* @__PURE__ */ jsx18("h1", { className: "text-h2 tracking-[-0.48px] text-ods-text-primary", children: title }),
+          subtitle && /* @__PURE__ */ jsx18("div", { className: "text-ods-text-secondary font-['DM_Sans'] font-medium text-[16px]", children: subtitle })
         ] }),
         (headerActions || actions) && /* @__PURE__ */ jsxs15("div", { className: "flex gap-3 items-center shrink-0", children: [
           headerActions,
@@ -3594,7 +3654,7 @@ function renderAdvancedPageContainer({
     if (variant === "form") {
       return /* @__PURE__ */ jsxs15("div", { className: "flex items-end justify-between md:flex-col md:items-start md:justify-start lg:flex-row lg:items-end lg:justify-between gap-4", children: [
         /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
-          backButton && /* @__PURE__ */ jsx17(
+          backButton && /* @__PURE__ */ jsx18(
             BackButton,
             {
               onClick: backButton.onClick,
@@ -3602,7 +3662,7 @@ function renderAdvancedPageContainer({
               className: "hidden md:inline-flex"
             }
           ),
-          title && /* @__PURE__ */ jsx17("h1", { className: "text-[32px] font-['Azeret_Mono:SemiBold',_sans-serif] font-semibold text-ods-text-primary tracking-[-0.64px]", children: title })
+          title && /* @__PURE__ */ jsx18("h1", { className: "text-[32px] font-['Azeret_Mono:SemiBold',_sans-serif] font-semibold text-ods-text-primary tracking-[-0.64px]", children: title })
         ] }),
         (headerActions || actions) && /* @__PURE__ */ jsxs15("div", { className: "flex gap-4 items-center shrink-0", children: [
           headerActions,
@@ -3612,8 +3672,8 @@ function renderAdvancedPageContainer({
     }
     return /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between md:flex-col md:items-start md:justify-start lg:flex-row lg:items-center lg:justify-between gap-4", children: [
       (title || subtitle) && /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
-        title && /* @__PURE__ */ jsx17("h1", { className: "text-h2 text-ods-text-primary", children: title }),
-        subtitle && /* @__PURE__ */ jsx17("div", { className: "text-ods-text-secondary font-['DM_Sans'] font-medium text-[16px]", children: subtitle })
+        title && /* @__PURE__ */ jsx18("h1", { className: "text-h2 text-ods-text-primary", children: title }),
+        subtitle && /* @__PURE__ */ jsx18("div", { className: "text-ods-text-secondary font-['DM_Sans'] font-medium text-[16px]", children: subtitle })
       ] }),
       (headerActions || actions) && /* @__PURE__ */ jsxs15("div", { className: "flex gap-3 items-center shrink-0", children: [
         headerActions,
@@ -3655,26 +3715,26 @@ function renderAdvancedPageContainer({
   };
   return /* @__PURE__ */ jsxs15("div", { className: getContainerClasses(), children: [
     renderHeader(),
-    /* @__PURE__ */ jsx17("div", { className: getContentClasses(), children })
+    /* @__PURE__ */ jsx18("div", { className: getContentClasses(), children })
   ] });
 }
-var ListPageContainer = (props) => /* @__PURE__ */ jsx17(PageContainer, { ...props, variant: "list" });
-var DetailPageContainer = (props) => /* @__PURE__ */ jsx17(PageContainer, { ...props, variant: "detail" });
-var FormPageContainer = (props) => /* @__PURE__ */ jsx17(PageContainer, { ...props, variant: "form" });
-var ContentPageContainer = (props) => /* @__PURE__ */ jsx17(PageContainer, { ...props, variant: "content" });
+var ListPageContainer = (props) => /* @__PURE__ */ jsx18(PageContainer, { ...props, variant: "list" });
+var DetailPageContainer = (props) => /* @__PURE__ */ jsx18(PageContainer, { ...props, variant: "detail" });
+var FormPageContainer = (props) => /* @__PURE__ */ jsx18(PageContainer, { ...props, variant: "form" });
+var ContentPageContainer = (props) => /* @__PURE__ */ jsx18(PageContainer, { ...props, variant: "content" });
 
 // src/components/layout/article-detail-layout.tsx
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 function PageShell({ children, schemas }) {
   return /* @__PURE__ */ jsxs16("main", { className: "bg-ods-bg min-h-screen", children: [
     schemas,
-    /* @__PURE__ */ jsx18("div", { className: "max-w-[1920px] mx-auto px-6 md:px-20 py-6 md:py-10", children })
+    /* @__PURE__ */ jsx19("div", { className: "max-w-[1920px] mx-auto px-6 md:px-20 py-6 md:py-10", children })
   ] });
 }
 function ArticleDetailLayout({ children, schemas }) {
   return /* @__PURE__ */ jsxs16("main", { className: "bg-ods-bg min-h-screen", children: [
     schemas,
-    /* @__PURE__ */ jsx18("div", { className: "max-w-[1280px] mx-auto px-6 md:px-20 py-6 md:py-10", children })
+    /* @__PURE__ */ jsx19("div", { className: "max-w-[1280px] mx-auto px-6 md:px-20 py-6 md:py-10", children })
   ] });
 }
 
@@ -3729,7 +3789,7 @@ function resolveContentHref(composeContentUrl, args) {
 init_button();
 init_cn();
 import { AlertTriangle, RefreshCw, Home } from "lucide-react";
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function ErrorState({
   title = "Error",
   message,
@@ -3768,36 +3828,36 @@ function ErrorState({
     }
   };
   const styles = getVariantStyles();
-  return /* @__PURE__ */ jsx19("div", { className: cn("p-6", containerClassName), children: /* @__PURE__ */ jsx19("div", { className: cn(
+  return /* @__PURE__ */ jsx20("div", { className: cn("p-6", containerClassName), children: /* @__PURE__ */ jsx20("div", { className: cn(
     "rounded-lg p-4 border",
     styles.bg,
     styles.border,
     className
   ), children: /* @__PURE__ */ jsxs17("div", { className: "flex items-start gap-3", children: [
-    showIcon && /* @__PURE__ */ jsx19(AlertTriangle, { className: cn("h-5 w-5 mt-0.5 flex-shrink-0", styles.icon) }),
+    showIcon && /* @__PURE__ */ jsx20(AlertTriangle, { className: cn("h-5 w-5 mt-0.5 flex-shrink-0", styles.icon) }),
     /* @__PURE__ */ jsxs17("div", { className: "flex-1", children: [
-      /* @__PURE__ */ jsx19("h3", { className: cn("font-semibold mb-1", styles.text), children: title }),
-      /* @__PURE__ */ jsx19("p", { className: cn("text-sm", styles.text), children: message }),
+      /* @__PURE__ */ jsx20("h3", { className: cn("font-semibold mb-1", styles.text), children: title }),
+      /* @__PURE__ */ jsx20("p", { className: cn("text-sm", styles.text), children: message }),
       (showRetry || showHome) && /* @__PURE__ */ jsxs17("div", { className: "flex gap-2 mt-3", children: [
-        showRetry && onRetry && /* @__PURE__ */ jsx19(
+        showRetry && onRetry && /* @__PURE__ */ jsx20(
           Button,
           {
             onClick: onRetry,
             variant: "outline",
             size: "small-legacy",
             className: "h-8",
-            leftIcon: /* @__PURE__ */ jsx19(RefreshCw, { className: "h-4 w-4" }),
+            leftIcon: /* @__PURE__ */ jsx20(RefreshCw, { className: "h-4 w-4" }),
             children: "Try Again"
           }
         ),
-        showHome && onHome && /* @__PURE__ */ jsx19(
+        showHome && onHome && /* @__PURE__ */ jsx20(
           Button,
           {
             onClick: onHome,
             variant: "outline",
             size: "small-legacy",
             className: "h-8",
-            leftIcon: /* @__PURE__ */ jsx19(Home, { className: "h-4 w-4" }),
+            leftIcon: /* @__PURE__ */ jsx20(Home, { className: "h-4 w-4" }),
             children: "Go Home"
           }
         )
@@ -3806,7 +3866,7 @@ function ErrorState({
   ] }) }) });
 }
 function PageError({ message, onRetry, onHome }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     ErrorState,
     {
       title: "Page Error",
@@ -3820,7 +3880,7 @@ function PageError({ message, onRetry, onHome }) {
   );
 }
 function LoadError({ message, onRetry }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     ErrorState,
     {
       title: "Loading Error",
@@ -3832,7 +3892,7 @@ function LoadError({ message, onRetry }) {
   );
 }
 function NotFoundError({ message = "The requested item was not found", onHome }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     ErrorState,
     {
       title: "Not Found",
@@ -3844,6 +3904,37 @@ function NotFoundError({ message = "The requested item was not found", onHome })
   );
 }
 
+// src/components/features/entity-tag-badges.tsx
+import Link from "next/link";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+var TAG_BADGE_CLASS = "bg-ods-card border border-ods-border";
+var BADGE_CLASS = TAG_BADGE_CLASS;
+function EntityTagBadges({ tags, basePath, max, className }) {
+  const items = (tags || []).filter((t) => !!t && !!t.name);
+  if (items.length === 0) return null;
+  const visibleLimit = max == null ? items.length : Math.max(0, max);
+  const shown = items.slice(0, visibleLimit);
+  const overflow = items.length - shown.length;
+  return /* @__PURE__ */ jsxs18("div", { className: `flex flex-wrap items-center gap-2 w-full ${className || ""}`, children: [
+    shown.map((tag) => {
+      const key = tag.tag_id ?? tag.id ?? tag.slug ?? tag.name;
+      const label = (tag.name || "").toUpperCase();
+      if (basePath && tag.slug) {
+        return /* @__PURE__ */ jsx21(Link, { href: `${basePath}?tags=${tag.slug}`, className: "inline-flex", children: /* @__PURE__ */ jsx21(
+          StatusBadge,
+          {
+            text: label,
+            variant: "card",
+            className: `${BADGE_CLASS} cursor-pointer transition-colors hover:border-ods-accent`
+          }
+        ) }, key);
+      }
+      return /* @__PURE__ */ jsx21(StatusBadge, { text: label, variant: "card", className: BADGE_CLASS }, key);
+    }),
+    overflow > 0 && /* @__PURE__ */ jsx21(StatusBadge, { text: `+${overflow}`, variant: "card", className: `${BADGE_CLASS} text-ods-text-secondary` })
+  ] });
+}
+
 // src/components/features/mux-origins.ts
 var MUX_STREAM_ORIGIN = "https://stream.mux.com";
 var MUX_IMAGE_ORIGIN = "https://image.mux.com";
@@ -3917,7 +4008,7 @@ init_cn();
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import * as React12 from "react";
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 var containerStyles = cn(
   // Layout & spacing — matches lib Input component
   "flex items-center gap-2 rounded-[6px] border px-3 h-11 md:h-12 cursor-text",
@@ -4101,20 +4192,20 @@ function SearchInput({
   const handleOpenChange = (open) => {
     setIsOpen(open);
   };
-  const defaultRenderResult = (result, isHighlighted) => /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-3 w-full min-w-0", children: [
-    result.icon && /* @__PURE__ */ jsx20("span", { className: "flex-shrink-0 text-ods-text-secondary [&_svg]:size-4", children: result.icon }),
-    /* @__PURE__ */ jsxs18("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx20("div", { className: cn(
+  const defaultRenderResult = (result, isHighlighted) => /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-3 w-full min-w-0", children: [
+    result.icon && /* @__PURE__ */ jsx22("span", { className: "flex-shrink-0 text-ods-text-secondary [&_svg]:size-4", children: result.icon }),
+    /* @__PURE__ */ jsxs19("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx22("div", { className: cn(
         "text-sm font-medium leading-5 truncate",
         isHighlighted ? "text-ods-accent" : "text-ods-text-primary"
       ), title: result.title, children: result.title }),
-      result.description && /* @__PURE__ */ jsx20("div", { className: "text-xs leading-4 text-ods-text-secondary truncate mt-0.5", title: result.description, children: result.description })
+      result.description && /* @__PURE__ */ jsx22("div", { className: "text-xs leading-4 text-ods-text-secondary truncate mt-0.5", title: result.description, children: result.description })
     ] }),
-    result.type && /* @__PURE__ */ jsx20("span", { className: "flex-shrink-0 text-[11px] font-medium text-ods-text-muted uppercase tracking-wider", children: result.type })
+    result.type && /* @__PURE__ */ jsx22("span", { className: "flex-shrink-0 text-[11px] font-medium text-ods-text-muted uppercase tracking-wider", children: result.type })
   ] });
   const renderRow = (result, index) => {
     const isHighlighted = index === highlightedIndex;
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx22(
       "div",
       {
         role: "option",
@@ -4133,15 +4224,15 @@ function SearchInput({
   };
   const renderDropdownContent = () => {
     if (isLoading) {
-      return /* @__PURE__ */ jsx20("div", { className: "px-4 py-3 text-ods-text-secondary text-[14px]", children: "Loading..." });
+      return /* @__PURE__ */ jsx22("div", { className: "px-4 py-3 text-ods-text-secondary text-[14px]", children: "Loading..." });
     }
     if (flatResults.length === 0) {
-      return /* @__PURE__ */ jsx20("div", { className: "px-4 py-3 text-ods-text-secondary text-[14px]", children: emptyResultsText });
+      return /* @__PURE__ */ jsx22("div", { className: "px-4 py-3 text-ods-text-secondary text-[14px]", children: emptyResultsText });
     }
     if (groups) {
       let globalIndex = 0;
-      return Array.from(groups.entries()).map(([groupLabel, groupResults]) => /* @__PURE__ */ jsxs18("div", { children: [
-        /* @__PURE__ */ jsx20("div", { className: "px-4 py-2 text-[12px] font-semibold text-ods-text-secondary uppercase tracking-wide bg-ods-bg", children: groupLabel }),
+      return Array.from(groups.entries()).map(([groupLabel, groupResults]) => /* @__PURE__ */ jsxs19("div", { children: [
+        /* @__PURE__ */ jsx22("div", { className: "px-4 py-2 text-[12px] font-semibold text-ods-text-secondary uppercase tracking-wide bg-ods-bg", children: groupLabel }),
         groupResults.map((result) => {
           const idx = globalIndex++;
           return renderRow(result, idx);
@@ -4151,9 +4242,9 @@ function SearchInput({
     return flatResults.map((result, index) => renderRow(result, index));
   };
   const hasValue = currentValue.length > 0;
-  return /* @__PURE__ */ jsxs18("div", { className: cn("relative", className), ref: containerRef, children: [
-    /* @__PURE__ */ jsxs18(PopoverPrimitive.Root, { open: dropdownVisible, onOpenChange: handleOpenChange, modal: false, children: [
-      /* @__PURE__ */ jsx20(PopoverPrimitive.Anchor, { asChild: true, children: /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19("div", { className: cn("relative", className), ref: containerRef, children: [
+    /* @__PURE__ */ jsxs19(PopoverPrimitive.Root, { open: dropdownVisible, onOpenChange: handleOpenChange, modal: false, children: [
+      /* @__PURE__ */ jsx22(PopoverPrimitive.Anchor, { asChild: true, children: /* @__PURE__ */ jsxs19(
         "div",
         {
           className: cn(
@@ -4166,9 +4257,9 @@ function SearchInput({
             setIsOpen(true);
           },
           children: [
-            /* @__PURE__ */ jsx20("span", { className: "flex-shrink-0 text-ods-text-secondary transition-colors duration-200 group-has-[:focus]:text-ods-accent [&_svg]:size-4 md:[&_svg]:size-6", children: startAdornment !== void 0 ? startAdornment : /* @__PURE__ */ jsx20(SearchIcon, {}) }),
-            /* @__PURE__ */ jsxs18("div", { ref: middleRef, className: "flex-1 flex items-center gap-2 min-w-0 overflow-hidden", children: [
-              visibleChips.map((chip) => /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx22("span", { className: "flex-shrink-0 text-ods-text-secondary transition-colors duration-200 group-has-[:focus]:text-ods-accent [&_svg]:size-4 md:[&_svg]:size-6", children: startAdornment !== void 0 ? startAdornment : /* @__PURE__ */ jsx22(SearchIcon, {}) }),
+            /* @__PURE__ */ jsxs19("div", { ref: middleRef, className: "flex-1 flex items-center gap-2 min-w-0 overflow-hidden", children: [
+              visibleChips.map((chip) => /* @__PURE__ */ jsx22(
                 Tag,
                 {
                   variant: chipVariantToTagVariant(chip.variant),
@@ -4178,7 +4269,7 @@ function SearchInput({
                 },
                 chip.id
               )),
-              hiddenCount > 0 && /* @__PURE__ */ jsx20("div", { ref: hiddenTagsRef, className: "shrink-0", children: /* @__PURE__ */ jsx20(
+              hiddenCount > 0 && /* @__PURE__ */ jsx22("div", { ref: hiddenTagsRef, className: "shrink-0", children: /* @__PURE__ */ jsx22(
                 "button",
                 {
                   ref: badgeRef,
@@ -4197,7 +4288,7 @@ function SearchInput({
                   children: getLimitTagsText(hiddenCount)
                 }
               ) }),
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx22(
                 "input",
                 {
                   ref: inputRef,
@@ -4214,15 +4305,15 @@ function SearchInput({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-1 shrink-0 ml-auto", children: [
-              hasValue && /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-1 shrink-0 ml-auto", children: [
+              hasValue && /* @__PURE__ */ jsx22(
                 "button",
                 {
                   type: "button",
                   onClick: handleClear,
                   className: "flex items-center justify-center hover:opacity-70 transition-opacity",
                   "aria-label": "Clear search",
-                  children: /* @__PURE__ */ jsx20(XmarkCircleIcon, { className: "text-ods-text-secondary", size: 24 })
+                  children: /* @__PURE__ */ jsx22(XmarkCircleIcon, { className: "text-ods-text-secondary", size: 24 })
                 }
               ),
               endAdornment
@@ -4230,7 +4321,7 @@ function SearchInput({
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx22(
         PopoverPrimitive.Content,
         {
           className: cn(
@@ -4253,14 +4344,14 @@ function SearchInput({
               e.preventDefault();
             }
           },
-          children: /* @__PURE__ */ jsxs18(ScrollAreaPrimitive.Root, { className: "overflow-hidden", children: [
-            /* @__PURE__ */ jsx20(ScrollAreaPrimitive.Viewport, { className: "max-h-[320px] w-full", children: /* @__PURE__ */ jsx20("div", { role: "listbox", children: renderDropdownContent() }) }),
-            /* @__PURE__ */ jsx20(ScrollAreaPrimitive.Scrollbar, { className: "hidden", orientation: "vertical", children: /* @__PURE__ */ jsx20(ScrollAreaPrimitive.Thumb, {}) })
+          children: /* @__PURE__ */ jsxs19(ScrollAreaPrimitive.Root, { className: "overflow-hidden", children: [
+            /* @__PURE__ */ jsx22(ScrollAreaPrimitive.Viewport, { className: "max-h-[320px] w-full", children: /* @__PURE__ */ jsx22("div", { role: "listbox", children: renderDropdownContent() }) }),
+            /* @__PURE__ */ jsx22(ScrollAreaPrimitive.Scrollbar, { className: "hidden", orientation: "vertical", children: /* @__PURE__ */ jsx22(ScrollAreaPrimitive.Thumb, {}) })
           ] })
         }
       )
     ] }),
-    showHiddenTags && hiddenCount > 0 && /* @__PURE__ */ jsx20(
+    showHiddenTags && hiddenCount > 0 && /* @__PURE__ */ jsx22(
       HiddenTagsPopup,
       {
         ref: hiddenTagsPopupRef,
@@ -4274,7 +4365,7 @@ function SearchInput({
         }
       }
     ),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx22(
       "span",
       {
         ref: textMeasureRef,
@@ -4283,13 +4374,13 @@ function SearchInput({
         children: currentPlaceholder
       }
     ),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx22(
       "div",
       {
         ref: measureRef,
         "aria-hidden": "true",
         className: "fixed -left-[9999px] top-0 flex gap-2 pointer-events-none",
-        children: filterChips.map((chip) => /* @__PURE__ */ jsx20(
+        children: filterChips.map((chip) => /* @__PURE__ */ jsx22(
           Tag,
           {
             variant: chipVariantToTagVariant(chip.variant),
@@ -4308,7 +4399,7 @@ function SearchInput({
 // src/components/ui/filter-pill-row.tsx
 init_button();
 import { Filter } from "lucide-react";
-import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 function FilterPillRow({
   label,
   selectedValue,
@@ -4317,12 +4408,12 @@ function FilterPillRow({
   countLabel,
   children
 }) {
-  return /* @__PURE__ */ jsxs19("div", { className: "flex flex-wrap items-center gap-3 p-4 bg-ods-card border border-ods-border rounded-lg", children: [
-    /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx21(Filter, { className: "h-4 w-4 text-ods-accent" }),
-      /* @__PURE__ */ jsx21("span", { className: "text-h5 text-ods-text-secondary", children: label })
+  return /* @__PURE__ */ jsxs20("div", { className: "flex flex-wrap items-center gap-3 p-4 bg-ods-card border border-ods-border rounded-lg", children: [
+    /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx23(Filter, { className: "h-4 w-4 text-ods-accent" }),
+      /* @__PURE__ */ jsx23("span", { className: "text-h5 text-ods-text-secondary", children: label })
     ] }),
-    children || options.map((opt) => /* @__PURE__ */ jsx21(
+    children || options.map((opt) => /* @__PURE__ */ jsx23(
       Button,
       {
         type: "button",
@@ -4334,7 +4425,7 @@ function FilterPillRow({
       },
       opt.value
     )),
-    countLabel && /* @__PURE__ */ jsx21("div", { className: "ml-auto text-[12px] font-['DM_Sans'] text-ods-text-secondary shrink-0", children: countLabel })
+    countLabel && /* @__PURE__ */ jsx23("div", { className: "ml-auto text-[12px] font-['DM_Sans'] text-ods-text-secondary shrink-0", children: countLabel })
   ] });
 }
 
@@ -4353,6 +4444,8 @@ export {
   TabsList,
   TabsTrigger,
   TabsContent,
+  statusBadgeVariants,
+  StatusBadge,
   SimpleMarkdownRenderer,
   formatDate,
   formatNumber,
@@ -4468,6 +4561,8 @@ export {
   PageError,
   LoadError,
   NotFoundError,
+  TAG_BADGE_CLASS,
+  EntityTagBadges,
   MUX_STREAM_ORIGIN,
   MUX_IMAGE_ORIGIN,
   useVideoOriginPreconnect,
@@ -4476,4 +4571,4 @@ export {
   SearchInput,
   FilterPillRow
 };
-//# sourceMappingURL=chunk-HTR3ARN6.js.map
+//# sourceMappingURL=chunk-ICOMPUMX.js.map