@useago/sdk 1.5.0 → 1.5.2

package/dist/react.js

@@ -1,21 +1,21 @@
-import { a as q, i as J, o as j, s as V, t as Y } from "./AgoClient-q39FIjSC.js";
-import { t as X } from "./autoContinue-D3Mmaaca.js";
-import { i as Q, n as _e, r as H, t as O } from "./createFormCollector-sB6rMccD.js";
-import { t as Pe } from "./createMockClient-BUc9PSbo.js";
-import Z, { createContext as ee, useCallback as A, useContext as $, useEffect as k, useId as te, useMemo as T, useRef as E, useState as M, useSyncExternalStore as ne } from "react";
-import { Fragment as B, jsx as a, jsxs as R } from "react/jsx-runtime";
-import re from "react-markdown";
-import oe from "remark-gfm";
-function ae(e) {
-  const [t, r] = M(!1), n = E(null), o = T(() => {
-    if (n.current && (n.current.destroy(), n.current = null), !e) return null;
-    const i = new Y(e);
-    return n.current = i, i;
+import { a as V, i as Y, m as X, o as Z, s as Q, t as ee } from "./AgoClient-DXrH2AMi.js";
+import { t as te } from "./autoContinue-CC8K9mBU.js";
+import { i as ne, n as He, r as O, t as j } from "./createFormCollector-DYh90kiG.js";
+import { t as qe } from "./createMockClient-we-XoPom.js";
+import re, { createContext as oe, useCallback as R, useContext as B, useEffect as N, useId as ae, useMemo as D, useRef as T, useState as E, useSyncExternalStore as se } from "react";
+import { Fragment as G, jsx as l, jsxs as F } from "react/jsx-runtime";
+import ie from "react-markdown";
+import le from "remark-gfm";
+function ce(e) {
+  const [t, r] = E(!1), o = T(null), n = D(() => {
+    if (o.current && (o.current.destroy(), o.current = null), !e) return null;
+    const s = new ee(e);
+    return o.current = s, s;
   }, [e?.baseUrl, e?.widgetId]);
-  return k(() => (r(!0), () => {
-    n.current?.destroy(), n.current = null;
-  }), [o]), k(() => {
-    n.current && e && n.current.updateConfig({
+  return N(() => (r(!0), () => {
+    o.current?.destroy(), o.current = null;
+  }), [n]), N(() => {
+    o.current && e && o.current.updateConfig({
       agent: e.agent,
       defaultAgentId: e.defaultAgentId,
       permission: e.permission,
@@ -33,200 +33,200 @@ function ae(e) {
     e?.debug,
     e?.warnOnEmptyReply
   ]), {
-    client: o,
+    client: n,
     isReady: t
   };
 }
-var L = ee(null), He = ({ children: e, client: t, tools: r, helpers: n, pageContext: o, ...i }) => {
-  const { client: c } = ae(t ? null : i), l = t || c;
-  return k(() => {
+var z = oe(null), Ke = ({ children: e, client: t, tools: r, helpers: o, pageContext: n, ...s }) => {
+  const { client: f } = ce(t ? null : s), i = t || f;
+  return N(() => {
     if (!(!r || r.length === 0)) {
-      for (const f of r) l.register(f);
+      for (const m of r) i.register(m);
       return () => {
-        for (const f of r) l.unregisterFunction(f.name);
+        for (const m of r) i.unregisterFunction(m.name);
       };
     }
-  }, [l, r]), k(() => {
-    if (!n) return;
-    const f = [];
-    return import("./functions-CApuQZ2b.js").then((u) => u.n).then((u) => {
-      for (const [y, v] of Object.entries(n)) {
-        const I = u[y];
-        if (!I) {
-          console.warn(`[AGO] Unknown helper: "${y}"`);
+  }, [i, r]), N(() => {
+    if (!o) return;
+    const m = [];
+    return import("./functions-tzyOZNp6.js").then((u) => u.n).then((u) => {
+      for (const [g, C] of Object.entries(o)) {
+        const A = u[g];
+        if (!A) {
+          console.warn(`[AGO] Unknown helper: "${g}"`);
           continue;
         }
-        const x = v === !0 ? I : {
-          ...I,
-          handler: v
+        const S = C === !0 ? A : {
+          ...A,
+          handler: C
         };
-        l.register(x), f.push(x.name);
+        i.register(S), m.push(S.name);
       }
     }), () => {
-      for (const u of f) l.unregisterFunction(u);
+      for (const u of m) i.unregisterFunction(u);
     };
-  }, [l, n]), k(() => {
-    o === "auto" && l.enableAutoPageContext();
-  }, [l, o]), /* @__PURE__ */ a(L.Provider, {
-    value: l,
+  }, [i, o]), N(() => {
+    n === "auto" && i.enableAutoPageContext();
+  }, [i, n]), /* @__PURE__ */ l(z.Provider, {
+    value: i,
     children: e
   });
 };
-function P() {
-  const e = $(L);
+function W() {
+  const e = B(z);
   if (!e) throw new Error('useAgoClient must be used within an <AgoProvider>. Wrap your component tree with <AgoProvider baseUrl="...">.');
   return e;
 }
-function z() {
-  return $(L);
+function L() {
+  return B(z);
 }
-function G({ client: e, conversationId: t } = {}) {
-  const r = z(), 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, i] = M([]), [c, l] = M(t), [f, u] = M(!1), [y, v] = M(null);
-  k(() => {
-    t && t !== c && (l(t), I(t));
+function K({ client: e, conversationId: t } = {}) {
+  const r = L(), o = e || r;
+  if (!o) throw new Error("useMessages requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
+  const [n, s] = E([]), [f, i] = E(t), [m, u] = E(!1), [g, C] = E(null);
+  N(() => {
+    t && t !== f && (i(t), A(t));
   }, [t]);
-  const I = async (x) => {
+  const A = async (S) => {
     try {
-      i((await n.getMessages(x)).filter((h) => !h.hidden));
-    } catch (h) {
-      v(h instanceof Error ? h : /* @__PURE__ */ new Error("Failed to load messages"));
+      s((await o.getMessages(S)).filter((k) => !k.hidden));
+    } catch (k) {
+      C(k instanceof Error ? k : /* @__PURE__ */ new Error("Failed to load messages"));
     }
   };
-  return k(() => {
-    const x = (d) => d === "IN_PROGRESS" || d === "WAITING_CLIENT", h = (d) => {
-      c || l(d.conversationId), u(!0), i((p) => {
-        const m = p.findIndex((g) => g.id === d.messageId);
-        return m >= 0 ? p.map((g, W) => W === m ? {
-          ...g,
+  return N(() => {
+    const S = (c) => c === "IN_PROGRESS" || c === "WAITING_CLIENT", k = (c) => {
+      f || i(c.conversationId), u(!0), s((h) => {
+        const w = h.findIndex((b) => b.id === c.messageId);
+        return w >= 0 ? h.map((b, _) => _ === w ? {
+          ...b,
           status: "IN_PROGRESS"
-        } : g) : p.some((g) => g.role === "assistant" && x(g.status)) ? p : [...p, {
-          id: d.messageId,
-          conversationId: d.conversationId,
+        } : b) : h.some((b) => b.role === "assistant" && S(b.status)) ? h : [...h, {
+          id: c.messageId,
+          conversationId: c.conversationId,
           content: "",
           role: "assistant",
           status: "IN_PROGRESS",
           createdAt: /* @__PURE__ */ new Date()
         }];
       });
-    }, C = (d) => {
-      i((p) => {
-        const m = p.findIndex((g) => g.id === d.messageId);
-        return m < 0 ? p : p.map((g, W) => W === m ? {
-          ...g,
-          content: g.content + d.content
-        } : g);
+    }, d = (c) => {
+      s((h) => {
+        const w = h.findIndex((b) => b.id === c.messageId);
+        return w < 0 ? h : h.map((b, _) => _ === w ? {
+          ...b,
+          content: b.content + c.content
+        } : b);
       });
-    }, S = (d) => {
-      i((p) => {
-        let m = -1;
-        for (let g = p.length - 1; g >= 0; g--) if (p[g].role === "assistant" && x(p[g].status)) {
-          m = g;
+    }, x = (c) => {
+      s((h) => {
+        let w = -1;
+        for (let b = h.length - 1; b >= 0; b--) if (h[b].role === "assistant" && S(h[b].status)) {
+          w = b;
           break;
         }
-        return m < 0 ? p : [
-          ...p.slice(0, m),
+        return w < 0 ? h : [
+          ...h.slice(0, w),
           {
-            ...p[m],
-            ...d
+            ...h[w],
+            ...c
           },
-          ...p.slice(m + 1)
+          ...h.slice(w + 1)
         ];
       });
-    }, s = (d) => {
-      i((p) => {
-        const m = p.findIndex((g) => g.id === d.id);
-        return m >= 0 ? [
-          ...p.slice(0, m),
-          d,
-          ...p.slice(m + 1)
-        ] : [...p, d];
+    }, a = (c) => {
+      s((h) => {
+        const w = h.findIndex((b) => b.id === c.id);
+        return w >= 0 ? [
+          ...h.slice(0, w),
+          c,
+          ...h.slice(w + 1)
+        ] : [...h, c];
       }), u(!1);
-    }, b = (d) => {
-      v(new Error(d.error)), u(!1);
+    }, v = (c) => {
+      C(new Error(c.error)), u(!1);
     };
-    return n.on("message:start", h), n.on("message:chunk", C), n.on("message:answer-complete", S), n.on("message:complete", s), n.on("message:error", b), () => {
-      n.off("message:start", h), n.off("message:chunk", C), n.off("message:answer-complete", S), n.off("message:complete", s), n.off("message:error", b);
+    return o.on("message:start", k), o.on("message:chunk", d), o.on("message:answer-complete", x), o.on("message:complete", a), o.on("message:error", v), () => {
+      o.off("message:start", k), o.off("message:chunk", d), o.off("message:answer-complete", x), o.off("message:complete", a), o.off("message:error", v);
     };
-  }, [n, c]), {
-    messages: o,
-    isLoading: f,
-    error: y,
-    sendMessage: A(async (x, h) => {
-      u(!0), v(null);
-      const C = {
+  }, [o, f]), {
+    messages: n,
+    isLoading: m,
+    error: g,
+    sendMessage: R(async (S, k) => {
+      u(!0), C(null);
+      const d = {
         id: `temp-${Date.now()}`,
-        conversationId: c || "",
-        content: x,
+        conversationId: f || "",
+        content: S,
         role: "user",
         status: "DONE",
-        attachments: h && h.length > 0 ? J(h) : void 0,
+        attachments: k && k.length > 0 ? Y(k) : void 0,
         createdAt: /* @__PURE__ */ new Date()
-      }, S = {
+      }, x = {
         id: `temp-assistant-${Date.now()}`,
-        conversationId: c || "",
+        conversationId: f || "",
         content: "",
         role: "assistant",
         status: "IN_PROGRESS",
         createdAt: /* @__PURE__ */ new Date()
       };
-      i((s) => [
-        ...s,
-        C,
-        S
+      s((a) => [
+        ...a,
+        d,
+        x
       ]);
       try {
-        const s = await n.sendMessage(x, {
-          conversationId: c,
-          files: h
+        const a = await o.sendMessage(S, {
+          conversationId: f,
+          files: k
         });
-        return s.conversationId && !c && l(s.conversationId), i((b) => {
-          const d = b.filter((m) => !m.id.startsWith("temp-")), p = {
-            ...C,
-            id: C.id.replace("temp-", "user-"),
-            conversationId: s.conversationId
-          };
-          return d.some((m) => m.id === s.id) ? [...d, p].sort((m, g) => new Date(m.createdAt).getTime() - new Date(g.createdAt).getTime()) : [
+        return a.conversationId && !f && i(a.conversationId), s((v) => {
+          const c = v.filter((w) => !w.id.startsWith("temp-")), h = {
             ...d,
-            p,
-            s
+            id: d.id.replace("temp-", "user-"),
+            conversationId: a.conversationId
+          };
+          return c.some((w) => w.id === a.id) ? [...c, h].sort((w, b) => new Date(w.createdAt).getTime() - new Date(b.createdAt).getTime()) : [
+            ...c,
+            h,
+            a
           ];
-        }), s;
-      } catch (s) {
-        return v(s instanceof Error ? s : /* @__PURE__ */ new Error("Failed to send message")), u(!1), i((b) => b.filter((d) => !d.id.startsWith("temp-"))), null;
+        }), a;
+      } catch (a) {
+        return C(a instanceof Error ? a : /* @__PURE__ */ new Error("Failed to send message")), u(!1), s((v) => v.filter((c) => !c.id.startsWith("temp-"))), null;
       }
-    }, [n, c]),
-    clearMessages: A(() => {
-      i([]), l(void 0), v(null);
+    }, [o, f]),
+    clearMessages: R(() => {
+      s([]), i(void 0), C(null);
     }, []),
-    conversationId: c
+    conversationId: f
   };
 }
-var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", allowFiles: n = !1, className: o = "" }) => {
-  const [i, c] = M(""), [l, f] = M([]), u = E(null), y = E(null), v = A(() => {
-    const s = y.current;
-    if (!s) return;
-    const b = 110;
-    s.style.height = "auto", s.style.height = `${Math.min(s.scrollHeight + 2, b)}px`, s.style.overflowY = s.scrollHeight + 2 > b ? "auto" : "hidden";
-  }, []), I = A((s) => {
-    s.preventDefault(), (i.trim() || l.length > 0) && (e(i.trim(), l.length > 0 ? l : void 0), c(""), f([]), requestAnimationFrame(v));
+var de = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", allowFiles: o = !1, className: n = "" }) => {
+  const [s, f] = E(""), [i, m] = E([]), u = T(null), g = T(null), C = R(() => {
+    const a = g.current;
+    if (!a) return;
+    const v = 110;
+    a.style.height = "auto", a.style.height = `${Math.min(a.scrollHeight + 2, v)}px`, a.style.overflowY = a.scrollHeight + 2 > v ? "auto" : "hidden";
+  }, []), A = R((a) => {
+    a.preventDefault(), (s.trim() || i.length > 0) && (e(s.trim(), i.length > 0 ? i : void 0), f(""), m([]), requestAnimationFrame(C));
   }, [
+    s,
     i,
-    l,
     e,
-    v
-  ]), x = A((s) => {
-    s.key === "Enter" && !s.shiftKey && (s.preventDefault(), I(s));
-  }, [I]), h = A((s) => {
-    const b = Array.from(s.target.files || []);
-    f((d) => [...d, ...b]);
-  }, []), C = A((s) => {
-    f((b) => b.filter((d, p) => p !== s));
-  }, []), S = i.trim() || l.length > 0;
-  return /* @__PURE__ */ R("form", {
-    onSubmit: I,
-    className: `ago-chat-input ${o}`,
+    C
+  ]), S = R((a) => {
+    a.key === "Enter" && !a.shiftKey && (a.preventDefault(), A(a));
+  }, [A]), k = R((a) => {
+    const v = Array.from(a.target.files || []);
+    m((c) => [...c, ...v]);
+  }, []), d = R((a) => {
+    m((v) => v.filter((c, h) => h !== a));
+  }, []), x = s.trim() || i.length > 0;
+  return /* @__PURE__ */ F("form", {
+    onSubmit: A,
+    className: `ago-chat-input ${n}`,
     style: {
       display: "flex",
       flexDirection: "column",
@@ -235,14 +235,14 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       borderTop: "1px solid #dee3e8",
       backgroundColor: "#fff"
     },
-    children: [l.length > 0 && /* @__PURE__ */ a("div", {
+    children: [i.length > 0 && /* @__PURE__ */ l("div", {
       className: "ago-chat-input__files",
       style: {
         display: "flex",
         flexWrap: "wrap",
         gap: "6px"
       },
-      children: l.map((s, b) => /* @__PURE__ */ R("div", {
+      children: i.map((a, v) => /* @__PURE__ */ F("div", {
         style: {
           display: "flex",
           alignItems: "center",
@@ -253,18 +253,18 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           fontSize: "12px",
           color: "#30373e"
         },
-        children: [/* @__PURE__ */ a("span", {
+        children: [/* @__PURE__ */ l("span", {
           style: {
             maxWidth: "120px",
             overflow: "hidden",
             textOverflow: "ellipsis",
             whiteSpace: "nowrap"
           },
-          children: s.name
-        }), /* @__PURE__ */ a("button", {
+          children: a.name
+        }), /* @__PURE__ */ l("button", {
           type: "button",
-          onClick: () => C(b),
-          "aria-label": `Remove ${s.name}`,
+          onClick: () => d(v),
+          "aria-label": `Remove ${a.name}`,
           style: {
             border: "none",
             background: "none",
@@ -276,15 +276,15 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           },
           children: "×"
         })]
-      }, b))
-    }), /* @__PURE__ */ R("div", {
+      }, v))
+    }), /* @__PURE__ */ F("div", {
       style: {
         display: "flex",
         gap: "8px",
         alignItems: "flex-end"
       },
       children: [
-        n && /* @__PURE__ */ R(B, { children: [/* @__PURE__ */ a("button", {
+        o && /* @__PURE__ */ F(G, { children: [/* @__PURE__ */ l("button", {
           type: "button",
           onClick: () => u.current?.click(),
           disabled: t,
@@ -300,20 +300,20 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
             lineHeight: 1
           },
           children: "+"
-        }), /* @__PURE__ */ a("input", {
+        }), /* @__PURE__ */ l("input", {
           ref: u,
           type: "file",
           multiple: !0,
-          onChange: h,
+          onChange: k,
           style: { display: "none" }
         })] }),
-        /* @__PURE__ */ a("textarea", {
-          ref: y,
-          value: i,
-          onChange: (s) => {
-            c(s.target.value), v();
+        /* @__PURE__ */ l("textarea", {
+          ref: g,
+          value: s,
+          onChange: (a) => {
+            f(a.target.value), C();
           },
-          onKeyDown: x,
+          onKeyDown: S,
           placeholder: r,
           "aria-label": r,
           disabled: t,
@@ -335,23 +335,23 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
             backgroundColor: "#f8f8f8",
             transition: "border-color 0.15s"
           },
-          onFocus: (s) => {
-            s.currentTarget.style.borderColor = "#1b5fc4";
+          onFocus: (a) => {
+            a.currentTarget.style.borderColor = "#1b5fc4";
           },
-          onBlur: (s) => {
-            s.currentTarget.style.borderColor = "#dee3e8";
+          onBlur: (a) => {
+            a.currentTarget.style.borderColor = "#dee3e8";
           }
         }),
-        /* @__PURE__ */ a("button", {
+        /* @__PURE__ */ l("button", {
           type: "submit",
-          disabled: t || !S,
+          disabled: t || !x,
           style: {
             padding: "10px 18px",
             border: "none",
             borderRadius: "20px",
-            backgroundColor: t || !S ? "#b5bfc8" : "#03182f",
+            backgroundColor: t || !x ? "#b5bfc8" : "#03182f",
             color: "#fff",
-            cursor: t || !S ? "not-allowed" : "pointer",
+            cursor: t || !x ? "not-allowed" : "pointer",
             fontWeight: 500,
             fontSize: "16px",
             transition: "background-color 0.15s"
@@ -361,7 +361,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       ]
     })]
   });
-}, ie = ({ href: e, children: t, ...r }) => /* @__PURE__ */ a("a", {
+}, ue = ({ href: e, children: t, ...r }) => /* @__PURE__ */ l("a", {
   href: e,
   target: "_blank",
   rel: "noopener noreferrer",
@@ -371,25 +371,25 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...r,
   children: t
-}), le = ({ children: e, ...t }) => /* @__PURE__ */ a("p", {
+}), fe = ({ children: e, ...t }) => /* @__PURE__ */ l("p", {
   style: {
     margin: "0 0 8px 0",
     lineHeight: "1.6"
   },
   ...t,
   children: e
-}), _ = (e, t) => {
-  const r = ({ children: n, ...o }) => Z.createElement(`h${e}`, {
+}), P = (e, t) => {
+  const r = ({ children: o, ...n }) => re.createElement(`h${e}`, {
     style: {
       margin: "16px 0 8px 0",
       fontSize: t,
       fontWeight: 600,
       lineHeight: "1.3"
     },
-    ...o
-  }, n);
+    ...n
+  }, o);
   return r.displayName = `MarkdownHeading${e}`, r;
-}, ce = ({ children: e, ...t }) => /* @__PURE__ */ a("ul", {
+}, pe = ({ children: e, ...t }) => /* @__PURE__ */ l("ul", {
   style: {
     margin: "0 0 8px 0",
     paddingLeft: "20px",
@@ -398,7 +398,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...t,
   children: e
-}), de = ({ children: e, ...t }) => /* @__PURE__ */ a("ol", {
+}), ge = ({ children: e, ...t }) => /* @__PURE__ */ l("ol", {
   style: {
     margin: "0 0 8px 0",
     paddingLeft: "20px",
@@ -407,7 +407,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...t,
   children: e
-}), ue = ({ children: e, ...t }) => /* @__PURE__ */ a("li", {
+}), me = ({ children: e, ...t }) => /* @__PURE__ */ l("li", {
   style: {
     display: "list-item",
     margin: "2px 0",
@@ -415,8 +415,8 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...t,
   children: e
-}), fe = ({ className: e, children: t, ...r }) => e !== void 0 || String(t).includes(`
-`) ? /* @__PURE__ */ a("code", {
+}), xe = ({ className: e, children: t, ...r }) => e !== void 0 || String(t).includes(`
+`) ? /* @__PURE__ */ l("code", {
   style: {
     display: "block",
     background: "#f5f5f5",
@@ -428,7 +428,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...r,
   children: t
-}) : /* @__PURE__ */ a("code", {
+}) : /* @__PURE__ */ l("code", {
   style: {
     background: "#f0f2f5",
     padding: "2px 5px",
@@ -438,11 +438,11 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...r,
   children: t
-}), pe = ({ children: e, ...t }) => /* @__PURE__ */ a("pre", {
+}), he = ({ children: e, ...t }) => /* @__PURE__ */ l("pre", {
   style: { margin: "0 0 8px 0" },
   ...t,
   children: e
-}), ge = ({ children: e, ...t }) => /* @__PURE__ */ a("blockquote", {
+}), ye = ({ children: e, ...t }) => /* @__PURE__ */ l("blockquote", {
   style: {
     borderLeft: "4px solid #dee3e8",
     paddingLeft: "12px",
@@ -452,12 +452,12 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...t,
   children: e
-}), me = ({ children: e, ...t }) => /* @__PURE__ */ a("div", {
+}), ve = ({ children: e, ...t }) => /* @__PURE__ */ l("div", {
   style: {
     overflowX: "auto",
     margin: "0 0 8px 0"
   },
-  children: /* @__PURE__ */ a("table", {
+  children: /* @__PURE__ */ l("table", {
     style: {
       borderCollapse: "collapse",
       width: "100%",
@@ -466,7 +466,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     ...t,
     children: e
   })
-}), xe = ({ children: e, ...t }) => /* @__PURE__ */ a("th", {
+}), be = ({ children: e, ...t }) => /* @__PURE__ */ l("th", {
   style: {
     border: "1px solid #dee3e8",
     padding: "6px 10px",
@@ -476,14 +476,14 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...t,
   children: e
-}), he = ({ children: e, ...t }) => /* @__PURE__ */ a("td", {
+}), we = ({ children: e, ...t }) => /* @__PURE__ */ l("td", {
   style: {
     border: "1px solid #dee3e8",
     padding: "6px 10px"
   },
   ...t,
   children: e
-}), ye = ({ alt: e, ...t }) => /* @__PURE__ */ a("img", {
+}), Ce = ({ alt: e, ...t }) => /* @__PURE__ */ l("img", {
   alt: e ?? "",
   style: {
     maxWidth: "100%",
@@ -491,40 +491,40 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     margin: "4px 0"
   },
   ...t
-}), be = (e) => /* @__PURE__ */ a("hr", {
+}), Se = (e) => /* @__PURE__ */ l("hr", {
   style: {
     border: "none",
     borderTop: "1px solid #dee3e8",
     margin: "12px 0"
   },
   ...e
-}), ve = {
-  a: ie,
-  p: le,
-  h1: _(1, "20px"),
-  h2: _(2, "18px"),
-  h3: _(3, "16px"),
-  h4: _(4, "15px"),
-  h5: _(5, "14px"),
-  h6: _(6, "13px"),
-  ul: ce,
-  ol: de,
-  li: ue,
-  code: fe,
-  pre: pe,
-  blockquote: ge,
-  table: me,
-  th: xe,
-  td: he,
-  img: ye,
-  hr: be
-}, we = [oe], Ce = ({ content: e }) => /* @__PURE__ */ a(re, {
-  remarkPlugins: we,
-  components: ve,
+}), ke = {
+  a: ue,
+  p: fe,
+  h1: P(1, "20px"),
+  h2: P(2, "18px"),
+  h3: P(3, "16px"),
+  h4: P(4, "15px"),
+  h5: P(5, "14px"),
+  h6: P(6, "13px"),
+  ul: pe,
+  ol: ge,
+  li: me,
+  code: xe,
+  pre: he,
+  blockquote: ye,
+  table: ve,
+  th: be,
+  td: we,
+  img: Ce,
+  hr: Se
+}, Ie = [le], Ae = ({ content: e }) => /* @__PURE__ */ l(ie, {
+  remarkPlugins: Ie,
+  components: ke,
   children: e
-}), Se = ({ attachment: e, isUser: t }) => {
-  const r = V(e.url);
-  if (q(e)) return /* @__PURE__ */ a("a", {
+}), Ne = ({ attachment: e, isUser: t }) => {
+  const r = Q(e.url);
+  if (V(e)) return /* @__PURE__ */ l("a", {
     href: r,
     target: "_blank",
     rel: "noopener noreferrer",
@@ -532,7 +532,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       display: "inline-block",
       textDecoration: "none"
     },
-    children: /* @__PURE__ */ a("img", {
+    children: /* @__PURE__ */ l("img", {
       src: r,
       alt: e.name,
       loading: "lazy",
@@ -546,7 +546,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       }
     })
   });
-  const n = j(e.fileSize), o = /* @__PURE__ */ R(B, { children: [/* @__PURE__ */ a("span", {
+  const o = Z(e.fileSize), n = /* @__PURE__ */ F(G, { children: [/* @__PURE__ */ l("span", {
     style: {
       fontSize: "16px",
       lineHeight: 1,
@@ -554,13 +554,13 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     },
     "aria-hidden": !0,
     children: "📄"
-  }), /* @__PURE__ */ R("span", {
+  }), /* @__PURE__ */ F("span", {
     style: {
       display: "flex",
       flexDirection: "column",
       minWidth: 0
     },
-    children: [/* @__PURE__ */ a("span", {
+    children: [/* @__PURE__ */ l("span", {
       style: {
         overflow: "hidden",
         textOverflow: "ellipsis",
@@ -569,14 +569,14 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       },
       title: e.name,
       children: e.name
-    }), n && /* @__PURE__ */ a("span", {
+    }), o && /* @__PURE__ */ l("span", {
       style: {
         fontSize: "11px",
         color: "#6b6d6f"
       },
-      children: n
+      children: o
     })]
-  })] }), i = {
+  })] }), s = {
     display: "inline-flex",
     alignItems: "center",
     gap: "8px",
@@ -589,18 +589,18 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     textDecoration: "none",
     maxWidth: "220px"
   };
-  return r ? /* @__PURE__ */ a("a", {
+  return r ? /* @__PURE__ */ l("a", {
     href: r,
     target: "_blank",
     rel: "noopener noreferrer",
-    style: i,
-    children: o
-  }) : /* @__PURE__ */ a("div", {
-    style: i,
-    children: o
+    style: s,
+    children: n
+  }) : /* @__PURE__ */ l("div", {
+    style: s,
+    children: n
   });
-}, ke = ({ source: e, index: t }) => {
-  const r = /* @__PURE__ */ R("div", {
+}, Re = ({ source: e, index: t }) => {
+  const r = /* @__PURE__ */ F("div", {
     style: {
       display: "flex",
       alignItems: "center",
@@ -608,7 +608,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       width: "100%",
       minWidth: 0
     },
-    children: [/* @__PURE__ */ a("div", {
+    children: [/* @__PURE__ */ l("div", {
       style: {
         flexShrink: 0,
         width: "18px",
@@ -624,7 +624,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
         backgroundColor: "#f0f4ff"
       },
       children: t + 1
-    }), /* @__PURE__ */ a("div", {
+    }), /* @__PURE__ */ l("div", {
       style: {
         fontSize: "12px",
         overflow: "hidden",
@@ -635,7 +635,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       title: e.title,
       children: e.title
     })]
-  }), n = {
+  }), o = {
     display: "flex",
     alignItems: "center",
     padding: "8px 10px",
@@ -648,23 +648,23 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     minWidth: 0,
     transition: "border-color 0.15s"
   };
-  return e.url ? /* @__PURE__ */ a("a", {
+  return e.url ? /* @__PURE__ */ l("a", {
     href: e.url,
     target: "_blank",
     rel: "noopener noreferrer",
-    style: n,
-    onMouseEnter: (o) => {
-      o.currentTarget.style.borderColor = "#1b5fc4";
+    style: o,
+    onMouseEnter: (n) => {
+      n.currentTarget.style.borderColor = "#1b5fc4";
     },
-    onMouseLeave: (o) => {
-      o.currentTarget.style.borderColor = "#dee3e8";
+    onMouseLeave: (n) => {
+      n.currentTarget.style.borderColor = "#dee3e8";
     },
     children: r
-  }) : /* @__PURE__ */ a("div", {
-    style: n,
+  }) : /* @__PURE__ */ l("div", {
+    style: o,
     children: r
   });
-}, Ie = () => /* @__PURE__ */ R("div", {
+}, Me = () => /* @__PURE__ */ F("div", {
   style: {
     display: "flex",
     gap: "4px",
@@ -674,31 +674,31 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     0,
     1,
     2
-  ].map((e) => /* @__PURE__ */ a("div", { style: {
+  ].map((e) => /* @__PURE__ */ l("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__ */ a("style", { children: `
+  } }, e)), /* @__PURE__ */ l("style", { children: `
       @keyframes ago-pulse {
         0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); }
         40% { opacity: 1; transform: scale(1); }
       }
     ` })]
-}), Me = ({ message: e, className: t = "", showAgentName: r = !1, isLast: n = !1, onFollowUpClick: o }) => {
-  const i = e.role === "user", c = e.status === "IN_PROGRESS" || e.status === "WAITING_CLIENT";
-  return /* @__PURE__ */ R("div", {
+}), Ee = ({ message: e, className: t = "", showAgentName: r = !1, isLast: o = !1, onFollowUpClick: n }) => {
+  const s = e.role === "user", f = e.status === "IN_PROGRESS" || e.status === "WAITING_CLIENT";
+  return /* @__PURE__ */ F("div", {
     className: `ago-message ago-message--${e.role} ${t}`,
     style: {
       display: "flex",
       flexDirection: "column",
-      alignItems: i ? "flex-end" : "flex-start",
+      alignItems: s ? "flex-end" : "flex-start",
       marginBottom: "16px"
     },
     children: [
-      !i && r && e.agent && /* @__PURE__ */ a("div", {
+      !s && r && e.agent && /* @__PURE__ */ l("div", {
         className: "ago-message__agent",
         style: {
           display: "flex",
@@ -712,7 +712,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
         },
         children: e.agent.displayName || e.agent.name
       }),
-      !i && e.sources && e.sources.length > 0 && /* @__PURE__ */ a("div", {
+      !s && e.sources && e.sources.length > 0 && /* @__PURE__ */ l("div", {
         className: "ago-message__sources",
         style: {
           display: "grid",
@@ -722,41 +722,41 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           width: "100%",
           maxWidth: "85%"
         },
-        children: e.sources.map((l, f) => /* @__PURE__ */ a(ke, {
-          source: l,
-          index: f
-        }, l.id))
+        children: e.sources.map((i, m) => /* @__PURE__ */ l(Re, {
+          source: i,
+          index: m
+        }, i.id))
       }),
-      e.attachments && e.attachments.length > 0 && /* @__PURE__ */ a("div", {
+      e.attachments && e.attachments.length > 0 && /* @__PURE__ */ l("div", {
         className: "ago-message__attachments",
         style: {
           display: "flex",
           flexWrap: "wrap",
           gap: "6px",
           marginBottom: "6px",
-          justifyContent: i ? "flex-end" : "flex-start",
+          justifyContent: s ? "flex-end" : "flex-start",
           maxWidth: "75%"
         },
-        children: e.attachments.map((l) => /* @__PURE__ */ a(Se, {
-          attachment: l,
-          isUser: i
-        }, l.id))
+        children: e.attachments.map((i) => /* @__PURE__ */ l(Ne, {
+          attachment: i,
+          isUser: s
+        }, i.id))
       }),
-      (e.content || c) && /* @__PURE__ */ a("div", {
+      (e.content || f) && /* @__PURE__ */ l("div", {
         className: "ago-message__content",
         style: {
-          maxWidth: i ? "75%" : "100%",
-          padding: i ? "10px 14px" : "2px 8px",
-          borderRadius: i ? "16px" : "0",
-          backgroundColor: i ? "#03182f" : "transparent",
-          color: i ? "#fff" : "#30373e",
+          maxWidth: s ? "75%" : "100%",
+          padding: s ? "10px 14px" : "2px 8px",
+          borderRadius: s ? "16px" : "0",
+          backgroundColor: s ? "#03182f" : "transparent",
+          color: s ? "#fff" : "#30373e",
           wordBreak: "break-word",
           fontSize: "16px",
           lineHeight: "1.6"
         },
-        children: e.content ? /* @__PURE__ */ a(Ce, { content: e.content }) : c && /* @__PURE__ */ a(Ie, {})
+        children: e.content ? /* @__PURE__ */ l(Ae, { content: e.content }) : f && /* @__PURE__ */ l(Me, {})
       }),
-      n && e.followUpReplies && e.followUpReplies.length > 0 && /* @__PURE__ */ a("div", {
+      o && e.followUpReplies && e.followUpReplies.length > 0 && /* @__PURE__ */ l("div", {
         className: "ago-message__followups",
         style: {
           display: "flex",
@@ -764,11 +764,11 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           gap: "8px",
           marginTop: "10px"
         },
-        children: e.followUpReplies.map((l, f) => /* @__PURE__ */ a("button", {
+        children: e.followUpReplies.map((i, m) => /* @__PURE__ */ l("button", {
           type: "button",
           className: "ago-message__followup-btn",
-          disabled: !o,
-          onClick: o ? () => o(l) : void 0,
+          disabled: !n,
+          onClick: n ? () => n(i) : void 0,
           style: {
             minHeight: "36px",
             padding: "6px 14px",
@@ -777,7 +777,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
             border: "1px solid #dee3e8",
             backgroundColor: "#fff",
             color: "#30373e",
-            cursor: o ? "pointer" : "default",
+            cursor: n ? "pointer" : "default",
             transition: "border-color 0.15s"
           },
           onMouseEnter: (u) => {
@@ -786,50 +786,50 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           onMouseLeave: (u) => {
             u.currentTarget.style.borderColor = "#dee3e8";
           },
-          children: l
-        }, f))
+          children: i
+        }, m))
       })
     ]
   });
-}, Oe = ({ client: e, conversationId: t, title: r = "Chat", welcomeMessage: n = "Hello! How can I help you today?", placeholder: o = "Type a message...", allowFiles: i = !1, height: c = 500, logoUrl: l, showAgentName: f = !1, forms: u, onFollowUpClick: y, className: v = "", onMessageSent: I, onMessageReceived: x }) => {
-  const h = E(null), C = z(), S = e ?? C, { messages: s, isLoading: b, error: d, sendMessage: p } = G({
+}, Ue = ({ client: e, conversationId: t, title: r = "Chat", welcomeMessage: o = "Hello! How can I help you today?", placeholder: n = "Type a message...", allowFiles: s = !1, height: f = 500, logoUrl: i, showAgentName: m = !1, forms: u, onFollowUpClick: g, className: C = "", onMessageSent: A, onMessageReceived: S }) => {
+  const k = T(null), d = L(), x = e ?? d, { messages: a, isLoading: v, error: c, sendMessage: h } = K({
     client: e,
     conversationId: t
   });
-  k(() => {
-    if (!S || !u || u.length === 0) return;
-    let w = !1;
-    const F = [];
-    return Promise.all(u.map((N) => N.schema != null ? Promise.resolve(O(N)) : H(S, N))).then((N) => {
-      if (!w)
-        for (const U of N) F.push(U.install(S));
+  N(() => {
+    if (!x || !u || u.length === 0) return;
+    let p = !1;
+    const I = [];
+    return Promise.all(u.map((M) => M.schema != null ? Promise.resolve(j(M)) : O(x, M))).then((M) => {
+      if (!p)
+        for (const J of M) I.push(J.install(x));
     }).catch(() => {
     }), () => {
-      w = !0, F.forEach((N) => N());
+      p = !0, I.forEach((M) => M());
     };
-  }, [S, u ? JSON.stringify(u.map((w) => [
-    w.name,
-    w.schema ?? null,
-    w.submit ?? !1,
-    w.description ?? null
-  ])) : ""]), k(() => {
-    h.current?.scrollIntoView({ behavior: "smooth" });
-  }, [s]), k(() => {
-    const w = s[s.length - 1];
-    w && w.role === "assistant" && w.status === "DONE" && x && x({
-      id: w.id,
-      content: w.content
+  }, [x, u ? JSON.stringify(u.map((p) => [
+    p.name,
+    p.schema ?? null,
+    p.submit ?? !1,
+    p.description ?? null
+  ])) : ""]), N(() => {
+    k.current?.scrollIntoView({ behavior: "smooth" });
+  }, [a]), N(() => {
+    const p = a[a.length - 1];
+    p && p.role === "assistant" && p.status === "DONE" && S && S({
+      id: p.id,
+      content: p.content
     });
-  }, [s, x]);
-  const m = async (w, F) => {
-    I?.(w), await p(w, F);
-  }, g = s[s.length - 1], W = b && g?.role === "assistant" && (g.status === "IN_PROGRESS" || g.status === "WAITING_CLIENT"), K = y === !1 ? void 0 : y ?? ((w) => m(w));
-  return /* @__PURE__ */ R("div", {
-    className: `ago-chat-widget ${v}`,
+  }, [a, S]);
+  const w = async (p, I) => {
+    A?.(p), await h(p, I);
+  }, b = a[a.length - 1], _ = v && b?.role === "assistant" && (b.status === "IN_PROGRESS" || b.status === "WAITING_CLIENT"), y = g === !1 ? void 0 : g ?? ((p) => w(p));
+  return /* @__PURE__ */ F("div", {
+    className: `ago-chat-widget ${C}`,
     style: {
       display: "flex",
       flexDirection: "column",
-      height: typeof c == "number" ? `${c}px` : c,
+      height: typeof f == "number" ? `${f}px` : f,
       border: "1px solid #dee3e8",
       borderRadius: "16px",
       overflow: "hidden",
@@ -839,7 +839,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       boxShadow: "rgba(15, 15, 15, 0.08) 0px 2px 16px 0px"
     },
     children: [
-      /* @__PURE__ */ R("div", {
+      /* @__PURE__ */ F("div", {
         className: "ago-chat-widget__header",
         style: {
           padding: "14px 16px",
@@ -850,14 +850,14 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           alignItems: "center",
           gap: "10px"
         },
-        children: [l && /* @__PURE__ */ a("img", {
-          src: l,
+        children: [i && /* @__PURE__ */ l("img", {
+          src: i,
           alt: "Logo",
           style: {
             height: "24px",
             width: "auto"
           }
-        }), /* @__PURE__ */ a("h3", {
+        }), /* @__PURE__ */ l("h3", {
           style: {
             margin: 0,
             fontSize: "15px",
@@ -866,7 +866,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           children: r
         })]
       }),
-      /* @__PURE__ */ R("div", {
+      /* @__PURE__ */ F("div", {
         className: "ago-chat-widget__messages",
         role: "log",
         "aria-live": "polite",
@@ -879,7 +879,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           backgroundColor: "#fbfbfb"
         },
         children: [
-          s.length === 0 ? /* @__PURE__ */ a("div", {
+          a.length === 0 ? /* @__PURE__ */ l("div", {
             style: {
               textAlign: "center",
               color: "#6b6d6f",
@@ -887,14 +887,14 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
               fontSize: "16px",
               lineHeight: "1.5"
             },
-            children: n
-          }) : s.map((w, F) => /* @__PURE__ */ a(Me, {
-            message: w,
-            showAgentName: f,
-            isLast: F === s.length - 1,
-            onFollowUpClick: K
-          }, w.id)),
-          d && /* @__PURE__ */ a("div", {
+            children: o
+          }) : a.map((p, I) => /* @__PURE__ */ l(Ee, {
+            message: p,
+            showAgentName: m,
+            isLast: I === a.length - 1,
+            onFollowUpClick: y
+          }, p.id)),
+          c && /* @__PURE__ */ l("div", {
             role: "alert",
             style: {
               padding: "10px 14px",
@@ -905,222 +905,416 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
               fontSize: "13px",
               border: "1px solid #fecaca"
             },
-            children: d.message
+            children: c.message
           }),
-          /* @__PURE__ */ a("div", { ref: h })
+          /* @__PURE__ */ l("div", { ref: k })
         ]
       }),
-      /* @__PURE__ */ a(se, {
-        onSend: m,
-        disabled: W,
-        placeholder: o,
-        allowFiles: i
+      /* @__PURE__ */ l(de, {
+        onSend: w,
+        disabled: _,
+        placeholder: n,
+        allowFiles: s
       })
     ]
   });
 };
-function Re({ client: e, autoLoad: t = !0 } = {}) {
-  const r = z(), 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, i] = M([]), [c, l] = M(null), [f, u] = M(!1), [y, v] = M(null), I = A(async () => {
-    u(!0), v(null);
+function Fe({ client: e, autoLoad: t = !0 } = {}) {
+  const r = L(), o = e || r;
+  if (!o) throw new Error("useConversation requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
+  const [n, s] = E([]), [f, i] = E(null), [m, u] = E(!1), [g, C] = E(null), A = R(async () => {
+    u(!0), C(null);
     try {
-      i(await n.getConversations());
-    } catch (C) {
-      v(C instanceof Error ? C : /* @__PURE__ */ new Error("Failed to load conversations"));
+      s(await o.getConversations());
+    } catch (d) {
+      C(d instanceof Error ? d : /* @__PURE__ */ new Error("Failed to load conversations"));
     } finally {
       u(!1);
     }
-  }, [n]), x = A(async (C) => {
-    u(!0), v(null);
+  }, [o]), S = R(async (d) => {
+    u(!0), C(null);
     try {
-      l(await n.getConversation(C));
-    } catch (S) {
-      v(S instanceof Error ? S : /* @__PURE__ */ new Error("Failed to load conversation"));
+      i(await o.getConversation(d));
+    } catch (x) {
+      C(x instanceof Error ? x : /* @__PURE__ */ new Error("Failed to load conversation"));
     } finally {
       u(!1);
     }
-  }, [n]), h = A(() => {
-    l(null);
+  }, [o]), k = R(() => {
+    i(null);
   }, []);
-  return k(() => {
-    t && I();
-  }, [t, I]), {
-    conversations: o,
-    currentConversation: c,
-    isLoading: f,
-    error: y,
-    selectConversation: x,
-    startNewConversation: h,
-    refreshConversations: I
+  return N(() => {
+    t && A();
+  }, [t, A]), {
+    conversations: n,
+    currentConversation: f,
+    isLoading: m,
+    error: g,
+    selectConversation: S,
+    startNewConversation: k,
+    refreshConversations: A
   };
 }
-function $e(e = {}) {
-  const t = z(), r = e.client || t;
+function Je(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 = G({
+  const o = K({
     client: r,
     conversationId: e.conversationId
-  }), o = Re({
+  }), n = Fe({
     client: r,
     autoLoad: e.autoLoad
   });
   return {
-    messages: n.messages,
-    isLoading: n.isLoading,
-    error: n.error || o.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
+    messages: o.messages,
+    isLoading: o.isLoading,
+    error: o.error || n.error,
+    sendMessage: o.sendMessage,
+    clearMessages: o.clearMessages,
+    conversationId: o.conversationId,
+    conversations: n.conversations,
+    currentConversation: n.currentConversation,
+    isConversationsLoading: n.isLoading,
+    selectConversation: n.selectConversation,
+    startNewConversation: n.startNewConversation,
+    refreshConversations: n.refreshConversations
   };
 }
-function Be(e, t) {
-  const r = P(), { name: n, description: o, parameters: i, handler: c, maxResultBytes: l } = typeof e == "string" ? {
+function Ve(e, t) {
+  const r = W(), { name: o, description: n, parameters: s, handler: f, maxResultBytes: i, requiresApproval: m } = typeof e == "string" ? {
     name: e,
     ...t
-  } : e, f = E(c);
-  f.current = c, k(() => {
-    const u = (y) => f.current(y);
-    return r.registerFunction(n, u, {
-      description: o,
-      parameters: i,
-      maxResultBytes: l
+  } : e, u = T(f);
+  u.current = f, N(() => {
+    const g = (C) => u.current(C);
+    return r.registerFunction(o, g, {
+      description: n,
+      parameters: s,
+      maxResultBytes: i,
+      requiresApproval: m
     }), () => {
-      r.unregisterFunction(n);
+      r.unregisterFunction(o);
     };
   }, [
     r,
-    n,
     o,
+    n,
+    s,
     i,
-    l
+    m
   ]);
 }
-function Ge(e, t) {
-  const r = P(), n = E(e);
-  n.current = e, k(() => (r.registerNavigationFunction((o) => n.current(o), t), () => {
+function Ye(e, t) {
+  const r = W(), o = T(e);
+  o.current = e, N(() => (r.registerNavigationFunction((n) => o.current(n), t), () => {
     r.unregisterNavigationFunction();
   }), [r, t]);
 }
-function Ke(e, t) {
-  const r = P(), n = t?.functionName ?? "setPageState", o = E(e);
-  o.current = e, k(() => {
-    const i = o.current.map((c) => {
-      const l = () => o.current.find((f) => f.name === c.name) ?? c;
+function Xe(e, t) {
+  const r = W(), o = t?.functionName ?? "setPageState", n = t?.requiresApproval, s = T(e);
+  s.current = e, N(() => {
+    const f = s.current.map((i) => {
+      const m = () => s.current.find((u) => u.name === i.name) ?? i;
       return {
-        name: c.name,
-        description: c.description,
-        schema: c.schema,
-        get: c.get ? () => l().get?.() : void 0,
-        set: (f) => l().set(f)
+        name: i.name,
+        description: i.description,
+        schema: i.schema,
+        get: i.get ? () => m().get?.() : void 0,
+        set: (u) => m().set(u)
       };
     });
-    return r.registerPageStateFunction(i, { functionName: n }), () => {
-      r.unregisterPageStateFunction(n);
+    return r.registerPageStateFunction(f, {
+      functionName: o,
+      requiresApproval: n
+    }), () => {
+      r.unregisterPageStateFunction(o);
     };
-  }, [r, n]);
+  }, [
+    r,
+    o,
+    n
+  ]);
+}
+function Ze(e) {
+  const t = W(), r = T(e);
+  r.current = e, N(() => te(t, () => r.current), [t]);
+}
+var Te = /* @__PURE__ */ new Set(["awaiting-approval"]);
+function U(e) {
+  switch (e) {
+    case "progress_indicator":
+      return "progress";
+    case "reasoning":
+      return "reasoning";
+    case "confirmation_input":
+      return "confirmation";
+    case "form":
+      return "form";
+    default:
+      return "status";
+  }
 }
-function Ue(e) {
-  const t = P(), r = E(e);
-  r.current = e, k(() => X(t, () => r.current), [t]);
+function _e(e) {
+  return e.type === "client_function" ? e.functionName === "navigateToPage" ? "navigation" : "action" : U(e.type);
+}
+function H(e, t) {
+  const r = (e ?? "").toLowerCase();
+  return r.includes("reject") ? "rejected" : r.includes("error") || r.includes("fail") ? "error" : r.includes("done") || r.includes("complet") ? "done" : (r.includes("waiting") || r.includes("pending")) && (t === "confirmation" || t === "form") ? "awaiting-approval" : "running";
+}
+function $(e) {
+  return typeof e != "string" || !e ? "page" : e.replace(/[-_]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/\b\w/g, (t) => t.toUpperCase()).trim();
+}
+function Pe(e) {
+  switch (e.kind) {
+    case "navigation":
+      return `Navigating to ${$(e.arguments?.page)}`;
+    case "action":
+      return e.functionName === "setPageState" ? "Updating the page" : e.functionName === "openFilteredConversations" ? "Opening conversations" : e.toolDisplayName || e.message || $(e.functionName) || "Working";
+    case "progress":
+      return e.message || "Working";
+    case "reasoning":
+      return e.message || "Thinking";
+    case "confirmation":
+      return e.message || "Waiting for your confirmation";
+    case "form":
+      return e.message || e.toolDisplayName || "Please fill in the form";
+    default:
+      return e.message || e.toolDisplayName || e.toolName || "Working";
+  }
+}
+function Qe(e = {}) {
+  const { includeReasoning: t = !1, labelFor: r } = e, o = L(), n = e.client || o;
+  if (!n) throw new X("useAgoActivity requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.", "provider_missing_client");
+  const [s, f] = E([]), i = T(/* @__PURE__ */ new Set()), m = T(void 0), u = T(r);
+  u.current = r;
+  const g = R((d, x) => {
+    f((a) => {
+      const v = a.findIndex((h) => h.id === d), c = {
+        ...v >= 0 ? a[v] : {
+          id: d,
+          kind: "status",
+          label: "",
+          status: "running",
+          requiresApproval: !1,
+          createdAt: /* @__PURE__ */ new Date()
+        },
+        ...x
+      };
+      return c.label = u.current?.(c) ?? Pe(c), v >= 0 ? [
+        ...a.slice(0, v),
+        c,
+        ...a.slice(v + 1)
+      ] : [...a, c];
+    });
+  }, []);
+  N(() => {
+    const d = (y) => {
+      m.current = y.messageId;
+    }, x = (y) => {
+      const p = U(y.type);
+      p === "reasoning" && !t || g(y.id, {
+        kind: p,
+        status: H(y.status, p),
+        messageId: m.current,
+        toolName: y.toolName,
+        toolDisplayName: y.toolDisplayName,
+        message: y.message,
+        data: y.data,
+        formSchema: y.formSchema,
+        requiresApproval: p === "confirmation" || p === "form"
+      });
+    }, a = (y) => {
+      y.invocationId && g(y.invocationId, {
+        kind: y.functionName === "navigateToPage" ? "navigation" : "action",
+        status: "running",
+        messageId: m.current,
+        functionName: y.functionName,
+        arguments: y.arguments
+      });
+    }, v = (y) => {
+      y.invocationId && g(y.invocationId, {
+        kind: y.functionName === "navigateToPage" ? "navigation" : "action",
+        status: "awaiting-approval",
+        messageId: m.current,
+        functionName: y.functionName,
+        arguments: y.arguments,
+        requiresApproval: !0
+      });
+    }, c = (y) => {
+      if (!y.invocationId) return;
+      const p = y.result, I = typeof y.result == "object" && p !== null && p.approved === !1 && p.reason === "user_rejected";
+      g(y.invocationId, {
+        status: y.error ? "error" : I ? "rejected" : "done",
+        requiresApproval: !1
+      });
+    }, h = (y) => {
+      for (const p of y.messages ?? [])
+        if (p.role === "assistant")
+          for (const I of p.toolCalls ?? []) {
+            const M = _e(I);
+            M === "reasoning" && !t || /waiting/i.test(I.status ?? "") || g(I.id, {
+              kind: M,
+              status: H(I.status, M),
+              messageId: p.id,
+              toolName: I.toolName,
+              toolDisplayName: I.toolDisplayName,
+              functionName: I.functionName,
+              arguments: I.arguments,
+              message: I.message,
+              data: I.data,
+              formSchema: I.formSchema,
+              requiresApproval: M === "confirmation" || M === "form"
+            });
+          }
+    }, w = (y) => {
+      f((p) => p.map((I) => I.status === "running" || I.status === "awaiting-approval" ? {
+        ...I,
+        status: y
+      } : I));
+    }, b = () => w("done"), _ = () => w("error");
+    return n.on("message:start", d), n.on("toolCall:received", x), n.on("function:invoke", a), n.on("function:awaiting-approval", v), n.on("function:result", c), n.on("conversation:loaded", h), n.on("message:complete", b), n.on("message:error", _), () => {
+      n.off("message:start", d), n.off("toolCall:received", x), n.off("function:invoke", a), n.off("function:awaiting-approval", v), n.off("function:result", c), n.off("conversation:loaded", h), n.off("message:complete", b), n.off("message:error", _);
+    };
+  }, [
+    n,
+    t,
+    g
+  ]);
+  const C = R(async (d) => {
+    const x = s.find((a) => a.id === d);
+    !x || x.status !== "awaiting-approval" || i.current.has(d) || x.kind !== "form" && (i.current.add(d), g(d, {
+      status: "running",
+      requiresApproval: !1
+    }), x.functionName ? await n.approveFunction(d) : await n.confirmToolCall(d));
+  }, [
+    n,
+    s,
+    g
+  ]), A = R(async (d) => {
+    const x = s.find((a) => a.id === d);
+    !x || x.status !== "awaiting-approval" || i.current.has(d) || (i.current.add(d), g(d, {
+      status: "rejected",
+      requiresApproval: !1
+    }), x.functionName ? await n.rejectFunction(d) : await n.rejectToolCall(d));
+  }, [
+    n,
+    s,
+    g
+  ]), S = R(async (d, x) => {
+    g(d, {
+      status: "running",
+      requiresApproval: !1
+    }), await n.submitToolCallForm(d, x), g(d, { status: "done" });
+  }, [n, g]), k = R(() => {
+    i.current.clear(), f([]);
+  }, []);
+  return {
+    items: s,
+    latest: s.length > 0 ? s[s.length - 1] : void 0,
+    isAwaitingApproval: s.some((d) => Te.has(d.status)),
+    approve: C,
+    reject: A,
+    submitForm: S,
+    clear: k
+  };
 }
-function qe(e, t) {
-  const r = P(), n = te(), o = t ?? n, i = E(e);
-  i.current = e;
-  const c = typeof e == "function";
-  k(() => {
-    if (typeof i.current == "function") {
-      const l = () => i.current();
-      return r.addDynamicContext(o, l), () => {
-        r.removeDynamicContext(o);
+function et(e, t) {
+  const r = W(), o = ae(), n = t ?? o, s = T(e);
+  s.current = e;
+  const f = typeof e == "function";
+  N(() => {
+    if (typeof s.current == "function") {
+      const i = () => s.current();
+      return r.addDynamicContext(n, i), () => {
+        r.removeDynamicContext(n);
       };
     }
-    return r.setContext(o, i.current), () => {
-      r.removeContext(o);
+    return r.setContext(n, s.current), () => {
+      r.removeContext(n);
     };
   }, [
     r,
-    o,
-    c,
-    c ? "" : JSON.stringify(e)
+    n,
+    f,
+    f ? "" : JSON.stringify(e)
   ]);
 }
-function Ae(e) {
-  return ne(e.subscribe, e.get, e.get);
+function De(e) {
+  return se(e.subscribe, e.get, e.get);
 }
-var D = {
+var q = {
   missing: [],
   complete: !1
 };
-function Je(e) {
-  const t = P(), r = e.schema != null, n = JSON.stringify(e.schema ?? null), o = e.submit, i = o ? typeof o == "string" ? `client:${o}` : o.via === "backend" ? "backend" : "handler" in o ? "client:handler" : `client:${o.url}` : "none", c = JSON.stringify(e.initialValues ?? null), l = T(() => r ? O(e) : null, [
+function tt(e) {
+  const t = W(), r = e.schema != null, o = JSON.stringify(e.schema ?? null), n = e.submit, s = n ? typeof n == "string" ? `client:${n}` : n.via === "backend" ? "backend" : "handler" in n ? "client:handler" : `client:${n.url}` : "none", f = JSON.stringify(e.initialValues ?? null), i = D(() => r ? j(e) : null, [
     r,
     e.name,
-    n,
-    i,
-    c,
+    o,
+    s,
+    f,
     e.autoSubmit
-  ]), [f, u] = M({
+  ]), [m, u] = E({
     collector: null,
     loading: !r,
     error: null
   });
-  k(() => {
+  N(() => {
     if (r) return;
-    let b = !1;
+    let v = !1;
     return u({
       collector: null,
       loading: !0,
       error: null
-    }), H(t, e).then((d) => {
-      b || u({
-        collector: d,
+    }), O(t, e).then((c) => {
+      v || u({
+        collector: c,
         loading: !1,
         error: null
       });
-    }).catch((d) => {
-      b || u({
+    }).catch((c) => {
+      v || u({
         collector: null,
         loading: !1,
-        error: d instanceof Error ? d : new Error(String(d))
+        error: c instanceof Error ? c : new Error(String(c))
       });
     }), () => {
-      b = !0;
+      v = !0;
     };
   }, [
     t,
     r,
     e.name,
-    i,
-    c,
+    s,
+    f,
     e.autoSubmit
   ]);
-  const y = r ? l : f.collector, v = r ? !1 : f.loading, I = r ? null : f.error;
-  k(() => {
-    if (y)
-      return y.install(t);
-  }, [t, y]);
-  const x = T(() => Q({
+  const g = r ? i : m.collector, C = r ? !1 : m.loading, A = r ? null : m.error;
+  N(() => {
+    if (g)
+      return g.install(t);
+  }, [t, g]);
+  const S = D(() => ne({
     values: e.initialValues ?? {},
     submitted: !1
-  }), [c]), h = Ae(y?.store ?? x), C = T(() => y?.getStatus() ?? D, [h, y]), S = T(() => ({
-    ...h,
-    ...C
-  }), [h, C]), s = T(() => ({
+  }), [f]), k = De(g?.store ?? S), d = D(() => g?.getStatus() ?? q, [k, g]), x = D(() => ({
+    ...k,
+    ...d
+  }), [k, d]), a = D(() => ({
     name: e.name,
-    store: x,
+    store: S,
     functions: [],
     contextKey: `form:${e.name}`,
     contextProvider: () => ({
       name: `Form: ${e.name}`,
       description: ""
     }),
+    definitionContextKey: `form:${e.name}:definition`,
+    definitionContextProvider: () => ({
+      name: `Form definition: ${e.name}`,
+      description: "",
+      stable: !0
+    }),
     install: () => () => {
     },
     hydrate: () => {
@@ -1129,41 +1323,42 @@ function Je(e) {
       ok: !1,
       error: "Form definition not loaded yet."
     }),
-    getValues: () => x.get().values,
+    getValues: () => S.get().values,
     setValues: () => {
     },
     reset: () => {
     },
-    getStatus: () => D
-  }), [e.name, x]);
+    getStatus: () => q
+  }), [e.name, S]);
   return {
-    ...y ?? s,
-    state: S,
-    loading: v,
-    error: I
+    ...g ?? a,
+    state: x,
+    loading: C,
+    error: A
   };
 }
 export {
-  He as AgoProvider,
-  se as ChatInput,
-  Oe as ChatWidget,
-  Ce as Markdown,
-  Me as Message,
-  O as createFormCollector,
-  Pe as createMockClient,
-  _e as deriveFormStatus,
-  H as loadFormCollector,
-  ae as useAgo,
-  Ue as useAgoAutoContinueAfterNavigation,
-  P as useAgoClient,
-  qe as useAgoContext,
-  Be as useAgoFunction,
-  Ge as useAgoNavigation,
-  Ke as useAgoPageState,
-  Ae as useAgoStore,
-  $e as useChat,
-  Re as useConversation,
-  Je as useFormCollector,
-  G as useMessages,
-  z as useOptionalAgoClient
+  Ke as AgoProvider,
+  de as ChatInput,
+  Ue as ChatWidget,
+  Ae as Markdown,
+  Ee as Message,
+  j as createFormCollector,
+  qe as createMockClient,
+  He as deriveFormStatus,
+  O as loadFormCollector,
+  ce as useAgo,
+  Qe as useAgoActivity,
+  Ze as useAgoAutoContinueAfterNavigation,
+  W as useAgoClient,
+  et as useAgoContext,
+  Ve as useAgoFunction,
+  Ye as useAgoNavigation,
+  Xe as useAgoPageState,
+  De as useAgoStore,
+  Je as useChat,
+  Fe as useConversation,
+  tt as useFormCollector,
+  K as useMessages,
+  L as useOptionalAgoClient
 };