@flamingo-stack/openframe-frontend-core 0.0.295 → 0.0.296-snapshot.20260621021605

package/dist/chunk-NSPOYUBH.js

@@ -1,3009 +0,0 @@
-"use client";
-import {
-  COMPACT_CARD_IMAGE_SLOT,
-  COMPACT_CARD_META_ROW_BOX,
-  COMPACT_CARD_OUTER,
-  COMPACT_CARD_ROW_FILLER,
-  COMPACT_CARD_SKELETON_IMAGE_SLOT,
-  COMPACT_CARD_SKELETON_OUTER,
-  COMPACT_CARD_SUMMARY,
-  COMPACT_CARD_TEXT_COL,
-  COMPACT_CARD_TITLE,
-  COMPACT_CARD_TITLE_ROW,
-  SECTION_HEADING_CLASS,
-  decideNewTab,
-  fetchPriorityProp,
-  formatDate,
-  formatDurationMMSS,
-  getFirstLastInitials,
-  nameInitials
-} from "./chunk-FQJK446R.js";
-import {
-  useNearViewport,
-  useOgPlaceholder
-} from "./chunk-3MCHAFHB.js";
-import {
-  useChatRuntime
-} from "./chunk-LCNMR277.js";
-import {
-  next_image_default
-} from "./chunk-LXC6P2EO.js";
-import {
-  Button,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuTrigger,
-  SplitButton,
-  init_button2 as init_button
-} from "./chunk-5IJ46KAV.js";
-import {
-  init_next_link,
-  next_link_default
-} from "./chunk-OHPI2HRK.js";
-import {
-  cn,
-  init_cn
-} from "./chunk-XTCBRQN2.js";
-import {
-  AlertCircleIcon,
-  Chevron02DownIcon,
-  Chevron02LeftIcon,
-  Chevron02RightIcon,
-  Ellipsis01Icon,
-  PlayIcon
-} from "./chunk-J7AV6H63.js";
-
-// src/components/ui/card.tsx
-init_cn();
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Card = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn(
-      "rounded-lg border bg-card text-card-foreground shadow-sm",
-      className
-    ),
-    ...props
-  }
-));
-Card.displayName = "Card";
-var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn("flex flex-col space-y-1.5 p-6", className),
-    ...props
-  }
-));
-CardHeader.displayName = "CardHeader";
-var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn(
-      "text-2xl font-semibold leading-none tracking-tight",
-      className
-    ),
-    ...props
-  }
-));
-CardTitle.displayName = "CardTitle";
-var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-CardDescription.displayName = "CardDescription";
-var CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
-CardContent.displayName = "CardContent";
-var CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn("flex items-center p-6 pt-0", className),
-    ...props
-  }
-));
-CardFooter.displayName = "CardFooter";
-function CardHorizontal({ icon, title, description, className = "", borderLeft = true }) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "w-full flex flex-row items-center gap-3 md:gap-4 bg-ods-card p-4 md:p-6 min-h-[80px]",
-        borderLeft ? "border-l border-ods-border" : "",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "w-5 h-5 flex-shrink-0", children: icon }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0", children: [
-          /* @__PURE__ */ jsx("span", { className: "font-medium text-sm md:text-sm text-ods-text-primary leading-tight mb-0.5 text-left", children: title }),
-          /* @__PURE__ */ jsx("span", { className: "text-xs md:text-sm text-ods-text-secondary leading-tight text-left", children: description })
-        ] })
-      ]
-    }
-  );
-}
-
-// src/components/ui/tabs.tsx
-init_cn();
-import * as React2 from "react";
-import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var Tabs = TabsPrimitive.Root;
-var TabsList = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
-  TabsPrimitive.List,
-  {
-    ref,
-    className: cn(
-      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
-      className
-    ),
-    ...props
-  }
-));
-TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
-  TabsPrimitive.Trigger,
-  {
-    ref,
-    className: cn(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
-      className
-    ),
-    ...props
-  }
-));
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
-  TabsPrimitive.Content,
-  {
-    ref,
-    className: cn(
-      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      className
-    ),
-    ...props
-  }
-));
-TabsContent.displayName = TabsPrimitive.Content.displayName;
-
-// src/components/ui/status-badge.tsx
-init_cn();
-import { cva } from "class-variance-authority";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var statusBadgeVariants = cva(
-  "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__ */ jsx3("span", { className: "flex flex-col items-center justify-center text-center gap-0", children: words.map((word, index) => /* @__PURE__ */ jsx3("span", { className: "block", children: word }, index)) });
-    }
-    return text;
-  };
-  return /* @__PURE__ */ jsx3(
-    "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";
-import remarkGfm from "remark-gfm";
-import remarkBreaks from "remark-breaks";
-import rehypeHighlight from "rehype-highlight";
-import rehypeRaw from "rehype-raw";
-import { visit } from "unist-util-visit";
-init_cn();
-import { jsx as jsx4, jsxs as jsxs2 } 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;
-var URL_ATTRS = /* @__PURE__ */ new Set([
-  "href",
-  "src",
-  // `srcset` accepts `javascript:` on legacy browsers — same guard
-  // as the canonical hast-util-sanitize default schema's attr set.
-  // Multi-candidate scanning lives in `srcsetHasUnsafeCandidate` below;
-  // a single-URL check would miss a malicious second candidate like
-  // `"https://safe.png 1x, javascript:alert(1) 2x"`.
-  "srcset",
-  "formaction",
-  "xlink:href",
-  "poster",
-  "data",
-  "action",
-  "background"
-]);
-function srcsetHasUnsafeCandidate(srcset) {
-  for (const candidate of srcset.split(",")) {
-    const url = candidate.trim().split(/\s+/)[0] ?? "";
-    if (JAVASCRIPT_URL_RE.test(url) || DATA_URL_RE.test(url)) return true;
-  }
-  return false;
-}
-var STRIP_ELEMENTS = /* @__PURE__ */ new Set([
-  "script",
-  "style",
-  "noscript",
-  "noembed",
-  "object",
-  "embed",
-  "applet",
-  "base",
-  "meta"
-]);
-function rehypeStripUnsafe() {
-  return (tree) => {
-    visit(tree, "element", (node, index, parent) => {
-      const tag = String(node.tagName ?? "").toLowerCase();
-      if (STRIP_ELEMENTS.has(tag)) {
-        if (parent && typeof index === "number") {
-          parent.children.splice(index, 1);
-          return index;
-        }
-        node.children = [];
-        node.tagName = "span";
-        node.properties = {};
-        return;
-      }
-      if (!node.properties || typeof node.properties !== "object") return;
-      for (const key of Object.keys(node.properties)) {
-        if (EVENT_HANDLER_ATTR_RE.test(key)) {
-          delete node.properties[key];
-          continue;
-        }
-        if (URL_ATTRS.has(key.toLowerCase())) {
-          const raw = node.properties[key];
-          const v = Array.isArray(raw) ? raw[0] : raw;
-          if (typeof v === "string") {
-            const unsafe = key.toLowerCase() === "srcset" ? srcsetHasUnsafeCandidate(v) : JAVASCRIPT_URL_RE.test(v) || DATA_URL_RE.test(v);
-            if (unsafe) {
-              delete node.properties[key];
-              continue;
-            }
-          }
-        }
-        if (tag === "iframe" && key.toLowerCase() === "srcdoc") {
-          delete node.properties[key];
-        }
-      }
-    });
-  };
-}
-function cardAwareUrlTransform(url, key) {
-  if (key === "href" && typeof url === "string" && (url.startsWith("card://") || url.startsWith("mention://")))
-    return url;
-  return defaultUrlTransform(url);
-}
-var SAFE_HTML_TAGS = /* @__PURE__ */ new Set([
-  // Block + inline text
-  "a",
-  "abbr",
-  "address",
-  "article",
-  "aside",
-  "b",
-  "bdi",
-  "bdo",
-  "blockquote",
-  "br",
-  "caption",
-  "cite",
-  "code",
-  "col",
-  "colgroup",
-  "data",
-  "dd",
-  "del",
-  "details",
-  "dfn",
-  "div",
-  "dl",
-  "dt",
-  "em",
-  "figcaption",
-  "figure",
-  "footer",
-  "h1",
-  "h2",
-  "h3",
-  "h4",
-  "h5",
-  "h6",
-  "header",
-  "hgroup",
-  "hr",
-  "i",
-  "ins",
-  "kbd",
-  "li",
-  "main",
-  "mark",
-  "nav",
-  "ol",
-  "p",
-  "pre",
-  "q",
-  "rp",
-  "rt",
-  "ruby",
-  "s",
-  "samp",
-  "section",
-  "small",
-  "span",
-  "strong",
-  "sub",
-  "summary",
-  "sup",
-  "table",
-  "tbody",
-  "td",
-  "tfoot",
-  "th",
-  "thead",
-  "time",
-  "tr",
-  "u",
-  "ul",
-  "var",
-  "wbr",
-  // Media
-  "img",
-  "picture",
-  "source",
-  "audio",
-  "video",
-  "iframe",
-  "track",
-  // Forms (rehype-raw allows them; mostly harmless for chat output)
-  "button",
-  "input",
-  "label",
-  "select",
-  "option",
-  "optgroup",
-  "textarea",
-  "form",
-  "fieldset",
-  "legend"
-]);
-var TAG_LIKE_REGEX = /<(\/?)([a-zA-Z][a-zA-Z0-9-]{0,63})((?:\s[^>]{0,4096}?)?)(\/?)>/g;
-function escapeUnknownHtmlTags(text) {
-  if (!text || text.indexOf("<") === -1) return text;
-  const parts = [];
-  let cursor = 0;
-  const PROTECTED_SPAN_RE = /```[\s\S]*?```|`[^`\n]+`/g;
-  let span;
-  while ((span = PROTECTED_SPAN_RE.exec(text)) !== null) {
-    if (span.index > cursor) {
-      parts.push(escapeOutsideFences(text.slice(cursor, span.index)));
-    }
-    parts.push(span[0]);
-    cursor = span.index + span[0].length;
-  }
-  if (cursor < text.length) {
-    parts.push(escapeOutsideFences(text.slice(cursor)));
-  }
-  return parts.join("");
-}
-function escapeOutsideFences(segment) {
-  return segment.replace(TAG_LIKE_REGEX, (match, slash, tag, rest, selfClose) => {
-    const lower = tag.toLowerCase();
-    if (SAFE_HTML_TAGS.has(lower)) return match;
-    return `&lt;${slash}${tag}${rest}${selfClose}&gt;`;
-  });
-}
-var mermaidStyles = `
-  .mermaid-svg-container svg {
-    max-width: 100% !important;
-    height: auto !important;
-    min-height: 200px;
-    font-family: 'DM Sans', sans-serif !important;
-    font-size: 14px !important;
-  }
-  @media (min-width: 1520px) {
-    .mermaid-svg-container svg {
-      max-width: 900px !important;
-      max-height: 700px !important;
-      min-height: 300px;
-      font-size: 16px !important;
-    }
-  }
-  @media (min-width: 768px) and (max-width: 1519px) {
-    .mermaid-svg-container svg {
-      max-width: 700px !important;
-      max-height: 600px !important;
-      min-height: 250px;
-      font-size: 15px !important;
-    }
-  }
-  @media (max-width: 767px) {
-    .mermaid-svg-container svg {
-      max-width: 90vw !important;
-      max-height: 400px !important;
-      min-height: 200px;
-      font-size: 13px !important;
-    }
-  }
-  .mermaid-svg-container svg[width] { width: 100% !important; }
-  .mermaid-svg-container .node rect,
-  .mermaid-svg-container .node circle,
-  .mermaid-svg-container .node ellipse,
-  .mermaid-svg-container .node polygon { stroke-width: 2px !important; }
-  .mermaid-svg-container .edgePath path { stroke-width: 2px !important; }
-  @media (min-width: 768px) {
-    .mermaid-svg-container .node text,
-    .mermaid-svg-container .edgeLabel text { font-size: 14px !important; }
-  }
-  @media (min-width: 1520px) {
-    .mermaid-svg-container .node text,
-    .mermaid-svg-container .edgeLabel text { font-size: 16px !important; }
-  }
-`;
-var MermaidDiagram = ({ chart }) => {
-  const [svg, setSvg] = useState("");
-  const [error, setError] = useState("");
-  const [isLoading, setIsLoading] = useState(true);
-  const [mounted, setMounted] = useState(false);
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-  useEffect(() => {
-    const renderMermaid = async () => {
-      try {
-        setIsLoading(true);
-        const { default: mermaid } = await import("mermaid");
-        mermaid.initialize({
-          startOnLoad: false,
-          theme: "dark",
-          themeVariables: {
-            primaryColor: "#FFC008",
-            primaryTextColor: "#FAFAFA",
-            primaryBorderColor: "#3A3A3A",
-            lineColor: "#888888",
-            secondaryColor: "#212121",
-            tertiaryColor: "#2A2A2A",
-            background: "transparent",
-            mainBkg: "transparent",
-            secondBkg: "transparent",
-            tertiaryBkg: "transparent",
-            cScale0: "#FFC008",
-            cScale1: "#4ECDC4",
-            cScale2: "#45B7D1",
-            cScale3: "#96CEB4",
-            cScale4: "#FFEAA7",
-            cScale5: "#DDA0DD",
-            cScale6: "#98D8C8",
-            cScale7: "#F7DC6F",
-            cScale8: "#BB8FCE",
-            cScale9: "#85C1E9",
-            taskTextColor: "#FAFAFA",
-            taskTextOutsideColor: "#FAFAFA",
-            activeTaskTextColor: "#1A1A1A",
-            nodeTextColor: "#FAFAFA"
-          },
-          flowchart: { useMaxWidth: true, htmlLabels: true, rankSpacing: 50, nodeSpacing: 30, curve: "basis" },
-          sequence: { useMaxWidth: true, width: 150 },
-          pie: { useMaxWidth: true, useWidth: void 0 },
-          fontFamily: "DM Sans, sans-serif",
-          fontSize: 14,
-          securityLevel: "loose"
-        });
-        const { svg: renderedSvg } = await mermaid.render(`mermaid-${Date.now()}`, chart);
-        setSvg(renderedSvg);
-        setIsLoading(false);
-      } catch (err) {
-        console.error("Mermaid rendering error:", err);
-        setError(`Failed to render diagram: ${err instanceof Error ? err.message : "Unknown error"}`);
-        setIsLoading(false);
-      }
-    };
-    if (mounted) {
-      renderMermaid();
-    }
-  }, [chart, mounted]);
-  if (error) {
-    return /* @__PURE__ */ jsxs2("div", { className: "error-state bg-ods-card border border-ods-border rounded-lg p-6 my-6", children: [
-      /* @__PURE__ */ jsx4("div", { className: "error-icon flex justify-center mb-4", children: /* @__PURE__ */ jsx4(AlertCircleIcon, { className: "w-12 h-12 text-ods-error" }) }),
-      /* @__PURE__ */ jsx4("div", { className: "error-title text-center font-sans font-semibold text-lg text-ods-error mb-2", children: "Diagram Error" }),
-      /* @__PURE__ */ jsx4("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__ */ jsx4("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsx4("pre", { className: "whitespace-pre-wrap break-words text-xs", children: error }) }) })
-    ] });
-  }
-  if (isLoading || !svg) {
-    return /* @__PURE__ */ jsx4("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__ */ jsx4("div", { className: "animate-pulse text-ods-text-tertiary font-sans", children: isLoading ? "Loading diagram renderer..." : "Rendering diagram..." }) });
-  }
-  return /* @__PURE__ */ jsx4("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__ */ jsx4("div", { className: "flex justify-center items-center w-full min-h-[200px] md:min-h-[250px] lg:min-h-[300px]", children: /* @__PURE__ */ jsx4(
-    "div",
-    {
-      className: "mermaid-svg-container w-full flex justify-center max-w-full",
-      style: { fontSize: "14px" },
-      dangerouslySetInnerHTML: {
-        __html: svg.replace(
-          /<svg[^>]*>/,
-          (match) => match.replace(/width="[^"]*"/, 'width="100%"').replace(/height="[^"]*"/, 'height="auto"')
-        )
-      }
-    }
-  ) }) });
-};
-function extractText(node) {
-  if (typeof node === "string") return node;
-  if (Array.isArray(node)) return node.map(extractText).join("");
-  if (node?.props?.children) return extractText(node.props.children);
-  return "";
-}
-var TEXT_SIZE_PRESETS = {
-  default: {
-    h1: "text-heading-1",
-    h2: "text-heading-2",
-    h3: "text-2xl md:text-3xl",
-    h4: "text-xl",
-    h5: "text-lg md:text-xl",
-    h6: "text-base md:text-lg",
-    p: "md:text-h4 lg:text-h4",
-    li: "text-base md:text-lg",
-    blockquote: "text-lg",
-    code: "text-[14px]",
-    th: "text-xs md:text-sm",
-    td: "text-xs md:text-sm"
-  },
-  compact: {
-    h1: "text-heading-2",
-    h2: "text-heading-3",
-    h3: "text-xl md:text-2xl",
-    h4: "text-lg md:text-xl",
-    h5: "text-base md:text-lg",
-    h6: "text-sm md:text-base",
-    p: "text-base md:text-lg",
-    li: "text-base md:text-lg",
-    blockquote: "text-base md:text-lg",
-    code: "text-[13px]",
-    th: "text-xs md:text-sm",
-    td: "text-xs md:text-sm"
-  },
-  large: {
-    h1: "text-heading-1",
-    h2: "text-heading-1",
-    h3: "text-heading-2",
-    h4: "text-2xl md:text-3xl",
-    h5: "text-xl md:text-2xl",
-    h6: "text-lg md:text-xl",
-    p: "text-h3",
-    li: "text-lg md:text-xl",
-    blockquote: "text-xl md:text-2xl",
-    code: "text-[16px]",
-    th: "text-sm md:text-base",
-    td: "text-sm md:text-base"
-  }
-};
-function resolveTextSizeConfig(config) {
-  const defaultSizes = TEXT_SIZE_PRESETS.default;
-  if (!config) return defaultSizes;
-  if (typeof config === "string") return TEXT_SIZE_PRESETS[config];
-  if ("preset" in config) return { ...TEXT_SIZE_PRESETS[config.preset], ...config.overrides };
-  return { ...defaultSizes, ...config };
-}
-var SimpleMarkdownRendererImpl = ({
-  content,
-  className = "",
-  sectionIds,
-  demoteMarkdownH1ToH2 = false,
-  brokenLinks = [],
-  onInternalLinkClick,
-  currentPath: propCurrentPath,
-  onResolveLink,
-  preprocessContent,
-  componentOverrides,
-  textSize,
-  additionalRemarkPlugins
-}) => {
-  const idCountsRef = useRef({});
-  const textSizes = useMemo(() => resolveTextSizeConfig(textSize), [textSize]);
-  const sectionIdMap = useMemo(() => {
-    const map = /* @__PURE__ */ new Map();
-    if (sectionIds) {
-      sectionIds.forEach((section) => {
-        const cleanTitle = section.title.replace(/[\u{1F300}-\u{1F9FF}]|[\u{2600}-\u{26FF}]|[\u{2700}-\u{27BF}]/gu, "").trim().toLowerCase();
-        map.set(section.title.toLowerCase(), section.id);
-        map.set(cleanTitle, section.id);
-        map.set(section.title, section.id);
-      });
-    }
-    return map;
-  }, [sectionIds]);
-  const generateHeadingId = useCallback((text, level) => {
-    if (sectionIds && (level === 1 || level === 2)) {
-      const variations = [
-        text,
-        text.toLowerCase(),
-        text.replace(/[\u{1F300}-\u{1F9FF}]|[\u{2600}-\u{26FF}]|[\u{2700}-\u{27BF}]/gu, "").trim(),
-        text.replace(/[\u{1F300}-\u{1F9FF}]|[\u{2600}-\u{26FF}]|[\u{2700}-\u{27BF}]/gu, "").trim().toLowerCase()
-      ];
-      for (const v of variations) {
-        const id = sectionIdMap.get(v);
-        if (id) return id;
-      }
-    }
-    const baseId = text.replace(/[\u{1F300}-\u{1F9FF}]|[\u{2600}-\u{26FF}]|[\u{2700}-\u{27BF}]/gu, "").trim().toLowerCase().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-").replace(/^-+|-+$/g, "");
-    const cleanId = baseId || `section-${Object.keys(idCountsRef.current).length + 1}`;
-    if (idCountsRef.current[cleanId]) {
-      idCountsRef.current[cleanId]++;
-      return `${cleanId}-${idCountsRef.current[cleanId]}`;
-    }
-    idCountsRef.current[cleanId] = 1;
-    return cleanId;
-  }, [sectionIds, sectionIdMap]);
-  const processedContent = useMemo(
-    () => escapeUnknownHtmlTags(preprocessContent ? preprocessContent(content) : content),
-    [preprocessContent, content]
-  );
-  const makeHeading = useCallback(
-    (Tag, level, headingClassName) => ({ children }) => {
-      const text = extractText(children);
-      const effectiveLevel = Tag === "h1" && demoteMarkdownH1ToH2 ? 2 : level;
-      const id = generateHeadingId(text, effectiveLevel);
-      const EffectiveTag = Tag === "h1" && demoteMarkdownH1ToH2 ? "h2" : Tag;
-      return /* @__PURE__ */ jsx4(EffectiveTag, { id, className: headingClassName, children });
-    },
-    [generateHeadingId, demoteMarkdownH1ToH2]
-  );
-  const components = useMemo(() => ({
-    // --- code ---
-    code: ({ node, inline, className: codeClassName, children, ...props }) => {
-      const match = /language-(\w+)/.exec(codeClassName || "");
-      const language = match ? match[1] : "";
-      if (!inline && language === "mermaid") {
-        return /* @__PURE__ */ jsx4(MermaidDiagram, { chart: String(children).replace(/\n$/, "") });
-      }
-      if (!inline && match) {
-        return /* @__PURE__ */ jsxs2("div", { className: "code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border", children: [
-          /* @__PURE__ */ jsx4("div", { className: "code-header border-b px-4 py-2 bg-ods-card border-ods-border", children: /* @__PURE__ */ jsx4("span", { className: "font-sans text-xs uppercase tracking-wide text-ods-text-tertiary", children: language || "code" }) }),
-          /* @__PURE__ */ jsx4("div", { className: "p-4", children: /* @__PURE__ */ jsx4("pre", { className: "overflow-x-auto", children: /* @__PURE__ */ jsx4(
-            "code",
-            {
-              className: cn(`language-${language} hljs`, textSizes.code),
-              style: {
-                fontFamily: "JetBrains Mono', 'SF Mono', Consolas, monospace",
-                background: "transparent",
-                color: "var(--ods-text-primary)"
-              },
-              ...props,
-              children
-            }
-          ) }) })
-        ] });
-      }
-      return /* @__PURE__ */ jsx4("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__ */ jsx4("div", { className: divClassName, ...props, children }),
-    // --- blockquote ---
-    blockquote: ({ children }) => /* @__PURE__ */ jsx4("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__ */ jsx4("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)),
-    h3: makeHeading("h3", 3, cn("font-sans font-semibold mt-6 mb-3 text-ods-text-primary", textSizes.h3)),
-    h4: makeHeading("h4", 4, cn("font-sans font-semibold mt-4 mb-2 text-ods-text-primary", textSizes.h4)),
-    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__ */ jsx4("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);
-      const isInternalDocLink = propCurrentPath !== void 0 && propCurrentPath !== null && href && !href.startsWith("http") && !href.startsWith("#");
-      if (isBroken) {
-        return /* @__PURE__ */ jsxs2("span", { className: "text-ods-accent cursor-not-allowed", children: [
-          children,
-          /* @__PURE__ */ jsx4("sup", { className: "ml-1 text-xs font-bold text-ods-attention-red-error", children: "[BROKEN]" })
-        ] });
-      }
-      if (isInternalDocLink && onInternalLinkClick) {
-        const currentPath = propCurrentPath ?? "";
-        return /* @__PURE__ */ jsx4(
-          "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",
-            onClick: async (e) => {
-              e.preventDefault();
-              e.stopPropagation();
-              if (onResolveLink) {
-                try {
-                  const result = await onResolveLink(href, currentPath);
-                  if (result.type === "folder-no-readme" && result.action === "expand_folder") {
-                    onInternalLinkClick(result.resolvedPath, { expandFolder: true, fromInternalLink: true });
-                  } else if (result.type === "not-found") {
-                    return;
-                  } else if (result.success && result.resolvedPath) {
-                    onInternalLinkClick(result.resolvedPath, { fromInternalLink: true });
-                  }
-                } catch (error) {
-                  console.error("Error resolving link:", error);
-                }
-              } else {
-                onInternalLinkClick(href, { fromInternalLink: true });
-              }
-            },
-            role: "link",
-            tabIndex: 0,
-            onKeyDown: (e) => {
-              if (e.key === "Enter" || e.key === " ") {
-                e.currentTarget.click();
-              }
-            },
-            children
-          }
-        );
-      }
-      return /* @__PURE__ */ jsx4(
-        "a",
-        {
-          href,
-          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 ${linkClassName || ""}`,
-          target: href?.startsWith("http") ? "_blank" : void 0,
-          rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
-          children
-        }
-      );
-    },
-    // --- images ---
-    // Inline content image renderer. Used by blog posts, docs, AND chat
-    // messages (where users may attach screenshots / photos via the +
-    // attachment button).
-    //
-    // Sizing rules (2025-2026 best practice — Claude.ai, ChatGPT,
-    // iMessage, Slack, Discord inline image patterns):
-    //
-    //   - CAP max-width at 400px so inline images don't blow out the
-    //     message column on wide panels. Click-to-expand opens a
-    //     full-resolution modal for users who need detail.
-    //   - CAP max-height at 400px so portrait-orientation images
-    //     don't dominate vertical space (a 1000x3000 phone screenshot
-    //     would otherwise push the next message off-screen).
-    //   - Small images render at NATURAL pixel size — a 64x64
-    //     thumbnail stays 64x64, not stretched to fill the column.
-    //   - `object-contain` preserves aspect ratio when both dimensions
-    //     are constrained (long landscape, tall portrait).
-    //
-    // Implementation: Next.js `<Image>` — the project's canonical
-    // image primitive. Gives us:
-    //   - WebP/AVIF format conversion for modern browsers (smaller
-    //     bytes for the same visual quality).
-    //   - Responsive `srcset` via the `sizes` prop (browser picks the
-    //     right variant for the viewport).
-    //   - Automatic lazy-loading (`loading="lazy"` by default, mid-
-    //     page images skipped until they near the viewport).
-    //   - Automatic `decoding="async"` so image decode doesn't block
-    //     paint.
-    //
-    // `width={400} height={400}` props are REQUIRED by Next.js
-    // `<Image>` (non-`fill` mode throws without them) but they're
-    // effectively a CEILING here, not the display size — the CSS
-    // overrides (`w-auto h-auto max-w-full max-h-[400px]`) drive
-    // the actual rendered size. The inline `style={{ width: 'auto',
-    // height: 'auto' }}` is belt-and-suspenders: Next.js Image sets
-    // matching HTML `width`/`height` attributes on the rendered
-    // `<img>` and inline style wins over both HTML attributes AND
-    // utility classes regardless of CSS-specificity surprises.
-    //
-    // Layout reservation trade-off: until image bytes arrive, the
-    // browser may reserve a placeholder box up to 400x400 (the props'
-    // intrinsic-ratio hint). Once loaded, the box collapses to the
-    // natural size if smaller. This is the standard Next.js Image
-    // behavior across the codebase — accepted for the optimizer +
-    // responsive-srcset benefits. Chat attachments hosted in side
-    // panels see this only on first render of a fresh attachment
-    // (cached re-renders pop in without a perceptible shift).
-    img: ({ src, alt }) => {
-      if (!src || typeof src !== "string" || src.trim() === "") return null;
-      return /* @__PURE__ */ jsx4(
-        next_image_default,
-        {
-          src,
-          alt: alt ?? "No image available",
-          width: 400,
-          height: 400,
-          sizes: "(max-width: 400px) 100vw, 400px",
-          className: "max-w-full max-h-[400px] w-auto h-auto rounded-lg object-contain",
-          style: { width: "auto", height: "auto" }
-        }
-      );
-    },
-    // --- lists ---
-    ul: ({ children }) => /* @__PURE__ */ jsx4("ul", { className: "list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary", children }),
-    ol: ({ children }) => /* @__PURE__ */ jsx4("ol", { className: "list-decimal list-outside my-4 ml-8 space-y-2 text-ods-text-primary", children }),
-    li: ({ children }) => /* @__PURE__ */ jsx4("li", { className: cn("leading-relaxed pl-2", textSizes.li), children }),
-    // --- tables ---
-    table: ({ children }) => /* @__PURE__ */ jsx4("div", { className: "table-container my-6 overflow-x-auto", children: /* @__PURE__ */ jsx4("div", { className: "min-w-full border rounded-lg border-ods-border bg-ods-card", children: /* @__PURE__ */ jsx4("table", { className: "w-full table-fixed md:table-auto", children }) }) }),
-    thead: ({ children }) => /* @__PURE__ */ jsx4("thead", { className: "bg-ods-bg-secondary", children }),
-    th: ({ children }) => /* @__PURE__ */ jsx4("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__ */ jsx4("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__ */ jsx4("hr", { className: "border-0 border-t my-8 border-ods-border" }),
-    // --- merge overrides ---
-    ...componentOverrides
-  }), [makeHeading, brokenLinks, propCurrentPath, onInternalLinkClick, onResolveLink, componentOverrides, textSizes]);
-  return /* @__PURE__ */ jsxs2("div", { className: `simple-markdown-renderer ${className}`, children: [
-    /* @__PURE__ */ jsx4("style", { dangerouslySetInnerHTML: { __html: mermaidStyles } }),
-    /* @__PURE__ */ jsx4("div", { className: "content-wrapper max-w-none break-words", children: /* @__PURE__ */ jsx4("article", { className: "prose prose-lg max-w-none", children: /* @__PURE__ */ jsx4(
-      ReactMarkdown,
-      {
-        remarkPlugins: [remarkGfm, remarkBreaks, ...additionalRemarkPlugins ?? []],
-        rehypePlugins: [
-          // ORDER MATTERS: rehype-raw parses the raw HTML embedded
-          // in the source markdown into HAST nodes; rehypeStripUnsafe
-          // then walks the HAST tree and drops XSS vectors (on*
-          // event handlers, javascript: URLs, script/style/iframe-srcdoc,
-          // data: URIs). Reversing the order would have nothing to
-          // sanitize (raw HTML would still be strings).
-          rehypeRaw,
-          rehypeStripUnsafe,
-          [rehypeHighlight, { detect: true, ignoreMissing: true }]
-        ],
-        urlTransform: cardAwareUrlTransform,
-        components,
-        children: processedContent
-      }
-    ) }) })
-  ] });
-};
-var SimpleMarkdownRenderer = memo(SimpleMarkdownRendererImpl);
-
-// src/components/ui/square-avatar.tsx
-import * as React4 from "react";
-init_cn();
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-var SquareAvatar = React4.memo(React4.forwardRef(
-  ({ className, src, alt, size = "md", fallback, variant = "square", initialsClassName, ...props }, ref) => {
-    const sizeClasses = {
-      sm: "h-8 w-8",
-      md: "h-10 w-10",
-      lg: "h-12 w-12",
-      xl: "h-16 w-16"
-    };
-    const sizePx = {
-      sm: 32,
-      md: 40,
-      lg: 48,
-      xl: 64
-    };
-    const variantClasses = {
-      square: "rounded-md",
-      round: "rounded-full"
-    };
-    return /* @__PURE__ */ jsxs3(
-      "div",
-      {
-        className: cn(
-          "relative flex items-center justify-center shrink-0 overflow-hidden border border-ods-border bg-ods-bg",
-          sizeClasses[size],
-          variantClasses[variant],
-          className
-        ),
-        ref,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx5("div", { className: cn(
-            // Initials default to `--color-text-primary` (the old
-            // `text-ods-text-primary` value) so they stay readable on the default
-            // `bg-ods-bg` AND on the brand accent fills (`bg-ods-flamingo-pink`
-            // for the current user, `bg-ods-flamingo-cyan` for Mingo). The color
-            // resolves through `--ods-avatar-initials` with that fallback, so a
-            // host themed with a custom avatar fill can override the var with a
-            // contrast-correct value (e.g. `getReadableTextColor(accent)`) WITHOUT
-            // regressing any avatar that leaves the var unset. A caller passing
-            // its own `initialsClassName` text color still wins (tailwind-merge
-            // keeps the later class).
-            "flex items-center justify-center text-xs font-medium text-[color:var(--ods-avatar-initials,var(--color-text-primary))]",
-            initialsClassName,
-            src && "hidden"
-          ), children: getFirstLastInitials(fallback || alt) || "?" }),
-          src && /* @__PURE__ */ jsx5(
-            next_image_default,
-            {
-              className: "absolute inset-0 h-full w-full object-cover",
-              src,
-              alt: alt || "",
-              width: sizePx[size],
-              height: sizePx[size],
-              onError: (e) => {
-                e.currentTarget.style.display = "none";
-                const el = e.currentTarget.previousElementSibling;
-                if (el) el.classList.remove("hidden");
-              }
-            }
-          )
-        ]
-      }
-    );
-  }
-));
-SquareAvatar.displayName = "SquareAvatar";
-
-// src/components/ui/actions-menu.tsx
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-
-// node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
-import * as React6 from "react";
-
-// node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
-import * as React5 from "react";
-var useLayoutEffect2 = globalThis?.document ? React5.useLayoutEffect : () => {
-};
-
-// node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
-import * as React22 from "react";
-var useInsertionEffect = React6[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
-function useControllableState({
-  prop,
-  defaultProp,
-  onChange = () => {
-  },
-  caller
-}) {
-  const [uncontrolledProp, setUncontrolledProp, onChangeRef] = useUncontrolledState({
-    defaultProp,
-    onChange
-  });
-  const isControlled = prop !== void 0;
-  const value = isControlled ? prop : uncontrolledProp;
-  if (true) {
-    const isControlledRef = React6.useRef(prop !== void 0);
-    React6.useEffect(() => {
-      const wasControlled = isControlledRef.current;
-      if (wasControlled !== isControlled) {
-        const from = wasControlled ? "controlled" : "uncontrolled";
-        const to = isControlled ? "controlled" : "uncontrolled";
-        console.warn(
-          `${caller} is changing from ${from} to ${to}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
-        );
-      }
-      isControlledRef.current = isControlled;
-    }, [isControlled, caller]);
-  }
-  const setValue = React6.useCallback(
-    (nextValue) => {
-      if (isControlled) {
-        const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;
-        if (value2 !== prop) {
-          onChangeRef.current?.(value2);
-        }
-      } else {
-        setUncontrolledProp(nextValue);
-      }
-    },
-    [isControlled, prop, setUncontrolledProp, onChangeRef]
-  );
-  return [value, setValue];
-}
-function useUncontrolledState({
-  defaultProp,
-  onChange
-}) {
-  const [value, setValue] = React6.useState(defaultProp);
-  const prevValueRef = React6.useRef(value);
-  const onChangeRef = React6.useRef(onChange);
-  useInsertionEffect(() => {
-    onChangeRef.current = onChange;
-  }, [onChange]);
-  React6.useEffect(() => {
-    if (prevValueRef.current !== value) {
-      onChangeRef.current?.(value);
-      prevValueRef.current = value;
-    }
-  }, [value, prevValueRef]);
-  return [value, setValue, onChangeRef];
-}
-function isFunction(value) {
-  return typeof value === "function";
-}
-
-// src/components/ui/actions-menu.tsx
-init_next_link();
-import { Check } from "lucide-react";
-import React7, { useCallback as useCallback3 } from "react";
-init_cn();
-init_button();
-import { Fragment, jsx as jsx6, jsxs as jsxs4 } 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";
-var SecondaryAction = ({ action }) => {
-  const handleClick = useCallback3(
-    (e) => {
-      e.stopPropagation();
-      if (action.disabled) {
-        e.preventDefault();
-        return;
-      }
-      action.onClick?.();
-    },
-    [action]
-  );
-  const classes = cn(
-    SECONDARY_ACTION_CLASSES,
-    action.disabled && "cursor-not-allowed opacity-60 pointer-events-none"
-  );
-  if (action.href) {
-    return /* @__PURE__ */ jsx6(
-      next_link_default,
-      {
-        href: action.href,
-        prefetch: false,
-        target: action.openInNewTab ? "_blank" : void 0,
-        rel: action.openInNewTab ? "noopener noreferrer" : void 0,
-        "aria-label": action["aria-label"],
-        "aria-disabled": action.disabled || void 0,
-        tabIndex: action.disabled ? -1 : void 0,
-        className: classes,
-        onClick: handleClick,
-        children: action.icon
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx6(
-    "button",
-    {
-      type: "button",
-      "aria-label": action["aria-label"],
-      disabled: action.disabled,
-      className: classes,
-      onClick: handleClick,
-      children: action.icon
-    }
-  );
-};
-var MenuItem = ({ item, onItemClick }) => {
-  const activate = useCallback3(() => {
-    if (item.disabled) return;
-    if (item.type === "checkbox") {
-      item.onClick?.();
-      onItemClick?.(item);
-      return;
-    }
-    if (item.type === "submenu") return;
-    item.onClick?.();
-    onItemClick?.(item);
-  }, [item, onItemClick]);
-  const handleClick = useCallback3(
-    (e) => {
-      e.stopPropagation();
-      e.preventDefault();
-      activate();
-    },
-    [activate]
-  );
-  const handleKeyDown = useCallback3(
-    (e) => {
-      if (e.key !== "Enter" && e.key !== " ") return;
-      e.preventDefault();
-      e.stopPropagation();
-      activate();
-    },
-    [activate]
-  );
-  const handleLinkClick = useCallback3(
-    (e) => {
-      if (item.disabled) {
-        e.preventDefault();
-        e.stopPropagation();
-        return;
-      }
-      item.onClick?.();
-      onItemClick?.(item);
-    },
-    [item, onItemClick]
-  );
-  if (item.type === "separator") {
-    return /* @__PURE__ */ jsx6("div", { className: "bg-ods-system-greys-soft-grey h-1 w-full" });
-  }
-  const itemClasses = cn(
-    ROW_CLASSES,
-    item.disabled ? "text-ods-text-secondary cursor-not-allowed pointer-events-none opacity-60" : "text-ods-text-primary hover:bg-ods-bg-hover"
-  );
-  const subTriggerClasses = cn(
-    itemClasses,
-    "data-[state=open]:bg-ods-bg-active focus:bg-ods-bg-hover"
-  );
-  const renderAsLink = !!item.href && item.type !== "submenu" && item.type !== "checkbox";
-  const rowContent = /* @__PURE__ */ jsxs4(Fragment, { children: [
-    item.icon && /* @__PURE__ */ jsx6(
-      "div",
-      {
-        className: cn(
-          "w-4 h-4 md:w-6 md:h-6 flex-shrink-0 flex items-center justify-center",
-          item.danger && "text-ods-error",
-          item.disabled && "opacity-50"
-        ),
-        children: item.icon
-      }
-    ),
-    /* @__PURE__ */ jsx6(
-      "span",
-      {
-        className: cn(
-          "flex-1 text-h4 font-medium leading-6",
-          item.disabled ? "text-ods-text-secondary" : item.danger ? "text-ods-error" : "text-ods-text-primary"
-        ),
-        children: item.label
-      }
-    ),
-    item.type === "checkbox" && /* @__PURE__ */ jsx6(
-      "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__ */ jsx6(Check, { className: "w-3 h-3 md:w-4 md:h-4 text-ods-text-on-accent", strokeWidth: 3 })
-      }
-    ),
-    item.type === "submenu" && /* @__PURE__ */ jsx6(Chevron02RightIcon, { className: "w-4 h-4 md:w-6 md:h-6 text-ods-text-secondary" })
-  ] });
-  if (renderAsLink && item.href) {
-    return /* @__PURE__ */ jsxs4("div", { className: WRAPPER_CLASSES, children: [
-      /* @__PURE__ */ jsx6(
-        next_link_default,
-        {
-          href: item.href,
-          prefetch: false,
-          className: itemClasses,
-          onClick: handleLinkClick,
-          "aria-disabled": item.disabled,
-          tabIndex: item.disabled ? -1 : void 0,
-          children: rowContent
-        }
-      ),
-      item.iconAction && /* @__PURE__ */ jsx6(SecondaryAction, { action: item.iconAction })
-    ] });
-  }
-  if (item.type === "submenu" && item.submenu) {
-    return /* @__PURE__ */ jsxs4("div", { className: WRAPPER_CLASSES, children: [
-      /* @__PURE__ */ jsxs4(DropdownMenuPrimitive.Sub, { children: [
-        /* @__PURE__ */ jsx6(
-          DropdownMenuPrimitive.SubTrigger,
-          {
-            disabled: item.disabled,
-            className: subTriggerClasses,
-            children: rowContent
-          }
-        ),
-        /* @__PURE__ */ jsx6(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx6(
-          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__ */ jsx6(
-              MenuItem,
-              {
-                item: subItem,
-                onItemClick
-              },
-              subItem.id || index
-            ))
-          }
-        ) })
-      ] }),
-      item.iconAction && /* @__PURE__ */ jsx6(SecondaryAction, { action: item.iconAction })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs4("div", { className: WRAPPER_CLASSES, children: [
-    /* @__PURE__ */ jsx6(
-      "div",
-      {
-        role: "menuitem",
-        tabIndex: item.disabled ? -1 : 0,
-        "aria-disabled": item.disabled,
-        className: itemClasses,
-        onClick: handleClick,
-        onKeyDown: handleKeyDown,
-        children: rowContent
-      }
-    ),
-    item.iconAction && /* @__PURE__ */ jsx6(SecondaryAction, { action: item.iconAction })
-  ] });
-};
-var GroupSeparator = () => /* @__PURE__ */ jsx6("div", { className: "bg-ods-bg-surface h-[3px] w-full" });
-var ActionsMenu = ({
-  groups,
-  className = "",
-  onItemClick
-}) => {
-  return /* @__PURE__ */ jsx6(
-    "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__ */ jsxs4(React7.Fragment, { children: [
-          group.items.map((item, itemIndex) => /* @__PURE__ */ jsx6(
-            MenuItem,
-            {
-              item,
-              onItemClick
-            },
-            item.id || `${groupKey}-${itemIndex}`
-          )),
-          group.separator && groupIndex < groups.length - 1 && /* @__PURE__ */ jsx6(GroupSeparator, {})
-        ] }, groupKey);
-      })
-    }
-  );
-};
-var ActionsMenuDropdown = ({
-  groups,
-  onItemClick,
-  className,
-  trigger,
-  customTrigger,
-  triggerAriaLabel = "More actions",
-  triggerClassName,
-  contentClassName,
-  align = "end",
-  side = "bottom",
-  sideOffset = 6,
-  open: openProp,
-  onOpenChange,
-  onCloseAutoFocus
-}) => {
-  const [open = false, setOpen] = useControllableState({
-    prop: openProp,
-    defaultProp: false,
-    onChange: onOpenChange
-  });
-  const handleItemClick = useCallback3(
-    (item) => {
-      onItemClick?.(item);
-      if (item.type !== "checkbox" && item.type !== "submenu" && item.closeOnSelect !== false) {
-        setOpen(false);
-      }
-    },
-    [onItemClick, setOpen]
-  );
-  return /* @__PURE__ */ jsxs4(DropdownMenu, { open, onOpenChange: setOpen, modal: false, children: [
-    /* @__PURE__ */ jsx6(DropdownMenuTrigger, { asChild: true, children: customTrigger ?? /* @__PURE__ */ jsx6(
-      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__ */ jsx6(Ellipsis01Icon, { size: 24, className: "text-ods-text-primary" })
-      }
-    ) }),
-    /* @__PURE__ */ jsx6(
-      DropdownMenuContent,
-      {
-        align,
-        side,
-        sideOffset,
-        onCloseAutoFocus,
-        className: cn(
-          "p-0 border-0 bg-transparent shadow-none overflow-visible",
-          contentClassName
-        ),
-        children: /* @__PURE__ */ jsx6(
-          ActionsMenu,
-          {
-            groups,
-            onItemClick: handleItemClick,
-            className
-          }
-        )
-      }
-    )
-  ] });
-};
-
-// src/components/chat/utils/nav-anchor-props.ts
-function isSameOriginAbsoluteHref(href) {
-  if (typeof window === "undefined") return false;
-  if (!/^https?:\/\//i.test(href)) return false;
-  try {
-    return new URL(href).origin === window.location.origin;
-  } catch {
-    return false;
-  }
-}
-function computeIsNewTab(runtime, href, targetPlatform) {
-  if (!href) return false;
-  if (runtime.navigation.mode === "embed") return !isSameOriginAbsoluteHref(href);
-  return runtime.navigation.decideNewTab?.({ href, targetPlatform }) ?? decideNewTab({
-    href,
-    targetPlatform,
-    currentSource: runtime.source ?? ""
-  });
-}
-function newTabAnchorAttrs(isNewTab) {
-  return isNewTab ? { target: "_blank", rel: "noopener noreferrer" } : {};
-}
-function buildAnchorProps(href, isNewTab) {
-  return href ? { href, ...newTabAnchorAttrs(isNewTab) } : void 0;
-}
-
-// src/components/chat/entity-cards/entity-author-card.tsx
-init_next_link();
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-var EMPTY_AUTHOR_PLACEHOLDER = {
-  full_name: "\u2014",
-  avatar_url: null,
-  job_title: "Unknown"
-};
-function EntityMetadataValueCell({
-  value,
-  label,
-  className,
-  uppercase = true
-}) {
-  return /* @__PURE__ */ jsx7("div", { className: `bg-ods-card p-4 flex flex-col gap-3 ${className ?? ""}`, children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-0", children: [
-    /* @__PURE__ */ jsx7("p", { className: "text-h4 text-ods-text-primary", children: uppercase ? value.toLocaleUpperCase() : value }),
-    /* @__PURE__ */ jsx7("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: label })
-  ] }) });
-}
-function EntityMetadataAuthorCell({
-  author,
-  roleLabel = "Author",
-  authorHref,
-  className
-}) {
-  const trimmedName = typeof author.full_name === "string" ? author.full_name.trim() : "";
-  const fullName = trimmedName || "Unknown Author";
-  return /* @__PURE__ */ jsxs5("div", { className: `bg-ods-card p-4 flex items-center gap-3 ${className ?? ""}`, children: [
-    /* @__PURE__ */ jsx7(
-      SquareAvatar,
-      {
-        src: author.avatar_url || "",
-        alt: fullName,
-        fallback: nameInitials(fullName, ""),
-        size: "md",
-        variant: "round"
-      }
-    ),
-    /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-0 flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsx7("p", { className: "text-h3 tracking-[-0.36px] text-ods-text-primary truncate", title: fullName, children: authorHref && trimmedName ? /* @__PURE__ */ jsx7(next_link_default, { href: authorHref, className: "hover:text-ods-accent transition-colors", children: fullName }) : fullName }),
-      /* @__PURE__ */ jsx7("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: author.job_title || roleLabel })
-    ] })
-  ] });
-}
-function EntityAuthorCard({
-  author,
-  roleLabel = "Author",
-  authorHref,
-  publishedAt,
-  publishedLabel = "Published",
-  extraCells,
-  renderEmptyAuthor = false,
-  className
-}) {
-  const hasAuthor = !!author?.full_name;
-  if (!hasAuthor && !renderEmptyAuthor) return null;
-  const effectiveAuthor = hasAuthor ? author : EMPTY_AUTHOR_PLACEHOLDER;
-  const formatted = publishedAt ? formatDate(publishedAt) : "";
-  const dateLabel = formatted === "Invalid Date" ? "" : formatted;
-  const showDateCell = !!dateLabel;
-  const extras = extraCells ?? [];
-  const totalCells = extras.length + (showDateCell ? 1 : 0) + 1;
-  const gridColsClass = totalCells >= 4 ? "md:grid-cols-4" : totalCells === 3 ? "md:grid-cols-3" : totalCells === 2 ? "md:grid-cols-2" : "md:grid-cols-1";
-  const dividerClass = "border-b md:border-b-0 md:border-r border-ods-border";
-  return /* @__PURE__ */ jsxs5(
-    "div",
-    {
-      className: `grid grid-cols-1 ${gridColsClass} border border-ods-border rounded-md overflow-hidden w-full ${className ?? ""}`,
-      children: [
-        extras.map((cell, i) => /* @__PURE__ */ jsx7(
-          EntityMetadataValueCell,
-          {
-            value: cell.value,
-            label: cell.label,
-            uppercase: cell.uppercase ?? true,
-            className: dividerClass
-          },
-          `${cell.label}-${i}`
-        )),
-        showDateCell && /* @__PURE__ */ jsx7(
-          EntityMetadataValueCell,
-          {
-            value: dateLabel,
-            label: publishedLabel,
-            uppercase: false,
-            className: dividerClass
-          }
-        ),
-        /* @__PURE__ */ jsx7(EntityMetadataAuthorCell, { author: effectiveAuthor, roleLabel, authorHref })
-      ]
-    }
-  );
-}
-
-// src/components/chat/entity-cards/blog-image-placeholder.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-function BlogImagePlaceholder({
-  imageUrl,
-  title,
-  className = ""
-}) {
-  if (!imageUrl) return null;
-  return /* @__PURE__ */ jsx8("span", { className: `relative block w-full h-full overflow-hidden bg-ods-bg ${className}`, children: /* @__PURE__ */ jsx8(
-    "img",
-    {
-      src: imageUrl,
-      alt: `Cover image for ${title}`,
-      className: "block w-full h-full object-contain",
-      loading: "lazy",
-      onError: (e) => {
-        e.currentTarget.style.display = "none";
-      }
-    }
-  ) });
-}
-
-// 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 jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
-if (typeof window !== "undefined") {
-  const w = window;
-  if (!w.chrome?.cast) {
-    w.chrome = { ...w.chrome ?? {}, cast: { isAvailable: false } };
-  }
-}
-if (typeof window !== "undefined" && typeof console !== "undefined") {
-  const w = window;
-  if (!w.__MEDIA_CHROME_WARN_PATCHED__) {
-    w.__MEDIA_CHROME_WARN_PATCHED__ = true;
-    const MEDIA_CHROME_NO_STYLESHEET_PREFIX = "Media Chrome: No style sheet found on style tag of";
-    const originalWarn = console.warn.bind(console);
-    console.warn = (...args) => {
-      if (typeof args[0] === "string" && args[0].startsWith(MEDIA_CHROME_NO_STYLESHEET_PREFIX)) {
-        return;
-      }
-      originalWarn(...args);
-    };
-  }
-}
-var YT_HOSTS = /* @__PURE__ */ new Set([
-  "youtube.com",
-  "www.youtube.com",
-  "m.youtube.com",
-  "youtu.be",
-  "youtube-nocookie.com",
-  "www.youtube-nocookie.com"
-]);
-function isYouTubeUrl(url) {
-  try {
-    return YT_HOSTS.has(new URL(url, "http://placeholder.local").hostname.toLowerCase());
-  } catch {
-    return false;
-  }
-}
-var YT_PATH_RE = /^\/(?:embed|v|shorts)\/([^/]+)\/?$/;
-var BARE_YT_ID_RE = /^[A-Za-z0-9_-]{11}$/;
-function extractYouTubeId(url) {
-  if (!url) return null;
-  if (BARE_YT_ID_RE.test(url)) return url;
-  let u;
-  try {
-    u = new URL(url, "http://placeholder.local");
-  } catch {
-    return null;
-  }
-  if (!YT_HOSTS.has(u.hostname.toLowerCase())) return null;
-  if (u.hostname.toLowerCase().endsWith("youtu.be")) {
-    return u.pathname.split("/").filter(Boolean)[0] ?? null;
-  }
-  const v = u.searchParams.get("v");
-  if (v) return v;
-  const m = u.pathname.match(YT_PATH_RE);
-  return m ? m[1] : null;
-}
-function Video(props) {
-  const url = props.url;
-  if (!url) return null;
-  const effectiveKind = resolveKind(props, url);
-  const layout = props.layout ?? "native";
-  const inner = effectiveKind === "youtube" ? /* @__PURE__ */ jsx9(
-    YouTubeFacade,
-    {
-      url,
-      title: props.title,
-      priority: props.priority,
-      className: props.className,
-      minimalControls: props.minimalControls
-    }
-  ) : /* @__PURE__ */ jsx9(
-    FilePlayer,
-    {
-      url,
-      poster: props.poster,
-      muted: props.muted,
-      srtContent: "srtContent" in props ? props.srtContent : null,
-      captionsUrl: "captionsUrl" in props ? props.captionsUrl : null,
-      className: props.className
-    }
-  );
-  return wrapWithLayout(inner, layout);
-}
-function resolveKind(props, url) {
-  if ("kind" in props) {
-    if (props.kind === "youtube") return "youtube";
-    if (props.kind === "file") return "file";
-  }
-  if (BARE_YT_ID_RE.test(url)) return "youtube";
-  return isYouTubeUrl(url) ? "youtube" : "file";
-}
-function wrapWithLayout(inner, layout) {
-  switch (layout) {
-    case "centered":
-      return /* @__PURE__ */ jsx9("div", { className: "flex justify-center w-full", children: /* @__PURE__ */ jsx9("div", { className: "w-full max-w-3xl aspect-video rounded-lg overflow-hidden border border-ods-border", children: inner }) });
-    case "fill":
-      return /* @__PURE__ */ jsx9("div", { className: "absolute inset-0 w-full h-full", children: inner });
-    case "native":
-    default:
-      return inner;
-  }
-}
-function FilePlayer({
-  url,
-  poster,
-  muted,
-  srtContent,
-  captionsUrl,
-  className
-}) {
-  if (process.env.NODE_ENV !== "production" && srtContent && !captionsUrl) {
-    console.warn(
-      "[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__ */ jsx9(
-    MuxPlayer,
-    {
-      src: url,
-      poster: poster || void 0,
-      streamType: "on-demand",
-      playsInline: true,
-      muted,
-      preferCmcd: "header",
-      accentColor: "var(--ods-accent, var(--color-accent-primary))",
-      className,
-      style: { width: "100%", height: "100%" },
-      children: captionsUrl ? /* @__PURE__ */ jsx9(
-        "track",
-        {
-          kind: "captions",
-          src: captionsUrl,
-          srcLang: "en",
-          label: "English",
-          default: true
-        }
-      ) : null
-    }
-  );
-}
-function YouTubeFacade({
-  url,
-  title = "YouTube Video",
-  priority,
-  className,
-  minimalControls
-}) {
-  const videoId = extractYouTubeId(url);
-  if (!videoId) return null;
-  return /* @__PURE__ */ jsx9(YouTubeFacadeInner, { videoId, title, priority, className, minimalControls });
-}
-var YT_NOCOOKIE_ORIGIN = "https://www.youtube-nocookie.com";
-var YT_STATE_ENDED = 0;
-var YT_STATE_PLAYING = 1;
-var YT_PLAYING_BLUR_DELAY_MS = 1e3;
-function YouTubeFacadeInner({
-  videoId,
-  title,
-  priority,
-  className,
-  minimalControls
-}) {
-  const [activated, setActivated] = useState3(false);
-  const iframeRef = useRef4(null);
-  const { embedUrl, posterJpg, posterWebp } = useMemo3(() => {
-    const params = new URLSearchParams({
-      autoplay: "1",
-      rel: "0",
-      modestbranding: "1",
-      playsinline: "1",
-      enablejsapi: "1"
-    });
-    if (typeof window !== "undefined") {
-      params.set("origin", window.location.origin);
-    }
-    if (minimalControls) {
-      params.set("controls", "0");
-      params.set("fs", "0");
-      params.set("iv_load_policy", "3");
-      params.set("cc_load_policy", "0");
-      params.set("disablekb", "1");
-    }
-    return {
-      embedUrl: `${YT_NOCOOKIE_ORIGIN}/embed/${videoId}?${params.toString()}`,
-      posterJpg: `https://i.ytimg.com/vi/${videoId}/mqdefault.jpg`,
-      posterWebp: `https://i.ytimg.com/vi_webp/${videoId}/mqdefault.webp`
-    };
-  }, [videoId, minimalControls]);
-  useEffect4(() => {
-    if (!activated) return;
-    const iframe = iframeRef.current;
-    if (!iframe) return;
-    function subscribe() {
-      iframe?.contentWindow?.postMessage(
-        '{"event":"listening"}',
-        YT_NOCOOKIE_ORIGIN
-      );
-    }
-    iframe.addEventListener("load", subscribe);
-    subscribe();
-    let blurTimer = null;
-    function handleMessage(event) {
-      if (event.origin !== YT_NOCOOKIE_ORIGIN) return;
-      if (typeof event.data !== "string") return;
-      let payload = null;
-      try {
-        payload = JSON.parse(event.data);
-      } catch {
-        return;
-      }
-      if (!payload || payload.event !== "infoDelivery") return;
-      const state = payload.info?.playerState;
-      if (typeof state !== "number") return;
-      if (state === YT_STATE_PLAYING) {
-        if (blurTimer !== null) return;
-        blurTimer = setTimeout(() => {
-          blurTimer = null;
-          iframeRef.current?.blur();
-        }, YT_PLAYING_BLUR_DELAY_MS);
-        return;
-      }
-      if (state === YT_STATE_ENDED) {
-        setActivated(false);
-      }
-    }
-    window.addEventListener("message", handleMessage);
-    return () => {
-      iframe.removeEventListener("load", subscribe);
-      window.removeEventListener("message", handleMessage);
-      if (blurTimer !== null) clearTimeout(blurTimer);
-    };
-  }, [activated]);
-  const wrapperClass = `relative w-full ${className ?? ""}`;
-  const wrapperStyle = { paddingBottom: "56.25%" };
-  if (activated) {
-    return /* @__PURE__ */ jsx9("div", { className: wrapperClass, style: wrapperStyle, children: /* @__PURE__ */ jsx9(
-      "iframe",
-      {
-        ref: iframeRef,
-        src: embedUrl,
-        allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
-        allowFullScreen: true,
-        title,
-        className: "absolute inset-0 w-full h-full border-0 rounded-lg"
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsx9("div", { className: wrapperClass, style: wrapperStyle, children: /* @__PURE__ */ jsxs6(
-    "button",
-    {
-      type: "button",
-      "aria-label": `Play: ${title}`,
-      onClick: () => setActivated(true),
-      className: "group absolute inset-0 p-0 m-0 border border-ods-border rounded-lg overflow-hidden bg-ods-card cursor-pointer",
-      children: [
-        /* @__PURE__ */ jsxs6("picture", { children: [
-          /* @__PURE__ */ jsx9("source", { type: "image/webp", srcSet: posterWebp }),
-          /* @__PURE__ */ jsx9(
-            "img",
-            {
-              src: posterJpg,
-              alt: title,
-              loading: "lazy",
-              ...fetchPriorityProp(priority),
-              decoding: priority ? "sync" : "async",
-              className: "absolute inset-0 w-full h-full object-cover"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx9("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__ */ jsx9("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__ */ jsx9(PlayIcon, { size: 24, color: "currentColor", className: "ml-1" }) }) })
-      ]
-    }
-  ) });
-}
-
-// src/components/features/video-ratio-tabs.tsx
-import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs7 } 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",
-  square: "grid grid-cols-2 md:grid-cols-3 gap-4",
-  landscape: "grid grid-cols-1 md:grid-cols-2 gap-4"
-};
-var RATIO_DISPLAY_GRID_CLASS = {
-  portrait: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4",
-  square: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4",
-  landscape: "grid grid-cols-1 md:grid-cols-2 gap-6"
-};
-var RATIO_TAB_CONFIG = [
-  { key: "portrait", label: "Portrait 9:16" },
-  { key: "square", label: "Square 1:1" },
-  { key: "landscape", label: "Landscape 16:9" }
-];
-function RatioTabs({
-  groups,
-  defaultTab,
-  className = ""
-}) {
-  const activeTabs = RATIO_TAB_CONFIG.filter((t) => groups[t.key].count > 0);
-  if (activeTabs.length <= 1) {
-    const active = activeTabs[0];
-    return active ? /* @__PURE__ */ jsx10(Fragment2, { children: groups[active.key].render() }) : null;
-  }
-  const firstTab = defaultTab && groups[defaultTab].count > 0 ? defaultTab : activeTabs[0].key;
-  return /* @__PURE__ */ jsxs7(Tabs, { defaultValue: firstTab, className: `w-full ${className}`, children: [
-    /* @__PURE__ */ jsx10(TabsList, { className: "inline-flex justify-start rounded-none bg-transparent h-auto p-0 gap-0 mb-2", children: activeTabs.map((t) => /* @__PURE__ */ jsxs7(TabsTrigger, { value: t.key, className: TAB_TRIGGER_CLASS, children: [
-      t.label,
-      " (",
-      groups[t.key].count,
-      ")"
-    ] }, t.key)) }),
-    activeTabs.map((t) => /* @__PURE__ */ jsx10(
-      TabsContent,
-      {
-        value: t.key,
-        forceMount: true,
-        className: "data-[state=inactive]:hidden",
-        children: groups[t.key].render()
-      },
-      t.key
-    ))
-  ] });
-}
-function detectAspectRatio(ratioString, width, height) {
-  if (ratioString === "16:9") return "16:9";
-  if (ratioString === "1:1") return "1:1";
-  if (ratioString === "9:16") return "9:16";
-  if (width && height) {
-    if (Math.abs(width - height) < Math.min(width, height) * 0.1) return "1:1";
-    if (width > height) return "16:9";
-  }
-  return "9:16";
-}
-function ratioToCategory(ratio) {
-  if (ratio === "16:9") return "landscape";
-  if (ratio === "1:1") return "square";
-  return "portrait";
-}
-function groupByAspectRatio(items, getAspectRatio) {
-  const portrait = [];
-  const square = [];
-  const landscape = [];
-  for (const item of items) {
-    const cat = ratioToCategory(getAspectRatio(item));
-    if (cat === "landscape") landscape.push(item);
-    else if (cat === "square") square.push(item);
-    else portrait.push(item);
-  }
-  const filled = [portrait, square, landscape].filter((a) => a.length > 0).length;
-  return { portrait, square, landscape, hasMultiple: filled > 1 };
-}
-
-// src/components/features/video-bites-display.tsx
-import { useMemo as useMemo4 } from "react";
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
-var RATIO_TO_CSS_ASPECT = {
-  portrait: "9 / 16",
-  square: "1 / 1",
-  landscape: "16 / 9"
-};
-function LazyBite({ ratio, children }) {
-  const { ref, isNear } = useNearViewport("500px");
-  return /* @__PURE__ */ jsx11("div", { ref, style: { aspectRatio: RATIO_TO_CSS_ASPECT[ratio] }, children: isNear ? children : /* @__PURE__ */ jsx11("div", { className: "w-full h-full bg-ods-card rounded-md" }) });
-}
-function VideoBitesDisplay({
-  bites,
-  title = "Video Highlights",
-  filterPublished = true,
-  showTitle = true
-}) {
-  const grouped = useMemo4(() => {
-    const filtered = filterPublished ? bites.filter((b) => b.published) : bites;
-    const sorted = [...filtered].sort((a, b) => {
-      if (!a.created_at && !b.created_at) return 0;
-      if (!a.created_at) return 1;
-      if (!b.created_at) return -1;
-      return new Date(b.created_at).getTime() - new Date(a.created_at).getTime();
-    });
-    return groupByAspectRatio(
-      sorted,
-      (b) => detectAspectRatio(b.aspect_ratio)
-    );
-  }, [bites, filterPublished]);
-  const totalCount = grouped.portrait.length + grouped.square.length + grouped.landscape.length;
-  if (totalCount === 0) return null;
-  return /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-6 w-full min-w-0", children: [
-    showTitle && /* @__PURE__ */ jsx11("h2", { className: `${SECTION_HEADING_CLASS} break-words`, children: title }),
-    grouped.hasMultiple ? /* @__PURE__ */ jsx11(
-      RatioTabs,
-      {
-        groups: {
-          portrait: {
-            count: grouped.portrait.length,
-            render: () => /* @__PURE__ */ jsx11(BiteGrid, { bites: grouped.portrait, ratio: "portrait" })
-          },
-          square: {
-            count: grouped.square.length,
-            render: () => /* @__PURE__ */ jsx11(BiteGrid, { bites: grouped.square, ratio: "square" })
-          },
-          landscape: {
-            count: grouped.landscape.length,
-            render: () => /* @__PURE__ */ jsx11(BiteGrid, { bites: grouped.landscape, ratio: "landscape" })
-          }
-        }
-      }
-    ) : /* @__PURE__ */ jsx11(
-      BiteGrid,
-      {
-        bites: grouped.portrait.length > 0 ? grouped.portrait : grouped.square.length > 0 ? grouped.square : grouped.landscape,
-        ratio: grouped.portrait.length > 0 ? "portrait" : grouped.square.length > 0 ? "square" : "landscape"
-      }
-    )
-  ] });
-}
-function BiteGrid({ bites, ratio }) {
-  return /* @__PURE__ */ jsx11("div", { className: RATIO_DISPLAY_GRID_CLASS[ratio], children: bites.map((bite, index) => /* @__PURE__ */ jsx11(LazyBite, { ratio, children: /* @__PURE__ */ jsx11(VideoBiteCard, { url: bite.url, title: bite.title, thumbnailUrl: bite.thumbnail_url }) }, bite.url || index)) });
-}
-function VideoBiteCard({ url, title, thumbnailUrl }) {
-  return /* @__PURE__ */ jsxs8(Card, { className: "overflow-hidden border border-ods-border bg-ods-card hover:border-ods-accent transition-colors flex flex-col h-full", children: [
-    /* @__PURE__ */ jsx11("div", { className: "relative flex-1 min-h-0", children: /* @__PURE__ */ jsx11(Video, { url, poster: thumbnailUrl || void 0, layout: "fill" }) }),
-    title && /* @__PURE__ */ jsx11("div", { className: "p-4", children: /* @__PURE__ */ jsx11("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 jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
-function EntityVideoSection({
-  mainVideoUrl,
-  youtubeUrl,
-  highlightVideoUrl,
-  highlightVideoThumbnail,
-  mainVideoPoster,
-  title = "Video",
-  videoSummary,
-  videoBites,
-  bitesTitle = "Video Highlights",
-  filterPublishedBites = true,
-  MarkdownRenderer,
-  srtContent,
-  captionsUrl,
-  priority = false
-}) {
-  const hasFullVideo = !!(youtubeUrl || mainVideoUrl);
-  const hasHighlight = !!highlightVideoUrl;
-  const hasVideo = hasFullVideo || hasHighlight;
-  if (!hasVideo && !videoSummary && (!videoBites || videoBites.length === 0)) {
-    return null;
-  }
-  const fullVideoUrl = youtubeUrl || mainVideoUrl || null;
-  const fullVideoKind = youtubeUrl ? "youtube" : "auto";
-  return /* @__PURE__ */ jsxs9(Fragment3, { children: [
-    hasVideo && (hasFullVideo && hasHighlight ? /* @__PURE__ */ jsxs9(Tabs, { defaultValue: "full-video", className: "w-full", children: [
-      /* @__PURE__ */ jsxs9(TabsList, { className: "inline-flex justify-start rounded-none bg-transparent h-auto p-0 gap-0", children: [
-        /* @__PURE__ */ jsx12(
-          TabsTrigger,
-          {
-            value: "full-video",
-            className: "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 md:px-6 py-3 text-ods-text-secondary data-[state=active]:text-ods-text-primary",
-            children: "Full Video"
-          }
-        ),
-        /* @__PURE__ */ jsx12(
-          TabsTrigger,
-          {
-            value: "highlights",
-            className: "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 md:px-6 py-3 text-ods-text-secondary data-[state=active]:text-ods-text-primary",
-            children: "Highlights"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx12(TabsContent, { value: "full-video", className: "mt-4", children: /* @__PURE__ */ jsx12(
-        Video,
-        {
-          kind: fullVideoKind,
-          url: fullVideoUrl,
-          poster: mainVideoPoster,
-          title,
-          srtContent,
-          captionsUrl,
-          layout: "centered",
-          priority
-        }
-      ) }),
-      /* @__PURE__ */ jsx12(TabsContent, { value: "highlights", className: "mt-4", children: /* @__PURE__ */ jsx12(
-        Video,
-        {
-          url: highlightVideoUrl,
-          poster: highlightVideoThumbnail,
-          layout: "centered"
-        }
-      ) })
-    ] }) : hasFullVideo ? /* @__PURE__ */ jsx12(
-      Video,
-      {
-        kind: fullVideoKind,
-        url: fullVideoUrl,
-        poster: mainVideoPoster,
-        title,
-        srtContent,
-        captionsUrl,
-        layout: "centered",
-        priority
-      }
-    ) : /* @__PURE__ */ jsx12(
-      Video,
-      {
-        url: highlightVideoUrl,
-        poster: highlightVideoThumbnail,
-        layout: "centered",
-        priority
-      }
-    )),
-    videoSummary && MarkdownRenderer && /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-6 w-full min-w-0", children: [
-      /* @__PURE__ */ jsx12("h2", { className: `${SECTION_HEADING_CLASS} break-words`, children: "Summary" }),
-      /* @__PURE__ */ jsx12("div", { className: "text-h4 text-ods-text-primary break-words overflow-hidden", children: /* @__PURE__ */ jsx12(MarkdownRenderer, { content: videoSummary }) })
-    ] }),
-    videoBites && videoBites.length > 0 && /* @__PURE__ */ jsx12(
-      VideoBitesDisplay,
-      {
-        bites: videoBites,
-        title: bitesTitle,
-        filterPublished: filterPublishedBites
-      }
-    )
-  ] });
-}
-
-// src/components/chat/entity-cards/onboarding-guide-card.tsx
-init_next_link();
-init_cn();
-import { Clock, ExternalLink, GraduationCap, Play } from "lucide-react";
-
-// src/components/chat/entity-cards/use-entity-card-link.ts
-import { useMemo as useMemo5 } from "react";
-function useEntityCardLink({
-  href,
-  targetPlatform,
-  target,
-  rel
-}) {
-  const runtime = useChatRuntime();
-  return useMemo5(() => {
-    if (target !== void 0 || rel !== void 0) {
-      const safeRel = rel ?? (target === "_blank" ? "noopener noreferrer" : void 0);
-      return { target, rel: safeRel };
-    }
-    const newTab = runtime ? computeIsNewTab(runtime, href, targetPlatform ?? null) : false;
-    return newTab ? { target: "_blank", rel: "noopener noreferrer" } : { target: void 0, rel: void 0 };
-  }, [target, rel, href, targetPlatform, runtime]);
-}
-
-// src/components/chat/entity-cards/use-entity-card-placeholder.ts
-var NO_OP_BUILDER = () => "";
-function useEntityCardPlaceholder({
-  title,
-  placeholderUrl,
-  siteName = "",
-  aspect = "wide"
-}) {
-  const runtime = useChatRuntime();
-  const builder = runtime?.resolvePlaceholderUrl ?? NO_OP_BUILDER;
-  const enabled = placeholderUrl === void 0 && !!runtime?.resolvePlaceholderUrl;
-  const derived = useOgPlaceholder(builder, title, siteName, enabled, aspect);
-  return placeholderUrl !== void 0 ? placeholderUrl : derived;
-}
-
-// src/components/chat/entity-cards/onboarding-guide-card.tsx
-import { jsx as jsx13, jsxs as jsxs10 } 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");
-}
-var HORIZONTAL_SIZE_TOKENS = {
-  default: {
-    padding: "p-4",
-    step: "w-8 h-8 text-sm",
-    title: "text-h5",
-    summaryClamp: "line-clamp-2"
-  }
-};
-function OnboardingGuideCardSkeleton({ size = "default" }) {
-  if (size === "catalog") {
-    return /* @__PURE__ */ jsxs10("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__ */ jsxs10("div", { className: "flex flex-col md:flex-row gap-4 md:gap-6", children: [
-        /* @__PURE__ */ jsx13("div", { className: "w-full md:w-[256px] aspect-[1200/630] bg-ods-border rounded-lg flex-shrink-0" }),
-        /* @__PURE__ */ jsxs10("div", { className: "flex-1 min-w-0 flex flex-col", children: [
-          /* @__PURE__ */ jsxs10("div", { className: "min-h-[60px] md:min-h-[72px] flex flex-col gap-1.5 justify-start mb-3", children: [
-            /* @__PURE__ */ jsx13("div", { className: "h-[25px] md:h-[30px] w-3/4 bg-ods-border rounded" }),
-            /* @__PURE__ */ jsx13("div", { className: "h-[25px] md:h-[30px] w-1/2 bg-ods-border rounded" })
-          ] }),
-          /* @__PURE__ */ jsxs10("div", { className: "min-h-[46px] md:min-h-[52px] flex flex-col gap-2 justify-start", children: [
-            /* @__PURE__ */ jsx13("div", { className: "h-3 w-full bg-ods-border/70 rounded" }),
-            /* @__PURE__ */ jsx13("div", { className: "h-3 w-5/6 bg-ods-border/70 rounded" })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs10("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__ */ jsx13(
-          "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__ */ jsxs10("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsx13("div", { className: "h-6 w-32 bg-ods-bg rounded" }),
-              /* @__PURE__ */ jsx13("div", { className: "h-3 w-20 bg-ods-bg/60 rounded" })
-            ] })
-          },
-          `cell-${i}`
-        )),
-        /* @__PURE__ */ jsxs10("div", { className: "bg-ods-card p-4 flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx13("div", { className: "h-10 w-10 rounded-full bg-ods-bg shrink-0" }),
-          /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsx13("div", { className: "h-4 w-3/4 bg-ods-bg rounded" }),
-            /* @__PURE__ */ jsx13("div", { className: "h-3 w-1/2 bg-ods-bg/60 rounded" })
-          ] })
-        ] })
-      ] })
-    ] });
-  }
-  if (size === "sm") {
-    return /* @__PURE__ */ jsxs10("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
-      /* @__PURE__ */ jsx13("span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
-      /* @__PURE__ */ jsxs10("span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ jsx13("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx13("span", { className: "h-3.5 w-3/5 rounded bg-ods-bg" }) }),
-        /* @__PURE__ */ jsx13("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx13("span", { className: "h-3 w-2/5 rounded bg-ods-bg/70" }) }),
-        /* @__PURE__ */ jsx13("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx13("span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
-      ] }),
-      /* @__PURE__ */ jsx13("span", { className: "flex shrink-0 items-center self-start h-5", children: /* @__PURE__ */ jsx13("span", { className: "h-3.5 w-3.5 rounded bg-ods-bg" }) })
-    ] });
-  }
-  const t = HORIZONTAL_SIZE_TOKENS.default;
-  return /* @__PURE__ */ jsxs10(
-    "span",
-    {
-      className: `flex items-start gap-3 rounded-md border border-ods-border bg-ods-card ${t.padding} animate-pulse`,
-      children: [
-        /* @__PURE__ */ jsx13("span", { className: `shrink-0 inline-flex items-center justify-center rounded-full bg-ods-bg ${t.step}` }),
-        /* @__PURE__ */ jsxs10("span", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx13("span", { className: "block h-4 w-2/3 rounded bg-ods-bg" }),
-          /* @__PURE__ */ jsx13("span", { className: "block h-3 w-1/3 rounded bg-ods-bg/70" }),
-          /* @__PURE__ */ jsx13("span", { className: "block h-3 w-full rounded bg-ods-bg/40" })
-        ] })
-      ]
-    }
-  );
-}
-function OnboardingGuideCard({
-  guide,
-  href,
-  target: targetProp,
-  rel: relProp,
-  targetPlatform,
-  placeholderUrl: placeholderUrlProp,
-  size = "default",
-  className
-}) {
-  const { target, rel } = useEntityCardLink({
-    href,
-    targetPlatform,
-    target: targetProp,
-    rel: relProp
-  });
-  const placeholderUrl = useEntityCardPlaceholder({
-    title: guide.title,
-    placeholderUrl: placeholderUrlProp,
-    aspect: size === "sm" ? "square" : "wide"
-  });
-  if (size === "catalog") {
-    const coverImage = guide.featured_image || guide.main_video_thumbnail || guide.og_image_url || null;
-    const hasVideoCover = !!(guide.main_video_thumbnail || guide.highlight_video_thumbnail);
-    const stepLabel = typeof guide.step_order === "number" ? String(guide.step_order).padStart(2, "0") : "\u2014";
-    const durationLabel = typeof guide.highlight_video_duration_ms === "number" && guide.highlight_video_duration_ms > 0 ? formatDurationMMSS(Math.floor(guide.highlight_video_duration_ms / 1e3)) : "";
-    return /* @__PURE__ */ jsx13(
-      next_link_default,
-      {
-        href,
-        target,
-        rel,
-        prefetch: false,
-        className: cn(
-          "group block no-underline bg-ods-system-greys-black",
-          "border border-ods-border rounded-lg overflow-hidden",
-          "transition-all duration-300 ease-out",
-          "transform hover:translate-y-[-2px]",
-          "hover:border-ods-accent hover:shadow-lg hover:shadow-ods-accent/[0.08]",
-          className
-        ),
-        "aria-label": `Open ${guide.title}`,
-        children: /* @__PURE__ */ jsxs10("div", { className: "flex flex-col p-6 gap-4", children: [
-          /* @__PURE__ */ jsxs10("div", { className: "flex flex-col md:flex-row gap-4 md:gap-6", children: [
-            /* @__PURE__ */ jsx13("div", { className: "w-full md:w-[256px] flex-shrink-0", children: /* @__PURE__ */ jsxs10("div", { className: "relative rounded-lg overflow-hidden w-full aspect-[1200/630] bg-ods-bg", children: [
-              coverImage ? /* @__PURE__ */ jsx13(
-                next_image_default,
-                {
-                  src: coverImage,
-                  alt: guide.title,
-                  fill: true,
-                  sizes: "(max-width: 768px) 100vw, 256px",
-                  className: "object-cover",
-                  unoptimized: true
-                }
-              ) : /* @__PURE__ */ jsx13(
-                BlogImagePlaceholder,
-                {
-                  title: guide.title,
-                  imageUrl: placeholderUrl ?? null,
-                  className: "absolute inset-0"
-                }
-              ),
-              hasVideoCover && coverImage && /* @__PURE__ */ jsx13("span", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx13(Play, { className: "w-10 h-10 text-white", fill: "white" }) }),
-              durationLabel && /* @__PURE__ */ jsxs10("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__ */ jsx13(Clock, { className: "w-3 h-3" }),
-                durationLabel
-              ] })
-            ] }) }),
-            /* @__PURE__ */ jsxs10("div", { className: "flex-1 min-w-0 flex flex-col", children: [
-              /* @__PURE__ */ jsx13("div", { className: "min-h-[60px] md:min-h-[72px] flex items-start mb-3", children: /* @__PURE__ */ jsx13("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__ */ jsx13("div", { className: "min-h-[46px] md:min-h-[52px]", children: /* @__PURE__ */ jsx13("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__ */ jsx13(
-            EntityAuthorCard,
-            {
-              author: guide.author,
-              publishedAt: guide.published_at,
-              renderEmptyAuthor: true,
-              extraCells: [
-                {
-                  value: `${guide.section} \xB7 Step ${stepLabel}`,
-                  label: "Section",
-                  uppercase: false
-                }
-              ]
-            }
-          )
-        ] })
-      }
-    );
-  }
-  if (size === "sm") {
-    const coverImage = guide.featured_image || guide.main_video_thumbnail || guide.og_image_url || null;
-    const compactCover = coverImage || placeholderUrl || null;
-    const hasVideoCover = !guide.featured_image && !!guide.main_video_thumbnail;
-    const summary2 = stripMarkdownPreview(guide.video_summary || guide.content || "");
-    const author = guide.author?.full_name?.trim() || "";
-    const subtitleParts = [
-      `Step ${guide.step_order}`,
-      guide.section,
-      author
-    ].filter((s) => typeof s === "string" && s.length > 0);
-    return /* @__PURE__ */ jsxs10(next_link_default, { href, target, rel, prefetch: false, className: cn(COMPACT_CARD_OUTER, className), children: [
-      /* @__PURE__ */ jsxs10("span", { className: COMPACT_CARD_IMAGE_SLOT, children: [
-        compactCover ? /* @__PURE__ */ jsx13(
-          next_image_default,
-          {
-            src: compactCover,
-            alt: guide.title,
-            fill: true,
-            sizes: "56px",
-            className: "object-contain",
-            unoptimized: true
-          }
-        ) : /* @__PURE__ */ jsx13("span", { className: "flex h-full w-full items-center justify-center text-ods-accent", children: /* @__PURE__ */ jsx13(GraduationCap, { className: "w-4 h-4" }) }),
-        hasVideoCover && compactCover && /* @__PURE__ */ jsx13("span", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx13(Play, { className: "h-4 w-4 text-white", fill: "white" }) })
-      ] }),
-      /* @__PURE__ */ jsxs10("span", { className: COMPACT_CARD_TEXT_COL, children: [
-        /* @__PURE__ */ jsx13("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx13("span", { className: cn(COMPACT_CARD_TITLE, "font-['Azeret_Mono']"), children: guide.title }) }),
-        /* @__PURE__ */ jsx13("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx13("span", { className: "truncate text-[11px] leading-4 text-[var(--color-accent-primary)]", children: subtitleParts.join(" \xB7 ") }) }),
-        /* @__PURE__ */ jsx13("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx13("span", { className: COMPACT_CARD_SUMMARY, children: summary2 || COMPACT_CARD_ROW_FILLER }) })
-      ] }),
-      /* @__PURE__ */ jsx13("span", { className: "flex shrink-0 items-center self-start h-5 text-ods-text-secondary", children: /* @__PURE__ */ jsx13(ExternalLink, { className: "w-3.5 h-3.5" }) })
-    ] });
-  }
-  const t = HORIZONTAL_SIZE_TOKENS.default;
-  const summary = stripMarkdownPreview(guide.video_summary || guide.content || "");
-  return /* @__PURE__ */ jsxs10(
-    next_link_default,
-    {
-      href,
-      target,
-      rel,
-      prefetch: false,
-      className: cn(
-        `flex items-start gap-3 rounded-md border border-ods-border bg-ods-card hover:border-ods-accent transition-colors ${t.padding}`,
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx13(
-          "span",
-          {
-            className: `shrink-0 inline-flex items-center justify-center rounded-full bg-ods-accent/10 text-ods-accent font-semibold ${t.step}`,
-            "aria-hidden": "true",
-            children: guide.step_order
-          }
-        ),
-        /* @__PURE__ */ jsxs10("span", { className: "flex flex-col gap-0.5 flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx13("span", { className: `block ${t.title} text-ods-text-primary truncate`, children: guide.title }),
-          /* @__PURE__ */ jsxs10("span", { className: "inline-flex items-center gap-1 font-['DM_Sans'] text-[12px] leading-[16px] text-ods-text-secondary", children: [
-            /* @__PURE__ */ jsx13(GraduationCap, { className: "h-3 w-3 shrink-0" }),
-            /* @__PURE__ */ jsx13("span", { className: "truncate", children: guide.section })
-          ] }),
-          summary && /* @__PURE__ */ jsx13("span", { className: `font-['DM_Sans'] text-[14px] leading-[20px] text-ods-text-secondary ${t.summaryClamp}`, children: summary })
-        ] })
-      ]
-    }
-  );
-}
-
-// src/components/ui/page-actions.tsx
-init_cn();
-import React10 from "react";
-init_button();
-import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
-function actionKey(action, idx) {
-  return `${action.label ?? action.ariaLabel ?? "action"}-${idx}`;
-}
-function actionToMenuItems(action, idx) {
-  if (action.submenu && action.submenu.length > 0) {
-    if (!action.label) return action.submenu;
-    return action.submenu.map((item) => ({
-      ...item,
-      label: `${action.label} (${item.label})`
-    }));
-  }
-  if (!action.label) return [];
-  return [{
-    id: `action-${idx}`,
-    label: action.label,
-    icon: action.icon,
-    onClick: action.onClick,
-    disabled: action.disabled,
-    href: action.href,
-    iconAction: action.iconAction ? {
-      icon: action.iconAction.icon,
-      "aria-label": action.iconAction["aria-label"],
-      onClick: action.iconAction.onClick,
-      href: action.iconAction.href,
-      openInNewTab: action.iconAction.openInNewTab,
-      disabled: action.iconAction.disabled
-    } : void 0
-  }];
-}
-function renderActionButton(action, opts = {}) {
-  if (action.iconAction) {
-    return /* @__PURE__ */ jsx14(
-      SplitButton,
-      {
-        variant: action.variant ?? void 0,
-        href: action.href,
-        prefetch: action.prefetch,
-        openInNewTab: action.openInNewTab,
-        onClick: action.onClick,
-        disabled: action.disabled,
-        mainDisabled: action.mainDisabled,
-        leftIcon: action.icon,
-        fullWidth: opts.fullWidth,
-        iconAction: action.iconAction,
-        children: action.label
-      }
-    );
-  }
-  if (action.submenu && action.submenu.length > 0) {
-    return /* @__PURE__ */ jsx14(
-      ActionsMenuDropdown,
-      {
-        groups: [{ items: action.submenu }],
-        customTrigger: /* @__PURE__ */ jsx14(
-          Button,
-          {
-            variant: "outline",
-            disabled: action.disabled,
-            loading: action.loading,
-            leftIcon: action.icon,
-            splitIcon: /* @__PURE__ */ jsx14(Chevron02DownIcon, { className: "h-4 w-4" }),
-            className: opts.fullWidth ? "flex-1" : void 0,
-            children: action.label
-          }
-        )
-      }
-    );
-  }
-  const isIconOnly = opts.iconOnly || !action.label || action.iconOnlyOnDesktop;
-  if (isIconOnly) {
-    const iconNode = action.iconOnlyOnDesktop ? /* @__PURE__ */ jsx14("span", { className: "inline-flex [&_svg]:!text-ods-text-primary", children: action.icon }) : action.icon;
-    return /* @__PURE__ */ jsx14(
-      Button,
-      {
-        variant: action.variant,
-        size: "icon",
-        href: action.href,
-        prefetch: action.prefetch,
-        openInNewTab: action.openInNewTab,
-        onClick: action.onClick,
-        disabled: action.disabled,
-        loading: action.loading,
-        leftIcon: iconNode,
-        "aria-label": action.label ?? action.ariaLabel
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx14(
-    Button,
-    {
-      variant: action.variant,
-      href: action.href,
-      prefetch: action.prefetch,
-      openInNewTab: action.openInNewTab,
-      onClick: action.onClick,
-      disabled: action.disabled,
-      loading: action.loading,
-      leftIcon: action.icon,
-      className: opts.fullWidth ? "flex-1" : void 0,
-      children: action.label
-    }
-  );
-}
-var ACTIONS_GAP = "gap-[var(--spacing-system-xs)]";
-function PageActions({
-  variant = "icon-buttons",
-  actions,
-  menuActions,
-  selector,
-  className
-}) {
-  if (variant === "icon-buttons") {
-    return /* @__PURE__ */ jsx14(IconButtonsVariant, { actions, menuActions, selector, className });
-  }
-  if (variant === "menu-primary") {
-    return /* @__PURE__ */ jsx14(MenuPrimaryVariant, { actions, menuActions: menuActions || [], selector, className });
-  }
-  return /* @__PURE__ */ jsx14(PrimaryButtonsVariant, { actions, className });
-}
-function IconButtonsVariant({
-  actions,
-  menuActions,
-  selector,
-  className
-}) {
-  const desktopActions = actions.filter((a) => !a.showOnlyMobile);
-  const hasMenuActions = !!menuActions && menuActions.some((g) => g.items.length > 0);
-  const isSingleAction = actions.length === 1 && !actions[0].submenu?.length;
-  const singleAction = isSingleAction ? actions[0] : null;
-  const useSingleActionMobile = isSingleAction && !hasMenuActions;
-  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
-    /* @__PURE__ */ jsxs11("div", { className: cn("hidden md:flex items-center", ACTIONS_GAP, className), children: [
-      selector,
-      desktopActions.map((action, idx) => /* @__PURE__ */ jsx14(React10.Fragment, { children: renderActionButton(action) }, actionKey(action, idx))),
-      hasMenuActions && /* @__PURE__ */ jsx14(ActionsMenuDropdown, { groups: menuActions })
-    ] }),
-    /* @__PURE__ */ jsx14("div", { className: cn("flex md:hidden", className), children: useSingleActionMobile && singleAction ? renderActionButton(singleAction, { iconOnly: true }) : /* @__PURE__ */ jsx14(
-      ActionsMenuDropdown,
-      {
-        groups: [
-          { items: actions.flatMap(actionToMenuItems) },
-          ...menuActions ?? []
-        ]
-      }
-    ) })
-  ] });
-}
-function PrimaryButtonsVariant({
-  actions,
-  className
-}) {
-  const sortedActions = [...actions].sort((a, b) => {
-    if (a.variant === "accent" && b.variant !== "accent") return 1;
-    if (a.variant !== "accent" && b.variant === "accent") return -1;
-    return 0;
-  });
-  const desktopActions = sortedActions.filter((a) => !a.showOnlyMobile);
-  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
-    /* @__PURE__ */ jsx14("div", { className: cn("hidden md:flex items-center", ACTIONS_GAP, className), children: desktopActions.map((action, idx) => /* @__PURE__ */ jsx14(React10.Fragment, { children: renderActionButton(action) }, `desktop-${actionKey(action, idx)}`)) }),
-    /* @__PURE__ */ jsx14(MobileBottomActions, { actions: sortedActions })
-  ] });
-}
-function MenuPrimaryVariant({
-  actions,
-  menuActions,
-  selector,
-  className
-}) {
-  const desktopActions = actions.filter((a) => !a.showOnlyMobile);
-  const hasMenuActions = menuActions.some((g) => g.items.length > 0);
-  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
-    /* @__PURE__ */ jsxs11("div", { className: cn("hidden md:flex items-center", ACTIONS_GAP, className), children: [
-      selector,
-      hasMenuActions && /* @__PURE__ */ jsx14(ActionsMenuDropdown, { groups: menuActions }),
-      desktopActions.map((action, idx) => /* @__PURE__ */ jsx14(React10.Fragment, { children: renderActionButton({ ...action, variant: action.variant || "accent" }) }, `desktop-${actionKey(action, idx)}`))
-    ] }),
-    /* @__PURE__ */ jsx14("div", { className: cn("flex md:hidden", className), children: /* @__PURE__ */ jsx14(
-      ActionsMenuDropdown,
-      {
-        groups: [
-          { items: actions.flatMap(actionToMenuItems) },
-          ...menuActions
-        ]
-      }
-    ) })
-  ] });
-}
-function MobileBottomActions({ actions }) {
-  return /* @__PURE__ */ jsx14("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__ */ jsx14(React10.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" : "";
-}
-
-// src/components/ui/entity-image.tsx
-init_cn();
-import React11 from "react";
-import { jsx as jsx15 } from "react/jsx-runtime";
-function EntityImage({ src, alt, fallbackText, className }) {
-  const [imageFailed, setImageFailed] = React11.useState(false);
-  React11.useEffect(() => {
-    setImageFailed(false);
-  }, [src]);
-  const showFallback = imageFailed || !src;
-  const initials = getFirstLastInitials(fallbackText ?? alt);
-  if (showFallback) {
-    return /* @__PURE__ */ jsx15(
-      "div",
-      {
-        "aria-label": alt,
-        className: cn(
-          "size-[52px] md:size-[60px] shrink-0 rounded-md border border-ods-border bg-ods-bg flex items-center justify-center text-ods-text-secondary text-h4 select-none",
-          className
-        ),
-        children: initials || "?"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx15(
-    "img",
-    {
-      src: src ?? void 0,
-      alt: alt ?? "",
-      onError: () => setImageFailed(true),
-      className: cn(
-        "size-[52px] md:size-[60px] shrink-0 rounded-md border border-ods-border object-contain",
-        className
-      )
-    }
-  );
-}
-
-// src/components/layout/title-block.tsx
-init_cn();
-
-// src/components/layout/back-button.tsx
-init_cn();
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
-function BackButton({ label = "Back", className, type = "button", ...props }) {
-  return /* @__PURE__ */ jsxs12(
-    "button",
-    {
-      type,
-      className: cn(
-        "group inline-flex items-center justify-center self-start rounded-md",
-        "gap-[var(--spacing-system-xsf)] py-[var(--spacing-system-sf)]",
-        "text-ods-text-secondary hover:text-ods-text-primary",
-        "transition-colors duration-200",
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx16(Chevron02LeftIcon, { className: "size-6 shrink-0" }),
-        /* @__PURE__ */ jsx16("span", { className: "text-h4", children: label })
-      ]
-    }
-  );
-}
-
-// src/components/layout/title-block.tsx
-import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
-function TitleBlock({
-  title,
-  subtitle,
-  image,
-  backButton,
-  actions,
-  actionsVariant = "icon-buttons",
-  menuActions,
-  selector,
-  variant = "plain",
-  className
-}) {
-  const hasActions = actions && actions.length > 0;
-  const hasMenuActions = !!menuActions && menuActions.some((g) => g.items.length > 0);
-  return /* @__PURE__ */ jsxs13(
-    "div",
-    {
-      className: cn(
-        "flex items-end justify-between gap-[var(--spacing-system-m)]",
-        "md:flex-col md:items-start md:justify-start lg:flex-row lg:items-end lg:justify-between",
-        "pt-[var(--spacing-system-l)]",
-        variant === "card" ? cn(
-          "bg-ods-card border-b border-ods-border",
-          "px-[var(--spacing-system-l)] pb-[var(--spacing-system-l)]",
-          "md:bg-transparent md:border-b-0",
-          "md:px-0 md:pb-0",
-          "md:mb-[var(--spacing-system-l)]"
-        ) : "mb-[var(--spacing-system-l)]",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-[var(--spacing-system-xs)] flex-1 min-w-0", children: [
-          backButton && /* @__PURE__ */ jsx17(
-            BackButton,
-            {
-              onClick: backButton.onClick,
-              label: backButton.label,
-              className: "hidden md:inline-flex"
-            }
-          ),
-          image || subtitle ? /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-[var(--spacing-system-m)] min-w-0 w-full", children: [
-            image && /* @__PURE__ */ jsx17(
-              EntityImage,
-              {
-                src: image.src,
-                alt: image.alt,
-                fallbackText: image.alt || title
-              }
-            ),
-            /* @__PURE__ */ jsxs13("div", { className: "flex flex-col justify-center min-w-0 flex-1", children: [
-              title && /* @__PURE__ */ jsx17("h1", { className: "text-h2 text-ods-text-primary truncate", title, children: title }),
-              subtitle && /* @__PURE__ */ jsx17("p", { className: "text-h6 text-ods-text-secondary truncate", title: subtitle, children: subtitle })
-            ] })
-          ] }) : title && /* @__PURE__ */ jsx17("h1", { className: "text-h2 text-ods-text-primary", children: title })
-        ] }),
-        (hasActions || hasMenuActions || selector) && /* @__PURE__ */ jsx17("div", { className: "flex gap-2 items-center shrink-0", children: /* @__PURE__ */ jsx17(
-          PageActions,
-          {
-            variant: actionsVariant,
-            actions: actions ?? [],
-            menuActions,
-            selector
-          }
-        ) })
-      ]
-    }
-  );
-}
-
-// src/components/layout/page-layout.tsx
-init_cn();
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
-function PageLayout({
-  children,
-  title,
-  subtitle,
-  image,
-  backButton,
-  actions,
-  actionsVariant = "icon-buttons",
-  menuActions,
-  selector,
-  headerVariant,
-  className,
-  contentClassName,
-  showHeader = true
-}) {
-  const hasActions = actions && actions.length > 0;
-  const needsBottomPadding = hasActions && actionsVariant === "primary-buttons";
-  const hasHeader = showHeader && (title || subtitle || image || backButton || hasActions || selector);
-  return /* @__PURE__ */ jsxs14("div", { className: cn("flex flex-col w-full", className), children: [
-    hasHeader && /* @__PURE__ */ jsx18(
-      TitleBlock,
-      {
-        title,
-        subtitle,
-        image,
-        backButton,
-        actions,
-        actionsVariant,
-        menuActions,
-        selector,
-        variant: headerVariant
-      }
-    ),
-    /* @__PURE__ */ jsx18("div", { className: cn("flex flex-col flex-1 gap-[var(--spacing-system-l)]", needsBottomPadding && "pb-28 md:pb-0", contentClassName), children })
-  ] });
-}
-
-// src/components/layout/article-detail-layout.tsx
-init_cn();
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
-function PageShell({ children, schemas, contentClassName }) {
-  return /* @__PURE__ */ jsxs15("main", { className: "bg-ods-bg min-h-screen", children: [
-    schemas,
-    /* @__PURE__ */ jsx19("div", { className: cn("page-shell-content max-w-[1920px] mx-auto", contentClassName), children })
-  ] });
-}
-function ArticleDetailLayout({ children, schemas, contentClassName }) {
-  return /* @__PURE__ */ jsxs15("main", { className: "bg-ods-bg min-h-screen", children: [
-    schemas,
-    /* @__PURE__ */ jsx19("div", { className: cn("max-w-[1280px] mx-auto px-6 md:px-20 py-6 md:py-10", contentClassName), children })
-  ] });
-}
-
-// src/components/ui/error-state.tsx
-init_button();
-init_cn();
-import { AlertTriangle, RefreshCw, Home } from "lucide-react";
-import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
-function ErrorState({
-  title = "Error",
-  message,
-  variant = "error",
-  showIcon = true,
-  showRetry = false,
-  showHome = false,
-  onRetry,
-  onHome,
-  className,
-  containerClassName
-}) {
-  const getVariantStyles = () => {
-    switch (variant) {
-      case "error":
-        return {
-          bg: "bg-ods-attention-red-error/20",
-          border: "border-ods-attention-red-error",
-          text: "text-ods-attention-red-error",
-          icon: "text-ods-attention-red-error"
-        };
-      case "warning":
-        return {
-          bg: "bg-ods-attention-yellow-warning/20",
-          border: "border-ods-attention-yellow-warning",
-          text: "text-ods-attention-yellow-warning",
-          icon: "text-ods-attention-yellow-warning"
-        };
-      case "info":
-        return {
-          bg: "bg-ods-bg-surface",
-          border: "border-ods-border",
-          text: "text-ods-text-secondary",
-          icon: "text-ods-text-secondary"
-        };
-    }
-  };
-  const styles = getVariantStyles();
-  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__ */ jsxs16("div", { className: "flex items-start gap-3", children: [
-    showIcon && /* @__PURE__ */ jsx20(AlertTriangle, { className: cn("h-5 w-5 mt-0.5 flex-shrink-0", styles.icon) }),
-    /* @__PURE__ */ jsxs16("div", { className: "flex-1", children: [
-      /* @__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__ */ jsxs16("div", { className: "flex gap-2 mt-3", children: [
-        showRetry && onRetry && /* @__PURE__ */ jsx20(
-          Button,
-          {
-            onClick: onRetry,
-            variant: "outline",
-            size: "small-legacy",
-            className: "h-8",
-            leftIcon: /* @__PURE__ */ jsx20(RefreshCw, { className: "h-4 w-4" }),
-            children: "Try Again"
-          }
-        ),
-        showHome && onHome && /* @__PURE__ */ jsx20(
-          Button,
-          {
-            onClick: onHome,
-            variant: "outline",
-            size: "small-legacy",
-            className: "h-8",
-            leftIcon: /* @__PURE__ */ jsx20(Home, { className: "h-4 w-4" }),
-            children: "Go Home"
-          }
-        )
-      ] })
-    ] })
-  ] }) }) });
-}
-function PageError({ message, onRetry, onHome }) {
-  return /* @__PURE__ */ jsx20(
-    ErrorState,
-    {
-      title: "Page Error",
-      message,
-      variant: "error",
-      showRetry: !!onRetry,
-      showHome: !!onHome,
-      onRetry,
-      onHome
-    }
-  );
-}
-function LoadError({ message, onRetry }) {
-  return /* @__PURE__ */ jsx20(
-    ErrorState,
-    {
-      title: "Loading Error",
-      message,
-      variant: "error",
-      showRetry: !!onRetry,
-      onRetry
-    }
-  );
-}
-function NotFoundError({ message = "The requested item was not found", onHome }) {
-  return /* @__PURE__ */ jsx20(
-    ErrorState,
-    {
-      title: "Not Found",
-      message,
-      variant: "warning",
-      showHome: !!onHome,
-      onHome
-    }
-  );
-}
-
-// src/components/features/entity-tag-badges.tsx
-import Link from "next/link";
-import { jsx as jsx21, jsxs as jsxs17 } 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__ */ jsxs17("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";
-
-// src/components/features/use-video-warmup.ts
-import { useEffect as useEffect5 } from "react";
-import ReactDOM from "react-dom";
-function useVideoOriginPreconnect({
-  supabaseStorageOrigin
-} = {}) {
-  const runtime = useChatRuntime();
-  const resolvedOrigin = supabaseStorageOrigin ?? runtime?.endpoints.supabaseStorageOrigin;
-  try {
-    ReactDOM.preconnect(MUX_STREAM_ORIGIN, { crossOrigin: "anonymous" });
-    ReactDOM.preconnect(MUX_IMAGE_ORIGIN, { crossOrigin: "anonymous" });
-    if (resolvedOrigin) {
-      ReactDOM.preconnect(resolvedOrigin, { crossOrigin: "anonymous" });
-    }
-  } catch (err) {
-    if (process.env.NODE_ENV !== "production") {
-      console.warn("[useVideoOriginPreconnect] preconnect failed:", err);
-    }
-  }
-}
-function useVideoWarmup({
-  videoUrl,
-  supabaseStorageOrigin,
-  nearMargin = "1000px"
-} = {}) {
-  const runtime = useChatRuntime();
-  const resolvedOrigin = supabaseStorageOrigin ?? runtime?.endpoints.supabaseStorageOrigin;
-  useVideoOriginPreconnect({ supabaseStorageOrigin: resolvedOrigin });
-  const { ref, isNear } = useNearViewport(nearMargin);
-  useEffect5(() => {
-    if (!isNear || !videoUrl || !resolvedOrigin) return;
-    const conn = navigator.connection;
-    if (conn?.saveData === true) return;
-    let videoOrigin;
-    try {
-      videoOrigin = new URL(videoUrl, "http://placeholder.local").origin;
-    } catch {
-      return;
-    }
-    if (videoOrigin !== resolvedOrigin) return;
-    const link = document.createElement("link");
-    link.rel = "preload";
-    link.as = "video";
-    link.href = videoUrl;
-    link.crossOrigin = "anonymous";
-    if ("fetchPriority" in link) {
-      ;
-      link.fetchPriority = "low";
-    }
-    document.head.appendChild(link);
-    return () => {
-      link.remove();
-    };
-  }, [isNear, videoUrl, resolvedOrigin]);
-  return { ref, isNear };
-}
-
-// src/components/features/captions-url.ts
-function getCaptionsUrl(entityType, entityId, srtContent) {
-  if (!srtContent) return void 0;
-  const hash = `${srtContent.length}-${srtContent.slice(0, 8).replace(/\s/g, "")}`;
-  return `/api/captions/${entityType}/${entityId}?v=${hash}`;
-}
-
-// src/components/ui/filter-pill-row.tsx
-init_button();
-import { Filter } from "lucide-react";
-import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
-function FilterPillRow({
-  label,
-  selectedValue,
-  onValueChange,
-  options,
-  countLabel,
-  children
-}) {
-  return /* @__PURE__ */ jsxs18("div", { className: "flex flex-wrap items-center gap-3 p-4 bg-ods-card border border-ods-border rounded-lg", children: [
-    /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx22(Filter, { className: "h-4 w-4 text-ods-accent" }),
-      /* @__PURE__ */ jsx22("span", { className: "text-h5 text-ods-text-secondary", children: label })
-    ] }),
-    children || options.map((opt) => /* @__PURE__ */ jsx22(
-      Button,
-      {
-        type: "button",
-        variant: selectedValue === opt.value ? "accent" : "outline",
-        size: "small-legacy",
-        onClick: () => onValueChange(opt.value),
-        className: "text-h3",
-        children: opt.label
-      },
-      opt.value
-    )),
-    countLabel && /* @__PURE__ */ jsx22("div", { className: "ml-auto text-[12px] font-['DM_Sans'] text-ods-text-secondary shrink-0", children: countLabel })
-  ] });
-}
-
-export {
-  Card,
-  CardHeader,
-  CardTitle,
-  CardDescription,
-  CardContent,
-  CardFooter,
-  CardHorizontal,
-  Tabs,
-  TabsList,
-  TabsTrigger,
-  TabsContent,
-  statusBadgeVariants,
-  StatusBadge,
-  SimpleMarkdownRenderer,
-  SquareAvatar,
-  useControllableState,
-  ActionsMenu,
-  ActionsMenuDropdown,
-  computeIsNewTab,
-  newTabAnchorAttrs,
-  buildAnchorProps,
-  EMPTY_AUTHOR_PLACEHOLDER,
-  EntityMetadataValueCell,
-  EntityMetadataAuthorCell,
-  EntityAuthorCard,
-  BlogImagePlaceholder,
-  extractYouTubeId,
-  Video,
-  RATIO_GRID_CLASS,
-  RATIO_DISPLAY_GRID_CLASS,
-  RatioTabs,
-  detectAspectRatio,
-  ratioToCategory,
-  groupByAspectRatio,
-  VideoBitesDisplay,
-  VideoBiteCard,
-  EntityVideoSection,
-  useEntityCardLink,
-  useEntityCardPlaceholder,
-  OnboardingGuideCardSkeleton,
-  OnboardingGuideCard,
-  PageActions,
-  usePageActionsBottomPadding,
-  BackButton,
-  EntityImage,
-  TitleBlock,
-  PageLayout,
-  PageShell,
-  ArticleDetailLayout,
-  ErrorState,
-  PageError,
-  LoadError,
-  NotFoundError,
-  TAG_BADGE_CLASS,
-  EntityTagBadges,
-  MUX_STREAM_ORIGIN,
-  MUX_IMAGE_ORIGIN,
-  useVideoOriginPreconnect,
-  useVideoWarmup,
-  getCaptionsUrl,
-  FilterPillRow
-};
-//# sourceMappingURL=chunk-NSPOYUBH.js.map