@useago/sdk 1.0.10 → 1.0.11

package/dist/react.js

@@ -1,19 +1,19 @@
-import { t as J } from "./AgoClient-QcTtrN7u.js";
-import { i as q, n as Me, r as z, t as H } from "./createFormCollector-CFt1_QSL.js";
-import { t as Ee } from "./createMockClient-DwdxNwEn.js";
-import G, { createContext as V, useCallback as E, useContext as O, useEffect as S, useId as j, useMemo as F, useRef as T, useState as M, useSyncExternalStore as X } from "react";
-import { Fragment as Y, jsx as s, jsxs as I } from "react/jsx-runtime";
+import { t as q } from "./AgoClient-QcTtrN7u.js";
+import { i as J, n as Me, r as z, t as W } from "./createFormCollector-CFt1_QSL.js";
+import { t as Re } from "./createMockClient-DwdxNwEn.js";
+import G, { createContext as V, useCallback as I, useContext as $, useEffect as k, useId as j, useMemo as T, useRef as A, useState as M, useSyncExternalStore as Y } from "react";
+import { Fragment as X, jsx as a, jsxs as R } from "react/jsx-runtime";
 import Q from "react-markdown";
 import Z from "remark-gfm";
 function ee(e) {
-  const [t, r] = M(!1), n = T(null), o = F(() => {
+  const [t, r] = M(!1), n = A(null), s = T(() => {
     if (n.current && (n.current.destroy(), n.current = null), !e) return null;
-    const a = new J(e);
-    return n.current = a, a;
+    const i = new q(e);
+    return n.current = i, i;
   }, [e?.baseUrl, e?.widgetId]);
-  return S(() => (r(!0), () => {
+  return k(() => (r(!0), () => {
     n.current?.destroy(), n.current = null;
-  }), [o]), S(() => {
+  }), [s]), k(() => {
     n.current && e && n.current.updateConfig({
       agent: e.agent,
       defaultAgentId: e.defaultAgentId,
@@ -32,180 +32,186 @@ function ee(e) {
     e?.debug,
     e?.warnOnEmptyReply
   ]), {
-    client: o,
+    client: s,
     isReady: t
   };
 }
-var D = V(null), Te = ({ children: e, client: t, tools: r, helpers: n, pageContext: o, ...a }) => {
-  const { client: d } = ee(t ? null : a), i = t || d;
-  return S(() => {
+var D = V(null), Te = ({ children: e, client: t, tools: r, helpers: n, pageContext: s, ...i }) => {
+  const { client: u } = ee(t ? null : i), l = t || u;
+  return k(() => {
     if (!(!r || r.length === 0)) {
-      for (const f of r) i.register(f);
+      for (const f of r) l.register(f);
       return () => {
-        for (const f of r) i.unregisterFunction(f.name);
+        for (const f of r) l.unregisterFunction(f.name);
       };
     }
-  }, [i, r]), S(() => {
+  }, [l, r]), k(() => {
     if (!n) return;
     const f = [];
-    return import("./functions-CApuQZ2b.js").then((c) => c.n).then((c) => {
-      for (const [x, v] of Object.entries(n)) {
-        const k = c[x];
-        if (!k) {
-          console.warn(`[AGO] Unknown helper: "${x}"`);
+    return import("./functions-CApuQZ2b.js").then((d) => d.n).then((d) => {
+      for (const [y, m] of Object.entries(n)) {
+        const C = d[y];
+        if (!C) {
+          console.warn(`[AGO] Unknown helper: "${y}"`);
           continue;
         }
-        const m = v === !0 ? k : {
-          ...k,
-          handler: v
+        const g = m === !0 ? C : {
+          ...C,
+          handler: m
         };
-        i.register(m), f.push(m.name);
+        l.register(g), f.push(g.name);
       }
     }), () => {
-      for (const c of f) i.unregisterFunction(c);
+      for (const d of f) l.unregisterFunction(d);
     };
-  }, [i, n]), S(() => {
-    o === "auto" && i.enableAutoPageContext();
-  }, [i, o]), /* @__PURE__ */ s(D.Provider, {
-    value: i,
+  }, [l, n]), k(() => {
+    s === "auto" && l.enableAutoPageContext();
+  }, [l, s]), /* @__PURE__ */ a(D.Provider, {
+    value: l,
     children: e
   });
 };
 function P() {
-  const e = O(D);
+  const e = $(D);
   if (!e) throw new Error('useAgoClient must be used within an <AgoProvider>. Wrap your component tree with <AgoProvider baseUrl="...">.');
   return e;
 }
 function L() {
-  return O(D);
+  return $(D);
 }
-function $({ client: e, conversationId: t } = {}) {
+function O({ client: e, conversationId: t } = {}) {
   const r = L(), n = e || r;
   if (!n) throw new Error("useMessages requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
-  const [o, a] = M([]), [d, i] = M(t), [f, c] = M(!1), [x, v] = M(null);
-  S(() => {
-    t && t !== d && (i(t), k(t));
+  const [s, i] = M([]), [u, l] = M(t), [f, d] = M(!1), [y, m] = M(null);
+  k(() => {
+    t && t !== u && (l(t), C(t));
   }, [t]);
-  const k = async (m) => {
+  const C = async (g) => {
     try {
-      a(await n.getMessages(m));
+      i(await n.getMessages(g));
     } catch (b) {
-      v(b instanceof Error ? b : /* @__PURE__ */ new Error("Failed to load messages"));
+      m(b instanceof Error ? b : /* @__PURE__ */ new Error("Failed to load messages"));
     }
   };
-  return S(() => {
-    const m = (g) => {
-      d || i(g.conversationId);
-    }, b = (g) => {
-      a((u) => {
-        const w = u[u.length - 1];
-        return w && w.id === g.messageId ? [...u.slice(0, -1), {
-          ...w,
-          content: w.content + g.content
-        }] : u;
+  return k(() => {
+    const g = (p) => {
+      u || l(p.conversationId);
+    }, b = (p) => {
+      i((c) => {
+        const x = c[c.length - 1];
+        return x && x.id === p.messageId ? [...c.slice(0, -1), {
+          ...x,
+          content: x.content + p.content
+        }] : c;
       });
-    }, l = (g) => {
-      a((u) => {
-        let w = -1;
-        for (let C = u.length - 1; C >= 0; C--) if (u[C].role === "assistant" && u[C].status === "IN_PROGRESS") {
-          w = C;
+    }, v = (p) => {
+      i((c) => {
+        let x = -1;
+        for (let S = c.length - 1; S >= 0; S--) if (c[S].role === "assistant" && c[S].status === "IN_PROGRESS") {
+          x = S;
           break;
         }
-        return w < 0 ? u : [
-          ...u.slice(0, w),
+        return x < 0 ? c : [
+          ...c.slice(0, x),
           {
-            ...u[w],
-            ...g
+            ...c[x],
+            ...p
           },
-          ...u.slice(w + 1)
+          ...c.slice(x + 1)
         ];
       });
-    }, h = (g) => {
-      a((u) => {
-        const w = u.findIndex((C) => C.id === g.id);
-        return w >= 0 ? [
-          ...u.slice(0, w),
-          g,
-          ...u.slice(w + 1)
-        ] : [...u, g];
-      }), c(!1);
-    }, p = (g) => {
-      v(new Error(g.error)), c(!1);
+    }, w = (p) => {
+      i((c) => {
+        const x = c.findIndex((S) => S.id === p.id);
+        return x >= 0 ? [
+          ...c.slice(0, x),
+          p,
+          ...c.slice(x + 1)
+        ] : [...c, p];
+      }), d(!1);
+    }, o = (p) => {
+      m(new Error(p.error)), d(!1);
     };
-    return n.on("message:start", m), n.on("message:chunk", b), n.on("message:answer-complete", l), n.on("message:complete", h), n.on("message:error", p), () => {
-      n.off("message:start", m), n.off("message:chunk", b), n.off("message:answer-complete", l), n.off("message:complete", h), n.off("message:error", p);
+    return n.on("message:start", g), n.on("message:chunk", b), n.on("message:answer-complete", v), n.on("message:complete", w), n.on("message:error", o), () => {
+      n.off("message:start", g), n.off("message:chunk", b), n.off("message:answer-complete", v), n.off("message:complete", w), n.off("message:error", o);
     };
-  }, [n, d]), {
-    messages: o,
+  }, [n, u]), {
+    messages: s,
     isLoading: f,
-    error: x,
-    sendMessage: E(async (m, b) => {
-      c(!0), v(null);
-      const l = {
+    error: y,
+    sendMessage: I(async (g, b) => {
+      d(!0), m(null);
+      const v = {
         id: `temp-${Date.now()}`,
-        conversationId: d || "",
-        content: m,
+        conversationId: u || "",
+        content: g,
         role: "user",
         status: "DONE",
         createdAt: /* @__PURE__ */ new Date()
-      }, h = {
+      }, w = {
         id: `temp-assistant-${Date.now()}`,
-        conversationId: d || "",
+        conversationId: u || "",
         content: "",
         role: "assistant",
         status: "IN_PROGRESS",
         createdAt: /* @__PURE__ */ new Date()
       };
-      a((p) => [
-        ...p,
-        l,
-        h
+      i((o) => [
+        ...o,
+        v,
+        w
       ]);
       try {
-        const p = await n.sendMessage(m, {
-          conversationId: d,
+        const o = await n.sendMessage(g, {
+          conversationId: u,
           files: b
         });
-        return p.conversationId && !d && i(p.conversationId), a((g) => {
-          const u = g.filter((C) => !C.id.startsWith("temp-")), w = {
-            ...l,
-            id: l.id.replace("temp-", "user-"),
-            conversationId: p.conversationId
+        return o.conversationId && !u && l(o.conversationId), i((p) => {
+          const c = p.filter((S) => !S.id.startsWith("temp-")), x = {
+            ...v,
+            id: v.id.replace("temp-", "user-"),
+            conversationId: o.conversationId
           };
-          return u.some((C) => C.id === p.id) ? [...u, w].sort((C, _) => new Date(C.createdAt).getTime() - new Date(_.createdAt).getTime()) : [
-            ...u,
-            w,
-            p
+          return c.some((S) => S.id === o.id) ? [...c, x].sort((S, _) => new Date(S.createdAt).getTime() - new Date(_.createdAt).getTime()) : [
+            ...c,
+            x,
+            o
           ];
-        }), p;
-      } catch (p) {
-        return v(p instanceof Error ? p : /* @__PURE__ */ new Error("Failed to send message")), c(!1), a((g) => g.filter((u) => !u.id.startsWith("temp-"))), null;
+        }), o;
+      } catch (o) {
+        return m(o instanceof Error ? o : /* @__PURE__ */ new Error("Failed to send message")), d(!1), i((p) => p.filter((c) => !c.id.startsWith("temp-"))), null;
       }
-    }, [n, d]),
-    clearMessages: E(() => {
-      a([]), i(void 0), v(null);
+    }, [n, u]),
+    clearMessages: I(() => {
+      i([]), l(void 0), m(null);
     }, []),
-    conversationId: d
+    conversationId: u
   };
 }
-var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", allowFiles: n = !1, className: o = "" }) => {
-  const [a, d] = M(""), [i, f] = M([]), c = T(null), x = E((l) => {
-    l.preventDefault(), (a.trim() || i.length > 0) && (e(a.trim(), i.length > 0 ? i : void 0), d(""), f([]));
+var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", allowFiles: n = !1, className: s = "" }) => {
+  const [i, u] = M(""), [l, f] = M([]), d = A(null), y = A(null), m = I(() => {
+    const o = y.current;
+    if (!o) return;
+    const p = 110;
+    o.style.height = "auto", o.style.height = `${Math.min(o.scrollHeight + 2, p)}px`, o.style.overflowY = o.scrollHeight + 2 > p ? "auto" : "hidden";
+  }, []), C = I((o) => {
+    o.preventDefault(), (i.trim() || l.length > 0) && (e(i.trim(), l.length > 0 ? l : void 0), u(""), f([]), requestAnimationFrame(m));
   }, [
-    a,
     i,
-    e
-  ]), v = E((l) => {
-    l.key === "Enter" && !l.shiftKey && (l.preventDefault(), x(l));
-  }, [x]), k = E((l) => {
-    const h = Array.from(l.target.files || []);
-    f((p) => [...p, ...h]);
-  }, []), m = E((l) => {
-    f((h) => h.filter((p, g) => g !== l));
-  }, []), b = a.trim() || i.length > 0;
-  return /* @__PURE__ */ I("form", {
-    onSubmit: x,
-    className: `ago-chat-input ${o}`,
+    l,
+    e,
+    m
+  ]), g = I((o) => {
+    o.key === "Enter" && !o.shiftKey && (o.preventDefault(), C(o));
+  }, [C]), b = I((o) => {
+    const p = Array.from(o.target.files || []);
+    f((c) => [...c, ...p]);
+  }, []), v = I((o) => {
+    f((p) => p.filter((c, x) => x !== o));
+  }, []), w = i.trim() || l.length > 0;
+  return /* @__PURE__ */ R("form", {
+    onSubmit: C,
+    className: `ago-chat-input ${s}`,
     style: {
       display: "flex",
       flexDirection: "column",
@@ -214,14 +220,14 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       borderTop: "1px solid #dee3e8",
       backgroundColor: "#fff"
     },
-    children: [i.length > 0 && /* @__PURE__ */ s("div", {
+    children: [l.length > 0 && /* @__PURE__ */ a("div", {
       className: "ago-chat-input__files",
       style: {
         display: "flex",
         flexWrap: "wrap",
         gap: "6px"
       },
-      children: i.map((l, h) => /* @__PURE__ */ I("div", {
+      children: l.map((o, p) => /* @__PURE__ */ R("div", {
         style: {
           display: "flex",
           alignItems: "center",
@@ -232,17 +238,18 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           fontSize: "12px",
           color: "#30373e"
         },
-        children: [/* @__PURE__ */ s("span", {
+        children: [/* @__PURE__ */ a("span", {
           style: {
             maxWidth: "120px",
             overflow: "hidden",
             textOverflow: "ellipsis",
             whiteSpace: "nowrap"
           },
-          children: l.name
-        }), /* @__PURE__ */ s("button", {
+          children: o.name
+        }), /* @__PURE__ */ a("button", {
           type: "button",
-          onClick: () => m(h),
+          onClick: () => v(p),
+          "aria-label": `Remove ${o.name}`,
           style: {
             border: "none",
             background: "none",
@@ -254,18 +261,19 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           },
           children: "×"
         })]
-      }, h))
-    }), /* @__PURE__ */ I("div", {
+      }, p))
+    }), /* @__PURE__ */ R("div", {
       style: {
         display: "flex",
         gap: "8px",
         alignItems: "flex-end"
       },
       children: [
-        n && /* @__PURE__ */ I(Y, { children: [/* @__PURE__ */ s("button", {
+        n && /* @__PURE__ */ R(X, { children: [/* @__PURE__ */ a("button", {
           type: "button",
-          onClick: () => c.current?.click(),
+          onClick: () => d.current?.click(),
           disabled: t,
+          "aria-label": "Attach file",
           style: {
             padding: "8px",
             border: "1px solid #dee3e8",
@@ -277,18 +285,22 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
             lineHeight: 1
           },
           children: "+"
-        }), /* @__PURE__ */ s("input", {
-          ref: c,
+        }), /* @__PURE__ */ a("input", {
+          ref: d,
           type: "file",
           multiple: !0,
-          onChange: k,
+          onChange: b,
           style: { display: "none" }
         })] }),
-        /* @__PURE__ */ s("textarea", {
-          value: a,
-          onChange: (l) => d(l.target.value),
-          onKeyDown: v,
+        /* @__PURE__ */ a("textarea", {
+          ref: y,
+          value: i,
+          onChange: (o) => {
+            u(o.target.value), m();
+          },
+          onKeyDown: g,
           placeholder: r,
+          "aria-label": r,
           disabled: t,
           rows: 1,
           style: {
@@ -298,29 +310,33 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
             borderRadius: "20px",
             resize: "none",
             outline: "none",
+            boxSizing: "border-box",
+            maxHeight: "110px",
+            overflowY: "hidden",
             fontFamily: "inherit",
             fontSize: "16px",
+            lineHeight: 1.4,
             color: "#30373e",
             backgroundColor: "#f8f8f8",
             transition: "border-color 0.15s"
           },
-          onFocus: (l) => {
-            l.currentTarget.style.borderColor = "#1b5fc4";
+          onFocus: (o) => {
+            o.currentTarget.style.borderColor = "#1b5fc4";
           },
-          onBlur: (l) => {
-            l.currentTarget.style.borderColor = "#dee3e8";
+          onBlur: (o) => {
+            o.currentTarget.style.borderColor = "#dee3e8";
           }
         }),
-        /* @__PURE__ */ s("button", {
+        /* @__PURE__ */ a("button", {
           type: "submit",
-          disabled: t || !b,
+          disabled: t || !w,
           style: {
             padding: "10px 18px",
             border: "none",
             borderRadius: "20px",
-            backgroundColor: t || !b ? "#b5bfc8" : "#03182f",
+            backgroundColor: t || !w ? "#b5bfc8" : "#03182f",
             color: "#fff",
-            cursor: t || !b ? "not-allowed" : "pointer",
+            cursor: t || !w ? "not-allowed" : "pointer",
             fontWeight: 500,
             fontSize: "16px",
             transition: "background-color 0.15s"
@@ -330,7 +346,7 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       ]
     })]
   });
-}, ne = ({ href: e, children: t, ...r }) => /* @__PURE__ */ s("a", {
+}, ne = ({ href: e, children: t, ...r }) => /* @__PURE__ */ a("a", {
   href: e,
   target: "_blank",
   rel: "noopener noreferrer",
@@ -340,7 +356,7 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...r,
   children: t
-}), re = ({ children: e, ...t }) => /* @__PURE__ */ s("p", {
+}), re = ({ children: e, ...t }) => /* @__PURE__ */ a("p", {
   style: {
     margin: "0 0 8px 0",
     lineHeight: "1.6"
@@ -348,17 +364,17 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   ...t,
   children: e
 }), N = (e, t) => {
-  const r = ({ children: n, ...o }) => G.createElement(`h${e}`, {
+  const r = ({ children: n, ...s }) => G.createElement(`h${e}`, {
     style: {
       margin: "16px 0 8px 0",
       fontSize: t,
       fontWeight: 600,
       lineHeight: "1.3"
     },
-    ...o
+    ...s
   }, n);
   return r.displayName = `MarkdownHeading${e}`, r;
-}, oe = ({ children: e, ...t }) => /* @__PURE__ */ s("ul", {
+}, oe = ({ children: e, ...t }) => /* @__PURE__ */ a("ul", {
   style: {
     margin: "0 0 8px 0",
     paddingLeft: "20px",
@@ -367,7 +383,7 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...t,
   children: e
-}), se = ({ children: e, ...t }) => /* @__PURE__ */ s("ol", {
+}), se = ({ children: e, ...t }) => /* @__PURE__ */ a("ol", {
   style: {
     margin: "0 0 8px 0",
     paddingLeft: "20px",
@@ -376,7 +392,7 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...t,
   children: e
-}), ae = ({ children: e, ...t }) => /* @__PURE__ */ s("li", {
+}), ae = ({ children: e, ...t }) => /* @__PURE__ */ a("li", {
   style: {
     display: "list-item",
     margin: "2px 0",
@@ -385,7 +401,7 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   ...t,
   children: e
 }), ie = ({ className: e, children: t, ...r }) => e !== void 0 || String(t).includes(`
-`) ? /* @__PURE__ */ s("code", {
+`) ? /* @__PURE__ */ a("code", {
   style: {
     display: "block",
     background: "#f5f5f5",
@@ -397,7 +413,7 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...r,
   children: t
-}) : /* @__PURE__ */ s("code", {
+}) : /* @__PURE__ */ a("code", {
   style: {
     background: "#f0f2f5",
     padding: "2px 5px",
@@ -407,11 +423,11 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...r,
   children: t
-}), le = ({ children: e, ...t }) => /* @__PURE__ */ s("pre", {
+}), le = ({ children: e, ...t }) => /* @__PURE__ */ a("pre", {
   style: { margin: "0 0 8px 0" },
   ...t,
   children: e
-}), ce = ({ children: e, ...t }) => /* @__PURE__ */ s("blockquote", {
+}), ce = ({ children: e, ...t }) => /* @__PURE__ */ a("blockquote", {
   style: {
     borderLeft: "4px solid #dee3e8",
     paddingLeft: "12px",
@@ -421,12 +437,12 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...t,
   children: e
-}), de = ({ children: e, ...t }) => /* @__PURE__ */ s("div", {
+}), de = ({ children: e, ...t }) => /* @__PURE__ */ a("div", {
   style: {
     overflowX: "auto",
     margin: "0 0 8px 0"
   },
-  children: /* @__PURE__ */ s("table", {
+  children: /* @__PURE__ */ a("table", {
     style: {
       borderCollapse: "collapse",
       width: "100%",
@@ -435,7 +451,7 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     ...t,
     children: e
   })
-}), ue = ({ children: e, ...t }) => /* @__PURE__ */ s("th", {
+}), ue = ({ children: e, ...t }) => /* @__PURE__ */ a("th", {
   style: {
     border: "1px solid #dee3e8",
     padding: "6px 10px",
@@ -445,14 +461,14 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...t,
   children: e
-}), pe = ({ children: e, ...t }) => /* @__PURE__ */ s("td", {
+}), pe = ({ children: e, ...t }) => /* @__PURE__ */ a("td", {
   style: {
     border: "1px solid #dee3e8",
     padding: "6px 10px"
   },
   ...t,
   children: e
-}), fe = ({ alt: e, ...t }) => /* @__PURE__ */ s("img", {
+}), fe = ({ alt: e, ...t }) => /* @__PURE__ */ a("img", {
   alt: e ?? "",
   style: {
     maxWidth: "100%",
@@ -460,7 +476,7 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     margin: "4px 0"
   },
   ...t
-}), ge = (e) => /* @__PURE__ */ s("hr", {
+}), ge = (e) => /* @__PURE__ */ a("hr", {
   style: {
     border: "none",
     borderTop: "1px solid #dee3e8",
@@ -487,12 +503,12 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   td: pe,
   img: fe,
   hr: ge
-}, xe = [Z], he = ({ content: e }) => /* @__PURE__ */ s(Q, {
+}, xe = [Z], he = ({ content: e }) => /* @__PURE__ */ a(Q, {
   remarkPlugins: xe,
   components: me,
   children: e
 }), ye = ({ source: e, index: t }) => {
-  const r = /* @__PURE__ */ I("div", {
+  const r = /* @__PURE__ */ R("div", {
     style: {
       display: "flex",
       alignItems: "center",
@@ -500,7 +516,7 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       width: "100%",
       minWidth: 0
     },
-    children: [/* @__PURE__ */ s("div", {
+    children: [/* @__PURE__ */ a("div", {
       style: {
         flexShrink: 0,
         width: "18px",
@@ -516,7 +532,7 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
         backgroundColor: "#f0f4ff"
       },
       children: t + 1
-    }), /* @__PURE__ */ s("div", {
+    }), /* @__PURE__ */ a("div", {
       style: {
         fontSize: "12px",
         overflow: "hidden",
@@ -540,23 +556,23 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     minWidth: 0,
     transition: "border-color 0.15s"
   };
-  return e.url ? /* @__PURE__ */ s("a", {
+  return e.url ? /* @__PURE__ */ a("a", {
     href: e.url,
     target: "_blank",
     rel: "noopener noreferrer",
     style: n,
-    onMouseEnter: (o) => {
-      o.currentTarget.style.borderColor = "#1b5fc4";
+    onMouseEnter: (s) => {
+      s.currentTarget.style.borderColor = "#1b5fc4";
     },
-    onMouseLeave: (o) => {
-      o.currentTarget.style.borderColor = "#dee3e8";
+    onMouseLeave: (s) => {
+      s.currentTarget.style.borderColor = "#dee3e8";
     },
     children: r
-  }) : /* @__PURE__ */ s("div", {
+  }) : /* @__PURE__ */ a("div", {
     style: n,
     children: r
   });
-}, be = () => /* @__PURE__ */ I("div", {
+}, be = () => /* @__PURE__ */ R("div", {
   style: {
     display: "flex",
     gap: "4px",
@@ -566,31 +582,31 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     0,
     1,
     2
-  ].map((e) => /* @__PURE__ */ s("div", { style: {
+  ].map((e) => /* @__PURE__ */ a("div", { style: {
     width: "6px",
     height: "6px",
     borderRadius: "50%",
     backgroundColor: "#b5bfc8",
     animation: "ago-pulse 1.2s ease-in-out infinite",
     animationDelay: `${e * 0.2}s`
-  } }, e)), /* @__PURE__ */ s("style", { children: `
+  } }, e)), /* @__PURE__ */ a("style", { children: `
       @keyframes ago-pulse {
         0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); }
         40% { opacity: 1; transform: scale(1); }
       }
     ` })]
-}), ve = ({ message: e, className: t = "", showAgentName: r = !1, isLast: n = !1, onFollowUpClick: o }) => {
-  const a = e.role === "user", d = e.status === "IN_PROGRESS";
-  return /* @__PURE__ */ I("div", {
+}), ve = ({ message: e, className: t = "", showAgentName: r = !1, isLast: n = !1, onFollowUpClick: s }) => {
+  const i = e.role === "user", u = e.status === "IN_PROGRESS";
+  return /* @__PURE__ */ R("div", {
     className: `ago-message ago-message--${e.role} ${t}`,
     style: {
       display: "flex",
       flexDirection: "column",
-      alignItems: a ? "flex-end" : "flex-start",
+      alignItems: i ? "flex-end" : "flex-start",
       marginBottom: "16px"
     },
     children: [
-      !a && r && e.agent && /* @__PURE__ */ s("div", {
+      !i && r && e.agent && /* @__PURE__ */ a("div", {
         className: "ago-message__agent",
         style: {
           display: "flex",
@@ -604,7 +620,7 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
         },
         children: e.agent.displayName || e.agent.name
       }),
-      !a && e.sources && e.sources.length > 0 && /* @__PURE__ */ s("div", {
+      !i && e.sources && e.sources.length > 0 && /* @__PURE__ */ a("div", {
         className: "ago-message__sources",
         style: {
           display: "grid",
@@ -614,26 +630,26 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           width: "100%",
           maxWidth: "85%"
         },
-        children: e.sources.map((i, f) => /* @__PURE__ */ s(ye, {
-          source: i,
+        children: e.sources.map((l, f) => /* @__PURE__ */ a(ye, {
+          source: l,
           index: f
-        }, i.id))
+        }, l.id))
       }),
-      /* @__PURE__ */ s("div", {
+      /* @__PURE__ */ a("div", {
         className: "ago-message__content",
         style: {
-          maxWidth: a ? "75%" : "100%",
-          padding: a ? "10px 14px" : "2px 8px",
-          borderRadius: a ? "16px" : "0",
-          backgroundColor: a ? "#03182f" : "transparent",
-          color: a ? "#fff" : "#30373e",
+          maxWidth: i ? "75%" : "100%",
+          padding: i ? "10px 14px" : "2px 8px",
+          borderRadius: i ? "16px" : "0",
+          backgroundColor: i ? "#03182f" : "transparent",
+          color: i ? "#fff" : "#30373e",
           wordBreak: "break-word",
           fontSize: "16px",
           lineHeight: "1.6"
         },
-        children: e.content ? /* @__PURE__ */ s(he, { content: e.content }) : d && /* @__PURE__ */ s(be, {})
+        children: e.content ? /* @__PURE__ */ a(he, { content: e.content }) : u && /* @__PURE__ */ a(be, {})
       }),
-      n && e.followUpReplies && e.followUpReplies.length > 0 && /* @__PURE__ */ s("div", {
+      n && e.followUpReplies && e.followUpReplies.length > 0 && /* @__PURE__ */ a("div", {
         className: "ago-message__followups",
         style: {
           display: "flex",
@@ -641,71 +657,72 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           gap: "8px",
           marginTop: "10px"
         },
-        children: e.followUpReplies.map((i, f) => /* @__PURE__ */ s("button", {
+        children: e.followUpReplies.map((l, f) => /* @__PURE__ */ a("button", {
           type: "button",
           className: "ago-message__followup-btn",
-          disabled: !o,
-          onClick: o ? () => o(i) : void 0,
+          disabled: !s,
+          onClick: s ? () => s(l) : void 0,
           style: {
+            minHeight: "36px",
             padding: "6px 14px",
             fontSize: "13px",
             borderRadius: "16px",
             border: "1px solid #dee3e8",
             backgroundColor: "#fff",
             color: "#30373e",
-            cursor: o ? "pointer" : "default",
+            cursor: s ? "pointer" : "default",
             transition: "border-color 0.15s"
           },
-          onMouseEnter: (c) => {
-            c.currentTarget.style.borderColor = "#1b5fc4";
+          onMouseEnter: (d) => {
+            d.currentTarget.style.borderColor = "#1b5fc4";
           },
-          onMouseLeave: (c) => {
-            c.currentTarget.style.borderColor = "#dee3e8";
+          onMouseLeave: (d) => {
+            d.currentTarget.style.borderColor = "#dee3e8";
           },
-          children: i
+          children: l
         }, f))
       })
     ]
   });
-}, _e = ({ client: e, conversationId: t, title: r = "Chat", welcomeMessage: n = "Hello! How can I help you today?", placeholder: o = "Type a message...", allowFiles: a = !1, height: d = 500, logoUrl: i, showAgentName: f = !1, forms: c, onFollowUpClick: x, className: v = "", onMessageSent: k, onMessageReceived: m }) => {
-  const b = T(null), l = L(), h = e ?? l, { messages: p, isLoading: g, error: u, sendMessage: w } = $({
+}, _e = ({ client: e, conversationId: t, title: r = "Chat", welcomeMessage: n = "Hello! How can I help you today?", placeholder: s = "Type a message...", allowFiles: i = !1, height: u = 500, logoUrl: l, showAgentName: f = !1, forms: d, onFollowUpClick: y, className: m = "", onMessageSent: C, onMessageReceived: g }) => {
+  const b = A(null), v = L(), w = e ?? v, { messages: o, isLoading: p, error: c, sendMessage: x } = O({
     client: e,
     conversationId: t
   });
-  S(() => {
-    if (!h || !c || c.length === 0) return;
-    let y = !1;
-    const A = [];
-    return Promise.all(c.map((R) => R.schema != null ? Promise.resolve(H(R)) : z(h, R))).then((R) => {
-      if (!y)
-        for (const U of R) A.push(U.install(h));
+  k(() => {
+    if (!w || !d || d.length === 0) return;
+    let h = !1;
+    const F = [];
+    return Promise.all(d.map((E) => E.schema != null ? Promise.resolve(W(E)) : z(w, E))).then((E) => {
+      if (!h)
+        for (const U of E) F.push(U.install(w));
     }).catch(() => {
     }), () => {
-      y = !0, A.forEach((R) => R());
+      h = !0, F.forEach((E) => E());
     };
-  }, [h, c ? JSON.stringify(c.map((y) => [
-    y.name,
-    y.schema ?? null,
-    y.submit ?? !1,
-    y.description ?? null
-  ])) : ""]), S(() => {
+  }, [w, d ? JSON.stringify(d.map((h) => [
+    h.name,
+    h.schema ?? null,
+    h.submit ?? !1,
+    h.description ?? null
+  ])) : ""]), k(() => {
     b.current?.scrollIntoView({ behavior: "smooth" });
-  }, [p]), S(() => {
-    const y = p[p.length - 1];
-    y && y.role === "assistant" && y.status === "DONE" && m && m({
-      id: y.id,
-      content: y.content
+  }, [o]), k(() => {
+    const h = o[o.length - 1];
+    h && h.role === "assistant" && h.status === "DONE" && g && g({
+      id: h.id,
+      content: h.content
     });
-  }, [p, m]);
-  const C = async (y, A) => {
-    k?.(y), await w(y, A);
-  }, _ = p[p.length - 1], B = g && _?.role === "assistant" && _.status === "IN_PROGRESS", K = x === !1 ? void 0 : x ?? ((y) => C(y));
-  return /* @__PURE__ */ I("div", {
-    className: `ago-chat-widget ${v}`,
+  }, [o, g]);
+  const S = async (h, F) => {
+    C?.(h), await x(h, F);
+  }, _ = o[o.length - 1], B = p && _?.role === "assistant" && _.status === "IN_PROGRESS", K = y === !1 ? void 0 : y ?? ((h) => S(h));
+  return /* @__PURE__ */ R("div", {
+    className: `ago-chat-widget ${m}`,
     style: {
       display: "flex",
       flexDirection: "column",
-      height: typeof d == "number" ? `${d}px` : d,
+      height: typeof u == "number" ? `${u}px` : u,
       border: "1px solid #dee3e8",
       borderRadius: "16px",
       overflow: "hidden",
@@ -715,7 +732,7 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       boxShadow: "rgba(15, 15, 15, 0.08) 0px 2px 16px 0px"
     },
     children: [
-      /* @__PURE__ */ I("div", {
+      /* @__PURE__ */ R("div", {
         className: "ago-chat-widget__header",
         style: {
           padding: "14px 16px",
@@ -726,14 +743,14 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           alignItems: "center",
           gap: "10px"
         },
-        children: [i && /* @__PURE__ */ s("img", {
-          src: i,
+        children: [l && /* @__PURE__ */ a("img", {
+          src: l,
           alt: "Logo",
           style: {
             height: "24px",
             width: "auto"
           }
-        }), /* @__PURE__ */ s("h3", {
+        }), /* @__PURE__ */ a("h3", {
           style: {
             margin: 0,
             fontSize: "15px",
@@ -742,8 +759,12 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           children: r
         })]
       }),
-      /* @__PURE__ */ I("div", {
+      /* @__PURE__ */ R("div", {
         className: "ago-chat-widget__messages",
+        role: "log",
+        "aria-live": "polite",
+        "aria-relevant": "additions text",
+        "aria-atomic": !1,
         style: {
           flex: 1,
           overflow: "auto",
@@ -751,7 +772,7 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           backgroundColor: "#fbfbfb"
         },
         children: [
-          p.length === 0 ? /* @__PURE__ */ s("div", {
+          o.length === 0 ? /* @__PURE__ */ a("div", {
             style: {
               textAlign: "center",
               color: "#6b6d6f",
@@ -760,13 +781,14 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
               lineHeight: "1.5"
             },
             children: n
-          }) : p.map((y, A) => /* @__PURE__ */ s(ve, {
-            message: y,
+          }) : o.map((h, F) => /* @__PURE__ */ a(ve, {
+            message: h,
             showAgentName: f,
-            isLast: A === p.length - 1,
+            isLast: F === o.length - 1,
             onFollowUpClick: K
-          }, y.id)),
-          u && /* @__PURE__ */ s("div", {
+          }, h.id)),
+          c && /* @__PURE__ */ a("div", {
+            role: "alert",
             style: {
               padding: "10px 14px",
               backgroundColor: "#fef2f2",
@@ -776,16 +798,16 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
               fontSize: "13px",
               border: "1px solid #fecaca"
             },
-            children: u.message
+            children: c.message
           }),
-          /* @__PURE__ */ s("div", { ref: b })
+          /* @__PURE__ */ a("div", { ref: b })
         ]
       }),
-      /* @__PURE__ */ s(te, {
-        onSend: C,
+      /* @__PURE__ */ a(te, {
+        onSend: S,
         disabled: B,
-        placeholder: o,
-        allowFiles: a
+        placeholder: s,
+        allowFiles: i
       })
     ]
   });
@@ -793,175 +815,175 @@ var te = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
 function we({ client: e, autoLoad: t = !0 } = {}) {
   const r = L(), n = e || r;
   if (!n) throw new Error("useConversation requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
-  const [o, a] = M([]), [d, i] = M(null), [f, c] = M(!1), [x, v] = M(null), k = E(async () => {
-    c(!0), v(null);
+  const [s, i] = M([]), [u, l] = M(null), [f, d] = M(!1), [y, m] = M(null), C = I(async () => {
+    d(!0), m(null);
     try {
-      a(await n.getConversations());
-    } catch (l) {
-      v(l instanceof Error ? l : /* @__PURE__ */ new Error("Failed to load conversations"));
+      i(await n.getConversations());
+    } catch (v) {
+      m(v instanceof Error ? v : /* @__PURE__ */ new Error("Failed to load conversations"));
     } finally {
-      c(!1);
+      d(!1);
     }
-  }, [n]), m = E(async (l) => {
-    c(!0), v(null);
+  }, [n]), g = I(async (v) => {
+    d(!0), m(null);
     try {
-      i(await n.getConversation(l));
-    } catch (h) {
-      v(h instanceof Error ? h : /* @__PURE__ */ new Error("Failed to load conversation"));
+      l(await n.getConversation(v));
+    } catch (w) {
+      m(w instanceof Error ? w : /* @__PURE__ */ new Error("Failed to load conversation"));
     } finally {
-      c(!1);
+      d(!1);
     }
-  }, [n]), b = E(() => {
-    i(null);
+  }, [n]), b = I(() => {
+    l(null);
   }, []);
-  return S(() => {
-    t && k();
-  }, [t, k]), {
-    conversations: o,
-    currentConversation: d,
+  return k(() => {
+    t && C();
+  }, [t, C]), {
+    conversations: s,
+    currentConversation: u,
     isLoading: f,
-    error: x,
-    selectConversation: m,
+    error: y,
+    selectConversation: g,
     startNewConversation: b,
-    refreshConversations: k
+    refreshConversations: C
   };
 }
 function Pe(e = {}) {
   const t = L(), r = e.client || t;
   if (!r) throw new Error("useChat requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
-  const n = $({
+  const n = O({
     client: r,
     conversationId: e.conversationId
-  }), o = we({
+  }), s = we({
     client: r,
     autoLoad: e.autoLoad
   });
   return {
     messages: n.messages,
     isLoading: n.isLoading,
-    error: n.error || o.error,
+    error: n.error || s.error,
     sendMessage: n.sendMessage,
     clearMessages: n.clearMessages,
     conversationId: n.conversationId,
-    conversations: o.conversations,
-    currentConversation: o.currentConversation,
-    isConversationsLoading: o.isLoading,
-    selectConversation: o.selectConversation,
-    startNewConversation: o.startNewConversation,
-    refreshConversations: o.refreshConversations
+    conversations: s.conversations,
+    currentConversation: s.currentConversation,
+    isConversationsLoading: s.isLoading,
+    selectConversation: s.selectConversation,
+    startNewConversation: s.startNewConversation,
+    refreshConversations: s.refreshConversations
   };
 }
 function Le(e, t) {
-  const r = P(), { name: n, description: o, parameters: a, handler: d } = typeof e == "string" ? {
+  const r = P(), { name: n, description: s, parameters: i, handler: u } = typeof e == "string" ? {
     name: e,
     ...t
-  } : e, i = T(d);
-  i.current = d, S(() => {
-    const f = (c) => i.current(c);
+  } : e, l = A(u);
+  l.current = u, k(() => {
+    const f = (d) => l.current(d);
     return r.registerFunction(n, f, {
-      description: o,
-      parameters: a
+      description: s,
+      parameters: i
     }), () => {
       r.unregisterFunction(n);
     };
   }, [
     r,
     n,
-    o,
-    a
+    s,
+    i
   ]);
 }
 function De(e, t) {
-  const r = P(), n = T(e);
-  n.current = e, S(() => (r.registerNavigationFunction((o) => n.current(o), t), () => {
+  const r = P(), n = A(e);
+  n.current = e, k(() => (r.registerNavigationFunction((s) => n.current(s), t), () => {
     r.unregisterFunction("navigateToPage");
   }), [r, t]);
 }
-function We(e, t) {
-  const r = P(), n = j(), o = t ?? n, a = T(e);
-  a.current = e;
-  const d = typeof e == "function";
-  S(() => {
-    if (typeof a.current == "function") {
-      const i = () => a.current();
-      return r.addDynamicContext(o, i), () => {
-        r.removeDynamicContext(o);
+function He(e, t) {
+  const r = P(), n = j(), s = t ?? n, i = A(e);
+  i.current = e;
+  const u = typeof e == "function";
+  k(() => {
+    if (typeof i.current == "function") {
+      const l = () => i.current();
+      return r.addDynamicContext(s, l), () => {
+        r.removeDynamicContext(s);
       };
     }
-    return r.setContext(o, a.current), () => {
-      r.removeContext(o);
+    return r.setContext(s, i.current), () => {
+      r.removeContext(s);
     };
   }, [
     r,
-    o,
-    d,
-    d ? "" : JSON.stringify(e)
+    s,
+    u,
+    u ? "" : JSON.stringify(e)
   ]);
 }
 function Ce(e) {
-  return X(e.subscribe, e.get, e.get);
+  return Y(e.subscribe, e.get, e.get);
 }
-var W = {
+var H = {
   missing: [],
   complete: !1
 };
 function ze(e) {
-  const t = P(), r = e.schema != null, n = JSON.stringify(e.schema ?? null), o = e.submit, a = o ? typeof o == "string" ? `client:${o}` : o.via === "backend" ? "backend" : "handler" in o ? "client:handler" : `client:${o.url}` : "none", d = JSON.stringify(e.initialValues ?? null), i = F(() => r ? H(e) : null, [
+  const t = P(), r = e.schema != null, n = JSON.stringify(e.schema ?? null), s = e.submit, i = s ? typeof s == "string" ? `client:${s}` : s.via === "backend" ? "backend" : "handler" in s ? "client:handler" : `client:${s.url}` : "none", u = JSON.stringify(e.initialValues ?? null), l = T(() => r ? W(e) : null, [
     r,
     e.name,
     n,
-    a,
-    d,
+    i,
+    u,
     e.autoSubmit
-  ]), [f, c] = M({
+  ]), [f, d] = M({
     collector: null,
     loading: !r,
     error: null
   });
-  S(() => {
+  k(() => {
     if (r) return;
-    let g = !1;
-    return c({
+    let p = !1;
+    return d({
       collector: null,
       loading: !0,
       error: null
-    }), z(t, e).then((u) => {
-      g || c({
-        collector: u,
+    }), z(t, e).then((c) => {
+      p || d({
+        collector: c,
         loading: !1,
         error: null
       });
-    }).catch((u) => {
-      g || c({
+    }).catch((c) => {
+      p || d({
         collector: null,
         loading: !1,
-        error: u instanceof Error ? u : new Error(String(u))
+        error: c instanceof Error ? c : new Error(String(c))
       });
     }), () => {
-      g = !0;
+      p = !0;
     };
   }, [
     t,
     r,
     e.name,
-    a,
-    d,
+    i,
+    u,
     e.autoSubmit
   ]);
-  const x = r ? i : f.collector, v = r ? !1 : f.loading, k = r ? null : f.error;
-  S(() => {
-    if (x)
-      return x.install(t);
-  }, [t, x]);
-  const m = F(() => q({
+  const y = r ? l : f.collector, m = r ? !1 : f.loading, C = r ? null : f.error;
+  k(() => {
+    if (y)
+      return y.install(t);
+  }, [t, y]);
+  const g = T(() => J({
     values: e.initialValues ?? {},
     submitted: !1
-  }), [d]), b = Ce(x?.store ?? m), l = F(() => x?.getStatus() ?? W, [b, x]), h = F(() => ({
+  }), [u]), b = Ce(y?.store ?? g), v = T(() => y?.getStatus() ?? H, [b, y]), w = T(() => ({
     ...b,
-    ...l
-  }), [b, l]), p = F(() => ({
+    ...v
+  }), [b, v]), o = T(() => ({
     name: e.name,
-    store: m,
+    store: g,
     functions: [],
     contextKey: `form:${e.name}`,
     contextProvider: () => ({
@@ -976,18 +998,18 @@ function ze(e) {
       ok: !1,
       error: "Form definition not loaded yet."
     }),
-    getValues: () => m.get().values,
+    getValues: () => g.get().values,
     setValues: () => {
     },
     reset: () => {
     },
-    getStatus: () => W
-  }), [e.name, m]);
+    getStatus: () => H
+  }), [e.name, g]);
   return {
-    ...x ?? p,
-    state: h,
-    loading: v,
-    error: k
+    ...y ?? o,
+    state: w,
+    loading: m,
+    error: C
   };
 }
 export {
@@ -996,19 +1018,19 @@ export {
   _e as ChatWidget,
   he as Markdown,
   ve as Message,
-  H as createFormCollector,
-  Ee as createMockClient,
+  W as createFormCollector,
+  Re as createMockClient,
   Me as deriveFormStatus,
   z as loadFormCollector,
   ee as useAgo,
   P as useAgoClient,
-  We as useAgoContext,
+  He as useAgoContext,
   Le as useAgoFunction,
   De as useAgoNavigation,
   Ce as useAgoStore,
   Pe as useChat,
   we as useConversation,
   ze as useFormCollector,
-  $ as useMessages,
+  O as useMessages,
   L as useOptionalAgoClient
 };