flowdit-chatbot-library 1.3.8 → 1.3.10

package/dist/index.mjs

@@ -1,8 +1,8 @@
 var js = Object.defineProperty;
-var ys = (r, t, n) => t in r ? js(r, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[t] = n;
-var F = (r, t, n) => ys(r, typeof t != "symbol" ? t + "" : t, n);
-import S from "react";
-var ye = { exports: {} }, ee = {};
+var ys = (n, t, r) => t in n ? js(n, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : n[t] = r;
+var F = (n, t, r) => ys(n, typeof t != "symbol" ? t + "" : t, r);
+import R from "react";
+var ke = { exports: {} }, ee = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -12,11 +12,11 @@ var ye = { exports: {} }, ee = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var We;
+var Fe;
 function ws() {
-  if (We) return ee;
-  We = 1;
-  var r = S, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, i = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
+  if (Fe) return ee;
+  Fe = 1;
+  var n = R, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, i = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
   function f(x, m, j) {
     var g, y = {}, v = null, l = null;
     j !== void 0 && (v = "" + j), m.key !== void 0 && (v = "" + m.key), m.ref !== void 0 && (l = m.ref);
@@ -24,7 +24,7 @@ function ws() {
     if (x && x.defaultProps) for (g in m = x.defaultProps, m) y[g] === void 0 && (y[g] = m[g]);
     return { $$typeof: t, type: x, key: v, ref: l, props: y, _owner: i.current };
   }
-  return ee.Fragment = n, ee.jsx = f, ee.jsxs = f, ee;
+  return ee.Fragment = r, ee.jsx = f, ee.jsxs = f, ee;
 }
 var se = {};
 /**
@@ -36,25 +36,25 @@ var se = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var De;
+var Le;
 function ks() {
-  return De || (De = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = S, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), x = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), l = Symbol.for("react.offscreen"), u = Symbol.iterator, N = "@@iterator";
+  return Le || (Le = 1, process.env.NODE_ENV !== "production" && function() {
+    var n = R, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), x = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), l = Symbol.for("react.offscreen"), u = Symbol.iterator, N = "@@iterator";
     function h(s) {
       if (s === null || typeof s != "object")
         return null;
       var a = u && s[u] || s[N];
       return typeof a == "function" ? a : null;
     }
-    var b = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var b = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function C(s) {
       {
         for (var a = arguments.length, c = new Array(a > 1 ? a - 1 : 0), p = 1; p < a; p++)
           c[p - 1] = arguments[p];
-        R("error", s, c);
+        _("error", s, c);
       }
     }
-    function R(s, a, c) {
+    function _(s, a, c) {
       {
         var p = b.ReactDebugCurrentFrame, T = p.getStackAddendum();
         T !== "" && (a += "%s", c = c.concat([T]));
@@ -64,14 +64,14 @@ function ks() {
         E.unshift("Warning: " + a), Function.prototype.apply.call(console[s], console, E);
       }
     }
-    var A = !1, D = !1, L = !1, V = !1, U = !1, K;
-    K = Symbol.for("react.module.reference");
-    function P(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === o || s === d || U || s === i || s === j || s === g || V || s === l || A || D || L || typeof s == "object" && s !== null && (s.$$typeof === v || s.$$typeof === y || s.$$typeof === f || s.$$typeof === x || s.$$typeof === m || // This needs to include all possible module reference object
+    var A = !1, W = !1, H = !1, G = !1, z = !1, U;
+    U = Symbol.for("react.module.reference");
+    function D(s) {
+      return !!(typeof s == "string" || typeof s == "function" || s === o || s === d || z || s === i || s === j || s === g || G || s === l || A || W || H || typeof s == "object" && s !== null && (s.$$typeof === v || s.$$typeof === y || s.$$typeof === f || s.$$typeof === x || s.$$typeof === m || // 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.
-      s.$$typeof === K || s.getModuleId !== void 0));
+      s.$$typeof === U || s.getModuleId !== void 0));
     }
     function X(s, a, c) {
       var p = s.displayName;
@@ -80,10 +80,10 @@ function ks() {
       var T = a.displayName || a.name || "";
       return T !== "" ? c + "(" + T + ")" : c;
     }
-    function H(s) {
+    function L(s) {
       return s.displayName || "Context";
     }
-    function B(s) {
+    function I(s) {
       if (s == null)
         return null;
       if (typeof s.tag == "number" && C("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
@@ -93,7 +93,7 @@ function ks() {
       switch (s) {
         case o:
           return "Fragment";
-        case n:
+        case r:
           return "Portal";
         case d:
           return "Profiler";
@@ -108,19 +108,19 @@ function ks() {
         switch (s.$$typeof) {
           case x:
             var a = s;
-            return H(a) + ".Consumer";
+            return L(a) + ".Consumer";
           case f:
             var c = s;
-            return H(c._context) + ".Provider";
+            return L(c._context) + ".Provider";
           case m:
             return X(s, s.render, "ForwardRef");
           case y:
             var p = s.displayName || null;
-            return p !== null ? p : B(s.type) || "Memo";
+            return p !== null ? p : I(s.type) || "Memo";
           case v: {
             var T = s, E = T._payload, k = T._init;
             try {
-              return B(k(E));
+              return I(k(E));
             } catch {
               return null;
             }
@@ -128,18 +128,18 @@ function ks() {
         }
       return null;
     }
-    var J = Object.assign, Y = 0, te, ne, re, ie, ae, oe, $;
-    function z() {
+    var J = Object.assign, Y = 0, te, ne, re, ie, ae, oe, le;
+    function ce() {
     }
-    z.__reactDisabledLog = !0;
-    function Ye() {
+    ce.__reactDisabledLog = !0;
+    function S() {
       {
         if (Y === 0) {
-          te = console.log, ne = console.info, re = console.warn, ie = console.error, ae = console.group, oe = console.groupCollapsed, $ = console.groupEnd;
+          te = console.log, ne = console.info, re = console.warn, ie = console.error, ae = console.group, oe = console.groupCollapsed, le = console.groupEnd;
           var s = {
             configurable: !0,
             enumerable: !0,
-            value: z,
+            value: ce,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -155,7 +155,7 @@ function ks() {
         Y++;
       }
     }
-    function qe() {
+    function V() {
       {
         if (Y--, Y === 0) {
           var s = {
@@ -183,46 +183,46 @@ function ks() {
               value: oe
             }),
             groupEnd: J({}, s, {
-              value: $
+              value: le
             })
           });
         }
         Y < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var fe = b.ReactCurrentDispatcher, xe;
-    function le(s, a, c) {
+    var me = b.ReactCurrentDispatcher, ge;
+    function de(s, a, c) {
       {
-        if (xe === void 0)
+        if (ge === void 0)
           try {
             throw Error();
           } catch (T) {
             var p = T.stack.trim().match(/\n( *(at )?)/);
-            xe = p && p[1] || "";
+            ge = p && p[1] || "";
           }
         return `
-` + xe + s;
+` + ge + s;
       }
     }
-    var me = !1, ce;
+    var ve = !1, ue;
     {
       var Ke = typeof WeakMap == "function" ? WeakMap : Map;
-      ce = new Ke();
+      ue = new Ke();
     }
-    function ke(s, a) {
-      if (!s || me)
+    function Ce(s, a) {
+      if (!s || ve)
         return "";
       {
-        var c = ce.get(s);
+        var c = ue.get(s);
         if (c !== void 0)
           return c;
       }
       var p;
-      me = !0;
+      ve = !0;
       var T = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var E;
-      E = fe.current, fe.current = null, Ye();
+      E = me.current, me.current = null, S();
       try {
         if (a) {
           var k = function() {
@@ -235,94 +235,94 @@ function ks() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(k, []);
-            } catch (I) {
-              p = I;
+            } catch (M) {
+              p = M;
             }
             Reflect.construct(s, [], k);
           } else {
             try {
               k.call();
-            } catch (I) {
-              p = I;
+            } catch (M) {
+              p = M;
             }
             s.call(k.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (I) {
-            p = I;
+          } catch (M) {
+            p = M;
           }
           s();
         }
-      } catch (I) {
-        if (I && p && typeof I.stack == "string") {
-          for (var w = I.stack.split(`
-`), M = p.stack.split(`
-`), _ = w.length - 1, O = M.length - 1; _ >= 1 && O >= 0 && w[_] !== M[O]; )
-            O--;
-          for (; _ >= 1 && O >= 0; _--, O--)
-            if (w[_] !== M[O]) {
-              if (_ !== 1 || O !== 1)
+      } catch (M) {
+        if (M && p && typeof M.stack == "string") {
+          for (var w = M.stack.split(`
+`), P = p.stack.split(`
+`), O = w.length - 1, $ = P.length - 1; O >= 1 && $ >= 0 && w[O] !== P[$]; )
+            $--;
+          for (; O >= 1 && $ >= 0; O--, $--)
+            if (w[O] !== P[$]) {
+              if (O !== 1 || $ !== 1)
                 do
-                  if (_--, O--, O < 0 || w[_] !== M[O]) {
-                    var W = `
-` + w[_].replace(" at new ", " at ");
-                    return s.displayName && W.includes("<anonymous>") && (W = W.replace("<anonymous>", s.displayName)), typeof s == "function" && ce.set(s, W), W;
+                  if (O--, $--, $ < 0 || w[O] !== P[$]) {
+                    var B = `
+` + w[O].replace(" at new ", " at ");
+                    return s.displayName && B.includes("<anonymous>") && (B = B.replace("<anonymous>", s.displayName)), typeof s == "function" && ue.set(s, B), B;
                   }
-                while (_ >= 1 && O >= 0);
+                while (O >= 1 && $ >= 0);
               break;
             }
         }
       } finally {
-        me = !1, fe.current = E, qe(), Error.prepareStackTrace = T;
+        ve = !1, me.current = E, V(), Error.prepareStackTrace = T;
       }
-      var G = s ? s.displayName || s.name : "", q = G ? le(G) : "";
-      return typeof s == "function" && ce.set(s, q), q;
+      var Q = s ? s.displayName || s.name : "", q = Q ? de(Q) : "";
+      return typeof s == "function" && ue.set(s, q), q;
     }
     function Qe(s, a, c) {
-      return ke(s, !1);
+      return Ce(s, !1);
     }
     function Ge(s) {
       var a = s.prototype;
       return !!(a && a.isReactComponent);
     }
-    function de(s, a, c) {
+    function he(s, a, c) {
       if (s == null)
         return "";
       if (typeof s == "function")
-        return ke(s, Ge(s));
+        return Ce(s, Ge(s));
       if (typeof s == "string")
-        return le(s);
+        return de(s);
       switch (s) {
         case j:
-          return le("Suspense");
+          return de("Suspense");
         case g:
-          return le("SuspenseList");
+          return de("SuspenseList");
       }
       if (typeof s == "object")
         switch (s.$$typeof) {
           case m:
             return Qe(s.render);
           case y:
-            return de(s.type, a, c);
+            return he(s.type, a, c);
           case v: {
             var p = s, T = p._payload, E = p._init;
             try {
-              return de(E(T), a, c);
+              return he(E(T), a, c);
             } catch {
             }
           }
         }
       return "";
     }
-    var Z = Object.prototype.hasOwnProperty, Ne = {}, Ce = b.ReactDebugCurrentFrame;
-    function ue(s) {
+    var Z = Object.prototype.hasOwnProperty, Te = {}, Ee = b.ReactDebugCurrentFrame;
+    function fe(s) {
       if (s) {
-        var a = s._owner, c = de(s.type, s._source, a ? a.type : null);
-        Ce.setExtraStackFrame(c);
+        var a = s._owner, c = he(s.type, s._source, a ? a.type : null);
+        Ee.setExtraStackFrame(c);
       } else
-        Ce.setExtraStackFrame(null);
+        Ee.setExtraStackFrame(null);
     }
     function Xe(s, a, c, p, T) {
       {
@@ -332,19 +332,19 @@ function ks() {
             var w = void 0;
             try {
               if (typeof s[k] != "function") {
-                var M = Error((p || "React class") + ": " + c + " type `" + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[k] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw M.name = "Invariant Violation", M;
+                var P = Error((p || "React class") + ": " + c + " type `" + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[k] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw P.name = "Invariant Violation", P;
               }
               w = s[k](a, k, p, c, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (_) {
-              w = _;
+            } catch (O) {
+              w = O;
             }
-            w && !(w instanceof Error) && (ue(T), C("%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).", p || "React class", c, k, typeof w), ue(null)), w instanceof Error && !(w.message in Ne) && (Ne[w.message] = !0, ue(T), C("Failed %s type: %s", c, w.message), ue(null));
+            w && !(w instanceof Error) && (fe(T), C("%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).", p || "React class", c, k, typeof w), fe(null)), w instanceof Error && !(w.message in Te) && (Te[w.message] = !0, fe(T), C("Failed %s type: %s", c, w.message), fe(null));
           }
       }
     }
     var Ze = Array.isArray;
-    function ge(s) {
+    function pe(s) {
       return Ze(s);
     }
     function es(s) {
@@ -355,24 +355,24 @@ function ks() {
     }
     function ss(s) {
       try {
-        return Te(s), !1;
+        return Re(s), !1;
       } catch {
         return !0;
       }
     }
-    function Te(s) {
+    function Re(s) {
       return "" + s;
     }
-    function Ee(s) {
+    function _e(s) {
       if (ss(s))
-        return C("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", es(s)), Te(s);
+        return C("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", es(s)), Re(s);
     }
-    var Re = b.ReactCurrentOwner, ts = {
+    var Se = b.ReactCurrentOwner, ts = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, _e, Se;
+    }, Oe, $e;
     function ns(s) {
       if (Z.call(s, "ref")) {
         var a = Object.getOwnPropertyDescriptor(s, "ref").get;
@@ -390,12 +390,12 @@ function ks() {
       return s.key !== void 0;
     }
     function is(s, a) {
-      typeof s.ref == "string" && Re.current;
+      typeof s.ref == "string" && Se.current;
     }
     function as(s, a) {
       {
         var c = function() {
-          _e || (_e = !0, C("%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)", a));
+          Oe || (Oe = !0, C("%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)", a));
         };
         c.isReactWarning = !0, Object.defineProperty(s, "key", {
           get: c,
@@ -406,7 +406,7 @@ function ks() {
     function os(s, a) {
       {
         var c = function() {
-          Se || (Se = !0, C("%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)", a));
+          $e || ($e = !0, C("%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)", a));
         };
         c.isReactWarning = !0, Object.defineProperty(s, "ref", {
           get: c,
@@ -445,39 +445,39 @@ function ks() {
     };
     function cs(s, a, c, p, T) {
       {
-        var E, k = {}, w = null, M = null;
-        c !== void 0 && (Ee(c), w = "" + c), rs(a) && (Ee(a.key), w = "" + a.key), ns(a) && (M = a.ref, is(a, T));
+        var E, k = {}, w = null, P = null;
+        c !== void 0 && (_e(c), w = "" + c), rs(a) && (_e(a.key), w = "" + a.key), ns(a) && (P = a.ref, is(a, T));
         for (E in a)
           Z.call(a, E) && !ts.hasOwnProperty(E) && (k[E] = a[E]);
         if (s && s.defaultProps) {
-          var _ = s.defaultProps;
-          for (E in _)
-            k[E] === void 0 && (k[E] = _[E]);
+          var O = s.defaultProps;
+          for (E in O)
+            k[E] === void 0 && (k[E] = O[E]);
         }
-        if (w || M) {
-          var O = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
-          w && as(k, O), M && os(k, O);
+        if (w || P) {
+          var $ = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
+          w && as(k, $), P && os(k, $);
         }
-        return ls(s, w, M, T, p, Re.current, k);
+        return ls(s, w, P, T, p, Se.current, k);
       }
     }
-    var ve = b.ReactCurrentOwner, Oe = b.ReactDebugCurrentFrame;
-    function Q(s) {
+    var be = b.ReactCurrentOwner, Ae = b.ReactDebugCurrentFrame;
+    function K(s) {
       if (s) {
-        var a = s._owner, c = de(s.type, s._source, a ? a.type : null);
-        Oe.setExtraStackFrame(c);
+        var a = s._owner, c = he(s.type, s._source, a ? a.type : null);
+        Ae.setExtraStackFrame(c);
       } else
-        Oe.setExtraStackFrame(null);
+        Ae.setExtraStackFrame(null);
     }
-    var pe;
-    pe = !1;
-    function be(s) {
+    var je;
+    je = !1;
+    function ye(s) {
       return typeof s == "object" && s !== null && s.$$typeof === t;
     }
-    function $e() {
+    function Pe() {
       {
-        if (ve.current) {
-          var s = B(ve.current.type);
+        if (be.current) {
+          var s = I(be.current.type);
           if (s)
             return `
 
@@ -489,10 +489,10 @@ Check the render method of \`` + s + "`.";
     function ds(s) {
       return "";
     }
-    var Ae = {};
+    var Me = {};
     function us(s) {
       {
-        var a = $e();
+        var a = Pe();
         if (!a) {
           var c = typeof s == "string" ? s : s.displayName || s.name;
           c && (a = `
@@ -502,35 +502,35 @@ Check the top-level render call using <` + c + ">.");
         return a;
       }
     }
-    function Pe(s, a) {
+    function Ie(s, a) {
       {
         if (!s._store || s._store.validated || s.key != null)
           return;
         s._store.validated = !0;
         var c = us(a);
-        if (Ae[c])
+        if (Me[c])
           return;
-        Ae[c] = !0;
+        Me[c] = !0;
         var p = "";
-        s && s._owner && s._owner !== ve.current && (p = " It was passed a child from " + B(s._owner.type) + "."), Q(s), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', c, p), Q(null);
+        s && s._owner && s._owner !== be.current && (p = " It was passed a child from " + I(s._owner.type) + "."), K(s), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', c, p), K(null);
       }
     }
-    function Me(s, a) {
+    function Be(s, a) {
       {
         if (typeof s != "object")
           return;
-        if (ge(s))
+        if (pe(s))
           for (var c = 0; c < s.length; c++) {
             var p = s[c];
-            be(p) && Pe(p, a);
+            ye(p) && Ie(p, a);
           }
-        else if (be(s))
+        else if (ye(s))
           s._store && (s._store.validated = !0);
         else if (s) {
           var T = h(s);
           if (typeof T == "function" && T !== s.entries)
             for (var E = T.call(s), k; !(k = E.next()).done; )
-              be(k.value) && Pe(k.value, a);
+              ye(k.value) && Ie(k.value, a);
         }
       }
     }
@@ -549,11 +549,11 @@ Check the top-level render call using <` + c + ">.");
         else
           return;
         if (c) {
-          var p = B(a);
+          var p = I(a);
           Xe(c, s.props, "prop", p, s);
-        } else if (a.PropTypes !== void 0 && !pe) {
-          pe = !0;
-          var T = B(a);
+        } else if (a.PropTypes !== void 0 && !je) {
+          je = !0;
+          var T = I(a);
           C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", T || "Unknown");
         }
         typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -564,74 +564,74 @@ Check the top-level render call using <` + c + ">.");
         for (var a = Object.keys(s.props), c = 0; c < a.length; c++) {
           var p = a[c];
           if (p !== "children" && p !== "key") {
-            Q(s), C("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), Q(null);
+            K(s), C("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), K(null);
             break;
           }
         }
-        s.ref !== null && (Q(s), C("Invalid attribute `ref` supplied to `React.Fragment`."), Q(null));
+        s.ref !== null && (K(s), C("Invalid attribute `ref` supplied to `React.Fragment`."), K(null));
       }
     }
-    var Ie = {};
-    function Be(s, a, c, p, T, E) {
+    var We = {};
+    function De(s, a, c, p, T, E) {
       {
-        var k = P(s);
+        var k = D(s);
         if (!k) {
           var w = "";
           (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (w += " 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 M = ds();
-          M ? w += M : w += $e();
-          var _;
-          s === null ? _ = "null" : ge(s) ? _ = "array" : s !== void 0 && s.$$typeof === t ? (_ = "<" + (B(s.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : _ = typeof s, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", _, w);
+          var P = ds();
+          P ? w += P : w += Pe();
+          var O;
+          s === null ? O = "null" : pe(s) ? O = "array" : s !== void 0 && s.$$typeof === t ? (O = "<" + (I(s.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : O = typeof s, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", O, w);
         }
-        var O = cs(s, a, c, T, E);
-        if (O == null)
-          return O;
+        var $ = cs(s, a, c, T, E);
+        if ($ == null)
+          return $;
         if (k) {
-          var W = a.children;
-          if (W !== void 0)
+          var B = a.children;
+          if (B !== void 0)
             if (p)
-              if (ge(W)) {
-                for (var G = 0; G < W.length; G++)
-                  Me(W[G], s);
-                Object.freeze && Object.freeze(W);
+              if (pe(B)) {
+                for (var Q = 0; Q < B.length; Q++)
+                  Be(B[Q], s);
+                Object.freeze && Object.freeze(B);
               } else
                 C("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
-              Me(W, s);
+              Be(B, s);
         }
         if (Z.call(a, "key")) {
-          var q = B(s), I = Object.keys(a).filter(function(bs) {
+          var q = I(s), M = Object.keys(a).filter(function(bs) {
             return bs !== "key";
-          }), je = I.length > 0 ? "{key: someKey, " + I.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ie[q + je]) {
-            var ps = I.length > 0 ? "{" + I.join(": ..., ") + ": ...}" : "{}";
+          }), we = M.length > 0 ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!We[q + we]) {
+            var ps = M.length > 0 ? "{" + M.join(": ..., ") + ": ...}" : "{}";
             C(`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} />`, je, q, ps, q), Ie[q + je] = !0;
+  <%s key={someKey} {...props} />`, we, q, ps, q), We[q + we] = !0;
           }
         }
-        return s === o ? fs(O) : hs(O), O;
+        return s === o ? fs($) : hs($), $;
       }
     }
     function xs(s, a, c) {
-      return Be(s, a, c, !0);
+      return De(s, a, c, !0);
     }
     function ms(s, a, c) {
-      return Be(s, a, c, !1);
+      return De(s, a, c, !1);
     }
     var gs = ms, vs = xs;
     se.Fragment = o, se.jsx = gs, se.jsxs = vs;
   }()), se;
 }
-process.env.NODE_ENV === "production" ? ye.exports = ws() : ye.exports = ks();
-var e = ye.exports;
-const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-chat-launcher", onClick: r, children: /* @__PURE__ */ e.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e.jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) }) }), { useState: he, useEffect: Cs, useRef: Fe, useLayoutEffect: Le } = S, Ts = ({
-  mode: r = "floating",
+process.env.NODE_ENV === "production" ? ke.exports = ws() : ke.exports = ks();
+var e = ke.exports;
+const Ns = ({ onClick: n }) => /* @__PURE__ */ e.jsx("button", { className: "cb-chat-launcher", onClick: n, children: /* @__PURE__ */ e.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e.jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) }) }), { useState: xe, useEffect: Cs, useRef: Je, useLayoutEffect: ze } = R, Ts = ({
+  mode: n = "floating",
   isOpen: t = !0,
-  embedded: n = !1,
+  embedded: r = !1,
   onClose: o,
   onOpen: i,
   children: d,
@@ -641,37 +641,37 @@ const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-
   onDrawerOpenChange: j,
   headerActions: g
 }) => {
-  const [y, v] = he(!1), [l, u] = he(!1), N = m !== void 0 ? m : l, h = (P) => {
-    u(P), j == null || j(P);
-  }, [b, C] = he(!1), R = Fe(null), [A, D] = he(!0);
+  const [y, v] = xe(!1), [l, u] = xe(!1), N = m !== void 0 ? m : l, h = (D) => {
+    u(D), j == null || j(D);
+  }, [b, C] = xe(!1), _ = Je(null), [A, W] = xe(!0);
   Cs(() => {
     v(!0);
   }, []);
-  const L = () => {
-    R.current && (R.current.scrollTop = R.current.scrollHeight);
-  }, V = () => {
-    if (!R.current) return;
-    const { scrollTop: P, scrollHeight: X, clientHeight: H } = R.current, B = X - P - H;
-    C(B > 100), D(B < 50);
-  }, U = Fe(null);
-  if (Le(() => {
-    A && L();
-  }, [d, A]), Le(() => {
-    if (!U.current) return;
-    const P = new ResizeObserver(() => {
-      A && L();
+  const H = () => {
+    _.current && (_.current.scrollTop = _.current.scrollHeight);
+  }, G = () => {
+    if (!_.current) return;
+    const { scrollTop: D, scrollHeight: X, clientHeight: L } = _.current, I = X - D - L;
+    C(I > 100), W(I < 50);
+  }, z = Je(null);
+  if (ze(() => {
+    A && H();
+  }, [d, A]), ze(() => {
+    if (!z.current) return;
+    const D = new ResizeObserver(() => {
+      A && H();
     });
-    return P.observe(U.current), () => P.disconnect();
+    return D.observe(z.current), () => D.disconnect();
   }, [A]), !y) return null;
-  if (!t && r === "floating" && !n)
+  if (!t && n === "floating" && !r)
     return /* @__PURE__ */ e.jsx(Ns, { onClick: () => i == null ? void 0 : i() });
-  const K = [
+  const U = [
     "cb-chat-container",
-    `cb-mode-${r}`,
+    `cb-mode-${n}`,
     t ? "cb-open" : "cb-closed",
-    n ? "cb-embedded" : null
+    r ? "cb-embedded" : null
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: K, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: U, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "cb-chat-header", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "cb-header-left", children: [
         /* @__PURE__ */ e.jsx("button", { className: "cb-header-btn", onClick: () => h(!N), children: /* @__PURE__ */ e.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
@@ -697,16 +697,16 @@ const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-
             "div",
             {
               className: "cb-scroll-view",
-              ref: R,
-              onScroll: V,
-              children: /* @__PURE__ */ e.jsx("div", { ref: U, children: d })
+              ref: _,
+              onScroll: G,
+              children: /* @__PURE__ */ e.jsx("div", { ref: z, children: d })
             }
           ),
           /* @__PURE__ */ e.jsx(
             "button",
             {
               className: `cb-scroll-bottom-btn ${b ? "visible" : ""}`,
-              onClick: L,
+              onClick: H,
               children: /* @__PURE__ */ e.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e.jsx("path", { d: "M12 5v14M19 12l-7 7-7-7" }) })
             }
           )
@@ -715,24 +715,24 @@ const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-
       ] })
     ] })
   ] });
