@automattic/agenttic-ui 0.1.10 → 0.1.12

package/dist/index.js

@@ -1,1206 +1,188 @@
-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 Cn from "react-markdown";
-import './index.css';var rt = { exports: {} }, je = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * 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 _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 je.Fragment = r, je.jsx = u, je.jsxs = u, je;
+import { jsxs as _, jsx as n, Fragment as Ht } from "react/jsx-runtime";
+import * as te from "react";
+import ee, { useState as W, useEffect as E, useCallback as p, useRef as I, createContext as Ee, useContext as Ae, useId as Se, memo as xe, useMemo as Oe } from "react";
+import { motion as M, AnimatePresence as _t, useMotionValue as Mt, useDragControls as ne, animate as Pt } from "framer-motion";
+import { __ as Ct } from "@wordpress/i18n";
+import { Slot as Ne } from "@radix-ui/react-slot";
+import Re from "streamdown";
+import './index.css';function V(...e) {
+  return e.flat().filter(Boolean).map((t) => typeof t == "string" ? t : typeof t == "object" && !Array.isArray(t) && t !== null ? Object.entries(t).filter(([a, i]) => i).map(([a]) => a).join(" ") : "").join(" ").trim();
 }
-var Le = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-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 c = D && e[D] || e[H];
-      return typeof c == "function" ? c : null;
-    }
-    var M = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function j(e) {
-      {
-        for (var c = arguments.length, d = new Array(c > 1 ? c - 1 : 0), y = 1; y < c; y++)
-          d[y - 1] = arguments[y];
-        K("error", e, d);
-      }
-    }
-    function K(e, c, d) {
-      {
-        var y = M.ReactDebugCurrentFrame, R = y.getStackAddendum();
-        R !== "" && (c += "%s", d = d.concat([R]));
-        var L = d.map(function(w) {
-          return String(w);
-        });
-        L.unshift("Warning: " + c), Function.prototype.apply.call(console[e], console, L);
-      }
-    }
-    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 === T || e.getModuleId !== void 0));
-    }
-    function Pe(e, c, d) {
-      var y = e.displayName;
-      if (y)
-        return y;
-      var R = c.displayName || c.name || "";
-      return R !== "" ? d + "(" + R + ")" : d;
-    }
-    function S(e) {
-      return e.displayName || "Context";
-    }
-    function z(e) {
-      if (e == null)
-        return null;
-      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;
-      switch (e) {
-        case i:
-          return "Fragment";
-        case r:
-          return "Portal";
-        case s:
-          return "Profiler";
-        case a:
-          return "StrictMode";
-        case p:
-          return "Suspense";
-        case m:
-          return "SuspenseList";
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case h:
-            var c = e;
-            return S(c) + ".Consumer";
-          case u:
-            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 : z(e.type) || "Memo";
-          case C: {
-            var R = e, L = R._payload, w = R._init;
-            try {
-              return z(w(L));
-            } catch {
-              return null;
-            }
-          }
-        }
-      return null;
-    }
-    var te = Object.assign, ne = 0, Fe, de, le, Q, re, ie, he;
-    function Me() {
-    }
-    Me.__reactDisabledLog = !0;
-    function ce() {
-      {
-        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: Me,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: e,
-            log: e,
-            warn: e,
-            error: e,
-            group: e,
-            groupCollapsed: e,
-            groupEnd: e
-          });
-        }
-        ne++;
-      }
-    }
-    function Ge() {
-      {
-        if (ne--, ne === 0) {
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: te({}, e, {
-              value: Fe
-            }),
-            info: te({}, e, {
-              value: de
-            }),
-            warn: te({}, e, {
-              value: le
-            }),
-            error: te({}, e, {
-              value: Q
-            }),
-            group: te({}, e, {
-              value: re
-            }),
-            groupCollapsed: te({}, e, {
-              value: ie
-            }),
-            groupEnd: te({}, e, {
-              value: he
-            })
-          });
-        }
-        ne < 0 && j("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var Te = M.ReactCurrentDispatcher, pe;
-    function ae(e, c, d) {
-      {
-        if (pe === void 0)
-          try {
-            throw Error();
-          } catch (R) {
-            var y = R.stack.trim().match(/\n( *(at )?)/);
-            pe = y && y[1] || "";
-          }
-        return `
-` + pe + e;
-      }
-    }
-    var ue = !1, ve;
-    {
-      var me = typeof WeakMap == "function" ? WeakMap : Map;
-      ve = new me();
-    }
-    function ke(e, c) {
-      if (!e || ue)
-        return "";
-      {
-        var d = ve.get(e);
-        if (d !== void 0)
-          return d;
-      }
-      var y;
-      ue = !0;
-      var R = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var L;
-      L = Te.current, Te.current = null, ce();
-      try {
-        if (c) {
-          var w = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(w.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(w, []);
-            } catch (Y) {
-              y = Y;
-            }
-            Reflect.construct(e, [], w);
-          } else {
-            try {
-              w.call();
-            } catch (Y) {
-              y = Y;
-            }
-            e.call(w.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (Y) {
-            y = Y;
-          }
-          e();
-        }
-      } catch (Y) {
-        if (Y && y && typeof Y.stack == "string") {
-          for (var b = Y.stack.split(`
-`), N = y.stack.split(`
-`), I = b.length - 1, P = N.length - 1; I >= 1 && P >= 0 && b[I] !== N[P]; )
-            P--;
-          for (; I >= 1 && P >= 0; I--, P--)
-            if (b[I] !== N[P]) {
-              if (I !== 1 || P !== 1)
-                do
-                  if (I--, P--, P < 0 || b[I] !== N[P]) {
-                    var 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 (I >= 1 && P >= 0);
-              break;
-            }
-        }
-      } finally {
-        ue = !1, Te.current = L, Ge(), Error.prepareStackTrace = R;
-      }
-      var xe = e ? e.displayName || e.name : "", fe = xe ? ae(xe) : "";
-      return typeof e == "function" && ve.set(e, fe), fe;
-    }
-    function Ke(e, c, d) {
-      return ke(e, !1);
-    }
-    function $e(e) {
-      var c = e.prototype;
-      return !!(c && c.isReactComponent);
-    }
-    function ge(e, c, d) {
-      if (e == null)
-        return "";
-      if (typeof e == "function")
-        return ke(e, $e(e));
-      if (typeof e == "string")
-        return ae(e);
-      switch (e) {
-        case p:
-          return ae("Suspense");
-        case m:
-          return ae("SuspenseList");
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case f:
-            return Ke(e.render);
-          case g:
-            return ge(e.type, c, d);
-          case C: {
-            var y = e, R = y._payload, L = y._init;
-            try {
-              return ge(L(R), c, d);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var x = Object.prototype.hasOwnProperty, k = {}, U = M.ReactDebugCurrentFrame;
-    function X(e) {
-      if (e) {
-        var c = e._owner, d = ge(e.type, e._source, c ? c.type : null);
-        U.setExtraStackFrame(d);
-      } else
-        U.setExtraStackFrame(null);
-    }
-    function ye(e, c, d, y, R) {
-      {
-        var L = Function.call.bind(x);
-        for (var w in e)
-          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;
-              }
-              b = e[w](c, w, y, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (I) {
-              b = I;
-            }
-            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 He = Array.isArray;
-    function oe(e) {
-      return He(e);
-    }
-    function Ce(e) {
-      {
-        var c = typeof Symbol == "function" && Symbol.toStringTag, d = c && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return d;
-      }
-    }
-    function Xe(e) {
-      try {
-        return Ne(e), !1;
-      } catch {
-        return !0;
-      }
-    }
-    function Ne(e) {
-      return "" + 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 ut = M.ReactCurrentOwner, Gt = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, ft, dt;
-    function Kt(e) {
-      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 (x.call(e, "key")) {
-        var c = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (c && c.isReactWarning)
-          return !1;
-      }
-      return e.key !== void 0;
-    }
-    function Jt(e, c) {
-      typeof e.ref == "string" && ut.current;
-    }
-    function qt(e, c) {
-      {
-        var d = function() {
-          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,
-          configurable: !0
-        });
-      }
-    }
-    function zt(e, c) {
-      {
-        var d = function() {
-          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,
-          configurable: !0
-        });
-      }
-    }
-    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: t,
-        // Built-in properties that belong on the element
-        type: e,
-        key: c,
-        ref: d,
-        props: w,
-        // Record the component responsible for creating this element.
-        _owner: L
-      };
-      return b._store = {}, Object.defineProperty(b._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: !1
-      }), Object.defineProperty(b, "_self", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: y
-      }), Object.defineProperty(b, "_source", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: R
-      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
-    };
-    function en(e, c, d, y, R) {
-      {
-        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 I = e.defaultProps;
-          for (L in I)
-            w[L] === void 0 && (w[L] = I[L]);
-        }
-        if (b || N) {
-          var P = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          b && qt(w, P), N && zt(w, P);
-        }
-        return Qt(e, b, N, R, y, ut.current, w);
-      }
-    }
-    var Je = M.ReactCurrentOwner, ht = M.ReactDebugCurrentFrame;
-    function _e(e) {
-      if (e) {
-        var c = e._owner, d = ge(e.type, e._source, c ? c.type : null);
-        ht.setExtraStackFrame(d);
-      } else
-        ht.setExtraStackFrame(null);
-    }
-    var qe;
-    qe = !1;
-    function ze(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === t;
-    }
-    function pt() {
-      {
-        if (Je.current) {
-          var e = z(Je.current.type);
-          if (e)
-            return `
-
-Check the render method of \`` + e + "`.";
-        }
-        return "";
-      }
-    }
-    function tn(e) {
-      return "";
-    }
-    var vt = {};
-    function nn(e) {
-      {
-        var c = pt();
-        if (!c) {
-          var d = typeof e == "string" ? e : e.displayName || e.name;
-          d && (c = `
-
-Check the top-level render call using <` + d + ">.");
-        }
-        return c;
-      }
-    }
-    function mt(e, c) {
-      {
-        if (!e._store || e._store.validated || e.key != null)
-          return;
-        e._store.validated = !0;
-        var d = nn(c);
-        if (vt[d])
-          return;
-        vt[d] = !0;
-        var y = "";
-        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 gt(e, c) {
-      {
-        if (typeof e != "object")
-          return;
-        if (oe(e))
-          for (var d = 0; d < e.length; d++) {
-            var y = e[d];
-            ze(y) && mt(y, c);
-          }
-        else if (ze(e))
-          e._store && (e._store.validated = !0);
-        else if (e) {
-          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 c = e.type;
-        if (c == null || typeof c == "string")
-          return;
-        var d;
-        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.
-        c.$$typeof === g))
-          d = c.propTypes;
-        else
-          return;
-        if (d) {
-          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 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 c = Object.keys(e.props), d = 0; d < c.length; d++) {
-          var y = c[d];
-          if (y !== "children" && y !== "key") {
-            _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 && (_e(e), j("Invalid attribute `ref` supplied to `React.Fragment`."), _e(null));
-      }
-    }
-    var yt = {};
-    function Ct(e, c, d, y, R, L) {
-      {
-        var w = Z(e);
-        if (!w) {
-          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 ? 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, c, d, R, L);
-        if (P == null)
-          return P;
-        if (w) {
-          var G = c.children;
-          if (G !== void 0)
-            if (y)
-              if (oe(G)) {
-                for (var xe = 0; xe < G.length; xe++)
-                  gt(G[xe], e);
-                Object.freeze && Object.freeze(G);
-              } else
-                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
-              gt(G, e);
-        }
-        if (x.call(c, "key")) {
-          var fe = z(e), Y = Object.keys(c).filter(function(fn) {
-            return fn !== "key";
-          }), 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} />`, Qe, fe, un, fe), yt[fe + Qe] = !0;
-          }
-        }
-        return e === i ? an(P) : rn(P), P;
-      }
-    }
-    function on(e, c, d) {
-      return Ct(e, c, d, !0);
-    }
-    function sn(e, c, d) {
-      return Ct(e, c, d, !1);
-    }
-    var ln = sn, cn = on;
-    Le.Fragment = i, Le.jsx = ln, Le.jsxs = cn;
-  }()), Le;
-}
-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 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(() => {
+function oe(e) {
+  const t = e || "collapsed", [a, i] = W(t);
+  E(() => {
+    e !== void 0 && i(e);
+  }, [e]);
+  const s = a !== "collapsed" && a !== "compact", o = p(() => {
     i("expanded");
-  }, []), u = V(() => {
+  }, []), r = p(() => {
     i(t);
-  }, [t]), h = V(() => {
+  }, [t]), g = p(() => {
     i(
-      (f) => f === "collapsed" ? "compact" : "collapsed"
+      (u) => u === "collapsed" ? "compact" : "collapsed"
     );
   }, []);
   return {
-    state: r,
+    state: a,
     initialState: t,
     setState: i,
-    isOpen: a,
-    open: s,
-    close: u,
-    toggle: h
+    isOpen: s,
+    open: o,
+    close: r,
+    toggle: g
   };
 }
-function wn({
-  value: n,
+function ae({
+  value: e,
   setValue: t,
-  onSubmit: r,
+  onSubmit: a,
   isProcessing: i
 }) {
-  const a = mn(null), s = et(() => {
-    t(""), a.current && (a.current.style.height = "auto", setTimeout(() => {
-      var f;
-      (f = a.current) == null || f.focus();
+  const s = I(null), o = p(() => {
+    t(""), s.current && (s.current.style.height = "auto", setTimeout(() => {
+      var u;
+      (u = s.current) == null || u.focus();
     }, 100));
-  }, [t]), u = et(() => {
-    const f = a.current;
-    if (!f)
+  }, [t]), r = p(() => {
+    const u = s.current;
+    if (!u)
       return;
-    f.style.height = "auto";
-    const p = f.scrollHeight, m = 40, g = 200;
-    f.style.height = `${Math.min(
-      Math.max(p, m),
-      g
+    u.style.height = "auto";
+    const m = u.scrollHeight, f = 40, v = 200;
+    u.style.height = `${Math.min(
+      Math.max(m, f),
+      v
     )}px`;
-  }, []), h = et(
-    (f) => {
-      f.key === "Enter" && !f.shiftKey && !i && n.trim() && (f.preventDefault(), r(n.trim()), s());
+  }, []), g = p(
+    (u) => {
+      u.key === "Enter" && !u.shiftKey && !i && e.trim() && (u.preventDefault(), a(e.trim()), o());
     },
-    [n, i, r, s]
+    [e, i, a, o]
   );
-  return gn(() => {
-    u();
-  }, [n, u]), {
-    value: n,
+  return E(() => {
+    r();
+  }, [e, r]), {
+    value: e,
     setValue: t,
-    clear: s,
-    textareaRef: a,
-    handleKeyDown: h,
-    adjustHeight: u
-  };
-}
-var it, kt, Ie, $t;
-it = {
-  "(": 9,
-  "!": 8,
-  "*": 7,
-  "/": 7,
-  "%": 7,
-  "+": 6,
-  "-": 6,
-  "<": 5,
-  "<=": 5,
-  ">": 5,
-  ">=": 5,
-  "==": 4,
-  "!=": 4,
-  "&&": 3,
-  "||": 2,
-  "?": 1,
-  "?:": 1
-};
-kt = ["(", "?"];
-Ie = {
-  ")": ["("],
-  ":": ["?", "?:"]
-};
-$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 (kt.indexOf(u) >= 0 || it[u] < it[a]) {
-        r.push(u);
-        break;
-      }
-      t.push(u);
-    }
-    Ie[a] || r.push(a), n = n.substr(i.index + a.length);
-  }
-  return n = n.trim(), n && t.push(n), t.concat(r.reverse());
-}
-var Rn = {
-  "!": function(n) {
-    return !n;
-  },
-  "*": function(n, t) {
-    return n * t;
-  },
-  "/": function(n, t) {
-    return n / t;
-  },
-  "%": function(n, t) {
-    return n % t;
-  },
-  "+": function(n, t) {
-    return n + t;
-  },
-  "-": function(n, t) {
-    return n - t;
-  },
-  "<": function(n, t) {
-    return n < t;
-  },
-  "<=": function(n, t) {
-    return n <= t;
-  },
-  ">": function(n, t) {
-    return n > t;
-  },
-  ">=": function(n, t) {
-    return n >= t;
-  },
-  "==": function(n, t) {
-    return n === t;
-  },
-  "!=": function(n, t) {
-    return n !== t;
-  },
-  "&&": function(n, t) {
-    return n && t;
-  },
-  "||": function(n, t) {
-    return n || t;
-  },
-  "?:": function(n, t, r) {
-    if (n)
-      throw t;
-    return r;
-  }
-};
-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 {
-        f = u.apply(null, s);
-      } catch (p) {
-        return p;
-      }
-    } else t.hasOwnProperty(h) ? f = t[h] : f = +h;
-    r.push(f);
-  }
-  return r[0];
-}
-function jn(n) {
-  var t = En(n);
-  return function(r) {
-    return Tn(t, r);
-  };
-}
-function Ln(n) {
-  var t = jn(n);
-  return function(r) {
-    return +t({ n: r });
-  };
-}
-var Et = {
-  contextDelimiter: "",
-  onMissingKey: null
-};
-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 ot(n, t) {
-  var 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];
-}
-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 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
-  ), s = Ln(a)), r = this.pluralForms[n] = s), r(t);
-};
-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 Rt = {
-  "": {
-    plural_forms(n) {
-      return n === 1 ? 0 : 1;
-    }
-  }
-}, 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).
-      "": {
-        ...Rt[""],
-        ...(_ = i.data[v]) == null ? void 0 : _[""],
-        ...l == null ? void 0 : l[""]
-      }
-    }, 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 l = (v) => {
-      Sn.test(v) && s();
-    };
-    r.addAction("hookAdded", "core/i18n", l), r.addAction("hookRemoved", "core/i18n", l);
-  }
-  return {
-    getLocaleData: h,
-    setLocaleData: p,
-    addLocaleData: m,
-    resetLocaleData: g,
-    subscribe: u,
-    __: D,
-    _x: H,
-    _n: B,
-    _nx: M,
-    isRTL: j,
-    hasTranslation: K
-  };
-};
-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 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 Tt(n, t) {
-  return function(i, a, s, u = 10) {
-    const h = n[t];
-    if (!st(i) || !Ht(a))
-      return;
-    if (typeof s != "function") {
-      console.error("The hook callback must be a function.");
-      return;
-    }
-    if (typeof u != "number") {
-      console.error("If specified, the hook priority must be a number.");
-      return;
-    }
-    const f = {
-      callback: s,
-      priority: u,
-      namespace: a
-    };
-    if (h[i]) {
-      const p = h[i].handlers;
-      let m;
-      for (m = p.length; m > 0 && !(u >= p[m - 1].priority); m--)
-        ;
-      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: [f],
-        runs: 0
-      };
-    i !== "hookAdded" && n.doAction("hookAdded", i, a, s, u);
-  };
-}
-function Ve(n, t, r = !1) {
-  return function(a, s) {
-    const u = n[t];
-    if (!st(a) || !r && !Ht(s))
-      return;
-    if (!u[a])
-      return 0;
-    let h = 0;
-    if (r)
-      h = u[a].handlers.length, u[a] = {
-        runs: u[a].runs,
-        handlers: []
-      };
-    else {
-      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" && n.doAction("hookRemoved", a, s), h;
-  };
-}
-function jt(n, t) {
-  return function(i, a) {
-    const s = n[t];
-    return typeof a < "u" ? i in s && s[i].handlers.some((u) => u.namespace === a) : i in s;
-  };
-}
-function We(n, t, r, i) {
-  return function(s, ...u) {
-    const h = n[t];
-    h[s] || (h[s] = {
-      handlers: [],
-      runs: 0
-    }), 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 m() {
-      try {
-        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(p);
-      }
-    }
-    function g() {
-      try {
-        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(p);
-      }
-    }
-    return (i ? m : g)();
-  };
-}
-function Lt(n, t) {
-  return function() {
-    var u;
-    var i;
-    const a = n[t];
-    return (i = (u = Array.from(a.__current).at(-1)) == null ? void 0 : u.name) !== null && i !== void 0 ? i : null;
+    clear: o,
+    textareaRef: s,
+    handleKeyDown: g,
+    adjustHeight: r
   };
 }
-function At(n, t) {
-  return function(i) {
-    const a = n[t];
-    return typeof i > "u" ? a.__current.size > 0 : Array.from(a.__current).some((s) => s.name === i);
-  };
-}
-function St(n, t) {
-  return function(i) {
-    const a = n[t];
-    if (st(i))
-      return a[i] && a[i].runs ? a[i].runs : 0;
-  };
-}
-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 = 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 Dn() {
-  return new In();
-}
-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 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 Vt = Re("Ask anything", "a8c-agenttic"), at = {
+const ie = Ct("Ask anything", "a8c-agenttic"), Zt = {
   type: "spring",
   stiffness: 300,
   damping: 30
-}, De = {
+}, lt = {
   type: "spring",
   damping: 40,
   stiffness: 500,
   mass: 0.8
-}, Ye = {
-  ...De,
+}, Vt = {
+  ...lt,
   stiffness: 1e3,
   damping: 90
-}, lt = {
+}, $t = {
   type: "spring",
   damping: 40,
   stiffness: 500,
   mass: 0.8
-}, Wt = {
+}, re = {
   hidden: {
     opacity: 0
   },
   visible: {
     opacity: 1,
-    transition: at
+    transition: Zt
   },
   exit: {
     opacity: 0,
-    transition: { ...at, duration: 0.1 }
+    transition: { ...Zt, duration: 0.1 }
   }
-}, Pn = () => {
+}, De = () => {
   if (typeof window > "u")
     return { left: 0, right: 0, top: 0, bottom: 0 };
-  const n = 20;
+  const e = 20;
   return {
-    left: n,
-    right: window.innerWidth - 400 - n,
+    left: e,
+    right: window.innerWidth - 400 - e,
     // Assuming max width of 400px
-    top: n,
-    bottom: window.innerHeight - 60 - n
+    top: e,
+    bottom: window.innerHeight - 60 - e
     // Assuming collapsed height of 60px
   };
-}, Fn = {
+}, Me = {
   "0%": { backgroundPosition: "-200% 0" },
   "100%": { backgroundPosition: "200% 0" }
-}, pi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Xn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  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,
-  link: Vn,
-  icon: Wn,
-  sm: Bn,
-  withTextAndIcon: Yn
-}, ee = Mt.forwardRef(
+  fadeVariants: re,
+  fastSpring: lt,
+  fastSpringWithDelay: Vt,
+  getDragConstraints: De,
+  morphSpring: $t,
+  springConfig: Zt,
+  thinkingGradientKeyframes: Me
+}, Symbol.toStringTag, { value: "Module" })), Pe = "button-module_button", Ve = "button-module_pressed", He = "button-module_primary", $e = "button-module_ghost", Fe = "button-module_outline", ke = "button-module_transparent", Ue = "button-module_link", Ge = "button-module_icon", We = "button-module_sm", Be = "button-module_lg", Ze = "button-module_withTextAndIcon", Lt = {
+  button: Pe,
+  pressed: Ve,
+  primary: He,
+  ghost: $e,
+  outline: Fe,
+  transparent: ke,
+  link: Ue,
+  icon: Ge,
+  sm: We,
+  lg: Be,
+  withTextAndIcon: Ze
+}, Y = te.forwardRef(
   function({
     className: t,
-    variant: r = "primary",
+    variant: a = "primary",
     size: i,
-    icon: a,
-    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,
+    icon: s,
+    children: o,
+    asChild: r = !1,
+    pressed: g = !1,
+    ...u
+  }, m) {
+    const f = r ? Ne : "button", v = !!s, y = i || (v && !o ? "icon" : void 0);
+    return /* @__PURE__ */ _(
+      f,
       {
-        ref: p,
+        ref: m,
         "data-slot": "button",
-        className: se(
-          Ae.button,
-          Ae[r],
-          C && Ae[C],
-          g && s ? Ae.withTextAndIcon : void 0,
-          h ? Ae.pressed : void 0,
+        className: V(
+          Lt.button,
+          Lt[a],
+          y && Lt[y],
+          v && o ? Lt.withTextAndIcon : void 0,
+          g ? Lt.pressed : void 0,
           t
         ),
-        "aria-pressed": h,
-        ...f,
+        "aria-pressed": g,
+        ...u,
         children: [
-          a,
-          s
+          s,
+          o
         ]
       }
     );
   }
 );
-ee.displayName = "Button";
-function Bt({ className: n, size: t = 24 }) {
-  return /* @__PURE__ */ o.jsx(
+Y.displayName = "Button";
+function se({ className: e, size: t = 24 }) {
+  return /* @__PURE__ */ n(
     "svg",
     {
-      className: n,
+      className: e,
       width: t,
       height: t,
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ o.jsx(
+      children: /* @__PURE__ */ n(
         "path",
         {
           d: "M19.6611 11.5224L16.3782 10.39C15.0799 9.94387 14.0561 8.92011 13.61 7.62181L12.4775 4.33887C12.3231 3.88704 11.6769 3.88704 11.5225 4.33887L10.39 7.62181C9.94388 8.92011 8.9201 9.94387 7.6218 10.39L4.33887 11.5224C3.88704 11.6768 3.88704 12.3231 4.33887 12.4776L7.6218 13.61C8.9201 14.0561 9.94388 15.0799 10.39 16.3782L11.5225 19.6611C11.6769 20.113 12.3231 20.113 12.4775 19.6611L13.61 16.3782C14.0561 15.0799 15.0799 14.0561 16.3782 13.61L19.6611 12.4776C20.113 12.3231 20.113 11.6768 19.6611 11.5224ZM15.8291 12.2431L14.1876 12.8093C13.5356 13.0323 13.0266 13.5471 12.8036 14.1934L12.2374 15.8348C12.1572 16.0636 11.837 16.0636 11.7569 15.8348L11.1907 14.1934C10.9677 13.5414 10.4529 13.0323 9.80662 12.8093L8.16515 12.2431C7.93637 12.163 7.93637 11.8427 8.16515 11.7626L9.80662 11.1964C10.4586 10.9734 10.9677 10.4586 11.1907 9.81233L11.7569 8.17087C11.837 7.94209 12.1572 7.94209 12.2374 8.17087L12.8036 9.81233C13.0266 10.4643 13.5414 10.9734 14.1876 11.1964L15.8291 11.7626C16.0579 11.8427 16.0579 12.163 15.8291 12.2431Z",
@@ -1210,20 +192,20 @@ function Bt({ className: n, size: t = 24 }) {
     }
   );
 }
-const Zn = "CollapsedView-module_button", Un = {
-  button: Zn
+const Ye = "CollapsedView-module_button", Ke = {
+  button: Ye
 };
-function Gn({
-  icon: n = /* @__PURE__ */ o.jsx(Bt, { size: 36 }),
+function ce({
+  icon: e = /* @__PURE__ */ n(se, { size: 36 }),
   onClick: t,
-  onHover: r,
+  onHover: a,
   focusOnMount: i = !1
 }) {
-  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,
+  const s = I(null), o = I(i);
+  return E(() => {
+    o.current && s.current && s.current.focus(), o.current = !1;
+  }, [o, s]), /* @__PURE__ */ n(
+    M.div,
     {
       "data-slot": "collapsed-view",
       layout: "preserve-aspect",
@@ -1236,7 +218,7 @@ function Gn({
         opacity: 1,
         scale: 1,
         transition: {
-          ...lt,
+          ...$t,
           delay: 0.2
         }
       },
@@ -1247,37 +229,37 @@ function Gn({
           duration: 0.15
         }
       },
-      children: /* @__PURE__ */ o.jsx(
-        ee,
+      children: /* @__PURE__ */ n(
+        Y,
         {
-          ref: a,
+          ref: s,
           onClick: t,
-          onMouseEnter: r,
+          onMouseEnter: a,
           variant: "link",
-          className: Un.button,
-          icon: n,
-          "aria-label": Re("Open chat", "a8c-agenttic")
+          className: Ke.button,
+          icon: e,
+          "aria-label": Ct("Open chat", "a8c-agenttic")
         }
       )
     }
   );
 }
-const Kn = "Textarea-module_textarea", Xn = {
-  textarea: Kn
-}, Yt = Mt.forwardRef(
-  ({ className: n, ...t }, r) => /* @__PURE__ */ o.jsx(
+const Xe = "Textarea-module_textarea", je = {
+  textarea: Xe
+}, le = te.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ n(
     "textarea",
     {
       "data-slot": "textarea",
-      className: Xn.textarea,
-      ref: r,
+      className: je.textarea,
+      ref: a,
       ...t
     }
   )
 );
-Yt.displayName = "Textarea";
-function Jn({ className: n, size: t = 24 }) {
-  return /* @__PURE__ */ o.jsx(
+le.displayName = "Textarea";
+function ze({ className: e, size: t = 24 }) {
+  return /* @__PURE__ */ n(
     "svg",
     {
       width: t,
@@ -1285,8 +267,8 @@ function Jn({ className: n, size: t = 24 }) {
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: n,
-      children: /* @__PURE__ */ o.jsx(
+      className: e,
+      children: /* @__PURE__ */ n(
         "path",
         {
           d: "M12.2197 5C12.4186 5 12.6094 5.07902 12.75 5.21967L17 9.46967C17.2929 9.76256 17.2929 10.2374 17 10.5303C16.7071 10.8232 16.2322 10.8232 15.9393 10.5303L12.9697 7.56067V18.25C12.9697 18.6642 12.6339 19 12.2197 19C11.8055 19 11.4697 18.6642 11.4697 18.25V7.56065L8.5 10.5303C8.2071 10.8232 7.73223 10.8232 7.43934 10.5303C7.14644 10.2374 7.14645 9.76256 7.43934 9.46967L11.6894 5.21967C11.83 5.07902 12.0208 5 12.2197 5Z",
@@ -1296,8 +278,8 @@ function Jn({ className: n, size: t = 24 }) {
     }
   );
 }
-function qn({ className: n, size: t = 24 }) {
-  return /* @__PURE__ */ o.jsx(
+function qe({ className: e, size: t = 24 }) {
+  return /* @__PURE__ */ n(
     "svg",
     {
       width: t,
@@ -1305,8 +287,8 @@ function qn({ className: n, size: t = 24 }) {
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: n,
-      children: /* @__PURE__ */ o.jsx(
+      className: e,
+      children: /* @__PURE__ */ n(
         "rect",
         {
           x: "7",
@@ -1320,23 +302,23 @@ function qn({ className: n, size: t = 24 }) {
     }
   );
 }
-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
+const Je = "ChatInput-module_container", Qe = "ChatInput-module_textareaContainer", tn = "ChatInput-module_actions", en = "ChatInput-module_button", pt = {
+  container: Je,
+  textareaContainer: Qe,
+  actions: tn,
+  button: en
 };
-function nr({ className: n, size: t = 24 }) {
-  return /* @__PURE__ */ o.jsx(
+function nn({ className: e, size: t = 24 }) {
+  return /* @__PURE__ */ n(
     "svg",
     {
-      className: n,
+      className: e,
       width: t,
       height: t,
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ o.jsx(
+      children: /* @__PURE__ */ n(
         "path",
         {
           fillRule: "evenodd",
@@ -1348,27 +330,27 @@ function nr({ className: n, size: t = 24 }) {
     }
   );
 }
-const rr = "AnimatedPlaceholder-module_container", ir = {
-  container: rr
+const on = "AnimatedPlaceholder-module_container", an = {
+  container: on
 };
-function ar({
-  texts: n,
+function rn({
+  texts: e,
   interval: t = 3e3,
-  className: r = ""
+  className: a = ""
 }) {
-  const [i, a] = Ee(0);
-  return J(() => {
-    const s = setInterval(() => {
-      a(
-        (u) => (u + 1) % n.length
+  const [i, s] = W(0);
+  return E(() => {
+    const o = setInterval(() => {
+      s(
+        (r) => (r + 1) % e.length
       );
     }, t);
-    return () => clearInterval(s);
-  }, [n.length, t]), /* @__PURE__ */ o.jsx(Ue, { mode: "wait", children: /* @__PURE__ */ o.jsx(
-    q.span,
+    return () => clearInterval(o);
+  }, [e.length, t]), /* @__PURE__ */ n(_t, { mode: "wait", children: /* @__PURE__ */ n(
+    M.span,
     {
       "data-slot": "animated-placeholder",
-      className: se(ir.container, r),
+      className: V(an.container, a),
       initial: { opacity: 0, y: 8 },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: -8 },
@@ -1377,178 +359,315 @@ function ar({
         ease: [0.4, 0, 0.2, 1]
         // Matches --transition-colors cubic-bezier
       },
-      children: n[i]
+      children: e[i]
     },
     i
   ) });
 }
-function Zt({
-  value: n,
+const ue = Ee(null);
+function ut() {
+  const e = Ae(ue);
+  if (!e)
+    throw new Error(
+      "useAgentUIContext must be used within an AgentUIContainer"
+    );
+  return e;
+}
+function zt({ children: e, value: t }) {
+  return /* @__PURE__ */ n(ue.Provider, { value: t, children: e });
+}
+function Kt({
+  value: e,
   onChange: t,
-  onSubmit: r,
+  onSubmit: a,
   onKeyDown: i,
-  textareaRef: a,
-  placeholder: s = Vt,
-  isProcessing: u,
-  onBlur: h,
-  fromCompact: f = !1,
-  onExpand: p,
-  showExpandButton: m = !0,
-  focusOnMount: g = !1,
-  customActions: C = [],
-  actionOrder: E = "before-submit",
-  onStop: D,
-  disabled: H = !1
+  textareaRef: s,
+  placeholder: o = ie,
+  isProcessing: r,
+  onBlur: g,
+  fromCompact: u = !1,
+  onExpand: m,
+  showExpandButton: f = !0,
+  focusOnMount: v = !1,
+  customActions: y = [],
+  actionOrder: b = "before-submit",
+  onStop: T,
+  disabled: L = !1,
+  className: O
 }) {
-  const 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,
+  const D = Se(), N = (e.trim() || r) && !L, { variant: H, floatingChatState: c } = ut(), $ = (d) => d.endsWith("…") ? d : `${d}…`, B = Array.isArray(o);
+  let P;
+  B ? P = o.map($) : o ? P = $(o) : P = "";
+  const tt = I(v);
+  E(() => {
+    tt.current && s.current && s.current.focus(), tt.current = !1;
+  }, [tt, s]);
+  const K = () => y.map((d) => /* @__PURE__ */ n(
+    Y,
     {
-      className: T.className || be.button,
-      onClick: T.onClick,
-      disabled: T.disabled,
-      variant: T.variant || "ghost",
-      icon: T.icon,
-      "aria-label": T["aria-label"]
+      className: d.className || pt.button,
+      onClick: d.onClick,
+      disabled: d.disabled,
+      variant: d.variant || "ghost",
+      icon: d.icon,
+      "aria-label": d["aria-label"]
     },
-    T.id
-  )), A = () => m && p ? /* @__PURE__ */ o.jsx(
-    ee,
+    d.id
+  )), F = () => H === "embedded" || c === "expanded" ? null : f && m ? /* @__PURE__ */ n(
+    Y,
     {
-      className: be.button,
-      onClick: p,
+      className: pt.button,
+      onClick: m,
       variant: "ghost",
-      icon: /* @__PURE__ */ o.jsx(nr, {}),
-      "aria-label": Re("Expand conversation", "a8c-agenttic")
+      icon: /* @__PURE__ */ n(nn, {}),
+      "aria-label": Ct("Expand conversation", "a8c-agenttic")
     }
-  ) : null, O = () => {
-    const T = () => {
-      u && D ? D() : r();
+  ) : null, l = () => {
+    const d = () => {
+      r && T ? T() : a();
     };
-    return /* @__PURE__ */ o.jsx(
-      ee,
+    return /* @__PURE__ */ n(
+      Y,
       {
-        className: be.button,
-        onClick: T,
-        disabled: !M,
+        className: pt.button,
+        onClick: d,
+        disabled: !N,
         variant: "primary",
-        icon: u ? /* @__PURE__ */ o.jsx(qn, {}) : /* @__PURE__ */ o.jsx(Jn, {}),
-        "aria-label": Re(u ? "Stop processing" : "Send message", "a8c-agenttic")
+        icon: r ? /* @__PURE__ */ n(qe, {}) : /* @__PURE__ */ n(ze, {}),
+        "aria-label": r ? Ct("Stop processing", "a8c-agenttic") : Ct("Send message", "a8c-agenttic")
       }
     );
   };
-  return /* @__PURE__ */ o.jsxs("div", { "data-slot": "chat-input", className: be.container, children: [
-    /* @__PURE__ */ o.jsxs(
-      q.div,
+  return /* @__PURE__ */ _("div", { "data-slot": "chat-input", className: pt.container, children: [
+    /* @__PURE__ */ _(
+      M.div,
       {
-        className: be.textareaContainer,
+        className: pt.textareaContainer,
         initial: {
           opacity: 0
         },
         animate: {
           opacity: 1,
           scale: 1,
-          transition: n.trim() ? { duration: 0 } : Ye
+          transition: e.trim() ? { duration: 0 } : Vt
         },
         children: [
-          !n && K && /* @__PURE__ */ o.jsx(
-            ar,
+          !e && B && /* @__PURE__ */ n(
+            rn,
             {
-              texts: l
+              texts: P
             }
           ),
-          /* @__PURE__ */ o.jsx(
-            Yt,
+          /* @__PURE__ */ n(
+            le,
             {
-              id: B,
-              ref: a,
-              value: n,
-              onChange: (T) => t(T.target.value),
+              id: D,
+              ref: s,
+              value: e,
+              onChange: (d) => t(d.target.value),
               onKeyDown: i,
-              onBlur: h,
-              placeholder: K ? "" : l,
+              onBlur: g,
+              placeholder: B ? "" : P,
               rows: 1
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ o.jsxs(
-      q.div,
+    /* @__PURE__ */ _(
+      M.div,
       {
-        className: be.actions,
+        className: pt.actions,
         initial: {
-          opacity: f ? 1 : 0,
-          scale: f ? 1 : 0.5
+          opacity: u ? 1 : 0,
+          scale: u ? 1 : 0.5
         },
         animate: {
           opacity: 1,
           scale: 1,
-          transition: n.trim() ? { duration: 0 } : De
+          transition: e.trim() ? { duration: 0 } : lt
         },
         children: [
-          A(),
-          E === "before-submit" && _(),
-          O(),
-          E === "after-submit" && _()
+          F(),
+          b === "before-submit" && K(),
+          l(),
+          b === "after-submit" && K()
         ]
       }
     )
   ] });
 }
-function or({
-  value: n,
+const sn = "Suggestions-module_container", cn = "Suggestions-module_vertical", Gt = {
+  container: sn,
+  vertical: cn
+}, Xt = ({
+  className: e,
+  suggestions: t,
+  onSubmit: a,
+  layout: i = "horizontal",
+  visible: s = !0
+}) => {
+  const o = (r) => {
+    a && a(r.prompt);
+  };
+  return !t || t.length === 0 ? null : /* @__PURE__ */ n(_t, { children: t && t.length > 0 && s && /* @__PURE__ */ n(
+    M.div,
+    {
+      className: V(
+        Gt.container,
+        i === "vertical" ? Gt.vertical : "",
+        e
+      ),
+      initial: { opacity: 0, y: "-80%" },
+      animate: { opacity: 1, y: "-100%" },
+      exit: { opacity: 0, y: "-80%" },
+      transition: Vt,
+      children: t.map(
+        (r, g) => /* @__PURE__ */ n(
+          M.div,
+          {
+            initial: { opacity: 0, y: 10 },
+            animate: { opacity: 1, y: 0 },
+            exit: { opacity: 0, y: 10 },
+            transition: {
+              ...Vt,
+              delay: g * 0.05
+            },
+            children: /* @__PURE__ */ n(
+              Y,
+              {
+                onClick: () => o(r),
+                variant: i === "vertical" ? "transparent" : "outline",
+                size: i === "vertical" ? "lg" : void 0,
+                className: Gt.button,
+                children: r.label
+              }
+            )
+          },
+          r.id
+        )
+      )
+    }
+  ) });
+};
+function ln() {
+  const e = I(/* @__PURE__ */ new Map()), t = p((o) => {
+    const r = e.current.get(o);
+    r && (clearTimeout(r), e.current.delete(o));
+  }, []), a = p(
+    (o, r, g) => {
+      t(o);
+      const u = setTimeout(r, g);
+      return e.current.set(o, u), u;
+    },
+    [t]
+  ), i = p(() => {
+    e.current.forEach((o) => {
+      clearTimeout(o);
+    }), e.current.clear();
+  }, []), s = p((o) => e.current.has(o), []);
+  return E(() => i, [i]), {
+    setNamedTimeout: a,
+    clearNamedTimeout: t,
+    clearAllTimeouts: i,
+    hasTimeout: s
+  };
+}
+const un = 4e3, dn = 400;
+function de({
+  value: e,
   onChange: t,
-  onSubmit: r,
+  onSubmit: a,
   onKeyDown: i,
-  textareaRef: a,
-  placeholder: s,
-  isProcessing: u,
-  onBlur: h,
-  onExpand: f,
-  showExpandButton: p = !0,
-  focusOnMount: m = !1,
-  customActions: g,
-  actionOrder: C,
-  onStop: E
+  textareaRef: s,
+  placeholder: o,
+  isProcessing: r,
+  onBlur: g,
+  onExpand: u,
+  showExpandButton: m = !0,
+  focusOnMount: f = !1,
+  customActions: v,
+  actionOrder: y,
+  onStop: b,
+  suggestions: T,
+  clearSuggestions: L
 }) {
-  return /* @__PURE__ */ o.jsx(
-    Zt,
-    {
-      value: n,
-      onChange: t,
-      onSubmit: r,
-      onKeyDown: i,
-      textareaRef: a,
-      placeholder: s,
-      isProcessing: u,
-      onBlur: h,
-      onExpand: f,
-      showExpandButton: p,
-      focusOnMount: m,
-      customActions: g,
-      actionOrder: C,
-      onStop: E
-    }
+  const [O, D] = W(!1), { setNamedTimeout: N, clearAllTimeouts: H } = ln(), c = p(
+    ($) => {
+      t($), L == null || L();
+    },
+    [t, L]
   );
+  return E(() => {
+    if (H(), e) {
+      D(!1);
+      return;
+    }
+    if (!T || T.length === 0) {
+      D(!1);
+      return;
+    }
+    D(!0), N(
+      "hide-suggestions",
+      () => {
+        D(!1), N(
+          "clear-suggestions",
+          () => {
+            L == null || L();
+          },
+          dn
+        );
+      },
+      un
+    );
+  }, [
+    e,
+    T,
+    H,
+    N,
+    L
+  ]), /* @__PURE__ */ _(Ht, { children: [
+    /* @__PURE__ */ n(
+      Kt,
+      {
+        value: e,
+        onChange: t,
+        onSubmit: a,
+        onKeyDown: i,
+        textareaRef: s,
+        placeholder: o,
+        isProcessing: r,
+        onBlur: g,
+        onExpand: u,
+        showExpandButton: m,
+        focusOnMount: f,
+        customActions: v,
+        actionOrder: y,
+        onStop: b
+      }
+    ),
+    !e && /* @__PURE__ */ n(
+      Xt,
+      {
+        suggestions: T,
+        onSubmit: c,
+        layout: "vertical",
+        visible: O
+      }
+    )
+  ] });
 }
-function Ut({ className: n, size: t = 24 }) {
-  return /* @__PURE__ */ o.jsx(
+function me({ className: e, size: t = 24 }) {
+  return /* @__PURE__ */ n(
     "svg",
     {
-      className: n,
+      className: e,
       width: t,
       height: t,
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ o.jsx(
+      children: /* @__PURE__ */ n(
         "path",
         {
           d: "M12.0001 13.0607L16.4697 17.5304L17.5304 16.4697L13.0607 12.0001L17.5304 7.53039L16.4697 6.46973L12.0001 10.9394L7.5304 6.46973L6.46973 7.53039L10.9394 12.0001L6.46974 16.4697L7.5304 17.5304L12.0001 13.0607Z",
@@ -1558,68 +677,77 @@ function Ut({ className: n, size: t = 24 }) {
     }
   );
 }
-const sr = "ChatHeader-module_container", lr = {
-  container: sr
+const mn = "ChatHeader-module_container", fn = {
+  container: mn
 };
-function cr({ onClose: n }) {
-  return /* @__PURE__ */ o.jsx(
-    q.div,
+function fe({ onClose: e, className: t }) {
+  return /* @__PURE__ */ n(
+    M.div,
     {
       "data-slot": "chat-header",
       "data-draggable": "true",
-      className: lr.container,
+      className: fn.container,
       initial: { opacity: 0 },
       animate: { opacity: 1 },
-      transition: { ...De, delay: 0.1 },
-      children: n && /* @__PURE__ */ o.jsx(
-        ee,
+      transition: { ...lt, delay: 0.1 },
+      children: e && /* @__PURE__ */ n(
+        Y,
         {
           variant: "ghost",
-          icon: /* @__PURE__ */ o.jsx(Ut, {}),
-          onClick: n,
-          "aria-label": Re("Close conversation", "a8c-agenttic")
+          icon: /* @__PURE__ */ n(me, {}),
+          onClick: e,
+          "aria-label": Ct("Close conversation", "a8c-agenttic")
         }
       )
     }
   );
 }
-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
+const hn = "Notice-module_container", pn = "Notice-module_containerWithIcon", Cn = "Notice-module_content", gn = "Notice-module_actions", vn = "Notice-module_icon", wn = "Notice-module_dismissible", J = {
+  container: hn,
+  containerWithIcon: pn,
+  content: Cn,
+  actions: gn,
+  icon: vn,
+  dismissible: wn
 };
-function mr({
-  icon: n,
+function he({
+  icon: e,
   message: t,
-  action: r,
+  action: a,
   dismissible: i = !0,
-  onDismiss: a
+  onDismiss: s,
+  className: o,
+  status: r
 }) {
-  return /* @__PURE__ */ o.jsxs(
+  return /* @__PURE__ */ _(
     "div",
     {
       "data-slot": "notice",
-      className: se(we.container, {
-        [we.containerWithIcon]: !!n
-      }),
+      className: V(
+        J.container,
+        {
+          [J.containerWithIcon]: !!e,
+          [J.isSuccess]: r === "success",
+          [J.isWarning]: r === "warning",
+          [J.isError]: r === "error"
+        },
+        o
+      ),
       children: [
-        /* @__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__ */ _("div", { className: J.content, children: [
+          e && /* @__PURE__ */ n("div", { className: J.icon, children: e }),
+          /* @__PURE__ */ n("span", { children: t })
         ] }),
-        /* @__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,
+        /* @__PURE__ */ _("div", { className: J.actions, children: [
+          a && /* @__PURE__ */ n(Y, { onClick: a.onClick, variant: "link", children: a.label }),
+          i && s && /* @__PURE__ */ n(
+            Y,
             {
-              className: we.dismissible,
-              onClick: a,
+              className: J.dismissible,
+              onClick: s,
               variant: "ghost",
               size: "sm",
-              icon: /* @__PURE__ */ o.jsx(Ut, {})
+              icon: /* @__PURE__ */ n(me, {})
             }
           )
         ] })
@@ -1627,144 +755,101 @@ function mr({
     }
   );
 }
-const gr = "Suggestions-module_container", Ot = {
-  container: gr
-}, yr = ({
-  className: n,
-  suggestions: t,
-  onSubmit: r
-}) => {
-  const i = (a) => {
-    r && r(a.prompt);
-  };
-  return !t || t.length === 0 ? null : /* @__PURE__ */ o.jsx(Ue, { children: t && t.length > 0 && /* @__PURE__ */ o.jsx(
-    q.div,
-    {
-      className: se(Ot.container, n),
-      initial: { opacity: 0, y: "-80%" },
-      animate: { opacity: 1, y: "-100%" },
-      exit: { opacity: 0, y: "-80%" },
-      transition: Ye,
-      children: t.map(
-        (a, s) => /* @__PURE__ */ o.jsx(
-          q.div,
-          {
-            initial: { opacity: 0, y: 10 },
-            animate: { opacity: 1, y: 0 },
-            transition: {
-              ...Ye,
-              delay: s * 0.05
-            },
-            children: /* @__PURE__ */ o.jsx(
-              ee,
-              {
-                onClick: () => i(a),
-                variant: "outline",
-                className: Ot.button,
-                children: a.label
-              }
-            )
-          },
-          a.id
-        )
-      )
-    }
-  ) });
-}, Cr = "ChatFooter-module_container", _r = {
-  container: Cr
+const Ln = "ChatFooter-module_container", Yt = {
+  container: Ln
 };
-function xr({
-  inputValue: n,
+function yn({
+  inputValue: e,
   onInputChange: t,
-  onSubmit: r,
+  onSubmit: a,
   onKeyDown: i,
-  textareaRef: a,
-  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
+  textareaRef: s,
+  placeholder: o,
+  isProcessing: r,
+  onStop: g,
+  fromCompact: u = !1,
+  onExpand: m,
+  disabled: f,
+  notice: v,
+  suggestions: y,
+  clearSuggestions: b,
+  focusOnMount: T,
+  customActions: L,
+  actionOrder: O
 }) {
-  const M = V(
-    (j) => {
-      t(j), E == null || E();
+  const D = p(
+    (N) => {
+      t(N), b == null || b();
     },
-    [t, E]
+    [t, b]
   );
-  return /* @__PURE__ */ o.jsxs(
-    q.div,
+  return /* @__PURE__ */ _(
+    M.div,
     {
       "data-slot": "chat-footer",
-      className: _r.container,
+      className: Yt.container,
       initial: { opacity: 0, scale: 1 },
       animate: { opacity: 1, scale: 1 },
-      transition: { ...De },
+      transition: { ...lt },
       children: [
-        !n && /* @__PURE__ */ o.jsx(
-          yr,
+        !e && /* @__PURE__ */ n(
+          Xt,
           {
-            suggestions: C,
-            onSubmit: M
+            suggestions: y,
+            onSubmit: D
           }
         ),
-        g && /* @__PURE__ */ o.jsx(
-          mr,
+        v && /* @__PURE__ */ n(
+          he,
           {
-            icon: g.icon,
-            message: g.message,
-            action: g.action,
-            dismissible: g.dismissible,
-            onDismiss: g.onDismiss
+            icon: v.icon,
+            message: v.message,
+            action: v.action,
+            dismissible: v.dismissible,
+            onDismiss: v.onDismiss
           }
         ),
-        /* @__PURE__ */ o.jsx(
-          Zt,
+        /* @__PURE__ */ n(
+          Kt,
           {
-            value: n,
+            value: e,
             onChange: t,
-            onSubmit: r,
+            onSubmit: a,
             onKeyDown: i,
-            textareaRef: a,
-            placeholder: s,
-            isProcessing: u,
-            onStop: h,
-            fromCompact: f,
-            onExpand: p,
+            textareaRef: s,
+            placeholder: o,
+            isProcessing: r,
+            onStop: g,
+            fromCompact: u,
+            onExpand: m,
             showExpandButton: !1,
-            focusOnMount: D,
-            customActions: H,
-            actionOrder: B,
-            disabled: m
+            focusOnMount: T,
+            customActions: L,
+            actionOrder: O,
+            disabled: f
           }
         )
       ]
     }
   );
 }
-const br = "MessageActions-module_container", It = {
-  container: br
+const In = "MessageActions-module_container", qt = {
+  container: In
 };
-function Dt({ message: n }) {
-  return !n.actions || n.actions.length === 0 ? null : /* @__PURE__ */ o.jsx(
+function Jt({ message: e }) {
+  return !e.actions || e.actions.length === 0 ? null : /* @__PURE__ */ n(
     "div",
     {
-      className: It.container,
+      className: qt.container,
       "data-visible": "true",
       role: "toolbar",
       "aria-label": "Message actions",
-      children: n.actions.map((t) => /* @__PURE__ */ o.jsx(
-        ee,
+      children: e.actions.map((t) => /* @__PURE__ */ n(
+        Y,
         {
-          className: It.button,
+          className: qt.button,
           icon: t.icon,
-          onClick: () => t.onClick(n),
+          onClick: () => t.onClick(e),
           variant: "ghost",
           size: "sm",
           type: "button",
@@ -1780,113 +865,114 @@ function Dt({ message: n }) {
     }
   );
 }
-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,
+const Tn = "Message-module_message", _n = "Message-module_user", bn = "Message-module_bubble", En = "Message-module_error", An = "Message-module_content", Dt = {
+  message: Tn,
+  user: _n,
+  bubble: bn,
+  error: En,
+  content: An
+}, Sn = ee.forwardRef(
+  function({ message: t, messageRenderer: a = Re }, i) {
+    const s = () => /* @__PURE__ */ n(Ht, { children: t.content.map((o, r) => {
+      if (o.type === "text" && o.text)
+        return /* @__PURE__ */ n(a, { children: o.text }, r);
+      if (o.type === "component" && o.component) {
+        const g = o.component;
+        return /* @__PURE__ */ n(
+          g,
           {
-            ...s.componentProps || {}
+            ...o.componentProps || {}
           },
-          u
+          r
         );
       }
       return null;
     }) });
-    return /* @__PURE__ */ o.jsxs(
-      q.div,
+    return /* @__PURE__ */ _(
+      M.div,
       {
         ref: i,
-        variants: Wt,
+        variants: re,
         initial: "hidden",
         animate: "visible",
         "data-slot": "message",
         "data-role": t.role,
-        className: se(Be.message, Be[t.role]),
+        className: V(Dt.message, Dt[t.role]),
         children: [
-          /* @__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 })
+          /* @__PURE__ */ _("div", { className: Dt.content, children: [
+            /* @__PURE__ */ n("div", { className: Dt.bubble, children: s() }),
+            t.role !== "user" && /* @__PURE__ */ n(Jt, { message: t })
           ] }),
-          t.role === "user" && /* @__PURE__ */ o.jsx(Dt, { message: t })
+          t.role === "user" && /* @__PURE__ */ n(Jt, { message: t })
         ]
       }
     );
   }
-), 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(
+), xn = "Messages-module_container", On = "Messages-module_emptyState", Wt = {
+  container: xn,
+  emptyState: On
+}, Nn = "Thinking-module_container", Rn = "Thinking-module_icon", Dn = "Thinking-module_content", Bt = {
+  container: Nn,
+  icon: Rn,
+  content: Dn
+}, Mn = xe(
+  ee.forwardRef(
+    function({ content: t = "Thinking…" }, a) {
+      const i = Oe(() => /* @__PURE__ */ n(se, {}), []);
+      return /* @__PURE__ */ _(
         "div",
         {
-          ref: r,
+          ref: a,
           "data-slot": "thinking",
-          className: nt.container,
+          className: Bt.container,
           children: [
-            /* @__PURE__ */ o.jsx("div", { className: nt.icon, children: i }),
-            /* @__PURE__ */ o.jsx("span", { className: nt.content, children: t })
+            /* @__PURE__ */ n("div", { className: Bt.icon, children: i }),
+            /* @__PURE__ */ n("span", { className: Bt.content, children: t })
           ]
         }
       );
     }
   )
 );
-function Fr({
-  messages: n,
+function pe({
+  messages: e,
   isProcessing: t,
-  error: r,
+  error: a,
   emptyView: i,
-  messageRenderer: a
+  messageRenderer: s,
+  className: o
 }) {
-  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,
+  const r = I(null), g = I([]), u = I(!0), m = I(null);
+  return E(() => {
+    const f = e.length > g.current.length;
+    if (u.current && e.length > 0 && r.current ? r.current.scrollTop = r.current.scrollHeight : f && !u.current && r.current && r.current.scrollTo({
+      top: r.current.scrollHeight,
       behavior: "smooth"
-    }), p && f.current) {
-      const g = n.slice(
-        u.current.length
+    }), f && m.current) {
+      const y = e.slice(
+        g.current.length
       ).filter(
-        (C) => C.role === "agent"
+        (b) => b.role === "agent"
       );
-      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);
+      if (y.length > 0) {
+        const T = y[y.length - 1].content.filter((L) => L.type === "text").map((L) => L.text).join(" ");
+        T && (m.current.textContent = T);
       }
     }
-    h.current && (h.current = !1), u.current = n;
-  }, [n]), n.length === 0 ? i ? /* @__PURE__ */ o.jsx(
+    u.current && (u.current = !1), g.current = e;
+  }, [e]), e.length === 0 ? i ? /* @__PURE__ */ n(
     "div",
     {
       "data-slot": "messages",
-      className: `${tt.container} ${tt.emptyState}`,
-      ref: s,
+      className: `${Wt.container} ${Wt.emptyState}`,
+      ref: r,
       children: i
     }
-  ) : null : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsx(
+  ) : null : /* @__PURE__ */ _(Ht, { children: [
+    /* @__PURE__ */ n(
       "div",
       {
-        ref: f,
+        ref: m,
         "aria-live": "polite",
         "aria-atomic": "true",
         style: {
@@ -1898,23 +984,23 @@ function Fr({
         }
       }
     ),
-    /* @__PURE__ */ o.jsx(
+    /* @__PURE__ */ n(
       "div",
       {
         "data-slot": "messages",
-        className: tt.container,
-        ref: s,
-        children: /* @__PURE__ */ o.jsxs(Ue, { mode: "popLayout", children: [
-          n.map((p) => /* @__PURE__ */ o.jsx(
-            Lr,
+        className: Wt.container,
+        ref: r,
+        children: /* @__PURE__ */ _(_t, { mode: "popLayout", children: [
+          e.map((f) => /* @__PURE__ */ n(
+            Sn,
             {
-              message: p,
-              messageRenderer: a
+              message: f,
+              messageRenderer: s
             },
-            p.id
+            f.id
           )),
-          t && /* @__PURE__ */ o.jsx(Pr, {}),
-          r && /* @__PURE__ */ o.jsx(
+          t && /* @__PURE__ */ n(Mn, {}),
+          a && /* @__PURE__ */ n(
             "div",
             {
               className: "error-message",
@@ -1923,7 +1009,7 @@ function Fr({
                 padding: "1rem",
                 textAlign: "center"
               },
-              children: r
+              children: a
             }
           )
         ] })
@@ -1931,83 +1017,83 @@ function Fr({
     )
   ] });
 }
-const Mr = "ConversationView-module_container", kr = "ConversationView-module_withHeader", Pt = {
-  container: Mr,
-  withHeader: kr
+const Pn = "ConversationView-module_container", Vn = "ConversationView-module_withHeader", Tt = {
+  container: Pn,
+  withHeader: Vn
 };
-function Ft({
-  messages: n,
+function Qt({
+  messages: e,
   error: t,
-  inputValue: r,
+  inputValue: a,
   onInputChange: i,
-  onSubmit: a,
-  onKeyDown: s,
-  textareaRef: u,
-  placeholder: h,
-  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
+  onSubmit: s,
+  onKeyDown: o,
+  textareaRef: r,
+  placeholder: g,
+  isProcessing: u,
+  onStop: m,
+  fromCompact: f = !1,
+  showHeader: v = !1,
+  onClose: y,
+  onExpand: b,
+  notice: T,
+  emptyView: L,
+  suggestions: O,
+  clearSuggestions: D,
+  messageRenderer: N,
+  focusOnMount: H = !1
 }) {
-  return J(() => {
-    const l = (v) => {
-      v.key === "Escape" && C && C();
+  return E(() => {
+    const c = ($) => {
+      $.key === "Escape" && y && y();
     };
-    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
-  }, [C]), /* @__PURE__ */ o.jsxs(
+    return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
+  }, [y]), /* @__PURE__ */ _(
     "div",
     {
       "data-slot": "conversation-view",
-      className: `${Pt.container}${g ? ` ${Pt.withHeader}` : ""}`,
+      className: `${Tt.container}${v ? ` ${Tt.withHeader}` : ""}`,
       children: [
-        g && /* @__PURE__ */ o.jsx(cr, { onClose: C }),
-        /* @__PURE__ */ o.jsx(
-          Fr,
+        v && /* @__PURE__ */ n(fe, { onClose: y }),
+        /* @__PURE__ */ n(
+          pe,
           {
-            messages: n,
-            isProcessing: f,
+            messages: e,
+            isProcessing: u,
             error: t,
-            emptyView: H,
-            messageRenderer: j
+            emptyView: L,
+            messageRenderer: N
           }
         ),
-        /* @__PURE__ */ o.jsx(
-          xr,
+        /* @__PURE__ */ n(
+          yn,
           {
-            inputValue: r,
+            inputValue: a,
             onInputChange: i,
-            onSubmit: a,
-            onKeyDown: s,
-            textareaRef: u,
-            placeholder: h,
-            isProcessing: f,
-            onStop: p,
-            fromCompact: m,
-            onExpand: E,
-            notice: D,
-            suggestions: B,
-            clearSuggestions: M,
-            focusOnMount: K
+            onSubmit: s,
+            onKeyDown: o,
+            textareaRef: r,
+            placeholder: g,
+            isProcessing: u,
+            onStop: m,
+            fromCompact: f,
+            onExpand: b,
+            notice: T,
+            suggestions: O,
+            clearSuggestions: D,
+            focusOnMount: H
           }
         )
       ]
     }
   );
 }
-const $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
-}, $ = {
+const Hn = "Chat-module_container", $n = "Chat-module_embedded", Fn = "Chat-module_floating", kn = "Chat-module_content", Z = {
+  container: Hn,
+  embedded: $n,
+  floating: Fn,
+  content: kn
+}, S = {
   COLLAPSED_SIZE: 56,
   COMPACT_WIDTH: 372,
   EXPANDED_HEIGHT: 520,
@@ -2015,7 +1101,7 @@ const $r = "Chat-module_container", Hr = "Chat-module_embedded", Nr = "Chat-modu
   BORDER_RADIUS: 24,
   PADDING: 16,
   VIEWPORT_OFFSET: 16
-}, Oe = {
+}, yt = {
   SPRING_CONFIG: {
     type: "spring",
     damping: 25,
@@ -2028,264 +1114,266 @@ const $r = "Chat-module_container", Hr = "Chat-module_embedded", Nr = "Chat-modu
     '[data-slot="chat-footer"]'
   ].join(", ")
 };
-function Wr({
-  messages: n,
+function jn({
+  messages: e,
   isProcessing: t,
-  error: r,
+  error: a,
   onSubmit: i,
-  variant: a = "floating",
-  triggerIcon: s,
-  placeholder: u = Vt,
-  notice: h,
-  onOpen: f,
-  onExpand: p,
-  onClose: m,
-  onStop: g,
-  emptyView: C,
-  floatingChatState: E,
-  suggestions: D,
-  clearSuggestions: H,
-  messageRenderer: B,
-  className: M
+  variant: s = "floating",
+  triggerIcon: o,
+  placeholder: r = ie,
+  notice: g,
+  onOpen: u,
+  onExpand: m,
+  onClose: f,
+  onStop: v,
+  emptyView: y,
+  floatingChatState: b,
+  suggestions: T,
+  clearSuggestions: L,
+  messageRenderer: O,
+  className: D
 }) {
-  const [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);
+  const [N, H] = W(""), c = oe(b), $ = I(!1), B = I(!1), P = I(!1), [tt, K] = W(!1);
+  E(() => {
+    $.current = !1, B.current = !1, P.current = !1;
+  }, [c.state]);
+  const F = I(/* @__PURE__ */ new Set()), l = p(() => {
+    F.current.forEach((C) => {
+      clearTimeout(C);
+    }), F.current.clear();
+  }, []), d = ae({
+    value: N,
+    setValue: H,
+    onSubmit: async (C) => {
+      c.state !== "expanded" && (m == null || m()), c.setState("expanded"), await i(C);
     },
     isProcessing: t
-  }), [z, te] = Ee(56), [ne, Fe] = Ee(
+  }), [gt, vt] = W(56), [wt, bt] = W(
     "left"
-  ), 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)
+  ), k = I(null), et = I(null), w = I(null), nt = Mt(0), ot = Mt(0), at = ne(), Ft = p(() => {
+    $.current = !0, c.open(), u == null || u();
+  }, [c, u]), X = p(() => {
+    var A, U, G;
+    const C = (U = (A = w.current) == null ? void 0 : A.ownerDocument) == null ? void 0 : U.activeElement;
+    return !(C && ((G = w.current) != null && G.contains(C)) || N.trim());
+  }, [N, w]), dt = (C) => C === "collapsed" ? S.COLLAPSED_SIZE : C === "compact" ? gt : S.EXPANDED_HEIGHT, j = p(() => {
+    if (c.state === "collapsed" && (c.setState("compact"), c.initialState === "collapsed")) {
+      const C = setTimeout(() => {
+        c.state === "compact" && X() && c.setState("collapsed"), F.current.delete(C);
+      }, S.AUTO_COLLAPSE_DELAY);
+      F.current.add(C);
+    }
+  }, [c, X]), Q = p(() => {
+    if (c.initialState === "collapsed" && c.state === "compact" && X()) {
+      const C = setTimeout(() => {
+        c.state === "compact" && X() && c.setState("collapsed"), F.current.delete(C);
+      }, S.AUTO_COLLAPSE_DELAY);
+      F.current.add(C);
+    }
+  }, [c, X]), z = p(async () => {
+    if (d.value.trim()) {
+      const C = d.value.trim();
+      d.clear(), c.state !== "expanded" && (m == null || m()), c.setState("expanded"), await i(C);
+    }
+  }, [d, i, c, m]), it = p(() => {
+    P.current = !0, m == null || m(), c.setState("expanded");
+  }, [m, c]), kt = p(() => {
+    B.current = !0, d.clear(), c.close(), f && f();
+  }, [d, c, f]), rt = p(
+    (C) => {
+      if (!w.current || !et.current)
         return null;
-      const 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;
+      const A = w.current.getBoundingClientRect(), U = et.current.getBoundingClientRect(), G = window.getComputedStyle(w.current), mt = new DOMMatrixReadOnly(G.transform), St = A.x - mt.e, ct = A.y - mt.f, xt = (C ?? wt) === "left" ? U.left : U.right - S.COMPACT_WIDTH, h = U.bottom - S.EXPANDED_HEIGHT;
       return {
-        x: Xe - He,
-        y: Ne - oe
+        x: xt - St,
+        y: h - ct
       };
     },
-    [ne]
-  ), ke = V(
-    (x) => {
-      x.target.closest(
-        Oe.NON_DRAGGABLE_SELECTORS
-      ) || he.start(x.nativeEvent);
+    [wt]
+  ), st = p(
+    (C) => {
+      C.target.closest(
+        yt.NON_DRAGGABLE_SELECTORS
+      ) || at.start(C.nativeEvent);
     },
-    [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
+    [at]
+  ), Ut = p(
+    (C, A) => {
+      const U = A.point.x, G = S.COMPACT_WIDTH, mt = (window.innerWidth - G) / 2, ct = U < mt ? "left" : "right";
+      bt(ct);
+      const ft = rt(ct);
+      ft && (Pt(nt, ft.x, {
+        ...yt.SPRING_CONFIG,
+        velocity: A.velocity.x * yt.VELOCITY_MULTIPLIER
+      }), Pt(ot, ft.y, {
+        ...yt.SPRING_CONFIG,
+        velocity: A.velocity.y * yt.VELOCITY_MULTIPLIER
       }));
     },
-    [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")
+    [nt, ot, rt]
+  ), Et = I(c.state), At = Et.current === "compact" && c.state === "expanded";
+  return E(() => {
+    l(), Et.current = c.state;
+  }, [c.state, l]), E(() => {
+    if (c.state !== "expanded")
       return;
-    const x = () => {
-      const k = me();
-      k && (re.set(k.x), ie.set(k.y));
+    const C = () => {
+      const A = rt();
+      A && (nt.set(A.x), ot.set(A.y));
     };
-    return window.addEventListener("resize", x), () => window.removeEventListener("resize", x);
-  }, [l.state, re, ie, me]), J(() => {
-    const x = Z.current;
+    return window.addEventListener("resize", C), () => window.removeEventListener("resize", C);
+  }, [c.state, nt, ot, rt]), E(() => {
+    const C = F.current;
     return () => {
-      x.forEach((k) => {
-        clearTimeout(k);
-      }), x.clear();
+      C.forEach((A) => {
+        clearTimeout(A);
+      }), C.clear();
     };
-  }, []), J(() => {
-    if (l.state === "compact" && de.current) {
-      const x = de.current.scrollHeight + $.PADDING;
-      te(x);
+  }, []), E(() => {
+    if (c.state === "compact" && k.current) {
+      const C = k.current.scrollHeight + S.PADDING;
+      vt(C);
     }
-  }, [l.state, S.value]), a === "embedded" ? /* @__PURE__ */ o.jsx(
+  }, [c.state, d.value]), s === "embedded" ? /* @__PURE__ */ n(
     "div",
     {
       "data-slot": "chat-embedded",
-      className: se(M, Se.container, Se.embedded),
-      children: /* @__PURE__ */ o.jsx(
-        Ft,
+      className: V(D, Z.container, Z.embedded),
+      children: /* @__PURE__ */ n(
+        Qt,
         {
-          messages: n,
-          inputValue: S.value,
-          onInputChange: S.setValue,
-          onSubmit: ae,
-          onKeyDown: S.handleKeyDown,
-          textareaRef: S.textareaRef,
-          placeholder: u,
+          messages: e,
+          inputValue: d.value,
+          onInputChange: d.setValue,
+          onSubmit: z,
+          onKeyDown: d.handleKeyDown,
+          textareaRef: d.textareaRef,
+          placeholder: r,
           isProcessing: t,
-          onStop: g,
+          onStop: v,
           showHeader: !1,
-          notice: h,
-          suggestions: D,
-          clearSuggestions: H,
-          error: r,
-          emptyView: C,
-          messageRenderer: B,
-          onExpand: ue,
-          focusOnMount: A.current
+          notice: g,
+          suggestions: T,
+          clearSuggestions: L,
+          error: a,
+          emptyView: y,
+          messageRenderer: O,
+          onExpand: it,
+          focusOnMount: P.current
         }
       )
     }
-  ) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsx(
+  ) : /* @__PURE__ */ _(Ht, { children: [
+    /* @__PURE__ */ n(
       "div",
       {
-        ref: le,
+        ref: et,
         style: {
           position: "fixed",
-          top: $.VIEWPORT_OFFSET,
-          left: $.VIEWPORT_OFFSET,
-          right: $.VIEWPORT_OFFSET,
-          bottom: $.VIEWPORT_OFFSET,
+          top: S.VIEWPORT_OFFSET,
+          left: S.VIEWPORT_OFFSET,
+          right: S.VIEWPORT_OFFSET,
+          bottom: S.VIEWPORT_OFFSET,
           pointerEvents: "none"
         }
       }
     ),
-    /* @__PURE__ */ o.jsx(
-      q.div,
+    /* @__PURE__ */ n(
+      M.div,
       {
-        ref: Q,
+        ref: w,
         "data-slot": "chat-floating",
-        className: se(M, Se.container, Se.floating, {
-          animating: O
+        className: V(D, Z.container, Z.floating, {
+          animating: tt
         }),
-        onMouseLeave: l.state === "compact" ? pe : void 0,
-        drag: l.state === "expanded",
-        dragControls: he,
+        onMouseLeave: c.state === "compact" ? Q : void 0,
+        drag: c.state === "expanded",
+        dragControls: at,
         dragListener: !1,
-        dragConstraints: le,
+        dragConstraints: et,
         dragMomentum: !1,
         dragElastic: 0.1,
         dragTransition: { power: 0.1, timeConstant: 100 },
-        onDragEnd: Ke,
-        onPointerDown: ke,
+        onDragEnd: Ut,
+        onPointerDown: st,
         style: {
-          x: re,
-          y: ie,
-          bottom: $.VIEWPORT_OFFSET,
-          left: $.VIEWPORT_OFFSET
+          x: nt,
+          y: ot,
+          bottom: S.VIEWPORT_OFFSET,
+          left: S.VIEWPORT_OFFSET
         },
-        children: /* @__PURE__ */ o.jsx(
-          q.div,
+        children: /* @__PURE__ */ n(
+          M.div,
           {
             layout: !0,
-            className: Se.content,
+            className: Z.content,
             initial: !1,
             animate: {
-              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
+              width: c.state === "collapsed" ? S.COLLAPSED_SIZE : S.COMPACT_WIDTH,
+              height: dt(c.state),
+              x: c.state === "collapsed" && wt === "right" ? S.COMPACT_WIDTH - S.COLLAPSED_SIZE : 0,
+              transition: d.value.trim() ? { duration: 0 } : $t
             },
-            onAnimationStart: () => T(!0),
-            onAnimationComplete: () => T(!1),
+            onAnimationStart: () => K(!0),
+            onAnimationComplete: () => K(!1),
             style: {
-              borderRadius: $.BORDER_RADIUS
+              borderRadius: S.BORDER_RADIUS
             },
-            children: /* @__PURE__ */ o.jsxs(Ue, { mode: "wait", children: [
-              l.state === "collapsed" && /* @__PURE__ */ o.jsx(
-                Gn,
+            children: /* @__PURE__ */ _(_t, { mode: "wait", children: [
+              c.state === "collapsed" && /* @__PURE__ */ n(
+                ce,
                 {
-                  icon: s,
-                  onClick: Me,
-                  onHover: Te,
-                  focusOnMount: _.current
+                  icon: o,
+                  onClick: Ft,
+                  onHover: j,
+                  focusOnMount: B.current
                 },
                 "collapsed"
               ),
-              l.state === "compact" && /* @__PURE__ */ o.jsx("div", { ref: de, children: /* @__PURE__ */ o.jsx(
-                or,
+              c.state === "compact" && /* @__PURE__ */ n("div", { ref: k, children: /* @__PURE__ */ n(
+                de,
                 {
-                  value: S.value,
-                  onChange: S.setValue,
-                  onSubmit: ae,
-                  onKeyDown: S.handleKeyDown,
-                  textareaRef: S.textareaRef,
-                  placeholder: u,
+                  value: d.value,
+                  onChange: d.setValue,
+                  onSubmit: z,
+                  onKeyDown: d.handleKeyDown,
+                  textareaRef: d.textareaRef,
+                  placeholder: r,
                   isProcessing: t,
-                  onBlur: pe,
-                  onExpand: ue,
-                  showExpandButton: !S.value.trim(),
-                  focusOnMount: v.current,
-                  onStop: g
+                  onBlur: Q,
+                  onExpand: it,
+                  showExpandButton: !d.value.trim(),
+                  focusOnMount: $.current,
+                  onStop: v,
+                  suggestions: T,
+                  clearSuggestions: L
                 },
                 "compact"
               ) }),
-              l.state === "expanded" && /* @__PURE__ */ o.jsx(
-                Ft,
+              c.state === "expanded" && /* @__PURE__ */ n(
+                Qt,
                 {
-                  messages: n,
-                  inputValue: S.value,
-                  onInputChange: S.setValue,
-                  onSubmit: ae,
-                  onKeyDown: S.handleKeyDown,
-                  textareaRef: S.textareaRef,
-                  placeholder: u,
+                  messages: e,
+                  inputValue: d.value,
+                  onInputChange: d.setValue,
+                  onSubmit: z,
+                  onKeyDown: d.handleKeyDown,
+                  textareaRef: d.textareaRef,
+                  placeholder: r,
                   isProcessing: t,
-                  onStop: g,
+                  onStop: v,
                   showHeader: !0,
-                  onClose: ve,
-                  fromCompact: ge,
-                  notice: h,
-                  suggestions: D,
-                  clearSuggestions: H,
-                  error: r,
-                  emptyView: C,
-                  messageRenderer: B,
-                  onExpand: ue,
-                  focusOnMount: A.current
+                  onClose: kt,
+                  fromCompact: At,
+                  notice: g,
+                  suggestions: T,
+                  clearSuggestions: L,
+                  error: a,
+                  emptyView: y,
+                  messageRenderer: O,
+                  onExpand: it,
+                  focusOnMount: P.current
                 },
                 "expanded"
               )
@@ -2296,50 +1384,480 @@ function Wr({
     )
   ] });
 }
-const vi = ({
-  messages: n,
-  isProcessing: t,
-  error: r,
-  onSubmit: i,
-  variant: a = "floating",
-  triggerIcon: s,
-  placeholder: u,
-  notice: h,
-  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: n,
-    isProcessing: t,
-    error: r,
-    onSubmit: i,
-    variant: a,
-    triggerIcon: s,
-    placeholder: u,
-    notice: h,
-    emptyView: f,
-    onOpen: p,
-    onExpand: m,
-    onClose: g,
-    onStop: C,
-    floatingChatState: E,
-    suggestions: D,
-    clearSuggestions: H,
-    messageRenderer: B,
-    className: se("agenttic", M)
-  }
+const x = {
+  COLLAPSED_SIZE: 56,
+  COMPACT_WIDTH: 372,
+  EXPANDED_HEIGHT: 520,
+  AUTO_COLLAPSE_DELAY: 1500,
+  BORDER_RADIUS: 24,
+  PADDING: 16,
+  VIEWPORT_OFFSET: 16
+}, It = {
+  SPRING_CONFIG: {
+    type: "spring",
+    damping: 25,
+    stiffness: 300
+  },
+  VELOCITY_MULTIPLIER: 0.1,
+  NON_DRAGGABLE_SELECTORS: [
+    '[data-slot="message"]',
+    '[data-slot="chat-input"]',
+    '[data-slot="chat-footer"]'
+  ].join(", ")
+};
+function Ce({
+  children: e,
+  messages: t,
+  isProcessing: a,
+  error: i,
+  onSubmit: s,
+  variant: o = "floating",
+  triggerIcon: r,
+  placeholder: g,
+  notice: u,
+  onOpen: m,
+  onExpand: f,
+  onClose: v,
+  onStop: y,
+  emptyView: b,
+  floatingChatState: T,
+  suggestions: L,
+  clearSuggestions: O,
+  messageRenderer: D,
+  className: N,
+  inputValue: H,
+  onInputChange: c,
+  ...$
+}) {
+  const B = H !== void 0, [P, tt] = W(""), K = B ? H : P, F = B ? c : tt, l = oe(T), d = I(!1), gt = I(!1), vt = I(!1), [wt, bt] = W(!1);
+  E(() => {
+    d.current = !1, gt.current = !1, vt.current = !1;
+  }, [l.state]);
+  const k = I(/* @__PURE__ */ new Set()), et = p(() => {
+    k.current.forEach((h) => {
+      clearTimeout(h);
+    }), k.current.clear();
+  }, []), w = ae({
+    value: K,
+    setValue: F,
+    onSubmit: async (h) => {
+      l.state !== "expanded" && (f == null || f()), l.setState("expanded"), await s(h);
+    },
+    isProcessing: a
+  }), [nt, ot] = W(56), [at, Ft] = W(
+    "left"
+  ), X = I(null), dt = I(null), j = I(null), Q = Mt(0), z = Mt(0), it = ne(), kt = p(
+    (h) => {
+      w.setValue(h), O == null || O();
+    },
+    [w.setValue, O]
+  ), rt = p(() => {
+    d.current = !0, l.open(), m == null || m();
+  }, [l, m]), st = p(() => {
+    var R, q, ht;
+    const h = (q = (R = j.current) == null ? void 0 : R.ownerDocument) == null ? void 0 : q.activeElement;
+    return !(h && ((ht = j.current) != null && ht.contains(h)) || K.trim());
+  }, [K, j]), Ut = (h) => h === "collapsed" ? x.COLLAPSED_SIZE : h === "compact" ? nt : x.EXPANDED_HEIGHT, Et = p(() => {
+    if (l.state === "collapsed" && (l.setState("compact"), l.initialState === "collapsed")) {
+      const h = setTimeout(() => {
+        l.state === "compact" && st() && l.setState("collapsed"), k.current.delete(h);
+      }, x.AUTO_COLLAPSE_DELAY);
+      k.current.add(h);
+    }
+  }, [l, st]), At = p(() => {
+    if (l.initialState === "collapsed" && l.state === "compact" && st()) {
+      const h = setTimeout(() => {
+        l.state === "compact" && st() && l.setState("collapsed"), k.current.delete(h);
+      }, x.AUTO_COLLAPSE_DELAY);
+      k.current.add(h);
+    }
+  }, [l, st]), C = p(async () => {
+    if (w.value.trim()) {
+      const h = w.value.trim();
+      w.clear(), l.state !== "expanded" && (f == null || f()), l.setState("expanded"), await s(h);
+    }
+  }, [w, s, l, f]), A = p(() => {
+    vt.current = !0, f == null || f(), l.setState("expanded");
+  }, [f, l]), U = p(() => {
+    gt.current = !0, w.clear(), l.close(), v && v();
+  }, [w, l, v]), G = p(
+    (h) => {
+      if (!j.current || !dt.current)
+        return null;
+      const R = j.current.getBoundingClientRect(), q = dt.current.getBoundingClientRect(), ht = window.getComputedStyle(j.current), Ot = new DOMMatrixReadOnly(ht.transform), jt = R.x - Ot.e, Nt = R.y - Ot.f, _e = (h ?? at) === "left" ? q.left : q.right - x.COMPACT_WIDTH, be = q.bottom - x.EXPANDED_HEIGHT;
+      return {
+        x: _e - jt,
+        y: be - Nt
+      };
+    },
+    [at]
+  ), mt = p(
+    (h) => {
+      h.target.closest(
+        It.NON_DRAGGABLE_SELECTORS
+      ) || it.start(h.nativeEvent);
+    },
+    [it]
+  ), St = p(
+    (h, R) => {
+      const q = R.point.x, ht = x.COMPACT_WIDTH, Ot = (window.innerWidth - ht) / 2, Nt = q < Ot ? "left" : "right";
+      Ft(Nt);
+      const Rt = G(Nt);
+      Rt && (Pt(Q, Rt.x, {
+        ...It.SPRING_CONFIG,
+        velocity: R.velocity.x * It.VELOCITY_MULTIPLIER
+      }), Pt(z, Rt.y, {
+        ...It.SPRING_CONFIG,
+        velocity: R.velocity.y * It.VELOCITY_MULTIPLIER
+      }));
+    },
+    [Q, z, G]
+  ), ct = I(l.state), ft = ct.current === "compact" && l.state === "expanded";
+  E(() => {
+    et(), ct.current = l.state;
+  }, [l.state, et]), E(() => {
+    if (l.state !== "expanded")
+      return;
+    const h = () => {
+      const R = G();
+      R && (Q.set(R.x), z.set(R.y));
+    };
+    return window.addEventListener("resize", h), () => window.removeEventListener("resize", h);
+  }, [l.state, Q, z, G]), E(() => {
+    const h = k.current;
+    return () => {
+      h.forEach((R) => {
+        clearTimeout(R);
+      }), h.clear();
+    };
+  }, []), E(() => {
+    if (l.state === "compact" && X.current) {
+      const h = X.current.scrollHeight + x.PADDING;
+      ot(h);
+    }
+  }, [l.state, w.value]);
+  const xt = {
+    // Core data
+    messages: t,
+    isProcessing: a,
+    error: i,
+    // Input state
+    inputValue: w.value,
+    setInputValue: w.setValue,
+    clearInput: w.clear,
+    textareaRef: w.textareaRef,
+    handleKeyDown: w.handleKeyDown,
+    // Actions
+    onSubmit: s,
+    handleSubmit: C,
+    onStop: y,
+    // UI state
+    variant: o,
+    placeholder: g,
+    emptyView: b,
+    messageRenderer: D,
+    // Floating chat specific
+    floatingChatState: l.state,
+    triggerIcon: r,
+    onOpen: rt,
+    onExpand: A,
+    onClose: U,
+    // Suggestions
+    suggestions: L,
+    clearSuggestions: O,
+    handleSuggestionSubmit: kt,
+    // Notice
+    notice: u,
+    // Internal state for components
+    focusOnMount: vt.current,
+    fromCompact: ft,
+    showExpandButton: !w.value.trim()
+  };
+  return o === "embedded" ? /* @__PURE__ */ n(zt, { value: xt, children: /* @__PURE__ */ n(
+    "div",
+    {
+      "data-slot": "chat-embedded",
+      className: V(
+        N,
+        Z.container,
+        Z.embedded
+      ),
+      children: e
+    }
+  ) }) : /* @__PURE__ */ _(zt, { value: xt, children: [
+    /* @__PURE__ */ n(
+      "div",
+      {
+        ref: dt,
+        style: {
+          position: "fixed",
+          top: x.VIEWPORT_OFFSET,
+          left: x.VIEWPORT_OFFSET,
+          right: x.VIEWPORT_OFFSET,
+          bottom: x.VIEWPORT_OFFSET,
+          pointerEvents: "none"
+        }
+      }
+    ),
+    /* @__PURE__ */ n(
+      M.div,
+      {
+        ref: j,
+        "data-slot": "chat-floating",
+        className: V(N, Z.container, Z.floating, {
+          animating: wt
+        }),
+        onMouseLeave: l.state === "compact" ? At : void 0,
+        drag: l.state === "expanded",
+        dragControls: it,
+        dragListener: !1,
+        dragConstraints: dt,
+        dragMomentum: !1,
+        dragElastic: 0.1,
+        dragTransition: { power: 0.1, timeConstant: 100 },
+        onDragEnd: St,
+        onPointerDown: mt,
+        style: {
+          x: Q,
+          y: z,
+          bottom: x.VIEWPORT_OFFSET,
+          left: x.VIEWPORT_OFFSET
+        },
+        children: /* @__PURE__ */ n(
+          M.div,
+          {
+            layout: !0,
+            className: Z.content,
+            initial: !1,
+            animate: {
+              width: l.state === "collapsed" ? x.COLLAPSED_SIZE : x.COMPACT_WIDTH,
+              height: Ut(l.state),
+              x: l.state === "collapsed" && at === "right" ? x.COMPACT_WIDTH - x.COLLAPSED_SIZE : 0,
+              transition: w.value.trim() ? { duration: 0 } : $t
+            },
+            onAnimationStart: () => bt(!0),
+            onAnimationComplete: () => bt(!1),
+            style: {
+              borderRadius: x.BORDER_RADIUS
+            },
+            children: /* @__PURE__ */ _(_t, { mode: "wait", children: [
+              l.state === "collapsed" && /* @__PURE__ */ n(
+                ce,
+                {
+                  icon: r,
+                  onClick: rt,
+                  onHover: Et,
+                  focusOnMount: gt.current
+                },
+                "collapsed"
+              ),
+              l.state === "compact" && /* @__PURE__ */ n("div", { ref: X, children: /* @__PURE__ */ n(
+                de,
+                {
+                  value: w.value,
+                  onChange: w.setValue,
+                  onSubmit: C,
+                  onKeyDown: w.handleKeyDown,
+                  textareaRef: w.textareaRef,
+                  placeholder: g,
+                  isProcessing: a,
+                  onBlur: At,
+                  onExpand: A,
+                  showExpandButton: !w.value.trim(),
+                  focusOnMount: d.current,
+                  onStop: y,
+                  suggestions: L,
+                  clearSuggestions: O
+                },
+                "compact"
+              ) }),
+              l.state === "expanded" && e
+            ] })
+          }
+        )
+      }
+    )
+  ] });
+}
+function ge({ className: e } = {}) {
+  const { onClose: t } = ut();
+  return /* @__PURE__ */ n(fe, { onClose: t, className: e });
+}
+function ve({ className: e } = {}) {
+  const { messages: t, isProcessing: a, error: i, emptyView: s, messageRenderer: o } = ut();
+  return /* @__PURE__ */ n(
+    pe,
+    {
+      messages: t,
+      isProcessing: a,
+      error: i,
+      emptyView: s,
+      messageRenderer: o,
+      className: e
+    }
+  );
+}
+function we({
+  className: e,
+  disabled: t,
+  customActions: a,
+  actionOrder: i
+} = {}) {
+  const {
+    inputValue: s,
+    setInputValue: o,
+    handleSubmit: r,
+    handleKeyDown: g,
+    textareaRef: u,
+    placeholder: m,
+    isProcessing: f,
+    onStop: v,
+    fromCompact: y,
+    onExpand: b,
+    showExpandButton: T,
+    focusOnMount: L
+  } = ut();
+  return /* @__PURE__ */ n(
+    Kt,
+    {
+      value: s,
+      onChange: o,
+      onSubmit: r,
+      onKeyDown: g,
+      textareaRef: u,
+      placeholder: m,
+      isProcessing: f,
+      onStop: v,
+      fromCompact: y,
+      onExpand: b,
+      showExpandButton: T,
+      focusOnMount: L,
+      disabled: t,
+      customActions: a,
+      actionOrder: i,
+      className: e
+    }
+  );
+}
+function Le({
+  className: e,
+  showSuggestions: t
+} = {}) {
+  const { suggestions: a, handleSuggestionSubmit: i, inputValue: s } = ut();
+  return s && !t ? null : /* @__PURE__ */ n(
+    Xt,
+    {
+      suggestions: a,
+      onSubmit: i,
+      className: e
+    }
+  );
+}
+function ye({ className: e } = {}) {
+  const { notice: t } = ut();
+  return t ? /* @__PURE__ */ n(
+    he,
+    {
+      icon: t.icon,
+      message: t.message,
+      action: t.action,
+      dismissible: t.dismissible,
+      onDismiss: t.onDismiss,
+      className: e
+    }
+  ) : null;
+}
+function Ie({
+  children: e,
+  className: t
+} = {}) {
+  return e ? /* @__PURE__ */ n(
+    M.div,
+    {
+      "data-slot": "chat-footer",
+      className: V(Yt.container, t),
+      initial: { opacity: 0, scale: 1 },
+      animate: { opacity: 1, scale: 1 },
+      transition: { ...lt },
+      children: e
+    }
+  ) : /* @__PURE__ */ _(
+    M.div,
+    {
+      "data-slot": "chat-footer",
+      className: V(Yt.container, t),
+      initial: { opacity: 0, scale: 1 },
+      animate: { opacity: 1, scale: 1 },
+      transition: { ...lt },
+      children: [
+        /* @__PURE__ */ n(Le, {}),
+        /* @__PURE__ */ n(ye, {}),
+        /* @__PURE__ */ n(we, {})
+      ]
+    }
+  );
+}
+function Te({
+  showHeader: e = !0,
+  children: t,
+  className: a
+} = {}) {
+  const { onClose: i } = ut();
+  return E(() => {
+    const s = (o) => {
+      o.key === "Escape" && i && i();
+    };
+    return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
+  }, [i]), t ? /* @__PURE__ */ n(
+    "div",
+    {
+      "data-slot": "conversation-view",
+      className: `${Tt.container}${a ? ` ${a}` : ""}`,
+      children: t
+    }
+  ) : /* @__PURE__ */ _(
+    "div",
+    {
+      "data-slot": "conversation-view",
+      className: `${Tt.container}${e ? ` ${Tt.withHeader}` : ""}${a ? ` ${a}` : ""}`,
+      children: [
+        e && /* @__PURE__ */ n(ge, {}),
+        /* @__PURE__ */ n(ve, {}),
+        /* @__PURE__ */ n(Ie, {})
+      ]
+    }
+  );
+}
+const Un = {
+  // Core container with state management
+  Container: Ce,
+  // Individual composable components
+  Header: ge,
+  Messages: ve,
+  Input: we,
+  Suggestions: Le,
+  Notice: ye,
+  // Convenience wrappers
+  Footer: Ie,
+  ConversationView: Te
+}, zn = Object.assign(
+  (e) => /* @__PURE__ */ n(
+    Ce,
+    {
+      ...e,
+      className: V("agenttic", e.className),
+      children: /* @__PURE__ */ n(
+        Te,
+        {
+          showHeader: e.variant === "floating"
+        }
+      )
+    }
+  ),
+  Un
 );
-function mi({ className: n, size: t = 24 }) {
-  return /* @__PURE__ */ o.jsx(
+function qn({ className: e, size: t = 24 }) {
+  return /* @__PURE__ */ n(
     "svg",
     {
       width: t,
@@ -2347,8 +1865,8 @@ function mi({ className: n, size: t = 24 }) {
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: n,
-      children: /* @__PURE__ */ o.jsx(
+      className: e,
+      children: /* @__PURE__ */ n(
         "path",
         {
           d: "M6.97288 17.25C6.97288 17.3881 7.08481 17.5 7.22288 17.5L8.5 17.5L8.5 12.875L7.22288 12.875C7.08481 12.875 6.97288 12.9869 6.97288 13.125L6.97288 17.25ZM16.3725 17.5C17.1129 17.5 17.7434 16.9587 17.8549 16.2256L18.4819 13.1006C18.6199 12.1924 17.9175 11.3752 17.0004 11.375L14.0698 11.375C13.8509 11.3749 13.6429 11.2794 13.5004 11.1133C13.358 10.9469 13.2949 10.7261 13.3286 10.5098L13.7602 7.74023C13.8309 7.28511 13.4792 6.875 13.02 6.875L13.0141 6.87891L10 12.5L10 17.5L16.3725 17.5ZM5.47288 13.125C5.47288 12.1585 6.25638 11.375 7.22288 11.375L9.01216 11.375L11.6811 6.19238C11.9394 5.69079 12.4558 5.3751 13.02 5.375C14.4008 5.375 15.4552 6.6078 15.2426 7.97168L14.9458 9.875L17.0004 9.875C18.8366 9.87517 20.2413 11.511 19.9653 13.3262L19.3374 16.4512C19.1145 17.9166 17.8548 19 16.3725 19L7.22288 19C6.25638 19 5.47288 18.2165 5.47288 17.25L5.47288 13.125Z",
@@ -2358,8 +1876,8 @@ function mi({ className: n, size: t = 24 }) {
     }
   );
 }
-function gi({ className: n, size: t = 24 }) {
-  return /* @__PURE__ */ o.jsx(
+function Jn({ className: e, size: t = 24 }) {
+  return /* @__PURE__ */ n(
     "svg",
     {
       width: t,
@@ -2367,9 +1885,9 @@ function gi({ className: n, size: t = 24 }) {
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: n,
+      className: e,
       "aria-hidden": "true",
-      children: /* @__PURE__ */ o.jsx(
+      children: /* @__PURE__ */ n(
         "path",
         {
           d: "M6.97288 6.75C6.97288 6.61194 7.08481 6.5 7.22288 6.5L8.5 6.5L8.5 11.125L7.22288 11.125C7.08481 11.125 6.97288 11.0131 6.97288 10.875L6.97288 6.75ZM16.3725 6.5C17.1129 6.5 17.7434 7.0413 17.8549 7.77438L18.4819 10.8994C18.6199 11.8076 17.9175 12.6248 17.0004 12.625L14.0698 12.625C13.8509 12.6251 13.6429 12.7206 13.5004 12.8867C13.358 13.0531 13.2949 13.2739 13.3286 13.4902L13.7602 16.2598C13.8309 16.7149 13.4792 17.125 13.02 17.125L13.0141 17.1211L10 11.5L10 6.5L16.3725 6.5ZM5.47288 10.875C5.47288 11.8415 6.25638 12.625 7.22288 12.625L9.01216 12.625L11.6811 17.8076C11.9394 18.3092 12.4558 18.6249 13.02 18.625C14.4008 18.625 15.4552 17.3922 15.2426 16.0283L14.9458 14.125L17.0004 14.125C18.8366 14.1248 20.2413 12.489 19.9653 10.6738L19.3374 7.54883C19.1145 6.08344 17.8548 5 16.3725 5L7.22288 5C6.25638 5 5.47288 5.78348 5.47288 6.75L5.47288 10.875Z",
@@ -2379,8 +1897,8 @@ function gi({ className: n, size: t = 24 }) {
     }
   );
 }
-function yi({ className: n, size: t = 24 }) {
-  return /* @__PURE__ */ o.jsx(
+function Qn({ className: e, size: t = 24 }) {
+  return /* @__PURE__ */ n(
     "svg",
     {
       width: t,
@@ -2388,9 +1906,9 @@ function yi({ className: n, size: t = 24 }) {
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: n,
+      className: e,
       "aria-hidden": "true",
-      children: /* @__PURE__ */ o.jsx(
+      children: /* @__PURE__ */ n(
         "path",
         {
           d: "M14.5 12C14.5 11.1716 13.8284 10.5 13 10.5H8C7.17157 10.5 6.5 11.1716 6.5 12V17C6.5 17.8284 7.17157 18.5 8 18.5H13C13.8284 18.5 14.5 17.8284 14.5 17V12ZM16 14.5H16.5C17.3284 14.5 18 13.8284 18 13V8C18 7.17157 17.3284 6.5 16.5 6.5H11C10.1716 6.5 9.5 7.17157 9.5 8V9H13C14.6569 9 16 10.3431 16 12V14.5ZM19.5 13C19.5 14.6569 18.1569 16 16.5 16H16V17C16 18.6569 14.6569 20 13 20H8C6.34315 20 5 18.6569 5 17V12C5 10.3431 6.34315 9 8 9V8C8 6.34315 9.34315 5 11 5H16.5C18.1569 5 19.5 6.34315 19.5 8V13Z",
@@ -2400,8 +1918,8 @@ function yi({ className: n, size: t = 24 }) {
     }
   );
 }
-function Ci({ className: n, size: t = 24 }) {
-  return /* @__PURE__ */ o.jsx(
+function to({ className: e, size: t = 24 }) {
+  return /* @__PURE__ */ n(
     "svg",
     {
       width: t,
@@ -2409,9 +1927,9 @@ function Ci({ className: n, size: t = 24 }) {
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: n,
+      className: e,
       "aria-hidden": "true",
-      children: /* @__PURE__ */ o.jsx(
+      children: /* @__PURE__ */ n(
         "path",
         {
           fillRule: "evenodd",
@@ -2423,8 +1941,8 @@ function Ci({ className: n, size: t = 24 }) {
     }
   );
 }
-function _i({ className: n, size: t = 24 }) {
-  return /* @__PURE__ */ o.jsx(
+function eo({ className: e, size: t = 24 }) {
+  return /* @__PURE__ */ n(
     "svg",
     {
       width: t,
@@ -2432,8 +1950,8 @@ function _i({ className: n, size: t = 24 }) {
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: n,
-      children: /* @__PURE__ */ o.jsx(
+      className: e,
+      children: /* @__PURE__ */ n(
         "path",
         {
           fillRule: "evenodd",
@@ -2445,8 +1963,8 @@ function _i({ className: n, size: t = 24 }) {
     }
   );
 }
-function xi({ className: n, size: t = 24 }) {
-  return /* @__PURE__ */ o.jsxs(
+function no({ className: e, size: t = 24 }) {
+  return /* @__PURE__ */ _(
     "svg",
     {
       width: t,
@@ -2454,16 +1972,16 @@ function xi({ className: n, size: t = 24 }) {
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: n,
+      className: e,
       children: [
-        /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ n(
           "path",
           {
             d: "M11.2222 14.3333C12.9404 14.3333 14.3333 12.9404 14.3333 11.2222C14.3333 9.50401 12.9404 8.11111 11.2222 8.11111C9.50401 8.11111 8.11111 9.50401 8.11111 11.2222C8.11111 12.9404 9.50401 14.3333 11.2222 14.3333Z",
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ n(
           "path",
           {
             fillRule: "evenodd",
@@ -2477,27 +1995,45 @@ function xi({ className: n, size: t = 24 }) {
   );
 }
 export {
-  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
+  zn as AgentUI,
+  Ce as AgentUIContainer,
+  Te as AgentUIConversationView,
+  Ie as AgentUIFooter,
+  ge as AgentUIHeader,
+  we as AgentUIInput,
+  ve as AgentUIMessages,
+  ye as AgentUINotice,
+  zt as AgentUIProvider,
+  Le as AgentUISuggestions,
+  rn as AnimatedPlaceholder,
+  ze as ArrowUpIcon,
+  se as BigSkyIcon,
+  jn as Chat,
+  yn as ChatFooter,
+  fe as ChatHeader,
+  Kt as ChatInput,
+  nn as ChevronUpIcon,
+  ce as CollapsedView,
+  de as CompactView,
+  Qt as ConversationView,
+  Qn as CopyIcon,
+  Sn as Message,
+  Jt as MessageActions,
+  pe as Messages,
+  he as Notice,
+  qe as StopIcon,
+  to as StylesIcon,
+  Xt as Suggestions,
+  Mn as ThinkingMessage,
+  Jn as ThumbsDownIcon,
+  qn as ThumbsUpIcon,
+  me as XIcon,
+  eo as ZoomIcon,
+  no as ZoomIconFilled,
+  Xn as animations,
+  V as cn,
+  zn as default,
+  ut as useAgentUIContext,
+  oe as useChat,
+  ae as useInput
 };