@octaviaflow/core 3.1.0-beta.115 → 3.1.0-beta.117

package/dist/chunk-VGAUSBP4.js

@@ -0,0 +1,3181 @@
+import {
+  $384704861d32dbed$export$bca9d026f8e704eb,
+  Button,
+  Checkbox,
+  Input,
+  Slot,
+  Spinner,
+  Tooltip,
+  resolveAccessibleName
+} from "./chunk-V22HCPVO.js";
+import {
+  cn
+} from "./chunk-ZAUUGK2Y.js";
+
+// src/components/Card/Card.tsx
+import { motion, useReducedMotion } from "framer-motion";
+import {
+  forwardRef
+} from "react";
+import { jsx } from "react/jsx-runtime";
+var Card = forwardRef(function Card2({
+  variant = "default",
+  padding = "md",
+  radius = "md",
+  hoverable = false,
+  disabled = false,
+  loading = false,
+  asChild = false,
+  onClick,
+  onKeyDown,
+  className,
+  children,
+  ...rest
+}, ref) {
+  const reducedMotion = useReducedMotion();
+  const isInteractive = Boolean(onClick) && !disabled && !loading;
+  const handleKeyDown = (e) => {
+    onKeyDown?.(e);
+    if (e.defaultPrevented) return;
+    if (!isInteractive) return;
+    if ((e.key === "Enter" || e.key === " ") && !e.repeat) {
+      e.preventDefault();
+      onClick?.(e);
+    }
+  };
+  const rootClassName = cn(
+    "ods-card",
+    `ods-card--${variant}`,
+    `ods-card--pad-${padding}`,
+    `ods-card--radius-${radius}`,
+    (hoverable || isInteractive) && !loading && !disabled && "ods-card--hoverable",
+    isInteractive && "ods-card--clickable",
+    disabled && "ods-card--disabled",
+    loading && "ods-card--loading",
+    className
+  );
+  if (asChild) {
+    return /* @__PURE__ */ jsx(
+      Slot,
+      {
+        ...rest,
+        ref,
+        className: rootClassName,
+        onClick: isInteractive ? onClick : void 0,
+        onKeyDown: isInteractive ? handleKeyDown : onKeyDown,
+        "aria-disabled": disabled || void 0,
+        children
+      }
+    );
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { ...rest, ref, className: rootClassName, "aria-busy": "true", "aria-label": "Loading", children: /* @__PURE__ */ jsx("div", { className: "ods-card__skeleton", "data-ods-animate": "shimmer" }) });
+  }
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      ...rest,
+      ref,
+      onClick: isInteractive ? onClick : void 0,
+      onKeyDown: isInteractive ? handleKeyDown : onKeyDown,
+      className: rootClassName,
+      whileHover: (hoverable || isInteractive) && !reducedMotion ? { y: -2, transition: { duration: 0.15 } } : void 0,
+      whileTap: isInteractive && !reducedMotion ? { scale: 0.99 } : void 0,
+      role: isInteractive ? "button" : rest.role,
+      tabIndex: isInteractive ? rest.tabIndex ?? 0 : rest.tabIndex,
+      "aria-disabled": disabled || void 0,
+      children
+    }
+  );
+});
+Card.displayName = "Card";
+var CardHeader = forwardRef(function CardHeader2({ className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx("div", { ...rest, ref, className: cn("ods-card__header", className), children });
+});
+CardHeader.displayName = "Card.Header";
+var CardBody = forwardRef(function CardBody2({ className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx("div", { ...rest, ref, className: cn("ods-card__body", className), children });
+});
+CardBody.displayName = "Card.Body";
+var CardFooter = forwardRef(function CardFooter2({ className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx("div", { ...rest, ref, className: cn("ods-card__footer", className), children });
+});
+CardFooter.displayName = "Card.Footer";
+var CardTitle = forwardRef(function CardTitle2({ as: Comp = "h3", className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ...rest,
+      ref,
+      className: cn("ods-card__title", className),
+      children
+    }
+  );
+});
+CardTitle.displayName = "Card.Title";
+var CardDescription = forwardRef(
+  function CardDescription2({ className, children, ...rest }, ref) {
+    return /* @__PURE__ */ jsx("p", { ...rest, ref, className: cn("ods-card__description", className), children });
+  }
+);
+CardDescription.displayName = "Card.Description";
+Card.Header = CardHeader;
+Card.Body = CardBody;
+Card.Footer = CardFooter;
+Card.Title = CardTitle;
+Card.Description = CardDescription;
+
+// src/components/Avatar/Avatar.tsx
+import {
+  forwardRef as forwardRef2,
+  useCallback,
+  useMemo,
+  useState
+} from "react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var PALETTE_SIZE = 12;
+function djb2(str) {
+  let h = 5381;
+  for (let i = 0; i < str.length; i++) h = (h << 5) + h + str.charCodeAt(i);
+  return h >>> 0;
+}
+function paletteIndexFor(seed) {
+  return djb2(seed) % PALETTE_SIZE;
+}
+var AVATAR_PALETTE_SIZE = PALETTE_SIZE;
+function avatarPaletteIndex(seed) {
+  return paletteIndexFor(seed);
+}
+function normalizeInitials(raw) {
+  const trimmed = raw.trim();
+  if (!trimmed) return "";
+  const tokens = trimmed.split(/\s+/).filter(Boolean);
+  if (tokens.length >= 2) {
+    return (tokens[0].charAt(0) + tokens[1].charAt(0)).toUpperCase();
+  }
+  return trimmed.slice(0, 2).toUpperCase();
+}
+var STATUS_DEFAULT_LABEL = {
+  online: "Online",
+  offline: "Offline",
+  busy: "Busy",
+  away: "Away"
+};
+var Avatar = forwardRef2(function Avatar2({
+  src,
+  alt,
+  initials,
+  icon,
+  fallback,
+  seed,
+  palette,
+  size = "md",
+  shape = "circle",
+  status,
+  statusLabel,
+  onClick,
+  imgLoading = "lazy",
+  referrerPolicy,
+  className,
+  ...rest
+}, ref) {
+  const [imgFailed, setImgFailed] = useState(false);
+  const handleImgError = useCallback(() => setImgFailed(true), []);
+  const showImage = Boolean(src) && !imgFailed;
+  const normalizedInitials = useMemo(
+    () => initials ? normalizeInitials(initials) : "",
+    [initials]
+  );
+  const paletteIdx = useMemo(() => {
+    if (palette !== void 0) {
+      return (Math.trunc(palette) % PALETTE_SIZE + PALETTE_SIZE) % PALETTE_SIZE;
+    }
+    const resolved = seed ?? alt ?? initials ?? "?";
+    return paletteIndexFor(resolved);
+  }, [palette, seed, alt, initials]);
+  const baseName = alt || normalizedInitials || "Avatar";
+  const announcedStatus = status ? statusLabel ?? STATUS_DEFAULT_LABEL[status] : "";
+  const accessibleName = announcedStatus ? `${baseName}, ${announcedStatus}` : baseName;
+  const isClickable = Boolean(onClick);
+  const handleKeyDown = (e) => {
+    if (!isClickable) return;
+    if ((e.key === "Enter" || e.key === " ") && !e.repeat) {
+      e.preventDefault();
+      onClick?.();
+    }
+  };
+  const rootClassName = cn(
+    "ods-avatar",
+    `ods-avatar--${size}`,
+    `ods-avatar--${shape}`,
+    isClickable && "ods-avatar--clickable",
+    className
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...rest,
+      ref,
+      className: rootClassName,
+      role: isClickable ? "button" : "img",
+      "aria-label": accessibleName,
+      tabIndex: isClickable ? 0 : void 0,
+      onClick,
+      onKeyDown: isClickable ? handleKeyDown : void 0,
+      "data-status": status,
+      children: [
+        /* @__PURE__ */ jsx2("span", { className: "ods-avatar__inner", "data-palette": paletteIdx, children: showImage ? /* @__PURE__ */ jsx2(
+          "img",
+          {
+            src,
+            alt: "",
+            className: "ods-avatar__image",
+            loading: imgLoading,
+            decoding: "async",
+            referrerPolicy,
+            onError: handleImgError,
+            draggable: false
+          }
+        ) : icon ? /* @__PURE__ */ jsx2("span", { className: "ods-avatar__icon", "aria-hidden": "true", children: icon }) : normalizedInitials ? /* @__PURE__ */ jsx2("span", { className: "ods-avatar__initials", "aria-hidden": "true", children: normalizedInitials }) : /* @__PURE__ */ jsx2("span", { className: "ods-avatar__initials", "aria-hidden": "true", children: fallback ?? "?" }) }),
+        status && // Decorative — the textual status is folded into the wrapper's
+        // aria-label above. `aria-hidden` keeps AT from double-announcing.
+        /* @__PURE__ */ jsx2(
+          "span",
+          {
+            className: cn("ods-avatar__status", `ods-avatar__status--${status}`),
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+});
+Avatar.displayName = "Avatar";
+var AvatarStack = forwardRef2(function AvatarStack2({ children, max, size = "md", renderOverflow, direction = "ltr", className, ...rest }, ref) {
+  const arr = Array.isArray(children) ? children : [children];
+  const visible = max && arr.length > max ? arr.slice(0, max) : arr;
+  const overflow = max && arr.length > max ? arr.length - max : 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...rest,
+      ref,
+      className: cn("ods-avatar-stack", `ods-avatar-stack--${direction}`, className),
+      children: [
+        visible,
+        overflow > 0 && (renderOverflow ? renderOverflow(overflow) : /* @__PURE__ */ jsx2(
+          "div",
+          {
+            className: cn(
+              "ods-avatar",
+              `ods-avatar--${size}`,
+              "ods-avatar--circle",
+              "ods-avatar-stack__overflow"
+            ),
+            role: "img",
+            "aria-label": `${overflow} more`,
+            children: /* @__PURE__ */ jsx2("span", { className: "ods-avatar__inner", children: /* @__PURE__ */ jsxs("span", { className: "ods-avatar__initials", "aria-hidden": "true", children: [
+              "+",
+              overflow
+            ] }) })
+          }
+        ))
+      ]
+    }
+  );
+});
+AvatarStack.displayName = "AvatarStack";
+
+// src/components/BlogCard/BlogCard.tsx
+import { forwardRef as forwardRef3, useId } from "react";
+import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var BlogCard = forwardRef3(function BlogCard2({
+  cover,
+  coverAspect = "16/9",
+  category,
+  tags,
+  meta,
+  readingTime,
+  title,
+  titleAs = "h3",
+  description,
+  author,
+  footer,
+  radius = "md",
+  orientation = "vertical",
+  href,
+  onClick,
+  id: providedId,
+  className,
+  ...rest
+}, ref) {
+  const reactId = useId();
+  const baseId = providedId ?? `ods-blog-card-${reactId}`;
+  const titleId = `${baseId}-title`;
+  const descId = description ? `${baseId}-desc` : void 0;
+  const tagList = tags ?? (category ? [category] : []);
+  const body = /* @__PURE__ */ jsxs2(Fragment, { children: [
+    cover && /* @__PURE__ */ jsx3(
+      "div",
+      {
+        className: cn(
+          "ods-blog-card__cover",
+          `ods-blog-card__cover--aspect-${coverAspect.replace("/", "-")}`
+        ),
+        "aria-hidden": "true",
+        children: cover
+      }
+    ),
+    /* @__PURE__ */ jsxs2("div", { className: "ods-blog-card__body", children: [
+      (tagList.length > 0 || meta || readingTime) && /* @__PURE__ */ jsxs2("div", { className: "ods-blog-card__meta", children: [
+        tagList.length > 0 && /* @__PURE__ */ jsx3("span", { className: "ods-blog-card__tags", children: tagList.map((t, i) => /* @__PURE__ */ jsx3("span", { className: "ods-blog-card__tag", children: t }, i)) }),
+        meta && /* @__PURE__ */ jsx3("span", { className: "ods-blog-card__date", children: meta }),
+        readingTime && /* @__PURE__ */ jsx3("span", { className: "ods-blog-card__reading", children: readingTime })
+      ] }),
+      /* @__PURE__ */ jsx3(Card.Title, { as: titleAs, id: titleId, className: "ods-blog-card__title", children: title }),
+      description && /* @__PURE__ */ jsx3(Card.Description, { id: descId, className: "ods-blog-card__desc", children: description }),
+      (author || footer) && /* @__PURE__ */ jsxs2("div", { className: "ods-blog-card__footer", children: [
+        author && /* @__PURE__ */ jsxs2("div", { className: "ods-blog-card__author", children: [
+          author.avatar && /* @__PURE__ */ jsx3(
+            Avatar,
+            {
+              size: "sm",
+              src: author.avatar.src,
+              initials: author.avatar.initials,
+              seed: author.avatar.seed,
+              palette: author.avatar.palette,
+              alt: author.avatar.alt ?? (typeof author.name === "string" ? author.name : void 0)
+            }
+          ),
+          /* @__PURE__ */ jsxs2("div", { className: "ods-blog-card__author-text", children: [
+            /* @__PURE__ */ jsx3("span", { className: "ods-blog-card__author-name", children: author.name }),
+            author.byline && /* @__PURE__ */ jsx3("span", { className: "ods-blog-card__author-byline", children: author.byline })
+          ] })
+        ] }),
+        footer && /* @__PURE__ */ jsx3("div", { className: "ods-blog-card__action", children: footer })
+      ] })
+    ] })
+  ] });
+  if (href) {
+    return /* @__PURE__ */ jsx3(
+      Card,
+      {
+        asChild: true,
+        radius,
+        padding: "none",
+        className: cn(
+          "ods-blog-card",
+          `ods-blog-card--${orientation}`,
+          "ods-blog-card--interactive",
+          className
+        ),
+        "aria-labelledby": titleId,
+        "aria-describedby": descId,
+        children: /* @__PURE__ */ jsx3(
+          "a",
+          {
+            ...rest,
+            ref,
+            href,
+            id: baseId,
+            onClick,
+            children: body
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx3(
+    Card,
+    {
+      ...rest,
+      ref,
+      id: baseId,
+      radius,
+      padding: "none",
+      onClick,
+      className: cn(
+        "ods-blog-card",
+        `ods-blog-card--${orientation}`,
+        onClick && "ods-blog-card--interactive",
+        className
+      ),
+      "aria-labelledby": titleId,
+      "aria-describedby": descId,
+      children: body
+    }
+  );
+});
+BlogCard.displayName = "BlogCard";
+
+// src/components/ChatBubble/ChatBubble.tsx
+import {
+  forwardRef as forwardRef4
+} from "react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var STATUS_LABEL = {
+  sent: "Sent",
+  delivered: "Delivered",
+  read: "Read",
+  failed: "Failed to send"
+};
+function StatusGlyph({ status }) {
+  switch (status) {
+    case "sent":
+      return /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 10 10", width: "10", height: "10", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx4(
+        "path",
+        {
+          d: "M2 5l2 2 4-4",
+          stroke: "currentColor",
+          strokeWidth: "1.4",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ) });
+    case "delivered":
+      return /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 12 10", width: "12", height: "10", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx4(
+        "path",
+        {
+          d: "M1 5l2 2 3.5-3.5 M5 5l2 2 4-4",
+          stroke: "currentColor",
+          strokeWidth: "1.4",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ) });
+    case "read":
+      return /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 12 10", width: "12", height: "10", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx4(
+        "path",
+        {
+          d: "M1 5l2 2 3.5-3.5 M5 5l2 2 4-4",
+          stroke: "currentColor",
+          strokeWidth: "1.4",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ) });
+    case "failed":
+      return /* @__PURE__ */ jsxs3("svg", { viewBox: "0 0 10 10", width: "10", height: "10", fill: "none", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx4("circle", { cx: "5", cy: "5", r: "4", stroke: "currentColor", strokeWidth: "1.4" }),
+        /* @__PURE__ */ jsx4("path", { d: "M5 3v3M5 6.8v.2", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round" })
+      ] });
+  }
+}
+var ChatBubble = forwardRef4(function ChatBubble2({
+  variant = "bot",
+  size = "md",
+  author,
+  timestamp,
+  avatar,
+  initial,
+  hideAvatar = false,
+  continuation = false,
+  metaPlacement = "bottom",
+  isTyping = false,
+  status,
+  actions,
+  attachments,
+  asChild = false,
+  className,
+  children,
+  ...rest
+}, ref) {
+  const isUser = variant === "user";
+  const reserveAvatar = hideAvatar || continuation;
+  const rootClassName = cn(
+    "ods-chat",
+    `ods-chat--${variant}`,
+    `ods-chat--${size}`,
+    isTyping && "ods-chat--typing",
+    continuation && "ods-chat--continuation",
+    status === "failed" && "ods-chat--failed",
+    className
+  );
+  if (asChild) {
+    return /* @__PURE__ */ jsx4(
+      Slot,
+      {
+        ...rest,
+        ref,
+        className: rootClassName,
+        children
+      }
+    );
+  }
+  let resolvedAvatar;
+  if (avatar !== void 0) {
+    resolvedAvatar = avatar;
+  } else {
+    const resolvedInitial = initial ?? (typeof author === "string" ? author : isUser ? "You" : variant === "system" ? "System" : "AI");
+    resolvedAvatar = /* @__PURE__ */ jsx4(
+      Avatar,
+      {
+        initials: resolvedInitial,
+        alt: typeof author === "string" ? author : variant,
+        seed: typeof author === "string" ? author : variant,
+        size: size === "sm" ? "sm" : size === "lg" ? "lg" : "md"
+      }
+    );
+  }
+  const metaEl = author || timestamp || status ? /* @__PURE__ */ jsxs3("div", { className: "ods-chat__meta", children: [
+    author && /* @__PURE__ */ jsx4("span", { className: "ods-chat__author", children: author }),
+    timestamp && /* @__PURE__ */ jsx4("span", { className: "ods-chat__time", children: timestamp }),
+    status && /* @__PURE__ */ jsx4(
+      "span",
+      {
+        className: cn("ods-chat__status", `ods-chat__status--${status}`),
+        role: "img",
+        "aria-label": STATUS_LABEL[status],
+        children: /* @__PURE__ */ jsx4(StatusGlyph, { status })
+      }
+    )
+  ] }) : null;
+  return /* @__PURE__ */ jsxs3("div", { ...rest, ref, className: rootClassName, children: [
+    /* @__PURE__ */ jsx4(
+      "div",
+      {
+        className: cn("ods-chat__avatar-slot", reserveAvatar && "ods-chat__avatar-slot--hidden"),
+        "aria-hidden": reserveAvatar || void 0,
+        children: resolvedAvatar
+      }
+    ),
+    /* @__PURE__ */ jsxs3("div", { className: "ods-chat__column", children: [
+      metaPlacement === "top" && metaEl,
+      /* @__PURE__ */ jsxs3(
+        "div",
+        {
+          className: "ods-chat__bubble",
+          role: isTyping ? "status" : void 0,
+          "aria-live": isTyping ? "polite" : void 0,
+          children: [
+            isTyping ? (
+              // role="img" gives the dots cluster an accessible name without
+              // tripping axe's "aria-label on a non-roleful span" rule. The
+              // outer bubble already carries role="status" + aria-live, so
+              // AT users hear "Typing" the moment the indicator appears.
+              /* @__PURE__ */ jsxs3("span", { className: "ods-chat__typing", role: "img", "aria-label": "Typing", children: [
+                /* @__PURE__ */ jsx4("span", { className: "ods-chat__typing-dot" }),
+                /* @__PURE__ */ jsx4("span", { className: "ods-chat__typing-dot" }),
+                /* @__PURE__ */ jsx4("span", { className: "ods-chat__typing-dot" })
+              ] })
+            ) : /* @__PURE__ */ jsx4("div", { className: "ods-chat__body", children }),
+            !isTyping && attachments && /* @__PURE__ */ jsx4("div", { className: "ods-chat__attachments", children: attachments })
+          ]
+        }
+      ),
+      metaPlacement === "bottom" && metaEl,
+      actions && /* @__PURE__ */ jsx4("div", { className: "ods-chat__actions", children: actions })
+    ] })
+  ] });
+});
+ChatBubble.displayName = "ChatBubble";
+
+// src/components/ChatComposer/ChatComposer.tsx
+import {
+  forwardRef as forwardRef5,
+  useEffect,
+  useId as useId2,
+  useRef,
+  useState as useState2
+} from "react";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function SendGlyph() {
+  return /* @__PURE__ */ jsx5("svg", { viewBox: "0 0 16 16", width: "16", height: "16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx5(
+    "path",
+    {
+      d: "M14.5 1.5 7 9M14.5 1.5l-4.6 13-2.9-5.5L1.5 6.1l13-4.6Z",
+      stroke: "currentColor",
+      strokeWidth: "1.3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function SpinnerGlyph() {
+  return /* @__PURE__ */ jsxs4("svg", { viewBox: "0 0 16 16", width: "16", height: "16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx5("circle", { cx: "8", cy: "8", r: "6", stroke: "currentColor", strokeOpacity: "0.3", strokeWidth: "2" }),
+    /* @__PURE__ */ jsx5("path", { d: "M8 2a6 6 0 0 1 6 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
+  ] });
+}
+var ChatComposer = forwardRef5(
+  function ChatComposer2({
+    value,
+    defaultValue,
+    onChange,
+    onSend,
+    placeholder = "Write a message\u2026",
+    disabled = false,
+    sending = false,
+    allowEmpty = false,
+    size = "md",
+    minRows = 1,
+    maxRows = 6,
+    grow = "up",
+    leading,
+    trailing,
+    sendIcon,
+    sendLabel = "Send message",
+    fieldLabel = "Message",
+    hint,
+    className,
+    onKeyDown,
+    ...rest
+  }, forwardedRef) {
+    const innerRef = useRef(null);
+    const setRef = (node) => {
+      innerRef.current = node;
+      if (typeof forwardedRef === "function") forwardedRef(node);
+      else if (forwardedRef)
+        forwardedRef.current = node;
+    };
+    const isControlled = value !== void 0;
+    const [internal, setInternal] = useState2(defaultValue ?? "");
+    const text = isControlled ? value : internal;
+    const baseId = useId2();
+    const setText = (next) => {
+      if (!isControlled) setInternal(next);
+      onChange?.(next);
+    };
+    useEffect(() => {
+      const el = innerRef.current;
+      if (!el) return;
+      el.style.height = "auto";
+      const cs = window.getComputedStyle(el);
+      const fontSize = parseFloat(cs.fontSize) || 14;
+      const lh = cs.lineHeight === "normal" ? fontSize * 1.4 : cs.lineHeight.endsWith("px") ? parseFloat(cs.lineHeight) : parseFloat(cs.lineHeight) * fontSize;
+      const padV = parseFloat(cs.paddingTop) + parseFloat(cs.paddingBottom);
+      const max = lh * maxRows + padV;
+      const next = Math.min(el.scrollHeight, max);
+      el.style.height = `${next}px`;
+      const overflowing = el.scrollHeight > max;
+      el.style.overflowY = overflowing ? "auto" : "hidden";
+      if (overflowing) el.scrollTop = el.scrollHeight;
+    }, [text, maxRows]);
+    const canSend = !disabled && !sending && (allowEmpty || text.trim().length > 0);
+    const submit = () => {
+      if (!canSend) return;
+      onSend?.(text);
+      if (!isControlled) setInternal("");
+    };
+    const handleKeyDown = (e) => {
+      onKeyDown?.(e);
+      if (e.defaultPrevented) return;
+      if (e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing) {
+        e.preventDefault();
+        submit();
+      }
+    };
+    return /* @__PURE__ */ jsxs4(
+      "div",
+      {
+        className: cn(
+          "ods-composer",
+          `ods-composer--${size}`,
+          `ods-composer--grow-${grow}`,
+          disabled && "ods-composer--disabled",
+          sending && "ods-composer--sending",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxs4("div", { className: "ods-composer__row", children: [
+            leading && /* @__PURE__ */ jsx5("div", { className: "ods-composer__leading", children: leading }),
+            /* @__PURE__ */ jsx5(
+              "textarea",
+              {
+                ...rest,
+                ref: setRef,
+                id: `ods-composer-${baseId}`,
+                className: "ods-composer__field",
+                rows: minRows,
+                value: text,
+                placeholder,
+                disabled,
+                "aria-label": fieldLabel,
+                onChange: (e) => setText(e.target.value),
+                onKeyDown: handleKeyDown
+              }
+            ),
+            /* @__PURE__ */ jsxs4("div", { className: "ods-composer__trailing", children: [
+              trailing,
+              /* @__PURE__ */ jsxs4(
+                "button",
+                {
+                  type: "button",
+                  className: "ods-composer__send",
+                  "aria-label": sending ? "Sending\u2026" : sendLabel,
+                  "aria-busy": sending || void 0,
+                  onClick: submit,
+                  disabled: !canSend,
+                  children: [
+                    /* @__PURE__ */ jsx5("span", { className: "ods-composer__send-icon", children: sendIcon ?? /* @__PURE__ */ jsx5(SendGlyph, {}) }),
+                    /* @__PURE__ */ jsx5("span", { className: "ods-composer__send-spinner", "aria-hidden": "true", children: /* @__PURE__ */ jsx5(SpinnerGlyph, {}) })
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          hint && /* @__PURE__ */ jsx5("div", { className: "ods-composer__hint", children: hint })
+        ]
+      }
+    );
+  }
+);
+ChatComposer.displayName = "ChatComposer";
+
+// src/components/ChatLinkPreview/ChatLinkPreview.tsx
+import { forwardRef as forwardRef6 } from "react";
+
+// src/components/TruncatedText/TruncatedText.tsx
+import { useLayoutEffect, useRef as useRef2, useState as useState3 } from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+function TruncatedText({ children, className }) {
+  const ref = useRef2(null);
+  const [cut, setCut] = useState3(false);
+  useLayoutEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    const measure = () => setCut(el.scrollWidth > el.clientWidth);
+    measure();
+    if (typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(measure);
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [children]);
+  return /* @__PURE__ */ jsx6(Tooltip, { content: children, disabled: !cut, position: "top", children: /* @__PURE__ */ jsx6("span", { ref, className: cn("ods-truncated-text", className), children }) });
+}
+
+// src/components/ChatLinkPreview/ChatLinkPreview.tsx
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+function hostOf(url) {
+  try {
+    return new URL(url).hostname.replace(/^www\./, "");
+  } catch {
+    return url;
+  }
+}
+function linkTargetProps(target) {
+  return { target, rel: target === "_blank" ? "noopener noreferrer" : void 0 };
+}
+var ChatLinkPreview = forwardRef6(
+  function ChatLinkPreview2({
+    url,
+    title,
+    description,
+    siteName,
+    image,
+    favicon,
+    linkTarget = "_blank",
+    compact = false,
+    className,
+    ...rest
+  }, ref) {
+    const host = hostOf(url);
+    return /* @__PURE__ */ jsxs5(
+      "a",
+      {
+        ...rest,
+        ref,
+        href: url,
+        ...linkTargetProps(linkTarget),
+        className: cn(
+          "ods-chat-link-preview",
+          compact && "ods-chat-link-preview--compact",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxs5("span", { className: "ods-chat-link-preview__body", children: [
+            /* @__PURE__ */ jsxs5("span", { className: "ods-chat-link-preview__site", children: [
+              favicon && /* @__PURE__ */ jsx7(
+                "img",
+                {
+                  className: "ods-chat-link-preview__favicon",
+                  src: favicon,
+                  alt: "",
+                  width: 14,
+                  height: 14
+                }
+              ),
+              /* @__PURE__ */ jsx7("span", { className: "ods-chat-link-preview__site-name", children: siteName ?? host })
+            ] }),
+            /* @__PURE__ */ jsx7(TruncatedText, { className: "ods-chat-link-preview__title", children: title ?? host }),
+            description && !compact && /* @__PURE__ */ jsx7("span", { className: "ods-chat-link-preview__description", children: description })
+          ] }),
+          image && /* @__PURE__ */ jsx7(
+            "span",
+            {
+              className: "ods-chat-link-preview__image",
+              style: { backgroundImage: `url(${JSON.stringify(image)})` },
+              "aria-hidden": "true"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ChatLinkPreview.displayName = "ChatLinkPreview";
+
+// src/components/ChatDocPreview/ChatDocPreview.tsx
+import { forwardRef as forwardRef7 } from "react";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function PageGlyph() {
+  return /* @__PURE__ */ jsxs6("svg", { viewBox: "0 0 16 16", width: "16", height: "16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx8(
+      "path",
+      {
+        d: "M4 2.5h5L13 6.5V13a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1Z",
+        stroke: "currentColor",
+        strokeWidth: "1.1",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ jsx8(
+      "path",
+      {
+        d: "M9 2.5V6h3.5M5.5 9h5M5.5 11h3.5",
+        stroke: "currentColor",
+        strokeWidth: "1.1",
+        strokeLinecap: "round"
+      }
+    )
+  ] });
+}
+var ChatDocPreview = forwardRef7(
+  function ChatDocPreview2({ url, title, path, excerpt, linkTarget = "_blank", className, ...rest }, ref) {
+    return /* @__PURE__ */ jsxs6(
+      "a",
+      {
+        ...rest,
+        ref,
+        href: url,
+        ...linkTargetProps(linkTarget),
+        className: cn("ods-chat-doc-preview", className),
+        children: [
+          /* @__PURE__ */ jsxs6("span", { className: "ods-chat-doc-preview__head", children: [
+            /* @__PURE__ */ jsx8("span", { className: "ods-chat-doc-preview__icon", children: /* @__PURE__ */ jsx8(PageGlyph, {}) }),
+            /* @__PURE__ */ jsx8(TruncatedText, { className: "ods-chat-doc-preview__title", children: title })
+          ] }),
+          excerpt && /* @__PURE__ */ jsx8("span", { className: "ods-chat-doc-preview__excerpt", children: excerpt }),
+          path && path.length > 0 && /* @__PURE__ */ jsx8("span", { className: "ods-chat-doc-preview__path", children: path.map((segment, i) => (
+            // Keyed by the path up to here: unique even when a name repeats.
+            /* @__PURE__ */ jsx8("span", { className: "ods-chat-doc-preview__segment", children: segment }, path.slice(0, i + 1).join("/"))
+          )) })
+        ]
+      }
+    );
+  }
+);
+ChatDocPreview.displayName = "ChatDocPreview";
+
+// src/components/Radio/RadioGroup.tsx
+import {
+  createContext,
+  forwardRef as forwardRef8,
+  useContext,
+  useId as useId3,
+  useRef as useRef3
+} from "react";
+import { useRadioGroup } from "react-aria";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+var RadioGroupContext = createContext(null);
+function useRadioGroupContext() {
+  const context = useContext(RadioGroupContext);
+  if (!context) {
+    throw new Error("Radio must be used within a RadioGroup");
+  }
+  return context;
+}
+var RadioGroup = forwardRef8(function RadioGroup2({
+  value,
+  defaultValue,
+  onChange,
+  label,
+  orientation = "vertical",
+  disabled = false,
+  children,
+  className,
+  name,
+  required,
+  id: providedId,
+  helperText,
+  error,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": consumerDescribedBy,
+  ...rest
+}, ref) {
+  const reactId = useId3();
+  const baseId = providedId ?? `ods-radio-group-${reactId}`;
+  const hintId = error || helperText ? `${baseId}-hint` : void 0;
+  const innerRef = useRef3(null);
+  const describedBy = [consumerDescribedBy, hintId].filter(Boolean).join(" ") || void 0;
+  const ariaProps = {
+    // react-aria wants a string label for its `<label>` association,
+    // even if our public API also takes ReactNode. Fall back to the
+    // explicit aria-label when label isn't a string.
+    label: typeof label === "string" ? label : ariaLabel || "radio group",
+    value,
+    defaultValue,
+    onChange,
+    isDisabled: disabled,
+    isInvalid: !!error,
+    isRequired: required,
+    orientation,
+    name,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": describedBy
+  };
+  const state = $384704861d32dbed$export$bca9d026f8e704eb(ariaProps);
+  const { radioGroupProps, labelProps } = useRadioGroup(ariaProps, state);
+  const setRef = (node) => {
+    innerRef.current = node;
+    if (typeof ref === "function") ref(node);
+    else if (ref) ref.current = node;
+  };
+  return /* @__PURE__ */ jsxs7(
+    "div",
+    {
+      ...rest,
+      ...radioGroupProps,
+      ref: setRef,
+      id: baseId,
+      className: cn(
+        "ods-radio-group",
+        `ods-radio-group--${orientation}`,
+        disabled && "ods-radio-group--disabled",
+        error && "ods-radio-group--error",
+        className
+      ),
+      children: [
+        label && /* @__PURE__ */ jsx9("span", { ...labelProps, className: "ods-radio-group__label", children: label }),
+        /* @__PURE__ */ jsx9(RadioGroupContext.Provider, { value: state, children: /* @__PURE__ */ jsx9("div", { className: "ods-radio-group__items", children }) }),
+        error ? /* @__PURE__ */ jsx9(
+          "div",
+          {
+            id: hintId,
+            className: "ods-radio-group__hint ods-radio-group__hint--error",
+            role: "alert",
+            children: error
+          }
+        ) : helperText ? /* @__PURE__ */ jsx9("div", { id: hintId, className: "ods-radio-group__hint", children: helperText }) : null
+      ]
+    }
+  );
+});
+RadioGroup.displayName = "RadioGroup";
+
+// src/components/Radio/Radio.tsx
+import { forwardRef as forwardRef9, useRef as useRef4 } from "react";
+import { useRadio } from "react-aria";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+var Radio = forwardRef9(function Radio2({ value, label, description, size = "md", disabled = false, className, ...props }, forwardedRef) {
+  const state = useRadioGroupContext();
+  const innerRef = useRef4(null);
+  const setRef = (node) => {
+    innerRef.current = node;
+    if (typeof forwardedRef === "function") forwardedRef(node);
+    else if (forwardedRef) forwardedRef.current = node;
+  };
+  const ariaNameProps = resolveAccessibleName({
+    label: typeof label === "string" ? label : void 0,
+    ariaLabel: props["aria-label"],
+    ariaLabelledby: props["aria-labelledby"],
+    componentName: "Radio",
+    fallbacks: [value]
+  });
+  const { inputProps } = useRadio(
+    {
+      value,
+      isDisabled: disabled,
+      ...ariaNameProps
+    },
+    state,
+    innerRef
+  );
+  const isSelected = state.selectedValue === value;
+  const {
+    onClick: _onClick,
+    onKeyDown: _onKeyDown,
+    onKeyUp: _onKeyUp,
+    onFocus: _onFocus,
+    onBlur: _onBlur,
+    ...passthroughProps
+  } = props;
+  return /* @__PURE__ */ jsxs8(
+    "label",
+    {
+      className: cn(
+        "ods-radio",
+        `ods-radio--${size}`,
+        isSelected && "ods-radio--selected",
+        disabled && "ods-radio--disabled",
+        description && "ods-radio--with-description",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx10(
+          "input",
+          {
+            ...passthroughProps,
+            ...inputProps,
+            ref: setRef,
+            className: "ods-radio__input"
+          }
+        ),
+        /* @__PURE__ */ jsx10("div", { className: "ods-radio__circle", "aria-hidden": "true", children: /* @__PURE__ */ jsx10("div", { className: cn("ods-radio__dot", isSelected && "ods-radio__dot--visible") }) }),
+        (label || description) && /* @__PURE__ */ jsxs8("div", { className: "ods-radio__text", children: [
+          label && /* @__PURE__ */ jsx10("span", { className: "ods-radio__label", children: label }),
+          description && /* @__PURE__ */ jsx10("span", { className: "ods-radio__description", children: description })
+        ] })
+      ]
+    }
+  );
+});
+Radio.displayName = "Radio";
+
+// src/components/ChatInputRequest/ChatInputRequest.tsx
+import {
+  forwardRef as forwardRef10,
+  useId as useId4,
+  useState as useState4
+} from "react";
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+var EMAIL = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function optionsOf(field) {
+  return (field.options ?? []).map((o) => typeof o === "string" ? { value: o, label: o } : o);
+}
+function emptyValue(field) {
+  if (field.type === "multichoice") return [];
+  return null;
+}
+function isEmpty(value) {
+  if (Array.isArray(value)) return value.length === 0;
+  return value === null || value === "";
+}
+function fieldProblem(field, value) {
+  if (isEmpty(value)) return field.required ? "Required." : null;
+  if (field.type === "email" && typeof value === "string" && !EMAIL.test(value.trim())) {
+    return "Enter an email address, like name@company.com.";
+  }
+  if (field.type === "number" && typeof value === "string" && Number.isNaN(Number(value)))
+    return "Enter a number.";
+  return null;
+}
+function problemsOf(fields, values, typed) {
+  return Object.fromEntries(
+    fields.map((f) => {
+      const value = values[f.name] ?? null;
+      return [f.name, typed && isEmpty(value) ? null : fieldProblem(f, value)];
+    })
+  );
+}
+function displayValue(field, value) {
+  if (value === null || isEmpty(value)) return "";
+  if (typeof value === "boolean") return value ? "Yes" : "No";
+  const labels = new Map(optionsOf(field).map((o) => [o.value, o.label]));
+  if (Array.isArray(value)) return value.map((v) => labels.get(v) ?? v).join(", ");
+  return labels.get(value) ?? value;
+}
+function ChoiceField({ field, value, error, disabled, onChange }) {
+  const options = field.type === "boolean" ? [
+    { value: "yes", label: "Yes" },
+    { value: "no", label: "No" }
+  ] : optionsOf(field);
+  let selected = "";
+  if (field.type === "boolean" && typeof value === "boolean") selected = value ? "yes" : "no";
+  else if (typeof value === "string") selected = value;
+  return /* @__PURE__ */ jsx11(
+    RadioGroup,
+    {
+      label: field.label,
+      value: selected,
+      onChange: (v) => onChange(field.type === "boolean" ? v === "yes" : v),
+      orientation: options.length > 3 ? "vertical" : "horizontal",
+      required: field.required,
+      disabled,
+      helperText: field.helperText,
+      error: error ?? void 0,
+      children: options.map((o) => /* @__PURE__ */ jsx11(Radio, { value: o.value, label: o.label, size: "sm" }, o.value))
+    }
+  );
+}
+function MultiChoiceField({ field, value, error, disabled, onChange }) {
+  const selected = Array.isArray(value) ? value : [];
+  const toggle = (v, on) => onChange(on ? [...selected, v] : selected.filter((s) => s !== v));
+  return /* @__PURE__ */ jsxs9("fieldset", { className: "ods-chat-input-request__group", disabled, children: [
+    /* @__PURE__ */ jsx11("legend", { className: "ods-chat-input-request__legend", children: field.label }),
+    optionsOf(field).map((o) => /* @__PURE__ */ jsx11(
+      Checkbox,
+      {
+        size: "sm",
+        label: o.label,
+        checked: selected.includes(o.value),
+        onChange: (on) => toggle(o.value, on)
+      },
+      o.value
+    )),
+    error && /* @__PURE__ */ jsx11("span", { className: "ods-chat-input-request__error", role: "alert", children: error })
+  ] });
+}
+function TextField({ field, value, error, disabled, onChange }) {
+  return /* @__PURE__ */ jsx11(
+    Input,
+    {
+      size: "sm",
+      type: field.type === "choice" || field.type === "multichoice" || field.type === "boolean" ? "text" : field.type,
+      label: field.label,
+      value: typeof value === "string" ? value : "",
+      onChange: (e) => onChange(e.target.value),
+      placeholder: field.placeholder,
+      helperText: field.helperText,
+      required: field.required,
+      disabled,
+      error: Boolean(error),
+      errorMessage: error ?? void 0
+    }
+  );
+}
+function Field(props) {
+  const { type } = props.field;
+  if (type === "choice" || type === "boolean") return /* @__PURE__ */ jsx11(ChoiceField, { ...props });
+  if (type === "multichoice") return /* @__PURE__ */ jsx11(MultiChoiceField, { ...props });
+  return /* @__PURE__ */ jsx11(TextField, { ...props });
+}
+function AnswerSummary({
+  fields,
+  answer
+}) {
+  if (answer === "skipped") return /* @__PURE__ */ jsx11("p", { className: "ods-chat-input-request__answer", children: "Skipped" });
+  const parts = fields.map((f) => displayValue(f, answer.values[f.name] ?? null)).filter(Boolean);
+  if (answer.text) parts.push(answer.text);
+  return /* @__PURE__ */ jsxs9("p", { className: "ods-chat-input-request__answer", children: [
+    /* @__PURE__ */ jsx11("svg", { viewBox: "0 0 16 16", width: "14", height: "14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx11(
+      "path",
+      {
+        d: "M3.5 8.5l3 3 6-7",
+        stroke: "currentColor",
+        strokeWidth: "1.6",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ) }),
+    /* @__PURE__ */ jsx11("span", { children: parts.length > 0 ? parts.join(" \xB7 ") : "Sent" })
+  ] });
+}
+var ChatInputRequest = forwardRef10(
+  function ChatInputRequest2({
+    prompt,
+    description,
+    fields,
+    onSubmit,
+    onSkip,
+    answer = null,
+    submitting = false,
+    submitLabel = "Send",
+    skipLabel = "Skip",
+    textPlaceholder = "Or type your answer\u2026",
+    className,
+    ...rest
+  }, ref) {
+    const promptId = useId4();
+    const [values, setValues] = useState4(
+      () => Object.fromEntries(fields.map((f) => [f.name, emptyValue(f)]))
+    );
+    const [errors, setErrors] = useState4({});
+    const [text, setText] = useState4("");
+    const [textError, setTextError] = useState4(null);
+    const answered = answer !== null;
+    const locked = answered || submitting;
+    const submit = (e) => {
+      e.preventDefault();
+      if (locked) return;
+      const typed = text.trim();
+      if (fields.length === 0 && !typed) {
+        setTextError("Type an answer.");
+        return;
+      }
+      const found = problemsOf(fields, values, typed);
+      setErrors(found);
+      if (Object.values(found).some(Boolean)) return;
+      onSubmit(values, typed || void 0);
+    };
+    return /* @__PURE__ */ jsxs9(
+      "form",
+      {
+        ...rest,
+        ref,
+        noValidate: true,
+        "aria-labelledby": promptId,
+        onSubmit: submit,
+        className: cn(
+          "ods-chat-input-request",
+          answered && "ods-chat-input-request--answered",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxs9("div", { className: "ods-chat-input-request__head", children: [
+            /* @__PURE__ */ jsx11("p", { id: promptId, className: "ods-chat-input-request__prompt", children: prompt }),
+            description && !answered && /* @__PURE__ */ jsx11("p", { className: "ods-chat-input-request__description", children: description })
+          ] }),
+          answered ? /* @__PURE__ */ jsx11(AnswerSummary, { fields, answer }) : /* @__PURE__ */ jsxs9(Fragment2, { children: [
+            fields.length > 0 && /* @__PURE__ */ jsx11("div", { className: "ods-chat-input-request__fields", children: fields.map((f) => /* @__PURE__ */ jsx11(
+              Field,
+              {
+                field: f,
+                value: values[f.name] ?? null,
+                error: errors[f.name] ?? null,
+                disabled: locked,
+                onChange: (v) => {
+                  setValues((prev) => ({ ...prev, [f.name]: v }));
+                  if (errors[f.name]) setErrors((prev) => ({ ...prev, [f.name]: null }));
+                }
+              },
+              f.name
+            )) }),
+            /* @__PURE__ */ jsx11("div", { className: "ods-chat-input-request__reply", children: /* @__PURE__ */ jsx11(
+              Input,
+              {
+                size: "sm",
+                "aria-label": "Type your answer",
+                className: "ods-chat-input-request__text",
+                value: text,
+                onChange: (e) => {
+                  setText(e.target.value);
+                  if (textError) setTextError(null);
+                },
+                placeholder: textPlaceholder,
+                disabled: locked,
+                error: Boolean(textError),
+                errorMessage: textError ?? void 0
+              }
+            ) }),
+            /* @__PURE__ */ jsxs9("div", { className: "ods-chat-input-request__actions", children: [
+              onSkip && /* @__PURE__ */ jsx11(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: onSkip,
+                  disabled: submitting,
+                  children: skipLabel
+                }
+              ),
+              /* @__PURE__ */ jsx11(Button, { type: "submit", variant: "primary", size: "sm", loading: submitting, children: submitLabel })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+ChatInputRequest.displayName = "ChatInputRequest";
+
+// src/components/ChatFeedback/ChatFeedback.tsx
+import { forwardRef as forwardRef11, useState as useState5 } from "react";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+function ThumbUp() {
+  return /* @__PURE__ */ jsx12("svg", { viewBox: "0 0 16 16", width: "15", height: "15", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx12(
+    "path",
+    {
+      d: "M5 7v6H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h2Zm0 0 3-4.5A1.5 1.5 0 0 1 10.4 4l-.6 3h3.1a1.5 1.5 0 0 1 1.47 1.8l-.8 4A1.5 1.5 0 0 1 12.1 14H5",
+      stroke: "currentColor",
+      strokeWidth: "1.2",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function ThumbDown() {
+  return /* @__PURE__ */ jsx12("svg", { viewBox: "0 0 16 16", width: "15", height: "15", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx12(
+    "path",
+    {
+      d: "M11 9V3h2a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-2Zm0 0-3 4.5A1.5 1.5 0 0 1 5.6 12l.6-3H3.1A1.5 1.5 0 0 1 1.63 7.2l.8-4A1.5 1.5 0 0 1 3.9 2H11",
+      stroke: "currentColor",
+      strokeWidth: "1.2",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function CopyGlyph() {
+  return /* @__PURE__ */ jsxs10("svg", { viewBox: "0 0 16 16", width: "14", height: "14", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx12("rect", { x: "5.5", y: "5.5", width: "8", height: "8", rx: "1.5", stroke: "currentColor", strokeWidth: "1.2" }),
+    /* @__PURE__ */ jsx12(
+      "path",
+      {
+        d: "M10.5 5.5V4A1.5 1.5 0 0 0 9 2.5H4A1.5 1.5 0 0 0 2.5 4v5A1.5 1.5 0 0 0 4 10.5h1.5",
+        stroke: "currentColor",
+        strokeWidth: "1.2"
+      }
+    )
+  ] });
+}
+function CheckGlyph() {
+  return /* @__PURE__ */ jsx12("svg", { viewBox: "0 0 16 16", width: "14", height: "14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx12(
+    "path",
+    {
+      d: "M3 8.5l3 3 7-7",
+      stroke: "currentColor",
+      strokeWidth: "1.4",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function RegenGlyph() {
+  return /* @__PURE__ */ jsx12("svg", { viewBox: "0 0 16 16", width: "14", height: "14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx12(
+    "path",
+    {
+      d: "M13 8a5 5 0 1 1-1.5-3.5M13 2v3h-3",
+      stroke: "currentColor",
+      strokeWidth: "1.2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+var ChatFeedback = forwardRef11(function ChatFeedback2({
+  rating,
+  defaultRating = null,
+  onRate,
+  onCopy,
+  onRegenerate,
+  children,
+  size = "sm",
+  className,
+  ...rest
+}, ref) {
+  const isControlled = rating !== void 0;
+  const [internal, setInternal] = useState5(defaultRating);
+  const current = isControlled ? rating : internal;
+  const [copied, setCopied] = useState5(false);
+  const rate = (next) => {
+    const resolved = current === next ? null : next;
+    if (!isControlled) setInternal(resolved);
+    onRate?.(resolved);
+  };
+  const copy = () => {
+    onCopy?.();
+    setCopied(true);
+    window.setTimeout(() => setCopied(false), 1600);
+  };
+  const btnSize = size === "md" ? "md" : "sm";
+  return /* @__PURE__ */ jsxs10(
+    "div",
+    {
+      ...rest,
+      ref,
+      className: cn("ods-chat-feedback", `ods-chat-feedback--${size}`, className),
+      role: "group",
+      "aria-label": "Message feedback",
+      children: [
+        /* @__PURE__ */ jsx12(
+          Button,
+          {
+            variant: "icon",
+            size: btnSize,
+            "aria-label": "Good response",
+            pressed: current === "up",
+            onClick: () => rate("up"),
+            children: /* @__PURE__ */ jsx12(ThumbUp, {})
+          }
+        ),
+        /* @__PURE__ */ jsx12(
+          Button,
+          {
+            variant: "icon",
+            size: btnSize,
+            "aria-label": "Bad response",
+            pressed: current === "down",
+            onClick: () => rate("down"),
+            children: /* @__PURE__ */ jsx12(ThumbDown, {})
+          }
+        ),
+        onCopy && /* @__PURE__ */ jsx12(
+          Button,
+          {
+            variant: "icon",
+            size: btnSize,
+            "aria-label": copied ? "Copied" : "Copy",
+            onClick: copy,
+            children: copied ? /* @__PURE__ */ jsx12(CheckGlyph, {}) : /* @__PURE__ */ jsx12(CopyGlyph, {})
+          }
+        ),
+        onRegenerate && /* @__PURE__ */ jsx12(
+          Button,
+          {
+            variant: "icon",
+            size: btnSize,
+            "aria-label": "Regenerate response",
+            onClick: onRegenerate,
+            children: /* @__PURE__ */ jsx12(RegenGlyph, {})
+          }
+        ),
+        children
+      ]
+    }
+  );
+});
+ChatFeedback.displayName = "ChatFeedback";
+
+// src/components/ChatScrollToBottom/ChatScrollToBottom.tsx
+import { forwardRef as forwardRef12 } from "react";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+var ChatScrollToBottom = forwardRef12(
+  function ChatScrollToBottom2({ count, label = "Jump to latest", showLabel, className, ...rest }, ref) {
+    const hasCount = typeof count === "number" && count > 0;
+    const withLabel = showLabel ?? hasCount;
+    const text = hasCount ? `${count} new` : withLabel ? label : null;
+    return /* @__PURE__ */ jsxs11(
+      "button",
+      {
+        ...rest,
+        ref,
+        type: "button",
+        className: cn(
+          "ods-chat-scroll-bottom",
+          !withLabel && "ods-chat-scroll-bottom--icon",
+          className
+        ),
+        "aria-label": label,
+        children: [
+          /* @__PURE__ */ jsx13("svg", { viewBox: "0 0 16 16", width: "14", height: "14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx13(
+            "path",
+            {
+              d: "M8 3v8.5M4.5 8L8 11.5 11.5 8",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ) }),
+          text && /* @__PURE__ */ jsx13("span", { className: "ods-chat-scroll-bottom__text", children: text })
+        ]
+      }
+    );
+  }
+);
+ChatScrollToBottom.displayName = "ChatScrollToBottom";
+
+// src/components/ChatThread/ChatThread.tsx
+import {
+  Children,
+  forwardRef as forwardRef13,
+  useEffect as useEffect2,
+  useRef as useRef5
+} from "react";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+var STICK_THRESHOLD = 120;
+var ChatThread = forwardRef13(function ChatThread2({
+  children,
+  emptyState,
+  loading = false,
+  header,
+  footer,
+  stickToBottom = true,
+  gap = "md",
+  className,
+  onScroll,
+  ...rest
+}, forwardedRef) {
+  const innerRef = useRef5(null);
+  const setRef = (node) => {
+    innerRef.current = node;
+    if (typeof forwardedRef === "function") forwardedRef(node);
+    else if (forwardedRef) forwardedRef.current = node;
+  };
+  const following = useRef5(true);
+  const handleScroll = (e) => {
+    const el = e.currentTarget;
+    following.current = el.scrollHeight - el.scrollTop - el.clientHeight < STICK_THRESHOLD;
+    onScroll?.(e);
+  };
+  useEffect2(() => {
+    if (!stickToBottom || loading) return;
+    const el = innerRef.current;
+    if (el && following.current) el.scrollTop = el.scrollHeight;
+  });
+  const isEmpty2 = Children.count(children) === 0;
+  const showEmpty = !loading && isEmpty2 && !footer && emptyState != null;
+  return /* @__PURE__ */ jsx14(
+    "div",
+    {
+      ...rest,
+      ref: setRef,
+      className: cn("ods-chat-thread", `ods-chat-thread--gap-${gap}`, className),
+      role: "log",
+      "aria-live": "polite",
+      "aria-relevant": "additions",
+      onScroll: handleScroll,
+      children: loading ? /* @__PURE__ */ jsx14("div", { className: "ods-chat-thread__loading", children: /* @__PURE__ */ jsx14(Spinner, { label: "Loading messages" }) }) : showEmpty ? /* @__PURE__ */ jsx14("div", { className: "ods-chat-thread__empty", children: emptyState }) : /* @__PURE__ */ jsxs12("div", { className: "ods-chat-thread__list", children: [
+        header && /* @__PURE__ */ jsx14("div", { className: "ods-chat-thread__header", children: header }),
+        children,
+        footer && /* @__PURE__ */ jsx14("div", { className: "ods-chat-thread__footer", children: footer })
+      ] })
+    }
+  );
+});
+ChatThread.displayName = "ChatThread";
+
+// src/components/ChatPanel/ChatPanel.tsx
+import {
+  forwardRef as forwardRef14,
+  useCallback as useCallback2,
+  useRef as useRef6,
+  useState as useState6
+} from "react";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+var JUMP_THRESHOLD = 200;
+var ChatPanel = forwardRef14(function ChatPanel2({
+  header,
+  children,
+  emptyState,
+  loading = false,
+  thinking,
+  threadHeader,
+  suggestions,
+  composer,
+  onSend,
+  composerProps,
+  threadProps,
+  showScrollToBottom = true,
+  className,
+  ...rest
+}, ref) {
+  const threadRef = useRef6(null);
+  const [showJump, setShowJump] = useState6(false);
+  const handleScroll = useCallback2(() => {
+    const el = threadRef.current;
+    if (!el) return;
+    setShowJump(el.scrollHeight - el.scrollTop - el.clientHeight > JUMP_THRESHOLD);
+  }, []);
+  const jumpToBottom = useCallback2(() => {
+    const el = threadRef.current;
+    if (el) el.scrollTo({ top: el.scrollHeight, behavior: "smooth" });
+  }, []);
+  return /* @__PURE__ */ jsxs13("div", { ...rest, ref, className: cn("ods-chat-panel", className), children: [
+    header && /* @__PURE__ */ jsx15("div", { className: "ods-chat-panel__header", children: header }),
+    /* @__PURE__ */ jsxs13("div", { className: "ods-chat-panel__body", children: [
+      /* @__PURE__ */ jsx15(
+        ChatThread,
+        {
+          ...threadProps,
+          ref: threadRef,
+          loading,
+          emptyState,
+          header: threadHeader,
+          footer: thinking,
+          onScroll: handleScroll,
+          children
+        }
+      ),
+      showScrollToBottom && showJump && /* @__PURE__ */ jsx15("div", { className: "ods-chat-panel__jump", children: /* @__PURE__ */ jsx15(ChatScrollToBottom, { showLabel: true, onClick: jumpToBottom }) })
+    ] }),
+    suggestions && /* @__PURE__ */ jsx15("div", { className: "ods-chat-panel__suggestions", children: suggestions }),
+    (composer || onSend) && /* @__PURE__ */ jsx15("div", { className: "ods-chat-panel__composer", children: composer ?? /* @__PURE__ */ jsx15(ChatComposer, { onSend, ...composerProps }) })
+  ] });
+});
+ChatPanel.displayName = "ChatPanel";
+
+// src/components/ChatVideoPreview/ChatVideoPreview.tsx
+import { forwardRef as forwardRef15, useState as useState7 } from "react";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+var PROVIDER_LABEL = {
+  youtube: "YouTube",
+  vimeo: "Vimeo",
+  loom: "Loom",
+  file: "Video"
+};
+var ID = /^[\w-]+$/;
+function youtubeId(u) {
+  const host = u.hostname.replace(/^www\.|^m\./, "");
+  if (host === "youtu.be") return u.pathname.slice(1).split("/")[0] || null;
+  if (host !== "youtube.com" && host !== "youtube-nocookie.com") return null;
+  if (u.pathname === "/watch") return u.searchParams.get("v");
+  const [, kind, id] = u.pathname.split("/");
+  return kind === "embed" || kind === "shorts" || kind === "live" ? id ?? null : null;
+}
+function lastSegment(u, prefixes) {
+  const parts = u.pathname.split("/").filter(Boolean);
+  if (parts.length === 0) return null;
+  if (prefixes.length > 0 && !prefixes.includes(parts[0] ?? "")) return null;
+  return parts[parts.length - 1] ?? null;
+}
+function videoEmbedOf(url) {
+  let u;
+  try {
+    u = new URL(url);
+  } catch {
+    return null;
+  }
+  if (u.protocol !== "https:" && u.protocol !== "http:") return null;
+  const host = u.hostname.replace(/^www\./, "");
+  const yt = youtubeId(u);
+  if (yt && ID.test(yt))
+    return { provider: "youtube", src: `https://www.youtube-nocookie.com/embed/${yt}?autoplay=1` };
+  if (host === "vimeo.com" || host === "player.vimeo.com") {
+    const id = lastSegment(u, []);
+    if (id && /^\d+$/.test(id))
+      return { provider: "vimeo", src: `https://player.vimeo.com/video/${id}?autoplay=1` };
+  }
+  if (host === "loom.com") {
+    const id = lastSegment(u, ["share", "embed"]);
+    if (id && ID.test(id))
+      return { provider: "loom", src: `https://www.loom.com/embed/${id}?autoplay=1` };
+  }
+  if (/\.(mp4|webm|mov)$/i.test(u.pathname)) return { provider: "file", src: u.toString() };
+  return null;
+}
+function PlayGlyph() {
+  return /* @__PURE__ */ jsx16("svg", { viewBox: "0 0 24 24", width: "22", height: "22", "aria-hidden": "true", children: /* @__PURE__ */ jsx16("path", { d: "M8 5.5v13l10.5-6.5z", fill: "currentColor" }) });
+}
+function seedOf(text) {
+  let h = 2166136261;
+  for (let i = 0; i < text.length; i++) {
+    h ^= text.charCodeAt(i);
+    h = Math.imul(h, 16777619);
+  }
+  return h >>> 0;
+}
+function pick(seed, n, min, max) {
+  const v = (seed >>> n * 3) % 1e3;
+  return min + Math.round(v / 999 * (max - min));
+}
+function PosterArt({ url, source }) {
+  const seed = seedOf(url);
+  const holes = Array.from({ length: 16 }, (_, i) => i * 20 + 6);
+  const frames = [0, 1, 2].map((i) => ({ x: 24 + i * 94, h: pick(seed, i, 44, 62) }));
+  return /* @__PURE__ */ jsxs14("span", { className: "ods-chat-video-preview__art", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxs14(
+      "svg",
+      {
+        viewBox: "0 0 320 180",
+        preserveAspectRatio: "xMidYMid slice",
+        width: "100%",
+        height: "100%",
+        "aria-hidden": "true",
+        children: [
+          /* @__PURE__ */ jsx16("rect", { className: "ods-chat-video-preview__art-strip", x: "0", y: "0", width: "320", height: "16" }),
+          /* @__PURE__ */ jsx16("rect", { className: "ods-chat-video-preview__art-strip", x: "0", y: "164", width: "320", height: "16" }),
+          holes.map((x) => /* @__PURE__ */ jsxs14("g", { children: [
+            /* @__PURE__ */ jsx16("rect", { className: "ods-chat-video-preview__art-hole", x, y: "5", width: "8", height: "6" }),
+            /* @__PURE__ */ jsx16("rect", { className: "ods-chat-video-preview__art-hole", x, y: "169", width: "8", height: "6" })
+          ] }, x)),
+          frames.map((f, i) => /* @__PURE__ */ jsx16(
+            "rect",
+            {
+              className: `ods-chat-video-preview__art-frame ods-chat-video-preview__art-frame--${i}`,
+              x: f.x,
+              y: 90 - f.h / 2 - 8,
+              width: "84",
+              height: f.h
+            },
+            f.x
+          )),
+          /* @__PURE__ */ jsx16(
+            "rect",
+            {
+              className: "ods-chat-video-preview__art-line",
+              x: "24",
+              y: "134",
+              width: pick(seed, 3, 120, 220),
+              height: "5"
+            }
+          ),
+          /* @__PURE__ */ jsx16(
+            "rect",
+            {
+              className: "ods-chat-video-preview__art-line",
+              x: "24",
+              y: "145",
+              width: pick(seed, 4, 60, 150),
+              height: "5"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx16("span", { className: "ods-chat-video-preview__art-label", children: source })
+  ] });
+}
+function Player({ embed, title }) {
+  if (embed.provider === "file") {
+    return (
+      // biome-ignore lint/a11y/useMediaCaption: captions come with the source file, which the card does not own.
+      /* @__PURE__ */ jsx16(
+        "video",
+        {
+          className: "ods-chat-video-preview__player",
+          src: embed.src,
+          controls: true,
+          autoPlay: true,
+          playsInline: true
+        }
+      )
+    );
+  }
+  return /* @__PURE__ */ jsx16(
+    "iframe",
+    {
+      className: "ods-chat-video-preview__player",
+      src: embed.src,
+      title,
+      allow: "autoplay; encrypted-media; picture-in-picture; fullscreen",
+      allowFullScreen: true,
+      referrerPolicy: "strict-origin-when-cross-origin"
+    }
+  );
+}
+var ChatVideoPreview = forwardRef15(
+  function ChatVideoPreview2({ url, title, thumbnail, duration, linkTarget = "_blank", className, ...rest }, ref) {
+    const [playing, setPlaying] = useState7(false);
+    const [failedPoster, setFailedPoster] = useState7(null);
+    const embed = videoEmbedOf(url);
+    const label = typeof title === "string" ? title : "video";
+    const source = embed ? PROVIDER_LABEL[embed.provider] : hostOf(url);
+    const showImage = Boolean(thumbnail) && failedPoster !== thumbnail;
+    const poster = /* @__PURE__ */ jsxs14("span", { className: "ods-chat-video-preview__poster", children: [
+      /* @__PURE__ */ jsx16(PosterArt, { url, source }),
+      showImage && /* @__PURE__ */ jsx16(
+        "img",
+        {
+          className: "ods-chat-video-preview__poster-img",
+          src: thumbnail,
+          alt: "",
+          onError: () => setFailedPoster(thumbnail ?? null)
+        }
+      ),
+      /* @__PURE__ */ jsx16("span", { className: "ods-chat-video-preview__play", children: /* @__PURE__ */ jsx16(PlayGlyph, {}) }),
+      duration && /* @__PURE__ */ jsx16("span", { className: "ods-chat-video-preview__duration", children: duration })
+    ] });
+    let stage;
+    if (embed && playing) {
+      stage = /* @__PURE__ */ jsx16(Player, { embed, title: label });
+    } else if (embed) {
+      stage = /* @__PURE__ */ jsx16(
+        "button",
+        {
+          type: "button",
+          className: "ods-chat-video-preview__stage",
+          onClick: () => setPlaying(true),
+          "aria-label": `Play ${label}`,
+          children: poster
+        }
+      );
+    } else {
+      stage = /* @__PURE__ */ jsx16(
+        "a",
+        {
+          className: "ods-chat-video-preview__stage",
+          href: url,
+          ...linkTargetProps(linkTarget),
+          "aria-label": `Open ${label}`,
+          children: poster
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs14(
+      "div",
+      {
+        ...rest,
+        ref,
+        className: cn(
+          "ods-chat-video-preview",
+          playing && "ods-chat-video-preview--playing",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx16("div", { className: "ods-chat-video-preview__frame", children: stage }),
+          /* @__PURE__ */ jsxs14("div", { className: "ods-chat-video-preview__meta", children: [
+            /* @__PURE__ */ jsx16(TruncatedText, { className: "ods-chat-video-preview__title", children: title }),
+            /* @__PURE__ */ jsxs14("span", { className: "ods-chat-video-preview__source", children: [
+              source,
+              /* @__PURE__ */ jsx16("a", { className: "ods-chat-video-preview__open", href: url, ...linkTargetProps(linkTarget), children: "Open" })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+ChatVideoPreview.displayName = "ChatVideoPreview";
+
+// src/components/ChatSources/ChatSources.tsx
+import { forwardRef as forwardRef16, useState as useState8 } from "react";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+function hostOf2(url) {
+  try {
+    return new URL(url).hostname.replace(/^www\./, "");
+  } catch {
+    return url;
+  }
+}
+var ChatSources = forwardRef16(function ChatSources2({
+  sources,
+  label = "Sources",
+  display = "links",
+  numbered = true,
+  defaultOpen = false,
+  linkTarget = "_blank",
+  className,
+  ...rest
+}, ref) {
+  const [open, setOpen] = useState8(defaultOpen);
+  if (!sources || sources.length === 0) return null;
+  const count = sources.length;
+  const isChips = display === "chips" || display === "plain-chips";
+  return /* @__PURE__ */ jsxs15(
+    "details",
+    {
+      ...rest,
+      ref,
+      open,
+      onToggle: (e) => setOpen(e.currentTarget.open),
+      className: cn("ods-chat-sources", `ods-chat-sources--${display}`, className),
+      children: [
+        /* @__PURE__ */ jsxs15("summary", { className: "ods-chat-sources__trigger", children: [
+          /* @__PURE__ */ jsx17("span", { className: "ods-chat-sources__caret", "aria-hidden": "true", children: /* @__PURE__ */ jsx17("svg", { viewBox: "0 0 12 12", width: "11", height: "11", fill: "none", children: /* @__PURE__ */ jsx17(
+            "path",
+            {
+              d: "M4 2.5L8 6l-4 3.5",
+              stroke: "currentColor",
+              strokeWidth: "1.4",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ) }) }),
+          /* @__PURE__ */ jsx17("span", { className: "ods-chat-sources__trigger-label", children: label }),
+          /* @__PURE__ */ jsx17("span", { className: "ods-chat-sources__count", children: count })
+        ] }),
+        /* @__PURE__ */ jsx17("div", { className: cn("ods-chat-sources__panel", isChips && "ods-chat-sources__panel--chips"), children: sources.map((s, i) => {
+          const key = s.id ?? `${i}`;
+          const idx = numbered ? /* @__PURE__ */ jsxs15("span", { className: "ods-chat-sources__index", children: [
+            "[",
+            i + 1,
+            "]"
+          ] }) : null;
+          const linkProps = s.url ? {
+            href: s.url,
+            target: linkTarget,
+            rel: linkTarget === "_blank" ? "noopener noreferrer" : void 0
+          } : null;
+          if (isChips) {
+            const chipClass = cn(
+              "ods-chat-sources__chip",
+              s.url && display === "chips" && "ods-chat-sources__chip--link"
+            );
+            return display === "chips" && linkProps ? /* @__PURE__ */ jsx17("a", { className: chipClass, ...linkProps, children: s.title }, key) : /* @__PURE__ */ jsx17("span", { className: chipClass, children: s.title }, key);
+          }
+          if (display === "urls") {
+            const shown = s.url ?? "";
+            return /* @__PURE__ */ jsxs15("a", { className: "ods-chat-sources__url", ...linkProps ?? {}, children: [
+              idx,
+              /* @__PURE__ */ jsx17("span", { className: "ods-chat-sources__url-text", children: shown || s.title })
+            ] }, key);
+          }
+          const Row = linkProps ? "a" : "div";
+          return /* @__PURE__ */ jsxs15(
+            Row,
+            {
+              className: cn("ods-chat-sources__row", s.url && "ods-chat-sources__row--link"),
+              ...linkProps ?? {},
+              children: [
+                idx,
+                /* @__PURE__ */ jsxs15("span", { className: "ods-chat-sources__body", children: [
+                  /* @__PURE__ */ jsx17("span", { className: "ods-chat-sources__title", children: s.title }),
+                  s.snippet && /* @__PURE__ */ jsx17("span", { className: "ods-chat-sources__snippet", children: s.snippet })
+                ] }),
+                (s.meta ?? (s.url ? hostOf2(s.url) : null)) && /* @__PURE__ */ jsx17("span", { className: "ods-chat-sources__meta", children: s.meta ?? hostOf2(s.url) })
+              ]
+            },
+            key
+          );
+        }) })
+      ]
+    }
+  );
+});
+ChatSources.displayName = "ChatSources";
+
+// src/components/ChatSuggestions/ChatSuggestions.tsx
+import { forwardRef as forwardRef17 } from "react";
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+function normalize(item) {
+  return typeof item === "string" ? { label: item, value: item } : item;
+}
+function resolveValue(s) {
+  if (s.value != null) return s.value;
+  return typeof s.label === "string" ? s.label : "";
+}
+var ChatSuggestions = forwardRef17(
+  function ChatSuggestions2({ items, onSelect, label, size = "md", layout = "wrap", disabled = false, className, ...rest }, ref) {
+    return /* @__PURE__ */ jsxs16(
+      "div",
+      {
+        ...rest,
+        ref,
+        className: cn(
+          "ods-chat-suggestions",
+          `ods-chat-suggestions--${size}`,
+          `ods-chat-suggestions--${layout}`,
+          className
+        ),
+        role: "group",
+        "aria-label": typeof label === "string" ? label : "Suggested replies",
+        children: [
+          label && /* @__PURE__ */ jsx18("span", { className: "ods-chat-suggestions__label", children: label }),
+          /* @__PURE__ */ jsx18("div", { className: "ods-chat-suggestions__track", children: items.map((raw, i) => {
+            const s = normalize(raw);
+            const isDisabled = disabled || s.disabled;
+            return /* @__PURE__ */ jsxs16(
+              "button",
+              {
+                type: "button",
+                className: "ods-chat-suggestions__chip",
+                disabled: isDisabled,
+                onClick: () => onSelect?.(resolveValue(s), s),
+                children: [
+                  s.icon && /* @__PURE__ */ jsx18("span", { className: "ods-chat-suggestions__chip-icon", children: s.icon }),
+                  /* @__PURE__ */ jsx18("span", { className: "ods-chat-suggestions__chip-label", children: s.label })
+                ]
+              },
+              s.id ?? `${i}`
+            );
+          }) })
+        ]
+      }
+    );
+  }
+);
+ChatSuggestions.displayName = "ChatSuggestions";
+
+// src/components/ChatThinking/ChatThinking.tsx
+import {
+  forwardRef as forwardRef18,
+  useEffect as useEffect3,
+  useState as useState9
+} from "react";
+import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+var ChatThinking = forwardRef18(function ChatThinking2({
+  variant = "dots",
+  label,
+  labels,
+  cycleMs = 2200,
+  size = "md",
+  srLabel = "Assistant is thinking",
+  className,
+  ...rest
+}, ref) {
+  const cycling = Array.isArray(labels) && labels.length > 0;
+  const [idx, setIdx] = useState9(0);
+  useEffect3(() => {
+    if (!cycling || labels.length < 2) return;
+    const id = window.setInterval(() => setIdx((i) => (i + 1) % labels.length), cycleMs);
+    return () => window.clearInterval(id);
+  }, [cycling, labels, cycleMs]);
+  const activeLabel = cycling ? labels[idx % labels.length] : label;
+  const fadeKey = cycling ? idx : void 0;
+  let indicator;
+  switch (variant) {
+    case "wave":
+      indicator = /* @__PURE__ */ jsx19("span", { className: "ods-thinking__wave", children: [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ jsx19("span", { className: "ods-thinking__wave-dot" }, i)) });
+      break;
+    case "pulse":
+      indicator = /* @__PURE__ */ jsx19("span", { className: "ods-thinking__pulse" });
+      break;
+    case "bars":
+      indicator = /* @__PURE__ */ jsx19("span", { className: "ods-thinking__bars", children: [0, 1, 2, 3].map((i) => /* @__PURE__ */ jsx19("span", { className: "ods-thinking__bar" }, i)) });
+      break;
+    case "shimmer":
+      indicator = /* @__PURE__ */ jsx19("span", { className: "ods-thinking__shimmer", children: activeLabel ?? "Thinking\u2026" }, fadeKey);
+      break;
+    case "cursor":
+      indicator = /* @__PURE__ */ jsxs17(Fragment3, { children: [
+        /* @__PURE__ */ jsx19("span", { className: "ods-thinking__cursor-label ods-thinking__fade", children: activeLabel ?? "Thinking" }, fadeKey),
+        /* @__PURE__ */ jsx19("span", { className: "ods-thinking__cursor" })
+      ] });
+      break;
+    case "dots":
+    default:
+      indicator = /* @__PURE__ */ jsx19("span", { className: "ods-thinking__dots", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx19("span", { className: "ods-thinking__dot" }, i)) });
+  }
+  const labelInline = variant !== "shimmer" && variant !== "cursor";
+  const inlineLabel = cycling ? activeLabel : label;
+  return /* @__PURE__ */ jsxs17(
+    "div",
+    {
+      ...rest,
+      ref,
+      role: "status",
+      "aria-live": "polite",
+      className: cn("ods-thinking", `ods-thinking--${variant}`, `ods-thinking--${size}`, className),
+      children: [
+        /* @__PURE__ */ jsx19("span", { className: "ods-thinking__sr", children: srLabel }),
+        /* @__PURE__ */ jsx19("span", { className: "ods-thinking__indicator", "aria-hidden": "true", children: indicator }),
+        labelInline && inlineLabel && /* @__PURE__ */ jsx19("span", { className: "ods-thinking__label ods-thinking__fade", "aria-hidden": "true", children: inlineLabel }, fadeKey)
+      ]
+    }
+  );
+});
+ChatThinking.displayName = "ChatThinking";
+
+// src/components/CountUp/CountUp.tsx
+import {
+  forwardRef as forwardRef19,
+  useEffect as useEffect4,
+  useRef as useRef7,
+  useState as useState10
+} from "react";
+import { jsxs as jsxs18 } from "react/jsx-runtime";
+var easeLinear = (t) => t;
+var easeOutCubic = (t) => 1 - (1 - t) ** 3;
+var easeOutQuart = (t) => 1 - (1 - t) ** 4;
+var easeOutExpo = (t) => t === 1 ? 1 : 1 - 2 ** (-10 * t);
+var CountUp = forwardRef19(function CountUp2({
+  value,
+  from = 0,
+  duration = 800,
+  easing = easeOutCubic,
+  decimals = 0,
+  formatValue,
+  prefix,
+  suffix,
+  delay = 0,
+  disableAnimation = false,
+  onComplete,
+  className,
+  ...rest
+}, ref) {
+  const [n, setN] = useState10(disableAnimation ? value : from);
+  const lastRendered = useRef7(disableAnimation ? value : from);
+  useEffect4(() => {
+    const reduced = typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+    if (disableAnimation || reduced) {
+      setN(value);
+      lastRendered.current = value;
+      onComplete?.();
+      return;
+    }
+    const startValue = lastRendered.current;
+    const delta = value - startValue;
+    if (delta === 0) return;
+    let raf = null;
+    let timeoutId = null;
+    let startTime = null;
+    let cancelled = false;
+    const tick = (ts) => {
+      if (cancelled) return;
+      if (startTime === null) startTime = ts;
+      const t = Math.min(1, (ts - startTime) / Math.max(1, duration));
+      const eased = easing(t);
+      const current = startValue + delta * eased;
+      setN(current);
+      lastRendered.current = current;
+      if (t < 1) {
+        raf = requestAnimationFrame(tick);
+      } else {
+        lastRendered.current = value;
+        setN(value);
+        onComplete?.();
+      }
+    };
+    const start = () => {
+      raf = requestAnimationFrame(tick);
+    };
+    if (delay > 0) {
+      timeoutId = window.setTimeout(start, delay);
+    } else {
+      start();
+    }
+    return () => {
+      cancelled = true;
+      if (raf !== null) cancelAnimationFrame(raf);
+      if (timeoutId !== null) window.clearTimeout(timeoutId);
+    };
+  }, [value, duration, delay, disableAnimation]);
+  const display = formatValue ? formatValue(n) : n.toFixed(decimals);
+  return /* @__PURE__ */ jsxs18(
+    "span",
+    {
+      ...rest,
+      ref,
+      className: cn("ods-count-up", className),
+      "aria-live": "polite",
+      "aria-atomic": "true",
+      children: [
+        prefix,
+        display,
+        suffix
+      ]
+    }
+  );
+});
+CountUp.displayName = "CountUp";
+
+// src/hooks/useTextareaCommands.ts
+import {
+  useCallback as useCallback3,
+  useEffect as useEffect5,
+  useMemo as useMemo2,
+  useRef as useRef8,
+  useState as useState11
+} from "react";
+function findOpenTrigger(value, caret, trigger) {
+  let i = caret - 1;
+  while (i >= 0) {
+    const ch = value[i];
+    if (ch === "\n" || ch === " " || ch === "	") return null;
+    if (value.startsWith(trigger, i)) {
+      const before = i === 0 ? "" : value[i - 1];
+      if (i === 0 || before === " " || before === "\n" || before === "	") {
+        return {
+          triggerIndex: i,
+          query: value.slice(i + trigger.length, caret)
+        };
+      }
+      return null;
+    }
+    i--;
+  }
+  return null;
+}
+function getCaretRect(textarea, caret) {
+  if (typeof document === "undefined") return null;
+  const mirror = document.createElement("div");
+  const styles = window.getComputedStyle(textarea);
+  for (const prop of [
+    "boxSizing",
+    "width",
+    "fontFamily",
+    "fontSize",
+    "fontWeight",
+    "fontStyle",
+    "letterSpacing",
+    "lineHeight",
+    "paddingTop",
+    "paddingRight",
+    "paddingBottom",
+    "paddingLeft",
+    "borderTopWidth",
+    "borderRightWidth",
+    "borderBottomWidth",
+    "borderLeftWidth",
+    "textTransform",
+    "wordSpacing",
+    "tabSize",
+    "whiteSpace"
+  ]) {
+    mirror.style[prop] = styles[prop];
+  }
+  mirror.style.position = "absolute";
+  mirror.style.visibility = "hidden";
+  mirror.style.overflow = "hidden";
+  mirror.style.top = "0";
+  mirror.style.left = "0";
+  mirror.style.whiteSpace = "pre-wrap";
+  mirror.style.wordWrap = "break-word";
+  mirror.textContent = textarea.value.slice(0, caret);
+  const marker = document.createElement("span");
+  marker.textContent = "\u200B";
+  mirror.appendChild(marker);
+  document.body.appendChild(mirror);
+  const taRect = textarea.getBoundingClientRect();
+  const markerRect = marker.getBoundingClientRect();
+  const mirrorRect = mirror.getBoundingClientRect();
+  const x = taRect.left + (markerRect.left - mirrorRect.left) - textarea.scrollLeft;
+  const y = taRect.top + (markerRect.top - mirrorRect.top) - textarea.scrollTop;
+  const out = new DOMRect(x, y, 0, markerRect.height || 16);
+  document.body.removeChild(mirror);
+  return out;
+}
+function useTextareaCommands({
+  textareaRef,
+  value,
+  onChange,
+  commands,
+  trigger = "/",
+  openOnEmptyTrigger = true,
+  maxItems = 8
+}) {
+  const [isOpen, setIsOpen] = useState11(false);
+  const [query, setQuery] = useState11("");
+  const [activeIndex, setActiveIndex] = useState11(0);
+  const [triggerIndex, setTriggerIndex] = useState11(null);
+  const [caretRect, setCaretRect] = useState11(null);
+  const dismissedAtRef = useRef8(null);
+  const items = useMemo2(() => {
+    const q = query.trim().toLowerCase();
+    if (!q) return commands.slice(0, maxItems);
+    return commands.filter((c) => {
+      const hay = [
+        typeof c.label === "string" ? c.label : "",
+        typeof c.description === "string" ? c.description : "",
+        c.id,
+        ...c.keywords ?? []
+      ].join(" ").toLowerCase();
+      return hay.includes(q);
+    }).slice(0, maxItems);
+  }, [commands, query, maxItems]);
+  useEffect5(() => {
+    const ta = textareaRef.current;
+    if (!ta) return;
+    const caret = ta.selectionStart ?? 0;
+    const dismissedAt = dismissedAtRef.current;
+    if (dismissedAt && dismissedAt.value === value && dismissedAt.caret === caret) {
+      return;
+    }
+    const found = findOpenTrigger(value, caret, trigger);
+    if (!found) {
+      if (isOpen) setIsOpen(false);
+      setTriggerIndex(null);
+      return;
+    }
+    if (dismissedAt) dismissedAtRef.current = null;
+    if (found.query.length > 0 || openOnEmptyTrigger) {
+      setQuery(found.query);
+      setTriggerIndex(found.triggerIndex);
+      setIsOpen(true);
+      setActiveIndex(0);
+      setCaretRect(getCaretRect(ta, caret));
+    }
+  }, [value, trigger, openOnEmptyTrigger, isOpen, textareaRef]);
+  const commit = useCallback3(
+    (cmd) => {
+      const ta = textareaRef.current;
+      if (!ta || triggerIndex == null) return;
+      const insertText = typeof cmd.insert === "function" ? cmd.insert(query) : cmd.insert;
+      const caret = ta.selectionStart ?? value.length;
+      const before = value.slice(0, triggerIndex);
+      const after = value.slice(caret);
+      const next = `${before}${insertText}${after}`;
+      dismissedAtRef.current = {
+        value,
+        caret
+      };
+      onChange(next);
+      setIsOpen(false);
+      setTriggerIndex(null);
+      requestAnimationFrame(() => {
+        const pos = before.length + insertText.length;
+        ta.focus();
+        ta.setSelectionRange(pos, pos);
+      });
+    },
+    [textareaRef, triggerIndex, query, value, onChange]
+  );
+  const dismiss = useCallback3(() => {
+    const ta = textareaRef.current;
+    dismissedAtRef.current = {
+      value,
+      caret: ta?.selectionStart ?? value.length
+    };
+    setIsOpen(false);
+    setTriggerIndex(null);
+  }, [textareaRef, value]);
+  const onKeyDown = useCallback3(
+    (e) => {
+      if (!isOpen) return false;
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        setActiveIndex((i) => Math.min(items.length - 1, i + 1));
+        return true;
+      }
+      if (e.key === "ArrowUp") {
+        e.preventDefault();
+        setActiveIndex((i) => Math.max(0, i - 1));
+        return true;
+      }
+      if (e.key === "Enter" || e.key === "Tab") {
+        const pick2 = items[activeIndex];
+        if (pick2) {
+          e.preventDefault();
+          commit(pick2);
+          return true;
+        }
+      }
+      if (e.key === "Escape") {
+        e.preventDefault();
+        dismiss();
+        return true;
+      }
+      return false;
+    },
+    [isOpen, items, activeIndex, commit, dismiss]
+  );
+  return {
+    isOpen,
+    query,
+    activeIndex,
+    items,
+    onKeyDown,
+    dismiss,
+    commit,
+    caretRect
+  };
+}
+
+// src/hooks/useTextareaSelection.ts
+import { useCallback as useCallback4, useEffect as useEffect6, useState as useState12 } from "react";
+function getSelectionRect(textarea, start, end) {
+  if (typeof document === "undefined") return null;
+  if (start === end) return null;
+  const mirror = document.createElement("div");
+  const styles = window.getComputedStyle(textarea);
+  for (const prop of [
+    "boxSizing",
+    "width",
+    "fontFamily",
+    "fontSize",
+    "fontWeight",
+    "fontStyle",
+    "letterSpacing",
+    "lineHeight",
+    "paddingTop",
+    "paddingRight",
+    "paddingBottom",
+    "paddingLeft",
+    "borderTopWidth",
+    "borderRightWidth",
+    "borderBottomWidth",
+    "borderLeftWidth",
+    "textTransform",
+    "wordSpacing",
+    "tabSize",
+    "whiteSpace"
+  ]) {
+    mirror.style[prop] = styles[prop];
+  }
+  mirror.style.position = "absolute";
+  mirror.style.visibility = "hidden";
+  mirror.style.overflow = "hidden";
+  mirror.style.top = "0";
+  mirror.style.left = "0";
+  mirror.style.whiteSpace = "pre-wrap";
+  mirror.style.wordWrap = "break-word";
+  const pre = document.createTextNode(textarea.value.slice(0, start));
+  const range = document.createElement("span");
+  range.textContent = textarea.value.slice(start, end) || "\u200B";
+  const post = document.createTextNode(textarea.value.slice(end));
+  mirror.appendChild(pre);
+  mirror.appendChild(range);
+  mirror.appendChild(post);
+  document.body.appendChild(mirror);
+  const taRect = textarea.getBoundingClientRect();
+  const rangeRect = range.getBoundingClientRect();
+  const mirrorRect = mirror.getBoundingClientRect();
+  const out = new DOMRect(
+    taRect.left + (rangeRect.left - mirrorRect.left) - textarea.scrollLeft,
+    taRect.top + (rangeRect.top - mirrorRect.top) - textarea.scrollTop,
+    rangeRect.width,
+    rangeRect.height
+  );
+  document.body.removeChild(mirror);
+  return out;
+}
+function useTextareaSelection({
+  textareaRef,
+  value,
+  onChange
+}) {
+  const [start, setStart] = useState12(0);
+  const [end, setEnd] = useState12(0);
+  const [rect, setRect] = useState12(null);
+  useEffect6(() => {
+    if (typeof document === "undefined") return;
+    const handler = () => {
+      const ta = textareaRef.current;
+      if (!ta || document.activeElement !== ta) {
+        setStart(0);
+        setEnd(0);
+        setRect(null);
+        return;
+      }
+      const s = ta.selectionStart ?? 0;
+      const e = ta.selectionEnd ?? 0;
+      setStart(s);
+      setEnd(e);
+      setRect(s !== e ? getSelectionRect(ta, s, e) : null);
+    };
+    document.addEventListener("selectionchange", handler);
+    return () => document.removeEventListener("selectionchange", handler);
+  }, [textareaRef]);
+  const active = start !== end;
+  const text = active ? value.slice(start, end) : "";
+  const writeToClipboard = useCallback4(async (str) => {
+    try {
+      if (typeof navigator !== "undefined" && navigator.clipboard?.writeText) {
+        await navigator.clipboard.writeText(str);
+        return true;
+      }
+    } catch {
+    }
+    try {
+      const tmp = document.createElement("textarea");
+      tmp.value = str;
+      tmp.style.position = "fixed";
+      tmp.style.left = "-9999px";
+      document.body.appendChild(tmp);
+      tmp.select();
+      const ok = document.execCommand("copy");
+      document.body.removeChild(tmp);
+      return ok;
+    } catch {
+      return false;
+    }
+  }, []);
+  const copy = useCallback4(async () => {
+    if (!active) return false;
+    return writeToClipboard(text);
+  }, [active, text, writeToClipboard]);
+  const replace = useCallback4(
+    (str) => {
+      const ta = textareaRef.current;
+      if (!ta) return;
+      const next = value.slice(0, start) + str + value.slice(end);
+      onChange(next);
+      requestAnimationFrame(() => {
+        ta.focus();
+        const caret = start + str.length;
+        ta.setSelectionRange(caret, caret);
+      });
+    },
+    [textareaRef, value, start, end, onChange]
+  );
+  const cut = useCallback4(async () => {
+    if (!active) return false;
+    const ok = await writeToClipboard(text);
+    if (ok) replace("");
+    return ok;
+  }, [active, text, writeToClipboard, replace]);
+  const wrap = useCallback4(
+    (open, close) => {
+      const ta = textareaRef.current;
+      if (!ta) return;
+      const closing = close ?? open;
+      const before = value.slice(0, start);
+      const sel = value.slice(start, end);
+      const after = value.slice(end);
+      const next = `${before}${open}${sel}${closing}${after}`;
+      onChange(next);
+      requestAnimationFrame(() => {
+        ta.focus();
+        const newStart = start;
+        const newEnd = end + open.length + closing.length;
+        ta.setSelectionRange(newStart, newEnd);
+      });
+    },
+    [textareaRef, value, start, end, onChange]
+  );
+  return {
+    active,
+    text,
+    start,
+    end,
+    rect,
+    copy,
+    cut,
+    wrap,
+    replace
+  };
+}
+
+// src/hooks/useTextareaTools.tsx
+import {
+  CodeIcon,
+  HeadingIcon,
+  ListBulletedIcon,
+  ListNumberedIcon,
+  QuotesIcon,
+  RedoIcon,
+  TextBoldIcon,
+  TextItalicIcon,
+  TextLinkIcon,
+  TextStrikethroughIcon,
+  UndoIcon
+} from "@octaviaflow/icons";
+import { useCallback as useCallback5, useMemo as useMemo3, useRef as useRef9 } from "react";
+import { jsx as jsx20 } from "react/jsx-runtime";
+function useTextareaTools({
+  textareaRef,
+  value,
+  onChange,
+  tools
+}) {
+  const valueRef = useRef9(value);
+  valueRef.current = value;
+  const helpers = useMemo3(() => {
+    const getTa = () => textareaRef.current;
+    const getSelection = () => {
+      const ta = getTa();
+      const s = ta?.selectionStart ?? 0;
+      const e = ta?.selectionEnd ?? 0;
+      return {
+        text: valueRef.current.slice(s, e),
+        start: s,
+        end: e,
+        active: s !== e
+      };
+    };
+    const setValue = (next) => onChange(next);
+    const replace = (text) => {
+      const ta = getTa();
+      if (!ta) return;
+      const { start, end } = getSelection();
+      const next = valueRef.current.slice(0, start) + text + valueRef.current.slice(end);
+      onChange(next);
+      requestAnimationFrame(() => {
+        ta.focus();
+        const caret = start + text.length;
+        ta.setSelectionRange(caret, caret);
+      });
+    };
+    const insert = (text) => replace(text);
+    const wrap = (open, close) => {
+      const ta = getTa();
+      if (!ta) return;
+      const closing = close ?? open;
+      const { start, end } = getSelection();
+      const sel = valueRef.current.slice(start, end);
+      const next = valueRef.current.slice(0, start) + open + sel + closing + valueRef.current.slice(end);
+      onChange(next);
+      requestAnimationFrame(() => {
+        ta.focus();
+        if (start === end) {
+          const caret = start + open.length;
+          ta.setSelectionRange(caret, caret);
+        } else {
+          ta.setSelectionRange(start, end + open.length + closing.length);
+        }
+      });
+    };
+    const prependLines = (prefix) => {
+      const ta = getTa();
+      if (!ta) return;
+      const { start, end } = getSelection();
+      const v = valueRef.current;
+      const lineStart = v.lastIndexOf("\n", start - 1) + 1;
+      const lineEnd = (() => {
+        const idx = v.indexOf("\n", end);
+        return idx === -1 ? v.length : idx;
+      })();
+      const block = v.slice(lineStart, lineEnd);
+      const updated = block.split("\n").map((line) => `${prefix}${line}`).join("\n");
+      const next = v.slice(0, lineStart) + updated + v.slice(lineEnd);
+      onChange(next);
+      requestAnimationFrame(() => {
+        ta.focus();
+        ta.setSelectionRange(lineStart, lineStart + updated.length);
+      });
+    };
+    const undo = () => {
+      try {
+        getTa()?.focus();
+        document.execCommand("undo");
+      } catch {
+      }
+    };
+    const redo = () => {
+      try {
+        getTa()?.focus();
+        document.execCommand("redo");
+      } catch {
+      }
+    };
+    return {
+      get value() {
+        return valueRef.current;
+      },
+      get selection() {
+        return getSelection();
+      },
+      setValue,
+      replace,
+      insert,
+      wrap,
+      prependLines,
+      undo,
+      redo,
+      getTextarea: getTa
+    };
+  }, [textareaRef, onChange]);
+  const visibleTools = useMemo3(
+    () => tools.filter((t) => t.isVisible ? t.isVisible(helpers) : true),
+    [tools, helpers]
+  );
+  const runTool = useCallback5(
+    async (id) => {
+      const tool = tools.find((t) => t.id === id);
+      if (!tool || tool.kind === "divider") return;
+      await tool.onAction?.(helpers);
+    },
+    [tools, helpers]
+  );
+  return { tools: visibleTools, runTool, helpers };
+}
+var wrapTool = (id, open, close, label, icon, title) => ({
+  id,
+  label,
+  icon,
+  title,
+  onAction: (h) => h.wrap(open, close)
+});
+var prependLineTool = (id, prefix, label, icon, title) => ({
+  id,
+  label,
+  icon,
+  title,
+  onAction: (h) => h.prependLines(prefix)
+});
+var textareaTools = {
+  bold: () => wrapTool("bold", "**", "**", "Bold", /* @__PURE__ */ jsx20(TextBoldIcon, {}), "Bold (\u2318B)"),
+  italic: () => wrapTool("italic", "*", "*", "Italic", /* @__PURE__ */ jsx20(TextItalicIcon, {}), "Italic (\u2318I)"),
+  strikethrough: () => wrapTool("strike", "~~", "~~", "Strikethrough", /* @__PURE__ */ jsx20(TextStrikethroughIcon, {}), "Strikethrough"),
+  code: () => wrapTool("code", "`", "`", "Code", /* @__PURE__ */ jsx20(CodeIcon, {}), "Inline code"),
+  codeBlock: () => ({
+    id: "code-block",
+    label: "Code block",
+    icon: /* @__PURE__ */ jsx20(CodeIcon, {}),
+    title: "Code block",
+    onAction: (h) => h.wrap("```\n", "\n```")
+  }),
+  link: () => ({
+    id: "link",
+    label: "Link",
+    icon: /* @__PURE__ */ jsx20(TextLinkIcon, {}),
+    title: "Insert link",
+    onAction: (h) => {
+      const sel = h.selection;
+      const text = sel.active ? sel.text : "link text";
+      h.replace(`[${text}](https://)`);
+    }
+  }),
+  /** Heading. Defaults to H2. Pass a `level` (1–6) to override. */
+  heading: (level = 2) => prependLineTool(
+    `heading-${level}`,
+    `${"#".repeat(level)} `,
+    `H${level}`,
+    /* @__PURE__ */ jsx20(HeadingIcon, {}),
+    `Heading ${level}`
+  ),
+  bulletList: () => prependLineTool("ul", "- ", "Bullet list", /* @__PURE__ */ jsx20(ListBulletedIcon, {}), "Bullet list"),
+  numberedList: () => prependLineTool("ol", "1. ", "Numbered list", /* @__PURE__ */ jsx20(ListNumberedIcon, {}), "Numbered list"),
+  quote: () => prependLineTool("quote", "> ", "Quote", /* @__PURE__ */ jsx20(QuotesIcon, {}), "Quote"),
+  undo: () => ({
+    id: "undo",
+    label: "Undo",
+    icon: /* @__PURE__ */ jsx20(UndoIcon, {}),
+    title: "Undo (\u2318Z)",
+    onAction: (h) => h.undo()
+  }),
+  redo: () => ({
+    id: "redo",
+    label: "Redo",
+    icon: /* @__PURE__ */ jsx20(RedoIcon, {}),
+    title: "Redo (\u2318\u21E7Z)",
+    onAction: (h) => h.redo()
+  }),
+  divider: (id = "divider") => ({
+    id: `${id}-${Math.random().toString(36).slice(2, 8)}`,
+    label: "",
+    kind: "divider"
+  })
+};
+
+// src/components/Textarea/Textarea.tsx
+import { CopyIcon, CutIcon } from "@octaviaflow/icons";
+import {
+  forwardRef as forwardRef20,
+  useEffect as useEffect7,
+  useId as useId5,
+  useRef as useRef10,
+  useState as useState13
+} from "react";
+import { useTextField } from "react-aria";
+import { createPortal } from "react-dom";
+import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+var Textarea = forwardRef20(function Textarea2({
+  label,
+  error = false,
+  errorMessage,
+  helperText,
+  resize = "vertical",
+  autoResize = false,
+  minRows,
+  maxRows,
+  maxHeight,
+  maxWidth,
+  minHeight,
+  minWidth,
+  maxLength,
+  size = "md",
+  rows = 3,
+  disabled = false,
+  className,
+  style: consumerStyle,
+  defaultValue,
+  value,
+  onChange,
+  id: providedId,
+  commands,
+  commandTrigger = "/",
+  selectionToolbar = false,
+  selectionActions,
+  tools,
+  toolbarPosition = "top",
+  ...props
+}, forwardedRef) {
+  const innerRef = useRef10(null);
+  const setRef = (node) => {
+    innerRef.current = node;
+    if (typeof forwardedRef === "function") forwardedRef(node);
+    else if (forwardedRef) forwardedRef.current = node;
+  };
+  const reactId = useId5();
+  const baseId = providedId ?? `ods-textarea-${reactId}`;
+  const hintId = error && errorMessage || helperText ? `${baseId}-hint` : void 0;
+  const [charCount, setCharCount] = useState13(() => String(value ?? defaultValue ?? "").length);
+  const ariaNameProps = resolveAccessibleName({
+    label: typeof label === "string" ? label : void 0,
+    ariaLabel: props["aria-label"],
+    ariaLabelledby: props["aria-labelledby"],
+    componentName: "Textarea"
+  });
+  const { labelProps, inputProps } = useTextField(
+    {
+      label: typeof label === "string" ? label : void 0,
+      ...ariaNameProps,
+      isDisabled: disabled,
+      errorMessage: typeof errorMessage === "string" ? errorMessage : void 0,
+      validationState: error ? "invalid" : void 0,
+      inputElementType: "textarea",
+      value,
+      defaultValue
+    },
+    innerRef
+  );
+  const describedBy = [props["aria-describedby"], hintId].filter(Boolean).join(" ") || void 0;
+  const handleChange = (e) => {
+    setCharCount(e.target.value.length);
+    onChange?.(e);
+  };
+  const [liveValue, setLiveValue] = useState13(String(value ?? defaultValue ?? ""));
+  useEffect7(() => {
+    if (value != null) setLiveValue(String(value));
+  }, [value]);
+  const handleChangeWithMirror = (e) => {
+    setLiveValue(e.target.value);
+    handleChange(e);
+  };
+  const setLiveAndCommit = (next) => {
+    setLiveValue(next);
+    if (innerRef.current) innerRef.current.value = next;
+    onChange?.({
+      target: innerRef.current,
+      currentTarget: innerRef.current
+    });
+    setCharCount(next.length);
+  };
+  const cmdPalette = useTextareaCommands({
+    textareaRef: innerRef,
+    value: liveValue,
+    onChange: setLiveAndCommit,
+    commands: commands ?? [],
+    trigger: commandTrigger
+  });
+  const cmdEnabled = (commands?.length ?? 0) > 0;
+  const sel = useTextareaSelection({
+    textareaRef: innerRef,
+    value: liveValue,
+    onChange: setLiveAndCommit
+  });
+  const toolbar = useTextareaTools({
+    textareaRef: innerRef,
+    value: liveValue,
+    onChange: setLiveAndCommit,
+    tools: tools ?? []
+  });
+  const toolbarEnabled = (tools?.length ?? 0) > 0;
+  const handleKeyDownWithCommands = (e) => {
+    if (cmdEnabled) {
+      const consumed = cmdPalette.onKeyDown(e);
+      if (consumed) return;
+    }
+    props.onKeyDown?.(e);
+  };
+  useEffect7(() => {
+    if (!autoResize) return;
+    const el = innerRef.current;
+    if (!el) return;
+    const computed = window.getComputedStyle(el);
+    const fontSize = parseFloat(computed.fontSize) || 16;
+    const lhRaw = computed.lineHeight;
+    const lh = lhRaw === "normal" ? fontSize * 1.2 : lhRaw.endsWith("px") ? parseFloat(lhRaw) : parseFloat(lhRaw) * fontSize;
+    const padding = parseFloat(computed.paddingTop) + parseFloat(computed.paddingBottom);
+    const rowCap = maxRows != null && Number.isFinite(maxRows) ? lh * maxRows + padding : Number.POSITIVE_INFINITY;
+    const pixelCap = typeof maxHeight === "number" ? maxHeight : Number.POSITIVE_INFINITY;
+    const effectiveMax = Math.min(rowCap, pixelCap);
+    const rowFloor = lh * (minRows ?? rows) + padding;
+    el.style.height = "auto";
+    const target = Math.max(rowFloor, Math.min(effectiveMax, el.scrollHeight));
+    el.style.height = `${target}px`;
+    el.style.overflowY = el.scrollHeight > effectiveMax ? "auto" : "hidden";
+  }, [autoResize, value, defaultValue, minRows, maxRows, maxHeight, rows]);
+  const resolvedResize = typeof resize === "boolean" ? resize ? "vertical" : "none" : resize;
+  const toCss = (v) => v == null ? void 0 : typeof v === "number" ? `${v}px` : v;
+  const fieldStyle = {
+    maxHeight: toCss(maxHeight),
+    maxWidth: toCss(maxWidth),
+    minHeight: toCss(minHeight),
+    minWidth: toCss(minWidth),
+    resize: resolvedResize
+  };
+  return /* @__PURE__ */ jsxs19(
+    "div",
+    {
+      className: cn(
+        "ods-textarea",
+        `ods-textarea--${size}`,
+        `ods-textarea--resize-${resolvedResize}`,
+        autoResize && "ods-textarea--auto-resize",
+        error && "ods-textarea--error",
+        disabled && "ods-textarea--disabled",
+        className
+      ),
+      style: consumerStyle,
+      children: [
+        label && /* @__PURE__ */ jsx21("label", { ...labelProps, htmlFor: baseId, className: "ods-textarea__label", children: label }),
+        toolbarEnabled && toolbarPosition === "top" && /* @__PURE__ */ jsx21(TextareaToolbar, { tools: toolbar.tools, onRun: toolbar.runTool }),
+        /* @__PURE__ */ jsxs19("div", { className: "ods-textarea__wrapper", children: [
+          /* @__PURE__ */ jsx21(
+            "textarea",
+            {
+              ...props,
+              ...inputProps,
+              ref: setRef,
+              id: baseId,
+              rows: autoResize ? minRows ?? rows : rows,
+              disabled,
+              maxLength,
+              defaultValue,
+              value,
+              onChange: handleChangeWithMirror,
+              onKeyDown: handleKeyDownWithCommands,
+              className: "ods-textarea__field",
+              style: fieldStyle,
+              "aria-invalid": error || void 0,
+              "aria-describedby": describedBy,
+              "aria-autocomplete": cmdEnabled ? "list" : void 0,
+              "aria-expanded": cmdEnabled ? cmdPalette.isOpen : void 0,
+              "aria-controls": cmdEnabled && cmdPalette.isOpen ? `${baseId}-cmd-list` : void 0,
+              "aria-activedescendant": cmdEnabled && cmdPalette.isOpen && cmdPalette.items[cmdPalette.activeIndex] ? `${baseId}-cmd-${cmdPalette.items[cmdPalette.activeIndex].id}` : void 0
+            }
+          ),
+          cmdEnabled && cmdPalette.isOpen && cmdPalette.items.length > 0 && typeof document !== "undefined" && createPortal(
+            /* @__PURE__ */ jsx21(
+              "ul",
+              {
+                id: `${baseId}-cmd-list`,
+                role: "listbox",
+                "aria-label": "Inline commands",
+                className: "ods-textarea__cmd-popover",
+                style: {
+                  position: "fixed",
+                  top: (cmdPalette.caretRect?.bottom ?? 0) + 6,
+                  left: cmdPalette.caretRect?.left ?? 0
+                },
+                children: cmdPalette.items.map((c, i) => /* @__PURE__ */ jsxs19(
+                  "li",
+                  {
+                    id: `${baseId}-cmd-${c.id}`,
+                    role: "option",
+                    "aria-selected": i === cmdPalette.activeIndex,
+                    className: cn(
+                      "ods-textarea__cmd-item",
+                      i === cmdPalette.activeIndex && "ods-textarea__cmd-item--active"
+                    ),
+                    onMouseDown: (e) => {
+                      e.preventDefault();
+                      cmdPalette.commit(c);
+                    },
+                    onMouseEnter: () => {
+                    },
+                    children: [
+                      c.icon && /* @__PURE__ */ jsx21("span", { className: "ods-textarea__cmd-icon", children: c.icon }),
+                      /* @__PURE__ */ jsxs19("span", { className: "ods-textarea__cmd-text", children: [
+                        /* @__PURE__ */ jsx21("span", { className: "ods-textarea__cmd-label", children: c.label }),
+                        c.description && /* @__PURE__ */ jsx21("span", { className: "ods-textarea__cmd-desc", children: c.description })
+                      ] })
+                    ]
+                  },
+                  c.id
+                ))
+              }
+            ),
+            document.body
+          ),
+          selectionToolbar && sel.active && sel.rect && typeof document !== "undefined" && createPortal(
+            /* @__PURE__ */ jsxs19(
+              "div",
+              {
+                role: "toolbar",
+                "aria-label": "Selection actions",
+                className: "ods-textarea__sel-toolbar",
+                style: {
+                  position: "fixed",
+                  top: sel.rect.top - 36,
+                  left: sel.rect.left
+                },
+                onMouseDown: (e) => e.preventDefault(),
+                children: [
+                  /* @__PURE__ */ jsx21(
+                    "button",
+                    {
+                      type: "button",
+                      className: "ods-textarea__sel-btn",
+                      onClick: () => sel.copy(),
+                      "aria-label": "Copy selection",
+                      title: "Copy",
+                      children: /* @__PURE__ */ jsx21(CopyIcon, { size: "xs" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx21(
+                    "button",
+                    {
+                      type: "button",
+                      className: "ods-textarea__sel-btn",
+                      onClick: () => sel.cut(),
+                      "aria-label": "Cut selection",
+                      title: "Cut",
+                      children: /* @__PURE__ */ jsx21(CutIcon, { size: "xs" })
+                    }
+                  ),
+                  selectionActions?.map((a) => /* @__PURE__ */ jsxs19(
+                    "button",
+                    {
+                      type: "button",
+                      className: "ods-textarea__sel-btn",
+                      onClick: () => a.onAction(sel.text, {
+                        replace: sel.replace,
+                        wrap: sel.wrap,
+                        copy: sel.copy,
+                        cut: sel.cut
+                      }),
+                      title: typeof a.label === "string" ? a.label : void 0,
+                      children: [
+                        a.icon,
+                        a.label && /* @__PURE__ */ jsx21("span", { className: "ods-textarea__sel-btn-label", children: a.label })
+                      ]
+                    },
+                    a.id
+                  ))
+                ]
+              }
+            ),
+            document.body
+          ),
+          maxLength != null && /* @__PURE__ */ jsxs19(
+            "span",
+            {
+              className: "ods-textarea__count",
+              "aria-live": charCount > maxLength ? "polite" : "off",
+              children: [
+                charCount,
+                "/",
+                maxLength
+              ]
+            }
+          )
+        ] }),
+        toolbarEnabled && toolbarPosition === "bottom" && /* @__PURE__ */ jsx21(TextareaToolbar, { tools: toolbar.tools, onRun: toolbar.runTool }),
+        error && errorMessage ? /* @__PURE__ */ jsx21("div", { id: hintId, className: "ods-textarea__error-message", role: "alert", children: errorMessage }) : helperText ? /* @__PURE__ */ jsx21("div", { id: hintId, className: "ods-textarea__hint", children: helperText }) : null
+      ]
+    }
+  );
+});
+Textarea.displayName = "Textarea";
+function TextareaToolbar({
+  tools,
+  onRun
+}) {
+  return /* @__PURE__ */ jsx21(
+    "div",
+    {
+      role: "toolbar",
+      "aria-label": "Formatting",
+      className: "ods-textarea__toolbar",
+      onMouseDown: (e) => {
+        if (e.target.closest(".ods-textarea__toolbar-btn")) {
+          e.preventDefault();
+        }
+      },
+      children: tools.map((t) => {
+        if (t.kind === "divider") {
+          return /* @__PURE__ */ jsx21("span", { className: "ods-textarea__toolbar-divider", "aria-hidden": "true" }, t.id);
+        }
+        return /* @__PURE__ */ jsx21(
+          "button",
+          {
+            type: "button",
+            className: "ods-textarea__toolbar-btn",
+            title: t.title ?? (typeof t.label === "string" ? t.label : void 0),
+            "aria-label": typeof t.label === "string" ? t.label : t.id,
+            onClick: () => onRun(t.id),
+            children: t.icon ? /* @__PURE__ */ jsx21("span", { className: "ods-textarea__toolbar-icon", children: t.icon }) : /* @__PURE__ */ jsx21("span", { className: "ods-textarea__toolbar-text", children: t.label })
+          },
+          t.id
+        );
+      })
+    }
+  );
+}
+
+// src/components/TestimonialCard/TestimonialCard.tsx
+import { QuotesIcon as QuotesIcon2, StarFilledIcon, StarIcon } from "@octaviaflow/icons";
+import { forwardRef as forwardRef21, useId as useId6 } from "react";
+import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
+function isAuthorObject(v) {
+  return typeof v === "object" && v !== null && !("type" in v) && // exclude React elements
+  "name" in v;
+}
+var TestimonialCard = forwardRef21(
+  function TestimonialCard2({
+    quote,
+    author,
+    role: legacyRole,
+    avatar: legacyAvatar,
+    initial: legacyInitial,
+    rating,
+    logo,
+    size = "md",
+    radius = "md",
+    id: providedId,
+    className,
+    ...rest
+  }, ref) {
+    const reactId = useId6();
+    const baseId = providedId ?? `ods-testimonial-${reactId}`;
+    const quoteId = `${baseId}-quote`;
+    const authorId = `${baseId}-author`;
+    const resolved = isAuthorObject(author) ? author : {
+      name: author,
+      role: legacyRole,
+      avatar: legacyAvatar ? void 0 : {
+        initials: typeof legacyInitial === "string" ? legacyInitial : typeof author === "string" ? author.charAt(0).toUpperCase() : void 0
+      }
+    };
+    const renderAvatar = () => {
+      if (!isAuthorObject(author) && legacyAvatar) {
+        return /* @__PURE__ */ jsx22(
+          "span",
+          {
+            className: "ods-testimonial__avatar ods-testimonial__avatar--legacy",
+            "aria-hidden": "true",
+            children: legacyAvatar
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx22(
+        Avatar,
+        {
+          size: size === "sm" ? "xs" : size === "lg" ? "md" : "sm",
+          src: resolved.avatar?.src,
+          initials: resolved.avatar?.initials,
+          seed: resolved.avatar?.seed,
+          palette: resolved.avatar?.palette,
+          alt: resolved.avatar?.alt ?? (typeof resolved.name === "string" ? resolved.name : void 0),
+          className: "ods-testimonial__avatar"
+        }
+      );
+    };
+    return /* @__PURE__ */ jsxs20(
+      Card,
+      {
+        ...rest,
+        ref,
+        id: baseId,
+        radius,
+        padding: "none",
+        variant: "subtle",
+        className: cn("ods-testimonial", `ods-testimonial--${size}`, className),
+        "aria-labelledby": authorId,
+        "aria-describedby": quoteId,
+        children: [
+          /* @__PURE__ */ jsxs20("div", { className: "ods-testimonial__head", children: [
+            /* @__PURE__ */ jsx22("span", { className: "ods-testimonial__quote", "aria-hidden": "true", children: /* @__PURE__ */ jsx22(QuotesIcon2, { size: "md" }) }),
+            logo && /* @__PURE__ */ jsx22("span", { className: "ods-testimonial__logo", "aria-hidden": "true", children: logo })
+          ] }),
+          /* @__PURE__ */ jsx22("blockquote", { id: quoteId, className: "ods-testimonial__text", children: quote }),
+          typeof rating === "number" && /* @__PURE__ */ jsx22(
+            "div",
+            {
+              className: "ods-testimonial__rating",
+              role: "img",
+              "aria-label": `${rating} out of 5 stars`,
+              children: Array.from({ length: 5 }).map(
+                (_, i) => i < Math.round(rating) ? /* @__PURE__ */ jsx22(
+                  StarFilledIcon,
+                  {
+                    size: "xs",
+                    className: "ods-testimonial__star ods-testimonial__star--on"
+                  },
+                  i
+                ) : /* @__PURE__ */ jsx22(StarIcon, { size: "xs", className: "ods-testimonial__star" }, i)
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs20("figcaption", { className: "ods-testimonial__author", id: authorId, children: [
+            renderAvatar(),
+            /* @__PURE__ */ jsxs20("span", { className: "ods-testimonial__author-info", children: [
+              /* @__PURE__ */ jsx22("span", { className: "ods-testimonial__author-name", children: resolved.name }),
+              resolved.role && /* @__PURE__ */ jsx22("span", { className: "ods-testimonial__author-role", children: resolved.role })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+TestimonialCard.displayName = "TestimonialCard";
+
+export {
+  TruncatedText,
+  Card,
+  CardHeader,
+  CardBody,
+  CardFooter,
+  CardTitle,
+  CardDescription,
+  AVATAR_PALETTE_SIZE,
+  avatarPaletteIndex,
+  Avatar,
+  AvatarStack,
+  BlogCard,
+  ChatBubble,
+  ChatComposer,
+  ChatLinkPreview,
+  ChatDocPreview,
+  RadioGroup,
+  Radio,
+  ChatInputRequest,
+  ChatFeedback,
+  ChatScrollToBottom,
+  ChatThread,
+  ChatPanel,
+  videoEmbedOf,
+  ChatVideoPreview,
+  ChatSources,
+  ChatSuggestions,
+  ChatThinking,
+  easeLinear,
+  easeOutCubic,
+  easeOutQuart,
+  easeOutExpo,
+  CountUp,
+  useTextareaCommands,
+  useTextareaSelection,
+  useTextareaTools,
+  textareaTools,
+  Textarea,
+  TestimonialCard
+};
+//# sourceMappingURL=chunk-VGAUSBP4.js.map