-}, { useState: Je } = S, Es = ({
-  onClose: r,
+}, { useState: Ve } = R, Es = ({
+  onClose: n,
   webSearchEnabled: t = !1,
-  onWebSearchChange: n,
+  onWebSearchChange: r,
   pageContextEnabled: o = !1,
   onPageContextChange: i
 }) => {
-  const [d, f] = Je("rovo"), [x, m] = Je({
+  const [d, f] = Ve("rovo"), [x, m] = Ve({
     knowledge: !0,
     autoApply: !0
   }), j = (v) => {
     m((l) => ({ ...l, [v]: !l[v] }));
   }, g = () => {
-    n == null || n(!t);
+    r == null || r(!t);
   }, y = () => {
     i == null || i(!o);
   };
-  return /* @__PURE__ */ e.jsx("div", { className: "cb-menu-overlay", onClick: r, children: /* @__PURE__ */ e.jsxs("div", { className: "cb-menu-content reasoning", onClick: (v) => v.stopPropagation(), children: [
+  return /* @__PURE__ */ e.jsx("div", { className: "cb-menu-overlay", onClick: n, children: /* @__PURE__ */ e.jsxs("div", { className: "cb-menu-content reasoning", onClick: (v) => v.stopPropagation(), children: [
     /* @__PURE__ */ e.jsx("div", { className: "cb-menu-header", children: /* @__PURE__ */ e.jsx("span", { children: "Reasoning" }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "cb-menu-section", children: [
       /* @__PURE__ */ e.jsxs("div", { className: `cb-menu-item ${d === "rovo" ? "active" : ""}`, onClick: () => f("rovo"), children: [
@@ -814,7 +814,7 @@ const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-
       ] })
     ] })
   ] }) });
-}, Rs = ({ onClose: r }) => /* @__PURE__ */ e.jsx("div", { className: "cb-menu-overlay", onClick: r, children: /* @__PURE__ */ e.jsx("div", { className: "cb-menu-content plus-menu", onClick: (t) => t.stopPropagation(), children: /* @__PURE__ */ e.jsxs("div", { className: "cb-menu-section compact", children: [
+}, Rs = ({ onClose: n }) => /* @__PURE__ */ e.jsx("div", { className: "cb-menu-overlay", onClick: n, children: /* @__PURE__ */ e.jsx("div", { className: "cb-menu-content plus-menu", onClick: (t) => t.stopPropagation(), children: /* @__PURE__ */ e.jsxs("div", { className: "cb-menu-section compact", children: [
   /* @__PURE__ */ e.jsxs("div", { className: "cb-menu-item", children: [
     /* @__PURE__ */ e.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
       /* @__PURE__ */ e.jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
@@ -845,16 +845,16 @@ const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-
     ] }),
     /* @__PURE__ */ e.jsx("span", { className: "cb-menu-title", children: "More formatting" })
   ] })
-] }) }) }), { useState: ze, useRef: _s, useEffect: Ss } = S, Os = ({
-  onSend: r,
+] }) }) }), { useState: Ue, useRef: _s, useEffect: Ss } = R, Os = ({
+  onSend: n,
   disabled: t = !1,
-  placeholder: n = "Ask, @mention, or / for actions",
+  placeholder: r = "Ask, @mention, or / for actions",
   webSearchEnabled: o = !1,
   onWebSearchChange: i,
   pageContextEnabled: d = !1,
   onPageContextChange: f
 }) => {
-  const [x, m] = ze(""), [j, g] = ze(null), y = _s(null);
+  const [x, m] = Ue(""), [j, g] = Ue(null), y = _s(null);
   Ss(() => {
     const u = (N) => {
       y.current && !y.current.contains(N.target) && g(null);
@@ -862,7 +862,7 @@ const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-
     return document.addEventListener("mousedown", u), () => document.removeEventListener("mousedown", u);
   }, []);
   const v = (u) => {
-    u.key === "Enter" && !u.shiftKey && (u.preventDefault(), x.trim() && !t && (r == null || r(x), m("")));
+    u.key === "Enter" && !u.shiftKey && (u.preventDefault(), x.trim() && !t && (n == null || n(x), m("")));
   }, l = (u) => {
     g(j === u ? null : u);
   };
@@ -887,7 +887,7 @@ const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-
           onChange: (u) => m(u.target.value),
           onKeyDown: v,
           onFocus: () => g(null),
-          placeholder: n,
+          placeholder: r,
           disabled: t,
           rows: 1
         }
@@ -934,7 +934,7 @@ const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-
           {
             className: `cb-send-btn ${x.trim() ? "active" : ""}`,
             onClick: () => {
-              x.trim() && !t && (r == null || r(x), m(""));
+              x.trim() && !t && (n == null || n(x), m(""));
             },
             disabled: !x.trim() || t,
             children: /* @__PURE__ */ e.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
@@ -947,19 +947,19 @@ const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "cb-composer-footer", children: /* @__PURE__ */ e.jsx("span", { children: "Uses AI. Verify results." }) })
   ] });
-}, { useState: $s } = S, Ve = ({
-  toolName: r,
+}, { useState: $s } = R, He = ({
+  toolName: n,
   status: t,
-  args: n,
+  args: r,
   result: o
 }) => {
-  const [i, d] = $s(!1), f = r === "web_search" || r === "search_web";
+  const [i, d] = $s(!1), f = n === "web_search" || n === "search_web";
   return /* @__PURE__ */ e.jsxs("div", { className: `cb-tool-invocation ${t}`, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "cb-tool-header", onClick: () => d(!i), children: [
       /* @__PURE__ */ e.jsx("div", { className: "cb-tool-icon", children: t === "running" ? /* @__PURE__ */ e.jsx("div", { className: "cb-spinner-sm" }) : /* @__PURE__ */ e.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", className: "cb-icon-check", children: /* @__PURE__ */ e.jsx("polyline", { points: "20 6 9 17 4 12" }) }) }),
       /* @__PURE__ */ e.jsxs("span", { className: "cb-tool-name", children: [
         /* @__PURE__ */ e.jsx("span", { style: { opacity: 0.7 }, children: t === "running" ? "Calling" : "Used tool" }),
-        /* @__PURE__ */ e.jsx("strong", { children: r })
+        /* @__PURE__ */ e.jsx("strong", { children: n })
       ] }),
       /* @__PURE__ */ e.jsx("span", { className: "cb-tool-chevron", children: /* @__PURE__ */ e.jsx(
         "svg",
@@ -980,7 +980,7 @@ const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-
       /* @__PURE__ */ e.jsx("div", { className: "cb-markdown-content", style: { fontSize: "13px", lineHeight: "1.6" }, children: typeof o == "string" ? o : JSON.stringify(o, null, 2) })
     ] }) : /* @__PURE__ */ e.jsxs("div", { className: "cb-code-block", children: [
       /* @__PURE__ */ e.jsx("div", { style: { marginBottom: "4px", opacity: 0.5 }, children: "Arguments:" }),
-      JSON.stringify(n, null, 2),
+      JSON.stringify(r, null, 2),
       o && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx("div", { style: { marginTop: "8px", marginBottom: "4px", opacity: 0.5 }, children: "Result:" }),
         JSON.stringify(o, null, 2)
@@ -988,9 +988,9 @@ const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-
     ] }) })
   ] });
 }, As = ({
-  toolCallId: r,
+  toolCallId: n,
   label: t,
-  description: n,
+  description: r,
   status: o,
   onConfirm: i,
   onReject: d
@@ -1019,13 +1019,13 @@ const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-
     /* @__PURE__ */ e.jsx("svg", { className: "cb-tool-icon", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e.jsx("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" }) }),
     /* @__PURE__ */ e.jsx("span", { className: "cb-tool-label", children: t })
   ] }),
-  n && /* @__PURE__ */ e.jsx("p", { className: "cb-confirm-description", children: n }),
+  r && /* @__PURE__ */ e.jsx("p", { className: "cb-confirm-description", children: r }),
   /* @__PURE__ */ e.jsxs("div", { className: "cb-confirm-actions", children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
         className: "cb-btn-confirm",
-        onClick: () => i(r),
+        onClick: () => i(n),
         children: [
           /* @__PURE__ */ e.jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e.jsx("polyline", { points: "20 6 9 17 4 12" }) }),
           "Confirm"
@@ -1036,7 +1036,7 @@ const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-
       "button",
       {
         className: "cb-btn-reject",
-        onClick: () => d(r),
+        onClick: () => d(n),
         children: [
           /* @__PURE__ */ e.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
             /* @__PURE__ */ e.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
@@ -1047,13 +1047,13 @@ const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-
       }
     )
   ] })
