@automattic/agenttic-ui 0.1.12 → 0.1.14

package/dist/index.js

@@ -1,86 +1,86 @@
-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();
+import { jsxs as I, jsx as n, Fragment as Ht } from "react/jsx-runtime";
+import * as oe from "react";
+import ae, { useState as k, useEffect as E, useCallback as d, useRef as L, createContext as De, useContext as Oe, useId as Ne, memo as Me, useMemo as Pe } from "react";
+import { motion as P, AnimatePresence as At, useMotionValue as Mt, useDragControls as ie, animate as Pt } from "framer-motion";
+import { __ as ut } from "@wordpress/i18n";
+import { Slot as Ve } from "@radix-ui/react-slot";
+import He from "react-markdown";
+import './index.css';function U(...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, r]) => r).map(([a]) => a).join(" ") : "").join(" ").trim();
 }
-function oe(e) {
-  const t = e || "collapsed", [a, i] = W(t);
+function re(e) {
+  const t = e || "collapsed", [a, r] = k(t);
   E(() => {
-    e !== void 0 && i(e);
+    e !== void 0 && r(e);
   }, [e]);
-  const s = a !== "collapsed" && a !== "compact", o = p(() => {
-    i("expanded");
-  }, []), r = p(() => {
-    i(t);
-  }, [t]), g = p(() => {
-    i(
+  const s = a !== "collapsed" && a !== "compact", i = d(() => {
+    r("expanded");
+  }, []), c = d(() => {
+    r(t);
+  }, [t]), h = d(() => {
+    r(
       (u) => u === "collapsed" ? "compact" : "collapsed"
     );
   }, []);
   return {
     state: a,
     initialState: t,
-    setState: i,
+    setState: r,
     isOpen: s,
-    open: o,
-    close: r,
-    toggle: g
+    open: i,
+    close: c,
+    toggle: h
   };
 }
-function ae({
+function se({
   value: e,
   setValue: t,
   onSubmit: a,
-  isProcessing: i
+  isProcessing: r
 }) {
-  const s = I(null), o = p(() => {
+  const s = L(null), i = d(() => {
     t(""), s.current && (s.current.style.height = "auto", setTimeout(() => {
       var u;
       (u = s.current) == null || u.focus();
     }, 100));
-  }, [t]), r = p(() => {
+  }, [t]), c = d(() => {
     const u = s.current;
     if (!u)
       return;
     u.style.height = "auto";
-    const m = u.scrollHeight, f = 40, v = 200;
+    const m = u.scrollHeight, p = 40, g = 200;
     u.style.height = `${Math.min(
-      Math.max(m, f),
-      v
+      Math.max(m, p),
+      g
     )}px`;
-  }, []), g = p(
+  }, []), h = d(
     (u) => {
-      u.key === "Enter" && !u.shiftKey && !i && e.trim() && (u.preventDefault(), a(e.trim()), o());
+      u.key === "Enter" && !u.shiftKey && !r && e.trim() && (u.preventDefault(), a(e.trim()), i());
     },
-    [e, i, a, o]
+    [e, r, a, i]
   );
   return E(() => {
-    r();
-  }, [e, r]), {
+    c();
+  }, [e, c]), {
     value: e,
     setValue: t,
-    clear: o,
+    clear: i,
     textareaRef: s,
-    handleKeyDown: g,
-    adjustHeight: r
+    handleKeyDown: h,
+    adjustHeight: c
   };
 }
-const ie = Ct("Ask anything", "a8c-agenttic"), Zt = {
+const ce = ut("Ask anything", "a8c-agenttic"), Yt = {
   type: "spring",
   stiffness: 300,
   damping: 30
-}, lt = {
+}, dt = {
   type: "spring",
   damping: 40,
   stiffness: 500,
   mass: 0.8
 }, Vt = {
-  ...lt,
+  ...dt,
   stiffness: 1e3,
   damping: 90
 }, $t = {
@@ -88,19 +88,19 @@ const ie = Ct("Ask anything", "a8c-agenttic"), Zt = {
   damping: 40,
   stiffness: 500,
   mass: 0.8
-}, re = {
+}, le = {
   hidden: {
     opacity: 0
   },
   visible: {
     opacity: 1,
-    transition: Zt
+    transition: Yt
   },
   exit: {
     opacity: 0,
-    transition: { ...Zt, duration: 0.1 }
+    transition: { ...Yt, duration: 0.1 }
   }
-}, De = () => {
+}, $e = () => {
   if (typeof window > "u")
     return { left: 0, right: 0, top: 0, bottom: 0 };
   const e = 20;
@@ -112,67 +112,67 @@ const ie = Ct("Ask anything", "a8c-agenttic"), Zt = {
     bottom: window.innerHeight - 60 - e
     // Assuming collapsed height of 60px
   };
-}, Me = {
+}, Fe = {
   "0%": { backgroundPosition: "-200% 0" },
   "100%": { backgroundPosition: "200% 0" }
-}, Xn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, to = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  fadeVariants: re,
-  fastSpring: lt,
+  fadeVariants: le,
+  fastSpring: dt,
   fastSpringWithDelay: Vt,
-  getDragConstraints: De,
+  getDragConstraints: $e,
   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(
+  springConfig: Yt,
+  thinkingGradientKeyframes: Fe
+}, Symbol.toStringTag, { value: "Module" })), ke = "button-module_button", Ue = "button-module_pressed", We = "button-module_primary", Be = "button-module_ghost", Ge = "button-module_outline", Ze = "button-module_transparent", Ye = "button-module_link", Ke = "button-module_icon", Xe = "button-module_sm", je = "button-module_lg", ze = "button-module_withTextAndIcon", It = {
+  button: ke,
+  pressed: Ue,
+  primary: We,
+  ghost: Be,
+  outline: Ge,
+  transparent: Ze,
+  link: Ye,
+  icon: Ke,
+  sm: Xe,
+  lg: je,
+  withTextAndIcon: ze
+}, X = oe.forwardRef(
   function({
     className: t,
     variant: a = "primary",
-    size: i,
+    size: r,
     icon: s,
-    children: o,
-    asChild: r = !1,
-    pressed: g = !1,
+    children: i,
+    asChild: c = !1,
+    pressed: h = !1,
     ...u
   }, m) {
-    const f = r ? Ne : "button", v = !!s, y = i || (v && !o ? "icon" : void 0);
-    return /* @__PURE__ */ _(
-      f,
+    const p = c ? Ve : "button", g = !!s, w = r || (g && !i ? "icon" : void 0);
+    return /* @__PURE__ */ I(
+      p,
       {
         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,
+        className: U(
+          It.button,
+          It[a],
+          w && It[w],
+          g && i ? It.withTextAndIcon : void 0,
+          h ? It.pressed : void 0,
           t
         ),
-        "aria-pressed": g,
+        "aria-pressed": h,
         ...u,
         children: [
           s,
-          o
+          i
         ]
       }
     );
   }
 );
-Y.displayName = "Button";
-function se({ className: e, size: t = 24 }) {
+X.displayName = "Button";
+function ue({ className: e, size: t = 24 }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -192,20 +192,20 @@ function se({ className: e, size: t = 24 }) {
     }
   );
 }
-const Ye = "CollapsedView-module_button", Ke = {
-  button: Ye
+const qe = "CollapsedView-module_button", Je = {
+  button: qe
 };
-function ce({
-  icon: e = /* @__PURE__ */ n(se, { size: 36 }),
+function de({
+  icon: e = /* @__PURE__ */ n(ue, { size: 36 }),
   onClick: t,
   onHover: a,
-  focusOnMount: i = !1
+  focusOnMount: r = !1
 }) {
-  const s = I(null), o = I(i);
+  const s = L(null), i = L(r);
   return E(() => {
-    o.current && s.current && s.current.focus(), o.current = !1;
-  }, [o, s]), /* @__PURE__ */ n(
-    M.div,
+    i.current && s.current && s.current.focus(), i.current = !1;
+  }, [i, s]), /* @__PURE__ */ n(
+    P.div,
     {
       "data-slot": "collapsed-view",
       layout: "preserve-aspect",
@@ -230,35 +230,35 @@ function ce({
         }
       },
       children: /* @__PURE__ */ n(
-        Y,
+        X,
         {
           ref: s,
           onClick: t,
           onMouseEnter: a,
           variant: "link",
-          className: Ke.button,
+          className: Je.button,
           icon: e,
-          "aria-label": Ct("Open chat", "a8c-agenttic")
+          "aria-label": ut("Open chat", "a8c-agenttic")
         }
       )
     }
   );
 }
-const Xe = "Textarea-module_textarea", je = {
-  textarea: Xe
-}, le = te.forwardRef(
+const Qe = "Textarea-module_textarea", tn = {
+  textarea: Qe
+}, me = oe.forwardRef(
   ({ className: e, ...t }, a) => /* @__PURE__ */ n(
     "textarea",
     {
       "data-slot": "textarea",
-      className: je.textarea,
+      className: tn.textarea,
       ref: a,
       ...t
     }
   )
 );
-le.displayName = "Textarea";
-function ze({ className: e, size: t = 24 }) {
+me.displayName = "Textarea";
+function en({ className: e, size: t = 24 }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -278,7 +278,7 @@ function ze({ className: e, size: t = 24 }) {
     }
   );
 }
-function qe({ className: e, size: t = 24 }) {
+function nn({ className: e, size: t = 24 }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -302,13 +302,13 @@ function qe({ className: e, size: t = 24 }) {
     }
   );
 }
-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
+const on = "ChatInput-module_container", an = "ChatInput-module_textareaContainer", rn = "ChatInput-module_actions", sn = "ChatInput-module_button", vt = {
+  container: on,
+  textareaContainer: an,
+  actions: rn,
+  button: sn
 };
-function nn({ className: e, size: t = 24 }) {
+function cn({ className: e, size: t = 24 }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -330,27 +330,27 @@ function nn({ className: e, size: t = 24 }) {
     }
   );
 }
-const on = "AnimatedPlaceholder-module_container", an = {
-  container: on
+const ln = "AnimatedPlaceholder-module_container", un = {
+  container: ln
 };
-function rn({
+function dn({
   texts: e,
   interval: t = 3e3,
   className: a = ""
 }) {
-  const [i, s] = W(0);
+  const [r, s] = k(0);
   return E(() => {
-    const o = setInterval(() => {
+    const i = setInterval(() => {
       s(
-        (r) => (r + 1) % e.length
+        (c) => (c + 1) % e.length
       );
     }, t);
-    return () => clearInterval(o);
-  }, [e.length, t]), /* @__PURE__ */ n(_t, { mode: "wait", children: /* @__PURE__ */ n(
-    M.span,
+    return () => clearInterval(i);
+  }, [e.length, t]), /* @__PURE__ */ n(At, { mode: "wait", children: /* @__PURE__ */ n(
+    P.span,
     {
       "data-slot": "animated-placeholder",
-      className: V(an.container, a),
+      className: U(un.container, a),
       initial: { opacity: 0, y: 8 },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: -8 },
@@ -359,305 +359,323 @@ function rn({
         ease: [0.4, 0, 0.2, 1]
         // Matches --transition-colors cubic-bezier
       },
-      children: e[i]
+      children: e[r]
     },
-    i
+    r
   ) });
 }
-const ue = Ee(null);
-function ut() {
-  const e = Ae(ue);
+const fe = De(null);
+function mt() {
+  const e = Oe(fe);
   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 Qt({ children: e, value: t }) {
+  return /* @__PURE__ */ n(fe.Provider, { value: t, children: e });
 }
-function Kt({
+function Xt({
   value: e,
   onChange: t,
   onSubmit: a,
-  onKeyDown: i,
+  onKeyDown: r,
   textareaRef: s,
-  placeholder: o = ie,
-  isProcessing: r,
-  onBlur: g,
+  placeholder: i = ce,
+  isProcessing: c,
+  onBlur: h,
   fromCompact: u = !1,
   onExpand: m,
-  showExpandButton: f = !0,
-  focusOnMount: v = !1,
-  customActions: y = [],
-  actionOrder: b = "before-submit",
-  onStop: T,
-  disabled: L = !1,
-  className: O
+  showExpandButton: p = !0,
+  focusOnMount: g = !1,
+  customActions: w = [],
+  actionOrder: _ = "before-submit",
+  onStop: y,
+  disabled: S = !1,
+  className: O,
+  onMouseEnter: H,
+  onMouseLeave: A
 }) {
-  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);
+  const $ = Ne(), l = (e.trim() || c) && !S, { variant: N, floatingChatState: ft } = mt(), B = (T) => T.endsWith("…") ? T : `${T}…`, et = Array.isArray(i);
+  let G;
+  et ? G = i.map(B) : i ? G = B(i) : G = "";
+  const M = L(g);
   E(() => {
-    tt.current && s.current && s.current.focus(), tt.current = !1;
-  }, [tt, s]);
-  const K = () => y.map((d) => /* @__PURE__ */ n(
-    Y,
+    M.current && s.current && s.current.focus(), M.current = !1;
+  }, [M, s]);
+  const nt = () => w.map((T) => /* @__PURE__ */ n(
+    X,
     {
-      className: d.className || pt.button,
-      onClick: d.onClick,
-      disabled: d.disabled,
-      variant: d.variant || "ghost",
-      icon: d.icon,
-      "aria-label": d["aria-label"]
+      className: T.className || vt.button,
+      onClick: T.onClick,
+      disabled: T.disabled,
+      variant: T.variant || "ghost",
+      icon: T.icon,
+      "aria-label": T["aria-label"]
     },
-    d.id
-  )), F = () => H === "embedded" || c === "expanded" ? null : f && m ? /* @__PURE__ */ n(
-    Y,
+    T.id
+  )), o = () => N === "embedded" || ft === "expanded" ? null : p && m ? /* @__PURE__ */ n(
+    X,
     {
-      className: pt.button,
+      className: vt.button,
       onClick: m,
       variant: "ghost",
-      icon: /* @__PURE__ */ n(nn, {}),
-      "aria-label": Ct("Expand conversation", "a8c-agenttic")
+      icon: /* @__PURE__ */ n(cn, {}),
+      "aria-label": ut("Expand conversation", "a8c-agenttic")
     }
-  ) : null, l = () => {
-    const d = () => {
-      r && T ? T() : a();
+  ) : null, ot = () => {
+    if (c && !y)
+      return null;
+    const T = () => {
+      c && y ? y() : a();
     };
     return /* @__PURE__ */ n(
-      Y,
+      X,
       {
-        className: pt.button,
-        onClick: d,
-        disabled: !N,
+        className: vt.button,
+        onClick: T,
+        disabled: !l,
         variant: "primary",
-        icon: r ? /* @__PURE__ */ n(qe, {}) : /* @__PURE__ */ n(ze, {}),
-        "aria-label": r ? Ct("Stop processing", "a8c-agenttic") : Ct("Send message", "a8c-agenttic")
+        icon: c ? /* @__PURE__ */ n(nn, {}) : /* @__PURE__ */ n(en, {}),
+        "aria-label": c ? ut("Stop processing", "a8c-agenttic") : ut("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()
-        ]
-      }
-    )
-  ] });
+  return /* @__PURE__ */ I(
+    "div",
+    {
+      "data-slot": "chat-input",
+      className: vt.container,
+      onMouseEnter: H,
+      onMouseLeave: A,
+      children: [
+        /* @__PURE__ */ I(
+          P.div,
+          {
+            className: vt.textareaContainer,
+            initial: {
+              opacity: 0
+            },
+            animate: {
+              opacity: 1,
+              scale: 1,
+              transition: e.trim() ? { duration: 0 } : Vt
+            },
+            children: [
+              !e && et && /* @__PURE__ */ n(
+                dn,
+                {
+                  texts: G
+                }
+              ),
+              /* @__PURE__ */ n(
+                me,
+                {
+                  id: $,
+                  ref: s,
+                  value: e,
+                  onChange: (T) => t(T.target.value),
+                  onKeyDown: r,
+                  onBlur: h,
+                  placeholder: et ? "" : G,
+                  rows: 1
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ I(
+          P.div,
+          {
+            className: vt.actions,
+            initial: {
+              opacity: u ? 1 : 0,
+              scale: u ? 1 : 0.5
+            },
+            animate: {
+              opacity: 1,
+              scale: 1,
+              transition: e.trim() ? { duration: 0 } : dt
+            },
+            children: [
+              o(),
+              _ === "before-submit" && nt(),
+              ot(),
+              _ === "after-submit" && nt()
+            ]
+          }
+        )
+      ]
+    }
+  );
 }
-const sn = "Suggestions-module_container", cn = "Suggestions-module_vertical", Gt = {
-  container: sn,
-  vertical: cn
-}, Xt = ({
+const mn = "Suggestions-module_container", fn = "Suggestions-module_vertical", Bt = {
+  container: mn,
+  vertical: fn
+}, jt = ({
   className: e,
   suggestions: t,
   onSubmit: a,
-  layout: i = "horizontal",
-  visible: s = !0
+  layout: r = "horizontal",
+  visible: s = !0,
+  onMouseEnter: i,
+  onMouseLeave: c
 }) => {
-  const o = (r) => {
-    a && a(r.prompt);
+  const h = (u) => {
+    a && a(u.prompt);
   };
-  return !t || t.length === 0 ? null : /* @__PURE__ */ n(_t, { children: t && t.length > 0 && s && /* @__PURE__ */ n(
-    M.div,
+  return !t || t.length === 0 ? null : /* @__PURE__ */ n(At, { children: t && t.length > 0 && s && /* @__PURE__ */ n(
+    P.div,
     {
-      className: V(
-        Gt.container,
-        i === "vertical" ? Gt.vertical : "",
+      className: U(
+        Bt.container,
+        r === "vertical" ? Bt.vertical : "",
         e
       ),
       initial: { opacity: 0, y: "-80%" },
       animate: { opacity: 1, y: "-100%" },
       exit: { opacity: 0, y: "-80%" },
       transition: Vt,
+      onMouseEnter: i,
+      onMouseLeave: c,
       children: t.map(
-        (r, g) => /* @__PURE__ */ n(
-          M.div,
+        (u, m) => /* @__PURE__ */ n(
+          P.div,
           {
             initial: { opacity: 0, y: 10 },
             animate: { opacity: 1, y: 0 },
             exit: { opacity: 0, y: 10 },
             transition: {
               ...Vt,
-              delay: g * 0.05
+              delay: m * 0.05
             },
             children: /* @__PURE__ */ n(
-              Y,
+              X,
               {
-                onClick: () => o(r),
-                variant: i === "vertical" ? "transparent" : "outline",
-                size: i === "vertical" ? "lg" : void 0,
-                className: Gt.button,
-                children: r.label
+                onClick: () => h(u),
+                variant: r === "vertical" ? "transparent" : "outline",
+                size: r === "vertical" ? "lg" : void 0,
+                className: Bt.button,
+                children: u.label
               }
             )
           },
-          r.id
+          u.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;
+function hn() {
+  const e = L(/* @__PURE__ */ new Map()), t = d((i) => {
+    const c = e.current.get(i);
+    c && (clearTimeout(c), e.current.delete(i));
+  }, []), a = d(
+    (i, c, h) => {
+      t(i);
+      const u = setTimeout(c, h);
+      return e.current.set(i, u), u;
     },
     [t]
-  ), i = p(() => {
-    e.current.forEach((o) => {
-      clearTimeout(o);
+  ), r = d(() => {
+    e.current.forEach((i) => {
+      clearTimeout(i);
     }), e.current.clear();
-  }, []), s = p((o) => e.current.has(o), []);
-  return E(() => i, [i]), {
+  }, []), s = d((i) => e.current.has(i), []);
+  return E(() => r, [r]), {
     setNamedTimeout: a,
     clearNamedTimeout: t,
-    clearAllTimeouts: i,
+    clearAllTimeouts: r,
     hasTimeout: s
   };
 }
-const un = 4e3, dn = 400;
-function de({
+const pn = 4e3;
+function he({
   value: e,
   onChange: t,
   onSubmit: a,
-  onKeyDown: i,
+  onKeyDown: r,
   textareaRef: s,
-  placeholder: o,
-  isProcessing: r,
-  onBlur: g,
+  placeholder: i,
+  isProcessing: c,
+  onBlur: h,
   onExpand: u,
   showExpandButton: m = !0,
-  focusOnMount: f = !1,
-  customActions: v,
-  actionOrder: y,
-  onStop: b,
-  suggestions: T,
-  clearSuggestions: L
+  focusOnMount: p = !1,
+  customActions: g,
+  actionOrder: w,
+  onStop: _,
+  suggestions: y,
+  clearSuggestions: S,
+  handleSuggestionSubmit: O
 }) {
-  const [O, D] = W(!1), { setNamedTimeout: N, clearAllTimeouts: H } = ln(), c = p(
-    ($) => {
-      t($), L == null || L();
-    },
-    [t, L]
-  );
+  const [H, A] = k(!1), { setNamedTimeout: $, clearAllTimeouts: l } = hn(), N = d(() => {
+    $(
+      "hide-suggestions",
+      () => {
+        A(!1);
+      },
+      pn
+    );
+  }, [$]);
   return E(() => {
-    if (H(), e) {
-      D(!1);
+    if (l(), e) {
+      A(!1);
       return;
     }
-    if (!T || T.length === 0) {
-      D(!1);
+    if (!y || y.length === 0) {
+      A(!1);
       return;
     }
-    D(!0), N(
-      "hide-suggestions",
-      () => {
-        D(!1), N(
-          "clear-suggestions",
-          () => {
-            L == null || L();
-          },
-          dn
-        );
-      },
-      un
-    );
+    A(!0), N();
   }, [
     e,
-    T,
-    H,
-    N,
-    L
-  ]), /* @__PURE__ */ _(Ht, { children: [
+    y,
+    l,
+    $,
+    S,
+    N
+  ]), /* @__PURE__ */ I(Ht, { children: [
     /* @__PURE__ */ n(
-      Kt,
+      Xt,
       {
         value: e,
         onChange: t,
         onSubmit: a,
-        onKeyDown: i,
+        onKeyDown: r,
         textareaRef: s,
-        placeholder: o,
-        isProcessing: r,
-        onBlur: g,
+        placeholder: i,
+        isProcessing: c,
+        onBlur: h,
         onExpand: u,
         showExpandButton: m,
-        focusOnMount: f,
-        customActions: v,
-        actionOrder: y,
-        onStop: b
+        focusOnMount: p,
+        customActions: g,
+        actionOrder: w,
+        onStop: _,
+        onMouseEnter: () => {
+          l(), A(!0);
+        },
+        onMouseLeave: () => N()
       }
     ),
     !e && /* @__PURE__ */ n(
-      Xt,
+      jt,
       {
-        suggestions: T,
-        onSubmit: c,
+        suggestions: y,
+        onSubmit: O,
         layout: "vertical",
-        visible: O
+        visible: H,
+        onMouseEnter: () => {
+          l(), A(!0);
+        },
+        onMouseLeave: () => N()
       }
     )
   ] });
 }
-function me({ className: e, size: t = 24 }) {
+function pe({ className: e, size: t = 24 }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -677,77 +695,77 @@ function me({ className: e, size: t = 24 }) {
     }
   );
 }
-const mn = "ChatHeader-module_container", fn = {
-  container: mn
+const Cn = "ChatHeader-module_container", gn = {
+  container: Cn
 };
-function fe({ onClose: e, className: t }) {
+function Ce({ onClose: e, className: t }) {
   return /* @__PURE__ */ n(
-    M.div,
+    P.div,
     {
       "data-slot": "chat-header",
       "data-draggable": "true",
-      className: fn.container,
+      className: gn.container,
       initial: { opacity: 0 },
       animate: { opacity: 1 },
-      transition: { ...lt, delay: 0.1 },
+      transition: { ...dt, delay: 0.1 },
       children: e && /* @__PURE__ */ n(
-        Y,
+        X,
         {
           variant: "ghost",
-          icon: /* @__PURE__ */ n(me, {}),
+          icon: /* @__PURE__ */ n(pe, {}),
           onClick: e,
-          "aria-label": Ct("Close conversation", "a8c-agenttic")
+          "aria-label": ut("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
+const vn = "Notice-module_container", wn = "Notice-module_containerWithIcon", Ln = "Notice-module_content", yn = "Notice-module_actions", bn = "Notice-module_icon", In = "Notice-module_dismissible", J = {
+  container: vn,
+  containerWithIcon: wn,
+  content: Ln,
+  actions: yn,
+  icon: bn,
+  dismissible: In
 };
-function he({
+function ge({
   icon: e,
   message: t,
   action: a,
-  dismissible: i = !0,
+  dismissible: r = !0,
   onDismiss: s,
-  className: o,
-  status: r
+  className: i,
+  status: c
 }) {
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ I(
     "div",
     {
       "data-slot": "notice",
-      className: V(
+      className: U(
         J.container,
         {
           [J.containerWithIcon]: !!e,
-          [J.isSuccess]: r === "success",
-          [J.isWarning]: r === "warning",
-          [J.isError]: r === "error"
+          [J.isSuccess]: c === "success",
+          [J.isWarning]: c === "warning",
+          [J.isError]: c === "error"
         },
-        o
+        i
       ),
       children: [
-        /* @__PURE__ */ _("div", { className: J.content, children: [
+        /* @__PURE__ */ I("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,
+        /* @__PURE__ */ I("div", { className: J.actions, children: [
+          a && /* @__PURE__ */ n(X, { onClick: a.onClick, variant: "link", children: a.label }),
+          r && s && /* @__PURE__ */ n(
+            X,
             {
               className: J.dismissible,
               onClick: s,
               variant: "ghost",
               size: "sm",
-              icon: /* @__PURE__ */ n(me, {})
+              icon: /* @__PURE__ */ n(pe, {})
             }
           )
         ] })
@@ -755,99 +773,99 @@ function he({
     }
   );
 }
-const Ln = "ChatFooter-module_container", Yt = {
-  container: Ln
+const Tn = "ChatFooter-module_container", Kt = {
+  container: Tn
 };
-function yn({
+function _n({
   inputValue: e,
   onInputChange: t,
   onSubmit: a,
-  onKeyDown: i,
+  onKeyDown: r,
   textareaRef: s,
-  placeholder: o,
-  isProcessing: r,
-  onStop: g,
+  placeholder: i,
+  isProcessing: c,
+  onStop: h,
   fromCompact: u = !1,
   onExpand: m,
-  disabled: f,
-  notice: v,
-  suggestions: y,
-  clearSuggestions: b,
-  focusOnMount: T,
-  customActions: L,
+  disabled: p,
+  notice: g,
+  suggestions: w,
+  clearSuggestions: _,
+  focusOnMount: y,
+  customActions: S,
   actionOrder: O
 }) {
-  const D = p(
-    (N) => {
-      t(N), b == null || b();
+  const H = d(
+    (A) => {
+      t(A), _ == null || _();
     },
-    [t, b]
+    [t, _]
   );
-  return /* @__PURE__ */ _(
-    M.div,
+  return /* @__PURE__ */ I(
+    P.div,
     {
       "data-slot": "chat-footer",
-      className: Yt.container,
+      className: Kt.container,
       initial: { opacity: 0, scale: 1 },
       animate: { opacity: 1, scale: 1 },
-      transition: { ...lt },
+      transition: { ...dt },
       children: [
         !e && /* @__PURE__ */ n(
-          Xt,
+          jt,
           {
-            suggestions: y,
-            onSubmit: D
+            suggestions: w,
+            onSubmit: H
           }
         ),
-        v && /* @__PURE__ */ n(
-          he,
+        g && /* @__PURE__ */ n(
+          ge,
           {
-            icon: v.icon,
-            message: v.message,
-            action: v.action,
-            dismissible: v.dismissible,
-            onDismiss: v.onDismiss
+            icon: g.icon,
+            message: g.message,
+            action: g.action,
+            dismissible: g.dismissible,
+            onDismiss: g.onDismiss
           }
         ),
         /* @__PURE__ */ n(
-          Kt,
+          Xt,
           {
             value: e,
             onChange: t,
             onSubmit: a,
-            onKeyDown: i,
+            onKeyDown: r,
             textareaRef: s,
-            placeholder: o,
-            isProcessing: r,
-            onStop: g,
+            placeholder: i,
+            isProcessing: c,
+            onStop: h,
             fromCompact: u,
             onExpand: m,
             showExpandButton: !1,
-            focusOnMount: T,
-            customActions: L,
+            focusOnMount: y,
+            customActions: S,
             actionOrder: O,
-            disabled: f
+            disabled: p
           }
         )
       ]
     }
   );
 }
-const In = "MessageActions-module_container", qt = {
-  container: In
+const Sn = "MessageActions-module_container", te = {
+  container: Sn
 };
-function Jt({ message: e }) {
+function ee({ message: e }) {
   return !e.actions || e.actions.length === 0 ? null : /* @__PURE__ */ n(
     "div",
     {
-      className: qt.container,
+      className: te.container,
       "data-visible": "true",
       role: "toolbar",
       "aria-label": "Message actions",
       children: e.actions.map((t) => /* @__PURE__ */ n(
-        Y,
+        X,
         {
-          className: qt.button,
+          className: te.button,
           icon: t.icon,
           onClick: () => t.onClick(e),
           variant: "ghost",
@@ -865,110 +883,125 @@ function Jt({ message: e }) {
     }
   );
 }
-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;
+const En = "Message-module_message", An = "Message-module_user", xn = "Message-module_bubble", Rn = "Message-module_error", Dn = "Message-module_content", On = "Message-module_disabled", Tt = {
+  message: En,
+  user: An,
+  bubble: xn,
+  error: Rn,
+  content: Dn,
+  disabled: On
+}, Nn = ae.forwardRef(
+  function({ message: t, messageRenderer: a = He }, r) {
+    const s = () => /* @__PURE__ */ n(Ht, { children: t.content.map((i, c) => {
+      if (i.type === "text" && i.text)
+        return /* @__PURE__ */ n(a, { children: i.text }, c);
+      if (i.type === "component" && i.component) {
+        const h = i.component;
         return /* @__PURE__ */ n(
-          g,
+          h,
           {
-            ...o.componentProps || {}
+            ...i.componentProps || {}
           },
-          r
+          c
         );
       }
       return null;
     }) });
-    return /* @__PURE__ */ _(
-      M.div,
+    return /* @__PURE__ */ I(
+      P.div,
       {
-        ref: i,
-        variants: re,
+        ref: r,
+        variants: le,
         initial: "hidden",
         animate: "visible",
         "data-slot": "message",
         "data-role": t.role,
-        className: V(Dt.message, Dt[t.role]),
+        className: U(
+          Tt.message,
+          Tt[t.role],
+          t.disabled ? Tt.disabled : void 0
+        ),
         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 })
+          /* @__PURE__ */ I(
+            "div",
+            {
+              className: Tt.content,
+              title: t.disabled ? ut(
+                "This action is no longer available or cannot be performed",
+                "a8c-agenttic"
+              ) : void 0,
+              children: [
+                /* @__PURE__ */ n("div", { className: Tt.bubble, children: s() }),
+                t.role !== "user" && /* @__PURE__ */ n(ee, { message: t })
+              ]
+            }
+          ),
+          t.role === "user" && /* @__PURE__ */ n(ee, { 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(
+), Mn = "Messages-module_container", Pn = "Messages-module_emptyState", Gt = {
+  container: Mn,
+  emptyState: Pn
+}, Vn = "Thinking-module_container", Hn = "Thinking-module_icon", $n = "Thinking-module_content", Zt = {
+  container: Vn,
+  icon: Hn,
+  content: $n
+}, Fn = Me(
+  ae.forwardRef(
     function({ content: t = "Thinking…" }, a) {
-      const i = Oe(() => /* @__PURE__ */ n(se, {}), []);
-      return /* @__PURE__ */ _(
+      const r = Pe(() => /* @__PURE__ */ n(ue, {}), []);
+      return /* @__PURE__ */ I(
         "div",
         {
           ref: a,
           "data-slot": "thinking",
-          className: Bt.container,
+          className: Zt.container,
           children: [
-            /* @__PURE__ */ n("div", { className: Bt.icon, children: i }),
-            /* @__PURE__ */ n("span", { className: Bt.content, children: t })
+            /* @__PURE__ */ n("div", { className: Zt.icon, children: r }),
+            /* @__PURE__ */ n("span", { className: Zt.content, children: t })
           ]
         }
       );
     }
   )
 );
-function pe({
+function ve({
   messages: e,
   isProcessing: t,
   error: a,
-  emptyView: i,
+  emptyView: r,
   messageRenderer: s,
-  className: o
+  className: i
 }) {
-  const r = I(null), g = I([]), u = I(!0), m = I(null);
+  const c = L(null), h = L([]), u = L(!0), m = L(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,
+    const p = e.length > h.current.length;
+    if (u.current && e.length > 0 && c.current ? c.current.scrollTop = c.current.scrollHeight : p && !u.current && c.current && c.current.scrollTo({
+      top: c.current.scrollHeight,
       behavior: "smooth"
-    }), f && m.current) {
-      const y = e.slice(
-        g.current.length
+    }), p && m.current) {
+      const w = e.slice(
+        h.current.length
       ).filter(
-        (b) => b.role === "agent"
+        (_) => _.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);
+      if (w.length > 0) {
+        const y = w[w.length - 1].content.filter((S) => S.type === "text").map((S) => S.text).join(" ");
+        y && (m.current.textContent = y);
       }
     }
-    u.current && (u.current = !1), g.current = e;
-  }, [e]), e.length === 0 ? i ? /* @__PURE__ */ n(
+    u.current && (u.current = !1), h.current = e;
+  }, [e]), e.length === 0 ? r ? /* @__PURE__ */ n(
     "div",
     {
       "data-slot": "messages",
-      className: `${Wt.container} ${Wt.emptyState}`,
-      ref: r,
-      children: i
+      className: `${Gt.container} ${Gt.emptyState}`,
+      ref: c,
+      children: r
     }
-  ) : null : /* @__PURE__ */ _(Ht, { children: [
+  ) : null : /* @__PURE__ */ I(Ht, { children: [
     /* @__PURE__ */ n(
       "div",
       {
@@ -988,18 +1021,18 @@ function pe({
       "div",
       {
         "data-slot": "messages",
-        className: Wt.container,
-        ref: r,
-        children: /* @__PURE__ */ _(_t, { mode: "popLayout", children: [
-          e.map((f) => /* @__PURE__ */ n(
-            Sn,
+        className: Gt.container,
+        ref: c,
+        children: /* @__PURE__ */ I(At, { mode: "popLayout", children: [
+          e.map((p) => /* @__PURE__ */ n(
+            Nn,
             {
-              message: f,
+              message: p,
               messageRenderer: s
             },
-            f.id
+            p.id
           )),
-          t && /* @__PURE__ */ n(Mn, {}),
+          t && /* @__PURE__ */ n(Fn, {}),
           a && /* @__PURE__ */ n(
             "div",
             {
@@ -1017,83 +1050,83 @@ function pe({
     )
   ] });
 }
-const Pn = "ConversationView-module_container", Vn = "ConversationView-module_withHeader", Tt = {
-  container: Pn,
-  withHeader: Vn
+const kn = "ConversationView-module_container", Un = "ConversationView-module_withHeader", Et = {
+  container: kn,
+  withHeader: Un
 };
-function Qt({
+function ne({
   messages: e,
   error: t,
   inputValue: a,
-  onInputChange: i,
+  onInputChange: r,
   onSubmit: s,
-  onKeyDown: o,
-  textareaRef: r,
-  placeholder: g,
+  onKeyDown: i,
+  textareaRef: c,
+  placeholder: h,
   isProcessing: u,
   onStop: m,
-  fromCompact: f = !1,
-  showHeader: v = !1,
-  onClose: y,
-  onExpand: b,
-  notice: T,
-  emptyView: L,
+  fromCompact: p = !1,
+  showHeader: g = !1,
+  onClose: w,
+  onExpand: _,
+  notice: y,
+  emptyView: S,
   suggestions: O,
-  clearSuggestions: D,
-  messageRenderer: N,
-  focusOnMount: H = !1
+  clearSuggestions: H,
+  messageRenderer: A,
+  focusOnMount: $ = !1
 }) {
   return E(() => {
-    const c = ($) => {
-      $.key === "Escape" && y && y();
+    const l = (N) => {
+      N.key === "Escape" && w && w();
     };
-    return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
-  }, [y]), /* @__PURE__ */ _(
+    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
+  }, [w]), /* @__PURE__ */ I(
     "div",
     {
       "data-slot": "conversation-view",
-      className: `${Tt.container}${v ? ` ${Tt.withHeader}` : ""}`,
+      className: `${Et.container}${g ? ` ${Et.withHeader}` : ""}`,
       children: [
-        v && /* @__PURE__ */ n(fe, { onClose: y }),
+        g && /* @__PURE__ */ n(Ce, { onClose: w }),
         /* @__PURE__ */ n(
-          pe,
+          ve,
           {
             messages: e,
             isProcessing: u,
             error: t,
-            emptyView: L,
-            messageRenderer: N
+            emptyView: S,
+            messageRenderer: A
           }
         ),
         /* @__PURE__ */ n(
-          yn,
+          _n,
           {
             inputValue: a,
-            onInputChange: i,
+            onInputChange: r,
             onSubmit: s,
-            onKeyDown: o,
-            textareaRef: r,
-            placeholder: g,
+            onKeyDown: i,
+            textareaRef: c,
+            placeholder: h,
             isProcessing: u,
             onStop: m,
-            fromCompact: f,
-            onExpand: b,
-            notice: T,
+            fromCompact: p,
+            onExpand: _,
+            notice: y,
             suggestions: O,
-            clearSuggestions: D,
-            focusOnMount: H
+            clearSuggestions: H,
+            focusOnMount: $
           }
         )
       ]
     }
   );
 }
-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 = {
+const Wn = "Chat-module_container", Bn = "Chat-module_embedded", Gn = "Chat-module_floating", Zn = "Chat-module_content", K = {
+  container: Wn,
+  embedded: Bn,
+  floating: Gn,
+  content: Zn
+}, x = {
   COLLAPSED_SIZE: 56,
   COMPACT_WIDTH: 372,
   EXPANDED_HEIGHT: 520,
@@ -1101,7 +1134,7 @@ const Hn = "Chat-module_container", $n = "Chat-module_embedded", Fn = "Chat-modu
   BORDER_RADIUS: 24,
   PADDING: 16,
   VIEWPORT_OFFSET: 16
-}, yt = {
+}, _t = {
   SPRING_CONFIG: {
     type: "spring",
     damping: 25,
@@ -1114,266 +1147,266 @@ const Hn = "Chat-module_container", $n = "Chat-module_embedded", Fn = "Chat-modu
     '[data-slot="chat-footer"]'
   ].join(", ")
 };
-function jn({
+function eo({
   messages: e,
   isProcessing: t,
   error: a,
-  onSubmit: i,
+  onSubmit: r,
   variant: s = "floating",
-  triggerIcon: o,
-  placeholder: r = ie,
-  notice: g,
+  triggerIcon: i,
+  placeholder: c = ce,
+  notice: h,
   onOpen: u,
   onExpand: m,
-  onClose: f,
-  onStop: v,
-  emptyView: y,
-  floatingChatState: b,
-  suggestions: T,
-  clearSuggestions: L,
+  onClose: p,
+  onStop: g,
+  emptyView: w,
+  floatingChatState: _,
+  suggestions: y,
+  clearSuggestions: S,
   messageRenderer: O,
-  className: D
+  className: H
 }) {
-  const [N, H] = W(""), c = oe(b), $ = I(!1), B = I(!1), P = I(!1), [tt, K] = W(!1);
+  const [A, $] = k(""), l = re(_), N = L(!1), ft = L(!1), B = L(!1), [et, G] = k(!1);
   E(() => {
-    $.current = !1, B.current = !1, P.current = !1;
-  }, [c.state]);
-  const F = I(/* @__PURE__ */ new Set()), l = p(() => {
-    F.current.forEach((C) => {
+    N.current = !1, ft.current = !1, B.current = !1;
+  }, [l.state]);
+  const M = L(/* @__PURE__ */ new Set()), nt = d(() => {
+    M.current.forEach((C) => {
       clearTimeout(C);
-    }), F.current.clear();
-  }, []), d = ae({
-    value: N,
-    setValue: H,
+    }), M.current.clear();
+  }, []), o = se({
+    value: A,
+    setValue: $,
     onSubmit: async (C) => {
-      c.state !== "expanded" && (m == null || m()), c.setState("expanded"), await i(C);
+      l.state !== "expanded" && (m == null || m()), l.setState("expanded"), await r(C);
     },
     isProcessing: t
-  }), [gt, vt] = W(56), [wt, bt] = W(
+  }), [ot, T] = k(56), [at, Ft] = k(
     "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")) {
+  ), ht = L(null), pt = L(null), Z = L(null), V = Mt(0), Q = Mt(0), v = ie(), xt = d(() => {
+    N.current = !0, l.open(), u == null || u();
+  }, [l, u]), it = d(() => {
+    var R, F, j;
+    const C = (F = (R = Z.current) == null ? void 0 : R.ownerDocument) == null ? void 0 : F.activeElement;
+    return !(C && ((j = Z.current) != null && j.contains(C)) || A.trim());
+  }, [A, Z]), wt = (C) => C === "collapsed" ? x.COLLAPSED_SIZE : C === "compact" ? ot : x.EXPANDED_HEIGHT, kt = d(() => {
+    if (l.state === "collapsed" && (l.setState("compact"), l.initialState === "collapsed")) {
       const C = setTimeout(() => {
-        c.state === "compact" && X() && c.setState("collapsed"), F.current.delete(C);
-      }, S.AUTO_COLLAPSE_DELAY);
-      F.current.add(C);
+        l.state === "compact" && it() && l.setState("collapsed"), M.current.delete(C);
+      }, x.AUTO_COLLAPSE_DELAY);
+      M.current.add(C);
     }
-  }, [c, X]), Q = p(() => {
-    if (c.initialState === "collapsed" && c.state === "compact" && X()) {
+  }, [l, it]), Ct = d(() => {
+    if (l.initialState === "collapsed" && l.state === "compact" && it()) {
       const C = setTimeout(() => {
-        c.state === "compact" && X() && c.setState("collapsed"), F.current.delete(C);
-      }, S.AUTO_COLLAPSE_DELAY);
-      F.current.add(C);
+        l.state === "compact" && it() && l.setState("collapsed"), M.current.delete(C);
+      }, x.AUTO_COLLAPSE_DELAY);
+      M.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);
+  }, [l, it]), tt = d(async () => {
+    if (o.value.trim()) {
+      const C = o.value.trim();
+      o.clear(), l.state !== "expanded" && (m == null || m()), l.setState("expanded"), await r(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(
+  }, [o, r, l, m]), W = d(() => {
+    B.current = !0, m == null || m(), l.setState("expanded");
+  }, [m, l]), rt = d(() => {
+    ft.current = !0, o.clear(), l.close(), p && p();
+  }, [o, l, p]), Y = d(
     (C) => {
-      if (!w.current || !et.current)
+      if (!Z.current || !pt.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;
+      const R = Z.current.getBoundingClientRect(), F = pt.current.getBoundingClientRect(), j = window.getComputedStyle(Z.current), ct = new DOMMatrixReadOnly(j.transform), Dt = R.x - ct.e, z = R.y - ct.f, Ut = (C ?? at) === "left" ? F.left : F.right - x.COMPACT_WIDTH, Wt = F.bottom - x.EXPANDED_HEIGHT;
       return {
-        x: xt - St,
-        y: h - ct
+        x: Ut - Dt,
+        y: Wt - z
       };
     },
-    [wt]
-  ), st = p(
+    [at]
+  ), Lt = d(
     (C) => {
       C.target.closest(
-        yt.NON_DRAGGABLE_SELECTORS
-      ) || at.start(C.nativeEvent);
+        _t.NON_DRAGGABLE_SELECTORS
+      ) || v.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
+    [v]
+  ), Rt = d(
+    (C, R) => {
+      const F = R.point.x, j = x.COMPACT_WIDTH, ct = (window.innerWidth - j) / 2, z = F < ct ? "left" : "right";
+      Ft(z);
+      const gt = Y(z);
+      gt && (Pt(V, gt.x, {
+        ..._t.SPRING_CONFIG,
+        velocity: R.velocity.x * _t.VELOCITY_MULTIPLIER
+      }), Pt(Q, gt.y, {
+        ..._t.SPRING_CONFIG,
+        velocity: R.velocity.y * _t.VELOCITY_MULTIPLIER
       }));
     },
-    [nt, ot, rt]
-  ), Et = I(c.state), At = Et.current === "compact" && c.state === "expanded";
+    [V, Q, Y]
+  ), yt = L(l.state), st = yt.current === "compact" && l.state === "expanded";
   return E(() => {
-    l(), Et.current = c.state;
-  }, [c.state, l]), E(() => {
-    if (c.state !== "expanded")
+    nt(), yt.current = l.state;
+  }, [l.state, nt]), E(() => {
+    if (l.state !== "expanded")
       return;
     const C = () => {
-      const A = rt();
-      A && (nt.set(A.x), ot.set(A.y));
+      const R = Y();
+      R && (V.set(R.x), Q.set(R.y));
     };
     return window.addEventListener("resize", C), () => window.removeEventListener("resize", C);
-  }, [c.state, nt, ot, rt]), E(() => {
-    const C = F.current;
+  }, [l.state, V, Q, Y]), E(() => {
+    const C = M.current;
     return () => {
-      C.forEach((A) => {
-        clearTimeout(A);
+      C.forEach((R) => {
+        clearTimeout(R);
       }), C.clear();
     };
   }, []), E(() => {
-    if (c.state === "compact" && k.current) {
-      const C = k.current.scrollHeight + S.PADDING;
-      vt(C);
+    if (l.state === "compact" && ht.current) {
+      const C = ht.current.scrollHeight + x.PADDING;
+      T(C);
     }
-  }, [c.state, d.value]), s === "embedded" ? /* @__PURE__ */ n(
+  }, [l.state, o.value]), s === "embedded" ? /* @__PURE__ */ n(
     "div",
     {
       "data-slot": "chat-embedded",
-      className: V(D, Z.container, Z.embedded),
+      className: U(H, K.container, K.embedded),
       children: /* @__PURE__ */ n(
-        Qt,
+        ne,
         {
           messages: e,
-          inputValue: d.value,
-          onInputChange: d.setValue,
-          onSubmit: z,
-          onKeyDown: d.handleKeyDown,
-          textareaRef: d.textareaRef,
-          placeholder: r,
+          inputValue: o.value,
+          onInputChange: o.setValue,
+          onSubmit: tt,
+          onKeyDown: o.handleKeyDown,
+          textareaRef: o.textareaRef,
+          placeholder: c,
           isProcessing: t,
-          onStop: v,
+          onStop: g,
           showHeader: !1,
-          notice: g,
-          suggestions: T,
-          clearSuggestions: L,
+          notice: h,
+          suggestions: y,
+          clearSuggestions: S,
           error: a,
-          emptyView: y,
+          emptyView: w,
           messageRenderer: O,
-          onExpand: it,
-          focusOnMount: P.current
+          onExpand: W,
+          focusOnMount: B.current
         }
       )
     }
-  ) : /* @__PURE__ */ _(Ht, { children: [
+  ) : /* @__PURE__ */ I(Ht, { children: [
     /* @__PURE__ */ n(
       "div",
       {
-        ref: et,
+        ref: pt,
         style: {
           position: "fixed",
-          top: S.VIEWPORT_OFFSET,
-          left: S.VIEWPORT_OFFSET,
-          right: S.VIEWPORT_OFFSET,
-          bottom: S.VIEWPORT_OFFSET,
+          top: x.VIEWPORT_OFFSET,
+          left: x.VIEWPORT_OFFSET,
+          right: x.VIEWPORT_OFFSET,
+          bottom: x.VIEWPORT_OFFSET,
           pointerEvents: "none"
         }
       }
     ),
     /* @__PURE__ */ n(
-      M.div,
+      P.div,
       {
-        ref: w,
+        ref: Z,
         "data-slot": "chat-floating",
-        className: V(D, Z.container, Z.floating, {
-          animating: tt
+        className: U(H, K.container, K.floating, {
+          animating: et
         }),
-        onMouseLeave: c.state === "compact" ? Q : void 0,
-        drag: c.state === "expanded",
-        dragControls: at,
+        onMouseLeave: l.state === "compact" ? Ct : void 0,
+        drag: l.state === "expanded",
+        dragControls: v,
         dragListener: !1,
-        dragConstraints: et,
+        dragConstraints: pt,
         dragMomentum: !1,
         dragElastic: 0.1,
         dragTransition: { power: 0.1, timeConstant: 100 },
-        onDragEnd: Ut,
-        onPointerDown: st,
+        onDragEnd: Rt,
+        onPointerDown: Lt,
         style: {
-          x: nt,
-          y: ot,
-          bottom: S.VIEWPORT_OFFSET,
-          left: S.VIEWPORT_OFFSET
+          x: V,
+          y: Q,
+          bottom: x.VIEWPORT_OFFSET,
+          left: x.VIEWPORT_OFFSET
         },
         children: /* @__PURE__ */ n(
-          M.div,
+          P.div,
           {
             layout: !0,
-            className: Z.content,
+            className: K.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
+              width: l.state === "collapsed" ? x.COLLAPSED_SIZE : x.COMPACT_WIDTH,
+              height: wt(l.state),
+              x: l.state === "collapsed" && at === "right" ? x.COMPACT_WIDTH - x.COLLAPSED_SIZE : 0,
+              transition: o.value.trim() ? { duration: 0 } : $t
             },
-            onAnimationStart: () => K(!0),
-            onAnimationComplete: () => K(!1),
+            onAnimationStart: () => G(!0),
+            onAnimationComplete: () => G(!1),
             style: {
-              borderRadius: S.BORDER_RADIUS
+              borderRadius: x.BORDER_RADIUS
             },
-            children: /* @__PURE__ */ _(_t, { mode: "wait", children: [
-              c.state === "collapsed" && /* @__PURE__ */ n(
-                ce,
+            children: /* @__PURE__ */ I(At, { mode: "wait", children: [
+              l.state === "collapsed" && /* @__PURE__ */ n(
+                de,
                 {
-                  icon: o,
-                  onClick: Ft,
-                  onHover: j,
-                  focusOnMount: B.current
+                  icon: i,
+                  onClick: xt,
+                  onHover: kt,
+                  focusOnMount: ft.current
                 },
                 "collapsed"
               ),
-              c.state === "compact" && /* @__PURE__ */ n("div", { ref: k, children: /* @__PURE__ */ n(
-                de,
+              l.state === "compact" && /* @__PURE__ */ n("div", { ref: ht, children: /* @__PURE__ */ n(
+                he,
                 {
-                  value: d.value,
-                  onChange: d.setValue,
-                  onSubmit: z,
-                  onKeyDown: d.handleKeyDown,
-                  textareaRef: d.textareaRef,
-                  placeholder: r,
+                  value: o.value,
+                  onChange: o.setValue,
+                  onSubmit: tt,
+                  onKeyDown: o.handleKeyDown,
+                  textareaRef: o.textareaRef,
+                  placeholder: c,
                   isProcessing: t,
-                  onBlur: Q,
-                  onExpand: it,
-                  showExpandButton: !d.value.trim(),
-                  focusOnMount: $.current,
-                  onStop: v,
-                  suggestions: T,
-                  clearSuggestions: L
+                  onBlur: Ct,
+                  onExpand: W,
+                  showExpandButton: !o.value.trim(),
+                  focusOnMount: N.current,
+                  onStop: g,
+                  suggestions: y,
+                  clearSuggestions: S
                 },
                 "compact"
               ) }),
-              c.state === "expanded" && /* @__PURE__ */ n(
-                Qt,
+              l.state === "expanded" && /* @__PURE__ */ n(
+                ne,
                 {
                   messages: e,
-                  inputValue: d.value,
-                  onInputChange: d.setValue,
-                  onSubmit: z,
-                  onKeyDown: d.handleKeyDown,
-                  textareaRef: d.textareaRef,
-                  placeholder: r,
+                  inputValue: o.value,
+                  onInputChange: o.setValue,
+                  onSubmit: tt,
+                  onKeyDown: o.handleKeyDown,
+                  textareaRef: o.textareaRef,
+                  placeholder: c,
                   isProcessing: t,
-                  onStop: v,
+                  onStop: g,
                   showHeader: !0,
-                  onClose: kt,
-                  fromCompact: At,
-                  notice: g,
-                  suggestions: T,
-                  clearSuggestions: L,
+                  onClose: rt,
+                  fromCompact: st,
+                  notice: h,
+                  suggestions: y,
+                  clearSuggestions: S,
                   error: a,
-                  emptyView: y,
+                  emptyView: w,
                   messageRenderer: O,
-                  onExpand: it,
-                  focusOnMount: P.current
+                  onExpand: W,
+                  focusOnMount: B.current
                 },
                 "expanded"
               )
@@ -1384,7 +1417,7 @@ function jn({
     )
   ] });
 }
-const x = {
+const D = {
   COLLAPSED_SIZE: 56,
   COMPACT_WIDTH: 372,
   EXPANDED_HEIGHT: 520,
@@ -1392,7 +1425,7 @@ const x = {
   BORDER_RADIUS: 24,
   PADDING: 16,
   VIEWPORT_OFFSET: 16
-}, It = {
+}, St = {
   SPRING_CONFIG: {
     type: "spring",
     damping: 25,
@@ -1405,273 +1438,313 @@ const x = {
     '[data-slot="chat-footer"]'
   ].join(", ")
 };
-function Ce({
+function Yn() {
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        zIndex: 9999,
+        cursor: "grabbing",
+        pointerEvents: "auto",
+        userSelect: "none",
+        WebkitUserSelect: "none",
+        MozUserSelect: "none",
+        msUserSelect: "none"
+      }
+    }
+  );
+}
+function we({
   children: e,
   messages: t,
   isProcessing: a,
-  error: i,
+  error: r,
   onSubmit: s,
-  variant: o = "floating",
-  triggerIcon: r,
-  placeholder: g,
+  variant: i = "floating",
+  triggerIcon: c,
+  placeholder: h,
   notice: u,
   onOpen: m,
-  onExpand: f,
-  onClose: v,
-  onStop: y,
-  emptyView: b,
-  floatingChatState: T,
-  suggestions: L,
+  onExpand: p,
+  onClose: g,
+  onStop: w,
+  emptyView: _,
+  floatingChatState: y,
+  suggestions: S,
   clearSuggestions: O,
-  messageRenderer: D,
-  className: N,
-  inputValue: H,
-  onInputChange: c,
-  ...$
+  messageRenderer: H,
+  className: A,
+  inputValue: $,
+  onInputChange: l,
+  draggableStates: N = ["expanded"],
+  // Default to only expanded for backward compatibility
+  ...ft
 }) {
-  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);
+  const B = $ !== void 0, [et, G] = k(""), M = B ? $ : et, nt = B ? l : G, o = re(y), ot = L(!1), T = L(!1), at = L(!1), [Ft, ht] = k(!1), [pt, Z] = k(!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);
+    ot.current = !1, T.current = !1, at.current = !1;
+  }, [o.state]);
+  const V = L(/* @__PURE__ */ new Set()), Q = d(() => {
+    V.current.forEach((f) => {
+      clearTimeout(f);
+    }), V.current.clear();
+  }, []), v = se({
+    value: M,
+    setValue: nt,
+    onSubmit: async (f) => {
+      o.state !== "expanded" && (p == null || p()), o.setState("expanded"), await s(f);
     },
     isProcessing: a
-  }), [nt, ot] = W(56), [at, Ft] = W(
+  }), [xt, it] = k(56), [wt, kt] = k(
     "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();
+  ), Ct = L(null), tt = L(null), W = L(null), rt = Mt(0), Y = Mt(0), Lt = ie(), Rt = d(
+    (f) => {
+      const b = f.endsWith(" ") ? f : `${f} `;
+      v.setValue(b), O == null || O(), v.textareaRef.current && (v.textareaRef.current.focus(), v.textareaRef.current.setSelectionRange(
+        b.length,
+        b.length
+      ));
     },
-    [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);
+    [v.setValue, O]
+  ), yt = d(() => {
+    ot.current = !0, o.open(), m == null || m();
+  }, [o, m]), st = d(() => {
+    var b, q, lt;
+    const f = (q = (b = W.current) == null ? void 0 : b.ownerDocument) == null ? void 0 : q.activeElement;
+    return !(f && ((lt = W.current) != null && lt.contains(f)) || M.trim());
+  }, [M, W]), C = d(
+    (f) => f === "collapsed" ? D.COLLAPSED_SIZE : f === "compact" ? xt : D.EXPANDED_HEIGHT,
+    [xt]
+  ), R = d(() => {
+    if (o.state === "collapsed" && (o.setState("compact"), o.initialState === "collapsed")) {
+      const f = setTimeout(() => {
+        o.state === "compact" && st() && o.setState("collapsed"), V.current.delete(f);
+      }, D.AUTO_COLLAPSE_DELAY);
+      V.current.add(f);
     }
-  }, [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);
+  }, [o, st]), F = d(() => {
+    if (o.initialState === "collapsed" && o.state === "compact" && st()) {
+      const f = setTimeout(() => {
+        o.state === "compact" && st() && o.setState("collapsed"), V.current.delete(f);
+      }, D.AUTO_COLLAPSE_DELAY);
+      V.current.add(f);
     }
-  }, [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);
+  }, [o, st]), j = d(async () => {
+    if (v.value.trim()) {
+      const f = v.value.trim();
+      v.clear(), o.state !== "expanded" && (p == null || p()), o.setState("expanded"), await s(f);
     }
-  }, [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)
+  }, [v, s, o, p]), ct = d(() => {
+    at.current = !0, p == null || p(), o.setState("expanded");
+  }, [p, o]), Dt = d(() => {
+    T.current = !0, v.clear(), o.close(), g && g();
+  }, [v, o, g]), z = d(
+    (f) => {
+      if (!W.current || !tt.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;
+      const b = W.current.getBoundingClientRect(), q = tt.current.getBoundingClientRect(), lt = window.getComputedStyle(W.current), Ot = new DOMMatrixReadOnly(lt.transform), Jt = b.x - Ot.e, Nt = b.y - Ot.f, bt = f ?? wt, Ae = C(o.state), xe = bt === "left" ? q.left : q.right - D.COMPACT_WIDTH, Re = q.bottom - Ae;
       return {
-        x: _e - jt,
-        y: be - Nt
+        x: xe - Jt,
+        y: Re - Nt
       };
     },
-    [at]
-  ), mt = p(
-    (h) => {
-      h.target.closest(
-        It.NON_DRAGGABLE_SELECTORS
-      ) || it.start(h.nativeEvent);
+    [wt, o.state, C]
+  ), gt = d(
+    (f) => {
+      const b = f.target;
+      if (b.ownerDocument !== document)
+        return;
+      b.closest(
+        St.NON_DRAGGABLE_SELECTORS
+      ) || (f.preventDefault(), Lt.start(f.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
+    [Lt]
+  ), Ut = d(() => {
+    Z(!0);
+  }, []), Wt = d(
+    (f, b) => {
+      Z(!1);
+      const q = b.point.x, lt = D.COMPACT_WIDTH, Ot = (window.innerWidth - lt) / 2, Nt = q < Ot ? "left" : "right";
+      kt(Nt);
+      const bt = z(Nt);
+      bt && (Pt(rt, bt.x, {
+        ...St.SPRING_CONFIG,
+        velocity: b.velocity.x * St.VELOCITY_MULTIPLIER
+      }), Pt(Y, bt.y, {
+        ...St.SPRING_CONFIG,
+        velocity: b.velocity.y * St.VELOCITY_MULTIPLIER
       }));
     },
-    [Q, z, G]
-  ), ct = I(l.state), ft = ct.current === "compact" && l.state === "expanded";
+    [rt, Y, z]
+  ), zt = L(o.state), Ee = zt.current === "compact" && o.state === "expanded";
   E(() => {
-    et(), ct.current = l.state;
-  }, [l.state, et]), E(() => {
-    if (l.state !== "expanded")
+    Q(), zt.current = o.state;
+  }, [o.state, Q]), E(() => {
+    if (o.state !== "expanded")
       return;
-    const h = () => {
-      const R = G();
-      R && (Q.set(R.x), z.set(R.y));
+    const f = () => {
+      const b = z();
+      b && (rt.set(b.x), Y.set(b.y));
     };
-    return window.addEventListener("resize", h), () => window.removeEventListener("resize", h);
-  }, [l.state, Q, z, G]), E(() => {
-    const h = k.current;
+    return window.addEventListener("resize", f), () => window.removeEventListener("resize", f);
+  }, [o.state, rt, Y, z]), E(() => {
+    const f = V.current;
     return () => {
-      h.forEach((R) => {
-        clearTimeout(R);
-      }), h.clear();
+      f.forEach((b) => {
+        clearTimeout(b);
+      }), f.clear();
     };
   }, []), E(() => {
-    if (l.state === "compact" && X.current) {
-      const h = X.current.scrollHeight + x.PADDING;
-      ot(h);
+    if (o.state === "compact" && Ct.current) {
+      const f = Ct.current.scrollHeight + D.PADDING;
+      it(f);
     }
-  }, [l.state, w.value]);
-  const xt = {
+  }, [o.state, v.value]);
+  const qt = {
     // Core data
     messages: t,
     isProcessing: a,
-    error: i,
+    error: r,
     // Input state
-    inputValue: w.value,
-    setInputValue: w.setValue,
-    clearInput: w.clear,
-    textareaRef: w.textareaRef,
-    handleKeyDown: w.handleKeyDown,
+    inputValue: v.value,
+    setInputValue: v.setValue,
+    clearInput: v.clear,
+    textareaRef: v.textareaRef,
+    handleKeyDown: v.handleKeyDown,
     // Actions
     onSubmit: s,
-    handleSubmit: C,
-    onStop: y,
+    handleSubmit: j,
+    onStop: w,
     // UI state
-    variant: o,
-    placeholder: g,
-    emptyView: b,
-    messageRenderer: D,
+    variant: i,
+    placeholder: h,
+    emptyView: _,
+    messageRenderer: H,
     // Floating chat specific
-    floatingChatState: l.state,
-    triggerIcon: r,
-    onOpen: rt,
-    onExpand: A,
-    onClose: U,
+    floatingChatState: o.state,
+    triggerIcon: c,
+    onOpen: yt,
+    onExpand: ct,
+    onClose: Dt,
     // Suggestions
-    suggestions: L,
+    suggestions: S,
     clearSuggestions: O,
-    handleSuggestionSubmit: kt,
+    handleSuggestionSubmit: Rt,
     // Notice
     notice: u,
     // Internal state for components
-    focusOnMount: vt.current,
-    fromCompact: ft,
-    showExpandButton: !w.value.trim()
+    focusOnMount: at.current,
+    fromCompact: Ee,
+    showExpandButton: !v.value.trim()
   };
-  return o === "embedded" ? /* @__PURE__ */ n(zt, { value: xt, children: /* @__PURE__ */ n(
+  return i === "embedded" ? /* @__PURE__ */ n(Qt, { value: qt, children: /* @__PURE__ */ n(
     "div",
     {
       "data-slot": "chat-embedded",
-      className: V(
-        N,
-        Z.container,
-        Z.embedded
+      className: U(
+        A,
+        K.container,
+        K.embedded
       ),
       children: e
     }
-  ) }) : /* @__PURE__ */ _(zt, { value: xt, children: [
+  ) }) : /* @__PURE__ */ I(Qt, { value: qt, children: [
     /* @__PURE__ */ n(
       "div",
       {
-        ref: dt,
+        ref: tt,
         style: {
           position: "fixed",
-          top: x.VIEWPORT_OFFSET,
-          left: x.VIEWPORT_OFFSET,
-          right: x.VIEWPORT_OFFSET,
-          bottom: x.VIEWPORT_OFFSET,
+          top: D.VIEWPORT_OFFSET,
+          left: D.VIEWPORT_OFFSET,
+          right: D.VIEWPORT_OFFSET,
+          bottom: D.VIEWPORT_OFFSET,
           pointerEvents: "none"
         }
       }
     ),
+    pt && /* @__PURE__ */ n(Yn, {}),
     /* @__PURE__ */ n(
-      M.div,
+      P.div,
       {
-        ref: j,
+        ref: W,
         "data-slot": "chat-floating",
-        className: V(N, Z.container, Z.floating, {
-          animating: wt
+        className: U(A, K.container, K.floating, {
+          animating: Ft
         }),
-        onMouseLeave: l.state === "compact" ? At : void 0,
-        drag: l.state === "expanded",
-        dragControls: it,
+        onMouseLeave: o.state === "compact" ? F : void 0,
+        drag: N.includes(o.state),
+        dragControls: Lt,
         dragListener: !1,
-        dragConstraints: dt,
+        dragConstraints: tt,
         dragMomentum: !1,
         dragElastic: 0.1,
         dragTransition: { power: 0.1, timeConstant: 100 },
-        onDragEnd: St,
-        onPointerDown: mt,
+        onDragStart: Ut,
+        onDragEnd: Wt,
+        onPointerDown: gt,
         style: {
-          x: Q,
-          y: z,
-          bottom: x.VIEWPORT_OFFSET,
-          left: x.VIEWPORT_OFFSET
+          x: rt,
+          y: Y,
+          bottom: D.VIEWPORT_OFFSET,
+          left: D.VIEWPORT_OFFSET,
+          cursor: N.includes(o.state) ? "grab" : "default"
         },
         children: /* @__PURE__ */ n(
-          M.div,
+          P.div,
           {
             layout: !0,
-            className: Z.content,
+            className: K.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
+              width: o.state === "collapsed" ? D.COLLAPSED_SIZE : D.COMPACT_WIDTH,
+              height: C(o.state),
+              x: o.state === "collapsed" && wt === "right" ? D.COMPACT_WIDTH - D.COLLAPSED_SIZE : 0,
+              transition: v.value.trim() ? { duration: 0 } : $t
             },
-            onAnimationStart: () => bt(!0),
-            onAnimationComplete: () => bt(!1),
+            onAnimationStart: () => ht(!0),
+            onAnimationComplete: () => ht(!1),
             style: {
-              borderRadius: x.BORDER_RADIUS
+              borderRadius: D.BORDER_RADIUS
             },
-            children: /* @__PURE__ */ _(_t, { mode: "wait", children: [
-              l.state === "collapsed" && /* @__PURE__ */ n(
-                ce,
+            children: /* @__PURE__ */ I(At, { mode: "wait", children: [
+              o.state === "collapsed" && /* @__PURE__ */ n(
+                de,
                 {
-                  icon: r,
-                  onClick: rt,
-                  onHover: Et,
-                  focusOnMount: gt.current
+                  icon: c,
+                  onClick: yt,
+                  onHover: R,
+                  focusOnMount: T.current
                 },
                 "collapsed"
               ),
-              l.state === "compact" && /* @__PURE__ */ n("div", { ref: X, children: /* @__PURE__ */ n(
-                de,
+              o.state === "compact" && /* @__PURE__ */ n("div", { ref: Ct, children: /* @__PURE__ */ n(
+                he,
                 {
-                  value: w.value,
-                  onChange: w.setValue,
-                  onSubmit: C,
-                  onKeyDown: w.handleKeyDown,
-                  textareaRef: w.textareaRef,
-                  placeholder: g,
+                  value: v.value,
+                  onChange: v.setValue,
+                  onSubmit: j,
+                  onKeyDown: v.handleKeyDown,
+                  textareaRef: v.textareaRef,
+                  placeholder: h,
                   isProcessing: a,
-                  onBlur: At,
-                  onExpand: A,
-                  showExpandButton: !w.value.trim(),
-                  focusOnMount: d.current,
-                  onStop: y,
-                  suggestions: L,
-                  clearSuggestions: O
+                  onBlur: F,
+                  onExpand: ct,
+                  showExpandButton: !v.value.trim(),
+                  focusOnMount: ot.current,
+                  onStop: w,
+                  suggestions: S,
+                  clearSuggestions: O,
+                  handleSuggestionSubmit: Rt
                 },
                 "compact"
               ) }),
-              l.state === "expanded" && e
+              o.state === "expanded" && e
             ] })
           }
         )
@@ -1679,84 +1752,95 @@ function Ce({
     )
   ] });
 }
-function ge({ className: e } = {}) {
-  const { onClose: t } = ut();
-  return /* @__PURE__ */ n(fe, { onClose: t, className: e });
+function Le({ className: e } = {}) {
+  const { onClose: t } = mt();
+  return /* @__PURE__ */ n(Ce, { onClose: t, className: e });
 }
-function ve({ className: e } = {}) {
-  const { messages: t, isProcessing: a, error: i, emptyView: s, messageRenderer: o } = ut();
+function ye({ className: e } = {}) {
+  const { messages: t, isProcessing: a, error: r, emptyView: s, messageRenderer: i } = mt();
   return /* @__PURE__ */ n(
-    pe,
+    ve,
     {
       messages: t,
       isProcessing: a,
-      error: i,
+      error: r,
       emptyView: s,
-      messageRenderer: o,
+      messageRenderer: i,
       className: e
     }
   );
 }
-function we({
+function be({
   className: e,
   disabled: t,
   customActions: a,
-  actionOrder: i
+  actionOrder: r
 } = {}) {
   const {
     inputValue: s,
-    setInputValue: o,
-    handleSubmit: r,
-    handleKeyDown: g,
+    setInputValue: i,
+    handleSubmit: c,
+    handleKeyDown: h,
     textareaRef: u,
     placeholder: m,
-    isProcessing: f,
-    onStop: v,
-    fromCompact: y,
-    onExpand: b,
-    showExpandButton: T,
-    focusOnMount: L
-  } = ut();
+    isProcessing: p,
+    onStop: g,
+    fromCompact: w,
+    onExpand: _,
+    showExpandButton: y,
+    focusOnMount: S
+  } = mt();
   return /* @__PURE__ */ n(
-    Kt,
+    Xt,
     {
       value: s,
-      onChange: o,
-      onSubmit: r,
-      onKeyDown: g,
+      onChange: i,
+      onSubmit: c,
+      onKeyDown: h,
       textareaRef: u,
       placeholder: m,
-      isProcessing: f,
-      onStop: v,
-      fromCompact: y,
-      onExpand: b,
-      showExpandButton: T,
-      focusOnMount: L,
+      isProcessing: p,
+      onStop: g,
+      fromCompact: w,
+      onExpand: _,
+      showExpandButton: y,
+      focusOnMount: S,
       disabled: t,
       customActions: a,
-      actionOrder: i,
+      actionOrder: r,
       className: e
     }
   );
 }
-function Le({
+function Ie({
   className: e,
-  showSuggestions: t
+  showSuggestions: t,
+  onSelect: a
 } = {}) {
-  const { suggestions: a, handleSuggestionSubmit: i, inputValue: s } = ut();
-  return s && !t ? null : /* @__PURE__ */ n(
-    Xt,
+  const { suggestions: r, handleSuggestionSubmit: s, inputValue: i } = mt(), c = d(
+    (h) => {
+      try {
+        a == null || a(h);
+      } catch (u) {
+        console.warn("Suggestions onSelect callback failed:", u);
+      }
+      s(h);
+    },
+    [a, s]
+  );
+  return i && !t ? null : /* @__PURE__ */ n(
+    jt,
     {
-      suggestions: a,
-      onSubmit: i,
+      suggestions: r,
+      onSubmit: c,
       className: e
     }
   );
 }
-function ye({ className: e } = {}) {
-  const { notice: t } = ut();
+function Te({ className: e } = {}) {
+  const { notice: t } = mt();
   return t ? /* @__PURE__ */ n(
-    he,
+    ge,
     {
       icon: t.icon,
       message: t.message,
@@ -1767,96 +1851,96 @@ function ye({ className: e } = {}) {
     }
   ) : null;
 }
-function Ie({
+function _e({
   children: e,
   className: t
 } = {}) {
   return e ? /* @__PURE__ */ n(
-    M.div,
+    P.div,
     {
       "data-slot": "chat-footer",
-      className: V(Yt.container, t),
+      className: U(Kt.container, t),
       initial: { opacity: 0, scale: 1 },
       animate: { opacity: 1, scale: 1 },
-      transition: { ...lt },
+      transition: { ...dt },
       children: e
     }
-  ) : /* @__PURE__ */ _(
-    M.div,
+  ) : /* @__PURE__ */ I(
+    P.div,
     {
       "data-slot": "chat-footer",
-      className: V(Yt.container, t),
+      className: U(Kt.container, t),
       initial: { opacity: 0, scale: 1 },
       animate: { opacity: 1, scale: 1 },
-      transition: { ...lt },
+      transition: { ...dt },
       children: [
-        /* @__PURE__ */ n(Le, {}),
-        /* @__PURE__ */ n(ye, {}),
-        /* @__PURE__ */ n(we, {})
+        /* @__PURE__ */ n(Ie, {}),
+        /* @__PURE__ */ n(Te, {}),
+        /* @__PURE__ */ n(be, {})
       ]
     }
   );
 }
-function Te({
+function Se({
   showHeader: e = !0,
   children: t,
   className: a
 } = {}) {
-  const { onClose: i } = ut();
+  const { onClose: r } = mt();
   return E(() => {
-    const s = (o) => {
-      o.key === "Escape" && i && i();
+    const s = (i) => {
+      i.key === "Escape" && r && r();
     };
     return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
-  }, [i]), t ? /* @__PURE__ */ n(
+  }, [r]), t ? /* @__PURE__ */ n(
     "div",
     {
       "data-slot": "conversation-view",
-      className: `${Tt.container}${a ? ` ${a}` : ""}`,
+      className: `${Et.container}${a ? ` ${a}` : ""}`,
       children: t
     }
-  ) : /* @__PURE__ */ _(
+  ) : /* @__PURE__ */ I(
     "div",
     {
       "data-slot": "conversation-view",
-      className: `${Tt.container}${e ? ` ${Tt.withHeader}` : ""}${a ? ` ${a}` : ""}`,
+      className: `${Et.container}${e ? ` ${Et.withHeader}` : ""}${a ? ` ${a}` : ""}`,
       children: [
-        e && /* @__PURE__ */ n(ge, {}),
-        /* @__PURE__ */ n(ve, {}),
-        /* @__PURE__ */ n(Ie, {})
+        e && /* @__PURE__ */ n(Le, {}),
+        /* @__PURE__ */ n(ye, {}),
+        /* @__PURE__ */ n(_e, {})
       ]
     }
   );
 }
-const Un = {
+const Kn = {
   // Core container with state management
-  Container: Ce,
+  Container: we,
   // Individual composable components
-  Header: ge,
-  Messages: ve,
-  Input: we,
-  Suggestions: Le,
-  Notice: ye,
+  Header: Le,
+  Messages: ye,
+  Input: be,
+  Suggestions: Ie,
+  Notice: Te,
   // Convenience wrappers
-  Footer: Ie,
-  ConversationView: Te
-}, zn = Object.assign(
+  Footer: _e,
+  ConversationView: Se
+}, no = Object.assign(
   (e) => /* @__PURE__ */ n(
-    Ce,
+    we,
     {
       ...e,
-      className: V("agenttic", e.className),
+      className: U("agenttic", e.className),
       children: /* @__PURE__ */ n(
-        Te,
+        Se,
         {
           showHeader: e.variant === "floating"
         }
       )
     }
   ),
-  Un
+  Kn
 );
-function qn({ className: e, size: t = 24 }) {
+function oo({ className: e, size: t = 24 }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -1876,7 +1960,7 @@ function qn({ className: e, size: t = 24 }) {
     }
   );
 }
-function Jn({ className: e, size: t = 24 }) {
+function ao({ className: e, size: t = 24 }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -1897,7 +1981,7 @@ function Jn({ className: e, size: t = 24 }) {
     }
   );
 }
-function Qn({ className: e, size: t = 24 }) {
+function io({ className: e, size: t = 24 }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -1918,7 +2002,7 @@ function Qn({ className: e, size: t = 24 }) {
     }
   );
 }
-function to({ className: e, size: t = 24 }) {
+function ro({ className: e, size: t = 24 }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -1941,7 +2025,7 @@ function to({ className: e, size: t = 24 }) {
     }
   );
 }
-function eo({ className: e, size: t = 24 }) {
+function so({ className: e, size: t = 24 }) {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -1963,8 +2047,8 @@ function eo({ className: e, size: t = 24 }) {
     }
   );
 }
-function no({ className: e, size: t = 24 }) {
-  return /* @__PURE__ */ _(
+function co({ className: e, size: t = 24 }) {
+  return /* @__PURE__ */ I(
     "svg",
     {
       width: t,
@@ -1995,45 +2079,45 @@ function no({ className: e, size: t = 24 }) {
   );
 }
 export {
-  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
+  no as AgentUI,
+  we as AgentUIContainer,
+  Se as AgentUIConversationView,
+  _e as AgentUIFooter,
+  Le as AgentUIHeader,
+  be as AgentUIInput,
+  ye as AgentUIMessages,
+  Te as AgentUINotice,
+  Qt as AgentUIProvider,
+  Ie as AgentUISuggestions,
+  dn as AnimatedPlaceholder,
+  en as ArrowUpIcon,
+  ue as BigSkyIcon,
+  eo as Chat,
+  _n as ChatFooter,
+  Ce as ChatHeader,
+  Xt as ChatInput,
+  cn as ChevronUpIcon,
+  de as CollapsedView,
+  he as CompactView,
+  ne as ConversationView,
+  io as CopyIcon,
+  Nn as Message,
+  ee as MessageActions,
+  ve as Messages,
+  ge as Notice,
+  nn as StopIcon,
+  ro as StylesIcon,
+  jt as Suggestions,
+  Fn as ThinkingMessage,
+  ao as ThumbsDownIcon,
+  oo as ThumbsUpIcon,
+  pe as XIcon,
+  so as ZoomIcon,
+  co as ZoomIconFilled,
+  to as animations,
+  U as cn,
+  no as default,
+  mt as useAgentUIContext,
+  re as useChat,
+  se as useInput
 };