@automattic/agenttic-ui 0.1.8 → 0.1.10

package/dist/index.js

@@ -1,10 +1,10 @@
-import * as Pt from "react";
-import We, { useState as Ne, useEffect as q, useCallback as V, useRef as W, useId as dn, memo as hn, useMemo as pn } from "react";
-import { motion as ae, AnimatePresence as tt, useMotionValue as yt, useDragControls as vn, animate as _t } from "framer-motion";
-import { useRef as mn, useCallback as Xe, useEffect as gn } from "@wordpress/element";
+import * as Mt from "react";
+import Ze, { useState as Ee, useEffect as J, useCallback as V, useRef as W, useId as dn, memo as hn, useMemo as pn } from "react";
+import { motion as q, AnimatePresence as Ue, useMotionValue as _t, useDragControls as vn, animate as xt } from "framer-motion";
+import { useRef as mn, useCallback as et, useEffect as gn } from "@wordpress/element";
 import { Slot as yn } from "@radix-ui/react-slot";
-import _n from "react-markdown";
-import './index.css';var qe = { exports: {} }, Re = {};
+import Cn from "react-markdown";
+import './index.css';var rt = { exports: {} }, je = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -14,21 +14,21 @@ import './index.css';var qe = { exports: {} }, Re = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ct;
-function Cn() {
-  if (Ct) return Re;
-  Ct = 1;
-  var t = We, n = Symbol.for("react.element"), r = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, a = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function l(h, u, f) {
-    var v, _ = {}, C = null, j = null;
-    f !== void 0 && (C = "" + f), u.key !== void 0 && (C = "" + u.key), u.ref !== void 0 && (j = u.ref);
-    for (v in u) i.call(u, v) && !c.hasOwnProperty(v) && (_[v] = u[v]);
-    if (h && h.defaultProps) for (v in u = h.defaultProps, u) _[v] === void 0 && (_[v] = u[v]);
-    return { $$typeof: n, type: h, key: C, ref: j, props: _, _owner: a.current };
+var bt;
+function _n() {
+  if (bt) return je;
+  bt = 1;
+  var n = Ze, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, a = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(h, f, p) {
+    var m, g = {}, C = null, E = null;
+    p !== void 0 && (C = "" + p), f.key !== void 0 && (C = "" + f.key), f.ref !== void 0 && (E = f.ref);
+    for (m in f) i.call(f, m) && !s.hasOwnProperty(m) && (g[m] = f[m]);
+    if (h && h.defaultProps) for (m in f = h.defaultProps, f) g[m] === void 0 && (g[m] = f[m]);
+    return { $$typeof: t, type: h, key: C, ref: E, props: g, _owner: a.current };
   }
-  return Re.Fragment = r, Re.jsx = l, Re.jsxs = l, Re;
+  return je.Fragment = r, je.jsx = u, je.jsxs = u, je;
 }
-var Te = {};
+var Le = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -38,57 +38,57 @@ var Te = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var bt;
-function bn() {
-  return bt || (bt = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = We, n = Symbol.for("react.element"), r = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), h = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), I = Symbol.iterator, M = "@@iterator";
+var wt;
+function xn() {
+  return wt || (wt = 1, process.env.NODE_ENV !== "production" && function() {
+    var n = Ze, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), h = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), E = Symbol.for("react.offscreen"), D = Symbol.iterator, H = "@@iterator";
     function B(e) {
       if (e === null || typeof e != "object")
         return null;
-      var o = I && e[I] || e[M];
-      return typeof o == "function" ? o : null;
+      var c = D && e[D] || e[H];
+      return typeof c == "function" ? c : null;
     }
-    var $ = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function A(e) {
+    var M = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function j(e) {
       {
-        for (var o = arguments.length, d = new Array(o > 1 ? o - 1 : 0), y = 1; y < o; y++)
+        for (var c = arguments.length, d = new Array(c > 1 ? c - 1 : 0), y = 1; y < c; y++)
           d[y - 1] = arguments[y];
-        g("error", e, d);
+        K("error", e, d);
       }
     }
-    function g(e, o, d) {
+    function K(e, c, d) {
       {
-        var y = $.ReactDebugCurrentFrame, T = y.getStackAddendum();
-        T !== "" && (o += "%s", d = d.concat([T]));
-        var S = d.map(function(w) {
+        var y = M.ReactDebugCurrentFrame, R = y.getStackAddendum();
+        R !== "" && (c += "%s", d = d.concat([R]));
+        var L = d.map(function(w) {
           return String(w);
         });
-        S.unshift("Warning: " + o), Function.prototype.apply.call(console[e], console, S);
+        L.unshift("Warning: " + c), Function.prototype.apply.call(console[e], console, L);
       }
     }
-    var p = !1, m = !1, b = !1, L = !1, O = !1, R;
-    R = Symbol.for("react.module.reference");
-    function ue(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === i || e === c || O || e === a || e === f || e === v || L || e === j || p || m || b || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === _ || e.$$typeof === l || e.$$typeof === h || e.$$typeof === u || // This needs to include all possible module reference object
+    var l = !1, v = !1, _ = !1, A = !1, O = !1, T;
+    T = Symbol.for("react.module.reference");
+    function Z(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === i || e === s || O || e === a || e === p || e === m || A || e === E || l || v || _ || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === g || e.$$typeof === u || e.$$typeof === h || e.$$typeof === f || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === R || e.getModuleId !== void 0));
+      e.$$typeof === T || e.getModuleId !== void 0));
     }
-    function Be(e, o, d) {
+    function Pe(e, c, d) {
       var y = e.displayName;
       if (y)
         return y;
-      var T = o.displayName || o.name || "";
-      return T !== "" ? d + "(" + T + ")" : d;
+      var R = c.displayName || c.name || "";
+      return R !== "" ? d + "(" + R + ")" : d;
     }
-    function fe(e) {
+    function S(e) {
       return e.displayName || "Context";
     }
-    function X(e) {
+    function z(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && A("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && j("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
@@ -97,32 +97,32 @@ function bn() {
           return "Fragment";
         case r:
           return "Portal";
-        case c:
+        case s:
           return "Profiler";
         case a:
           return "StrictMode";
-        case f:
+        case p:
           return "Suspense";
-        case v:
+        case m:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case h:
-            var o = e;
-            return fe(o) + ".Consumer";
-          case l:
-            var d = e;
-            return fe(d._context) + ".Provider";
+            var c = e;
+            return S(c) + ".Consumer";
           case u:
-            return Be(e, e.render, "ForwardRef");
-          case _:
+            var d = e;
+            return S(d._context) + ".Provider";
+          case f:
+            return Pe(e, e.render, "ForwardRef");
+          case g:
             var y = e.displayName || null;
-            return y !== null ? y : X(e.type) || "Memo";
+            return y !== null ? y : z(e.type) || "Memo";
           case C: {
-            var T = e, S = T._payload, w = T._init;
+            var R = e, L = R._payload, w = R._init;
             try {
-              return X(w(S));
+              return z(w(L));
             } catch {
               return null;
             }
@@ -130,18 +130,18 @@ function bn() {
         }
       return null;
     }
-    var K = Object.assign, z = 0, J, ne, re, de, Ae, ie, Oe;
-    function De() {
+    var te = Object.assign, ne = 0, Fe, de, le, Q, re, ie, he;
+    function Me() {
     }
-    De.__reactDisabledLog = !0;
-    function Ie() {
+    Me.__reactDisabledLog = !0;
+    function ce() {
       {
-        if (z === 0) {
-          J = console.log, ne = console.info, re = console.warn, de = console.error, Ae = console.group, ie = console.groupCollapsed, Oe = console.groupEnd;
+        if (ne === 0) {
+          Fe = console.log, de = console.info, le = console.warn, Q = console.error, re = console.group, ie = console.groupCollapsed, he = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: De,
+            value: Me,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -154,79 +154,79 @@ function bn() {
             groupEnd: e
           });
         }
-        z++;
+        ne++;
       }
     }
-    function Ce() {
+    function Ge() {
       {
-        if (z--, z === 0) {
+        if (ne--, ne === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: K({}, e, {
-              value: J
+            log: te({}, e, {
+              value: Fe
             }),
-            info: K({}, e, {
-              value: ne
+            info: te({}, e, {
+              value: de
             }),
-            warn: K({}, e, {
-              value: re
+            warn: te({}, e, {
+              value: le
             }),
-            error: K({}, e, {
-              value: de
+            error: te({}, e, {
+              value: Q
             }),
-            group: K({}, e, {
-              value: Ae
+            group: te({}, e, {
+              value: re
             }),
-            groupCollapsed: K({}, e, {
+            groupCollapsed: te({}, e, {
               value: ie
             }),
-            groupEnd: K({}, e, {
-              value: Oe
+            groupEnd: te({}, e, {
+              value: he
             })
           });
         }
-        z < 0 && A("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        ne < 0 && j("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var oe = $.ReactCurrentDispatcher, be;
-    function ee(e, o, d) {
+    var Te = M.ReactCurrentDispatcher, pe;
+    function ae(e, c, d) {
       {
-        if (be === void 0)
+        if (pe === void 0)
           try {
             throw Error();
-          } catch (T) {
-            var y = T.stack.trim().match(/\n( *(at )?)/);
-            be = y && y[1] || "";
+          } catch (R) {
+            var y = R.stack.trim().match(/\n( *(at )?)/);
+            pe = y && y[1] || "";
           }
         return `
-` + be + e;
+` + pe + e;
       }
     }
-    var xe = !1, he;
+    var ue = !1, ve;
     {
-      var Pe = typeof WeakMap == "function" ? WeakMap : Map;
-      he = new Pe();
+      var me = typeof WeakMap == "function" ? WeakMap : Map;
+      ve = new me();
     }
-    function Fe(e, o) {
-      if (!e || xe)
+    function ke(e, c) {
+      if (!e || ue)
         return "";
       {
-        var d = he.get(e);
+        var d = ve.get(e);
         if (d !== void 0)
           return d;
       }
       var y;
-      xe = !0;
-      var T = Error.prepareStackTrace;
+      ue = !0;
+      var R = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var S;
-      S = oe.current, oe.current = null, Ie();
+      var L;
+      L = Te.current, Te.current = null, ce();
       try {
-        if (o) {
+        if (c) {
           var w = function() {
             throw Error();
           };
@@ -237,167 +237,167 @@ function bn() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(w, []);
-            } catch (U) {
-              y = U;
+            } catch (Y) {
+              y = Y;
             }
             Reflect.construct(e, [], w);
           } else {
             try {
               w.call();
-            } catch (U) {
-              y = U;
+            } catch (Y) {
+              y = Y;
             }
             e.call(w.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (U) {
-            y = U;
+          } catch (Y) {
+            y = Y;
           }
           e();
         }
-      } catch (U) {
-        if (U && y && typeof U.stack == "string") {
-          for (var x = U.stack.split(`
+      } catch (Y) {
+        if (Y && y && typeof Y.stack == "string") {
+          for (var b = Y.stack.split(`
 `), N = y.stack.split(`
-`), D = x.length - 1, P = N.length - 1; D >= 1 && P >= 0 && x[D] !== N[P]; )
+`), I = b.length - 1, P = N.length - 1; I >= 1 && P >= 0 && b[I] !== N[P]; )
             P--;
-          for (; D >= 1 && P >= 0; D--, P--)
-            if (x[D] !== N[P]) {
-              if (D !== 1 || P !== 1)
+          for (; I >= 1 && P >= 0; I--, P--)
+            if (b[I] !== N[P]) {
+              if (I !== 1 || P !== 1)
                 do
-                  if (D--, P--, P < 0 || x[D] !== N[P]) {
+                  if (I--, P--, P < 0 || b[I] !== N[P]) {
                     var G = `
-` + x[D].replace(" at new ", " at ");
-                    return e.displayName && G.includes("<anonymous>") && (G = G.replace("<anonymous>", e.displayName)), typeof e == "function" && he.set(e, G), G;
+` + b[I].replace(" at new ", " at ");
+                    return e.displayName && G.includes("<anonymous>") && (G = G.replace("<anonymous>", e.displayName)), typeof e == "function" && ve.set(e, G), G;
                   }
-                while (D >= 1 && P >= 0);
+                while (I >= 1 && P >= 0);
               break;
             }
         }
       } finally {
-        xe = !1, oe.current = S, Ce(), Error.prepareStackTrace = T;
+        ue = !1, Te.current = L, Ge(), Error.prepareStackTrace = R;
       }
-      var me = e ? e.displayName || e.name : "", ce = me ? ee(me) : "";
-      return typeof e == "function" && he.set(e, ce), ce;
+      var xe = e ? e.displayName || e.name : "", fe = xe ? ae(xe) : "";
+      return typeof e == "function" && ve.set(e, fe), fe;
     }
-    function E(e, o, d) {
-      return Fe(e, !1);
+    function Ke(e, c, d) {
+      return ke(e, !1);
     }
-    function H(e) {
-      var o = e.prototype;
-      return !!(o && o.isReactComponent);
+    function $e(e) {
+      var c = e.prototype;
+      return !!(c && c.isReactComponent);
     }
-    function Y(e, o, d) {
+    function ge(e, c, d) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Fe(e, H(e));
+        return ke(e, $e(e));
       if (typeof e == "string")
-        return ee(e);
+        return ae(e);
       switch (e) {
-        case f:
-          return ee("Suspense");
-        case v:
-          return ee("SuspenseList");
+        case p:
+          return ae("Suspense");
+        case m:
+          return ae("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case u:
-            return E(e.render);
-          case _:
-            return Y(e.type, o, d);
+          case f:
+            return Ke(e.render);
+          case g:
+            return ge(e.type, c, d);
           case C: {
-            var y = e, T = y._payload, S = y._init;
+            var y = e, R = y._payload, L = y._init;
             try {
-              return Y(S(T), o, d);
+              return ge(L(R), c, d);
             } catch {
             }
           }
         }
       return "";
     }
-    var Z = Object.prototype.hasOwnProperty, se = {}, we = $.ReactDebugCurrentFrame;
-    function te(e) {
+    var x = Object.prototype.hasOwnProperty, k = {}, U = M.ReactDebugCurrentFrame;
+    function X(e) {
       if (e) {
-        var o = e._owner, d = Y(e.type, e._source, o ? o.type : null);
-        we.setExtraStackFrame(d);
+        var c = e._owner, d = ge(e.type, e._source, c ? c.type : null);
+        U.setExtraStackFrame(d);
       } else
-        we.setExtraStackFrame(null);
+        U.setExtraStackFrame(null);
     }
-    function pe(e, o, d, y, T) {
+    function ye(e, c, d, y, R) {
       {
-        var S = Function.call.bind(Z);
+        var L = Function.call.bind(x);
         for (var w in e)
-          if (S(e, w)) {
-            var x = void 0;
+          if (L(e, w)) {
+            var b = void 0;
             try {
               if (typeof e[w] != "function") {
                 var N = Error((y || "React class") + ": " + d + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw N.name = "Invariant Violation", N;
               }
-              x = e[w](o, w, y, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (D) {
-              x = D;
+              b = e[w](c, w, y, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (I) {
+              b = I;
             }
-            x && !(x instanceof Error) && (te(T), A("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", y || "React class", d, w, typeof x), te(null)), x instanceof Error && !(x.message in se) && (se[x.message] = !0, te(T), A("Failed %s type: %s", d, x.message), te(null));
+            b && !(b instanceof Error) && (X(R), j("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", y || "React class", d, w, typeof b), X(null)), b instanceof Error && !(b.message in k) && (k[b.message] = !0, X(R), j("Failed %s type: %s", d, b.message), X(null));
           }
       }
     }
-    var Ye = Array.isArray;
-    function Ee(e) {
-      return Ye(e);
+    var He = Array.isArray;
+    function oe(e) {
+      return He(e);
     }
-    function Ut(e) {
+    function Ce(e) {
       {
-        var o = typeof Symbol == "function" && Symbol.toStringTag, d = o && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        var c = typeof Symbol == "function" && Symbol.toStringTag, d = c && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return d;
       }
     }
-    function Zt(e) {
+    function Xe(e) {
       try {
-        return ot(e), !1;
+        return Ne(e), !1;
       } catch {
         return !0;
       }
     }
-    function ot(e) {
+    function Ne(e) {
       return "" + e;
     }
-    function st(e) {
-      if (Zt(e))
-        return A("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ut(e)), ot(e);
+    function ct(e) {
+      if (Xe(e))
+        return j("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ce(e)), Ne(e);
     }
-    var ct = $.ReactCurrentOwner, Gt = {
+    var ut = M.ReactCurrentOwner, Gt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, lt, ut;
+    }, ft, dt;
     function Kt(e) {
-      if (Z.call(e, "ref")) {
-        var o = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (o && o.isReactWarning)
+      if (x.call(e, "ref")) {
+        var c = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (c && c.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
     function Xt(e) {
-      if (Z.call(e, "key")) {
-        var o = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (o && o.isReactWarning)
+      if (x.call(e, "key")) {
+        var c = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (c && c.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function zt(e, o) {
-      typeof e.ref == "string" && ct.current;
+    function Jt(e, c) {
+      typeof e.ref == "string" && ut.current;
     }
-    function Jt(e, o) {
+    function qt(e, c) {
       {
         var d = function() {
-          lt || (lt = !0, A("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", o));
+          ft || (ft = !0, j("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", c));
         };
         d.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: d,
@@ -405,10 +405,10 @@ function bn() {
         });
       }
     }
-    function qt(e, o) {
+    function zt(e, c) {
       {
         var d = function() {
-          ut || (ut = !0, A("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", o));
+          dt || (dt = !0, j("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", c));
         };
         d.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: d,
@@ -416,70 +416,70 @@ function bn() {
         });
       }
     }
-    var Qt = function(e, o, d, y, T, S, w) {
-      var x = {
+    var Qt = function(e, c, d, y, R, L, w) {
+      var b = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: n,
+        $$typeof: t,
         // Built-in properties that belong on the element
         type: e,
-        key: o,
+        key: c,
         ref: d,
         props: w,
         // Record the component responsible for creating this element.
-        _owner: S
+        _owner: L
       };
-      return x._store = {}, Object.defineProperty(x._store, "validated", {
+      return b._store = {}, Object.defineProperty(b._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(x, "_self", {
+      }), Object.defineProperty(b, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: y
-      }), Object.defineProperty(x, "_source", {
+      }), Object.defineProperty(b, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: T
-      }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
+        value: R
+      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
     };
-    function en(e, o, d, y, T) {
+    function en(e, c, d, y, R) {
       {
-        var S, w = {}, x = null, N = null;
-        d !== void 0 && (st(d), x = "" + d), Xt(o) && (st(o.key), x = "" + o.key), Kt(o) && (N = o.ref, zt(o, T));
-        for (S in o)
-          Z.call(o, S) && !Gt.hasOwnProperty(S) && (w[S] = o[S]);
+        var L, w = {}, b = null, N = null;
+        d !== void 0 && (ct(d), b = "" + d), Xt(c) && (ct(c.key), b = "" + c.key), Kt(c) && (N = c.ref, Jt(c, R));
+        for (L in c)
+          x.call(c, L) && !Gt.hasOwnProperty(L) && (w[L] = c[L]);
         if (e && e.defaultProps) {
-          var D = e.defaultProps;
-          for (S in D)
-            w[S] === void 0 && (w[S] = D[S]);
+          var I = e.defaultProps;
+          for (L in I)
+            w[L] === void 0 && (w[L] = I[L]);
         }
-        if (x || N) {
+        if (b || N) {
           var P = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          x && Jt(w, P), N && qt(w, P);
+          b && qt(w, P), N && zt(w, P);
         }
-        return Qt(e, x, N, T, y, ct.current, w);
+        return Qt(e, b, N, R, y, ut.current, w);
       }
     }
-    var Ue = $.ReactCurrentOwner, ft = $.ReactDebugCurrentFrame;
-    function ve(e) {
+    var Je = M.ReactCurrentOwner, ht = M.ReactDebugCurrentFrame;
+    function _e(e) {
       if (e) {
-        var o = e._owner, d = Y(e.type, e._source, o ? o.type : null);
-        ft.setExtraStackFrame(d);
+        var c = e._owner, d = ge(e.type, e._source, c ? c.type : null);
+        ht.setExtraStackFrame(d);
       } else
-        ft.setExtraStackFrame(null);
+        ht.setExtraStackFrame(null);
     }
-    var Ze;
-    Ze = !1;
-    function Ge(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === n;
+    var qe;
+    qe = !1;
+    function ze(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === t;
     }
-    function dt() {
+    function pt() {
       {
-        if (Ue.current) {
-          var e = X(Ue.current.type);
+        if (Je.current) {
+          var e = z(Je.current.type);
           if (e)
             return `
 
@@ -491,212 +491,212 @@ Check the render method of \`` + e + "`.";
     function tn(e) {
       return "";
     }
-    var ht = {};
+    var vt = {};
     function nn(e) {
       {
-        var o = dt();
-        if (!o) {
+        var c = pt();
+        if (!c) {
           var d = typeof e == "string" ? e : e.displayName || e.name;
-          d && (o = `
+          d && (c = `
 
 Check the top-level render call using <` + d + ">.");
         }
-        return o;
+        return c;
       }
     }
-    function pt(e, o) {
+    function mt(e, c) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var d = nn(o);
-        if (ht[d])
+        var d = nn(c);
+        if (vt[d])
           return;
-        ht[d] = !0;
+        vt[d] = !0;
         var y = "";
-        e && e._owner && e._owner !== Ue.current && (y = " It was passed a child from " + X(e._owner.type) + "."), ve(e), A('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', d, y), ve(null);
+        e && e._owner && e._owner !== Je.current && (y = " It was passed a child from " + z(e._owner.type) + "."), _e(e), j('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', d, y), _e(null);
       }
     }
-    function vt(e, o) {
+    function gt(e, c) {
       {
         if (typeof e != "object")
           return;
-        if (Ee(e))
+        if (oe(e))
           for (var d = 0; d < e.length; d++) {
             var y = e[d];
-            Ge(y) && pt(y, o);
+            ze(y) && mt(y, c);
           }
-        else if (Ge(e))
+        else if (ze(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var T = B(e);
-          if (typeof T == "function" && T !== e.entries)
-            for (var S = T.call(e), w; !(w = S.next()).done; )
-              Ge(w.value) && pt(w.value, o);
+          var R = B(e);
+          if (typeof R == "function" && R !== e.entries)
+            for (var L = R.call(e), w; !(w = L.next()).done; )
+              ze(w.value) && mt(w.value, c);
         }
       }
     }
     function rn(e) {
       {
-        var o = e.type;
-        if (o == null || typeof o == "string")
+        var c = e.type;
+        if (c == null || typeof c == "string")
           return;
         var d;
-        if (typeof o == "function")
-          d = o.propTypes;
-        else if (typeof o == "object" && (o.$$typeof === u || // Note: Memo only checks outer props here.
+        if (typeof c == "function")
+          d = c.propTypes;
+        else if (typeof c == "object" && (c.$$typeof === f || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        o.$$typeof === _))
-          d = o.propTypes;
+        c.$$typeof === g))
+          d = c.propTypes;
         else
           return;
         if (d) {
-          var y = X(o);
-          pe(d, e.props, "prop", y, e);
-        } else if (o.PropTypes !== void 0 && !Ze) {
-          Ze = !0;
-          var T = X(o);
-          A("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", T || "Unknown");
+          var y = z(c);
+          ye(d, e.props, "prop", y, e);
+        } else if (c.PropTypes !== void 0 && !qe) {
+          qe = !0;
+          var R = z(c);
+          j("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", R || "Unknown");
         }
-        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && A("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof c.getDefaultProps == "function" && !c.getDefaultProps.isReactClassApproved && j("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function an(e) {
       {
-        for (var o = Object.keys(e.props), d = 0; d < o.length; d++) {
-          var y = o[d];
+        for (var c = Object.keys(e.props), d = 0; d < c.length; d++) {
+          var y = c[d];
           if (y !== "children" && y !== "key") {
-            ve(e), A("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", y), ve(null);
+            _e(e), j("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", y), _e(null);
             break;
           }
         }
-        e.ref !== null && (ve(e), A("Invalid attribute `ref` supplied to `React.Fragment`."), ve(null));
+        e.ref !== null && (_e(e), j("Invalid attribute `ref` supplied to `React.Fragment`."), _e(null));
       }
     }
-    var mt = {};
-    function gt(e, o, d, y, T, S) {
+    var yt = {};
+    function Ct(e, c, d, y, R, L) {
       {
-        var w = ue(e);
+        var w = Z(e);
         if (!w) {
-          var x = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (x += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var b = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (b += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var N = tn();
-          N ? x += N : x += dt();
-          var D;
-          e === null ? D = "null" : Ee(e) ? D = "array" : e !== void 0 && e.$$typeof === n ? (D = "<" + (X(e.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : D = typeof e, A("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", D, x);
+          N ? b += N : b += pt();
+          var I;
+          e === null ? I = "null" : oe(e) ? I = "array" : e !== void 0 && e.$$typeof === t ? (I = "<" + (z(e.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : I = typeof e, j("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", I, b);
         }
-        var P = en(e, o, d, T, S);
+        var P = en(e, c, d, R, L);
         if (P == null)
           return P;
         if (w) {
-          var G = o.children;
+          var G = c.children;
           if (G !== void 0)
             if (y)
-              if (Ee(G)) {
-                for (var me = 0; me < G.length; me++)
-                  vt(G[me], e);
+              if (oe(G)) {
+                for (var xe = 0; xe < G.length; xe++)
+                  gt(G[xe], e);
                 Object.freeze && Object.freeze(G);
               } else
-                A("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                j("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              vt(G, e);
+              gt(G, e);
         }
-        if (Z.call(o, "key")) {
-          var ce = X(e), U = Object.keys(o).filter(function(fn) {
+        if (x.call(c, "key")) {
+          var fe = z(e), Y = Object.keys(c).filter(function(fn) {
             return fn !== "key";
-          }), Ke = U.length > 0 ? "{key: someKey, " + U.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!mt[ce + Ke]) {
-            var un = U.length > 0 ? "{" + U.join(": ..., ") + ": ...}" : "{}";
-            A(`A props object containing a "key" prop is being spread into JSX:
+          }), Qe = Y.length > 0 ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!yt[fe + Qe]) {
+            var un = Y.length > 0 ? "{" + Y.join(": ..., ") + ": ...}" : "{}";
+            j(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Ke, ce, un, ce), mt[ce + Ke] = !0;
+  <%s key={someKey} {...props} />`, Qe, fe, un, fe), yt[fe + Qe] = !0;
           }
         }
         return e === i ? an(P) : rn(P), P;
       }
     }
-    function on(e, o, d) {
-      return gt(e, o, d, !0);
+    function on(e, c, d) {
+      return Ct(e, c, d, !0);
     }
-    function sn(e, o, d) {
-      return gt(e, o, d, !1);
+    function sn(e, c, d) {
+      return Ct(e, c, d, !1);
     }
-    var cn = sn, ln = on;
-    Te.Fragment = i, Te.jsx = cn, Te.jsxs = ln;
-  }()), Te;
+    var ln = sn, cn = on;
+    Le.Fragment = i, Le.jsx = ln, Le.jsxs = cn;
+  }()), Le;
 }
-process.env.NODE_ENV === "production" ? qe.exports = Cn() : qe.exports = bn();
-var s = qe.exports;
-function le(...t) {
-  return t.flat().filter(Boolean).map((n) => typeof n == "string" ? n : typeof n == "object" && !Array.isArray(n) && n !== null ? Object.entries(n).filter(([r, i]) => i).map(([r]) => r).join(" ") : "").join(" ").trim();
+process.env.NODE_ENV === "production" ? rt.exports = _n() : rt.exports = xn();
+var o = rt.exports;
+function se(...n) {
+  return n.flat().filter(Boolean).map((t) => typeof t == "string" ? t : typeof t == "object" && !Array.isArray(t) && t !== null ? Object.entries(t).filter(([r, i]) => i).map(([r]) => r).join(" ") : "").join(" ").trim();
 }
-function xn(t) {
-  const n = t || "collapsed", [r, i] = Ne(n);
-  q(() => {
-    t !== void 0 && i(t);
-  }, [t]);
-  const a = r !== "collapsed" && r !== "compact", c = V(() => {
+function bn(n) {
+  const t = n || "collapsed", [r, i] = Ee(t);
+  J(() => {
+    n !== void 0 && i(n);
+  }, [n]);
+  const a = r !== "collapsed" && r !== "compact", s = V(() => {
     i("expanded");
-  }, []), l = V(() => {
-    i(n);
-  }, [n]), h = V(() => {
+  }, []), u = V(() => {
+    i(t);
+  }, [t]), h = V(() => {
     i(
-      (u) => u === "collapsed" ? "compact" : "collapsed"
+      (f) => f === "collapsed" ? "compact" : "collapsed"
     );
   }, []);
   return {
     state: r,
-    initialState: n,
+    initialState: t,
     setState: i,
     isOpen: a,
-    open: c,
-    close: l,
+    open: s,
+    close: u,
     toggle: h
   };
 }
 function wn({
-  value: t,
-  setValue: n,
+  value: n,
+  setValue: t,
   onSubmit: r,
   isProcessing: i
 }) {
-  const a = mn(null), c = Xe(() => {
-    n(""), a.current && (a.current.style.height = "auto", setTimeout(() => {
-      var u;
-      (u = a.current) == null || u.focus();
+  const a = mn(null), s = et(() => {
+    t(""), a.current && (a.current.style.height = "auto", setTimeout(() => {
+      var f;
+      (f = a.current) == null || f.focus();
     }, 100));
-  }, [n]), l = Xe(() => {
-    const u = a.current;
-    if (!u)
+  }, [t]), u = et(() => {
+    const f = a.current;
+    if (!f)
       return;
-    u.style.height = "auto";
-    const f = u.scrollHeight, v = 40, _ = 200;
-    u.style.height = `${Math.min(
-      Math.max(f, v),
-      _
+    f.style.height = "auto";
+    const p = f.scrollHeight, m = 40, g = 200;
+    f.style.height = `${Math.min(
+      Math.max(p, m),
+      g
     )}px`;
-  }, []), h = Xe(
-    (u) => {
-      u.key === "Enter" && !u.shiftKey && !i && t.trim() && (u.preventDefault(), r(t.trim()), c());
+  }, []), h = et(
+    (f) => {
+      f.key === "Enter" && !f.shiftKey && !i && n.trim() && (f.preventDefault(), r(n.trim()), s());
     },
-    [t, i, r, c]
+    [n, i, r, s]
   );
   return gn(() => {
-    l();
-  }, [t, l]), {
-    value: t,
-    setValue: n,
-    clear: c,
+    u();
+  }, [n, u]), {
+    value: n,
+    setValue: t,
+    clear: s,
     textareaRef: a,
     handleKeyDown: h,
-    adjustHeight: l
+    adjustHeight: u
   };
 }
-var Qe, Ft, Se, Mt;
-Qe = {
+var it, kt, Ie, $t;
+it = {
   "(": 9,
   "!": 8,
   "*": 7,
@@ -715,442 +715,438 @@ Qe = {
   "?": 1,
   "?:": 1
 };
-Ft = ["(", "?"];
-Se = {
+kt = ["(", "?"];
+Ie = {
   ")": ["("],
   ":": ["?", "?:"]
 };
-Mt = /<=|>=|==|!=|&&|\|\||\?:|\(|!|\*|\/|%|\+|-|<|>|\?|\)|:/;
-function En(t) {
-  for (var n = [], r = [], i, a, c, l; i = t.match(Mt); ) {
-    for (a = i[0], c = t.substr(0, i.index).trim(), c && n.push(c); l = r.pop(); ) {
-      if (Se[a]) {
-        if (Se[a][0] === l) {
-          a = Se[a][1] || a;
+$t = /<=|>=|==|!=|&&|\|\||\?:|\(|!|\*|\/|%|\+|-|<|>|\?|\)|:/;
+function En(n) {
+  for (var t = [], r = [], i, a, s, u; i = n.match($t); ) {
+    for (a = i[0], s = n.substr(0, i.index).trim(), s && t.push(s); u = r.pop(); ) {
+      if (Ie[a]) {
+        if (Ie[a][0] === u) {
+          a = Ie[a][1] || a;
           break;
         }
-      } else if (Ft.indexOf(l) >= 0 || Qe[l] < Qe[a]) {
-        r.push(l);
+      } else if (kt.indexOf(u) >= 0 || it[u] < it[a]) {
+        r.push(u);
         break;
       }
-      n.push(l);
+      t.push(u);
     }
-    Se[a] || r.push(a), t = t.substr(i.index + a.length);
+    Ie[a] || r.push(a), n = n.substr(i.index + a.length);
   }
-  return t = t.trim(), t && n.push(t), n.concat(r.reverse());
+  return n = n.trim(), n && t.push(n), t.concat(r.reverse());
 }
 var Rn = {
-  "!": function(t) {
-    return !t;
+  "!": function(n) {
+    return !n;
   },
-  "*": function(t, n) {
-    return t * n;
+  "*": function(n, t) {
+    return n * t;
   },
-  "/": function(t, n) {
-    return t / n;
+  "/": function(n, t) {
+    return n / t;
   },
-  "%": function(t, n) {
-    return t % n;
+  "%": function(n, t) {
+    return n % t;
   },
-  "+": function(t, n) {
-    return t + n;
+  "+": function(n, t) {
+    return n + t;
   },
-  "-": function(t, n) {
-    return t - n;
+  "-": function(n, t) {
+    return n - t;
   },
-  "<": function(t, n) {
-    return t < n;
+  "<": function(n, t) {
+    return n < t;
   },
-  "<=": function(t, n) {
-    return t <= n;
+  "<=": function(n, t) {
+    return n <= t;
   },
-  ">": function(t, n) {
-    return t > n;
+  ">": function(n, t) {
+    return n > t;
   },
-  ">=": function(t, n) {
-    return t >= n;
+  ">=": function(n, t) {
+    return n >= t;
   },
-  "==": function(t, n) {
-    return t === n;
+  "==": function(n, t) {
+    return n === t;
   },
-  "!=": function(t, n) {
-    return t !== n;
+  "!=": function(n, t) {
+    return n !== t;
   },
-  "&&": function(t, n) {
-    return t && n;
+  "&&": function(n, t) {
+    return n && t;
   },
-  "||": function(t, n) {
-    return t || n;
+  "||": function(n, t) {
+    return n || t;
   },
-  "?:": function(t, n, r) {
-    if (t)
-      throw n;
+  "?:": function(n, t, r) {
+    if (n)
+      throw t;
     return r;
   }
 };
-function Tn(t, n) {
-  var r = [], i, a, c, l, h, u;
-  for (i = 0; i < t.length; i++) {
-    if (h = t[i], l = Rn[h], l) {
-      for (a = l.length, c = Array(a); a--; )
-        c[a] = r.pop();
+function Tn(n, t) {
+  var r = [], i, a, s, u, h, f;
+  for (i = 0; i < n.length; i++) {
+    if (h = n[i], u = Rn[h], u) {
+      for (a = u.length, s = Array(a); a--; )
+        s[a] = r.pop();
       try {
-        u = l.apply(null, c);
-      } catch (f) {
-        return f;
+        f = u.apply(null, s);
+      } catch (p) {
+        return p;
       }
-    } else n.hasOwnProperty(h) ? u = n[h] : u = +h;
-    r.push(u);
+    } else t.hasOwnProperty(h) ? f = t[h] : f = +h;
+    r.push(f);
   }
   return r[0];
 }
-function jn(t) {
-  var n = En(t);
+function jn(n) {
+  var t = En(n);
   return function(r) {
-    return Tn(n, r);
+    return Tn(t, r);
   };
 }
-function Ln(t) {
-  var n = jn(t);
+function Ln(n) {
+  var t = jn(n);
   return function(r) {
-    return +n({ n: r });
+    return +t({ n: r });
   };
 }
-var xt = {
+var Et = {
   contextDelimiter: "",
   onMissingKey: null
 };
-function Sn(t) {
-  var n, r, i;
-  for (n = t.split(";"), r = 0; r < n.length; r++)
-    if (i = n[r].trim(), i.indexOf("plural=") === 0)
+function An(n) {
+  var t, r, i;
+  for (t = n.split(";"), r = 0; r < t.length; r++)
+    if (i = t[r].trim(), i.indexOf("plural=") === 0)
       return i.substr(7);
 }
-function nt(t, n) {
+function ot(n, t) {
   var r;
-  this.data = t, this.pluralForms = {}, this.options = {};
-  for (r in xt)
-    this.options[r] = n !== void 0 && r in n ? n[r] : xt[r];
+  this.data = n, this.pluralForms = {}, this.options = {};
+  for (r in Et)
+    this.options[r] = t !== void 0 && r in t ? t[r] : Et[r];
 }
-nt.prototype.getPluralForm = function(t, n) {
-  var r = this.pluralForms[t], i, a, c;
-  return r || (i = this.data[t][""], c = i["Plural-Forms"] || i["plural-forms"] || // Ignore reason: As known, there's no way to document the empty
+ot.prototype.getPluralForm = function(n, t) {
+  var r = this.pluralForms[n], i, a, s;
+  return r || (i = this.data[n][""], s = i["Plural-Forms"] || i["plural-forms"] || // Ignore reason: As known, there's no way to document the empty
   // string property on a key to guarantee this as metadata.
   // @ts-ignore
-  i.plural_forms, typeof c != "function" && (a = Sn(
+  i.plural_forms, typeof s != "function" && (a = An(
     i["Plural-Forms"] || i["plural-forms"] || // Ignore reason: As known, there's no way to document the empty
     // string property on a key to guarantee this as metadata.
     // @ts-ignore
     i.plural_forms
-  ), c = Ln(a)), r = this.pluralForms[t] = c), r(n);
+  ), s = Ln(a)), r = this.pluralForms[n] = s), r(t);
 };
-nt.prototype.dcnpgettext = function(t, n, r, i, a) {
-  var c, l, h;
-  return a === void 0 ? c = 0 : c = this.getPluralForm(t, a), l = r, n && (l = n + this.options.contextDelimiter + r), h = this.data[t][l], h && h[c] ? h[c] : (this.options.onMissingKey && this.options.onMissingKey(r, t), c === 0 ? r : i);
+ot.prototype.dcnpgettext = function(n, t, r, i, a) {
+  var s, u, h;
+  return a === void 0 ? s = 0 : s = this.getPluralForm(n, a), u = r, t && (u = t + this.options.contextDelimiter + r), h = this.data[n][u], h && h[s] ? h[s] : (this.options.onMissingKey && this.options.onMissingKey(r, n), s === 0 ? r : i);
 };
-const wt = {
+const Rt = {
   "": {
-    plural_forms(t) {
-      return t === 1 ? 0 : 1;
+    plural_forms(n) {
+      return n === 1 ? 0 : 1;
     }
   }
-}, An = /^i18n\.(n?gettext|has_translation)(_|$)/, On = (t, n, r) => {
-  const i = new nt({}), a = /* @__PURE__ */ new Set(), c = () => {
-    a.forEach((p) => p());
-  }, l = (p) => (a.add(p), () => a.delete(p)), h = (p = "default") => i.data[p], u = (p, m = "default") => {
-    var b;
-    i.data[m] = {
-      ...i.data[m],
-      ...p
-    }, i.data[m][""] = {
-      ...wt[""],
-      ...(b = i.data[m]) == null ? void 0 : b[""]
-    }, delete i.pluralForms[m];
-  }, f = (p, m) => {
-    u(p, m), c();
-  }, v = (p, m = "default") => {
-    var b;
-    i.data[m] = {
-      ...i.data[m],
-      ...p,
+}, Sn = /^i18n\.(n?gettext|has_translation)(_|$)/, On = (n, t, r) => {
+  const i = new ot({}), a = /* @__PURE__ */ new Set(), s = () => {
+    a.forEach((l) => l());
+  }, u = (l) => (a.add(l), () => a.delete(l)), h = (l = "default") => i.data[l], f = (l, v = "default") => {
+    var _;
+    i.data[v] = {
+      ...i.data[v],
+      ...l
+    }, i.data[v][""] = {
+      ...Rt[""],
+      ...(_ = i.data[v]) == null ? void 0 : _[""]
+    }, delete i.pluralForms[v];
+  }, p = (l, v) => {
+    f(l, v), s();
+  }, m = (l, v = "default") => {
+    var _;
+    i.data[v] = {
+      ...i.data[v],
+      ...l,
       // Populate default domain configuration (supported locale date which omits
       // a plural forms expression).
       "": {
-        ...wt[""],
-        ...(b = i.data[m]) == null ? void 0 : b[""],
-        ...p == null ? void 0 : p[""]
+        ...Rt[""],
+        ...(_ = i.data[v]) == null ? void 0 : _[""],
+        ...l == null ? void 0 : l[""]
       }
-    }, delete i.pluralForms[m], c();
-  }, _ = (p, m) => {
-    i.data = {}, i.pluralForms = {}, f(p, m);
-  }, C = (p = "default", m, b, L, O) => (i.data[p] || u(void 0, p), i.dcnpgettext(p, m, b, L, O)), j = (p) => p || "default", I = (p, m) => {
-    let b = C(m, void 0, p);
-    return r ? (b = r.applyFilters("i18n.gettext", b, p, m), r.applyFilters("i18n.gettext_" + j(m), b, p, m)) : b;
-  }, M = (p, m, b) => {
-    let L = C(b, m, p);
-    return r ? (L = r.applyFilters("i18n.gettext_with_context", L, p, m, b), r.applyFilters("i18n.gettext_with_context_" + j(b), L, p, m, b)) : L;
-  }, B = (p, m, b, L) => {
-    let O = C(L, void 0, p, m, b);
-    return r ? (O = r.applyFilters("i18n.ngettext", O, p, m, b, L), r.applyFilters("i18n.ngettext_" + j(L), O, p, m, b, L)) : O;
-  }, $ = (p, m, b, L, O) => {
-    let R = C(O, L, p, m, b);
-    return r ? (R = r.applyFilters("i18n.ngettext_with_context", R, p, m, b, L, O), r.applyFilters("i18n.ngettext_with_context_" + j(O), R, p, m, b, L, O)) : R;
-  }, A = () => M("ltr", "text direction") === "rtl", g = (p, m, b) => {
-    var R, ue;
-    const L = m ? m + "" + p : p;
-    let O = !!((ue = (R = i.data) == null ? void 0 : R[b ?? "default"]) != null && ue[L]);
-    return r && (O = r.applyFilters("i18n.has_translation", O, p, m, b), O = r.applyFilters("i18n.has_translation_" + j(b), O, p, m, b)), O;
+    }, delete i.pluralForms[v], s();
+  }, g = (l, v) => {
+    i.data = {}, i.pluralForms = {}, p(l, v);
+  }, C = (l = "default", v, _, A, O) => (i.data[l] || f(void 0, l), i.dcnpgettext(l, v, _, A, O)), E = (l) => l || "default", D = (l, v) => {
+    let _ = C(v, void 0, l);
+    return r ? (_ = r.applyFilters("i18n.gettext", _, l, v), r.applyFilters("i18n.gettext_" + E(v), _, l, v)) : _;
+  }, H = (l, v, _) => {
+    let A = C(_, v, l);
+    return r ? (A = r.applyFilters("i18n.gettext_with_context", A, l, v, _), r.applyFilters("i18n.gettext_with_context_" + E(_), A, l, v, _)) : A;
+  }, B = (l, v, _, A) => {
+    let O = C(A, void 0, l, v, _);
+    return r ? (O = r.applyFilters("i18n.ngettext", O, l, v, _, A), r.applyFilters("i18n.ngettext_" + E(A), O, l, v, _, A)) : O;
+  }, M = (l, v, _, A, O) => {
+    let T = C(O, A, l, v, _);
+    return r ? (T = r.applyFilters("i18n.ngettext_with_context", T, l, v, _, A, O), r.applyFilters("i18n.ngettext_with_context_" + E(O), T, l, v, _, A, O)) : T;
+  }, j = () => H("ltr", "text direction") === "rtl", K = (l, v, _) => {
+    var T, Z;
+    const A = v ? v + "" + l : l;
+    let O = !!((Z = (T = i.data) == null ? void 0 : T[_ ?? "default"]) != null && Z[A]);
+    return r && (O = r.applyFilters("i18n.has_translation", O, l, v, _), O = r.applyFilters("i18n.has_translation_" + E(_), O, l, v, _)), O;
   };
   if (r) {
-    const p = (m) => {
-      An.test(m) && c();
+    const l = (v) => {
+      Sn.test(v) && s();
     };
-    r.addAction("hookAdded", "core/i18n", p), r.addAction("hookRemoved", "core/i18n", p);
+    r.addAction("hookAdded", "core/i18n", l), r.addAction("hookRemoved", "core/i18n", l);
   }
   return {
     getLocaleData: h,
-    setLocaleData: f,
-    addLocaleData: v,
-    resetLocaleData: _,
-    subscribe: l,
-    __: I,
-    _x: M,
+    setLocaleData: p,
+    addLocaleData: m,
+    resetLocaleData: g,
+    subscribe: u,
+    __: D,
+    _x: H,
     _n: B,
-    _nx: $,
-    isRTL: A,
-    hasTranslation: g
+    _nx: M,
+    isRTL: j,
+    hasTranslation: K
   };
 };
-function kt(t) {
-  return typeof t != "string" || t === "" ? (console.error("The namespace must be a non-empty string."), !1) : /^[a-zA-Z][a-zA-Z0-9_.\-\/]*$/.test(t) ? !0 : (console.error("The namespace can only contain numbers, letters, dashes, periods, underscores and slashes."), !1);
+function Ht(n) {
+  return typeof n != "string" || n === "" ? (console.error("The namespace must be a non-empty string."), !1) : /^[a-zA-Z][a-zA-Z0-9_.\-\/]*$/.test(n) ? !0 : (console.error("The namespace can only contain numbers, letters, dashes, periods, underscores and slashes."), !1);
 }
-function rt(t) {
-  return typeof t != "string" || t === "" ? (console.error("The hook name must be a non-empty string."), !1) : /^__/.test(t) ? (console.error("The hook name cannot begin with `__`."), !1) : /^[a-zA-Z][a-zA-Z0-9_.-]*$/.test(t) ? !0 : (console.error("The hook name can only contain numbers, letters, dashes, periods and underscores."), !1);
+function st(n) {
+  return typeof n != "string" || n === "" ? (console.error("The hook name must be a non-empty string."), !1) : /^__/.test(n) ? (console.error("The hook name cannot begin with `__`."), !1) : /^[a-zA-Z][a-zA-Z0-9_.-]*$/.test(n) ? !0 : (console.error("The hook name can only contain numbers, letters, dashes, periods and underscores."), !1);
 }
-function Et(t, n) {
-  return function(i, a, c, l = 10) {
-    const h = t[n];
-    if (!rt(i) || !kt(a))
+function Tt(n, t) {
+  return function(i, a, s, u = 10) {
+    const h = n[t];
+    if (!st(i) || !Ht(a))
       return;
-    if (typeof c != "function") {
+    if (typeof s != "function") {
       console.error("The hook callback must be a function.");
       return;
     }
-    if (typeof l != "number") {
+    if (typeof u != "number") {
       console.error("If specified, the hook priority must be a number.");
       return;
     }
-    const u = {
-      callback: c,
-      priority: l,
+    const f = {
+      callback: s,
+      priority: u,
       namespace: a
     };
     if (h[i]) {
-      const f = h[i].handlers;
-      let v;
-      for (v = f.length; v > 0 && !(l >= f[v - 1].priority); v--)
+      const p = h[i].handlers;
+      let m;
+      for (m = p.length; m > 0 && !(u >= p[m - 1].priority); m--)
         ;
-      v === f.length ? f[v] = u : f.splice(v, 0, u), h.__current.forEach((_) => {
-        _.name === i && _.currentIndex >= v && _.currentIndex++;
+      m === p.length ? p[m] = f : p.splice(m, 0, f), h.__current.forEach((g) => {
+        g.name === i && g.currentIndex >= m && g.currentIndex++;
       });
     } else
       h[i] = {
-        handlers: [u],
+        handlers: [f],
         runs: 0
       };
-    i !== "hookAdded" && t.doAction("hookAdded", i, a, c, l);
+    i !== "hookAdded" && n.doAction("hookAdded", i, a, s, u);
   };
 }
-function Me(t, n, r = !1) {
-  return function(a, c) {
-    const l = t[n];
-    if (!rt(a) || !r && !kt(c))
+function Ve(n, t, r = !1) {
+  return function(a, s) {
+    const u = n[t];
+    if (!st(a) || !r && !Ht(s))
       return;
-    if (!l[a])
+    if (!u[a])
       return 0;
     let h = 0;
     if (r)
-      h = l[a].handlers.length, l[a] = {
-        runs: l[a].runs,
+      h = u[a].handlers.length, u[a] = {
+        runs: u[a].runs,
         handlers: []
       };
     else {
-      const u = l[a].handlers;
-      for (let f = u.length - 1; f >= 0; f--)
-        u[f].namespace === c && (u.splice(f, 1), h++, l.__current.forEach((v) => {
-          v.name === a && v.currentIndex >= f && v.currentIndex--;
+      const f = u[a].handlers;
+      for (let p = f.length - 1; p >= 0; p--)
+        f[p].namespace === s && (f.splice(p, 1), h++, u.__current.forEach((m) => {
+          m.name === a && m.currentIndex >= p && m.currentIndex--;
         }));
     }
-    return a !== "hookRemoved" && t.doAction("hookRemoved", a, c), h;
+    return a !== "hookRemoved" && n.doAction("hookRemoved", a, s), h;
   };
 }
-function Rt(t, n) {
+function jt(n, t) {
   return function(i, a) {
-    const c = t[n];
-    return typeof a < "u" ? i in c && c[i].handlers.some((l) => l.namespace === a) : i in c;
+    const s = n[t];
+    return typeof a < "u" ? i in s && s[i].handlers.some((u) => u.namespace === a) : i in s;
   };
 }
-function ke(t, n, r, i) {
-  return function(c, ...l) {
-    const h = t[n];
-    h[c] || (h[c] = {
+function We(n, t, r, i) {
+  return function(s, ...u) {
+    const h = n[t];
+    h[s] || (h[s] = {
       handlers: [],
       runs: 0
-    }), h[c].runs++;
-    const u = h[c].handlers;
-    if (process.env.NODE_ENV !== "production" && c !== "hookAdded" && h.all && u.push(...h.all.handlers), !u || !u.length)
-      return r ? l[0] : void 0;
-    const f = {
-      name: c,
+    }), h[s].runs++;
+    const f = h[s].handlers;
+    if (process.env.NODE_ENV !== "production" && s !== "hookAdded" && h.all && f.push(...h.all.handlers), !f || !f.length)
+      return r ? u[0] : void 0;
+    const p = {
+      name: s,
       currentIndex: 0
     };
-    async function v() {
+    async function m() {
       try {
-        h.__current.add(f);
-        let C = r ? l[0] : void 0;
-        for (; f.currentIndex < u.length; )
-          C = await u[f.currentIndex].callback.apply(null, l), r && (l[0] = C), f.currentIndex++;
+        h.__current.add(p);
+        let C = r ? u[0] : void 0;
+        for (; p.currentIndex < f.length; )
+          C = await f[p.currentIndex].callback.apply(null, u), r && (u[0] = C), p.currentIndex++;
         return r ? C : void 0;
       } finally {
-        h.__current.delete(f);
+        h.__current.delete(p);
       }
     }
-    function _() {
+    function g() {
       try {
-        h.__current.add(f);
-        let C = r ? l[0] : void 0;
-        for (; f.currentIndex < u.length; )
-          C = u[f.currentIndex].callback.apply(null, l), r && (l[0] = C), f.currentIndex++;
+        h.__current.add(p);
+        let C = r ? u[0] : void 0;
+        for (; p.currentIndex < f.length; )
+          C = f[p.currentIndex].callback.apply(null, u), r && (u[0] = C), p.currentIndex++;
         return r ? C : void 0;
       } finally {
-        h.__current.delete(f);
+        h.__current.delete(p);
       }
     }
-    return (i ? v : _)();
+    return (i ? m : g)();
   };
 }
-function Tt(t, n) {
+function Lt(n, t) {
   return function() {
-    var l;
+    var u;
     var i;
-    const a = t[n];
-    return (i = (l = Array.from(a.__current).at(-1)) == null ? void 0 : l.name) !== null && i !== void 0 ? i : null;
+    const a = n[t];
+    return (i = (u = Array.from(a.__current).at(-1)) == null ? void 0 : u.name) !== null && i !== void 0 ? i : null;
   };
 }
-function jt(t, n) {
+function At(n, t) {
   return function(i) {
-    const a = t[n];
-    return typeof i > "u" ? a.__current.size > 0 : Array.from(a.__current).some((c) => c.name === i);
+    const a = n[t];
+    return typeof i > "u" ? a.__current.size > 0 : Array.from(a.__current).some((s) => s.name === i);
   };
 }
-function Lt(t, n) {
+function St(n, t) {
   return function(i) {
-    const a = t[n];
-    if (rt(i))
+    const a = n[t];
+    if (st(i))
       return a[i] && a[i].runs ? a[i].runs : 0;
   };
 }
-class Dn {
+class In {
   constructor() {
-    this.actions = /* @__PURE__ */ Object.create(null), this.actions.__current = /* @__PURE__ */ new Set(), this.filters = /* @__PURE__ */ Object.create(null), this.filters.__current = /* @__PURE__ */ new Set(), this.addAction = Et(this, "actions"), this.addFilter = Et(this, "filters"), this.removeAction = Me(this, "actions"), this.removeFilter = Me(this, "filters"), this.hasAction = Rt(this, "actions"), this.hasFilter = Rt(this, "filters"), this.removeAllActions = Me(this, "actions", !0), this.removeAllFilters = Me(this, "filters", !0), this.doAction = ke(this, "actions", !1, !1), this.doActionAsync = ke(this, "actions", !1, !0), this.applyFilters = ke(this, "filters", !0, !1), this.applyFiltersAsync = ke(this, "filters", !0, !0), this.currentAction = Tt(this, "actions"), this.currentFilter = Tt(this, "filters"), this.doingAction = jt(this, "actions"), this.doingFilter = jt(this, "filters"), this.didAction = Lt(this, "actions"), this.didFilter = Lt(this, "filters");
+    this.actions = /* @__PURE__ */ Object.create(null), this.actions.__current = /* @__PURE__ */ new Set(), this.filters = /* @__PURE__ */ Object.create(null), this.filters.__current = /* @__PURE__ */ new Set(), this.addAction = Tt(this, "actions"), this.addFilter = Tt(this, "filters"), this.removeAction = Ve(this, "actions"), this.removeFilter = Ve(this, "filters"), this.hasAction = jt(this, "actions"), this.hasFilter = jt(this, "filters"), this.removeAllActions = Ve(this, "actions", !0), this.removeAllFilters = Ve(this, "filters", !0), this.doAction = We(this, "actions", !1, !1), this.doActionAsync = We(this, "actions", !1, !0), this.applyFilters = We(this, "filters", !0, !1), this.applyFiltersAsync = We(this, "filters", !0, !0), this.currentAction = Lt(this, "actions"), this.currentFilter = Lt(this, "filters"), this.doingAction = At(this, "actions"), this.doingFilter = At(this, "filters"), this.didAction = St(this, "actions"), this.didFilter = St(this, "filters");
   }
 }
-function In() {
-  return new Dn();
+function Dn() {
+  return new In();
 }
-const $t = In(), {
-  addAction: Ur,
-  addFilter: Zr,
-  removeAction: Gr,
-  removeFilter: Kr,
-  hasAction: Xr,
-  hasFilter: zr,
-  removeAllActions: Jr,
-  removeAllFilters: qr,
-  doAction: Qr,
-  doActionAsync: ei,
-  applyFilters: ti,
-  applyFiltersAsync: ni,
-  currentAction: ri,
-  currentFilter: ii,
-  doingAction: ai,
-  doingFilter: oi,
-  didAction: si,
-  didFilter: ci,
-  actions: li,
-  filters: ui
-} = $t, F = On(void 0, void 0, $t);
+const Nt = Dn(), {
+  addAction: Kr,
+  addFilter: Xr,
+  removeAction: Jr,
+  removeFilter: qr,
+  hasAction: zr,
+  hasFilter: Qr,
+  removeAllActions: ei,
+  removeAllFilters: ti,
+  doAction: ni,
+  doActionAsync: ri,
+  applyFilters: ii,
+  applyFiltersAsync: ai,
+  currentAction: oi,
+  currentFilter: si,
+  doingAction: li,
+  doingFilter: ci,
+  didAction: ui,
+  didFilter: fi,
+  actions: di,
+  filters: hi
+} = Nt, F = On(void 0, void 0, Nt);
 F.getLocaleData.bind(F);
 F.setLocaleData.bind(F);
 F.resetLocaleData.bind(F);
 F.subscribe.bind(F);
-const _e = F.__.bind(F);
+const Re = F.__.bind(F);
 F._x.bind(F);
 F._n.bind(F);
 F._nx.bind(F);
 F.isRTL.bind(F);
 F.hasTranslation.bind(F);
-const Ht = _e("Ask anything", "a8c-agenttic"), et = {
+const Vt = Re("Ask anything", "a8c-agenttic"), at = {
   type: "spring",
   stiffness: 300,
   damping: 30
-}, Pn = {
-  type: "spring",
-  stiffness: 400,
-  damping: 35
-}, it = {
+}, De = {
   type: "spring",
   damping: 40,
   stiffness: 500,
   mass: 0.8
-}, Ve = {
-  ...it,
+}, Ye = {
+  ...De,
   stiffness: 1e3,
   damping: 90
-}, at = {
+}, lt = {
   type: "spring",
   damping: 40,
-  stiffness: 400,
+  stiffness: 500,
   mass: 0.8
-}, Nt = {
+}, Wt = {
   hidden: {
     opacity: 0
   },
   visible: {
     opacity: 1,
-    transition: et
+    transition: at
   },
   exit: {
     opacity: 0,
-    transition: { ...et, duration: 0.1 }
+    transition: { ...at, duration: 0.1 }
   }
-}, Fn = () => {
+}, Pn = () => {
   if (typeof window > "u")
     return { left: 0, right: 0, top: 0, bottom: 0 };
-  const t = 20;
+  const n = 20;
   return {
-    left: t,
-    right: window.innerWidth - 400 - t,
+    left: n,
+    right: window.innerWidth - 400 - n,
     // Assuming max width of 400px
-    top: t,
-    bottom: window.innerHeight - 60 - t
+    top: n,
+    bottom: window.innerHeight - 60 - n
     // Assuming collapsed height of 60px
   };
-}, Mn = {
+}, Fn = {
   "0%": { backgroundPosition: "-200% 0" },
   "100%": { backgroundPosition: "200% 0" }
-}, fi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, pi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  fadeVariants: Nt,
-  fastSpring: it,
-  fastSpringWithDelay: Ve,
-  getDragConstraints: Fn,
-  layoutTransition: Pn,
-  morphSpring: at,
-  springConfig: et,
-  thinkingGradientKeyframes: Mn
-}, Symbol.toStringTag, { value: "Module" })), kn = "button-module_button", $n = "button-module_primary", Hn = "button-module_ghost", Nn = "button-module_outline", Vn = "button-module_link", Wn = "button-module_icon", Bn = "button-module_sm", Yn = "button-module_withTextAndIcon", $e = {
-  button: kn,
+  fadeVariants: Wt,
+  fastSpring: De,
+  fastSpringWithDelay: Ye,
+  getDragConstraints: Pn,
+  morphSpring: lt,
+  springConfig: at,
+  thinkingGradientKeyframes: Fn
+}, Symbol.toStringTag, { value: "Module" })), Mn = "button-module_button", kn = "button-module_pressed", $n = "button-module_primary", Hn = "button-module_ghost", Nn = "button-module_outline", Vn = "button-module_link", Wn = "button-module_icon", Bn = "button-module_sm", Yn = "button-module_withTextAndIcon", Ae = {
+  button: Mn,
+  pressed: kn,
   primary: $n,
   ghost: Hn,
   outline: Nn,
@@ -1158,50 +1154,53 @@ const Ht = _e("Ask anything", "a8c-agenttic"), et = {
   icon: Wn,
   sm: Bn,
   withTextAndIcon: Yn
-}, Q = Pt.forwardRef(
+}, ee = Mt.forwardRef(
   function({
-    className: n,
+    className: t,
     variant: r = "primary",
     size: i,
     icon: a,
-    children: c,
-    asChild: l = !1,
-    ...h
-  }, u) {
-    const f = l ? yn : "button", v = !!a, _ = i || (v && !c ? "icon" : void 0);
-    return /* @__PURE__ */ s.jsxs(
-      f,
+    children: s,
+    asChild: u = !1,
+    pressed: h = !1,
+    ...f
+  }, p) {
+    const m = u ? yn : "button", g = !!a, C = i || (g && !s ? "icon" : void 0);
+    return /* @__PURE__ */ o.jsxs(
+      m,
       {
-        ref: u,
+        ref: p,
         "data-slot": "button",
-        className: le(
-          $e.button,
-          $e[r],
-          _ && $e[_],
-          v && c ? $e.withTextAndIcon : void 0,
-          n
+        className: se(
+          Ae.button,
+          Ae[r],
+          C && Ae[C],
+          g && s ? Ae.withTextAndIcon : void 0,
+          h ? Ae.pressed : void 0,
+          t
         ),
-        ...h,
+        "aria-pressed": h,
+        ...f,
         children: [
           a,
-          c
+          s
         ]
       }
     );
   }
 );
-Q.displayName = "Button";
-function Vt({ className: t, size: n = 24 }) {
-  return /* @__PURE__ */ s.jsx(
+ee.displayName = "Button";
+function Bt({ className: n, size: t = 24 }) {
+  return /* @__PURE__ */ o.jsx(
     "svg",
     {
-      className: t,
-      width: n,
-      height: n,
+      className: n,
+      width: t,
+      height: t,
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ s.jsx(
+      children: /* @__PURE__ */ o.jsx(
         "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",
@@ -1211,20 +1210,20 @@ function Vt({ className: t, size: n = 24 }) {
     }
   );
 }
-const Un = "CollapsedView-module_button", Zn = {
-  button: Un
+const Zn = "CollapsedView-module_button", Un = {
+  button: Zn
 };
 function Gn({
-  icon: t = /* @__PURE__ */ s.jsx(Vt, { size: 36 }),
-  onClick: n,
+  icon: n = /* @__PURE__ */ o.jsx(Bt, { size: 36 }),
+  onClick: t,
   onHover: r,
   focusOnMount: i = !1
 }) {
-  const a = W(null), c = W(i);
-  return q(() => {
-    c.current && a.current && a.current.focus(), c.current = !1;
-  }, [c, a]), /* @__PURE__ */ s.jsx(
-    ae.div,
+  const a = W(null), s = W(i);
+  return J(() => {
+    s.current && a.current && a.current.focus(), s.current = !1;
+  }, [s, a]), /* @__PURE__ */ o.jsx(
+    q.div,
     {
       "data-slot": "collapsed-view",
       layout: "preserve-aspect",
@@ -1237,7 +1236,7 @@ function Gn({
         opacity: 1,
         scale: 1,
         transition: {
-          ...at,
+          ...lt,
           delay: 0.2
         }
       },
@@ -1248,16 +1247,16 @@ function Gn({
           duration: 0.15
         }
       },
-      children: /* @__PURE__ */ s.jsx(
-        Q,
+      children: /* @__PURE__ */ o.jsx(
+        ee,
         {
           ref: a,
-          onClick: n,
+          onClick: t,
           onMouseEnter: r,
           variant: "link",
-          className: Zn.button,
-          icon: t,
-          "aria-label": _e("Open chat", "a8c-agenttic")
+          className: Un.button,
+          icon: n,
+          "aria-label": Re("Open chat", "a8c-agenttic")
         }
       )
     }
@@ -1265,29 +1264,29 @@ function Gn({
 }
 const Kn = "Textarea-module_textarea", Xn = {
   textarea: Kn
-}, Wt = Pt.forwardRef(
-  ({ className: t, ...n }, r) => /* @__PURE__ */ s.jsx(
+}, Yt = Mt.forwardRef(
+  ({ className: n, ...t }, r) => /* @__PURE__ */ o.jsx(
     "textarea",
     {
       "data-slot": "textarea",
       className: Xn.textarea,
       ref: r,
-      ...n
+      ...t
     }
   )
 );
-Wt.displayName = "Textarea";
-function zn({ className: t, size: n = 24 }) {
-  return /* @__PURE__ */ s.jsx(
+Yt.displayName = "Textarea";
+function Jn({ className: n, size: t = 24 }) {
+  return /* @__PURE__ */ o.jsx(
     "svg",
     {
-      width: n,
-      height: n,
+      width: t,
+      height: t,
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: t,
-      children: /* @__PURE__ */ s.jsx(
+      className: n,
+      children: /* @__PURE__ */ o.jsx(
         "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",
@@ -1297,17 +1296,17 @@ function zn({ className: t, size: n = 24 }) {
     }
   );
 }
-function Jn({ className: t, size: n = 24 }) {
-  return /* @__PURE__ */ s.jsx(
+function qn({ className: n, size: t = 24 }) {
+  return /* @__PURE__ */ o.jsx(
     "svg",
     {
-      width: n,
-      height: n,
+      width: t,
+      height: t,
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: t,
-      children: /* @__PURE__ */ s.jsx(
+      className: n,
+      children: /* @__PURE__ */ o.jsx(
         "rect",
         {
           x: "7",
@@ -1321,23 +1320,23 @@ function Jn({ className: t, size: n = 24 }) {
     }
   );
 }
-const qn = "ChatInput-module_container", Qn = "ChatInput-module_textareaContainer", er = "ChatInput-module_actions", tr = "ChatInput-module_button", ge = {
-  container: qn,
+const zn = "ChatInput-module_container", Qn = "ChatInput-module_textareaContainer", er = "ChatInput-module_actions", tr = "ChatInput-module_button", be = {
+  container: zn,
   textareaContainer: Qn,
   actions: er,
   button: tr
 };
-function nr({ className: t, size: n = 24 }) {
-  return /* @__PURE__ */ s.jsx(
+function nr({ className: n, size: t = 24 }) {
+  return /* @__PURE__ */ o.jsx(
     "svg",
     {
-      className: t,
-      width: n,
-      height: n,
+      className: n,
+      width: t,
+      height: t,
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ s.jsx(
+      children: /* @__PURE__ */ o.jsx(
         "path",
         {
           fillRule: "evenodd",
@@ -1349,153 +1348,207 @@ function nr({ className: t, size: n = 24 }) {
     }
   );
 }
-function Bt({
-  value: t,
-  onChange: n,
+const rr = "AnimatedPlaceholder-module_container", ir = {
+  container: rr
+};
+function ar({
+  texts: n,
+  interval: t = 3e3,
+  className: r = ""
+}) {
+  const [i, a] = Ee(0);
+  return J(() => {
+    const s = setInterval(() => {
+      a(
+        (u) => (u + 1) % n.length
+      );
+    }, t);
+    return () => clearInterval(s);
+  }, [n.length, t]), /* @__PURE__ */ o.jsx(Ue, { mode: "wait", children: /* @__PURE__ */ o.jsx(
+    q.span,
+    {
+      "data-slot": "animated-placeholder",
+      className: se(ir.container, r),
+      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: n[i]
+    },
+    i
+  ) });
+}
+function Zt({
+  value: n,
+  onChange: t,
   onSubmit: r,
   onKeyDown: i,
   textareaRef: a,
-  placeholder: c = Ht,
-  isProcessing: l,
+  placeholder: s = Vt,
+  isProcessing: u,
   onBlur: h,
-  fromCompact: u = !1,
-  onExpand: f,
-  showExpandButton: v = !0,
-  focusOnMount: _ = !1,
+  fromCompact: f = !1,
+  onExpand: p,
+  showExpandButton: m = !0,
+  focusOnMount: g = !1,
   customActions: C = [],
-  actionOrder: j = "before-submit"
+  actionOrder: E = "before-submit",
+  onStop: D,
+  disabled: H = !1
 }) {
-  const I = dn(), M = t.trim() || l, B = c.endsWith("…") ? c : `${c}…`, $ = W(_);
-  q(() => {
-    $.current && a.current && a.current.focus(), $.current = !1;
-  }, [$, a]);
-  const A = () => C.map((m) => /* @__PURE__ */ s.jsx(
-    Q,
+  const B = dn(), M = (n.trim() || u) && !H, j = (T) => T.endsWith("…") ? T : `${T}…`, K = Array.isArray(s);
+  let l;
+  K ? l = s.map(j) : s ? l = j(s) : l = "";
+  const v = W(g);
+  J(() => {
+    v.current && a.current && a.current.focus(), v.current = !1;
+  }, [v, a]);
+  const _ = () => C.map((T) => /* @__PURE__ */ o.jsx(
+    ee,
     {
-      className: m.className || ge.button,
-      onClick: m.onClick,
-      disabled: m.disabled,
-      variant: m.variant || "ghost",
-      icon: m.icon,
-      "aria-label": m["aria-label"]
+      className: T.className || be.button,
+      onClick: T.onClick,
+      disabled: T.disabled,
+      variant: T.variant || "ghost",
+      icon: T.icon,
+      "aria-label": T["aria-label"]
     },
-    m.id
-  )), g = () => v && f ? /* @__PURE__ */ s.jsx(
-    Q,
+    T.id
+  )), A = () => m && p ? /* @__PURE__ */ o.jsx(
+    ee,
     {
-      className: ge.button,
-      onClick: f,
+      className: be.button,
+      onClick: p,
       variant: "ghost",
-      icon: /* @__PURE__ */ s.jsx(nr, {}),
-      "aria-label": _e("Expand conversation", "a8c-agenttic")
+      icon: /* @__PURE__ */ o.jsx(nr, {}),
+      "aria-label": Re("Expand conversation", "a8c-agenttic")
     }
-  ) : null, p = () => /* @__PURE__ */ s.jsx(
-    Q,
-    {
-      className: ge.button,
-      onClick: r,
-      disabled: !M,
-      variant: "primary",
-      icon: l ? /* @__PURE__ */ s.jsx(Jn, {}) : /* @__PURE__ */ s.jsx(zn, {}),
-      "aria-label": _e(l ? "Stop processing" : "Send message", "a8c-agenttic")
-    }
-  );
-  return /* @__PURE__ */ s.jsxs("div", { "data-slot": "chat-input", className: ge.container, children: [
-    /* @__PURE__ */ s.jsx(
-      ae.div,
+  ) : null, O = () => {
+    const T = () => {
+      u && D ? D() : r();
+    };
+    return /* @__PURE__ */ o.jsx(
+      ee,
       {
-        className: ge.textareaContainer,
+        className: be.button,
+        onClick: T,
+        disabled: !M,
+        variant: "primary",
+        icon: u ? /* @__PURE__ */ o.jsx(qn, {}) : /* @__PURE__ */ o.jsx(Jn, {}),
+        "aria-label": Re(u ? "Stop processing" : "Send message", "a8c-agenttic")
+      }
+    );
+  };
+  return /* @__PURE__ */ o.jsxs("div", { "data-slot": "chat-input", className: be.container, children: [
+    /* @__PURE__ */ o.jsxs(
+      q.div,
+      {
+        className: be.textareaContainer,
         initial: {
           opacity: 0
         },
         animate: {
           opacity: 1,
           scale: 1,
-          transition: t.trim() ? { duration: 0 } : Ve
+          transition: n.trim() ? { duration: 0 } : Ye
         },
-        children: /* @__PURE__ */ s.jsx(
-          Wt,
-          {
-            id: I,
-            ref: a,
-            value: t,
-            onChange: (m) => n(m.target.value),
-            onKeyDown: i,
-            onBlur: h,
-            placeholder: B,
-            rows: 1
-          }
-        )
+        children: [
+          !n && K && /* @__PURE__ */ o.jsx(
+            ar,
+            {
+              texts: l
+            }
+          ),
+          /* @__PURE__ */ o.jsx(
+            Yt,
+            {
+              id: B,
+              ref: a,
+              value: n,
+              onChange: (T) => t(T.target.value),
+              onKeyDown: i,
+              onBlur: h,
+              placeholder: K ? "" : l,
+              rows: 1
+            }
+          )
+        ]
       }
     ),
-    /* @__PURE__ */ s.jsxs(
-      ae.div,
+    /* @__PURE__ */ o.jsxs(
+      q.div,
       {
-        className: ge.actions,
+        className: be.actions,
         initial: {
-          opacity: u ? 1 : 0,
-          scale: u ? 1 : 0.5
+          opacity: f ? 1 : 0,
+          scale: f ? 1 : 0.5
         },
         animate: {
           opacity: 1,
           scale: 1,
-          transition: t.trim() ? { duration: 0 } : it
+          transition: n.trim() ? { duration: 0 } : De
         },
         children: [
-          g(),
-          j === "before-submit" && A(),
-          p(),
-          j === "after-submit" && A()
+          A(),
+          E === "before-submit" && _(),
+          O(),
+          E === "after-submit" && _()
         ]
       }
     )
   ] });
 }
-function rr({
-  value: t,
-  onChange: n,
+function or({
+  value: n,
+  onChange: t,
   onSubmit: r,
   onKeyDown: i,
   textareaRef: a,
-  placeholder: c,
-  isProcessing: l,
+  placeholder: s,
+  isProcessing: u,
   onBlur: h,
-  onExpand: u,
-  showExpandButton: f = !0,
-  focusOnMount: v = !1,
-  customActions: _,
-  actionOrder: C
+  onExpand: f,
+  showExpandButton: p = !0,
+  focusOnMount: m = !1,
+  customActions: g,
+  actionOrder: C,
+  onStop: E
 }) {
-  return /* @__PURE__ */ s.jsx(
-    Bt,
+  return /* @__PURE__ */ o.jsx(
+    Zt,
     {
-      value: t,
-      onChange: n,
+      value: n,
+      onChange: t,
       onSubmit: r,
       onKeyDown: i,
       textareaRef: a,
-      placeholder: c,
-      isProcessing: l,
+      placeholder: s,
+      isProcessing: u,
       onBlur: h,
-      onExpand: u,
-      showExpandButton: f,
-      focusOnMount: v,
-      customActions: _,
-      actionOrder: C
+      onExpand: f,
+      showExpandButton: p,
+      focusOnMount: m,
+      customActions: g,
+      actionOrder: C,
+      onStop: E
     }
   );
 }
-function Yt({ className: t, size: n = 24 }) {
-  return /* @__PURE__ */ s.jsx(
+function Ut({ className: n, size: t = 24 }) {
+  return /* @__PURE__ */ o.jsx(
     "svg",
     {
-      className: t,
-      width: n,
-      height: n,
+      className: n,
+      width: t,
+      height: t,
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ s.jsx(
+      children: /* @__PURE__ */ o.jsx(
         "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",
@@ -1505,65 +1558,68 @@ function Yt({ className: t, size: n = 24 }) {
     }
   );
 }
-const ir = "ChatHeader-module_container", ar = {
-  container: ir
+const sr = "ChatHeader-module_container", lr = {
+  container: sr
 };
-function or({ onClose: t }) {
-  return /* @__PURE__ */ s.jsx(
-    "div",
+function cr({ onClose: n }) {
+  return /* @__PURE__ */ o.jsx(
+    q.div,
     {
       "data-slot": "chat-header",
       "data-draggable": "true",
-      className: ar.container,
-      children: t && /* @__PURE__ */ s.jsx(
-        Q,
+      className: lr.container,
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      transition: { ...De, delay: 0.1 },
+      children: n && /* @__PURE__ */ o.jsx(
+        ee,
         {
           variant: "ghost",
-          icon: /* @__PURE__ */ s.jsx(Yt, {}),
-          onClick: t,
-          "aria-label": _e("Close conversation", "a8c-agenttic")
+          icon: /* @__PURE__ */ o.jsx(Ut, {}),
+          onClick: n,
+          "aria-label": Re("Close conversation", "a8c-agenttic")
         }
       )
     }
   );
 }
-const sr = "Notice-module_container", cr = "Notice-module_containerWithIcon", lr = "Notice-module_content", ur = "Notice-module_actions", fr = "Notice-module_icon", dr = "Notice-module_dismissible", ye = {
-  container: sr,
-  containerWithIcon: cr,
-  content: lr,
-  actions: ur,
-  icon: fr,
-  dismissible: dr
+const ur = "Notice-module_container", fr = "Notice-module_containerWithIcon", dr = "Notice-module_content", hr = "Notice-module_actions", pr = "Notice-module_icon", vr = "Notice-module_dismissible", we = {
+  container: ur,
+  containerWithIcon: fr,
+  content: dr,
+  actions: hr,
+  icon: pr,
+  dismissible: vr
 };
-function hr({
-  icon: t,
-  message: n,
+function mr({
+  icon: n,
+  message: t,
   action: r,
   dismissible: i = !0,
   onDismiss: a
 }) {
-  return /* @__PURE__ */ s.jsxs(
+  return /* @__PURE__ */ o.jsxs(
     "div",
     {
       "data-slot": "notice",
-      className: le(ye.container, {
-        [ye.containerWithIcon]: !!t
+      className: se(we.container, {
+        [we.containerWithIcon]: !!n
       }),
       children: [
-        /* @__PURE__ */ s.jsxs("div", { className: ye.content, children: [
-          t && /* @__PURE__ */ s.jsx("div", { className: ye.icon, children: t }),
-          /* @__PURE__ */ s.jsx("span", { children: n })
+        /* @__PURE__ */ o.jsxs("div", { className: we.content, children: [
+          n && /* @__PURE__ */ o.jsx("div", { className: we.icon, children: n }),
+          /* @__PURE__ */ o.jsx("span", { children: t })
         ] }),
-        /* @__PURE__ */ s.jsxs("div", { className: ye.actions, children: [
-          r && /* @__PURE__ */ s.jsx(Q, { onClick: r.onClick, variant: "link", children: r.label }),
-          i && a && /* @__PURE__ */ s.jsx(
-            Q,
+        /* @__PURE__ */ o.jsxs("div", { className: we.actions, children: [
+          r && /* @__PURE__ */ o.jsx(ee, { onClick: r.onClick, variant: "link", children: r.label }),
+          i && a && /* @__PURE__ */ o.jsx(
+            ee,
             {
-              className: ye.dismissible,
+              className: we.dismissible,
               onClick: a,
               variant: "ghost",
               size: "sm",
-              icon: /* @__PURE__ */ s.jsx(Yt, {})
+              icon: /* @__PURE__ */ o.jsx(Ut, {})
             }
           )
         ] })
@@ -1571,40 +1627,40 @@ function hr({
     }
   );
 }
-const pr = "Suggestions-module_container", St = {
-  container: pr
-}, vr = ({
-  className: t,
-  suggestions: n,
+const gr = "Suggestions-module_container", Ot = {
+  container: gr
+}, yr = ({
+  className: n,
+  suggestions: t,
   onSubmit: r
 }) => {
   const i = (a) => {
     r && r(a.prompt);
   };
-  return !n || n.length === 0 ? null : /* @__PURE__ */ s.jsx(tt, { children: n && n.length > 0 && /* @__PURE__ */ s.jsx(
-    ae.div,
+  return !t || t.length === 0 ? null : /* @__PURE__ */ o.jsx(Ue, { children: t && t.length > 0 && /* @__PURE__ */ o.jsx(
+    q.div,
     {
-      className: le(St.container, t),
+      className: se(Ot.container, n),
       initial: { opacity: 0, y: "-80%" },
       animate: { opacity: 1, y: "-100%" },
       exit: { opacity: 0, y: "-80%" },
-      transition: Ve,
-      children: n.map(
-        (a, c) => /* @__PURE__ */ s.jsx(
-          ae.div,
+      transition: Ye,
+      children: t.map(
+        (a, s) => /* @__PURE__ */ o.jsx(
+          q.div,
           {
             initial: { opacity: 0, y: 10 },
             animate: { opacity: 1, y: 0 },
             transition: {
-              ...Ve,
-              delay: c * 0.05
+              ...Ye,
+              delay: s * 0.05
             },
-            children: /* @__PURE__ */ s.jsx(
-              Q,
+            children: /* @__PURE__ */ o.jsx(
+              ee,
               {
                 onClick: () => i(a),
                 variant: "outline",
-                className: St.button,
+                className: Ot.button,
                 children: a.label
               }
             )
@@ -1614,214 +1670,220 @@ const pr = "Suggestions-module_container", St = {
       )
     }
   ) });
-}, mr = "ChatFooter-module_container", gr = {
-  container: mr
+}, Cr = "ChatFooter-module_container", _r = {
+  container: Cr
 };
-function yr({
-  inputValue: t,
-  onInputChange: n,
+function xr({
+  inputValue: n,
+  onInputChange: t,
   onSubmit: r,
   onKeyDown: i,
   textareaRef: a,
-  placeholder: c,
-  isProcessing: l,
-  fromCompact: h = !1,
-  onExpand: u,
-  notice: f,
-  suggestions: v,
-  clearSuggestions: _,
-  focusOnMount: C,
-  customActions: j,
-  actionOrder: I
+  placeholder: s,
+  isProcessing: u,
+  onStop: h,
+  fromCompact: f = !1,
+  onExpand: p,
+  disabled: m,
+  notice: g,
+  suggestions: C,
+  clearSuggestions: E,
+  focusOnMount: D,
+  customActions: H,
+  actionOrder: B
 }) {
   const M = V(
-    (B) => {
-      n(B), _ == null || _();
+    (j) => {
+      t(j), E == null || E();
     },
-    [n, _]
+    [t, E]
+  );
+  return /* @__PURE__ */ o.jsxs(
+    q.div,
+    {
+      "data-slot": "chat-footer",
+      className: _r.container,
+      initial: { opacity: 0, scale: 1 },
+      animate: { opacity: 1, scale: 1 },
+      transition: { ...De },
+      children: [
+        !n && /* @__PURE__ */ o.jsx(
+          yr,
+          {
+            suggestions: C,
+            onSubmit: M
+          }
+        ),
+        g && /* @__PURE__ */ o.jsx(
+          mr,
+          {
+            icon: g.icon,
+            message: g.message,
+            action: g.action,
+            dismissible: g.dismissible,
+            onDismiss: g.onDismiss
+          }
+        ),
+        /* @__PURE__ */ o.jsx(
+          Zt,
+          {
+            value: n,
+            onChange: t,
+            onSubmit: r,
+            onKeyDown: i,
+            textareaRef: a,
+            placeholder: s,
+            isProcessing: u,
+            onStop: h,
+            fromCompact: f,
+            onExpand: p,
+            showExpandButton: !1,
+            focusOnMount: D,
+            customActions: H,
+            actionOrder: B,
+            disabled: m
+          }
+        )
+      ]
+    }
   );
-  return /* @__PURE__ */ s.jsxs("div", { "data-slot": "chat-footer", className: gr.container, children: [
-    !t && /* @__PURE__ */ s.jsx(
-      vr,
-      {
-        suggestions: v,
-        onSubmit: M
-      }
-    ),
-    f && /* @__PURE__ */ s.jsx(
-      hr,
-      {
-        icon: f.icon,
-        message: f.message,
-        action: f.action,
-        dismissible: f.dismissible,
-        onDismiss: f.onDismiss
-      }
-    ),
-    /* @__PURE__ */ s.jsx(
-      Bt,
-      {
-        value: t,
-        onChange: n,
-        onSubmit: r,
-        onKeyDown: i,
-        textareaRef: a,
-        placeholder: c,
-        isProcessing: l,
-        fromCompact: h,
-        onExpand: u,
-        showExpandButton: !1,
-        focusOnMount: C,
-        customActions: j,
-        actionOrder: I
-      }
-    )
-  ] });
 }
-const _r = "MessageActions-module_container", At = {
-  container: _r
+const br = "MessageActions-module_container", It = {
+  container: br
 };
-function Ot({ message: t }) {
-  return !t.actions || t.actions.length === 0 ? null : /* @__PURE__ */ s.jsx(
+function Dt({ message: n }) {
+  return !n.actions || n.actions.length === 0 ? null : /* @__PURE__ */ o.jsx(
     "div",
     {
-      className: At.container,
+      className: It.container,
       "data-visible": "true",
       role: "toolbar",
       "aria-label": "Message actions",
-      children: t.actions.map((n) => /* @__PURE__ */ s.jsx(
-        Q,
+      children: n.actions.map((t) => /* @__PURE__ */ o.jsx(
+        ee,
         {
-          className: At.button,
-          icon: n.icon,
-          onClick: () => n.onClick(t),
+          className: It.button,
+          icon: t.icon,
+          onClick: () => t.onClick(n),
           variant: "ghost",
           size: "sm",
           type: "button",
-          disabled: n.disabled,
-          title: n.tooltip || n.label,
-          "aria-label": n.label,
-          ...n.tooltip && { title: n.tooltip }
+          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
         },
-        n.id
+        t.id
       ))
     }
   );
 }
-const Cr = "Message-module_message", br = "Message-module_user", xr = "Message-module_bubble", wr = "Message-module_error", Er = "Message-module_content", He = {
-  message: Cr,
-  user: br,
-  bubble: xr,
-  error: wr,
-  content: Er
-}, Rr = We.forwardRef(
-  function({ message: n, messageRenderer: r = _n }, i) {
-    const a = () => /* @__PURE__ */ s.jsx(s.Fragment, { children: n.content.map((c, l) => {
-      if (c.type === "text" && c.text)
-        return /* @__PURE__ */ s.jsx(r, { children: c.text }, l);
-      if (c.type === "component" && c.component) {
-        const h = c.component;
-        return /* @__PURE__ */ s.jsx(
+const wr = "Message-module_message", Er = "Message-module_user", Rr = "Message-module_bubble", Tr = "Message-module_error", jr = "Message-module_content", Be = {
+  message: wr,
+  user: Er,
+  bubble: Rr,
+  error: Tr,
+  content: jr
+}, Lr = Ze.forwardRef(
+  function({ message: t, messageRenderer: r = Cn }, i) {
+    const a = () => /* @__PURE__ */ o.jsx(o.Fragment, { children: t.content.map((s, u) => {
+      if (s.type === "text" && s.text)
+        return /* @__PURE__ */ o.jsx(r, { children: s.text }, u);
+      if (s.type === "component" && s.component) {
+        const h = s.component;
+        return /* @__PURE__ */ o.jsx(
           h,
           {
-            ...c.componentProps || {}
+            ...s.componentProps || {}
           },
-          l
+          u
         );
       }
       return null;
     }) });
-    return /* @__PURE__ */ s.jsxs(
-      ae.div,
+    return /* @__PURE__ */ o.jsxs(
+      q.div,
       {
         ref: i,
-        variants: Nt,
+        variants: Wt,
         initial: "hidden",
         animate: "visible",
         "data-slot": "message",
-        "data-role": n.role,
-        className: le(He.message, He[n.role]),
+        "data-role": t.role,
+        className: se(Be.message, Be[t.role]),
         children: [
-          /* @__PURE__ */ s.jsxs("div", { className: He.content, children: [
-            /* @__PURE__ */ s.jsx("div", { className: He.bubble, children: a() }),
-            n.role !== "user" && /* @__PURE__ */ s.jsx(Ot, { message: n })
+          /* @__PURE__ */ o.jsxs("div", { className: Be.content, children: [
+            /* @__PURE__ */ o.jsx("div", { className: Be.bubble, children: a() }),
+            t.role !== "user" && /* @__PURE__ */ o.jsx(Dt, { message: t })
           ] }),
-          n.role === "user" && /* @__PURE__ */ s.jsx(Ot, { message: n })
+          t.role === "user" && /* @__PURE__ */ o.jsx(Dt, { message: t })
         ]
       }
     );
   }
-), Tr = "Messages-module_container", jr = "Messages-module_emptyState", ze = {
-  container: Tr,
-  emptyState: jr
-}, Lr = "Thinking-module_container", Sr = "Thinking-module_icon", Ar = "Thinking-module_content", Je = {
-  container: Lr,
-  icon: Sr,
-  content: Ar
-}, Or = hn(
-  We.forwardRef(
-    function({ content: n = "Thinking…" }, r) {
-      const i = pn(() => /* @__PURE__ */ s.jsx(Vt, {}), []);
-      return /* @__PURE__ */ s.jsxs(
+), Ar = "Messages-module_container", Sr = "Messages-module_emptyState", tt = {
+  container: Ar,
+  emptyState: Sr
+}, Or = "Thinking-module_container", Ir = "Thinking-module_icon", Dr = "Thinking-module_content", nt = {
+  container: Or,
+  icon: Ir,
+  content: Dr
+}, Pr = hn(
+  Ze.forwardRef(
+    function({ content: t = "Thinking…" }, r) {
+      const i = pn(() => /* @__PURE__ */ o.jsx(Bt, {}), []);
+      return /* @__PURE__ */ o.jsxs(
         "div",
         {
           ref: r,
           "data-slot": "thinking",
-          className: Je.container,
+          className: nt.container,
           children: [
-            /* @__PURE__ */ s.jsx("div", { className: Je.icon, children: i }),
-            /* @__PURE__ */ s.jsx("span", { className: Je.content, children: n })
+            /* @__PURE__ */ o.jsx("div", { className: nt.icon, children: i }),
+            /* @__PURE__ */ o.jsx("span", { className: nt.content, children: t })
           ]
         }
       );
     }
   )
 );
-function Dr({
-  messages: t,
-  isProcessing: n,
+function Fr({
+  messages: n,
+  isProcessing: t,
   error: r,
   emptyView: i,
-  fromCompact: a = !1,
-  messageRenderer: c
+  messageRenderer: a
 }) {
-  const l = W(null), h = W([]), u = W(!0), f = W(null);
-  return q(() => {
-    const v = t.length > h.current.length;
-    if (v && l.current) {
-      const _ = l.current.querySelectorAll(
-        '[data-slot="message"]'
-      ), C = _[_.length - 1];
-      if (C) {
-        const j = C.getBoundingClientRect().top - l.current.getBoundingClientRect().top + l.current.scrollTop, I = a && u.current ? "auto" : "smooth";
-        l.current.scrollTo({
-          top: j,
-          behavior: I
-        });
-      }
-    }
-    if (v && f.current) {
-      const C = t.slice(
-        h.current.length
+  const s = W(null), u = W([]), h = W(!0), f = W(null);
+  return J(() => {
+    const p = n.length > u.current.length;
+    if (h.current && n.length > 0 && s.current ? s.current.scrollTop = s.current.scrollHeight : p && !h.current && s.current && s.current.scrollTo({
+      top: s.current.scrollHeight,
+      behavior: "smooth"
+    }), p && f.current) {
+      const g = n.slice(
+        u.current.length
       ).filter(
-        (j) => j.role === "agent"
+        (C) => C.role === "agent"
       );
-      if (C.length > 0) {
-        const I = C[C.length - 1].content.filter((M) => M.type === "text").map((M) => M.text).join(" ");
-        I && (f.current.textContent = I);
+      if (g.length > 0) {
+        const E = g[g.length - 1].content.filter((D) => D.type === "text").map((D) => D.text).join(" ");
+        E && (f.current.textContent = E);
       }
     }
-    u.current && (u.current = !1), h.current = t;
-  }, [t, a]), t.length === 0 ? i ? /* @__PURE__ */ s.jsx(
+    h.current && (h.current = !1), u.current = n;
+  }, [n]), n.length === 0 ? i ? /* @__PURE__ */ o.jsx(
     "div",
     {
       "data-slot": "messages",
-      className: `${ze.container} ${ze.emptyState}`,
-      ref: l,
+      className: `${tt.container} ${tt.emptyState}`,
+      ref: s,
       children: i
     }
-  ) : null : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(
+  ) : null : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    /* @__PURE__ */ o.jsx(
       "div",
       {
         ref: f,
@@ -1836,23 +1898,23 @@ function Dr({
         }
       }
     ),
-    /* @__PURE__ */ s.jsx(
+    /* @__PURE__ */ o.jsx(
       "div",
       {
         "data-slot": "messages",
-        className: ze.container,
-        ref: l,
-        children: /* @__PURE__ */ s.jsxs(tt, { mode: "popLayout", children: [
-          t.map((v) => /* @__PURE__ */ s.jsx(
-            Rr,
+        className: tt.container,
+        ref: s,
+        children: /* @__PURE__ */ o.jsxs(Ue, { mode: "popLayout", children: [
+          n.map((p) => /* @__PURE__ */ o.jsx(
+            Lr,
             {
-              message: v,
-              messageRenderer: c
+              message: p,
+              messageRenderer: a
             },
-            v.id
+            p.id
           )),
-          n && /* @__PURE__ */ s.jsx(Or, {}),
-          r && /* @__PURE__ */ s.jsx(
+          t && /* @__PURE__ */ o.jsx(Pr, {}),
+          r && /* @__PURE__ */ o.jsx(
             "div",
             {
               className: "error-message",
@@ -1869,82 +1931,83 @@ function Dr({
     )
   ] });
 }
-const Ir = "ConversationView-module_container", Pr = "ConversationView-module_withHeader", Dt = {
-  container: Ir,
-  withHeader: Pr
+const Mr = "ConversationView-module_container", kr = "ConversationView-module_withHeader", Pt = {
+  container: Mr,
+  withHeader: kr
 };
-function It({
-  messages: t,
-  error: n,
+function Ft({
+  messages: n,
+  error: t,
   inputValue: r,
   onInputChange: i,
   onSubmit: a,
-  onKeyDown: c,
-  textareaRef: l,
+  onKeyDown: s,
+  textareaRef: u,
   placeholder: h,
-  isProcessing: u,
-  fromCompact: f = !1,
-  showHeader: v = !1,
-  onClose: _,
-  onExpand: C,
-  notice: j,
-  emptyView: I,
-  suggestions: M,
-  clearSuggestions: B,
-  messageRenderer: $,
-  focusOnMount: A = !1
+  isProcessing: f,
+  onStop: p,
+  fromCompact: m = !1,
+  showHeader: g = !1,
+  onClose: C,
+  onExpand: E,
+  notice: D,
+  emptyView: H,
+  suggestions: B,
+  clearSuggestions: M,
+  messageRenderer: j,
+  focusOnMount: K = !1
 }) {
-  return q(() => {
-    const g = (p) => {
-      p.key === "Escape" && _ && _();
+  return J(() => {
+    const l = (v) => {
+      v.key === "Escape" && C && C();
     };
-    return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
-  }, [_]), /* @__PURE__ */ s.jsxs(
+    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
+  }, [C]), /* @__PURE__ */ o.jsxs(
     "div",
     {
       "data-slot": "conversation-view",
-      className: `${Dt.container}${v ? ` ${Dt.withHeader}` : ""}`,
+      className: `${Pt.container}${g ? ` ${Pt.withHeader}` : ""}`,
       children: [
-        v && /* @__PURE__ */ s.jsx(or, { onClose: _ }),
-        /* @__PURE__ */ s.jsx(
-          Dr,
+        g && /* @__PURE__ */ o.jsx(cr, { onClose: C }),
+        /* @__PURE__ */ o.jsx(
+          Fr,
           {
-            messages: t,
-            isProcessing: u,
-            error: n,
-            emptyView: I,
-            fromCompact: f,
-            messageRenderer: $
+            messages: n,
+            isProcessing: f,
+            error: t,
+            emptyView: H,
+            messageRenderer: j
           }
         ),
-        /* @__PURE__ */ s.jsx(
-          yr,
+        /* @__PURE__ */ o.jsx(
+          xr,
           {
             inputValue: r,
             onInputChange: i,
             onSubmit: a,
-            onKeyDown: c,
-            textareaRef: l,
+            onKeyDown: s,
+            textareaRef: u,
             placeholder: h,
-            isProcessing: u,
-            fromCompact: f,
-            onExpand: C,
-            notice: j,
-            suggestions: M,
-            clearSuggestions: B,
-            focusOnMount: A
+            isProcessing: f,
+            onStop: p,
+            fromCompact: m,
+            onExpand: E,
+            notice: D,
+            suggestions: B,
+            clearSuggestions: M,
+            focusOnMount: K
           }
         )
       ]
     }
   );
 }
-const Fr = "Chat-module_container", Mr = "Chat-module_embedded", kr = "Chat-module_floating", $r = "Chat-module_content", je = {
-  container: Fr,
-  embedded: Mr,
-  floating: kr,
-  content: $r
-}, k = {
+const $r = "Chat-module_container", Hr = "Chat-module_embedded", Nr = "Chat-module_floating", Vr = "Chat-module_content", Se = {
+  container: $r,
+  embedded: Hr,
+  floating: Nr,
+  content: Vr
+}, $ = {
   COLLAPSED_SIZE: 56,
   COMPACT_WIDTH: 372,
   EXPANDED_HEIGHT: 520,
@@ -1952,7 +2015,7 @@ const Fr = "Chat-module_container", Mr = "Chat-module_embedded", kr = "Chat-modu
   BORDER_RADIUS: 24,
   PADDING: 16,
   VIEWPORT_OFFSET: 16
-}, Le = {
+}, Oe = {
   SPRING_CONFIG: {
     type: "spring",
     damping: 25,
@@ -1965,256 +2028,264 @@ const Fr = "Chat-module_container", Mr = "Chat-module_embedded", kr = "Chat-modu
     '[data-slot="chat-footer"]'
   ].join(", ")
 };
-function Hr({
-  messages: t,
-  isProcessing: n,
+function Wr({
+  messages: n,
+  isProcessing: t,
   error: r,
   onSubmit: i,
   variant: a = "floating",
-  triggerIcon: c,
-  placeholder: l = Ht,
+  triggerIcon: s,
+  placeholder: u = Vt,
   notice: h,
-  onOpen: u,
-  onExpand: f,
-  onClose: v,
-  emptyView: _,
-  floatingChatState: C,
-  suggestions: j,
-  clearSuggestions: I,
-  messageRenderer: M,
-  className: B
+  onOpen: f,
+  onExpand: p,
+  onClose: m,
+  onStop: g,
+  emptyView: C,
+  floatingChatState: E,
+  suggestions: D,
+  clearSuggestions: H,
+  messageRenderer: B,
+  className: M
 }) {
-  const [$, A] = Ne(""), g = xn(C), p = W(!1), m = W(!1), b = W(!1);
-  q(() => {
-    p.current = !1, m.current = !1, b.current = !1;
-  }, [g.state]);
-  const L = W(/* @__PURE__ */ new Set()), O = V(() => {
-    L.current.forEach((E) => {
-      clearTimeout(E);
-    }), L.current.clear();
-  }, []), R = wn({
-    value: $,
-    setValue: A,
-    onSubmit: async (E) => {
-      g.state !== "expanded" && (f == null || f()), g.setState("expanded"), await i(E);
+  const [j, K] = Ee(""), l = bn(E), v = W(!1), _ = W(!1), A = W(!1), [O, T] = Ee(!1);
+  J(() => {
+    v.current = !1, _.current = !1, A.current = !1;
+  }, [l.state]);
+  const Z = W(/* @__PURE__ */ new Set()), Pe = V(() => {
+    Z.current.forEach((x) => {
+      clearTimeout(x);
+    }), Z.current.clear();
+  }, []), S = wn({
+    value: j,
+    setValue: K,
+    onSubmit: async (x) => {
+      l.state !== "expanded" && (p == null || p()), l.setState("expanded"), await i(x);
     },
-    isProcessing: n
-  }), [ue, Be] = Ne(56), [fe, X] = Ne(
+    isProcessing: t
+  }), [z, te] = Ee(56), [ne, Fe] = Ee(
     "left"
-  ), K = W(null), z = W(null), J = W(null), ne = yt(0), re = yt(0), de = vn(), Ae = V(() => {
-    p.current = !0, g.open(), u == null || u();
-  }, [g, u]), ie = V(() => {
-    var H, Y, Z;
-    const E = (Y = (H = J.current) == null ? void 0 : H.ownerDocument) == null ? void 0 : Y.activeElement;
-    return !(E && ((Z = J.current) != null && Z.contains(E)) || $.trim());
-  }, [$, J]), Oe = (E) => E === "collapsed" ? k.COLLAPSED_SIZE : E === "compact" ? ue : k.EXPANDED_HEIGHT, De = V(() => {
-    if (g.state === "collapsed" && (g.setState("compact"), g.initialState === "collapsed")) {
-      const E = setTimeout(() => {
-        g.state === "compact" && ie() && g.setState("collapsed"), L.current.delete(E);
-      }, k.AUTO_COLLAPSE_DELAY);
-      L.current.add(E);
-    }
-  }, [g, ie]), Ie = V(() => {
-    if (g.initialState === "collapsed" && g.state === "compact" && ie()) {
-      const E = setTimeout(() => {
-        g.state === "compact" && ie() && g.setState("collapsed"), L.current.delete(E);
-      }, k.AUTO_COLLAPSE_DELAY);
-      L.current.add(E);
-    }
-  }, [g, ie]), Ce = V(async () => {
-    if (R.value.trim()) {
-      const E = R.value.trim();
-      R.clear(), g.state !== "expanded" && (f == null || f()), g.setState("expanded"), await i(E);
-    }
-  }, [R, i, g, f]), oe = V(() => {
-    b.current = !0, f == null || f(), g.setState("expanded");
-  }, [f, g]), be = V(() => {
-    m.current = !0, R.clear(), g.close(), v && v();
-  }, [R, g, v]), ee = V(
-    (E) => {
-      if (!J.current || !z.current)
+  ), de = W(null), le = W(null), Q = W(null), re = _t(0), ie = _t(0), he = vn(), Me = V(() => {
+    v.current = !0, l.open(), f == null || f();
+  }, [l, f]), ce = V(() => {
+    var k, U, X;
+    const x = (U = (k = Q.current) == null ? void 0 : k.ownerDocument) == null ? void 0 : U.activeElement;
+    return !(x && ((X = Q.current) != null && X.contains(x)) || j.trim());
+  }, [j, Q]), Ge = (x) => x === "collapsed" ? $.COLLAPSED_SIZE : x === "compact" ? z : $.EXPANDED_HEIGHT, Te = V(() => {
+    if (l.state === "collapsed" && (l.setState("compact"), l.initialState === "collapsed")) {
+      const x = setTimeout(() => {
+        l.state === "compact" && ce() && l.setState("collapsed"), Z.current.delete(x);
+      }, $.AUTO_COLLAPSE_DELAY);
+      Z.current.add(x);
+    }
+  }, [l, ce]), pe = V(() => {
+    if (l.initialState === "collapsed" && l.state === "compact" && ce()) {
+      const x = setTimeout(() => {
+        l.state === "compact" && ce() && l.setState("collapsed"), Z.current.delete(x);
+      }, $.AUTO_COLLAPSE_DELAY);
+      Z.current.add(x);
+    }
+  }, [l, ce]), ae = V(async () => {
+    if (S.value.trim()) {
+      const x = S.value.trim();
+      S.clear(), l.state !== "expanded" && (p == null || p()), l.setState("expanded"), await i(x);
+    }
+  }, [S, i, l, p]), ue = V(() => {
+    A.current = !0, p == null || p(), l.setState("expanded");
+  }, [p, l]), ve = V(() => {
+    _.current = !0, S.clear(), l.close(), m && m();
+  }, [S, l, m]), me = V(
+    (x) => {
+      if (!Q.current || !le.current)
         return null;
-      const H = J.current.getBoundingClientRect(), Y = z.current.getBoundingClientRect(), Z = window.getComputedStyle(J.current), se = new DOMMatrixReadOnly(Z.transform), we = H.x - se.e, te = H.y - se.f, Ye = (E ?? fe) === "left" ? Y.left : Y.right - k.COMPACT_WIDTH, Ee = Y.bottom - k.EXPANDED_HEIGHT;
+      const k = Q.current.getBoundingClientRect(), U = le.current.getBoundingClientRect(), X = window.getComputedStyle(Q.current), ye = new DOMMatrixReadOnly(X.transform), He = k.x - ye.e, oe = k.y - ye.f, Xe = (x ?? ne) === "left" ? U.left : U.right - $.COMPACT_WIDTH, Ne = U.bottom - $.EXPANDED_HEIGHT;
       return {
-        x: Ye - we,
-        y: Ee - te
+        x: Xe - He,
+        y: Ne - oe
       };
     },
-    [fe]
-  ), xe = V(
-    (E) => {
-      E.target.closest(
-        Le.NON_DRAGGABLE_SELECTORS
-      ) || de.start(E.nativeEvent);
+    [ne]
+  ), ke = V(
+    (x) => {
+      x.target.closest(
+        Oe.NON_DRAGGABLE_SELECTORS
+      ) || he.start(x.nativeEvent);
     },
-    [de]
-  ), he = V(
-    (E, H) => {
-      const Y = H.point.x, Z = k.COMPACT_WIDTH, se = (window.innerWidth - Z) / 2, te = Y < se ? "left" : "right";
-      X(te);
-      const pe = ee(te);
-      pe && (_t(ne, pe.x, {
-        ...Le.SPRING_CONFIG,
-        velocity: H.velocity.x * Le.VELOCITY_MULTIPLIER
-      }), _t(re, pe.y, {
-        ...Le.SPRING_CONFIG,
-        velocity: H.velocity.y * Le.VELOCITY_MULTIPLIER
+    [he]
+  ), Ke = V(
+    (x, k) => {
+      const U = k.point.x, X = $.COMPACT_WIDTH, ye = (window.innerWidth - X) / 2, oe = U < ye ? "left" : "right";
+      Fe(oe);
+      const Ce = me(oe);
+      Ce && (xt(re, Ce.x, {
+        ...Oe.SPRING_CONFIG,
+        velocity: k.velocity.x * Oe.VELOCITY_MULTIPLIER
+      }), xt(ie, Ce.y, {
+        ...Oe.SPRING_CONFIG,
+        velocity: k.velocity.y * Oe.VELOCITY_MULTIPLIER
       }));
     },
-    [ne, re, ee]
-  ), Pe = W(g.state), Fe = Pe.current === "compact" && g.state === "expanded";
-  return q(() => {
-    O(), Pe.current = g.state;
-  }, [g.state, O]), q(() => {
-    if (g.state !== "expanded")
+    [re, ie, me]
+  ), $e = W(l.state), ge = $e.current === "compact" && l.state === "expanded";
+  return J(() => {
+    Pe(), $e.current = l.state;
+  }, [l.state, Pe]), J(() => {
+    if (l.state !== "expanded")
       return;
-    const E = () => {
-      const H = ee();
-      H && (ne.set(H.x), re.set(H.y));
+    const x = () => {
+      const k = me();
+      k && (re.set(k.x), ie.set(k.y));
     };
-    return window.addEventListener("resize", E), () => window.removeEventListener("resize", E);
-  }, [g.state, ne, re, ee]), q(() => {
-    const E = L.current;
+    return window.addEventListener("resize", x), () => window.removeEventListener("resize", x);
+  }, [l.state, re, ie, me]), J(() => {
+    const x = Z.current;
     return () => {
-      E.forEach((H) => {
-        clearTimeout(H);
-      }), E.clear();
+      x.forEach((k) => {
+        clearTimeout(k);
+      }), x.clear();
     };
-  }, []), q(() => {
-    if (g.state === "compact" && K.current) {
-      const E = K.current.scrollHeight + k.PADDING;
-      Be(E);
+  }, []), J(() => {
+    if (l.state === "compact" && de.current) {
+      const x = de.current.scrollHeight + $.PADDING;
+      te(x);
     }
-  }, [g.state, R.value]), a === "embedded" ? /* @__PURE__ */ s.jsx(
+  }, [l.state, S.value]), a === "embedded" ? /* @__PURE__ */ o.jsx(
     "div",
     {
       "data-slot": "chat-embedded",
-      className: le(B, je.container, je.embedded),
-      children: /* @__PURE__ */ s.jsx(
-        It,
+      className: se(M, Se.container, Se.embedded),
+      children: /* @__PURE__ */ o.jsx(
+        Ft,
         {
-          messages: t,
-          inputValue: R.value,
-          onInputChange: R.setValue,
-          onSubmit: Ce,
-          onKeyDown: R.handleKeyDown,
-          textareaRef: R.textareaRef,
-          placeholder: l,
-          isProcessing: n,
+          messages: n,
+          inputValue: S.value,
+          onInputChange: S.setValue,
+          onSubmit: ae,
+          onKeyDown: S.handleKeyDown,
+          textareaRef: S.textareaRef,
+          placeholder: u,
+          isProcessing: t,
+          onStop: g,
           showHeader: !1,
           notice: h,
-          suggestions: j,
-          clearSuggestions: I,
+          suggestions: D,
+          clearSuggestions: H,
           error: r,
-          emptyView: _,
-          messageRenderer: M,
-          onExpand: oe,
-          focusOnMount: b.current
+          emptyView: C,
+          messageRenderer: B,
+          onExpand: ue,
+          focusOnMount: A.current
         }
       )
     }
-  ) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(
+  ) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    /* @__PURE__ */ o.jsx(
       "div",
       {
-        ref: z,
+        ref: le,
         style: {
           position: "fixed",
-          top: k.VIEWPORT_OFFSET,
-          left: k.VIEWPORT_OFFSET,
-          right: k.VIEWPORT_OFFSET,
-          bottom: k.VIEWPORT_OFFSET,
+          top: $.VIEWPORT_OFFSET,
+          left: $.VIEWPORT_OFFSET,
+          right: $.VIEWPORT_OFFSET,
+          bottom: $.VIEWPORT_OFFSET,
           pointerEvents: "none"
         }
       }
     ),
-    /* @__PURE__ */ s.jsx(
-      ae.div,
+    /* @__PURE__ */ o.jsx(
+      q.div,
       {
-        ref: J,
+        ref: Q,
         "data-slot": "chat-floating",
-        className: le(B, je.container, je.floating),
-        onMouseLeave: g.state === "compact" ? Ie : void 0,
-        drag: g.state === "expanded",
-        dragControls: de,
+        className: se(M, Se.container, Se.floating, {
+          animating: O
+        }),
+        onMouseLeave: l.state === "compact" ? pe : void 0,
+        drag: l.state === "expanded",
+        dragControls: he,
         dragListener: !1,
-        dragConstraints: z,
+        dragConstraints: le,
         dragMomentum: !1,
         dragElastic: 0.1,
         dragTransition: { power: 0.1, timeConstant: 100 },
-        onDragEnd: he,
-        onPointerDown: xe,
+        onDragEnd: Ke,
+        onPointerDown: ke,
         style: {
-          x: ne,
-          y: re,
-          bottom: k.VIEWPORT_OFFSET,
-          left: k.VIEWPORT_OFFSET
+          x: re,
+          y: ie,
+          bottom: $.VIEWPORT_OFFSET,
+          left: $.VIEWPORT_OFFSET
         },
-        children: /* @__PURE__ */ s.jsx(
-          ae.div,
+        children: /* @__PURE__ */ o.jsx(
+          q.div,
           {
             layout: !0,
-            className: je.content,
+            className: Se.content,
             initial: !1,
             animate: {
-              width: g.state === "collapsed" ? k.COLLAPSED_SIZE : k.COMPACT_WIDTH,
-              height: Oe(g.state),
-              x: g.state === "collapsed" && fe === "right" ? k.COMPACT_WIDTH - k.COLLAPSED_SIZE : 0,
-              transition: R.value.trim() ? { duration: 0 } : at
+              width: l.state === "collapsed" ? $.COLLAPSED_SIZE : $.COMPACT_WIDTH,
+              height: Ge(l.state),
+              x: l.state === "collapsed" && ne === "right" ? $.COMPACT_WIDTH - $.COLLAPSED_SIZE : 0,
+              transition: S.value.trim() ? { duration: 0 } : lt
             },
+            onAnimationStart: () => T(!0),
+            onAnimationComplete: () => T(!1),
             style: {
-              borderRadius: k.BORDER_RADIUS
+              borderRadius: $.BORDER_RADIUS
             },
-            children: /* @__PURE__ */ s.jsxs(tt, { mode: "wait", children: [
-              g.state === "collapsed" && /* @__PURE__ */ s.jsx(
+            children: /* @__PURE__ */ o.jsxs(Ue, { mode: "wait", children: [
+              l.state === "collapsed" && /* @__PURE__ */ o.jsx(
                 Gn,
                 {
-                  icon: c,
-                  onClick: Ae,
-                  onHover: De,
-                  focusOnMount: m.current
+                  icon: s,
+                  onClick: Me,
+                  onHover: Te,
+                  focusOnMount: _.current
                 },
                 "collapsed"
               ),
-              g.state === "compact" && /* @__PURE__ */ s.jsx("div", { ref: K, children: /* @__PURE__ */ s.jsx(
-                rr,
+              l.state === "compact" && /* @__PURE__ */ o.jsx("div", { ref: de, children: /* @__PURE__ */ o.jsx(
+                or,
                 {
-                  value: R.value,
-                  onChange: R.setValue,
-                  onSubmit: Ce,
-                  onKeyDown: R.handleKeyDown,
-                  textareaRef: R.textareaRef,
-                  placeholder: l,
-                  isProcessing: n,
-                  onBlur: Ie,
-                  onExpand: oe,
-                  showExpandButton: !R.value.trim(),
-                  focusOnMount: p.current
+                  value: S.value,
+                  onChange: S.setValue,
+                  onSubmit: ae,
+                  onKeyDown: S.handleKeyDown,
+                  textareaRef: S.textareaRef,
+                  placeholder: u,
+                  isProcessing: t,
+                  onBlur: pe,
+                  onExpand: ue,
+                  showExpandButton: !S.value.trim(),
+                  focusOnMount: v.current,
+                  onStop: g
                 },
                 "compact"
               ) }),
-              g.state === "expanded" && /* @__PURE__ */ s.jsx(
-                It,
+              l.state === "expanded" && /* @__PURE__ */ o.jsx(
+                Ft,
                 {
-                  messages: t,
-                  inputValue: R.value,
-                  onInputChange: R.setValue,
-                  onSubmit: Ce,
-                  onKeyDown: R.handleKeyDown,
-                  textareaRef: R.textareaRef,
-                  placeholder: l,
-                  isProcessing: n,
+                  messages: n,
+                  inputValue: S.value,
+                  onInputChange: S.setValue,
+                  onSubmit: ae,
+                  onKeyDown: S.handleKeyDown,
+                  textareaRef: S.textareaRef,
+                  placeholder: u,
+                  isProcessing: t,
+                  onStop: g,
                   showHeader: !0,
-                  onClose: be,
-                  fromCompact: Fe,
+                  onClose: ve,
+                  fromCompact: ge,
                   notice: h,
-                  suggestions: j,
-                  clearSuggestions: I,
+                  suggestions: D,
+                  clearSuggestions: H,
                   error: r,
-                  emptyView: _,
-                  messageRenderer: M,
-                  onExpand: oe,
-                  focusOnMount: b.current
+                  emptyView: C,
+                  messageRenderer: B,
+                  onExpand: ue,
+                  focusOnMount: A.current
                 },
                 "expanded"
               )
@@ -2225,57 +2296,59 @@ function Hr({
     )
   ] });
 }
-const di = ({
-  messages: t,
-  isProcessing: n,
+const vi = ({
+  messages: n,
+  isProcessing: t,
   error: r,
   onSubmit: i,
   variant: a = "floating",
-  triggerIcon: c,
-  placeholder: l,
+  triggerIcon: s,
+  placeholder: u,
   notice: h,
-  emptyView: u,
-  onOpen: f,
-  onExpand: v,
-  onClose: _,
-  floatingChatState: C,
-  suggestions: j,
-  clearSuggestions: I,
-  messageRenderer: M,
-  className: B
-}) => /* @__PURE__ */ s.jsx(
-  Hr,
+  emptyView: f,
+  onOpen: p,
+  onExpand: m,
+  onClose: g,
+  onStop: C,
+  floatingChatState: E,
+  suggestions: D,
+  clearSuggestions: H,
+  messageRenderer: B,
+  className: M
+}) => /* @__PURE__ */ o.jsx(
+  Wr,
   {
-    messages: t,
-    isProcessing: n,
+    messages: n,
+    isProcessing: t,
     error: r,
     onSubmit: i,
     variant: a,
-    triggerIcon: c,
-    placeholder: l,
+    triggerIcon: s,
+    placeholder: u,
     notice: h,
-    emptyView: u,
-    onOpen: f,
-    onExpand: v,
-    onClose: _,
-    floatingChatState: C,
-    suggestions: j,
-    clearSuggestions: I,
-    messageRenderer: M,
-    className: le("agenttic", B)
+    emptyView: f,
+    onOpen: p,
+    onExpand: m,
+    onClose: g,
+    onStop: C,
+    floatingChatState: E,
+    suggestions: D,
+    clearSuggestions: H,
+    messageRenderer: B,
+    className: se("agenttic", M)
   }
 );
-function hi({ className: t, size: n = 24 }) {
-  return /* @__PURE__ */ s.jsx(
+function mi({ className: n, size: t = 24 }) {
+  return /* @__PURE__ */ o.jsx(
     "svg",
     {
-      width: n,
-      height: n,
+      width: t,
+      height: t,
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: t,
-      children: /* @__PURE__ */ s.jsx(
+      className: n,
+      children: /* @__PURE__ */ o.jsx(
         "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",
@@ -2285,18 +2358,18 @@ function hi({ className: t, size: n = 24 }) {
     }
   );
 }
-function pi({ className: t, size: n = 24 }) {
-  return /* @__PURE__ */ s.jsx(
+function gi({ className: n, size: t = 24 }) {
+  return /* @__PURE__ */ o.jsx(
     "svg",
     {
-      width: n,
-      height: n,
+      width: t,
+      height: t,
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: t,
+      className: n,
       "aria-hidden": "true",
-      children: /* @__PURE__ */ s.jsx(
+      children: /* @__PURE__ */ o.jsx(
         "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",
@@ -2306,18 +2379,18 @@ function pi({ className: t, size: n = 24 }) {
     }
   );
 }
-function vi({ className: t, size: n = 24 }) {
-  return /* @__PURE__ */ s.jsx(
+function yi({ className: n, size: t = 24 }) {
+  return /* @__PURE__ */ o.jsx(
     "svg",
     {
-      width: n,
-      height: n,
+      width: t,
+      height: t,
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: t,
+      className: n,
       "aria-hidden": "true",
-      children: /* @__PURE__ */ s.jsx(
+      children: /* @__PURE__ */ o.jsx(
         "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",
@@ -2327,18 +2400,18 @@ function vi({ className: t, size: n = 24 }) {
     }
   );
 }
-function mi({ className: t, size: n = 24 }) {
-  return /* @__PURE__ */ s.jsx(
+function Ci({ className: n, size: t = 24 }) {
+  return /* @__PURE__ */ o.jsx(
     "svg",
     {
-      width: n,
-      height: n,
+      width: t,
+      height: t,
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: t,
+      className: n,
       "aria-hidden": "true",
-      children: /* @__PURE__ */ s.jsx(
+      children: /* @__PURE__ */ o.jsx(
         "path",
         {
           fillRule: "evenodd",
@@ -2350,24 +2423,81 @@ function mi({ className: t, size: n = 24 }) {
     }
   );
 }
+function _i({ className: n, size: t = 24 }) {
+  return /* @__PURE__ */ o.jsx(
+    "svg",
+    {
+      width: t,
+      height: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: n,
+      children: /* @__PURE__ */ o.jsx(
+        "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 xi({ className: n, size: t = 24 }) {
+  return /* @__PURE__ */ o.jsxs(
+    "svg",
+    {
+      width: t,
+      height: t,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: n,
+      children: [
+        /* @__PURE__ */ o.jsx(
+          "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__ */ o.jsx(
+          "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 {
-  di as AgentUI,
-  zn as ArrowUpIcon,
-  Vt as BigSkyIcon,
-  Hr as Chat,
-  yr as ChatFooter,
-  Bt as ChatInput,
-  vi as CopyIcon,
-  Rr as Message,
-  Ot as MessageActions,
-  Dr as Messages,
-  hr as Notice,
-  Jn as StopIcon,
-  mi as StylesIcon,
-  vr as Suggestions,
-  Or as ThinkingMessage,
-  pi as ThumbsDownIcon,
-  hi as ThumbsUpIcon,
-  Yt as XIcon,
-  fi as animations
+  vi as AgentUI,
+  ar as AnimatedPlaceholder,
+  Jn as ArrowUpIcon,
+  Bt as BigSkyIcon,
+  Wr as Chat,
+  xr as ChatFooter,
+  Zt as ChatInput,
+  nr as ChevronUpIcon,
+  yi as CopyIcon,
+  Lr as Message,
+  Dt as MessageActions,
+  Fr as Messages,
+  mr as Notice,
+  qn as StopIcon,
+  Ci as StylesIcon,
+  yr as Suggestions,
+  Pr as ThinkingMessage,
+  gi as ThumbsDownIcon,
+  mi as ThumbsUpIcon,
+  Ut as XIcon,
+  _i as ZoomIcon,
+  xi as ZoomIconFilled,
+  pi as animations
 };