-] }), { useState: we, useEffect: Ue, useRef: He } = S, Ps = (r) => {
+] }), { useState: Ne, useEffect: Ye, useRef: qe } = R, Ps = (n) => {
   const {
     role: t,
-    steps: n,
+    steps: r,
     shouldAnimate: o = !0
-  } = r;
-  return n && n.length > 0 ? /* @__PURE__ */ e.jsxs("div", { className: `cb-message-row ${t === "user" ? "cb-row-user" : "cb-row-assistant"}`, children: [
+  } = n;
+  return r && r.length > 0 ? /* @__PURE__ */ e.jsxs("div", { className: `cb-message-row ${t === "user" ? "cb-row-user" : "cb-row-assistant"}`, children: [
     t === "assistant" && /* @__PURE__ */ e.jsx("div", { className: "cb-avatar-container", children: /* @__PURE__ */ e.jsx("div", { className: "cb-avatar-assistant", children: /* @__PURE__ */ e.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
       /* @__PURE__ */ e.jsx("path", { d: "M12 2a10 10 0 0 1 10 10c0 5.524-4.476 10-10 10S2 17.524 2 12 6.476 2 12 2z" }),
       /* @__PURE__ */ e.jsx("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
@@ -1062,8 +1062,8 @@ const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-
     ] }) }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "cb-message-content-wrapper", style: { width: "100%" }, children: [
       t === "user" ? null : /* @__PURE__ */ e.jsx("div", { className: "cb-sender-name", children: "Assistant" }),
-      /* @__PURE__ */ e.jsx("div", { className: "cb-steps-container", children: n.map((i, d) => {
-        const f = d === n.length - 1;
+      /* @__PURE__ */ e.jsx("div", { className: "cb-steps-container", children: r.map((i, d) => {
+        const f = d === r.length - 1;
         return i.type === "thinking" ? /* @__PURE__ */ e.jsx(
           Ms,
           {
@@ -1071,7 +1071,7 @@ const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-
           },
           i.id
         ) : i.type === "tool-call" ? /* @__PURE__ */ e.jsx("div", { className: "cb-step-tool", style: { marginBottom: 8 }, children: /* @__PURE__ */ e.jsx(
-          Ve,
+          He,
           {
             toolName: i.toolName || "Tool",
             args: i.toolArgs,
@@ -1086,9 +1086,9 @@ const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-
             label: i.confirmLabel || i.toolName || "Confirm Action",
             description: i.confirmDescription,
             status: i.confirmStatus || "pending",
-            onConfirm: r.onConfirm || (() => {
+            onConfirm: n.onConfirm || (() => {
             }),
-            onReject: r.onReject || (() => {
+            onReject: n.onReject || (() => {
             })
           }
         ) }, i.id) : i.type === "text" ? /* @__PURE__ */ e.jsx("div", { className: `cb-message-bubble ${t}`, style: { marginBottom: 8, maxWidth: "100%" }, children: /* @__PURE__ */ e.jsx(
@@ -1096,20 +1096,20 @@ const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-
           {
             content: i.content || "",
             shouldAnimate: o && f,
-            onComplete: f ? r.onAnimationComplete : void 0
+            onComplete: f ? n.onAnimationComplete : void 0
           }
         ) }, i.id) : null;
       }) })
     ] })
-  ] }) : /* @__PURE__ */ e.jsx(Bs, { ...r });
-}, Ms = ({ step: r }) => {
-  const [t, n] = we(!1), o = r.isFinished;
+  ] }) : /* @__PURE__ */ e.jsx(Bs, { ...n });
+}, Ms = ({ step: n }) => {
+  const [t, r] = Ne(!1), o = n.isFinished;
   return /* @__PURE__ */ e.jsxs("div", { className: "cb-step-thinking-block", style: { marginBottom: 8, border: "1px solid rgba(255,255,255,0.1)", borderRadius: 8, overflow: "hidden" }, children: [
     /* @__PURE__ */ e.jsxs(
       "div",
       {
         className: "cb-thinking-header",
-        onClick: () => n(!t),
+        onClick: () => r(!t),
         style: {
           padding: "8px 12px",
           display: "flex",
@@ -1122,9 +1122,9 @@ const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-
         },
         children: [
           o ? /* @__PURE__ */ e.jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e.jsx("polyline", { points: "20 6 9 17 4 12" }) }) : /* @__PURE__ */ e.jsx("div", { className: "cb-thinking-spinner", style: { width: 14, height: 14, border: "2px solid rgba(255,255,255,0.3)", borderTopColor: "white", borderRadius: "50%", animation: "spin 1s linear infinite" } }),
-          /* @__PURE__ */ e.jsx("span", { style: { flex: 1 }, children: r.content || "Thinking Process" }),
-          r.thoughts && r.thoughts.length > 0 && /* @__PURE__ */ e.jsxs("span", { style: { fontSize: "11px", opacity: 0.5 }, children: [
-            r.thoughts.length,
+          /* @__PURE__ */ e.jsx("span", { style: { flex: 1 }, children: n.content || "Thinking Process" }),
+          n.thoughts && n.thoughts.length > 0 && /* @__PURE__ */ e.jsxs("span", { style: { fontSize: "11px", opacity: 0.5 }, children: [
+            n.thoughts.length,
             " logs"
           ] }),
           /* @__PURE__ */ e.jsx(
@@ -1143,62 +1143,62 @@ const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-
         ]
       }
     ),
-    t && r.thoughts && r.thoughts.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "cb-thinking-logs", style: { padding: "8px 12px", background: "rgba(0,0,0,0.2)", borderTop: "1px solid rgba(255,255,255,0.05)" }, children: r.thoughts.map((i, d) => /* @__PURE__ */ e.jsx("div", { style: { fontSize: "12px", fontFamily: "monospace", color: "rgba(255,255,255,0.5)", marginBottom: 4 }, children: i }, d)) }),
+    t && n.thoughts && n.thoughts.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "cb-thinking-logs", style: { padding: "8px 12px", background: "rgba(0,0,0,0.2)", borderTop: "1px solid rgba(255,255,255,0.05)" }, children: n.thoughts.map((i, d) => /* @__PURE__ */ e.jsx("div", { style: { fontSize: "12px", fontFamily: "monospace", color: "rgba(255,255,255,0.5)", marginBottom: 4 }, children: i }, d)) }),
     /* @__PURE__ */ e.jsx("style", { children: `
                 @keyframes spin { to { transform: rotate(360deg); } }
             ` })
   ] });
-}, Is = ({ content: r, shouldAnimate: t, onComplete: n }) => {
-  const [o, i] = we(t ? "" : r), d = He(!1);
-  return Ue(() => {
-    if (d.current = !1, !t || !r) {
-      i(r), d.current || (d.current = !0, n == null || n());
+}, Is = ({ content: n, shouldAnimate: t, onComplete: r }) => {
+  const [o, i] = Ne(t ? "" : n), d = qe(!1);
+  return Ye(() => {
+    if (d.current = !1, !t || !n) {
+      i(n), d.current || (d.current = !0, r == null || r());
       return;
     }
     let f, x;
-    const m = Date.now(), j = 15, g = r.length * j, y = () => {
+    const m = Date.now(), j = 15, g = n.length * j, y = () => {
       const l = Date.now() - m, u = Math.floor(l / j);
-      u < r.length ? (i(r.substring(0, u + 1)), f = requestAnimationFrame(y)) : (i(r), d.current || (d.current = !0, n == null || n()));
+      u < n.length ? (i(n.substring(0, u + 1)), f = requestAnimationFrame(y)) : (i(n), d.current || (d.current = !0, r == null || r()));
     };
     return f = requestAnimationFrame(y), x = setTimeout(() => {
-      d.current || (i(r), d.current = !0, n == null || n());
+      d.current || (i(n), d.current = !0, r == null || r());
     }, g + 100), () => {
       cancelAnimationFrame(f), clearTimeout(x);
     };
-  }, [r, t]), /* @__PURE__ */ e.jsxs("div", { className: "cb-markdown-content", children: [
+  }, [n, t]), /* @__PURE__ */ e.jsxs("div", { className: "cb-markdown-content", children: [
     o,
-    t && r && o.length < r.length && /* @__PURE__ */ e.jsx("span", { className: "cb-cursor", children: "|" })
+    t && n && o.length < n.length && /* @__PURE__ */ e.jsx("span", { className: "cb-cursor", children: "|" })
   ] });
-}, Bs = (r) => {
+}, Bs = (n) => {
   const {
     role: t,
-    content: n,
+    content: r,
     attachments: o,
     toolInvocation: i,
     shouldAnimate: d = !0
-  } = r, [f, x] = we(""), m = He(!1);
-  return Ue(() => {
+  } = n, [f, x] = Ne(""), m = qe(!1);
+  return Ye(() => {
     var N;
-    if (m.current = !1, t !== "assistant" || !n || !d) {
-      x(n || ""), m.current || (m.current = !0, (N = r.onAnimationComplete) == null || N.call(r));
+    if (m.current = !1, t !== "assistant" || !r || !d) {
+      x(r || ""), m.current || (m.current = !0, (N = n.onAnimationComplete) == null || N.call(n));
       return;
     }
     let j, g;
-    const y = Date.now(), v = 15, l = n.length * v, u = () => {
-      var R;
+    const y = Date.now(), v = 15, l = r.length * v, u = () => {
+      var _;
       const b = Date.now() - y, C = Math.floor(b / v);
-      C < n.length ? (x(n.substring(0, C + 1)), j = requestAnimationFrame(u)) : (x(n), m.current || (m.current = !0, (R = r.onAnimationComplete) == null || R.call(r)));
+      C < r.length ? (x(r.substring(0, C + 1)), j = requestAnimationFrame(u)) : (x(r), m.current || (m.current = !0, (_ = n.onAnimationComplete) == null || _.call(n)));
     };
     return j = requestAnimationFrame(u), g = setTimeout(() => {
       var h;
-      m.current || (x(n), m.current = !0, (h = r.onAnimationComplete) == null || h.call(r));
+      m.current || (x(r), m.current = !0, (h = n.onAnimationComplete) == null || h.call(n));
     }, l + 100), () => {
       cancelAnimationFrame(j), clearTimeout(g);
     };
-  }, [n, t, d]), i ? /* @__PURE__ */ e.jsxs("div", { className: "cb-message-row cb-row-assistant", style: { marginBottom: "8px" }, children: [
+  }, [r, t, d]), i ? /* @__PURE__ */ e.jsxs("div", { className: "cb-message-row cb-row-assistant", style: { marginBottom: "8px" }, children: [
     /* @__PURE__ */ e.jsx("div", { className: "cb-avatar-container", children: /* @__PURE__ */ e.jsx("div", { className: "cb-avatar-assistant", style: { background: "#333" }, children: /* @__PURE__ */ e.jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e.jsx("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" }) }) }) }),
     /* @__PURE__ */ e.jsx("div", { className: "cb-message-content-wrapper", children: /* @__PURE__ */ e.jsx(
-      Ve,
+      He,
       {
         toolName: i.toolName,
         args: i.args,
@@ -1218,7 +1218,7 @@ const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-
       /* @__PURE__ */ e.jsxs("div", { className: `cb-message-bubble ${t}`, children: [
         /* @__PURE__ */ e.jsxs("div", { className: "cb-markdown-content", children: [
           f,
-          t === "assistant" && d && n && f.length < n.length && /* @__PURE__ */ e.jsx("span", { className: "cb-cursor", children: "|" })
+          t === "assistant" && d && r && f.length < r.length && /* @__PURE__ */ e.jsx("span", { className: "cb-cursor", children: "|" })
         ] }),
         o && o.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "cb-attachments-grid" })
       ] })
@@ -1232,7 +1232,7 @@ const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-
   ] }),
   /* @__PURE__ */ e.jsx("span", { className: "cb-thinking-text", children: "Thinking..." })
 ] }), Ds = ({
-  userName: r = "User",
+  userName: n = "User",
   actions: t = []
 }) => /* @__PURE__ */ e.jsxs("div", { className: "cb-welcome-container", children: [
   /* @__PURE__ */ e.jsx("div", { className: "cb-welcome-logo", children: /* @__PURE__ */ e.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
@@ -1243,19 +1243,19 @@ const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-
   ] }) }),
   /* @__PURE__ */ e.jsxs("h2", { className: "cb-welcome-title", children: [
     "How can I help, ",
-    r,
+    n,
     "?"
   ] }),
-  /* @__PURE__ */ e.jsx("div", { className: "cb-quick-actions-grid", children: t.map((n) => /* @__PURE__ */ e.jsxs("button", { className: "cb-quick-action-card", onClick: n.onClick, children: [
-    /* @__PURE__ */ e.jsx("div", { className: "cb-action-icon", children: n.icon }),
-    /* @__PURE__ */ e.jsx("span", { className: "cb-action-label", children: n.label })
-  ] }, n.id)) })
+  /* @__PURE__ */ e.jsx("div", { className: "cb-quick-actions-grid", children: t.map((r) => /* @__PURE__ */ e.jsxs("button", { className: "cb-quick-action-card", onClick: r.onClick, children: [
+    /* @__PURE__ */ e.jsx("div", { className: "cb-action-icon", children: r.icon }),
+    /* @__PURE__ */ e.jsx("span", { className: "cb-action-label", children: r.label })
+  ] }, r.id)) })
 ] }), Fs = ({
-  onNewChat: r,
+  onNewChat: n,
   agents: t,
-  chatHistory: n
+  chatHistory: r
 }) => /* @__PURE__ */ e.jsxs("div", { className: "cb-nav-sidebar", children: [
-  /* @__PURE__ */ e.jsx("div", { className: "cb-nav-header", children: /* @__PURE__ */ e.jsxs("button", { className: "cb-new-chat-btn", onClick: r, children: [
+  /* @__PURE__ */ e.jsx("div", { className: "cb-nav-header", children: /* @__PURE__ */ e.jsxs("button", { className: "cb-new-chat-btn", onClick: n, children: [
     /* @__PURE__ */ e.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
       /* @__PURE__ */ e.jsx("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
       /* @__PURE__ */ e.jsx("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })
@@ -1279,7 +1279,7 @@ const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-
   ] }),
   /* @__PURE__ */ e.jsxs("div", { className: "cb-nav-section", children: [
     /* @__PURE__ */ e.jsx("h3", { className: "cb-nav-title", children: "Chats" }),
-    n.map((o) => /* @__PURE__ */ e.jsxs("div", { className: `cb-nav-item ${o.active ? "active" : ""}`, onClick: o.onClick, children: [
+    r.map((o) => /* @__PURE__ */ e.jsxs("div", { className: `cb-nav-item ${o.active ? "active" : ""}`, onClick: o.onClick, children: [
       /* @__PURE__ */ e.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", className: "cb-item-icon", children: /* @__PURE__ */ e.jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) }),
       /* @__PURE__ */ e.jsx("span", { className: "cb-item-label", children: o.label })
     ] }, o.id)),
@@ -1292,19 +1292,19 @@ const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-
       /* @__PURE__ */ e.jsx("span", { className: "cb-item-label", children: "View all conversations" })
     ] })
   ] })
-] }), { useState: Ls } = S, Js = ({ queue: r, onDelete: t }) => {
-  const [n, o] = Ls(!1);
-  if (r.length === 0) return null;
-  const i = () => o(!n);
-  return /* @__PURE__ */ e.jsxs("div", { className: `cb-pending-messages ${n ? "expanded" : "collapsed"}`, children: [
+] }), { useState: Ls } = R, Js = ({ queue: n, onDelete: t }) => {
+  const [r, o] = Ls(!1);
+  if (n.length === 0) return null;
+  const i = () => o(!r);
+  return /* @__PURE__ */ e.jsxs("div", { className: `cb-pending-messages ${r ? "expanded" : "collapsed"}`, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "cb-pending-header", onClick: i, children: [
       /* @__PURE__ */ e.jsx("div", { className: "cb-pending-toggle-icon", children: /* @__PURE__ */ e.jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e.jsx("polyline", { points: "9 18 15 12 9 6" }) }) }),
       /* @__PURE__ */ e.jsxs("div", { className: "cb-pending-preview", children: [
-        /* @__PURE__ */ e.jsx("span", { className: "cb-pending-badge", children: r.length }),
-        /* @__PURE__ */ e.jsx("span", { className: "cb-pending-preview-text", children: n ? "Pending Messages" : r[0] })
+        /* @__PURE__ */ e.jsx("span", { className: "cb-pending-badge", children: n.length }),
+        /* @__PURE__ */ e.jsx("span", { className: "cb-pending-preview-text", children: r ? "Pending Messages" : n[0] })
       ] })
     ] }),
-    n && /* @__PURE__ */ e.jsx("div", { className: "cb-pending-list", children: r.map((d, f) => /* @__PURE__ */ e.jsxs("div", { className: "cb-pending-item", children: [
+    r && /* @__PURE__ */ e.jsx("div", { className: "cb-pending-list", children: n.map((d, f) => /* @__PURE__ */ e.jsxs("div", { className: "cb-pending-item", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "cb-pending-content", children: [
         /* @__PURE__ */ e.jsx("span", { className: "cb-status-label", children: f === 0 ? "NEXT" : "WAIT" }),
         /* @__PURE__ */ e.jsx("span", { className: "cb-pending-text", style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: d })
@@ -1327,7 +1327,7 @@ const Ns = ({ onClick: r }) => /* @__PURE__ */ e.jsx("button", { className: "cb-
   ] });
 };
 class Ys {
-  constructor(t, n) {
+  constructor(t, r) {
     F(this, "accessToken", null);
     F(this, "apiBaseUrl", "http://localhost:8000/api");
     F(this, "messages", []);
@@ -1338,7 +1338,7 @@ class Ys {
     F(this, "pageReadingCallback", null);
     F(this, "customHandlers", /* @__PURE__ */ new Map());
     F(this, "libraryTools", /* @__PURE__ */ new Set());
-    this.accessToken = t, n && (this.apiBaseUrl = n);
+    this.accessToken = t, r && (this.apiBaseUrl = r);
   }
   setToken(t) {
     this.accessToken = t;
@@ -1349,8 +1349,8 @@ class Ys {
   setEnabledTools(t) {
     this.enabledTools = t;
   }
-  setToolHandler(t, n) {
-    this.customHandlers.set(t, n);
+  setToolHandler(t, r) {
+    this.customHandlers.set(t, r);
   }
   enableWebSearch(t) {
     t ? this.libraryTools.add("web_search") : this.libraryTools.delete("web_search");
@@ -1365,7 +1365,7 @@ class Ys {
   setPageReadingCallback(t) {
     this.pageReadingCallback = t;
   }
-  async sendMessage(t, n) {
+  async sendMessage(t, r) {
     if (!this.accessToken) {
       console.error("No access token available");
       return;
@@ -1375,7 +1375,7 @@ class Ys {
       role: "user",
       content: t
     };
-    this.messages = [...this.messages, o], n({ messages: this.messages, isThinking: !0 });
+    this.messages = [...this.messages, o], r({ messages: this.messages, isThinking: !0 });
     try {
       const i = this.messages.map((v) => ({
         role: v.role,
@@ -1413,7 +1413,7 @@ class Ys {
         role: "assistant",
         content: ""
       };
-      this.messages = [...this.messages, j], n({ messages: this.messages, isThinking: !0 });
+      this.messages = [...this.messages, j], r({ messages: this.messages, isThinking: !0 });
       const g = new EventSource(f);
       let y = "";
       g.addEventListener("delta", (v) => {
@@ -1436,7 +1436,7 @@ class Ys {
               return N;
             }
             return u;
-          }), n({ messages: this.messages, isThinking: !0 }));
+          }), r({ messages: this.messages, isThinking: !0 }));
         } catch (l) {
           console.warn("Failed to parse delta event data", l);
         }
@@ -1461,7 +1461,7 @@ class Ys {
               return { ...u, steps: [...N, h] };
             }
             return u;
-          }), n({ messages: this.messages, isThinking: !0 });
+          }), r({ messages: this.messages, isThinking: !0 });
         } catch (l) {
           console.warn("Failed to parse tool_call event data", l);
         }
@@ -1478,7 +1478,7 @@ class Ys {
               return { ...u, steps: N };
             }
             return u;
-          }), n({ messages: this.messages, isThinking: !0 });
+          }), r({ messages: this.messages, isThinking: !0 });
         } catch (l) {
           console.warn("Failed to parse tool_result event data", l);
         }
@@ -1503,7 +1503,7 @@ class Ys {
               }), { ...u, steps: N };
             }
             return u;
-          }), n({ messages: this.messages, isThinking: !0 });
+          }), r({ messages: this.messages, isThinking: !0 });
         } catch (l) {
           console.warn("Failed to parse confirm_request event data", l);
         }
@@ -1519,7 +1519,7 @@ class Ys {
               return { ...u, steps: N };
             }
             return u;
-          }), n({ messages: this.messages, isThinking: l.confirmed });
+          }), r({ messages: this.messages, isThinking: l.confirmed });
         } catch (l) {
           console.warn("Failed to parse confirm_response event data", l);
         }
@@ -1542,11 +1542,11 @@ class Ys {
           console.warn("Failed to parse suspended event data", l);
         }
       }), g.addEventListener("complete", () => {
-        g.close(), n({ messages: this.messages, isThinking: !1 });
+        g.close(), r({ messages: this.messages, isThinking: !1 });
       }), g.onerror = (v) => {
         console.error("EventSource failed:", v), g.close(), y.length === 0 && (this.messages = this.messages.map(
           (l) => l.id === m ? { ...l, content: "Error: Connection to stream failed." } : l
-        )), n({ messages: this.messages, isThinking: !1 });
+        )), r({ messages: this.messages, isThinking: !1 });
       };
     } catch (i) {
       console.error("RealChatClient Error:", i);
@@ -1555,13 +1555,13 @@ class Ys {
         role: "assistant",
         content: `Error: ${i.message || "Unknown error occurred."}`
       };
-      this.messages = [...this.messages, d], n({ messages: this.messages, isThinking: !1 });
+      this.messages = [...this.messages, d], r({ messages: this.messages, isThinking: !1 });
     }
   }
   reset(t) {
     this.messages = [], this.currentJobId = null, t({ messages: [], isThinking: !1 });
   }
-  async sendConfirmResponse(t, n) {
+  async sendConfirmResponse(t, r) {
     if (!this.accessToken || !this.currentJobId) {
       console.error("No access token or job ID available");
       return;
@@ -1576,49 +1576,49 @@ class Ys {
         body: JSON.stringify({
           job_id: this.currentJobId,
           tool_call_id: t,
-          confirmed: n
+          confirmed: r
         })
       });
       if (!o.ok)
         throw new Error(`Confirm response failed: ${o.status}`);
-      console.log("Confirm response sent:", { toolCallId: t, confirmed: n });
+      console.log("Confirm response sent:", { toolCallId: t, confirmed: r });
     } catch (o) {
       console.error("Failed to send confirm response:", o);
     }
   }
-  async executeClientTool(t, n, o) {
-    console.log("Executing client tool:", n, o);
+  async executeClientTool(t, r, o) {
+    console.log("Executing client tool:", r, o);
     let i;
     try {
-      if (this.customHandlers.has(n)) {
-        const f = await this.customHandlers.get(n)(o);
+      if (this.customHandlers.has(r)) {
+        const f = await this.customHandlers.get(r)(o);
         i = typeof f == "string" ? f : JSON.stringify(f);
       } else
-        switch (n) {
+        switch (r) {
           case "read_page_content":
             this.pageReadingCallback && this.pageReadingCallback(!0), i = await this.executeReadPageContent(o);
             break;
           default:
             i = JSON.stringify({
               error: "unknown_tool",
-              message: `Client-side tool '${n}' is not implemented`
+              message: `Client-side tool '${r}' is not implemented`
             });
         }
-      await this.submitToolResult(t, n, i);
+      await this.submitToolResult(t, r, i);
     } catch (d) {
       console.error("Client tool execution error:", d), await this.submitToolResult(
         t,
-        n,
+        r,
         JSON.stringify({
           error: "execution_failed",
           message: d.message || "Unknown error"
         })
       );
     } finally {
-      n === "read_page_content" && this.pageReadingCallback && this.pageReadingCallback(!1);
+      r === "read_page_content" && this.pageReadingCallback && this.pageReadingCallback(!1);
     }
   }
-  async submitToolResult(t, n, o) {
+  async submitToolResult(t, r, o) {
     if (!this.accessToken || !this.currentJobId) {
       console.error("No access token or job ID available");
       return;
@@ -1634,30 +1634,30 @@ class Ys {
           },
           body: JSON.stringify({
             tool_call_id: t,
-            tool_name: n,
+            tool_name: r,
             result: o
           })
         }
       );
       if (!i.ok)
         throw new Error(`Tool result submission failed: ${i.status}`);
-      console.log("Tool result submitted:", { toolCallId: t, toolName: n });
+      console.log("Tool result submitted:", { toolCallId: t, toolName: r });
     } catch (i) {
       console.error("Failed to submit tool result:", i);
     }
   }
   async executeReadPageContent(t) {
     const {
-      selector: n = "body",
+      selector: r = "body",
       include_metadata: o = !0,
       max_length: i = 5e4
     } = t;
     try {
-      const d = document.querySelector(n);
+      const d = document.querySelector(r);
       if (!d)
         return JSON.stringify({
           error: "element_not_found",
-          message: `No element found for selector: ${n}`
+          message: `No element found for selector: ${r}`
         });
       let f = "";
       return o && (f += `URL: ${window.location.href}
@@ -1681,9 +1681,9 @@ class Ys {
       });
     }
   }
-  extractElementContent(t, n) {
+  extractElementContent(t, r) {
     var g, y, v, l, u, N;
-    const o = "  ".repeat(n);
+    const o = "  ".repeat(r);
     let i = "";
     const d = window.getComputedStyle(t);
     if (d.display === "none" || d.visibility === "hidden" || d.opacity === "0" || ["SCRIPT", "STYLE", "NOSCRIPT", "SVG", "IFRAME"].includes(t.tagName))
@@ -1703,27 +1703,27 @@ class Ys {
     }
     if (x === "UL" || x === "OL")
       return t.querySelectorAll(":scope > li").forEach((b, C) => {
-        var D;
-        const R = x === "OL" ? `${C + 1}.` : "-", A = (D = b.textContent) == null ? void 0 : D.trim();
-        A && (i += `${o}${R} ${A}
+        var W;
+        const _ = x === "OL" ? `${C + 1}.` : "-", A = (W = b.textContent) == null ? void 0 : W.trim();
+        A && (i += `${o}${_} ${A}
 `);
       }), i += `
 `, i;
     if (x === "TABLE")
       return i += `${o}[Table]
 `, t.querySelectorAll("tr").forEach((b) => {
-        const C = b.querySelectorAll("td, th"), R = Array.from(C).map((A) => {
-          var D;
-          return (D = A.textContent) == null ? void 0 : D.trim();
+        const C = b.querySelectorAll("td, th"), _ = Array.from(C).map((A) => {
+          var W;
+          return (W = A.textContent) == null ? void 0 : W.trim();
         }).filter((A) => A).join(" | ");
-        R && (i += `${o}  ${R}
+        _ && (i += `${o}  ${_}
 `);
       }), i += `
 `, i;
     if (["HEADER", "NAV", "MAIN", "ARTICLE", "SECTION", "ASIDE", "FOOTER"].includes(x))
       return i += `${o}[${x}]
 `, Array.from(t.children).forEach((h) => {
-        i += this.extractElementContent(h, n + 1);
+        i += this.extractElementContent(h, r + 1);
       }), i += `
 `, i;
     if (x === "A") {
@@ -1739,7 +1739,7 @@ class Ys {
     const m = t.children.length > 0, j = m ? "" : (N = t.textContent) == null ? void 0 : N.trim();
     return !m && j ? (i += `${o}${j}
 `, i) : (m && Array.from(t.children).forEach((h) => {
-      i += this.extractElementContent(h, n);
+      i += this.extractElementContent(h, r);
     }), i);
   }
 }
@@ -1773,35 +1773,35 @@ class qs {
     return console.log("Refreshing token via broker..."), this.getInitialToken();
   }
 }
-const Vs = ({ client: r, onToolCall: t }) => {
-  const [n, o] = S.useState({ messages: [], isThinking: !1 }), [i, d] = S.useState([]), [f, x] = S.useState(!1), [m, j] = S.useState(!1), g = S.useRef(/* @__PURE__ */ new Set()), y = S.useRef(0);
-  S.useEffect(() => {
-    r && t && "setToolHandler" in r && Object.entries(t).forEach(([h, b]) => {
-      r.setToolHandler(h, b);
+const Vs = ({ client: n, onToolCall: t }) => {
+  const [r, o] = R.useState({ messages: [], isThinking: !1 }), [i, d] = R.useState([]), [f, x] = R.useState(!1), [m, j] = R.useState(!1), g = R.useRef(/* @__PURE__ */ new Set()), y = R.useRef(0);
+  R.useEffect(() => {
+    n && t && "setToolHandler" in n && Object.entries(t).forEach(([h, b]) => {
+      n.setToolHandler(h, b);
     });
-  }, [r, t]), S.useEffect(() => {
+  }, [n, t]), R.useEffect(() => {
     (async () => {
-      if (!r || i.length === 0 || n.isThinking) return;
-      const b = n.messages[n.messages.length - 1];
+      if (!n || i.length === 0 || r.isThinking) return;
+      const b = r.messages[r.messages.length - 1];
       if ((b == null ? void 0 : b.role) === "assistant" && (b.content || b.steps && b.steps.length > 0) && !g.current.has(b.id)) {
         m || j(!0);
         return;
       }
       const C = i[0];
-      x(!0), d((R) => R.slice(1));
+      x(!0), d((_) => _.slice(1));
       try {
-        await r.sendMessage(C, o);
+        await n.sendMessage(C, o);
       } finally {
         x(!1);
       }
     })();
-  }, [i, f, m, n.isThinking, n.messages, r]), S.useEffect(() => {
-    if (n.messages.length > y.current) {
-      const h = n.messages[n.messages.length - 1];
+  }, [i, f, m, r.isThinking, r.messages, n]), R.useEffect(() => {
+    if (r.messages.length > y.current) {
+      const h = r.messages[r.messages.length - 1];
       h.role === "assistant" && (h.content || h.steps && h.steps.length > 0) && j(!0);
     }
-    y.current = n.messages.length;
-  }, [n.messages]);
+    y.current = r.messages.length;
+  }, [r.messages]);
   const v = (h) => {
     d((b) => [...b, h]);
   }, l = (h) => {
@@ -1812,11 +1812,11 @@ const Vs = ({ client: r, onToolCall: t }) => {
   }, u = (h) => {
     g.current.add(h), j(!1);
   }, N = () => {
-    r && r.reset(o), d([]), x(!1), j(!1), g.current.clear(), y.current = 0;
+    n && n.reset(o), d([]), x(!1), j(!1), g.current.clear(), y.current = 0;
   };
   return {
-    messages: n.messages,
-    isThinking: n.isThinking || f,
+    messages: r.messages,
+    isThinking: r.isThinking || f,
     isTyping: m,
     messageQueue: i,
     sendMessage: v,
@@ -1826,9 +1826,9 @@ const Vs = ({ client: r, onToolCall: t }) => {
     reset: N
   };
 }, Ks = ({
-  client: r,
+  client: n,
   mode: t = "floating",
-  isOpen: n = !0,
+  isOpen: r = !0,
   onClose: o,
   onOpen: i,
   embedded: d = !1,
@@ -1843,88 +1843,94 @@ const Vs = ({ client: r, onToolCall: t }) => {
   pageContextEnabled: u,
   onPageContextChange: N
 }) => {
-  const [h, b] = S.useState(!1), [C, R] = S.useState(!1), [A, D] = S.useState(!1), L = v !== void 0 ? v : C, V = u !== void 0 ? u : A;
-  S.useEffect(() => {
-    r && (r.enableWebSearch(L), r.enablePageContext(V));
-  }, [r, L, V]);
-  const U = ($) => {
-    l ? l($) : R($), r == null || r.enableWebSearch($);
-  }, K = ($) => {
-    N ? N($) : D($), r == null || r.enablePageContext($);
+  const [h, b] = R.useState(!1), [C, _] = R.useState(!1), [A, W] = R.useState(!1), [H, G] = R.useState(!1), z = v !== void 0 ? v : A, U = u !== void 0 ? u : H;
+  R.useEffect(() => {
+    var S;
+    n && (n.enableWebSearch(z), n.enablePageContext(U), (S = n.setPageReadingCallback) == null || S.call(n, (V) => {
+      _(V);
+    }));
+  }, [n, z, U]);
+  const D = (S) => {
+    l ? l(S) : W(S), n == null || n.enableWebSearch(S);
+  }, X = (S) => {
+    N ? N(S) : G(S), n == null || n.enablePageContext(S);
   }, {
-    messages: P,
-    isThinking: X,
-    messageQueue: H,
-    sendMessage: B,
-    removeQueueItem: J,
-    handleAnimationComplete: Y,
-    finishedMessageIds: te,
-    reset: ne
-  } = Vs({ client: r, onToolCall: g }), re = ($) => {
-    var z;
-    (z = r == null ? void 0 : r.sendConfirmResponse) == null || z.call(r, $, !0);
-  }, ie = ($) => {
-    var z;
-    (z = r == null ? void 0 : r.sendConfirmResponse) == null || z.call(r, $, !1);
-  }, ae = () => {
-    ne(), b(!1);
-  }, oe = /* @__PURE__ */ e.jsx(
+    messages: L,
+    isThinking: I,
+    messageQueue: J,
+    sendMessage: Y,
+    removeQueueItem: te,
+    handleAnimationComplete: ne,
+    finishedMessageIds: re,
+    reset: ie
+  } = Vs({ client: n, onToolCall: g }), ae = (S) => {
+    var V;
+    (V = n == null ? void 0 : n.sendConfirmResponse) == null || V.call(n, S, !0);
+  }, oe = (S) => {
+    var V;
+    (V = n == null ? void 0 : n.sendConfirmResponse) == null || V.call(n, S, !1);
+  }, le = () => {
+    ie(), b(!1);
+  }, ce = /* @__PURE__ */ e.jsx(
     Fs,
     {
-      onNewChat: ae,
+      onNewChat: le,
       agents: m,
       chatHistory: j
     }
   );
-  return /* @__PURE__ */ e.jsx(
-    Ts,
-    {
-      mode: t,
-      isOpen: n,
-      embedded: d,
-      onClose: o,
-      onOpen: i,
-      isDrawerOpen: h,
-      onDrawerOpenChange: b,
-      drawerContent: oe,
-      headerActions: y,
-      footer: /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", flexDirection: "column", width: "100%" }, children: [
-        /* @__PURE__ */ e.jsx(
-          Js,
-          {
-            queue: H,
-            onDelete: J
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          Os,
-          {
-            onSend: B,
-            disabled: !1,
-            placeholder: H.length > 0 ? "Queued..." : "Type a message...",
-            webSearchEnabled: L,
-            onWebSearchChange: U,
-            pageContextEnabled: V,
-            onPageContextChange: K
-          }
-        )
-      ] }),
-      children: P.length === 0 ? /* @__PURE__ */ e.jsx(Ds, { userName: f, actions: x }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        P.map(($) => /* @__PURE__ */ e.jsx(
-          Ps,
-          {
-            ...$,
-            shouldAnimate: !te.has($.id),
-            onAnimationComplete: () => Y($.id),
-            onConfirm: re,
-            onReject: ie
-          },
-          $.id
-        )),
-        X && (!P.length || P[P.length - 1].role !== "assistant") && /* @__PURE__ */ e.jsx("div", { style: { paddingLeft: "16px" }, children: /* @__PURE__ */ e.jsx(Ws, {}) })
-      ] })
-    }
-  );
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    C && /* @__PURE__ */ e.jsx("div", { className: "cb-page-reading-indicator" }),
+    /* @__PURE__ */ e.jsx(
+      Ts,
+      {
+        mode: t,
+        isOpen: r,
+        embedded: d,
+        onClose: o,
+        onOpen: i,
+        isDrawerOpen: h,
+        onDrawerOpenChange: b,
+        drawerContent: ce,
+        headerActions: y,
+        footer: /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", flexDirection: "column", width: "100%" }, children: [
+          /* @__PURE__ */ e.jsx(
+            Js,
+            {
+              queue: J,
+              onDelete: te
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            Os,
+            {
+              onSend: Y,
+              disabled: !1,
+              placeholder: J.length > 0 ? "Queued..." : "Type a message...",
+              webSearchEnabled: z,
+              onWebSearchChange: D,
+              pageContextEnabled: U,
+              onPageContextChange: X
+            }
+          )
+        ] }),
+        children: L.length === 0 ? /* @__PURE__ */ e.jsx(Ds, { userName: f, actions: x }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          L.map((S) => /* @__PURE__ */ e.jsx(
+            Ps,
+            {
+              ...S,
+              shouldAnimate: !re.has(S.id),
+              onAnimationComplete: () => ne(S.id),
+              onConfirm: ae,
+              onReject: oe
+            },
+            S.id
+          )),
+          I && (!L.length || L[L.length - 1].role !== "assistant") && /* @__PURE__ */ e.jsx("div", { style: { paddingLeft: "16px" }, children: /* @__PURE__ */ e.jsx(Ws, {}) })
+        ] })
+      }
+    )
+  ] });
 };
 export {
   qs as AuthClient,
@@ -1938,7 +1944,7 @@ export {
   Js as PendingMessageList,
   Ys as RealChatClient,
   Ws as ThinkingIndicator,
-  Ve as ToolInvocation,
+  He as ToolInvocation,
   Ds as WelcomeScreen,
   Vs as useChat
 };