@automattic/agenttic-ui 0.1.11 → 0.1.12

package/dist/index.js

@@ -1,43 +1,2039 @@
-import { A as e, a as n, k as o, j as t, b as I, f as g, e as i, i as c, h as A, p as r, H as C, F as U, C as p, l as u, q as h, m as l, I as m, r as d, s as w, t as M, D as S, o as v, n as y, M as F, N as T, G as V, E as b, S as f, T as k, B as x, z as H, X as N, Z, J as B, y as D, x as X, A as j, u as q, v as z, w as E } from "./index-DR9mkSeU.js";
+import { jsxs as _, jsx as n, Fragment as Ht } from "react/jsx-runtime";
+import * as te from "react";
+import ee, { useState as W, useEffect as E, useCallback as p, useRef as I, createContext as Ee, useContext as Ae, useId as Se, memo as xe, useMemo as Oe } from "react";
+import { motion as M, AnimatePresence as _t, useMotionValue as Mt, useDragControls as ne, animate as Pt } from "framer-motion";
+import { __ as Ct } from "@wordpress/i18n";
+import { Slot as Ne } from "@radix-ui/react-slot";
+import Re from "streamdown";
+import './index.css';function V(...e) {
+  return e.flat().filter(Boolean).map((t) => typeof t == "string" ? t : typeof t == "object" && !Array.isArray(t) && t !== null ? Object.entries(t).filter(([a, i]) => i).map(([a]) => a).join(" ") : "").join(" ").trim();
+}
+function oe(e) {
+  const t = e || "collapsed", [a, i] = W(t);
+  E(() => {
+    e !== void 0 && i(e);
+  }, [e]);
+  const s = a !== "collapsed" && a !== "compact", o = p(() => {
+    i("expanded");
+  }, []), r = p(() => {
+    i(t);
+  }, [t]), g = p(() => {
+    i(
+      (u) => u === "collapsed" ? "compact" : "collapsed"
+    );
+  }, []);
+  return {
+    state: a,
+    initialState: t,
+    setState: i,
+    isOpen: s,
+    open: o,
+    close: r,
+    toggle: g
+  };
+}
+function ae({
+  value: e,
+  setValue: t,
+  onSubmit: a,
+  isProcessing: i
+}) {
+  const s = I(null), o = p(() => {
+    t(""), s.current && (s.current.style.height = "auto", setTimeout(() => {
+      var u;
+      (u = s.current) == null || u.focus();
+    }, 100));
+  }, [t]), r = p(() => {
+    const u = s.current;
+    if (!u)
+      return;
+    u.style.height = "auto";
+    const m = u.scrollHeight, f = 40, v = 200;
+    u.style.height = `${Math.min(
+      Math.max(m, f),
+      v
+    )}px`;
+  }, []), g = p(
+    (u) => {
+      u.key === "Enter" && !u.shiftKey && !i && e.trim() && (u.preventDefault(), a(e.trim()), o());
+    },
+    [e, i, a, o]
+  );
+  return E(() => {
+    r();
+  }, [e, r]), {
+    value: e,
+    setValue: t,
+    clear: o,
+    textareaRef: s,
+    handleKeyDown: g,
+    adjustHeight: r
+  };
+}
+const ie = Ct("Ask anything", "a8c-agenttic"), Zt = {
+  type: "spring",
+  stiffness: 300,
+  damping: 30
+}, lt = {
+  type: "spring",
+  damping: 40,
+  stiffness: 500,
+  mass: 0.8
+}, Vt = {
+  ...lt,
+  stiffness: 1e3,
+  damping: 90
+}, $t = {
+  type: "spring",
+  damping: 40,
+  stiffness: 500,
+  mass: 0.8
+}, re = {
+  hidden: {
+    opacity: 0
+  },
+  visible: {
+    opacity: 1,
+    transition: Zt
+  },
+  exit: {
+    opacity: 0,
+    transition: { ...Zt, duration: 0.1 }
+  }
+}, De = () => {
+  if (typeof window > "u")
+    return { left: 0, right: 0, top: 0, bottom: 0 };
+  const e = 20;
+  return {
+    left: e,
+    right: window.innerWidth - 400 - e,
+    // Assuming max width of 400px
+    top: e,
+    bottom: window.innerHeight - 60 - e
+    // Assuming collapsed height of 60px
+  };
+}, Me = {
+  "0%": { backgroundPosition: "-200% 0" },
+  "100%": { backgroundPosition: "200% 0" }
+}, Xn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  fadeVariants: re,
+  fastSpring: lt,
+  fastSpringWithDelay: Vt,
+  getDragConstraints: De,
+  morphSpring: $t,
+  springConfig: Zt,
+  thinkingGradientKeyframes: Me
+}, Symbol.toStringTag, { value: "Module" })), Pe = "button-module_button", Ve = "button-module_pressed", He = "button-module_primary", $e = "button-module_ghost", Fe = "button-module_outline", ke = "button-module_transparent", Ue = "button-module_link", Ge = "button-module_icon", We = "button-module_sm", Be = "button-module_lg", Ze = "button-module_withTextAndIcon", Lt = {
+  button: Pe,
+  pressed: Ve,
+  primary: He,
+  ghost: $e,
+  outline: Fe,
+  transparent: ke,
+  link: Ue,
+  icon: Ge,
+  sm: We,
+  lg: Be,
+  withTextAndIcon: Ze
+}, Y = te.forwardRef(
+  function({
+    className: t,
+    variant: a = "primary",
+    size: i,
+    icon: s,
+    children: o,
+    asChild: r = !1,
+    pressed: g = !1,
+    ...u
+  }, m) {
+    const f = r ? Ne : "button", v = !!s, y = i || (v && !o ? "icon" : void 0);
+    return /* @__PURE__ */ _(
+      f,
+      {
+        ref: m,
+        "data-slot": "button",
+        className: V(
+          Lt.button,
+          Lt[a],
+          y && Lt[y],
+          v && o ? Lt.withTextAndIcon : void 0,
+          g ? Lt.pressed : void 0,
+          t
+        ),
+        "aria-pressed": g,
+        ...u,
+        children: [
+          s,
+          o
+        ]
+      }
+    );
+  }
+);
+Y.displayName = "Button";
+function se({ className: e, size: t = 24 }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      className: e,
+      width: t,
+      height: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M19.6611 11.5224L16.3782 10.39C15.0799 9.94387 14.0561 8.92011 13.61 7.62181L12.4775 4.33887C12.3231 3.88704 11.6769 3.88704 11.5225 4.33887L10.39 7.62181C9.94388 8.92011 8.9201 9.94387 7.6218 10.39L4.33887 11.5224C3.88704 11.6768 3.88704 12.3231 4.33887 12.4776L7.6218 13.61C8.9201 14.0561 9.94388 15.0799 10.39 16.3782L11.5225 19.6611C11.6769 20.113 12.3231 20.113 12.4775 19.6611L13.61 16.3782C14.0561 15.0799 15.0799 14.0561 16.3782 13.61L19.6611 12.4776C20.113 12.3231 20.113 11.6768 19.6611 11.5224ZM15.8291 12.2431L14.1876 12.8093C13.5356 13.0323 13.0266 13.5471 12.8036 14.1934L12.2374 15.8348C12.1572 16.0636 11.837 16.0636 11.7569 15.8348L11.1907 14.1934C10.9677 13.5414 10.4529 13.0323 9.80662 12.8093L8.16515 12.2431C7.93637 12.163 7.93637 11.8427 8.16515 11.7626L9.80662 11.1964C10.4586 10.9734 10.9677 10.4586 11.1907 9.81233L11.7569 8.17087C11.837 7.94209 12.1572 7.94209 12.2374 8.17087L12.8036 9.81233C13.0266 10.4643 13.5414 10.9734 14.1876 11.1964L15.8291 11.7626C16.0579 11.8427 16.0579 12.163 15.8291 12.2431Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+const Ye = "CollapsedView-module_button", Ke = {
+  button: Ye
+};
+function ce({
+  icon: e = /* @__PURE__ */ n(se, { size: 36 }),
+  onClick: t,
+  onHover: a,
+  focusOnMount: i = !1
+}) {
+  const s = I(null), o = I(i);
+  return E(() => {
+    o.current && s.current && s.current.focus(), o.current = !1;
+  }, [o, s]), /* @__PURE__ */ n(
+    M.div,
+    {
+      "data-slot": "collapsed-view",
+      layout: "preserve-aspect",
+      layoutId: "collapsed-button",
+      initial: {
+        opacity: 0,
+        scale: 0.5
+      },
+      animate: {
+        opacity: 1,
+        scale: 1,
+        transition: {
+          ...$t,
+          delay: 0.2
+        }
+      },
+      exit: {
+        opacity: 0,
+        scale: 0,
+        transition: {
+          duration: 0.15
+        }
+      },
+      children: /* @__PURE__ */ n(
+        Y,
+        {
+          ref: s,
+          onClick: t,
+          onMouseEnter: a,
+          variant: "link",
+          className: Ke.button,
+          icon: e,
+          "aria-label": Ct("Open chat", "a8c-agenttic")
+        }
+      )
+    }
+  );
+}
+const Xe = "Textarea-module_textarea", je = {
+  textarea: Xe
+}, le = te.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ n(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: je.textarea,
+      ref: a,
+      ...t
+    }
+  )
+);
+le.displayName = "Textarea";
+function ze({ className: e, size: t = 24 }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      width: t,
+      height: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: e,
+      children: /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M12.2197 5C12.4186 5 12.6094 5.07902 12.75 5.21967L17 9.46967C17.2929 9.76256 17.2929 10.2374 17 10.5303C16.7071 10.8232 16.2322 10.8232 15.9393 10.5303L12.9697 7.56067V18.25C12.9697 18.6642 12.6339 19 12.2197 19C11.8055 19 11.4697 18.6642 11.4697 18.25V7.56065L8.5 10.5303C8.2071 10.8232 7.73223 10.8232 7.43934 10.5303C7.14644 10.2374 7.14645 9.76256 7.43934 9.46967L11.6894 5.21967C11.83 5.07902 12.0208 5 12.2197 5Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+function qe({ className: e, size: t = 24 }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      width: t,
+      height: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: e,
+      children: /* @__PURE__ */ n(
+        "rect",
+        {
+          x: "7",
+          y: "7",
+          width: "10",
+          height: "10",
+          rx: "2",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+const Je = "ChatInput-module_container", Qe = "ChatInput-module_textareaContainer", tn = "ChatInput-module_actions", en = "ChatInput-module_button", pt = {
+  container: Je,
+  textareaContainer: Qe,
+  actions: tn,
+  button: en
+};
+function nn({ className: e, size: t = 24 }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      className: e,
+      width: t,
+      height: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ n(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M18.0045 13.4451L12 7.9864L5.9955 13.4451L7.00451 14.5549L12 10.0136L16.9955 14.5549L18.0045 13.4451Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+const on = "AnimatedPlaceholder-module_container", an = {
+  container: on
+};
+function rn({
+  texts: e,
+  interval: t = 3e3,
+  className: a = ""
+}) {
+  const [i, s] = W(0);
+  return E(() => {
+    const o = setInterval(() => {
+      s(
+        (r) => (r + 1) % e.length
+      );
+    }, t);
+    return () => clearInterval(o);
+  }, [e.length, t]), /* @__PURE__ */ n(_t, { mode: "wait", children: /* @__PURE__ */ n(
+    M.span,
+    {
+      "data-slot": "animated-placeholder",
+      className: V(an.container, a),
+      initial: { opacity: 0, y: 8 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: -8 },
+      transition: {
+        duration: 0.3,
+        ease: [0.4, 0, 0.2, 1]
+        // Matches --transition-colors cubic-bezier
+      },
+      children: e[i]
+    },
+    i
+  ) });
+}
+const ue = Ee(null);
+function ut() {
+  const e = Ae(ue);
+  if (!e)
+    throw new Error(
+      "useAgentUIContext must be used within an AgentUIContainer"
+    );
+  return e;
+}
+function zt({ children: e, value: t }) {
+  return /* @__PURE__ */ n(ue.Provider, { value: t, children: e });
+}
+function Kt({
+  value: e,
+  onChange: t,
+  onSubmit: a,
+  onKeyDown: i,
+  textareaRef: s,
+  placeholder: o = ie,
+  isProcessing: r,
+  onBlur: g,
+  fromCompact: u = !1,
+  onExpand: m,
+  showExpandButton: f = !0,
+  focusOnMount: v = !1,
+  customActions: y = [],
+  actionOrder: b = "before-submit",
+  onStop: T,
+  disabled: L = !1,
+  className: O
+}) {
+  const D = Se(), N = (e.trim() || r) && !L, { variant: H, floatingChatState: c } = ut(), $ = (d) => d.endsWith("…") ? d : `${d}…`, B = Array.isArray(o);
+  let P;
+  B ? P = o.map($) : o ? P = $(o) : P = "";
+  const tt = I(v);
+  E(() => {
+    tt.current && s.current && s.current.focus(), tt.current = !1;
+  }, [tt, s]);
+  const K = () => y.map((d) => /* @__PURE__ */ n(
+    Y,
+    {
+      className: d.className || pt.button,
+      onClick: d.onClick,
+      disabled: d.disabled,
+      variant: d.variant || "ghost",
+      icon: d.icon,
+      "aria-label": d["aria-label"]
+    },
+    d.id
+  )), F = () => H === "embedded" || c === "expanded" ? null : f && m ? /* @__PURE__ */ n(
+    Y,
+    {
+      className: pt.button,
+      onClick: m,
+      variant: "ghost",
+      icon: /* @__PURE__ */ n(nn, {}),
+      "aria-label": Ct("Expand conversation", "a8c-agenttic")
+    }
+  ) : null, l = () => {
+    const d = () => {
+      r && T ? T() : a();
+    };
+    return /* @__PURE__ */ n(
+      Y,
+      {
+        className: pt.button,
+        onClick: d,
+        disabled: !N,
+        variant: "primary",
+        icon: r ? /* @__PURE__ */ n(qe, {}) : /* @__PURE__ */ n(ze, {}),
+        "aria-label": r ? Ct("Stop processing", "a8c-agenttic") : Ct("Send message", "a8c-agenttic")
+      }
+    );
+  };
+  return /* @__PURE__ */ _("div", { "data-slot": "chat-input", className: pt.container, children: [
+    /* @__PURE__ */ _(
+      M.div,
+      {
+        className: pt.textareaContainer,
+        initial: {
+          opacity: 0
+        },
+        animate: {
+          opacity: 1,
+          scale: 1,
+          transition: e.trim() ? { duration: 0 } : Vt
+        },
+        children: [
+          !e && B && /* @__PURE__ */ n(
+            rn,
+            {
+              texts: P
+            }
+          ),
+          /* @__PURE__ */ n(
+            le,
+            {
+              id: D,
+              ref: s,
+              value: e,
+              onChange: (d) => t(d.target.value),
+              onKeyDown: i,
+              onBlur: g,
+              placeholder: B ? "" : P,
+              rows: 1
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ _(
+      M.div,
+      {
+        className: pt.actions,
+        initial: {
+          opacity: u ? 1 : 0,
+          scale: u ? 1 : 0.5
+        },
+        animate: {
+          opacity: 1,
+          scale: 1,
+          transition: e.trim() ? { duration: 0 } : lt
+        },
+        children: [
+          F(),
+          b === "before-submit" && K(),
+          l(),
+          b === "after-submit" && K()
+        ]
+      }
+    )
+  ] });
+}
+const sn = "Suggestions-module_container", cn = "Suggestions-module_vertical", Gt = {
+  container: sn,
+  vertical: cn
+}, Xt = ({
+  className: e,
+  suggestions: t,
+  onSubmit: a,
+  layout: i = "horizontal",
+  visible: s = !0
+}) => {
+  const o = (r) => {
+    a && a(r.prompt);
+  };
+  return !t || t.length === 0 ? null : /* @__PURE__ */ n(_t, { children: t && t.length > 0 && s && /* @__PURE__ */ n(
+    M.div,
+    {
+      className: V(
+        Gt.container,
+        i === "vertical" ? Gt.vertical : "",
+        e
+      ),
+      initial: { opacity: 0, y: "-80%" },
+      animate: { opacity: 1, y: "-100%" },
+      exit: { opacity: 0, y: "-80%" },
+      transition: Vt,
+      children: t.map(
+        (r, g) => /* @__PURE__ */ n(
+          M.div,
+          {
+            initial: { opacity: 0, y: 10 },
+            animate: { opacity: 1, y: 0 },
+            exit: { opacity: 0, y: 10 },
+            transition: {
+              ...Vt,
+              delay: g * 0.05
+            },
+            children: /* @__PURE__ */ n(
+              Y,
+              {
+                onClick: () => o(r),
+                variant: i === "vertical" ? "transparent" : "outline",
+                size: i === "vertical" ? "lg" : void 0,
+                className: Gt.button,
+                children: r.label
+              }
+            )
+          },
+          r.id
+        )
+      )
+    }
+  ) });
+};
+function ln() {
+  const e = I(/* @__PURE__ */ new Map()), t = p((o) => {
+    const r = e.current.get(o);
+    r && (clearTimeout(r), e.current.delete(o));
+  }, []), a = p(
+    (o, r, g) => {
+      t(o);
+      const u = setTimeout(r, g);
+      return e.current.set(o, u), u;
+    },
+    [t]
+  ), i = p(() => {
+    e.current.forEach((o) => {
+      clearTimeout(o);
+    }), e.current.clear();
+  }, []), s = p((o) => e.current.has(o), []);
+  return E(() => i, [i]), {
+    setNamedTimeout: a,
+    clearNamedTimeout: t,
+    clearAllTimeouts: i,
+    hasTimeout: s
+  };
+}
+const un = 4e3, dn = 400;
+function de({
+  value: e,
+  onChange: t,
+  onSubmit: a,
+  onKeyDown: i,
+  textareaRef: s,
+  placeholder: o,
+  isProcessing: r,
+  onBlur: g,
+  onExpand: u,
+  showExpandButton: m = !0,
+  focusOnMount: f = !1,
+  customActions: v,
+  actionOrder: y,
+  onStop: b,
+  suggestions: T,
+  clearSuggestions: L
+}) {
+  const [O, D] = W(!1), { setNamedTimeout: N, clearAllTimeouts: H } = ln(), c = p(
+    ($) => {
+      t($), L == null || L();
+    },
+    [t, L]
+  );
+  return E(() => {
+    if (H(), e) {
+      D(!1);
+      return;
+    }
+    if (!T || T.length === 0) {
+      D(!1);
+      return;
+    }
+    D(!0), N(
+      "hide-suggestions",
+      () => {
+        D(!1), N(
+          "clear-suggestions",
+          () => {
+            L == null || L();
+          },
+          dn
+        );
+      },
+      un
+    );
+  }, [
+    e,
+    T,
+    H,
+    N,
+    L
+  ]), /* @__PURE__ */ _(Ht, { children: [
+    /* @__PURE__ */ n(
+      Kt,
+      {
+        value: e,
+        onChange: t,
+        onSubmit: a,
+        onKeyDown: i,
+        textareaRef: s,
+        placeholder: o,
+        isProcessing: r,
+        onBlur: g,
+        onExpand: u,
+        showExpandButton: m,
+        focusOnMount: f,
+        customActions: v,
+        actionOrder: y,
+        onStop: b
+      }
+    ),
+    !e && /* @__PURE__ */ n(
+      Xt,
+      {
+        suggestions: T,
+        onSubmit: c,
+        layout: "vertical",
+        visible: O
+      }
+    )
+  ] });
+}
+function me({ className: e, size: t = 24 }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      className: e,
+      width: t,
+      height: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M12.0001 13.0607L16.4697 17.5304L17.5304 16.4697L13.0607 12.0001L17.5304 7.53039L16.4697 6.46973L12.0001 10.9394L7.5304 6.46973L6.46973 7.53039L10.9394 12.0001L6.46974 16.4697L7.5304 17.5304L12.0001 13.0607Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+const mn = "ChatHeader-module_container", fn = {
+  container: mn
+};
+function fe({ onClose: e, className: t }) {
+  return /* @__PURE__ */ n(
+    M.div,
+    {
+      "data-slot": "chat-header",
+      "data-draggable": "true",
+      className: fn.container,
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      transition: { ...lt, delay: 0.1 },
+      children: e && /* @__PURE__ */ n(
+        Y,
+        {
+          variant: "ghost",
+          icon: /* @__PURE__ */ n(me, {}),
+          onClick: e,
+          "aria-label": Ct("Close conversation", "a8c-agenttic")
+        }
+      )
+    }
+  );
+}
+const hn = "Notice-module_container", pn = "Notice-module_containerWithIcon", Cn = "Notice-module_content", gn = "Notice-module_actions", vn = "Notice-module_icon", wn = "Notice-module_dismissible", J = {
+  container: hn,
+  containerWithIcon: pn,
+  content: Cn,
+  actions: gn,
+  icon: vn,
+  dismissible: wn
+};
+function he({
+  icon: e,
+  message: t,
+  action: a,
+  dismissible: i = !0,
+  onDismiss: s,
+  className: o,
+  status: r
+}) {
+  return /* @__PURE__ */ _(
+    "div",
+    {
+      "data-slot": "notice",
+      className: V(
+        J.container,
+        {
+          [J.containerWithIcon]: !!e,
+          [J.isSuccess]: r === "success",
+          [J.isWarning]: r === "warning",
+          [J.isError]: r === "error"
+        },
+        o
+      ),
+      children: [
+        /* @__PURE__ */ _("div", { className: J.content, children: [
+          e && /* @__PURE__ */ n("div", { className: J.icon, children: e }),
+          /* @__PURE__ */ n("span", { children: t })
+        ] }),
+        /* @__PURE__ */ _("div", { className: J.actions, children: [
+          a && /* @__PURE__ */ n(Y, { onClick: a.onClick, variant: "link", children: a.label }),
+          i && s && /* @__PURE__ */ n(
+            Y,
+            {
+              className: J.dismissible,
+              onClick: s,
+              variant: "ghost",
+              size: "sm",
+              icon: /* @__PURE__ */ n(me, {})
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const Ln = "ChatFooter-module_container", Yt = {
+  container: Ln
+};
+function yn({
+  inputValue: e,
+  onInputChange: t,
+  onSubmit: a,
+  onKeyDown: i,
+  textareaRef: s,
+  placeholder: o,
+  isProcessing: r,
+  onStop: g,
+  fromCompact: u = !1,
+  onExpand: m,
+  disabled: f,
+  notice: v,
+  suggestions: y,
+  clearSuggestions: b,
+  focusOnMount: T,
+  customActions: L,
+  actionOrder: O
+}) {
+  const D = p(
+    (N) => {
+      t(N), b == null || b();
+    },
+    [t, b]
+  );
+  return /* @__PURE__ */ _(
+    M.div,
+    {
+      "data-slot": "chat-footer",
+      className: Yt.container,
+      initial: { opacity: 0, scale: 1 },
+      animate: { opacity: 1, scale: 1 },
+      transition: { ...lt },
+      children: [
+        !e && /* @__PURE__ */ n(
+          Xt,
+          {
+            suggestions: y,
+            onSubmit: D
+          }
+        ),
+        v && /* @__PURE__ */ n(
+          he,
+          {
+            icon: v.icon,
+            message: v.message,
+            action: v.action,
+            dismissible: v.dismissible,
+            onDismiss: v.onDismiss
+          }
+        ),
+        /* @__PURE__ */ n(
+          Kt,
+          {
+            value: e,
+            onChange: t,
+            onSubmit: a,
+            onKeyDown: i,
+            textareaRef: s,
+            placeholder: o,
+            isProcessing: r,
+            onStop: g,
+            fromCompact: u,
+            onExpand: m,
+            showExpandButton: !1,
+            focusOnMount: T,
+            customActions: L,
+            actionOrder: O,
+            disabled: f
+          }
+        )
+      ]
+    }
+  );
+}
+const In = "MessageActions-module_container", qt = {
+  container: In
+};
+function Jt({ message: e }) {
+  return !e.actions || e.actions.length === 0 ? null : /* @__PURE__ */ n(
+    "div",
+    {
+      className: qt.container,
+      "data-visible": "true",
+      role: "toolbar",
+      "aria-label": "Message actions",
+      children: e.actions.map((t) => /* @__PURE__ */ n(
+        Y,
+        {
+          className: qt.button,
+          icon: t.icon,
+          onClick: () => t.onClick(e),
+          variant: "ghost",
+          size: "sm",
+          type: "button",
+          disabled: t.disabled,
+          pressed: t.pressed,
+          title: t.tooltip || t.label,
+          "aria-label": t.label,
+          ...t.tooltip && { title: t.tooltip },
+          children: t.showLabel ? t.label : void 0
+        },
+        t.id
+      ))
+    }
+  );
+}
+const Tn = "Message-module_message", _n = "Message-module_user", bn = "Message-module_bubble", En = "Message-module_error", An = "Message-module_content", Dt = {
+  message: Tn,
+  user: _n,
+  bubble: bn,
+  error: En,
+  content: An
+}, Sn = ee.forwardRef(
+  function({ message: t, messageRenderer: a = Re }, i) {
+    const s = () => /* @__PURE__ */ n(Ht, { children: t.content.map((o, r) => {
+      if (o.type === "text" && o.text)
+        return /* @__PURE__ */ n(a, { children: o.text }, r);
+      if (o.type === "component" && o.component) {
+        const g = o.component;
+        return /* @__PURE__ */ n(
+          g,
+          {
+            ...o.componentProps || {}
+          },
+          r
+        );
+      }
+      return null;
+    }) });
+    return /* @__PURE__ */ _(
+      M.div,
+      {
+        ref: i,
+        variants: re,
+        initial: "hidden",
+        animate: "visible",
+        "data-slot": "message",
+        "data-role": t.role,
+        className: V(Dt.message, Dt[t.role]),
+        children: [
+          /* @__PURE__ */ _("div", { className: Dt.content, children: [
+            /* @__PURE__ */ n("div", { className: Dt.bubble, children: s() }),
+            t.role !== "user" && /* @__PURE__ */ n(Jt, { message: t })
+          ] }),
+          t.role === "user" && /* @__PURE__ */ n(Jt, { message: t })
+        ]
+      }
+    );
+  }
+), xn = "Messages-module_container", On = "Messages-module_emptyState", Wt = {
+  container: xn,
+  emptyState: On
+}, Nn = "Thinking-module_container", Rn = "Thinking-module_icon", Dn = "Thinking-module_content", Bt = {
+  container: Nn,
+  icon: Rn,
+  content: Dn
+}, Mn = xe(
+  ee.forwardRef(
+    function({ content: t = "Thinking…" }, a) {
+      const i = Oe(() => /* @__PURE__ */ n(se, {}), []);
+      return /* @__PURE__ */ _(
+        "div",
+        {
+          ref: a,
+          "data-slot": "thinking",
+          className: Bt.container,
+          children: [
+            /* @__PURE__ */ n("div", { className: Bt.icon, children: i }),
+            /* @__PURE__ */ n("span", { className: Bt.content, children: t })
+          ]
+        }
+      );
+    }
+  )
+);
+function pe({
+  messages: e,
+  isProcessing: t,
+  error: a,
+  emptyView: i,
+  messageRenderer: s,
+  className: o
+}) {
+  const r = I(null), g = I([]), u = I(!0), m = I(null);
+  return E(() => {
+    const f = e.length > g.current.length;
+    if (u.current && e.length > 0 && r.current ? r.current.scrollTop = r.current.scrollHeight : f && !u.current && r.current && r.current.scrollTo({
+      top: r.current.scrollHeight,
+      behavior: "smooth"
+    }), f && m.current) {
+      const y = e.slice(
+        g.current.length
+      ).filter(
+        (b) => b.role === "agent"
+      );
+      if (y.length > 0) {
+        const T = y[y.length - 1].content.filter((L) => L.type === "text").map((L) => L.text).join(" ");
+        T && (m.current.textContent = T);
+      }
+    }
+    u.current && (u.current = !1), g.current = e;
+  }, [e]), e.length === 0 ? i ? /* @__PURE__ */ n(
+    "div",
+    {
+      "data-slot": "messages",
+      className: `${Wt.container} ${Wt.emptyState}`,
+      ref: r,
+      children: i
+    }
+  ) : null : /* @__PURE__ */ _(Ht, { children: [
+    /* @__PURE__ */ n(
+      "div",
+      {
+        ref: m,
+        "aria-live": "polite",
+        "aria-atomic": "true",
+        style: {
+          position: "absolute",
+          left: "-10000px",
+          width: "1px",
+          height: "1px",
+          overflow: "hidden"
+        }
+      }
+    ),
+    /* @__PURE__ */ n(
+      "div",
+      {
+        "data-slot": "messages",
+        className: Wt.container,
+        ref: r,
+        children: /* @__PURE__ */ _(_t, { mode: "popLayout", children: [
+          e.map((f) => /* @__PURE__ */ n(
+            Sn,
+            {
+              message: f,
+              messageRenderer: s
+            },
+            f.id
+          )),
+          t && /* @__PURE__ */ n(Mn, {}),
+          a && /* @__PURE__ */ n(
+            "div",
+            {
+              className: "error-message",
+              style: {
+                color: "var(--color-destructive)",
+                padding: "1rem",
+                textAlign: "center"
+              },
+              children: a
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+}
+const Pn = "ConversationView-module_container", Vn = "ConversationView-module_withHeader", Tt = {
+  container: Pn,
+  withHeader: Vn
+};
+function Qt({
+  messages: e,
+  error: t,
+  inputValue: a,
+  onInputChange: i,
+  onSubmit: s,
+  onKeyDown: o,
+  textareaRef: r,
+  placeholder: g,
+  isProcessing: u,
+  onStop: m,
+  fromCompact: f = !1,
+  showHeader: v = !1,
+  onClose: y,
+  onExpand: b,
+  notice: T,
+  emptyView: L,
+  suggestions: O,
+  clearSuggestions: D,
+  messageRenderer: N,
+  focusOnMount: H = !1
+}) {
+  return E(() => {
+    const c = ($) => {
+      $.key === "Escape" && y && y();
+    };
+    return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
+  }, [y]), /* @__PURE__ */ _(
+    "div",
+    {
+      "data-slot": "conversation-view",
+      className: `${Tt.container}${v ? ` ${Tt.withHeader}` : ""}`,
+      children: [
+        v && /* @__PURE__ */ n(fe, { onClose: y }),
+        /* @__PURE__ */ n(
+          pe,
+          {
+            messages: e,
+            isProcessing: u,
+            error: t,
+            emptyView: L,
+            messageRenderer: N
+          }
+        ),
+        /* @__PURE__ */ n(
+          yn,
+          {
+            inputValue: a,
+            onInputChange: i,
+            onSubmit: s,
+            onKeyDown: o,
+            textareaRef: r,
+            placeholder: g,
+            isProcessing: u,
+            onStop: m,
+            fromCompact: f,
+            onExpand: b,
+            notice: T,
+            suggestions: O,
+            clearSuggestions: D,
+            focusOnMount: H
+          }
+        )
+      ]
+    }
+  );
+}
+const Hn = "Chat-module_container", $n = "Chat-module_embedded", Fn = "Chat-module_floating", kn = "Chat-module_content", Z = {
+  container: Hn,
+  embedded: $n,
+  floating: Fn,
+  content: kn
+}, S = {
+  COLLAPSED_SIZE: 56,
+  COMPACT_WIDTH: 372,
+  EXPANDED_HEIGHT: 520,
+  AUTO_COLLAPSE_DELAY: 1500,
+  BORDER_RADIUS: 24,
+  PADDING: 16,
+  VIEWPORT_OFFSET: 16
+}, yt = {
+  SPRING_CONFIG: {
+    type: "spring",
+    damping: 25,
+    stiffness: 300
+  },
+  VELOCITY_MULTIPLIER: 0.1,
+  NON_DRAGGABLE_SELECTORS: [
+    '[data-slot="message"]',
+    '[data-slot="chat-input"]',
+    '[data-slot="chat-footer"]'
+  ].join(", ")
+};
+function jn({
+  messages: e,
+  isProcessing: t,
+  error: a,
+  onSubmit: i,
+  variant: s = "floating",
+  triggerIcon: o,
+  placeholder: r = ie,
+  notice: g,
+  onOpen: u,
+  onExpand: m,
+  onClose: f,
+  onStop: v,
+  emptyView: y,
+  floatingChatState: b,
+  suggestions: T,
+  clearSuggestions: L,
+  messageRenderer: O,
+  className: D
+}) {
+  const [N, H] = W(""), c = oe(b), $ = I(!1), B = I(!1), P = I(!1), [tt, K] = W(!1);
+  E(() => {
+    $.current = !1, B.current = !1, P.current = !1;
+  }, [c.state]);
+  const F = I(/* @__PURE__ */ new Set()), l = p(() => {
+    F.current.forEach((C) => {
+      clearTimeout(C);
+    }), F.current.clear();
+  }, []), d = ae({
+    value: N,
+    setValue: H,
+    onSubmit: async (C) => {
+      c.state !== "expanded" && (m == null || m()), c.setState("expanded"), await i(C);
+    },
+    isProcessing: t
+  }), [gt, vt] = W(56), [wt, bt] = W(
+    "left"
+  ), k = I(null), et = I(null), w = I(null), nt = Mt(0), ot = Mt(0), at = ne(), Ft = p(() => {
+    $.current = !0, c.open(), u == null || u();
+  }, [c, u]), X = p(() => {
+    var A, U, G;
+    const C = (U = (A = w.current) == null ? void 0 : A.ownerDocument) == null ? void 0 : U.activeElement;
+    return !(C && ((G = w.current) != null && G.contains(C)) || N.trim());
+  }, [N, w]), dt = (C) => C === "collapsed" ? S.COLLAPSED_SIZE : C === "compact" ? gt : S.EXPANDED_HEIGHT, j = p(() => {
+    if (c.state === "collapsed" && (c.setState("compact"), c.initialState === "collapsed")) {
+      const C = setTimeout(() => {
+        c.state === "compact" && X() && c.setState("collapsed"), F.current.delete(C);
+      }, S.AUTO_COLLAPSE_DELAY);
+      F.current.add(C);
+    }
+  }, [c, X]), Q = p(() => {
+    if (c.initialState === "collapsed" && c.state === "compact" && X()) {
+      const C = setTimeout(() => {
+        c.state === "compact" && X() && c.setState("collapsed"), F.current.delete(C);
+      }, S.AUTO_COLLAPSE_DELAY);
+      F.current.add(C);
+    }
+  }, [c, X]), z = p(async () => {
+    if (d.value.trim()) {
+      const C = d.value.trim();
+      d.clear(), c.state !== "expanded" && (m == null || m()), c.setState("expanded"), await i(C);
+    }
+  }, [d, i, c, m]), it = p(() => {
+    P.current = !0, m == null || m(), c.setState("expanded");
+  }, [m, c]), kt = p(() => {
+    B.current = !0, d.clear(), c.close(), f && f();
+  }, [d, c, f]), rt = p(
+    (C) => {
+      if (!w.current || !et.current)
+        return null;
+      const A = w.current.getBoundingClientRect(), U = et.current.getBoundingClientRect(), G = window.getComputedStyle(w.current), mt = new DOMMatrixReadOnly(G.transform), St = A.x - mt.e, ct = A.y - mt.f, xt = (C ?? wt) === "left" ? U.left : U.right - S.COMPACT_WIDTH, h = U.bottom - S.EXPANDED_HEIGHT;
+      return {
+        x: xt - St,
+        y: h - ct
+      };
+    },
+    [wt]
+  ), st = p(
+    (C) => {
+      C.target.closest(
+        yt.NON_DRAGGABLE_SELECTORS
+      ) || at.start(C.nativeEvent);
+    },
+    [at]
+  ), Ut = p(
+    (C, A) => {
+      const U = A.point.x, G = S.COMPACT_WIDTH, mt = (window.innerWidth - G) / 2, ct = U < mt ? "left" : "right";
+      bt(ct);
+      const ft = rt(ct);
+      ft && (Pt(nt, ft.x, {
+        ...yt.SPRING_CONFIG,
+        velocity: A.velocity.x * yt.VELOCITY_MULTIPLIER
+      }), Pt(ot, ft.y, {
+        ...yt.SPRING_CONFIG,
+        velocity: A.velocity.y * yt.VELOCITY_MULTIPLIER
+      }));
+    },
+    [nt, ot, rt]
+  ), Et = I(c.state), At = Et.current === "compact" && c.state === "expanded";
+  return E(() => {
+    l(), Et.current = c.state;
+  }, [c.state, l]), E(() => {
+    if (c.state !== "expanded")
+      return;
+    const C = () => {
+      const A = rt();
+      A && (nt.set(A.x), ot.set(A.y));
+    };
+    return window.addEventListener("resize", C), () => window.removeEventListener("resize", C);
+  }, [c.state, nt, ot, rt]), E(() => {
+    const C = F.current;
+    return () => {
+      C.forEach((A) => {
+        clearTimeout(A);
+      }), C.clear();
+    };
+  }, []), E(() => {
+    if (c.state === "compact" && k.current) {
+      const C = k.current.scrollHeight + S.PADDING;
+      vt(C);
+    }
+  }, [c.state, d.value]), s === "embedded" ? /* @__PURE__ */ n(
+    "div",
+    {
+      "data-slot": "chat-embedded",
+      className: V(D, Z.container, Z.embedded),
+      children: /* @__PURE__ */ n(
+        Qt,
+        {
+          messages: e,
+          inputValue: d.value,
+          onInputChange: d.setValue,
+          onSubmit: z,
+          onKeyDown: d.handleKeyDown,
+          textareaRef: d.textareaRef,
+          placeholder: r,
+          isProcessing: t,
+          onStop: v,
+          showHeader: !1,
+          notice: g,
+          suggestions: T,
+          clearSuggestions: L,
+          error: a,
+          emptyView: y,
+          messageRenderer: O,
+          onExpand: it,
+          focusOnMount: P.current
+        }
+      )
+    }
+  ) : /* @__PURE__ */ _(Ht, { children: [
+    /* @__PURE__ */ n(
+      "div",
+      {
+        ref: et,
+        style: {
+          position: "fixed",
+          top: S.VIEWPORT_OFFSET,
+          left: S.VIEWPORT_OFFSET,
+          right: S.VIEWPORT_OFFSET,
+          bottom: S.VIEWPORT_OFFSET,
+          pointerEvents: "none"
+        }
+      }
+    ),
+    /* @__PURE__ */ n(
+      M.div,
+      {
+        ref: w,
+        "data-slot": "chat-floating",
+        className: V(D, Z.container, Z.floating, {
+          animating: tt
+        }),
+        onMouseLeave: c.state === "compact" ? Q : void 0,
+        drag: c.state === "expanded",
+        dragControls: at,
+        dragListener: !1,
+        dragConstraints: et,
+        dragMomentum: !1,
+        dragElastic: 0.1,
+        dragTransition: { power: 0.1, timeConstant: 100 },
+        onDragEnd: Ut,
+        onPointerDown: st,
+        style: {
+          x: nt,
+          y: ot,
+          bottom: S.VIEWPORT_OFFSET,
+          left: S.VIEWPORT_OFFSET
+        },
+        children: /* @__PURE__ */ n(
+          M.div,
+          {
+            layout: !0,
+            className: Z.content,
+            initial: !1,
+            animate: {
+              width: c.state === "collapsed" ? S.COLLAPSED_SIZE : S.COMPACT_WIDTH,
+              height: dt(c.state),
+              x: c.state === "collapsed" && wt === "right" ? S.COMPACT_WIDTH - S.COLLAPSED_SIZE : 0,
+              transition: d.value.trim() ? { duration: 0 } : $t
+            },
+            onAnimationStart: () => K(!0),
+            onAnimationComplete: () => K(!1),
+            style: {
+              borderRadius: S.BORDER_RADIUS
+            },
+            children: /* @__PURE__ */ _(_t, { mode: "wait", children: [
+              c.state === "collapsed" && /* @__PURE__ */ n(
+                ce,
+                {
+                  icon: o,
+                  onClick: Ft,
+                  onHover: j,
+                  focusOnMount: B.current
+                },
+                "collapsed"
+              ),
+              c.state === "compact" && /* @__PURE__ */ n("div", { ref: k, children: /* @__PURE__ */ n(
+                de,
+                {
+                  value: d.value,
+                  onChange: d.setValue,
+                  onSubmit: z,
+                  onKeyDown: d.handleKeyDown,
+                  textareaRef: d.textareaRef,
+                  placeholder: r,
+                  isProcessing: t,
+                  onBlur: Q,
+                  onExpand: it,
+                  showExpandButton: !d.value.trim(),
+                  focusOnMount: $.current,
+                  onStop: v,
+                  suggestions: T,
+                  clearSuggestions: L
+                },
+                "compact"
+              ) }),
+              c.state === "expanded" && /* @__PURE__ */ n(
+                Qt,
+                {
+                  messages: e,
+                  inputValue: d.value,
+                  onInputChange: d.setValue,
+                  onSubmit: z,
+                  onKeyDown: d.handleKeyDown,
+                  textareaRef: d.textareaRef,
+                  placeholder: r,
+                  isProcessing: t,
+                  onStop: v,
+                  showHeader: !0,
+                  onClose: kt,
+                  fromCompact: At,
+                  notice: g,
+                  suggestions: T,
+                  clearSuggestions: L,
+                  error: a,
+                  emptyView: y,
+                  messageRenderer: O,
+                  onExpand: it,
+                  focusOnMount: P.current
+                },
+                "expanded"
+              )
+            ] })
+          }
+        )
+      }
+    )
+  ] });
+}
+const x = {
+  COLLAPSED_SIZE: 56,
+  COMPACT_WIDTH: 372,
+  EXPANDED_HEIGHT: 520,
+  AUTO_COLLAPSE_DELAY: 1500,
+  BORDER_RADIUS: 24,
+  PADDING: 16,
+  VIEWPORT_OFFSET: 16
+}, It = {
+  SPRING_CONFIG: {
+    type: "spring",
+    damping: 25,
+    stiffness: 300
+  },
+  VELOCITY_MULTIPLIER: 0.1,
+  NON_DRAGGABLE_SELECTORS: [
+    '[data-slot="message"]',
+    '[data-slot="chat-input"]',
+    '[data-slot="chat-footer"]'
+  ].join(", ")
+};
+function Ce({
+  children: e,
+  messages: t,
+  isProcessing: a,
+  error: i,
+  onSubmit: s,
+  variant: o = "floating",
+  triggerIcon: r,
+  placeholder: g,
+  notice: u,
+  onOpen: m,
+  onExpand: f,
+  onClose: v,
+  onStop: y,
+  emptyView: b,
+  floatingChatState: T,
+  suggestions: L,
+  clearSuggestions: O,
+  messageRenderer: D,
+  className: N,
+  inputValue: H,
+  onInputChange: c,
+  ...$
+}) {
+  const B = H !== void 0, [P, tt] = W(""), K = B ? H : P, F = B ? c : tt, l = oe(T), d = I(!1), gt = I(!1), vt = I(!1), [wt, bt] = W(!1);
+  E(() => {
+    d.current = !1, gt.current = !1, vt.current = !1;
+  }, [l.state]);
+  const k = I(/* @__PURE__ */ new Set()), et = p(() => {
+    k.current.forEach((h) => {
+      clearTimeout(h);
+    }), k.current.clear();
+  }, []), w = ae({
+    value: K,
+    setValue: F,
+    onSubmit: async (h) => {
+      l.state !== "expanded" && (f == null || f()), l.setState("expanded"), await s(h);
+    },
+    isProcessing: a
+  }), [nt, ot] = W(56), [at, Ft] = W(
+    "left"
+  ), X = I(null), dt = I(null), j = I(null), Q = Mt(0), z = Mt(0), it = ne(), kt = p(
+    (h) => {
+      w.setValue(h), O == null || O();
+    },
+    [w.setValue, O]
+  ), rt = p(() => {
+    d.current = !0, l.open(), m == null || m();
+  }, [l, m]), st = p(() => {
+    var R, q, ht;
+    const h = (q = (R = j.current) == null ? void 0 : R.ownerDocument) == null ? void 0 : q.activeElement;
+    return !(h && ((ht = j.current) != null && ht.contains(h)) || K.trim());
+  }, [K, j]), Ut = (h) => h === "collapsed" ? x.COLLAPSED_SIZE : h === "compact" ? nt : x.EXPANDED_HEIGHT, Et = p(() => {
+    if (l.state === "collapsed" && (l.setState("compact"), l.initialState === "collapsed")) {
+      const h = setTimeout(() => {
+        l.state === "compact" && st() && l.setState("collapsed"), k.current.delete(h);
+      }, x.AUTO_COLLAPSE_DELAY);
+      k.current.add(h);
+    }
+  }, [l, st]), At = p(() => {
+    if (l.initialState === "collapsed" && l.state === "compact" && st()) {
+      const h = setTimeout(() => {
+        l.state === "compact" && st() && l.setState("collapsed"), k.current.delete(h);
+      }, x.AUTO_COLLAPSE_DELAY);
+      k.current.add(h);
+    }
+  }, [l, st]), C = p(async () => {
+    if (w.value.trim()) {
+      const h = w.value.trim();
+      w.clear(), l.state !== "expanded" && (f == null || f()), l.setState("expanded"), await s(h);
+    }
+  }, [w, s, l, f]), A = p(() => {
+    vt.current = !0, f == null || f(), l.setState("expanded");
+  }, [f, l]), U = p(() => {
+    gt.current = !0, w.clear(), l.close(), v && v();
+  }, [w, l, v]), G = p(
+    (h) => {
+      if (!j.current || !dt.current)
+        return null;
+      const R = j.current.getBoundingClientRect(), q = dt.current.getBoundingClientRect(), ht = window.getComputedStyle(j.current), Ot = new DOMMatrixReadOnly(ht.transform), jt = R.x - Ot.e, Nt = R.y - Ot.f, _e = (h ?? at) === "left" ? q.left : q.right - x.COMPACT_WIDTH, be = q.bottom - x.EXPANDED_HEIGHT;
+      return {
+        x: _e - jt,
+        y: be - Nt
+      };
+    },
+    [at]
+  ), mt = p(
+    (h) => {
+      h.target.closest(
+        It.NON_DRAGGABLE_SELECTORS
+      ) || it.start(h.nativeEvent);
+    },
+    [it]
+  ), St = p(
+    (h, R) => {
+      const q = R.point.x, ht = x.COMPACT_WIDTH, Ot = (window.innerWidth - ht) / 2, Nt = q < Ot ? "left" : "right";
+      Ft(Nt);
+      const Rt = G(Nt);
+      Rt && (Pt(Q, Rt.x, {
+        ...It.SPRING_CONFIG,
+        velocity: R.velocity.x * It.VELOCITY_MULTIPLIER
+      }), Pt(z, Rt.y, {
+        ...It.SPRING_CONFIG,
+        velocity: R.velocity.y * It.VELOCITY_MULTIPLIER
+      }));
+    },
+    [Q, z, G]
+  ), ct = I(l.state), ft = ct.current === "compact" && l.state === "expanded";
+  E(() => {
+    et(), ct.current = l.state;
+  }, [l.state, et]), E(() => {
+    if (l.state !== "expanded")
+      return;
+    const h = () => {
+      const R = G();
+      R && (Q.set(R.x), z.set(R.y));
+    };
+    return window.addEventListener("resize", h), () => window.removeEventListener("resize", h);
+  }, [l.state, Q, z, G]), E(() => {
+    const h = k.current;
+    return () => {
+      h.forEach((R) => {
+        clearTimeout(R);
+      }), h.clear();
+    };
+  }, []), E(() => {
+    if (l.state === "compact" && X.current) {
+      const h = X.current.scrollHeight + x.PADDING;
+      ot(h);
+    }
+  }, [l.state, w.value]);
+  const xt = {
+    // Core data
+    messages: t,
+    isProcessing: a,
+    error: i,
+    // Input state
+    inputValue: w.value,
+    setInputValue: w.setValue,
+    clearInput: w.clear,
+    textareaRef: w.textareaRef,
+    handleKeyDown: w.handleKeyDown,
+    // Actions
+    onSubmit: s,
+    handleSubmit: C,
+    onStop: y,
+    // UI state
+    variant: o,
+    placeholder: g,
+    emptyView: b,
+    messageRenderer: D,
+    // Floating chat specific
+    floatingChatState: l.state,
+    triggerIcon: r,
+    onOpen: rt,
+    onExpand: A,
+    onClose: U,
+    // Suggestions
+    suggestions: L,
+    clearSuggestions: O,
+    handleSuggestionSubmit: kt,
+    // Notice
+    notice: u,
+    // Internal state for components
+    focusOnMount: vt.current,
+    fromCompact: ft,
+    showExpandButton: !w.value.trim()
+  };
+  return o === "embedded" ? /* @__PURE__ */ n(zt, { value: xt, children: /* @__PURE__ */ n(
+    "div",
+    {
+      "data-slot": "chat-embedded",
+      className: V(
+        N,
+        Z.container,
+        Z.embedded
+      ),
+      children: e
+    }
+  ) }) : /* @__PURE__ */ _(zt, { value: xt, children: [
+    /* @__PURE__ */ n(
+      "div",
+      {
+        ref: dt,
+        style: {
+          position: "fixed",
+          top: x.VIEWPORT_OFFSET,
+          left: x.VIEWPORT_OFFSET,
+          right: x.VIEWPORT_OFFSET,
+          bottom: x.VIEWPORT_OFFSET,
+          pointerEvents: "none"
+        }
+      }
+    ),
+    /* @__PURE__ */ n(
+      M.div,
+      {
+        ref: j,
+        "data-slot": "chat-floating",
+        className: V(N, Z.container, Z.floating, {
+          animating: wt
+        }),
+        onMouseLeave: l.state === "compact" ? At : void 0,
+        drag: l.state === "expanded",
+        dragControls: it,
+        dragListener: !1,
+        dragConstraints: dt,
+        dragMomentum: !1,
+        dragElastic: 0.1,
+        dragTransition: { power: 0.1, timeConstant: 100 },
+        onDragEnd: St,
+        onPointerDown: mt,
+        style: {
+          x: Q,
+          y: z,
+          bottom: x.VIEWPORT_OFFSET,
+          left: x.VIEWPORT_OFFSET
+        },
+        children: /* @__PURE__ */ n(
+          M.div,
+          {
+            layout: !0,
+            className: Z.content,
+            initial: !1,
+            animate: {
+              width: l.state === "collapsed" ? x.COLLAPSED_SIZE : x.COMPACT_WIDTH,
+              height: Ut(l.state),
+              x: l.state === "collapsed" && at === "right" ? x.COMPACT_WIDTH - x.COLLAPSED_SIZE : 0,
+              transition: w.value.trim() ? { duration: 0 } : $t
+            },
+            onAnimationStart: () => bt(!0),
+            onAnimationComplete: () => bt(!1),
+            style: {
+              borderRadius: x.BORDER_RADIUS
+            },
+            children: /* @__PURE__ */ _(_t, { mode: "wait", children: [
+              l.state === "collapsed" && /* @__PURE__ */ n(
+                ce,
+                {
+                  icon: r,
+                  onClick: rt,
+                  onHover: Et,
+                  focusOnMount: gt.current
+                },
+                "collapsed"
+              ),
+              l.state === "compact" && /* @__PURE__ */ n("div", { ref: X, children: /* @__PURE__ */ n(
+                de,
+                {
+                  value: w.value,
+                  onChange: w.setValue,
+                  onSubmit: C,
+                  onKeyDown: w.handleKeyDown,
+                  textareaRef: w.textareaRef,
+                  placeholder: g,
+                  isProcessing: a,
+                  onBlur: At,
+                  onExpand: A,
+                  showExpandButton: !w.value.trim(),
+                  focusOnMount: d.current,
+                  onStop: y,
+                  suggestions: L,
+                  clearSuggestions: O
+                },
+                "compact"
+              ) }),
+              l.state === "expanded" && e
+            ] })
+          }
+        )
+      }
+    )
+  ] });
+}
+function ge({ className: e } = {}) {
+  const { onClose: t } = ut();
+  return /* @__PURE__ */ n(fe, { onClose: t, className: e });
+}
+function ve({ className: e } = {}) {
+  const { messages: t, isProcessing: a, error: i, emptyView: s, messageRenderer: o } = ut();
+  return /* @__PURE__ */ n(
+    pe,
+    {
+      messages: t,
+      isProcessing: a,
+      error: i,
+      emptyView: s,
+      messageRenderer: o,
+      className: e
+    }
+  );
+}
+function we({
+  className: e,
+  disabled: t,
+  customActions: a,
+  actionOrder: i
+} = {}) {
+  const {
+    inputValue: s,
+    setInputValue: o,
+    handleSubmit: r,
+    handleKeyDown: g,
+    textareaRef: u,
+    placeholder: m,
+    isProcessing: f,
+    onStop: v,
+    fromCompact: y,
+    onExpand: b,
+    showExpandButton: T,
+    focusOnMount: L
+  } = ut();
+  return /* @__PURE__ */ n(
+    Kt,
+    {
+      value: s,
+      onChange: o,
+      onSubmit: r,
+      onKeyDown: g,
+      textareaRef: u,
+      placeholder: m,
+      isProcessing: f,
+      onStop: v,
+      fromCompact: y,
+      onExpand: b,
+      showExpandButton: T,
+      focusOnMount: L,
+      disabled: t,
+      customActions: a,
+      actionOrder: i,
+      className: e
+    }
+  );
+}
+function Le({
+  className: e,
+  showSuggestions: t
+} = {}) {
+  const { suggestions: a, handleSuggestionSubmit: i, inputValue: s } = ut();
+  return s && !t ? null : /* @__PURE__ */ n(
+    Xt,
+    {
+      suggestions: a,
+      onSubmit: i,
+      className: e
+    }
+  );
+}
+function ye({ className: e } = {}) {
+  const { notice: t } = ut();
+  return t ? /* @__PURE__ */ n(
+    he,
+    {
+      icon: t.icon,
+      message: t.message,
+      action: t.action,
+      dismissible: t.dismissible,
+      onDismiss: t.onDismiss,
+      className: e
+    }
+  ) : null;
+}
+function Ie({
+  children: e,
+  className: t
+} = {}) {
+  return e ? /* @__PURE__ */ n(
+    M.div,
+    {
+      "data-slot": "chat-footer",
+      className: V(Yt.container, t),
+      initial: { opacity: 0, scale: 1 },
+      animate: { opacity: 1, scale: 1 },
+      transition: { ...lt },
+      children: e
+    }
+  ) : /* @__PURE__ */ _(
+    M.div,
+    {
+      "data-slot": "chat-footer",
+      className: V(Yt.container, t),
+      initial: { opacity: 0, scale: 1 },
+      animate: { opacity: 1, scale: 1 },
+      transition: { ...lt },
+      children: [
+        /* @__PURE__ */ n(Le, {}),
+        /* @__PURE__ */ n(ye, {}),
+        /* @__PURE__ */ n(we, {})
+      ]
+    }
+  );
+}
+function Te({
+  showHeader: e = !0,
+  children: t,
+  className: a
+} = {}) {
+  const { onClose: i } = ut();
+  return E(() => {
+    const s = (o) => {
+      o.key === "Escape" && i && i();
+    };
+    return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
+  }, [i]), t ? /* @__PURE__ */ n(
+    "div",
+    {
+      "data-slot": "conversation-view",
+      className: `${Tt.container}${a ? ` ${a}` : ""}`,
+      children: t
+    }
+  ) : /* @__PURE__ */ _(
+    "div",
+    {
+      "data-slot": "conversation-view",
+      className: `${Tt.container}${e ? ` ${Tt.withHeader}` : ""}${a ? ` ${a}` : ""}`,
+      children: [
+        e && /* @__PURE__ */ n(ge, {}),
+        /* @__PURE__ */ n(ve, {}),
+        /* @__PURE__ */ n(Ie, {})
+      ]
+    }
+  );
+}
+const Un = {
+  // Core container with state management
+  Container: Ce,
+  // Individual composable components
+  Header: ge,
+  Messages: ve,
+  Input: we,
+  Suggestions: Le,
+  Notice: ye,
+  // Convenience wrappers
+  Footer: Ie,
+  ConversationView: Te
+}, zn = Object.assign(
+  (e) => /* @__PURE__ */ n(
+    Ce,
+    {
+      ...e,
+      className: V("agenttic", e.className),
+      children: /* @__PURE__ */ n(
+        Te,
+        {
+          showHeader: e.variant === "floating"
+        }
+      )
+    }
+  ),
+  Un
+);
+function qn({ className: e, size: t = 24 }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      width: t,
+      height: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: e,
+      children: /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M6.97288 17.25C6.97288 17.3881 7.08481 17.5 7.22288 17.5L8.5 17.5L8.5 12.875L7.22288 12.875C7.08481 12.875 6.97288 12.9869 6.97288 13.125L6.97288 17.25ZM16.3725 17.5C17.1129 17.5 17.7434 16.9587 17.8549 16.2256L18.4819 13.1006C18.6199 12.1924 17.9175 11.3752 17.0004 11.375L14.0698 11.375C13.8509 11.3749 13.6429 11.2794 13.5004 11.1133C13.358 10.9469 13.2949 10.7261 13.3286 10.5098L13.7602 7.74023C13.8309 7.28511 13.4792 6.875 13.02 6.875L13.0141 6.87891L10 12.5L10 17.5L16.3725 17.5ZM5.47288 13.125C5.47288 12.1585 6.25638 11.375 7.22288 11.375L9.01216 11.375L11.6811 6.19238C11.9394 5.69079 12.4558 5.3751 13.02 5.375C14.4008 5.375 15.4552 6.6078 15.2426 7.97168L14.9458 9.875L17.0004 9.875C18.8366 9.87517 20.2413 11.511 19.9653 13.3262L19.3374 16.4512C19.1145 17.9166 17.8548 19 16.3725 19L7.22288 19C6.25638 19 5.47288 18.2165 5.47288 17.25L5.47288 13.125Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+function Jn({ className: e, size: t = 24 }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      width: t,
+      height: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: e,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M6.97288 6.75C6.97288 6.61194 7.08481 6.5 7.22288 6.5L8.5 6.5L8.5 11.125L7.22288 11.125C7.08481 11.125 6.97288 11.0131 6.97288 10.875L6.97288 6.75ZM16.3725 6.5C17.1129 6.5 17.7434 7.0413 17.8549 7.77438L18.4819 10.8994C18.6199 11.8076 17.9175 12.6248 17.0004 12.625L14.0698 12.625C13.8509 12.6251 13.6429 12.7206 13.5004 12.8867C13.358 13.0531 13.2949 13.2739 13.3286 13.4902L13.7602 16.2598C13.8309 16.7149 13.4792 17.125 13.02 17.125L13.0141 17.1211L10 11.5L10 6.5L16.3725 6.5ZM5.47288 10.875C5.47288 11.8415 6.25638 12.625 7.22288 12.625L9.01216 12.625L11.6811 17.8076C11.9394 18.3092 12.4558 18.6249 13.02 18.625C14.4008 18.625 15.4552 17.3922 15.2426 16.0283L14.9458 14.125L17.0004 14.125C18.8366 14.1248 20.2413 12.489 19.9653 10.6738L19.3374 7.54883C19.1145 6.08344 17.8548 5 16.3725 5L7.22288 5C6.25638 5 5.47288 5.78348 5.47288 6.75L5.47288 10.875Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+function Qn({ className: e, size: t = 24 }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      width: t,
+      height: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: e,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M14.5 12C14.5 11.1716 13.8284 10.5 13 10.5H8C7.17157 10.5 6.5 11.1716 6.5 12V17C6.5 17.8284 7.17157 18.5 8 18.5H13C13.8284 18.5 14.5 17.8284 14.5 17V12ZM16 14.5H16.5C17.3284 14.5 18 13.8284 18 13V8C18 7.17157 17.3284 6.5 16.5 6.5H11C10.1716 6.5 9.5 7.17157 9.5 8V9H13C14.6569 9 16 10.3431 16 12V14.5ZM19.5 13C19.5 14.6569 18.1569 16 16.5 16H16V17C16 18.6569 14.6569 20 13 20H8C6.34315 20 5 18.6569 5 17V12C5 10.3431 6.34315 9 8 9V8C8 6.34315 9.34315 5 11 5H16.5C18.1569 5 19.5 6.34315 19.5 8V13Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+function to({ className: e, size: t = 24 }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      width: t,
+      height: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: e,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ n(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M19 12C19 13.8565 18.2625 15.637 16.9497 16.9497C15.637 18.2625 13.8565 19 12 19C10.1435 19 8.36301 18.2625 7.05025 16.9497C5.7375 15.637 5 13.8565 5 12C5 10.1435 5.7375 8.36301 7.05025 7.05025C8.36301 5.7375 10.1435 5 12 5C13.8565 5 15.637 5.7375 16.9497 7.05025C18.2625 8.36301 19 10.1435 19 12ZM17.6875 12C17.6875 13.5084 17.0883 14.9551 16.0217 16.0217C14.9551 17.0883 13.5084 17.6875 12 17.6875V6.3125C13.5084 6.3125 14.9551 6.91172 16.0217 7.97833C17.0883 9.04494 17.6875 10.4916 17.6875 12Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+function eo({ className: e, size: t = 24 }) {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      width: t,
+      height: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: e,
+      children: /* @__PURE__ */ n(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M11.2222 6.55556C8.6449 6.55556 6.55556 8.6449 6.55556 11.2222C6.55556 13.7996 8.6449 15.8889 11.2222 15.8889C13.7996 15.8889 15.8889 13.7996 15.8889 11.2222C15.8889 8.6449 13.7996 6.55556 11.2222 6.55556ZM5 11.2222C5 7.78579 7.78579 5 11.2222 5C14.6587 5 17.4445 7.78579 17.4445 11.2222C17.4445 12.6601 16.9567 13.9841 16.1377 15.0377L18.7722 17.6722C19.0759 17.976 19.0759 18.4685 18.7722 18.7722C18.4685 19.0759 17.976 19.0759 17.6722 18.7722L15.0377 16.1377C13.9841 16.9567 12.6601 17.4445 11.2222 17.4445C7.78579 17.4445 5 14.6587 5 11.2222Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+function no({ className: e, size: t = 24 }) {
+  return /* @__PURE__ */ _(
+    "svg",
+    {
+      width: t,
+      height: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: e,
+      children: [
+        /* @__PURE__ */ n(
+          "path",
+          {
+            d: "M11.2222 14.3333C12.9404 14.3333 14.3333 12.9404 14.3333 11.2222C14.3333 9.50401 12.9404 8.11111 11.2222 8.11111C9.50401 8.11111 8.11111 9.50401 8.11111 11.2222C8.11111 12.9404 9.50401 14.3333 11.2222 14.3333Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ n(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M11.2222 6.55556C8.6449 6.55556 6.55556 8.6449 6.55556 11.2222C6.55556 13.7996 8.6449 15.8889 11.2222 15.8889C13.7996 15.8889 15.8889 13.7996 15.8889 11.2222C15.8889 8.6449 13.7996 6.55556 11.2222 6.55556ZM5 11.2222C5 7.78579 7.78579 5 11.2222 5C14.6587 5 17.4445 7.78579 17.4445 11.2222C17.4445 12.6601 16.9567 13.9841 16.1377 15.0377L18.7722 17.6722C19.0759 17.976 19.0759 18.4685 18.7722 18.7722C18.4685 19.0759 17.976 19.0759 17.6722 18.7722L15.0377 16.1377C13.9841 16.9567 12.6601 17.4445 11.2222 17.4445C7.78579 17.4445 5 14.6587 5 11.2222Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
 export {
-  e as AgentUI,
-  n as AgentUIContainer,
-  o as AgentUIConversationView,
-  t as AgentUIFooter,
-  I as AgentUIHeader,
-  g as AgentUIInput,
-  i as AgentUIMessages,
-  c as AgentUINotice,
-  A as AgentUISuggestions,
-  r as AnimatedPlaceholder,
-  C as ArrowUpIcon,
-  U as BigSkyIcon,
-  p as Chat,
-  u as ChatFooter,
-  h as ChatHeader,
-  l as ChatInput,
-  m as ChevronUpIcon,
-  d as CollapsedView,
-  w as CompactView,
-  M as ConversationView,
-  S as CopyIcon,
-  v as Message,
-  y as MessageActions,
-  F as Messages,
-  T as Notice,
-  V as StopIcon,
-  b as StylesIcon,
-  f as Suggestions,
-  k as ThinkingMessage,
-  x as ThumbsDownIcon,
-  H as ThumbsUpIcon,
-  N as XIcon,
-  Z as ZoomIcon,
-  B as ZoomIconFilled,
-  D as animations,
-  X as cn,
-  j as default,
-  q as useAgentUIContext,
-  z as useChat,
-  E as useInput
+  zn as AgentUI,
+  Ce as AgentUIContainer,
+  Te as AgentUIConversationView,
+  Ie as AgentUIFooter,
+  ge as AgentUIHeader,
+  we as AgentUIInput,
+  ve as AgentUIMessages,
+  ye as AgentUINotice,
+  zt as AgentUIProvider,
+  Le as AgentUISuggestions,
+  rn as AnimatedPlaceholder,
+  ze as ArrowUpIcon,
+  se as BigSkyIcon,
+  jn as Chat,
+  yn as ChatFooter,
+  fe as ChatHeader,
+  Kt as ChatInput,
+  nn as ChevronUpIcon,
+  ce as CollapsedView,
+  de as CompactView,
+  Qt as ConversationView,
+  Qn as CopyIcon,
+  Sn as Message,
+  Jt as MessageActions,
+  pe as Messages,
+  he as Notice,
+  qe as StopIcon,
+  to as StylesIcon,
+  Xt as Suggestions,
+  Mn as ThinkingMessage,
+  Jn as ThumbsDownIcon,
+  qn as ThumbsUpIcon,
+  me as XIcon,
+  eo as ZoomIcon,
+  no as ZoomIconFilled,
+  Xn as animations,
+  V as cn,
+  zn as default,
+  ut as useAgentUIContext,
+  oe as useChat,
+  ae as useInput
 };