@flamingo-stack/openframe-frontend-core 0.0.248 → 0.0.249

package/dist/chunk-LKI3YCAX.js

@@ -0,0 +1,4514 @@
+"use client";
+import {
+  useAutoLimitTags,
+  useDebounce,
+  useNearViewport,
+  useOgPlaceholder
+} from "./chunk-ZXZJSTNV.js";
+import {
+  useChatRuntime
+} from "./chunk-4YKGXZ7W.js";
+import {
+  next_image_default
+} from "./chunk-LXC6P2EO.js";
+import {
+  Button,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuTrigger,
+  SplitButton,
+  init_button2 as init_button
+} from "./chunk-2FCXJTOV.js";
+import {
+  init_next_link,
+  next_link_default
+} from "./chunk-OHPI2HRK.js";
+import {
+  ClickUpIcon,
+  FacebookIcon,
+  GitHubIcon,
+  HubspotIcon,
+  InstagramIcon,
+  LinkedInIcon,
+  OpenFrameLogo,
+  SlackIcon,
+  XLogo,
+  YouTubeIcon
+} from "./chunk-265KKBV2.js";
+import {
+  cn,
+  getBaseUrl,
+  init_cn
+} from "./chunk-XTCBRQN2.js";
+import {
+  AlertCircleIcon,
+  Chevron02DownIcon,
+  Chevron02LeftIcon,
+  Chevron02RightIcon,
+  Ellipsis01Icon,
+  PlayIcon,
+  XmarkCircleIcon
+} from "./chunk-4WZOFD46.js";
+import {
+  SearchIcon
+} from "./chunk-6U3IUD57.js";
+
+// src/components/ui/hidden-tags-popup.tsx
+import { forwardRef } from "react";
+init_cn();
+import { jsx, jsxs } from "react/jsx-runtime";
+var HiddenTagsPopup = forwardRef(function HiddenTagsPopup2({ items, onRemove, disabled, className, style }, ref) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      style,
+      className: cn(
+        "absolute top-full left-0 mt-1 z-50 min-w-[200px]",
+        "bg-ods-card border border-ods-border rounded-[6px] shadow-lg",
+        "animate-in fade-in-0 zoom-in-95 duration-150",
+        className
+      ),
+      children: items.map((item) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "flex items-center justify-between gap-3 px-3 h-11 md:h-12",
+            "border-b border-ods-border last:border-b-0"
+          ),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "text-h5 truncate uppercase text-ods-text-primary", title: typeof item.label === "string" ? item.label : void 0, children: item.label }),
+            !disabled && onRemove && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onRemove(item.value);
+                },
+                className: "shrink-0 text-ods-text-secondary hover:text-ods-text-primary transition-colors",
+                "aria-label": `Remove ${String(item.label)}`,
+                children: /* @__PURE__ */ jsx(XmarkCircleIcon, { size: 20 })
+              }
+            )
+          ]
+        },
+        String(item.value)
+      ))
+    }
+  );
+});
+
+// src/components/ui/tag.tsx
+import { cva } from "class-variance-authority";
+init_cn();
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var tagVariants = cva(
+  [
+    "text-h5 h-8 inline-flex items-center justify-center gap-[var(--spacing-system-xxs)] p-[var(--spacing-system-xsf)] rounded-md",
+    "transition-colors duration-150"
+  ],
+  {
+    variants: {
+      variant: {
+        primary: [
+          "bg-[var(--ods-open-yellow-base)] text-[var(--ods-system-greys-black)]",
+          "hover:bg-[var(--ods-open-yellow-hover)] active:bg-[var(--ods-open-yellow-action)]"
+        ],
+        outline: [
+          "bg-[var(--ods-system-greys-black)] text-[var(--ods-system-greys-white)] border border-[var(--ods-system-greys-soft-grey)]",
+          "hover:bg-[var(--ods-system-greys-black-hover)] hover:border-[var(--ods-system-greys-soft-grey-hover)]",
+          "active:bg-[var(--ods-system-greys-black-action)] active:border-[var(--ods-system-greys-soft-grey-action)]"
+        ],
+        success: [
+          "bg-[var(--ods-attention-green-success-secondary)] text-[var(--ods-attention-green-success)]",
+          "hover:bg-[#385029] active:bg-[#425a33]"
+        ],
+        warning: [
+          "bg-[var(--ods-attention-yellow-warning-secondary)] text-[var(--ods-attention-yellow-warning)]",
+          "hover:bg-[#544729] active:bg-[#5e5133]"
+        ],
+        error: [
+          "bg-[var(--ods-attention-red-error-secondary)] text-[var(--ods-attention-red-error)]",
+          "hover:bg-[#542b2b] active:bg-[#5e3535]"
+        ],
+        critical: [
+          "bg-[var(--ods-attention-red-error)] text-[var(--ods-attention-red-error-secondary)]",
+          "hover:bg-[var(--ods-attention-red-error-hover)] active:bg-[var(--ods-attention-red-error-action)]"
+        ],
+        grey: [
+          "bg-[var(--ods-system-greys-soft-grey)] text-[var(--ods-system-greys-grey)]",
+          "hover:bg-[var(--ods-system-greys-soft-grey-hover)] active:bg-[var(--ods-system-greys-soft-grey-action)]"
+        ],
+        // Matches the EntityTagBadges / StatusBadge tag skin (ods-card + ods-border,
+        // mono uppercase) so the tag-editor chips render identically to the public
+        // tag badges. Used for FilterChipData variant 'tag' (see search-input).
+        badge: [
+          "bg-ods-card text-ods-text-primary border border-ods-border font-mono uppercase tracking-wide",
+          "hover:border-ods-accent transition-colors"
+        ]
+      }
+    },
+    defaultVariants: {
+      variant: "primary"
+    }
+  }
+);
+var disabledTagClasses = [
+  "bg-[var(--ods-system-greys-soft-grey)] text-[var(--ods-system-greys-grey)]",
+  "border-transparent",
+  "cursor-not-allowed",
+  "pointer-events-none"
+];
+function Tag({
+  label,
+  variant,
+  icon,
+  onClose,
+  className,
+  labelClassName,
+  disabled,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: cn(
+        tagVariants({ variant }),
+        disabled && disabledTagClasses,
+        className
+      ),
+      "aria-disabled": disabled || void 0,
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ jsx2("span", { className: "flex items-center justify-center size-5 shrink-0", children: icon }),
+        /* @__PURE__ */ jsx2("span", { className: cn("truncate", labelClassName), title: typeof label === "string" ? label : void 0, children: label }),
+        onClose && /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            disabled,
+            onClick: (e) => {
+              e.stopPropagation();
+              onClose();
+            },
+            className: cn(
+              "flex items-center justify-center size-5 shrink-0 rounded-full opacity-70 transition-opacity",
+              disabled ? "cursor-not-allowed" : "hover:opacity-100"
+            ),
+            "aria-label": "Remove",
+            children: /* @__PURE__ */ jsx2(XmarkCircleIcon, { className: "size-4" })
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/ui/card.tsx
+init_cn();
+import * as React from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var Card = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  "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__ */ jsx3(
+  "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__ */ jsx3(
+  "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__ */ jsx3(
+  "div",
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+CardContent.displayName = "CardContent";
+var CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  "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__ */ jsxs3(
+    "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__ */ jsx3("div", { className: "w-5 h-5 flex-shrink-0", children: icon }),
+        /* @__PURE__ */ jsxs3("div", { className: "flex flex-col min-w-0", children: [
+          /* @__PURE__ */ jsx3("span", { className: "font-medium text-sm md:text-sm text-ods-text-primary leading-tight mb-0.5 text-left", children: title }),
+          /* @__PURE__ */ jsx3("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 jsx4 } from "react/jsx-runtime";
+var Tabs = TabsPrimitive.Root;
+var TabsList = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+  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__ */ jsx4(
+  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__ */ jsx4(
+  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 as cva2 } from "class-variance-authority";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var statusBadgeVariants = cva2(
+  "inline-flex items-center justify-center rounded font-mono font-medium uppercase tracking-wide",
+  {
+    variants: {
+      variant: {
+        card: "px-3 py-1.5 text-sm",
+        button: "px-2 py-0.5 text-[10px] leading-none"
+      },
+      colorScheme: {
+        cyan: "bg-[var(--ods-flamingo-cyan-base)] text-ods-text-on-accent",
+        pink: "bg-[var(--ods-flamingo-pink-base)] text-ods-text-on-accent",
+        yellow: "bg-[var(--ods-flamingo-yellow-base)] text-ods-text-on-accent border border-[var(--ods-system-greys-black)]",
+        green: "bg-[var(--ods-flamingo-green-base)] text-ods-text-on-accent",
+        purple: "bg-[var(--ods-flamingo-purple-base)] text-ods-text-on-accent",
+        success: "bg-[var(--ods-attention-green-success-secondary)] text-[var(--ods-attention-green-success)]",
+        error: "bg-[var(--ods-attention-red-error-secondary)] text-[var(--ods-attention-red-error)]",
+        warning: "bg-[var(--ods-attention-yellow-warning-secondary)] text-[var(--ods-attention-yellow-warning)]",
+        default: "bg-ods-bg-secondary text-ods-text-primary",
+        // Border-only variants (no background) - for task type badges
+        accentBorder: "bg-transparent border-2 text-ods-accent border-ods-accent",
+        errorBorder: "bg-transparent border-2 text-[var(--ods-attention-red-error)] border-[var(--ods-attention-red-error)]",
+        whiteBorder: "bg-transparent border-2 text-ods-text-primary border-ods-text-primary"
+      }
+    },
+    defaultVariants: {
+      variant: "card",
+      colorScheme: "default"
+    }
+  }
+);
+function StatusBadge({
+  text,
+  variant,
+  colorScheme,
+  className,
+  singleLine,
+  ...props
+}) {
+  const renderText = () => {
+    if (singleLine) return text;
+    if (variant === "button" && text.includes(" ")) {
+      const words = text.split(" ");
+      return /* @__PURE__ */ jsx5("span", { className: "flex flex-col items-center justify-center text-center gap-0", children: words.map((word, index) => /* @__PURE__ */ jsx5("span", { className: "block", children: word }, index)) });
+    }
+    return text;
+  };
+  return /* @__PURE__ */ jsx5(
+    "span",
+    {
+      className: cn(statusBadgeVariants({ variant, colorScheme }), className),
+      ...props,
+      children: renderText()
+    }
+  );
+}
+
+// src/components/ui/simple-markdown-renderer.tsx
+import { useEffect, useState, useRef, useMemo, useCallback, memo } from "react";
+import ReactMarkdown, { defaultUrlTransform } from "react-markdown";
+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 jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var EVENT_HANDLER_ATTR_RE = /^on[a-z]+$/i;
+var JAVASCRIPT_URL_RE = /^[\s\x00-\x1f]*javascript:/i;
+var DATA_URL_RE = /^[\s\x00-\x1f]*data:/i;
+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://")) 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__ */ jsxs4("div", { className: "error-state bg-ods-card border border-ods-border rounded-lg p-6 my-6", children: [
+      /* @__PURE__ */ jsx6("div", { className: "error-icon flex justify-center mb-4", children: /* @__PURE__ */ jsx6(AlertCircleIcon, { className: "w-12 h-12 text-ods-error" }) }),
+      /* @__PURE__ */ jsx6("div", { className: "error-title text-center font-sans font-semibold text-lg text-ods-error mb-2", children: "Diagram Error" }),
+      /* @__PURE__ */ jsx6("div", { className: "error-description text-center font-sans text-sm text-ods-text-secondary mb-4 break-words overflow-hidden max-w-full", children: /* @__PURE__ */ jsx6("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsx6("pre", { className: "whitespace-pre-wrap break-words text-xs", children: error }) }) })
+    ] });
+  }
+  if (isLoading || !svg) {
+    return /* @__PURE__ */ jsx6("div", { className: "skeleton-code bg-ods-card border border-ods-border rounded-lg p-6 min-h-[120px] flex items-center justify-center", children: /* @__PURE__ */ jsx6("div", { className: "animate-pulse text-ods-text-tertiary font-sans", children: isLoading ? "Loading diagram renderer..." : "Rendering diagram..." }) });
+  }
+  return /* @__PURE__ */ jsx6("div", { className: "mermaid-container rounded-lg p-4 md:p-6 lg:p-8 my-6 overflow-x-auto bg-ods-card border border-ods-border", children: /* @__PURE__ */ jsx6("div", { className: "flex justify-center items-center w-full min-h-[200px] md:min-h-[250px] lg:min-h-[300px]", children: /* @__PURE__ */ jsx6(
+    "div",
+    {
+      className: "mermaid-svg-container w-full flex justify-center max-w-full",
+      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(
+    (Tag2, level, headingClassName) => ({ children }) => {
+      const text = extractText(children);
+      const effectiveLevel = Tag2 === "h1" && demoteMarkdownH1ToH2 ? 2 : level;
+      const id = generateHeadingId(text, effectiveLevel);
+      const EffectiveTag = Tag2 === "h1" && demoteMarkdownH1ToH2 ? "h2" : Tag2;
+      return /* @__PURE__ */ jsx6(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__ */ jsx6(MermaidDiagram, { chart: String(children).replace(/\n$/, "") });
+      }
+      if (!inline && match) {
+        return /* @__PURE__ */ jsxs4("div", { className: "code-block-container border rounded-lg my-6 overflow-hidden bg-ods-card border-ods-border", children: [
+          /* @__PURE__ */ jsx6("div", { className: "code-header border-b px-4 py-2 bg-ods-card border-ods-border", children: /* @__PURE__ */ jsx6("span", { className: "font-sans text-xs uppercase tracking-wide text-ods-text-tertiary", children: language || "code" }) }),
+          /* @__PURE__ */ jsx6("div", { className: "p-4", children: /* @__PURE__ */ jsx6("pre", { className: "overflow-x-auto", children: /* @__PURE__ */ jsx6(
+            "code",
+            {
+              className: cn(`language-${language} hljs`, textSizes.code),
+              style: {
+                fontFamily: "JetBrains Mono', 'SF Mono', Consolas, monospace",
+                background: "transparent",
+                color: "var(--ods-text-primary)"
+              },
+              ...props,
+              children
+            }
+          ) }) })
+        ] });
+      }
+      return /* @__PURE__ */ jsx6("code", { className: "font-mono text-[0.9em] px-1.5 py-0.5 rounded border bg-ods-card text-ods-text-primary border-ods-border", ...props, children });
+    },
+    // --- div (pass-through, overridable for embeds) ---
+    div: ({ node, className: divClassName, children, ...props }) => /* @__PURE__ */ jsx6("div", { className: divClassName, ...props, children }),
+    // --- blockquote ---
+    blockquote: ({ children }) => /* @__PURE__ */ jsx6("blockquote", { className: "border-l-4 border-ods-accent ml-0 pl-6 my-8 py-4 rounded-r-lg bg-ods-bg-secondary", children: /* @__PURE__ */ jsx6("div", { className: cn("font-sans leading-relaxed text-ods-text-secondary", textSizes.blockquote), children }) }),
+    // --- headings ---
+    h1: makeHeading("h1", 1, cn("font-sans font-bold mt-8 mb-4 first:mt-0 text-ods-text-primary", textSizes.h1)),
+    h2: makeHeading("h2", 2, cn("font-sans font-semibold mt-8 mb-4 pb-2 border-b text-ods-text-primary border-ods-border", textSizes.h2)),
+    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__ */ jsx6("p", { className: cn("leading-relaxed mb-4 first:mt-0 last:mb-0 text-ods-text-primary", textSizes.p), children }),
+    // --- links ---
+    a: ({ href, children, className: linkClassName }) => {
+      const isBroken = brokenLinks.includes(href);
+      const isInternalDocLink = propCurrentPath !== void 0 && propCurrentPath !== null && href && !href.startsWith("http") && !href.startsWith("#");
+      if (isBroken) {
+        return /* @__PURE__ */ jsxs4("span", { className: "text-ods-accent cursor-not-allowed", children: [
+          children,
+          /* @__PURE__ */ jsx6("sup", { className: "ml-1 text-xs font-bold text-ods-attention-red-error", children: "[BROKEN]" })
+        ] });
+      }
+      if (isInternalDocLink && onInternalLinkClick) {
+        const currentPath = propCurrentPath ?? "";
+        return /* @__PURE__ */ jsx6(
+          "span",
+          {
+            className: "text-ods-accent no-underline relative transition-colors duration-200 hover:after:w-full after:content-[''] after:absolute after:w-0 after:h-0.5 after:-bottom-0.5 after:left-0 after:bg-ods-accent after:transition-all after:duration-300 cursor-pointer",
+            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__ */ jsx6(
+        "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__ */ jsx6(
+        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__ */ jsx6("ul", { className: "list-disc list-outside my-4 ml-8 space-y-2 text-ods-text-primary", children }),
+    ol: ({ children }) => /* @__PURE__ */ jsx6("ol", { className: "list-decimal list-outside my-4 ml-8 space-y-2 text-ods-text-primary", children }),
+    li: ({ children }) => /* @__PURE__ */ jsx6("li", { className: cn("leading-relaxed pl-2", textSizes.li), children }),
+    // --- tables ---
+    table: ({ children }) => /* @__PURE__ */ jsx6("div", { className: "table-container my-6 overflow-x-auto", children: /* @__PURE__ */ jsx6("div", { className: "min-w-full border rounded-lg border-ods-border bg-ods-card", children: /* @__PURE__ */ jsx6("table", { className: "w-full table-fixed md:table-auto", children }) }) }),
+    thead: ({ children }) => /* @__PURE__ */ jsx6("thead", { className: "bg-ods-bg-secondary", children }),
+    th: ({ children }) => /* @__PURE__ */ jsx6("th", { className: cn("px-2 md:px-4 py-3 text-left font-semibold text-ods-accent border-r last:border-r-0 break-words border-ods-border", textSizes.th), children }),
+    td: ({ children }) => /* @__PURE__ */ jsx6("td", { className: cn("px-2 md:px-4 py-3 border-r last:border-r-0 border-b break-words whitespace-normal text-ods-text-primary border-ods-border", textSizes.td), children }),
+    // --- horizontal rule ---
+    hr: () => /* @__PURE__ */ jsx6("hr", { className: "border-0 border-t my-8 border-ods-border" }),
+    // --- merge overrides ---
+    ...componentOverrides
+  }), [makeHeading, brokenLinks, propCurrentPath, onInternalLinkClick, onResolveLink, componentOverrides, textSizes]);
+  return /* @__PURE__ */ jsxs4("div", { className: `simple-markdown-renderer ${className}`, children: [
+    /* @__PURE__ */ jsx6("style", { dangerouslySetInnerHTML: { __html: mermaidStyles } }),
+    /* @__PURE__ */ jsx6("div", { className: "content-wrapper max-w-none break-words", children: /* @__PURE__ */ jsx6("article", { className: "prose prose-lg max-w-none", children: /* @__PURE__ */ jsx6(
+      ReactMarkdown,
+      {
+        remarkPlugins: [remarkGfm, remarkBreaks, ...additionalRemarkPlugins ?? []],
+        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/utils/format.ts
+function formatDate(date, options = {
+  year: "numeric",
+  month: "long",
+  day: "numeric"
+}) {
+  const dateObj = typeof date === "string" ? new Date(date) : date;
+  if (isNaN(dateObj.getTime())) {
+    console.warn("Invalid date provided to formatDate:", date);
+    return "Invalid Date";
+  }
+  return dateObj.toLocaleDateString("en-US", options);
+}
+function formatNumber(num) {
+  return num.toLocaleString();
+}
+function formatPrice(price, currency = "USD") {
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency
+  }).format(price);
+}
+function formatBytes(bytes, decimals = 2) {
+  if (bytes === 0) return "0 Bytes";
+  const k = 1024;
+  const dm = decimals < 0 ? 0 : decimals;
+  const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return Number.parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
+}
+function formatBytesShort(bytes) {
+  if (bytes === 0) return "0 B";
+  const k = 1024;
+  const sizes = ["B", "KB", "MB", "GB", "TB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(2))} ${sizes[i]}`;
+}
+function formatLargeNumber(num) {
+  if (num === 0) return "0";
+  const isNegative = num < 0;
+  const absNum = Math.abs(num);
+  let result;
+  if (absNum >= 1e9) {
+    result = `${Math.floor(absNum / 1e9)}B`;
+  } else if (absNum >= 1e6) {
+    result = `${Math.floor(absNum / 1e6)}M`;
+  } else if (absNum >= 1e3) {
+    result = `${Math.floor(absNum / 1e3)}K`;
+  } else {
+    result = Math.floor(absNum).toString();
+  }
+  return isNegative ? `-${result}` : result;
+}
+function formatAbbreviatedNumber(n) {
+  if (n >= 1e9) {
+    const value = n / 1e9;
+    return `${Number.isInteger(value) ? value.toFixed(0) : value.toFixed(1)}B`;
+  }
+  if (n >= 1e6) {
+    const value = n / 1e6;
+    return `${Number.isInteger(value) ? value.toFixed(0) : value.toFixed(1)}M`;
+  }
+  if (n >= 1e3) {
+    const value = n / 1e3;
+    return `${Number.isInteger(value) ? value.toFixed(0) : value.toFixed(1)}K`;
+  }
+  return n.toLocaleString();
+}
+function getFirstLastInitials(name) {
+  if (!name) return "";
+  const words = name.trim().split(/\s+/);
+  if (words.length === 0 || !words[0]) return "";
+  if (words.length === 1) return words[0].charAt(0).toUpperCase();
+  return (words[0].charAt(0) + words[words.length - 1].charAt(0)).toUpperCase();
+}
+function nameInitials(name, fallback = "E") {
+  const source = typeof name === "string" ? name.trim() : "";
+  const words = source.length > 0 ? source.split(/\s+/) : [];
+  const letters = words.map((w) => w[0]).filter(Boolean).slice(0, 2).join("");
+  return (letters || fallback).toUpperCase();
+}
+function formatDurationMMSS(seconds) {
+  if (!seconds) return "";
+  const hours = Math.floor(seconds / 3600);
+  const minutes = Math.floor(seconds % 3600 / 60);
+  const secs = Math.floor(seconds % 60);
+  if (hours > 0) {
+    return `${hours}:${minutes.toString().padStart(2, "0")}:${secs.toString().padStart(2, "0")}`;
+  }
+  return `${minutes}:${secs.toString().padStart(2, "0")}`;
+}
+function formatDurationCompact(seconds) {
+  if (!seconds) return "";
+  const hours = Math.floor(seconds / 3600);
+  const minutes = Math.floor(seconds % 3600 / 60);
+  if (hours > 0) {
+    return `${hours}h ${minutes}m`;
+  }
+  return `${minutes} min`;
+}
+function formatTimeWithTimezone(date, timezone) {
+  if (!date) return "";
+  const dateObj = typeof date === "string" ? new Date(date) : date;
+  const timeStr = dateObj.toLocaleTimeString("en-US", {
+    hour: "numeric",
+    minute: "2-digit",
+    hour12: true
+  });
+  return timezone ? `${timeStr} ${timezone}` : timeStr;
+}
+function formatDurationFromRange(startAt, endAt) {
+  if (!startAt || !endAt) return "";
+  const start = typeof startAt === "string" ? new Date(startAt) : startAt;
+  const end = typeof endAt === "string" ? new Date(endAt) : endAt;
+  const durationMs = end.getTime() - start.getTime();
+  const minutes = Math.round(durationMs / 6e4);
+  if (minutes >= 60) {
+    const hours = Math.floor(minutes / 60);
+    const mins = minutes % 60;
+    return mins > 0 ? `${hours}h ${mins}m` : `${hours}h`;
+  }
+  return `${minutes}m`;
+}
+function formatDateUTC(value, options = {}) {
+  const { fallback = "N/A", timezone = "UTC" } = options;
+  if (value === null || value === void 0 || value === "") return fallback;
+  let ms;
+  if (typeof value === "number") {
+    ms = value;
+  } else {
+    const n = Number(value);
+    if (Number.isFinite(n) && n > 0 && /^-?\d+(\.\d+)?$/.test(value.trim())) {
+      ms = n;
+    } else {
+      ms = Date.parse(value.includes("T") ? value : value + "T00:00:00Z");
+    }
+  }
+  if (!Number.isFinite(ms)) return fallback;
+  return new Date(ms).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "short",
+    day: "numeric",
+    timeZone: timezone === "local" ? void 0 : "UTC"
+  });
+}
+function formatLegalDate(dateInput) {
+  return new Intl.DateTimeFormat("en-US", {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit"
+  }).format(new Date(dateInput));
+}
+function formatCurrency(value) {
+  if (value == null) return "N/A";
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: "USD",
+    maximumFractionDigits: 0
+  }).format(value);
+}
+function formatPercent(value) {
+  if (value == null) return "N/A";
+  return `${value.toFixed(2)}%`;
+}
+function formatWholeDollars(price, currency = "USD") {
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency,
+    maximumFractionDigits: 0
+  }).format(price);
+}
+function formatCompactMetric(value, format = "number", options) {
+  if (value === 0 || value === null || value === void 0) {
+    if (format === "currency") return `${options?.prefix || "$"}0`;
+    if (format === "percentage") return "0%";
+    if (format === "months") return `0 ${options?.suffix || "months"}`;
+    return "0";
+  }
+  const absValue = Math.abs(value);
+  const sign = value < 0 ? "-" : "";
+  if (format === "currency") {
+    const prefix = options?.prefix || "$";
+    const compact = (val, divisor, suffix) => {
+      const divided = val / divisor;
+      const formatted = divided % 1 === 0 ? divided.toFixed(0) : divided.toFixed(1);
+      return `${sign}${prefix}${formatted}${suffix}`;
+    };
+    if (absValue >= 1e9) return compact(absValue, 1e9, "B");
+    if (absValue >= 1e6) return compact(absValue, 1e6, "M");
+    if (absValue >= 1e3) return `${sign}${prefix}${(absValue / 1e3).toFixed(0)}K`;
+    return `${sign}${prefix}${absValue.toLocaleString()}`;
+  }
+  if (format === "percentage") {
+    return `${sign}${absValue}%`;
+  }
+  if (format === "months") {
+    const rounded = Math.round(value * 10) / 10;
+    return `${rounded} ${options?.suffix || "months"}`;
+  }
+  if (absValue >= 1e6) return `${sign}${(absValue / 1e6).toFixed(1)}M`;
+  if (absValue >= 1e3) return `${sign}${(absValue / 1e3).toFixed(1)}K`;
+  return value.toLocaleString();
+}
+function getTrendColors(direction, polarity = "positive") {
+  if (direction === "neutral" || polarity === "neutral") {
+    return {
+      textClass: "text-ods-text-secondary",
+      badgeClass: "bg-ods-border text-ods-text-secondary"
+    };
+  }
+  const isPositiveOutcome = direction === "up" && polarity === "positive" || direction === "down" && polarity === "negative";
+  if (isPositiveOutcome) {
+    return {
+      textClass: "text-ods-success",
+      badgeClass: "bg-ods-success-secondary text-ods-success"
+    };
+  }
+  return {
+    textClass: "text-ods-error",
+    badgeClass: "bg-ods-error-secondary text-ods-error"
+  };
+}
+function formatDateRange(start, end) {
+  if (!start || !end) return "";
+  const fmt = (s) => {
+    const bareMatch = /^(\d{4})-(\d{2})-(\d{2})$/.exec(s);
+    const d = bareMatch ? new Date(Number(bareMatch[1]), Number(bareMatch[2]) - 1, Number(bareMatch[3])) : new Date(s);
+    if (Number.isNaN(d.getTime())) return s;
+    return d.toLocaleDateString(void 0, {
+      month: "short",
+      day: "numeric",
+      year: "numeric"
+    });
+  };
+  return `${fmt(start)} \u2014 ${fmt(end)}`;
+}
+function formatDateTimeAt(dateString) {
+  const date = new Date(dateString);
+  const dateStr = date.toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  });
+  const timeStr = date.toLocaleTimeString("en-US", {
+    hour: "numeric",
+    minute: "2-digit",
+    hour12: true
+  });
+  return `${dateStr} at ${timeStr}`;
+}
+function formatDurationFromMs(ms) {
+  if (!ms || isNaN(ms) || ms < 0) return "0ms";
+  if (ms < 1e3) return `${ms}ms`;
+  if (ms < 6e4) return `${(ms / 1e3).toFixed(1)}s`;
+  return `${(ms / 6e4).toFixed(1)}m`;
+}
+function formatDuration(seconds) {
+  if (seconds < 60) return `${seconds} seconds`;
+  if (seconds < 3600) return `${Math.floor(seconds / 60)} minutes`;
+  const hours = Math.floor(seconds / 3600);
+  const minutes = Math.floor(seconds % 3600 / 60);
+  if (minutes === 0) return `${hours} hour${hours > 1 ? "s" : ""}`;
+  return `${hours} hour${hours > 1 ? "s" : ""} ${minutes} minute${minutes > 1 ? "s" : ""}`;
+}
+function formatUnderscoreText(text) {
+  return text.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(" ");
+}
+function stripHtml(html) {
+  let noTags = html;
+  let prev;
+  do {
+    prev = noTags;
+    noTags = noTags.replace(/<[^<>]*>/g, "");
+  } while (noTags !== prev);
+  return noTags.replace(/&nbsp;/g, " ").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&#x27;/g, "'").replace(/&apos;/g, "'").replace(/&amp;/g, "&").replace(/\s+/g, " ").trim();
+}
+function formatClassification(classification) {
+  const customMappings = {
+    openframe_selected: "OpenFrame Selected"
+  };
+  return customMappings[classification] || formatUnderscoreText(classification);
+}
+function formatPricingModel(pricingModel) {
+  const customMappings = {
+    one_time: "One-time Purchase",
+    self_hosted: "Self-hosted"
+  };
+  return customMappings[pricingModel] || formatUnderscoreText(pricingModel);
+}
+function formatBioText(aboutHtml, fallback = "") {
+  if (!aboutHtml || !aboutHtml.trim()) return fallback;
+  if (aboutHtml.includes("<p")) {
+    const paragraphs = aboutHtml.split(/<p[^<>]*>/).slice(1).map((part) => part.split("</p>")[0]).map((text) => stripHtml(text).trim()).filter((text) => text.length > 0);
+    if (paragraphs.length > 0) return paragraphs.join(" ");
+  }
+  return stripHtml(aboutHtml).trim() || fallback;
+}
+
+// src/components/ui/square-avatar.tsx
+import * as React4 from "react";
+init_cn();
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var SquareAvatar = React4.memo(React4.forwardRef(
+  ({ className, src, alt, size = "md", fallback, variant = "square", initialsClassName, ...props }, ref) => {
+    const sizeClasses = {
+      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__ */ jsxs5(
+      "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__ */ jsx7("div", { className: cn(
+            // Initials use `text-ods-text-primary` so they stay readable
+            // both on the default `bg-ods-bg` AND on accent-fill backgrounds
+            // (`bg-ods-flamingo-pink` for the current user, `bg-ods-flamingo-cyan`
+            // for Mingo). With `text-ods-text-secondary` (#888) on a pink fill
+            // (#F357BB) the initials clocked ~2.0:1 contrast — failing WCAG AA
+            // and visually rendering as a blank colored dot. Primary text
+            // (#fafafa) on the same pink yields ~3.5:1 (AA Large) and on the
+            // dark default bg yields ~15:1.
+            "flex items-center justify-center text-xs font-medium text-ods-text-primary",
+            initialsClassName,
+            src && "hidden"
+          ), children: getFirstLastInitials(fallback || alt) || "?" }),
+          src && /* @__PURE__ */ jsx7(
+            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 jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var ROW_CLASSES = "flex flex-1 min-w-0 items-center gap-[var(--spacing-system-xsf)] p-[var(--spacing-system-s)] cursor-pointer transition-colors bg-ods-bg outline-none";
+var WRAPPER_CLASSES = "relative flex items-stretch border-b border-ods-border last:border-b-0";
+var SECONDARY_ACTION_CLASSES = "flex p-[var(--spacing-system-s)] shrink-0 items-center justify-center self-stretch border-l border-ods-border transition-colors hover:bg-ods-bg-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus [&_svg]:w-4 [&_svg]:h-4 md:[&_svg]:w-6 md:[&_svg]:h-6";
+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__ */ jsx8(
+      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__ */ jsx8(
+    "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__ */ jsx8("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__ */ jsxs6(Fragment, { children: [
+    item.icon && /* @__PURE__ */ jsx8(
+      "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__ */ jsx8(
+      "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__ */ jsx8(
+      "div",
+      {
+        className: cn(
+          "w-4 h-4 md:w-6 md:h-6 flex items-center justify-center rounded-md transition-colors",
+          item.checked ? "bg-ods-accent" : "border-2 border-ods-border bg-transparent"
+        ),
+        children: item.checked && /* @__PURE__ */ jsx8(Check, { className: "w-3 h-3 md:w-4 md:h-4 text-ods-text-on-accent", strokeWidth: 3 })
+      }
+    ),
+    item.type === "submenu" && /* @__PURE__ */ jsx8(Chevron02RightIcon, { className: "w-4 h-4 md:w-6 md:h-6 text-ods-text-secondary" })
+  ] });
+  if (renderAsLink && item.href) {
+    return /* @__PURE__ */ jsxs6("div", { className: WRAPPER_CLASSES, children: [
+      /* @__PURE__ */ jsx8(
+        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__ */ jsx8(SecondaryAction, { action: item.iconAction })
+    ] });
+  }
+  if (item.type === "submenu" && item.submenu) {
+    return /* @__PURE__ */ jsxs6("div", { className: WRAPPER_CLASSES, children: [
+      /* @__PURE__ */ jsxs6(DropdownMenuPrimitive.Sub, { children: [
+        /* @__PURE__ */ jsx8(
+          DropdownMenuPrimitive.SubTrigger,
+          {
+            disabled: item.disabled,
+            className: subTriggerClasses,
+            children: rowContent
+          }
+        ),
+        /* @__PURE__ */ jsx8(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx8(
+          DropdownMenuPrimitive.SubContent,
+          {
+            sideOffset: 4,
+            className: "z-[1500] min-w-[256px] max-h-[var(--radix-popper-available-height)] bg-ods-bg border border-ods-border rounded-md shadow-xl overflow-y-auto p-0",
+            children: item.submenu.map((subItem, index) => /* @__PURE__ */ jsx8(
+              MenuItem,
+              {
+                item: subItem,
+                onItemClick
+              },
+              subItem.id || index
+            ))
+          }
+        ) })
+      ] }),
+      item.iconAction && /* @__PURE__ */ jsx8(SecondaryAction, { action: item.iconAction })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs6("div", { className: WRAPPER_CLASSES, children: [
+    /* @__PURE__ */ jsx8(
+      "div",
+      {
+        role: "menuitem",
+        tabIndex: item.disabled ? -1 : 0,
+        "aria-disabled": item.disabled,
+        className: itemClasses,
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        children: rowContent
+      }
+    ),
+    item.iconAction && /* @__PURE__ */ jsx8(SecondaryAction, { action: item.iconAction })
+  ] });
+};
+var GroupSeparator = () => /* @__PURE__ */ jsx8("div", { className: "bg-ods-bg-surface h-[3px] w-full" });
+var ActionsMenu = ({
+  groups,
+  className = "",
+  onItemClick
+}) => {
+  return /* @__PURE__ */ jsx8(
+    "div",
+    {
+      className: `relative min-w-[256px] max-h-[var(--radix-popper-available-height)] bg-ods-bg border border-ods-border rounded-md shadow-lg overflow-y-auto ${className}`,
+      children: groups.map((group, groupIndex) => {
+        const groupKey = group.id || group.items.map((i) => i.id).join("|");
+        return /* @__PURE__ */ jsxs6(React7.Fragment, { children: [
+          group.items.map((item, itemIndex) => /* @__PURE__ */ jsx8(
+            MenuItem,
+            {
+              item,
+              onItemClick
+            },
+            item.id || `${groupKey}-${itemIndex}`
+          )),
+          group.separator && groupIndex < groups.length - 1 && /* @__PURE__ */ jsx8(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") {
+        setOpen(false);
+      }
+    },
+    [onItemClick, setOpen]
+  );
+  return /* @__PURE__ */ jsxs6(DropdownMenu, { open, onOpenChange: setOpen, modal: false, children: [
+    /* @__PURE__ */ jsx8(DropdownMenuTrigger, { asChild: true, children: customTrigger ?? /* @__PURE__ */ jsx8(
+      Button,
+      {
+        variant: "outline",
+        size: "icon",
+        "aria-label": triggerAriaLabel,
+        className: triggerClassName || "bg-ods-card border-ods-border hover:bg-ods-bg-hover flex items-center justify-center focus-visible:ring-0",
+        leftIcon: trigger ?? /* @__PURE__ */ jsx8(Ellipsis01Icon, { size: 24, className: "text-ods-text-primary" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx8(
+      DropdownMenuContent,
+      {
+        align,
+        side,
+        sideOffset,
+        onCloseAutoFocus,
+        className: cn(
+          "p-0 border-0 bg-transparent shadow-none overflow-visible",
+          contentClassName
+        ),
+        children: /* @__PURE__ */ jsx8(
+          ActionsMenu,
+          {
+            groups,
+            onItemClick: handleItemClick,
+            className
+          }
+        )
+      }
+    )
+  ] });
+};
+
+// src/components/chat/utils/is-cross-origin-url.ts
+function isCrossOriginUrl(url) {
+  if (!url) return false;
+  if (url.startsWith("/") && !url.startsWith("//")) return false;
+  return true;
+}
+
+// src/components/chat/utils/decide-new-tab.ts
+function decideNewTab(input) {
+  const { href, targetPlatform, openIn, alwaysNewTab, runtimeMode, currentSource } = input;
+  if (runtimeMode === "embed") return true;
+  if (openIn === "new-tab") return true;
+  if (alwaysNewTab === true) return true;
+  if (openIn === "same-tab") return false;
+  if (targetPlatform !== void 0 && targetPlatform !== null && currentSource) {
+    return targetPlatform !== currentSource;
+  }
+  if (!href) return false;
+  return isCrossOriginUrl(href);
+}
+
+// src/components/chat/utils/nav-anchor-props.ts
+function computeIsNewTab(runtime, href, targetPlatform) {
+  if (!href) return false;
+  if (runtime.navigation.mode === "embed") return true;
+  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/utils/chat-nav-resolution.ts
+var NEW_TAB_FEATURES = "noopener,noreferrer";
+function isModifierClick(e) {
+  return e.button !== 0 || !!e.metaKey || !!e.ctrlKey || !!e.shiftKey || !!e.altKey;
+}
+function stripSameOriginToPath(href) {
+  if (!href.startsWith("http")) return href;
+  try {
+    const u = new URL(href);
+    return u.pathname + u.search + u.hash;
+  } catch {
+    return href;
+  }
+}
+function resolveHrefForRuntime(href, runtime) {
+  if (runtime.navigation.mode !== "embed") return href;
+  if (href.startsWith("http")) return href;
+  if (href.startsWith("//")) return href;
+  const origin = runtime.navigation.defaultContentOrigin;
+  if (!origin) return href;
+  return origin.replace(/\/+$/, "") + (href.startsWith("/") ? href : "/" + href);
+}
+function resolveExternalNavigation(args) {
+  let abs = args.href;
+  if (abs.startsWith("//")) abs = window.location.protocol + abs;
+  if (!abs.startsWith("http")) {
+    if (args.runtime.navigation.defaultContentOrigin) {
+      let origin = args.runtime.navigation.defaultContentOrigin;
+      while (origin.endsWith("/")) origin = origin.slice(0, -1);
+      abs = origin + (abs.startsWith("/") ? abs : "/" + abs);
+    } else if (args.runtime.navigation.mode === "embed" && process.env.NODE_ENV !== "production") {
+      console.warn(
+        "[chat-nav-resolution] relative href in embed mode with no defaultContentOrigin set on runtime.navigation \u2014 link will resolve against the embedder origin.",
+        { href: abs, targetPlatform: args.targetPlatform }
+      );
+    }
+  }
+  const open = () => {
+    if (args.runtime.navigation.openExternal) {
+      args.runtime.navigation.openExternal(abs);
+    } else {
+      window.open(abs, "_blank", NEW_TAB_FEATURES);
+    }
+  };
+  return { href: abs, open };
+}
+
+// src/components/chat/entity-cards/entity-author-card.tsx
+import { jsx as jsx9, jsxs as jsxs7 } 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__ */ jsx9("div", { className: `bg-ods-card p-4 flex flex-col gap-3 ${className ?? ""}`, children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-0", children: [
+    /* @__PURE__ */ jsx9("p", { className: "text-h4 text-ods-text-primary", children: uppercase ? value.toLocaleUpperCase() : value }),
+    /* @__PURE__ */ jsx9("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: label })
+  ] }) });
+}
+function EntityMetadataAuthorCell({
+  author,
+  roleLabel = "Author",
+  className
+}) {
+  const fullName = author.full_name || "Unknown Author";
+  return /* @__PURE__ */ jsxs7("div", { className: `bg-ods-card p-4 flex items-center gap-3 ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsx9(
+      SquareAvatar,
+      {
+        src: author.avatar_url || "",
+        alt: fullName,
+        fallback: nameInitials(fullName, ""),
+        size: "md",
+        variant: "round"
+      }
+    ),
+    /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-0 flex-1 min-w-0", children: [
+      /* @__PURE__ */ jsx9("p", { className: "text-h3 tracking-[-0.36px] text-ods-text-primary truncate", children: fullName }),
+      /* @__PURE__ */ jsx9("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",
+  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__ */ jsxs7(
+    "div",
+    {
+      className: `grid grid-cols-1 ${gridColsClass} border border-ods-border rounded-md overflow-hidden w-full ${className ?? ""}`,
+      children: [
+        extras.map((cell, i) => /* @__PURE__ */ jsx9(
+          EntityMetadataValueCell,
+          {
+            value: cell.value,
+            label: cell.label,
+            uppercase: cell.uppercase ?? true,
+            className: dividerClass
+          },
+          `${cell.label}-${i}`
+        )),
+        showDateCell && /* @__PURE__ */ jsx9(
+          EntityMetadataValueCell,
+          {
+            value: dateLabel,
+            label: publishedLabel,
+            uppercase: false,
+            className: dividerClass
+          }
+        ),
+        /* @__PURE__ */ jsx9(EntityMetadataAuthorCell, { author: effectiveAuthor, roleLabel })
+      ]
+    }
+  );
+}
+
+// src/components/chat/entity-cards/blog-image-placeholder.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+function BlogImagePlaceholder({
+  imageUrl,
+  title,
+  className = ""
+}) {
+  if (!imageUrl) return null;
+  return /* @__PURE__ */ jsx10("span", { className: `relative block w-full h-full overflow-hidden bg-ods-bg ${className}`, children: /* @__PURE__ */ jsx10(
+    "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/utils/fetch-priority.ts
+import React8 from "react";
+var REACT_MAJOR = parseInt((React8.version || "0").split(".")[0], 10);
+var USE_CAMEL_CASE_FETCH_PRIORITY = REACT_MAJOR >= 19;
+function fetchPriorityProp(priority) {
+  const value = priority === void 0 ? "auto" : typeof priority === "boolean" ? priority ? "high" : "low" : priority;
+  return USE_CAMEL_CASE_FETCH_PRIORITY ? { fetchPriority: value } : { fetchpriority: value };
+}
+
+// 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 jsx11, jsxs as jsxs8 } 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__ */ jsx11(
+    YouTubeFacade,
+    {
+      url,
+      title: props.title,
+      priority: props.priority,
+      className: props.className,
+      minimalControls: props.minimalControls
+    }
+  ) : /* @__PURE__ */ jsx11(
+    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__ */ jsx11("div", { className: "flex justify-center w-full", children: /* @__PURE__ */ jsx11("div", { className: "w-full max-w-3xl aspect-video rounded-lg overflow-hidden border border-ods-border", children: inner }) });
+    case "fill":
+      return /* @__PURE__ */ jsx11("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__ */ jsx11(
+    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__ */ jsx11(
+        "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__ */ jsx11(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__ */ jsx11("div", { className: wrapperClass, style: wrapperStyle, children: /* @__PURE__ */ jsx11(
+      "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__ */ jsx11("div", { className: wrapperClass, style: wrapperStyle, children: /* @__PURE__ */ jsxs8(
+    "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__ */ jsxs8("picture", { children: [
+          /* @__PURE__ */ jsx11("source", { type: "image/webp", srcSet: posterWebp }),
+          /* @__PURE__ */ jsx11(
+            "img",
+            {
+              src: posterJpg,
+              alt: title,
+              loading: "lazy",
+              ...fetchPriorityProp(priority),
+              decoding: priority ? "sync" : "async",
+              className: "absolute inset-0 w-full h-full object-cover"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx11("div", { className: "absolute inset-0 flex items-center justify-center bg-ods-bg-inverse bg-opacity-20 transition-opacity duration-200 group-hover:bg-opacity-30", children: /* @__PURE__ */ jsx11("span", { className: "flex items-center justify-center w-16 h-16 rounded-full bg-ods-accent text-ods-text-on-accent shadow-lg transition-transform duration-200 group-hover:scale-110", children: /* @__PURE__ */ jsx11(PlayIcon, { size: 24, color: "currentColor", className: "ml-1" }) }) })
+      ]
+    }
+  ) });
+}
+
+// src/components/features/video-ratio-tabs.tsx
+import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+var TAB_TRIGGER_CLASS = "rounded-none border-b-2 border-transparent data-[state=active]:border-ods-accent data-[state=active]:bg-transparent data-[state=active]:shadow-none px-4 py-2 text-sm text-ods-text-secondary data-[state=active]:text-ods-text-primary";
+var RATIO_GRID_CLASS = {
+  portrait: "grid grid-cols-2 md:grid-cols-3 gap-4",
+  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__ */ jsx12(Fragment2, { children: groups[active.key].render() }) : null;
+  }
+  const firstTab = defaultTab && groups[defaultTab].count > 0 ? defaultTab : activeTabs[0].key;
+  return /* @__PURE__ */ jsxs9(Tabs, { defaultValue: firstTab, className: `w-full ${className}`, children: [
+    /* @__PURE__ */ jsx12(TabsList, { className: "inline-flex justify-start rounded-none bg-transparent h-auto p-0 gap-0 mb-2", children: activeTabs.map((t) => /* @__PURE__ */ jsxs9(TabsTrigger, { value: t.key, className: TAB_TRIGGER_CLASS, children: [
+      t.label,
+      " (",
+      groups[t.key].count,
+      ")"
+    ] }, t.key)) }),
+    activeTabs.map((t) => /* @__PURE__ */ jsx12(
+      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 jsx13, jsxs as jsxs10 } 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__ */ jsx13("div", { ref, style: { aspectRatio: RATIO_TO_CSS_ASPECT[ratio] }, children: isNear ? children : /* @__PURE__ */ jsx13("div", { className: "w-full h-full bg-ods-card rounded-md" }) });
+}
+function VideoBitesDisplay({
+  bites,
+  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__ */ jsxs10("div", { className: "flex flex-col gap-6 w-full min-w-0", children: [
+    showTitle && /* @__PURE__ */ jsx13("h2", { className: "text-h1 tracking-[-1.12px] text-ods-text-primary break-words", children: title }),
+    grouped.hasMultiple ? /* @__PURE__ */ jsx13(
+      RatioTabs,
+      {
+        groups: {
+          portrait: {
+            count: grouped.portrait.length,
+            render: () => /* @__PURE__ */ jsx13(BiteGrid, { bites: grouped.portrait, ratio: "portrait" })
+          },
+          square: {
+            count: grouped.square.length,
+            render: () => /* @__PURE__ */ jsx13(BiteGrid, { bites: grouped.square, ratio: "square" })
+          },
+          landscape: {
+            count: grouped.landscape.length,
+            render: () => /* @__PURE__ */ jsx13(BiteGrid, { bites: grouped.landscape, ratio: "landscape" })
+          }
+        }
+      }
+    ) : /* @__PURE__ */ jsx13(
+      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__ */ jsx13("div", { className: RATIO_DISPLAY_GRID_CLASS[ratio], children: bites.map((bite, index) => /* @__PURE__ */ jsx13(LazyBite, { ratio, children: /* @__PURE__ */ jsx13(VideoBiteCard, { url: bite.url, title: bite.title, thumbnailUrl: bite.thumbnail_url }) }, bite.url || index)) });
+}
+function VideoBiteCard({ url, title, thumbnailUrl }) {
+  return /* @__PURE__ */ jsxs10(Card, { className: "overflow-hidden border border-ods-border bg-ods-card hover:border-ods-accent transition-colors flex flex-col h-full", children: [
+    /* @__PURE__ */ jsx13("div", { className: "relative flex-1 min-h-0", children: /* @__PURE__ */ jsx13(Video, { url, poster: thumbnailUrl || void 0, layout: "fill" }) }),
+    title && /* @__PURE__ */ jsx13("div", { className: "p-4", children: /* @__PURE__ */ jsx13("p", { className: "text-h4 text-ods-text-primary line-clamp-2", title, children: title }) })
+  ] });
+}
+
+// src/components/features/entity-video-section.tsx
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs11 } 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__ */ jsxs11(Fragment3, { children: [
+    hasVideo && (hasFullVideo && hasHighlight ? /* @__PURE__ */ jsxs11(Tabs, { defaultValue: "full-video", className: "w-full", children: [
+      /* @__PURE__ */ jsxs11(TabsList, { className: "inline-flex justify-start rounded-none bg-transparent h-auto p-0 gap-0", children: [
+        /* @__PURE__ */ jsx14(
+          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__ */ jsx14(
+          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__ */ jsx14(TabsContent, { value: "full-video", className: "mt-4", children: /* @__PURE__ */ jsx14(
+        Video,
+        {
+          kind: fullVideoKind,
+          url: fullVideoUrl,
+          poster: mainVideoPoster,
+          title,
+          srtContent,
+          captionsUrl,
+          layout: "centered",
+          priority
+        }
+      ) }),
+      /* @__PURE__ */ jsx14(TabsContent, { value: "highlights", className: "mt-4", children: /* @__PURE__ */ jsx14(
+        Video,
+        {
+          url: highlightVideoUrl,
+          poster: highlightVideoThumbnail,
+          layout: "centered"
+        }
+      ) })
+    ] }) : hasFullVideo ? /* @__PURE__ */ jsx14(
+      Video,
+      {
+        kind: fullVideoKind,
+        url: fullVideoUrl,
+        poster: mainVideoPoster,
+        title,
+        srtContent,
+        captionsUrl,
+        layout: "centered",
+        priority
+      }
+    ) : /* @__PURE__ */ jsx14(
+      Video,
+      {
+        url: highlightVideoUrl,
+        poster: highlightVideoThumbnail,
+        layout: "centered",
+        priority
+      }
+    )),
+    videoSummary && MarkdownRenderer && /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-6 w-full min-w-0", children: [
+      /* @__PURE__ */ jsx14("h2", { className: "text-h1 tracking-[-1.12px] text-ods-text-primary break-words", children: "Summary" }),
+      /* @__PURE__ */ jsx14("div", { className: "text-h4 text-ods-text-primary break-words overflow-hidden", children: /* @__PURE__ */ jsx14(MarkdownRenderer, { content: videoSummary }) })
+    ] }),
+    videoBites && videoBites.length > 0 && /* @__PURE__ */ jsx14(
+      VideoBitesDisplay,
+      {
+        bites: videoBites,
+        title: bitesTitle,
+        filterPublished: filterPublishedBites
+      }
+    )
+  ] });
+}
+
+// src/components/chat/utils/compact-card-classes.ts
+var COMPACT_CARD_OUTER = "my-1.5 flex items-start gap-3 w-full p-2 rounded-lg border border-ods-border bg-ods-card no-underline transition-colors hover:border-ods-text-secondary/40";
+var COMPACT_CARD_OUTER_STATIC = "my-1.5 flex items-start gap-3 w-full p-2 rounded-lg border border-ods-border bg-ods-card no-underline cursor-default";
+var COMPACT_CARD_SKELETON_OUTER = "my-1.5 flex w-full animate-pulse items-start gap-3 rounded-lg border border-ods-border bg-ods-card p-2";
+var COMPACT_CARD_IMAGE_SLOT = "relative block shrink-0 self-start w-14 h-14 aspect-square overflow-hidden rounded-md bg-ods-bg";
+var COMPACT_CARD_SKELETON_IMAGE_SLOT = "block h-14 w-14 aspect-square shrink-0 self-start rounded-md bg-ods-bg";
+var COMPACT_CARD_ICON_SLOT = "flex h-14 w-14 aspect-square shrink-0 self-start items-center justify-center rounded-md bg-ods-bg text-ods-accent";
+var COMPACT_CARD_TEXT_COL = "flex min-w-0 flex-1 flex-col gap-0.5 min-h-14";
+var COMPACT_CARD_TITLE_ROW = "flex items-center min-w-0 h-5";
+var COMPACT_CARD_META_ROW_BOX = "flex items-center min-w-0 h-4";
+var COMPACT_CARD_TITLE = "truncate text-sm font-semibold leading-5 text-ods-text-primary";
+var COMPACT_CARD_SUBTITLE = "truncate text-[11px] leading-4 text-ods-text-secondary";
+var COMPACT_CARD_SUMMARY = "truncate text-[11px] leading-4 text-ods-text-secondary/80";
+var COMPACT_CARD_META_ROW = "flex items-center gap-1.5 min-w-0 text-[11px] leading-4 text-ods-text-secondary";
+var COMPACT_CARD_ROW_FILLER = "\xA0";
+var SAFE_URL_SCHEMES = ["http:", "https:", "mailto:"];
+function safeHref(url) {
+  if (!url) return null;
+  if (/[\u0000-\u001f\u007f\u200b-\u200d\u2028\u2029\ufeff]/.test(url)) return null;
+  const trimmed = url.trim();
+  if (!trimmed) return null;
+  if (trimmed.startsWith("/") && !trimmed.startsWith("//")) return trimmed;
+  if (trimmed.startsWith("#")) return trimmed;
+  if (/^[a-z][a-z0-9+.-]*:$/i.test(trimmed)) return null;
+  try {
+    const parsed = new URL(trimmed, "https://_safehref_base.invalid");
+    if (!SAFE_URL_SCHEMES.includes(parsed.protocol)) return null;
+    if ((parsed.protocol === "https:" || parsed.protocol === "http:") && !parsed.hostname) return null;
+    return trimmed;
+  } catch {
+    return null;
+  }
+}
+
+// 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 jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+function stripMarkdownPreview(text) {
+  return text.replace(/```[\s\S]*?```/g, " ").replace(/^#{1,6}\s+/gm, "").replace(/!?\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/[*_~`>]/g, "").replace(/^\s*[-+]\s+/gm, "").replace(/-{3,}/g, " ").replace(/\s+/g, " ").trim().replace(/^([\s\S]{240})[\s\S]+$/, "$1\u2026");
+}
+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__ */ jsxs12("div", { className: "bg-ods-system-greys-black border border-ods-border rounded-lg overflow-hidden flex flex-col p-6 gap-4 animate-pulse", children: [
+      /* @__PURE__ */ jsxs12("div", { className: "flex flex-col md:flex-row gap-4 md:gap-6", children: [
+        /* @__PURE__ */ jsx15("div", { className: "w-full md:w-[256px] aspect-[1200/630] bg-ods-border rounded-lg flex-shrink-0" }),
+        /* @__PURE__ */ jsxs12("div", { className: "flex-1 min-w-0 flex flex-col", children: [
+          /* @__PURE__ */ jsxs12("div", { className: "min-h-[60px] md:min-h-[72px] flex flex-col gap-1.5 justify-start mb-3", children: [
+            /* @__PURE__ */ jsx15("div", { className: "h-[25px] md:h-[30px] w-3/4 bg-ods-border rounded" }),
+            /* @__PURE__ */ jsx15("div", { className: "h-[25px] md:h-[30px] w-1/2 bg-ods-border rounded" })
+          ] }),
+          /* @__PURE__ */ jsxs12("div", { className: "min-h-[46px] md:min-h-[52px] flex flex-col gap-2 justify-start", children: [
+            /* @__PURE__ */ jsx15("div", { className: "h-3 w-full bg-ods-border/70 rounded" }),
+            /* @__PURE__ */ jsx15("div", { className: "h-3 w-5/6 bg-ods-border/70 rounded" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs12("div", { className: "grid grid-cols-1 md:grid-cols-3 border border-ods-border rounded-md overflow-hidden w-full", children: [
+        [0, 1].map((i) => /* @__PURE__ */ jsx15(
+          "div",
+          {
+            className: "bg-ods-card p-4 flex flex-col gap-3 border-b md:border-b-0 md:border-r border-ods-border",
+            children: /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-2", children: [
+              /* @__PURE__ */ jsx15("div", { className: "h-6 w-32 bg-ods-bg rounded" }),
+              /* @__PURE__ */ jsx15("div", { className: "h-3 w-20 bg-ods-bg/60 rounded" })
+            ] })
+          },
+          `cell-${i}`
+        )),
+        /* @__PURE__ */ jsxs12("div", { className: "bg-ods-card p-4 flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx15("div", { className: "h-10 w-10 rounded-full bg-ods-bg shrink-0" }),
+          /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsx15("div", { className: "h-4 w-3/4 bg-ods-bg rounded" }),
+            /* @__PURE__ */ jsx15("div", { className: "h-3 w-1/2 bg-ods-bg/60 rounded" })
+          ] })
+        ] })
+      ] })
+    ] });
+  }
+  if (size === "sm") {
+    return /* @__PURE__ */ jsxs12("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
+      /* @__PURE__ */ jsx15("span", { className: COMPACT_CARD_SKELETON_IMAGE_SLOT }),
+      /* @__PURE__ */ jsxs12("span", { className: COMPACT_CARD_TEXT_COL, children: [
+        /* @__PURE__ */ jsx15("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx15("span", { className: "h-3.5 w-3/5 rounded bg-ods-bg" }) }),
+        /* @__PURE__ */ jsx15("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx15("span", { className: "h-3 w-2/5 rounded bg-ods-bg/70" }) }),
+        /* @__PURE__ */ jsx15("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx15("span", { className: "h-3 w-11/12 rounded bg-ods-bg/40" }) })
+      ] }),
+      /* @__PURE__ */ jsx15("span", { className: "flex shrink-0 items-center self-start h-5", children: /* @__PURE__ */ jsx15("span", { className: "h-3.5 w-3.5 rounded bg-ods-bg" }) })
+    ] });
+  }
+  const t = HORIZONTAL_SIZE_TOKENS.default;
+  return /* @__PURE__ */ jsxs12(
+    "span",
+    {
+      className: `flex items-start gap-3 rounded-md border border-ods-border bg-ods-card ${t.padding} animate-pulse`,
+      children: [
+        /* @__PURE__ */ jsx15("span", { className: `shrink-0 inline-flex items-center justify-center rounded-full bg-ods-bg ${t.step}` }),
+        /* @__PURE__ */ jsxs12("span", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx15("span", { className: "block h-4 w-2/3 rounded bg-ods-bg" }),
+          /* @__PURE__ */ jsx15("span", { className: "block h-3 w-1/3 rounded bg-ods-bg/70" }),
+          /* @__PURE__ */ jsx15("span", { className: "block h-3 w-full rounded bg-ods-bg/40" })
+        ] })
+      ]
+    }
+  );
+}
+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__ */ jsx15(
+      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__ */ jsxs12("div", { className: "flex flex-col p-6 gap-4", children: [
+          /* @__PURE__ */ jsxs12("div", { className: "flex flex-col md:flex-row gap-4 md:gap-6", children: [
+            /* @__PURE__ */ jsx15("div", { className: "w-full md:w-[256px] flex-shrink-0", children: /* @__PURE__ */ jsxs12("div", { className: "relative rounded-lg overflow-hidden w-full aspect-[1200/630] bg-ods-bg", children: [
+              coverImage ? /* @__PURE__ */ jsx15(
+                next_image_default,
+                {
+                  src: coverImage,
+                  alt: guide.title,
+                  fill: true,
+                  sizes: "(max-width: 768px) 100vw, 256px",
+                  className: "object-cover",
+                  unoptimized: true
+                }
+              ) : /* @__PURE__ */ jsx15(
+                BlogImagePlaceholder,
+                {
+                  title: guide.title,
+                  imageUrl: placeholderUrl ?? null,
+                  className: "absolute inset-0"
+                }
+              ),
+              hasVideoCover && coverImage && /* @__PURE__ */ jsx15("span", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx15(Play, { className: "w-10 h-10 text-white", fill: "white" }) }),
+              durationLabel && /* @__PURE__ */ jsxs12("span", { className: "absolute bottom-2 right-2 inline-flex items-center gap-1 px-2 py-1 rounded bg-black/60 text-white text-xs font-medium font-mono", children: [
+                /* @__PURE__ */ jsx15(Clock, { className: "w-3 h-3" }),
+                durationLabel
+              ] })
+            ] }) }),
+            /* @__PURE__ */ jsxs12("div", { className: "flex-1 min-w-0 flex flex-col", children: [
+              /* @__PURE__ */ jsx15("div", { className: "min-h-[60px] md:min-h-[72px] flex items-start mb-3", children: /* @__PURE__ */ jsx15("h3", { className: "font-['Azeret_Mono'] font-semibold text-xl md:text-2xl text-ods-text-primary leading-tight line-clamp-2", children: guide.title }) }),
+              /* @__PURE__ */ jsx15("div", { className: "min-h-[46px] md:min-h-[52px]", children: /* @__PURE__ */ jsx15("p", { className: "font-['DM_Sans'] text-sm md:text-base text-ods-text-secondary leading-relaxed line-clamp-2", children: stripMarkdownPreview(guide.video_summary || guide.content || "") }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx15(
+            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__ */ jsxs12(next_link_default, { href, target, rel, prefetch: false, className: cn(COMPACT_CARD_OUTER, className), children: [
+      /* @__PURE__ */ jsxs12("span", { className: COMPACT_CARD_IMAGE_SLOT, children: [
+        compactCover ? /* @__PURE__ */ jsx15(
+          next_image_default,
+          {
+            src: compactCover,
+            alt: guide.title,
+            fill: true,
+            sizes: "56px",
+            className: "object-contain",
+            unoptimized: true
+          }
+        ) : /* @__PURE__ */ jsx15("span", { className: "flex h-full w-full items-center justify-center text-ods-accent", children: /* @__PURE__ */ jsx15(GraduationCap, { className: "w-4 h-4" }) }),
+        hasVideoCover && compactCover && /* @__PURE__ */ jsx15("span", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx15(Play, { className: "h-4 w-4 text-white", fill: "white" }) })
+      ] }),
+      /* @__PURE__ */ jsxs12("span", { className: COMPACT_CARD_TEXT_COL, children: [
+        /* @__PURE__ */ jsx15("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx15("span", { className: cn(COMPACT_CARD_TITLE, "font-['Azeret_Mono']"), children: guide.title }) }),
+        /* @__PURE__ */ jsx15("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx15("span", { className: "truncate text-[11px] leading-4 text-[var(--color-accent-primary)]", children: subtitleParts.join(" \xB7 ") }) }),
+        /* @__PURE__ */ jsx15("span", { className: COMPACT_CARD_META_ROW_BOX, children: /* @__PURE__ */ jsx15("span", { className: COMPACT_CARD_SUMMARY, children: summary2 || COMPACT_CARD_ROW_FILLER }) })
+      ] }),
+      /* @__PURE__ */ jsx15("span", { className: "flex shrink-0 items-center self-start h-5 text-ods-text-secondary", children: /* @__PURE__ */ jsx15(ExternalLink, { className: "w-3.5 h-3.5" }) })
+    ] });
+  }
+  const t = HORIZONTAL_SIZE_TOKENS.default;
+  const summary = stripMarkdownPreview(guide.video_summary || guide.content || "");
+  return /* @__PURE__ */ jsxs12(
+    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__ */ jsx15(
+          "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__ */ jsxs12("span", { className: "flex flex-col gap-0.5 flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx15("span", { className: `block ${t.title} text-ods-text-primary truncate`, children: guide.title }),
+          /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-1 font-['DM_Sans'] text-[12px] leading-[16px] text-ods-text-secondary", children: [
+            /* @__PURE__ */ jsx15(GraduationCap, { className: "h-3 w-3 shrink-0" }),
+            /* @__PURE__ */ jsx15("span", { className: "truncate", children: guide.section })
+          ] }),
+          summary && /* @__PURE__ */ jsx15("span", { className: `font-['DM_Sans'] text-[14px] leading-[20px] text-ods-text-secondary ${t.summaryClamp}`, children: summary })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/utils/source-icons.ts
+var SOURCE_ICON_NAMES = {
+  // Doc tables
+  "openframe-docs": "openframe",
+  "data-room-docs": "shield",
+  // CMS / programs
+  "blog-posts": "newspaper",
+  "product-releases": "rocket",
+  "case-studies": "briefcase",
+  "onboarding-guides": "graduation-cap",
+  webinars: "video",
+  events: "calendar",
+  podcasts: "headphones",
+  "customer-interviews": "users",
+  // Financials
+  "investor-updates": "mail",
+  "financial-kpis": "activity",
+  "financial-cap-table": "table",
+  "financial-pnl": "trending-up",
+  "financial-balance-sheet": "dollar-sign",
+  "financial-cash-flow": "banknote",
+  // ClickUp
+  "clickup-roadmap": "clickup",
+  "clickup-delivery": "clickup",
+  "clickup-tasks-internal": "clickup",
+  // GitHub
+  "github-commits": "github",
+  "github-pull-requests": "github",
+  "github-pr-reviews": "github",
+  "github-commits-public": "github",
+  "github-pull-requests-public": "github",
+  "github-pr-reviews-public": "github",
+  // HubSpot
+  "hubspot-tickets": "hubspot",
+  "hubspot-tickets-anon": "hubspot",
+  "hubspot-tickets-self": "hubspot",
+  // Communications
+  "slack-messages": "slack"
+};
+function getSourceIconName(tableId) {
+  if (!tableId) return void 0;
+  return SOURCE_ICON_NAMES[tableId];
+}
+var SOURCE_LABELS_BY_TABLE = {
+  // Doc tables
+  "openframe-docs": "OpenFrame Docs",
+  "data-room-docs": "Data Room",
+  // CMS / programs
+  "blog-posts": "Blog Posts",
+  "product-releases": "Product Releases",
+  "case-studies": "Case Studies",
+  "onboarding-guides": "Onboarding Guides",
+  webinars: "Webinars",
+  events: "Events",
+  podcasts: "Podcasts",
+  "customer-interviews": "Customer Interviews",
+  // Financials
+  "investor-updates": "Investor Updates",
+  "financial-kpis": "Financial KPIs",
+  "financial-cap-table": "Cap Table",
+  "financial-pnl": "Profit & Loss",
+  "financial-balance-sheet": "Balance Sheet",
+  "financial-cash-flow": "Cash Flow",
+  // ClickUp
+  "clickup-roadmap": "ClickUp Roadmap",
+  "clickup-delivery": "ClickUp Delivery",
+  "clickup-tasks-internal": "ClickUp Tasks",
+  // GitHub
+  "github-commits": "GitHub Commits",
+  "github-pull-requests": "GitHub Pull Requests",
+  "github-pr-reviews": "GitHub PR Reviews",
+  "github-commits-public": "OpenFrame Commits",
+  "github-pull-requests-public": "OpenFrame Pull Requests",
+  "github-pr-reviews-public": "OpenFrame PR Reviews",
+  // HubSpot
+  "hubspot-tickets": "HubSpot Tickets",
+  "hubspot-tickets-anon": "Known Issues",
+  "hubspot-tickets-self": "My Tickets",
+  // Communications
+  "slack-messages": "OpenMSP Community"
+};
+function getSourceLabel(tableId) {
+  return SOURCE_LABELS_BY_TABLE[tableId] ?? tableId;
+}
+var DEFAULT_DOCUMENT_TYPE_TO_TABLE_ID = {
+  // Doc tables
+  markdown: "openframe-docs",
+  data_room_doc: "data-room-docs",
+  // CMS / programs
+  blog_post: "blog-posts",
+  product_release: "product-releases",
+  case_study: "case-studies",
+  onboarding_guide: "onboarding-guides",
+  webinar: "webinars",
+  event: "events",
+  podcast: "podcasts",
+  customer_interview: "customer-interviews",
+  // Financials
+  investor_update: "investor-updates",
+  financial_kpi: "financial-kpis",
+  cap_table: "financial-cap-table",
+  profit_loss: "financial-pnl",
+  balance_sheet: "financial-balance-sheet",
+  cash_flow: "financial-cash-flow",
+  // ClickUp
+  roadmap_item: "clickup-roadmap",
+  delivery_item: "clickup-delivery",
+  internal_task: "clickup-tasks-internal",
+  // GitHub
+  github_commit: "github-commits",
+  github_pull_request: "github-pull-requests",
+  github_pr_review: "github-pr-reviews",
+  github_commit_public: "github-commits-public",
+  github_pull_request_public: "github-pull-requests-public",
+  github_pr_review_public: "github-pr-reviews-public",
+  // HubSpot
+  hubspot_ticket: "hubspot-tickets",
+  hubspot_ticket_anon: "hubspot-tickets-anon",
+  hubspot_ticket_self: "hubspot-tickets-self",
+  // Communications
+  slack_message: "slack-messages"
+};
+function defaultTableIdForDocumentType(documentType) {
+  return DEFAULT_DOCUMENT_TYPE_TO_TABLE_ID[documentType] ?? null;
+}
+
+// src/components/chat/utils/icon-registry.ts
+import { createElement } from "react";
+import {
+  Activity,
+  Banknote,
+  Bell,
+  BookOpen,
+  Box,
+  Briefcase,
+  Calendar,
+  CheckSquare,
+  DollarSign,
+  Facebook,
+  FileText,
+  Github,
+  Globe,
+  GraduationCap as GraduationCap2,
+  Headphones,
+  Info,
+  Instagram,
+  Mail,
+  Megaphone,
+  MessageCircle,
+  MessageSquare,
+  Newspaper,
+  Package,
+  PenSquare,
+  Rocket,
+  Search,
+  Send,
+  Shield,
+  Star,
+  TableProperties,
+  TrendingUp,
+  Twitter,
+  Users,
+  Video as Video2,
+  Youtube
+} from "lucide-react";
+var OpenFrameLogoIcon = ({ className }) => createElement(OpenFrameLogo, { className, upperPathColor: "currentColor" });
+var ICON_REGISTRY = {
+  // lucide-react (kebab-case)
+  activity: Activity,
+  banknote: Banknote,
+  bell: Bell,
+  "book-open": BookOpen,
+  box: Box,
+  briefcase: Briefcase,
+  calendar: Calendar,
+  "check-square": CheckSquare,
+  "dollar-sign": DollarSign,
+  // For brand-vs-lucide variants the kebab key is the BRAND (most-common
+  // social-platform intent); `'<name>-lucide'` carries the lucide outline.
+  facebook: FacebookIcon,
+  "facebook-lucide": Facebook,
+  "file-text": FileText,
+  // `'github-lucide'` is the lucide outline glyph (used by
+  // `social_platforms.icon_name='Github'`); `'github'` is the brand icon
+  // (used by `chat_admin_slash_commands.icon_name='github'`). The PascalCase
+  // alias `'Github' → 'github-lucide'` routes the lucide glyph for
+  // social-platform DB rows; `'GitHubIcon' → 'github'` keeps brand routing
+  // consistent for callers that store the PascalCase component name.
+  github: GitHubIcon,
+  "github-lucide": Github,
+  globe: Globe,
+  "graduation-cap": GraduationCap2,
+  headphones: Headphones,
+  info: Info,
+  instagram: InstagramIcon,
+  "instagram-lucide": Instagram,
+  mail: Mail,
+  megaphone: Megaphone,
+  "message-circle": MessageCircle,
+  "message-square": MessageSquare,
+  newspaper: Newspaper,
+  package: Package,
+  "pen-square": PenSquare,
+  rocket: Rocket,
+  search: Search,
+  send: Send,
+  shield: Shield,
+  star: Star,
+  table: TableProperties,
+  "trending-up": TrendingUp,
+  twitter: Twitter,
+  users: Users,
+  video: Video2,
+  youtube: YouTubeIcon,
+  "youtube-lucide": Youtube,
+  // brand-only icons (no lucide variant in current use)
+  slack: SlackIcon,
+  clickup: ClickUpIcon,
+  hubspot: HubspotIcon,
+  linkedin: LinkedInIcon,
+  x: XLogo,
+  openframe: OpenFrameLogoIcon
+};
+var PASCAL_TO_KEBAB_ALIASES = {
+  // Lucide PascalCase names → kebab equivalents
+  Activity: "activity",
+  Banknote: "banknote",
+  Bell: "bell",
+  BookOpen: "book-open",
+  Box: "box",
+  Briefcase: "briefcase",
+  Calendar: "calendar",
+  CheckSquare: "check-square",
+  DollarSign: "dollar-sign",
+  // Lucide PascalCase → the `-lucide` kebab variant (kebab default is the
+  // brand icon for the social-platform names below).
+  Facebook: "facebook-lucide",
+  FileText: "file-text",
+  Github: "github-lucide",
+  Globe: "globe",
+  GraduationCap: "graduation-cap",
+  Headphones: "headphones",
+  Info: "info",
+  Instagram: "instagram-lucide",
+  Mail: "mail",
+  Megaphone: "megaphone",
+  MessageCircle: "message-circle",
+  MessageSquare: "message-square",
+  Newspaper: "newspaper",
+  Package: "package",
+  PenSquare: "pen-square",
+  Rocket: "rocket",
+  Search: "search",
+  Send: "send",
+  Shield: "shield",
+  Star: "star",
+  TableProperties: "table",
+  TrendingUp: "trending-up",
+  Twitter: "twitter",
+  Users: "users",
+  Video: "video",
+  Youtube: "youtube-lucide",
+  // Brand-icon PascalCase exports → kebab (kebab default is the brand)
+  SlackIcon: "slack",
+  GitHubIcon: "github",
+  ClickUpIcon: "clickup",
+  HubspotIcon: "hubspot",
+  LinkedInIcon: "linkedin",
+  FacebookIcon: "facebook",
+  InstagramIcon: "instagram",
+  YouTubeIcon: "youtube",
+  XLogo: "x",
+  OpenFrameLogo: "openframe"
+};
+function normalizeIconKey(key) {
+  return PASCAL_TO_KEBAB_ALIASES[key] ?? key;
+}
+function getIconComponent(iconName) {
+  if (!iconName) return FileText;
+  return ICON_REGISTRY[normalizeIconKey(iconName)] ?? FileText;
+}
+var SIZE_CLASSES = {
+  xs: "w-3 h-3",
+  // 12px
+  sm: "w-4 h-4",
+  // 16px
+  md: "w-6 h-6",
+  // 24px
+  lg: "w-8 h-8",
+  // 32px
+  xl: "w-12 h-12"
+  // 48px
+};
+var ICON_COLORS = {
+  linkedin: { color: "#0A66C2" },
+  facebook: { color: "#1877F2" },
+  youtube: { color: "#FF0000" }
+};
+function getDynamicIcon(iconName, size = "md", className) {
+  if (!iconName) {
+    console.warn("[getDynamicIcon] No iconName provided, using Globe fallback");
+    return createElement(Globe, { className: SIZE_CLASSES[size] });
+  }
+  const sizeClass = SIZE_CLASSES[size];
+  const finalClassName = className ? `${sizeClass} ${className}` : sizeClass;
+  const canonicalKey = normalizeIconKey(iconName);
+  const IconComponent = ICON_REGISTRY[canonicalKey];
+  if (IconComponent) {
+    const colorConfig = ICON_COLORS[canonicalKey] || {};
+    return createElement(IconComponent, { className: finalClassName, ...colorConfig });
+  }
+  console.error(
+    `[getDynamicIcon] Icon NOT found in registry: "${iconName}" (normalized to "${canonicalKey}"). Available icons:`,
+    Object.keys(ICON_REGISTRY)
+  );
+  return createElement(Globe, { className: finalClassName });
+}
+
+// src/components/chat/utils/source-row-cta.ts
+import { FileText as FileText2 } from "lucide-react";
+init_cn();
+function sanitizePath(path) {
+  return (path || "").replace(/[^a-zA-Z0-9/_\-.]/g, "");
+}
+function sourceRowCtxFromRuntime(runtime, surface = {}) {
+  return {
+    currentPlatform: runtime.source ?? null,
+    composeContentUrl: runtime.composeContentUrl,
+    docPlatformTargets: runtime.docPlatformTargets,
+    baseRoute: surface.baseRoute,
+    chipBasePlatform: surface.chipBasePlatform
+  };
+}
+function pickSourceIcon(sourceRepo, documentType) {
+  const iconName = sourceRepo ? getSourceIconName(sourceRepo) : void 0;
+  const icon = iconName ? getIconComponent(iconName) : FileText2;
+  const iconLabel = documentType ?? "Source";
+  return { icon, iconLabel };
+}
+var DOC_TABLE_TYPES = ["markdown", "data_room_doc"];
+function shouldFallbackToPathNav(row) {
+  return !!row.documentType && DOC_TABLE_TYPES.includes(row.documentType);
+}
+function resolveSourceRowCTA(row, ctx = {}) {
+  const sourceRepo = row.sourceRepo ?? (row.documentType && ctx.tableIdForDocumentType ? ctx.tableIdForDocumentType(row.documentType) : null) ?? null;
+  const { icon, iconLabel } = pickSourceIcon(sourceRepo, row.documentType);
+  let href = null;
+  let targetPlatform = null;
+  const idValue = (row.id ?? "").trim();
+  if (row.path && shouldFallbackToPathNav(row) && !row.externalUrl) {
+    const safePath = sanitizePath(row.path);
+    if (safePath) {
+      const docTarget = row.documentType ? ctx.docPlatformTargets?.[row.documentType] : void 0;
+      if (docTarget) {
+        const seg = docTarget.basePath.split("/").filter(Boolean).join("/");
+        const base = `${getBaseUrl(docTarget.platform)}${seg ? `/${seg}` : ""}/`;
+        href = safeHref(new URL(safePath, base).toString()) ?? null;
+        targetPlatform = docTarget.platform;
+      } else if (ctx.chipBasePlatform) {
+        const base = `${getBaseUrl(ctx.chipBasePlatform)}/knowledge-base/`;
+        href = safeHref(new URL(safePath, base).toString()) ?? null;
+        targetPlatform = ctx.chipBasePlatform;
+      } else if (ctx.baseRoute) {
+        const synthetic = `https://_internal_.local${ctx.baseRoute.startsWith("/") ? ctx.baseRoute : "/" + ctx.baseRoute}/`;
+        const absolute = new URL(safePath, synthetic).toString();
+        href = safeHref(absolute.replace("https://_internal_.local", "")) ?? null;
+        targetPlatform = ctx.currentPlatform ?? null;
+      }
+    }
+  } else if (ctx.composeContentUrl && row.documentType && row.externalUrl) {
+    const composed = ctx.composeContentUrl({
+      type: row.documentType,
+      identifier: idValue,
+      externalUrl: row.externalUrl,
+      targetPlatform: row.targetPlatform ?? null
+    });
+    href = composed.href ? safeHref(composed.href) ?? null : null;
+    targetPlatform = composed.targetPlatform;
+  } else if (row.externalUrl) {
+    href = safeHref(row.externalUrl) ?? null;
+    targetPlatform = row.targetPlatform ?? null;
+  }
+  const askable = !!(idValue && row.documentType);
+  const chatRef = askable ? {
+    type: row.documentType,
+    ...sourceRepo ? { sourceRepo } : {},
+    id: idValue,
+    title: row.title,
+    url: href,
+    targetPlatform,
+    // Carry `path` so a downstream inline card (rendered from this
+    // chatRef on a subsequent turn) gets the same doc-tree-swap
+    // routing the chip already used. Without it, the Ask drill-in
+    // would resolve to a same-tab full-page nav even when an in-app
+    // path is available.
+    ...row.path ? { metadata: { path: row.path } } : {}
+  } : null;
+  return { icon, iconLabel, href, targetPlatform, askable, chatRef };
+}
+function resolveSourceIcon(input, ctx = {}) {
+  if (!input) return { Icon: FileText2, label: "Source" };
+  const { sourceRepo, documentType } = typeof input === "string" ? { sourceRepo: null, documentType: input } : input;
+  if (!sourceRepo && !documentType) return { Icon: FileText2, label: "Source" };
+  const resolvedRepo = sourceRepo ?? (documentType && ctx.tableIdForDocumentType ? ctx.tableIdForDocumentType(documentType) : null) ?? null;
+  const { icon, iconLabel } = pickSourceIcon(resolvedRepo, documentType);
+  return { Icon: icon, label: iconLabel };
+}
+
+// src/components/ui/page-actions.tsx
+init_cn();
+import React11 from "react";
+init_button();
+import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+function actionKey(action, idx) {
+  return `${action.label ?? action.ariaLabel ?? "action"}-${idx}`;
+}
+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__ */ jsx16(
+      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__ */ jsx16(
+      ActionsMenuDropdown,
+      {
+        groups: [{ items: action.submenu }],
+        customTrigger: /* @__PURE__ */ jsx16(
+          Button,
+          {
+            variant: "outline",
+            disabled: action.disabled,
+            loading: action.loading,
+            leftIcon: action.icon,
+            splitIcon: /* @__PURE__ */ jsx16(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__ */ jsx16("span", { className: "inline-flex [&_svg]:!text-ods-text-primary", children: action.icon }) : action.icon;
+    return /* @__PURE__ */ jsx16(
+      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__ */ jsx16(
+    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__ */ jsx16(IconButtonsVariant, { actions, menuActions, selector, className });
+  }
+  if (variant === "menu-primary") {
+    return /* @__PURE__ */ jsx16(MenuPrimaryVariant, { actions, menuActions: menuActions || [], selector, className });
+  }
+  return /* @__PURE__ */ jsx16(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__ */ jsxs13(Fragment4, { children: [
+    /* @__PURE__ */ jsxs13("div", { className: cn("hidden md:flex items-center", ACTIONS_GAP, className), children: [
+      selector,
+      desktopActions.map((action, idx) => /* @__PURE__ */ jsx16(React11.Fragment, { children: renderActionButton(action) }, actionKey(action, idx))),
+      hasMenuActions && /* @__PURE__ */ jsx16(ActionsMenuDropdown, { groups: menuActions })
+    ] }),
+    /* @__PURE__ */ jsx16("div", { className: cn("flex md:hidden", className), children: useSingleActionMobile && singleAction ? renderActionButton(singleAction, { iconOnly: true }) : /* @__PURE__ */ jsx16(
+      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__ */ jsxs13(Fragment4, { children: [
+    /* @__PURE__ */ jsx16("div", { className: cn("hidden md:flex items-center", ACTIONS_GAP, className), children: desktopActions.map((action, idx) => /* @__PURE__ */ jsx16(React11.Fragment, { children: renderActionButton(action) }, `desktop-${actionKey(action, idx)}`)) }),
+    /* @__PURE__ */ jsx16(MobileBottomActions, { actions: sortedActions })
+  ] });
+}
+function MenuPrimaryVariant({
+  actions,
+  menuActions,
+  selector,
+  className
+}) {
+  const desktopActions = actions.filter((a) => !a.showOnlyMobile);
+  const hasMenuActions = menuActions.some((g) => g.items.length > 0);
+  return /* @__PURE__ */ jsxs13(Fragment4, { children: [
+    /* @__PURE__ */ jsxs13("div", { className: cn("hidden md:flex items-center", ACTIONS_GAP, className), children: [
+      selector,
+      hasMenuActions && /* @__PURE__ */ jsx16(ActionsMenuDropdown, { groups: menuActions }),
+      desktopActions.map((action, idx) => /* @__PURE__ */ jsx16(React11.Fragment, { children: renderActionButton({ ...action, variant: action.variant || "accent" }) }, `desktop-${actionKey(action, idx)}`))
+    ] }),
+    /* @__PURE__ */ jsx16("div", { className: cn("flex md:hidden", className), children: /* @__PURE__ */ jsx16(
+      ActionsMenuDropdown,
+      {
+        groups: [
+          { items: actions.flatMap(actionToMenuItems) },
+          ...menuActions
+        ]
+      }
+    ) })
+  ] });
+}
+function MobileBottomActions({ actions }) {
+  return /* @__PURE__ */ jsx16("div", { className: cn(
+    "fixed md:hidden bottom-0 left-0 right-0 z-50",
+    "bg-ods-card border-t border-ods-border",
+    "flex items-start pt-6 pb-6 px-6",
+    ACTIONS_GAP
+  ), children: actions.map((action, idx) => /* @__PURE__ */ jsx16(React11.Fragment, { children: renderActionButton(action, { fullWidth: !!action.label }) }, `mobile-${actionKey(action, idx)}`)) });
+}
+function usePageActionsBottomPadding(variant) {
+  return variant === "primary-buttons" || variant === "menu-primary" ? "pb-40 md:pb-0" : "";
+}
+
+// src/components/layout/page-container.tsx
+init_cn();
+
+// src/components/layout/back-button.tsx
+init_cn();
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+function BackButton({ label = "Back", className, type = "button", ...props }) {
+  return /* @__PURE__ */ jsxs14(
+    "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__ */ jsx17(Chevron02LeftIcon, { className: "size-6 shrink-0" }),
+        /* @__PURE__ */ jsx17("span", { className: "text-h4", children: label })
+      ]
+    }
+  );
+}
+
+// src/components/layout/page-container.tsx
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+function isAdvancedProps(props) {
+  return "variant" in props || "title" in props || "subtitle" in props || "backButton" in props || "headerActions" in props || "headerContent" in props || "showHeader" in props || "contentClassName" in props || "actions" in props || "actionsVariant" in props;
+}
+function PageContainer(props) {
+  if (isAdvancedProps(props)) {
+    return renderAdvancedPageContainer(props);
+  } else {
+    return renderLegacyPageContainer(props);
+  }
+}
+function renderLegacyPageContainer({
+  children,
+  className = "",
+  fullWidthBackground = true,
+  backgroundClassName = "bg-ods-bg",
+  backgroundStyle,
+  contentPadding,
+  maxWidth = "max-w-[1920px]",
+  as: Component = "section",
+  id
+}) {
+  const content = /* @__PURE__ */ jsx18("div", { className: cn(maxWidth, contentPadding, "mx-auto", className), children });
+  if (fullWidthBackground) {
+    return /* @__PURE__ */ jsx18(
+      Component,
+      {
+        className: cn("w-full", backgroundClassName),
+        style: backgroundStyle,
+        id,
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx18(Component, { className: "w-full", id, children: /* @__PURE__ */ jsx18("div", { className: cn(maxWidth, contentPadding, "mx-auto", backgroundClassName, className), style: backgroundStyle, children }) });
+}
+function renderAdvancedPageContainer({
+  children,
+  variant = "content",
+  title,
+  subtitle,
+  backButton,
+  headerActions,
+  headerContent,
+  actions,
+  actionsVariant,
+  menuActions,
+  padding = "none",
+  background = "transparent",
+  className,
+  contentClassName,
+  showHeader = true
+}) {
+  const getActionsVariant = () => {
+    if (actionsVariant) return actionsVariant;
+    if (variant === "list") return "icon-buttons";
+    return "primary-buttons";
+  };
+  const renderActions = () => {
+    if (!actions || actions.length === 0) return null;
+    return /* @__PURE__ */ jsx18(PageActions, { variant: getActionsVariant(), actions, menuActions });
+  };
+  const needsBottomPadding = actions && actions.length > 0 && getActionsVariant() === "primary-buttons";
+  const paddingClasses = {
+    none: "",
+    sm: "p-4",
+    md: "p-6",
+    lg: "p-8"
+  };
+  const backgroundClasses = {
+    default: "bg-ods-bg",
+    card: "bg-ods-card",
+    transparent: ""
+  };
+  const renderHeader = () => {
+    if (!showHeader) return null;
+    if (headerContent) {
+      return /* @__PURE__ */ jsx18("div", { className: cn(
+        "flex items-end justify-between gap-4"
+      ), children: headerContent });
+    }
+    if (variant === "detail") {
+      return /* @__PURE__ */ jsxs15("div", { className: "flex items-end justify-between md:flex-col md:items-start md:justify-start lg:flex-row lg:items-end lg:justify-between gap-4", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
+          backButton && /* @__PURE__ */ jsx18(
+            BackButton,
+            {
+              onClick: backButton.onClick,
+              label: backButton.label,
+              className: "hidden md:inline-flex"
+            }
+          ),
+          title && /* @__PURE__ */ jsx18("h1", { className: "text-h2 tracking-[-0.64px] text-ods-text-primary", children: title }),
+          subtitle && /* @__PURE__ */ jsx18("div", { className: "text-ods-text-secondary font-['DM_Sans'] font-medium text-[16px]", children: subtitle })
+        ] }),
+        (headerActions || actions) && /* @__PURE__ */ jsxs15("div", { className: "flex gap-2 items-center shrink-0", children: [
+          headerActions,
+          renderActions()
+        ] })
+      ] });
+    }
+    if (variant === "list") {
+      return /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between md:flex-col md:items-start md:justify-start lg:flex-row lg:items-center lg:justify-between gap-4", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
+          backButton && /* @__PURE__ */ jsx18(
+            BackButton,
+            {
+              onClick: backButton.onClick,
+              label: backButton.label,
+              className: "hidden md:inline-flex"
+            }
+          ),
+          title && /* @__PURE__ */ jsx18("h1", { className: "text-h2 tracking-[-0.48px] text-ods-text-primary", children: title }),
+          subtitle && /* @__PURE__ */ jsx18("div", { className: "text-ods-text-secondary font-['DM_Sans'] font-medium text-[16px]", children: subtitle })
+        ] }),
+        (headerActions || actions) && /* @__PURE__ */ jsxs15("div", { className: "flex gap-3 items-center shrink-0", children: [
+          headerActions,
+          renderActions()
+        ] })
+      ] });
+    }
+    if (variant === "form") {
+      return /* @__PURE__ */ jsxs15("div", { className: "flex items-end justify-between md:flex-col md:items-start md:justify-start lg:flex-row lg:items-end lg:justify-between gap-4", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
+          backButton && /* @__PURE__ */ jsx18(
+            BackButton,
+            {
+              onClick: backButton.onClick,
+              label: backButton.label,
+              className: "hidden md:inline-flex"
+            }
+          ),
+          title && /* @__PURE__ */ jsx18("h1", { className: "text-[32px] font-['Azeret_Mono:SemiBold',_sans-serif] font-semibold text-ods-text-primary tracking-[-0.64px]", children: title })
+        ] }),
+        (headerActions || actions) && /* @__PURE__ */ jsxs15("div", { className: "flex gap-4 items-center shrink-0", children: [
+          headerActions,
+          renderActions()
+        ] })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between md:flex-col md:items-start md:justify-start lg:flex-row lg:items-center lg:justify-between gap-4", children: [
+      (title || subtitle) && /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
+        title && /* @__PURE__ */ jsx18("h1", { className: "text-h2 text-ods-text-primary", children: title }),
+        subtitle && /* @__PURE__ */ jsx18("div", { className: "text-ods-text-secondary font-['DM_Sans'] font-medium text-[16px]", children: subtitle })
+      ] }),
+      (headerActions || actions) && /* @__PURE__ */ jsxs15("div", { className: "flex gap-3 items-center shrink-0", children: [
+        headerActions,
+        renderActions()
+      ] })
+    ] });
+  };
+  const getContainerClasses = () => {
+    const baseClasses = [
+      "flex flex-col w-full",
+      backgroundClasses[background],
+      paddingClasses[padding]
+    ];
+    switch (variant) {
+      case "list":
+        return cn(baseClasses, "gap-4 md:gap-6", className);
+      case "detail":
+        return cn(baseClasses, "gap-4 md:gap-6", className);
+      case "form":
+        return cn(baseClasses, "gap-6 md:gap-10", className);
+      case "content":
+      default:
+        return cn(baseClasses, "gap-4 md:gap-6", className);
+    }
+  };
+  const getContentClasses = () => {
+    const mobilePadding = needsBottomPadding ? "pb-28 md:pb-0" : "";
+    switch (variant) {
+      case "detail":
+        return cn("flex-1 overflow-auto", mobilePadding, contentClassName);
+      case "list":
+        return cn("flex flex-col gap-4 md:gap-6", mobilePadding, contentClassName);
+      case "form":
+        return cn("flex flex-col gap-4 md:gap-10", mobilePadding, contentClassName);
+      case "content":
+      default:
+        return cn("flex-1", mobilePadding, contentClassName);
+    }
+  };
+  return /* @__PURE__ */ jsxs15("div", { className: getContainerClasses(), children: [
+    renderHeader(),
+    /* @__PURE__ */ jsx18("div", { className: getContentClasses(), children })
+  ] });
+}
+var ListPageContainer = (props) => /* @__PURE__ */ jsx18(PageContainer, { ...props, variant: "list" });
+var DetailPageContainer = (props) => /* @__PURE__ */ jsx18(PageContainer, { ...props, variant: "detail" });
+var FormPageContainer = (props) => /* @__PURE__ */ jsx18(PageContainer, { ...props, variant: "form" });
+var ContentPageContainer = (props) => /* @__PURE__ */ jsx18(PageContainer, { ...props, variant: "content" });
+
+// src/components/layout/article-detail-layout.tsx
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+function PageShell({ children, schemas }) {
+  return /* @__PURE__ */ jsxs16("main", { className: "bg-ods-bg min-h-screen", children: [
+    schemas,
+    /* @__PURE__ */ jsx19("div", { className: "max-w-[1920px] mx-auto px-6 md:px-20 py-6 md:py-10", children })
+  ] });
+}
+function ArticleDetailLayout({ children, schemas }) {
+  return /* @__PURE__ */ jsxs16("main", { className: "bg-ods-bg min-h-screen", children: [
+    schemas,
+    /* @__PURE__ */ jsx19("div", { className: "max-w-[1280px] mx-auto px-6 md:px-20 py-6 md:py-10", children })
+  ] });
+}
+
+// src/utils/content-href.ts
+var DEFAULT_CONTENT_SUFFIXES = {
+  onboarding_guide: "onboarding-guides",
+  product_release: "releases",
+  blog_post: "blog",
+  case_study: "case-studies",
+  customer_interview: "interviews",
+  investor_update: "investor-updates",
+  webinar: "webinars",
+  podcast: "podcasts",
+  event: "events"
+};
+function lastPathSegment(url) {
+  try {
+    const pathname = new URL(url, "https://_.local").pathname;
+    const segs = pathname.split("/").filter(Boolean);
+    return segs.length > 0 ? segs[segs.length - 1] : null;
+  } catch {
+    return null;
+  }
+}
+function makeComposeContentUrl(opts) {
+  const suffixes = opts.suffixes ?? DEFAULT_CONTENT_SUFFIXES;
+  return ({ type, identifier, externalUrl, targetPlatform }) => {
+    const override = opts.overrides && Object.prototype.hasOwnProperty.call(opts.overrides, type) ? opts.overrides[type] : void 0;
+    if (override) return override(identifier);
+    const seg = (Object.prototype.hasOwnProperty.call(suffixes, type) ? suffixes[type] : void 0) ?? type;
+    if (opts.hostedTypes.has(type)) {
+      const recovered = externalUrl ? lastPathSegment(externalUrl) : null;
+      const slug = recovered && recovered !== seg ? recovered : identifier;
+      return { href: `/${seg}/${slug}`, targetPlatform: null };
+    }
+    return externalUrl ? { href: externalUrl, targetPlatform: targetPlatform ?? null } : { href: `${opts.contentOrigin}/${seg}/${identifier}`, targetPlatform: null };
+  };
+}
+function buildDefaultHref(basePath, slug) {
+  return { href: `${basePath}/${slug}`, targetPlatform: null };
+}
+function resolveContentHref(composeContentUrl, args) {
+  return composeContentUrl ? composeContentUrl({ type: args.type, identifier: args.slug, platforms: args.platforms }) : buildDefaultHref(args.basePath, args.slug);
+}
+
+// src/components/ui/error-state.tsx
+init_button();
+init_cn();
+import { AlertTriangle, RefreshCw, Home } from "lucide-react";
+import { jsx as jsx20, jsxs as jsxs17 } 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__ */ jsxs17("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__ */ jsxs17("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__ */ jsxs17("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 jsxs18 } from "react/jsx-runtime";
+var BADGE_CLASS = "bg-ods-card border border-ods-border";
+function EntityTagBadges({ tags, basePath, max, className }) {
+  const items = (tags || []).filter((t) => !!t && !!t.name);
+  if (items.length === 0) return null;
+  const visibleLimit = max == null ? items.length : Math.max(0, max);
+  const shown = items.slice(0, visibleLimit);
+  const overflow = items.length - shown.length;
+  return /* @__PURE__ */ jsxs18("div", { className: `flex flex-wrap items-center gap-2 w-full ${className || ""}`, children: [
+    shown.map((tag) => {
+      const key = tag.tag_id ?? tag.id ?? tag.slug ?? tag.name;
+      const label = (tag.name || "").toUpperCase();
+      if (basePath && tag.slug) {
+        return /* @__PURE__ */ jsx21(Link, { href: `${basePath}?tags=${tag.slug}`, className: "inline-flex", children: /* @__PURE__ */ jsx21(
+          StatusBadge,
+          {
+            text: label,
+            variant: "card",
+            className: `${BADGE_CLASS} cursor-pointer transition-colors hover:border-ods-accent`
+          }
+        ) }, key);
+      }
+      return /* @__PURE__ */ jsx21(StatusBadge, { text: label, variant: "card", className: BADGE_CLASS }, key);
+    }),
+    overflow > 0 && /* @__PURE__ */ jsx21(StatusBadge, { text: `+${overflow}`, variant: "card", className: `${BADGE_CLASS} text-ods-text-secondary` })
+  ] });
+}
+
+// src/components/features/mux-origins.ts
+var MUX_STREAM_ORIGIN = "https://stream.mux.com";
+var MUX_IMAGE_ORIGIN = "https://image.mux.com";
+
+// 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/search-input.tsx
+init_cn();
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import * as React12 from "react";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+var containerStyles = cn(
+  // Layout & spacing — matches lib Input component
+  "flex items-center gap-2 rounded-[6px] border px-3 h-11 md:h-12 cursor-text",
+  "has-[:focus-visible]:outline-none",
+  "group",
+  "transition-colors duration-200",
+  // Theme palette — matches lib Input component
+  "bg-ods-card border-ods-border has-[:focus]:border-ods-accent"
+);
+var innerInputStyles = cn(
+  "flex-1 min-w-[60px] bg-transparent border-none outline-none",
+  "text-h4",
+  "text-ods-text-primary placeholder:text-ods-text-secondary",
+  "disabled:cursor-not-allowed",
+  "touch-manipulation"
+);
+function chipVariantToTagVariant(variant) {
+  switch (variant) {
+    case "selected":
+      return "primary";
+    // Content tags render with the unified badge skin (ods-card + ods-border,
+    // mono uppercase) — identical to the public EntityTagBadges display.
+    case "tag":
+      return "badge";
+    case "category":
+    case "subcategory":
+    default:
+      return "outline";
+  }
+}
+function SearchInput({
+  placeholder = "Search...",
+  value,
+  defaultValue = "",
+  onChange,
+  onSubmit,
+  results = [],
+  isLoading = false,
+  onResultSelect,
+  debounceMs = 300,
+  renderResult,
+  groupBy,
+  emptyResultsText = "No results found",
+  showDropdown: showDropdownProp,
+  filterChips = [],
+  onFilterRemove,
+  startAdornment,
+  endAdornment,
+  className,
+  dropdownClassName,
+  minQueryLength = 2,
+  limitTags = "auto",
+  getLimitTagsText = (more) => `+${more}`
+}) {
+  const [internalValue, setInternalValue] = React12.useState(defaultValue);
+  const currentValue = onChange ? value ?? "" : internalValue;
+  const debouncedValue = useDebounce(currentValue, debounceMs);
+  const [isOpen, setIsOpen] = React12.useState(false);
+  const [highlightedIndex, setHighlightedIndex] = React12.useState(-1);
+  const containerRef = React12.useRef(null);
+  const currentPlaceholder = filterChips.length > 0 ? "Add filter..." : placeholder;
+  const {
+    visibleCount: rawVisibleCount,
+    middleRef,
+    measureRef,
+    textMeasureRef,
+    badgeRef,
+    inputRef
+  } = useAutoLimitTags({
+    count: filterChips.length,
+    limitTags,
+    // When chips exist, pass empty placeholder so the hook only reserves input minWidth,
+    // not the full placeholder text width — gives more room for chips on narrow screens
+    placeholder: filterChips.length > 0 ? "" : placeholder
+  });
+  const visibleCount = filterChips.length > 0 ? Math.max(1, rawVisibleCount) : rawVisibleCount;
+  const hiddenTagsRef = React12.useRef(null);
+  const hiddenTagsPopupRef = React12.useRef(null);
+  const [showHiddenTags, setShowHiddenTags] = React12.useState(false);
+  React12.useEffect(() => {
+    if (!showHiddenTags) return;
+    const handleClick = (e) => {
+      const target = e.target;
+      if (!hiddenTagsRef.current?.contains(target) && !hiddenTagsPopupRef.current?.contains(target)) {
+        setShowHiddenTags(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClick);
+    return () => document.removeEventListener("mousedown", handleClick);
+  }, [showHiddenTags]);
+  const hiddenCount = filterChips.length - visibleCount;
+  const visibleChips = filterChips.slice(0, visibleCount);
+  const hiddenChips = filterChips.slice(visibleCount);
+  const { flatResults, groups } = React12.useMemo(() => {
+    if (!groupBy) return { flatResults: results, groups: null };
+    const grouped = /* @__PURE__ */ new Map();
+    for (const r of results) {
+      const key = groupBy(r);
+      const arr = grouped.get(key);
+      if (arr) {
+        arr.push(r);
+      } else {
+        grouped.set(key, [r]);
+      }
+    }
+    return { flatResults: results, groups: grouped };
+  }, [results, groupBy]);
+  const meetsMinQuery = debouncedValue.length >= minQueryLength;
+  const autoShow = meetsMinQuery;
+  const dropdownVisible = showDropdownProp ?? (isOpen && autoShow);
+  React12.useEffect(() => {
+    setHighlightedIndex(-1);
+  }, [flatResults.length]);
+  const handleChange = (e) => {
+    const newVal = e.target.value;
+    if (onChange) {
+      onChange(newVal);
+    } else {
+      setInternalValue(newVal);
+    }
+    if (!isOpen) setIsOpen(true);
+    setHighlightedIndex(-1);
+  };
+  const handleClear = (e) => {
+    e.stopPropagation();
+    e.preventDefault();
+    if (onChange) {
+      onChange("");
+    } else {
+      setInternalValue("");
+    }
+    inputRef.current?.focus();
+  };
+  const handleResultClick = (result, e) => {
+    onResultSelect?.(
+      result,
+      e ? {
+        metaKey: e.metaKey,
+        ctrlKey: e.ctrlKey,
+        shiftKey: e.shiftKey,
+        altKey: e.altKey,
+        button: e.button
+      } : void 0
+    );
+    setIsOpen(false);
+  };
+  const handleKeyDown = (e) => {
+    switch (e.key) {
+      case "ArrowDown":
+        e.preventDefault();
+        if (!isOpen) setIsOpen(true);
+        setHighlightedIndex(
+          (prev) => prev < flatResults.length - 1 ? prev + 1 : 0
+        );
+        break;
+      case "ArrowUp":
+        e.preventDefault();
+        setHighlightedIndex(
+          (prev) => prev > 0 ? prev - 1 : flatResults.length - 1
+        );
+        break;
+      case "Enter":
+        e.preventDefault();
+        if (highlightedIndex >= 0 && flatResults[highlightedIndex]) {
+          handleResultClick(flatResults[highlightedIndex]);
+        } else {
+          onSubmit?.(currentValue);
+        }
+        break;
+      case "Escape":
+        setIsOpen(false);
+        setHighlightedIndex(-1);
+        break;
+      case "Backspace":
+        if (!currentValue && filterChips.length > 0 && onFilterRemove) {
+          onFilterRemove(filterChips[filterChips.length - 1].id);
+        }
+        break;
+    }
+  };
+  const handleOpenChange = (open) => {
+    setIsOpen(open);
+  };
+  const defaultRenderResult = (result, isHighlighted) => /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-3 w-full min-w-0", children: [
+    result.icon && /* @__PURE__ */ jsx22("span", { className: "flex-shrink-0 text-ods-text-secondary [&_svg]:size-4", children: result.icon }),
+    /* @__PURE__ */ jsxs19("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx22("div", { className: cn(
+        "text-sm font-medium leading-5 truncate",
+        isHighlighted ? "text-ods-accent" : "text-ods-text-primary"
+      ), title: result.title, children: result.title }),
+      result.description && /* @__PURE__ */ jsx22("div", { className: "text-xs leading-4 text-ods-text-secondary truncate mt-0.5", title: result.description, children: result.description })
+    ] }),
+    result.type && /* @__PURE__ */ jsx22("span", { className: "flex-shrink-0 text-[11px] font-medium text-ods-text-muted uppercase tracking-wider", children: result.type })
+  ] });
+  const renderRow = (result, index) => {
+    const isHighlighted = index === highlightedIndex;
+    return /* @__PURE__ */ jsx22(
+      "div",
+      {
+        role: "option",
+        "aria-selected": isHighlighted,
+        className: cn(
+          "flex items-center min-h-10 px-3 cursor-pointer transition-colors border-b border-ods-border last:border-b-0",
+          isHighlighted && "bg-ods-bg-hover",
+          !isHighlighted && "hover:bg-ods-bg-hover"
+        ),
+        onClick: (e) => handleResultClick(result, e),
+        onMouseEnter: () => setHighlightedIndex(index),
+        children: renderResult ? renderResult(result, isHighlighted) : defaultRenderResult(result, isHighlighted)
+      },
+      result.id
+    );
+  };
+  const renderDropdownContent = () => {
+    if (isLoading) {
+      return /* @__PURE__ */ jsx22("div", { className: "px-4 py-3 text-ods-text-secondary text-[14px]", children: "Loading..." });
+    }
+    if (flatResults.length === 0) {
+      return /* @__PURE__ */ jsx22("div", { className: "px-4 py-3 text-ods-text-secondary text-[14px]", children: emptyResultsText });
+    }
+    if (groups) {
+      let globalIndex = 0;
+      return Array.from(groups.entries()).map(([groupLabel, groupResults]) => /* @__PURE__ */ jsxs19("div", { children: [
+        /* @__PURE__ */ jsx22("div", { className: "px-4 py-2 text-[12px] font-semibold text-ods-text-secondary uppercase tracking-wide bg-ods-bg", children: groupLabel }),
+        groupResults.map((result) => {
+          const idx = globalIndex++;
+          return renderRow(result, idx);
+        })
+      ] }, groupLabel));
+    }
+    return flatResults.map((result, index) => renderRow(result, index));
+  };
+  const hasValue = currentValue.length > 0;
+  return /* @__PURE__ */ jsxs19("div", { className: cn("relative", className), ref: containerRef, children: [
+    /* @__PURE__ */ jsxs19(PopoverPrimitive.Root, { open: dropdownVisible, onOpenChange: handleOpenChange, modal: false, children: [
+      /* @__PURE__ */ jsx22(PopoverPrimitive.Anchor, { asChild: true, children: /* @__PURE__ */ jsxs19(
+        "div",
+        {
+          className: cn(
+            containerStyles,
+            "hover:bg-ods-bg-hover hover:border-ods-border-hover active:bg-ods-bg-active active:border-ods-border-active",
+            dropdownVisible && "!border-ods-accent"
+          ),
+          onClick: () => {
+            inputRef.current?.focus();
+            setIsOpen(true);
+          },
+          children: [
+            /* @__PURE__ */ jsx22("span", { className: "flex-shrink-0 text-ods-text-secondary transition-colors duration-200 group-has-[:focus]:text-ods-accent [&_svg]:size-4 md:[&_svg]:size-6", children: startAdornment !== void 0 ? startAdornment : /* @__PURE__ */ jsx22(SearchIcon, {}) }),
+            /* @__PURE__ */ jsxs19("div", { ref: middleRef, className: "flex-1 flex items-center gap-2 min-w-0 overflow-hidden", children: [
+              visibleChips.map((chip) => /* @__PURE__ */ jsx22(
+                Tag,
+                {
+                  variant: chipVariantToTagVariant(chip.variant),
+                  label: chip.label,
+                  labelClassName: "truncate max-w-[120px]",
+                  onClose: onFilterRemove ? () => onFilterRemove(chip.id) : void 0
+                },
+                chip.id
+              )),
+              hiddenCount > 0 && /* @__PURE__ */ jsx22("div", { ref: hiddenTagsRef, className: "shrink-0", children: /* @__PURE__ */ jsx22(
+                "button",
+                {
+                  ref: badgeRef,
+                  type: "button",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    setShowHiddenTags((prev) => !prev);
+                  },
+                  className: cn(
+                    "flex items-center h-8 px-2",
+                    "bg-ods-card border border-ods-border rounded-[6px]",
+                    "font-mono text-[14px] font-medium leading-5 text-ods-text-secondary uppercase tracking-[-0.28px]",
+                    "hover:bg-ods-bg-hover transition-colors cursor-pointer"
+                  ),
+                  "aria-label": `${hiddenCount} more selected filters`,
+                  children: getLimitTagsText(hiddenCount)
+                }
+              ) }),
+              /* @__PURE__ */ jsx22(
+                "input",
+                {
+                  ref: inputRef,
+                  type: "text",
+                  value: currentValue,
+                  onChange: handleChange,
+                  onKeyDown: handleKeyDown,
+                  onFocus: () => {
+                    setIsOpen(true);
+                    setShowHiddenTags(false);
+                  },
+                  placeholder: currentPlaceholder,
+                  className: innerInputStyles
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-1 shrink-0 ml-auto", children: [
+              hasValue && /* @__PURE__ */ jsx22(
+                "button",
+                {
+                  type: "button",
+                  onClick: handleClear,
+                  className: "flex items-center justify-center hover:opacity-70 transition-opacity",
+                  "aria-label": "Clear search",
+                  children: /* @__PURE__ */ jsx22(XmarkCircleIcon, { className: "text-ods-text-secondary", size: 24 })
+                }
+              ),
+              endAdornment
+            ] })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx22(
+        PopoverPrimitive.Content,
+        {
+          className: cn(
+            "z-50 w-[var(--radix-popover-trigger-width)] mt-1",
+            "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden shadow-lg",
+            "data-[state=open]:animate-in data-[state=closed]:animate-out",
+            "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+            "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+            "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2",
+            dropdownClassName
+          ),
+          sideOffset: 4,
+          align: "start",
+          onOpenAutoFocus: (e) => {
+            e.preventDefault();
+            inputRef.current?.focus();
+          },
+          onInteractOutside: (e) => {
+            if (containerRef.current?.contains(e.target)) {
+              e.preventDefault();
+            }
+          },
+          children: /* @__PURE__ */ jsxs19(ScrollAreaPrimitive.Root, { className: "overflow-hidden", children: [
+            /* @__PURE__ */ jsx22(ScrollAreaPrimitive.Viewport, { className: "max-h-[320px] w-full", children: /* @__PURE__ */ jsx22("div", { role: "listbox", children: renderDropdownContent() }) }),
+            /* @__PURE__ */ jsx22(ScrollAreaPrimitive.Scrollbar, { className: "hidden", orientation: "vertical", children: /* @__PURE__ */ jsx22(ScrollAreaPrimitive.Thumb, {}) })
+          ] })
+        }
+      )
+    ] }),
+    showHiddenTags && hiddenCount > 0 && /* @__PURE__ */ jsx22(
+      HiddenTagsPopup,
+      {
+        ref: hiddenTagsPopupRef,
+        items: hiddenChips.map((chip) => ({ label: chip.label, value: chip.id })),
+        style: {
+          left: badgeRef.current ? badgeRef.current.getBoundingClientRect().left - (containerRef.current?.getBoundingClientRect().left ?? 0) : 0
+        },
+        onRemove: (value2) => {
+          onFilterRemove?.(value2);
+          if (hiddenCount <= 1) setShowHiddenTags(false);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx22(
+      "span",
+      {
+        ref: textMeasureRef,
+        "aria-hidden": "true",
+        className: "fixed -left-[9999px] top-0 pointer-events-none whitespace-nowrap text-ods-text-primary",
+        children: currentPlaceholder
+      }
+    ),
+    /* @__PURE__ */ jsx22(
+      "div",
+      {
+        ref: measureRef,
+        "aria-hidden": "true",
+        className: "fixed -left-[9999px] top-0 flex gap-2 pointer-events-none",
+        children: filterChips.map((chip) => /* @__PURE__ */ jsx22(
+          Tag,
+          {
+            variant: chipVariantToTagVariant(chip.variant),
+            label: chip.label,
+            labelClassName: "truncate max-w-[120px]",
+            onClose: () => {
+            }
+          },
+          `m-${chip.id}`
+        ))
+      }
+    )
+  ] });
+}
+
+// src/components/ui/filter-pill-row.tsx
+init_button();
+import { Filter } from "lucide-react";
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+function FilterPillRow({
+  label,
+  selectedValue,
+  onValueChange,
+  options,
+  countLabel,
+  children
+}) {
+  return /* @__PURE__ */ jsxs20("div", { className: "flex flex-wrap items-center gap-3 p-4 bg-ods-card border border-ods-border rounded-lg", children: [
+    /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx23(Filter, { className: "h-4 w-4 text-ods-accent" }),
+      /* @__PURE__ */ jsx23("span", { className: "text-h5 text-ods-text-secondary", children: label })
+    ] }),
+    children || options.map((opt) => /* @__PURE__ */ jsx23(
+      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__ */ jsx23("div", { className: "ml-auto text-[12px] font-['DM_Sans'] text-ods-text-secondary shrink-0", children: countLabel })
+  ] });
+}
+
+export {
+  HiddenTagsPopup,
+  tagVariants,
+  Tag,
+  Card,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+  CardContent,
+  CardFooter,
+  CardHorizontal,
+  Tabs,
+  TabsList,
+  TabsTrigger,
+  TabsContent,
+  statusBadgeVariants,
+  StatusBadge,
+  SimpleMarkdownRenderer,
+  formatDate,
+  formatNumber,
+  formatPrice,
+  formatBytes,
+  formatBytesShort,
+  formatLargeNumber,
+  formatAbbreviatedNumber,
+  getFirstLastInitials,
+  nameInitials,
+  formatDurationMMSS,
+  formatDurationCompact,
+  formatTimeWithTimezone,
+  formatDurationFromRange,
+  formatDateUTC,
+  formatLegalDate,
+  formatCurrency,
+  formatPercent,
+  formatWholeDollars,
+  formatCompactMetric,
+  getTrendColors,
+  formatDateRange,
+  formatDateTimeAt,
+  formatDurationFromMs,
+  formatDuration,
+  formatUnderscoreText,
+  stripHtml,
+  formatClassification,
+  formatPricingModel,
+  formatBioText,
+  SquareAvatar,
+  useControllableState,
+  ActionsMenu,
+  ActionsMenuDropdown,
+  isCrossOriginUrl,
+  decideNewTab,
+  computeIsNewTab,
+  newTabAnchorAttrs,
+  buildAnchorProps,
+  NEW_TAB_FEATURES,
+  isModifierClick,
+  stripSameOriginToPath,
+  resolveHrefForRuntime,
+  resolveExternalNavigation,
+  EMPTY_AUTHOR_PLACEHOLDER,
+  EntityMetadataValueCell,
+  EntityMetadataAuthorCell,
+  EntityAuthorCard,
+  BlogImagePlaceholder,
+  fetchPriorityProp,
+  extractYouTubeId,
+  Video,
+  RATIO_GRID_CLASS,
+  RATIO_DISPLAY_GRID_CLASS,
+  RatioTabs,
+  detectAspectRatio,
+  ratioToCategory,
+  groupByAspectRatio,
+  VideoBitesDisplay,
+  VideoBiteCard,
+  EntityVideoSection,
+  useEntityCardLink,
+  useEntityCardPlaceholder,
+  COMPACT_CARD_OUTER,
+  COMPACT_CARD_OUTER_STATIC,
+  COMPACT_CARD_SKELETON_OUTER,
+  COMPACT_CARD_IMAGE_SLOT,
+  COMPACT_CARD_SKELETON_IMAGE_SLOT,
+  COMPACT_CARD_ICON_SLOT,
+  COMPACT_CARD_TEXT_COL,
+  COMPACT_CARD_TITLE_ROW,
+  COMPACT_CARD_META_ROW_BOX,
+  COMPACT_CARD_TITLE,
+  COMPACT_CARD_SUBTITLE,
+  COMPACT_CARD_SUMMARY,
+  COMPACT_CARD_META_ROW,
+  COMPACT_CARD_ROW_FILLER,
+  safeHref,
+  OnboardingGuideCardSkeleton,
+  OnboardingGuideCard,
+  SOURCE_ICON_NAMES,
+  getSourceIconName,
+  SOURCE_LABELS_BY_TABLE,
+  getSourceLabel,
+  DEFAULT_DOCUMENT_TYPE_TO_TABLE_ID,
+  defaultTableIdForDocumentType,
+  ICON_REGISTRY,
+  normalizeIconKey,
+  getIconComponent,
+  getDynamicIcon,
+  sourceRowCtxFromRuntime,
+  resolveSourceRowCTA,
+  resolveSourceIcon,
+  PageActions,
+  usePageActionsBottomPadding,
+  BackButton,
+  PageContainer,
+  ListPageContainer,
+  DetailPageContainer,
+  FormPageContainer,
+  ContentPageContainer,
+  PageShell,
+  ArticleDetailLayout,
+  DEFAULT_CONTENT_SUFFIXES,
+  makeComposeContentUrl,
+  buildDefaultHref,
+  resolveContentHref,
+  ErrorState,
+  PageError,
+  LoadError,
+  NotFoundError,
+  EntityTagBadges,
+  MUX_STREAM_ORIGIN,
+  MUX_IMAGE_ORIGIN,
+  useVideoOriginPreconnect,
+  useVideoWarmup,
+  getCaptionsUrl,
+  SearchInput,
+  FilterPillRow
+};
+//# sourceMappingURL=chunk-LKI3YCAX.js.map