@useago/sdk 1.4.4 → 1.5.2

package/dist/react.js

@@ -1,20 +1,21 @@
-import { a as J, i as j, o as V, s as Y, t as X } from "./AgoClient-Ozz2b1dQ.js";
-import { i as Q, n as Pe, r as O, t as $ } from "./createFormCollector-F3YJfsbg.js";
-import { t as _e } from "./createMockClient-bAZ9KBHC.js";
-import Z, { createContext as ee, useCallback as N, useContext as B, useEffect as k, useId as te, useMemo as F, useRef as A, useState as M, useSyncExternalStore as ne } from "react";
-import { Fragment as G, jsx as i, jsxs as R } from "react/jsx-runtime";
-import re from "react-markdown";
-import oe from "remark-gfm";
-function ae(e) {
-  const [n, r] = M(!1), t = A(null), o = F(() => {
-    if (t.current && (t.current.destroy(), t.current = null), !e) return null;
-    const s = new X(e);
-    return t.current = s, s;
+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), () => {
-    t.current?.destroy(), t.current = null;
-  }), [o]), k(() => {
-    t.current && e && t.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,
@@ -32,139 +33,139 @@ function ae(e) {
     e?.debug,
     e?.warnOnEmptyReply
   ]), {
-    client: o,
-    isReady: n
+    client: n,
+    isReady: t
   };
 }
-var L = ee(null), He = ({ children: e, client: n, tools: r, helpers: t, pageContext: o, ...s }) => {
-  const { client: c } = ae(n ? null : s), l = n || 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 g of r) l.register(g);
+      for (const m of r) i.register(m);
       return () => {
-        for (const g of r) l.unregisterFunction(g.name);
+        for (const m of r) i.unregisterFunction(m.name);
       };
     }
-  }, [l, r]), k(() => {
-    if (!t) return;
-    const g = [];
-    return import("./functions-CApuQZ2b.js").then((d) => d.n).then((d) => {
-      for (const [y, b] of Object.entries(t)) {
-        const I = d[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 f = b === !0 ? I : {
-          ...I,
-          handler: b
+        const S = C === !0 ? A : {
+          ...A,
+          handler: C
         };
-        l.register(f), g.push(f.name);
+        i.register(S), m.push(S.name);
       }
     }), () => {
-      for (const d of g) l.unregisterFunction(d);
+      for (const u of m) i.unregisterFunction(u);
     };
-  }, [l, t]), k(() => {
-    o === "auto" && l.enableAutoPageContext();
-  }, [l, o]), /* @__PURE__ */ i(L.Provider, {
-    value: l,
+  }, [i, o]), N(() => {
+    n === "auto" && i.enableAutoPageContext();
+  }, [i, n]), /* @__PURE__ */ l(z.Provider, {
+    value: i,
     children: e
   });
 };
-function _() {
-  const e = B(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 W() {
-  return B(L);
+function L() {
+  return B(z);
 }
-function U({ client: e, conversationId: n } = {}) {
-  const r = W(), t = e || r;
-  if (!t) throw new Error("useMessages requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
-  const [o, s] = M([]), [c, l] = M(n), [g, d] = M(!1), [y, b] = M(null);
-  k(() => {
-    n && n !== c && (l(n), I(n));
-  }, [n]);
-  const I = async (f) => {
+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 A = async (S) => {
     try {
-      s((await t.getMessages(f)).filter((m) => !m.hidden));
-    } catch (m) {
-      b(m instanceof Error ? m : /* @__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 f = (u) => u === "IN_PROGRESS" || u === "WAITING_CLIENT", m = (u) => {
-      c || l(u.conversationId), d(!0), s((p) => {
-        const v = p.findIndex((h) => h.id === u.messageId);
-        return v >= 0 ? p.map((h, D) => D === v ? {
-          ...h,
+  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"
-        } : h) : p.some((h) => h.role === "assistant" && f(h.status)) ? p : [...p, {
-          id: u.messageId,
-          conversationId: u.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()
         }];
       });
-    }, S = (u) => {
-      s((p) => {
-        const v = p.findIndex((h) => h.id === u.messageId);
-        return v < 0 ? p : p.map((h, D) => D === v ? {
-          ...h,
-          content: h.content + u.content
-        } : h);
+    }, 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);
       });
-    }, w = (u) => {
-      s((p) => {
-        let v = -1;
-        for (let h = p.length - 1; h >= 0; h--) if (p[h].role === "assistant" && f(p[h].status)) {
-          v = h;
+    }, 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 v < 0 ? p : [
-          ...p.slice(0, v),
+        return w < 0 ? h : [
+          ...h.slice(0, w),
           {
-            ...p[v],
-            ...u
+            ...h[w],
+            ...c
           },
-          ...p.slice(v + 1)
+          ...h.slice(w + 1)
         ];
       });
-    }, a = (u) => {
-      s((p) => {
-        const v = p.findIndex((h) => h.id === u.id);
-        return v >= 0 ? [
-          ...p.slice(0, v),
-          u,
-          ...p.slice(v + 1)
-        ] : [...p, u];
-      }), d(!1);
-    }, x = (u) => {
-      b(new Error(u.error)), d(!1);
+    }, 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);
+    }, v = (c) => {
+      C(new Error(c.error)), u(!1);
     };
-    return t.on("message:start", m), t.on("message:chunk", S), t.on("message:answer-complete", w), t.on("message:complete", a), t.on("message:error", x), () => {
-      t.off("message:start", m), t.off("message:chunk", S), t.off("message:answer-complete", w), t.off("message:complete", a), t.off("message:error", x);
+    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);
     };
-  }, [t, c]), {
-    messages: o,
-    isLoading: g,
-    error: y,
-    sendMessage: N(async (f, m) => {
-      d(!0), b(null);
-      const S = {
+  }, [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: f,
+        conversationId: f || "",
+        content: S,
         role: "user",
         status: "DONE",
-        attachments: m && m.length > 0 ? j(m) : void 0,
+        attachments: k && k.length > 0 ? Y(k) : void 0,
         createdAt: /* @__PURE__ */ new Date()
-      }, w = {
+      }, x = {
         id: `temp-assistant-${Date.now()}`,
-        conversationId: c || "",
+        conversationId: f || "",
         content: "",
         role: "assistant",
         status: "IN_PROGRESS",
@@ -172,60 +173,60 @@ function U({ client: e, conversationId: n } = {}) {
       };
       s((a) => [
         ...a,
-        S,
-        w
+        d,
+        x
       ]);
       try {
-        const a = await t.sendMessage(f, {
-          conversationId: c,
-          files: m
+        const a = await o.sendMessage(S, {
+          conversationId: f,
+          files: k
         });
-        return a.conversationId && !c && l(a.conversationId), s((x) => {
-          const u = x.filter((v) => !v.id.startsWith("temp-")), p = {
-            ...S,
-            id: S.id.replace("temp-", "user-"),
+        return a.conversationId && !f && i(a.conversationId), s((v) => {
+          const c = v.filter((w) => !w.id.startsWith("temp-")), h = {
+            ...d,
+            id: d.id.replace("temp-", "user-"),
             conversationId: a.conversationId
           };
-          return u.some((v) => v.id === a.id) ? [...u, p].sort((v, h) => new Date(v.createdAt).getTime() - new Date(h.createdAt).getTime()) : [
-            ...u,
-            p,
+          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
           ];
         }), a;
       } catch (a) {
-        return b(a instanceof Error ? a : /* @__PURE__ */ new Error("Failed to send message")), d(!1), s((x) => x.filter((u) => !u.id.startsWith("temp-"))), null;
+        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;
       }
-    }, [t, c]),
-    clearMessages: N(() => {
-      s([]), l(void 0), b(null);
+    }, [o, f]),
+    clearMessages: R(() => {
+      s([]), i(void 0), C(null);
     }, []),
-    conversationId: c
+    conversationId: f
   };
 }
-var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", allowFiles: t = !1, className: o = "" }) => {
-  const [s, c] = M(""), [l, g] = M([]), d = A(null), y = A(null), b = N(() => {
-    const a = y.current;
+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 x = 110;
-    a.style.height = "auto", a.style.height = `${Math.min(a.scrollHeight + 2, x)}px`, a.style.overflowY = a.scrollHeight + 2 > x ? "auto" : "hidden";
-  }, []), I = N((a) => {
-    a.preventDefault(), (s.trim() || l.length > 0) && (e(s.trim(), l.length > 0 ? l : void 0), c(""), g([]), requestAnimationFrame(b));
+    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,
-    l,
+    i,
     e,
-    b
-  ]), f = N((a) => {
-    a.key === "Enter" && !a.shiftKey && (a.preventDefault(), I(a));
-  }, [I]), m = N((a) => {
-    const x = Array.from(a.target.files || []);
-    g((u) => [...u, ...x]);
-  }, []), S = N((a) => {
-    g((x) => x.filter((u, p) => p !== a));
-  }, []), w = s.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",
@@ -234,14 +235,14 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
       borderTop: "1px solid #dee3e8",
       backgroundColor: "#fff"
     },
-    children: [l.length > 0 && /* @__PURE__ */ i("div", {
+    children: [i.length > 0 && /* @__PURE__ */ l("div", {
       className: "ago-chat-input__files",
       style: {
         display: "flex",
         flexWrap: "wrap",
         gap: "6px"
       },
-      children: l.map((a, x) => /* @__PURE__ */ R("div", {
+      children: i.map((a, v) => /* @__PURE__ */ F("div", {
         style: {
           display: "flex",
           alignItems: "center",
@@ -252,7 +253,7 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
           fontSize: "12px",
           color: "#30373e"
         },
-        children: [/* @__PURE__ */ i("span", {
+        children: [/* @__PURE__ */ l("span", {
           style: {
             maxWidth: "120px",
             overflow: "hidden",
@@ -260,9 +261,9 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
             whiteSpace: "nowrap"
           },
           children: a.name
-        }), /* @__PURE__ */ i("button", {
+        }), /* @__PURE__ */ l("button", {
           type: "button",
-          onClick: () => S(x),
+          onClick: () => d(v),
           "aria-label": `Remove ${a.name}`,
           style: {
             border: "none",
@@ -275,47 +276,47 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
           },
           children: "×"
         })]
-      }, x))
-    }), /* @__PURE__ */ R("div", {
+      }, v))
+    }), /* @__PURE__ */ F("div", {
       style: {
         display: "flex",
         gap: "8px",
         alignItems: "flex-end"
       },
       children: [
-        t && /* @__PURE__ */ R(G, { children: [/* @__PURE__ */ i("button", {
+        o && /* @__PURE__ */ F(G, { children: [/* @__PURE__ */ l("button", {
           type: "button",
-          onClick: () => d.current?.click(),
-          disabled: n,
+          onClick: () => u.current?.click(),
+          disabled: t,
           "aria-label": "Attach file",
           style: {
             padding: "8px",
             border: "1px solid #dee3e8",
             borderRadius: "8px",
             backgroundColor: "#fff",
-            cursor: n ? "not-allowed" : "pointer",
+            cursor: t ? "not-allowed" : "pointer",
             color: "#6b6d6f",
             fontSize: "16px",
             lineHeight: 1
           },
           children: "+"
-        }), /* @__PURE__ */ i("input", {
-          ref: d,
+        }), /* @__PURE__ */ l("input", {
+          ref: u,
           type: "file",
           multiple: !0,
-          onChange: m,
+          onChange: k,
           style: { display: "none" }
         })] }),
-        /* @__PURE__ */ i("textarea", {
-          ref: y,
+        /* @__PURE__ */ l("textarea", {
+          ref: g,
           value: s,
           onChange: (a) => {
-            c(a.target.value), b();
+            f(a.target.value), C();
           },
-          onKeyDown: f,
+          onKeyDown: S,
           placeholder: r,
           "aria-label": r,
-          disabled: n,
+          disabled: t,
           rows: 1,
           style: {
             flex: 1,
@@ -341,16 +342,16 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
             a.currentTarget.style.borderColor = "#dee3e8";
           }
         }),
-        /* @__PURE__ */ i("button", {
+        /* @__PURE__ */ l("button", {
           type: "submit",
-          disabled: n || !w,
+          disabled: t || !x,
           style: {
             padding: "10px 18px",
             border: "none",
             borderRadius: "20px",
-            backgroundColor: n || !w ? "#b5bfc8" : "#03182f",
+            backgroundColor: t || !x ? "#b5bfc8" : "#03182f",
             color: "#fff",
-            cursor: n || !w ? "not-allowed" : "pointer",
+            cursor: t || !x ? "not-allowed" : "pointer",
             fontWeight: 500,
             fontSize: "16px",
             transition: "background-color 0.15s"
@@ -360,7 +361,7 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
       ]
     })]
   });
-}, ie = ({ href: e, children: n, ...r }) => /* @__PURE__ */ i("a", {
+}, ue = ({ href: e, children: t, ...r }) => /* @__PURE__ */ l("a", {
   href: e,
   target: "_blank",
   rel: "noopener noreferrer",
@@ -369,53 +370,53 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
     textDecoration: "underline"
   },
   ...r,
-  children: n
-}), le = ({ children: e, ...n }) => /* @__PURE__ */ i("p", {
+  children: t
+}), fe = ({ children: e, ...t }) => /* @__PURE__ */ l("p", {
   style: {
     margin: "0 0 8px 0",
     lineHeight: "1.6"
   },
-  ...n,
+  ...t,
   children: e
-}), P = (e, n) => {
-  const r = ({ children: t, ...o }) => Z.createElement(`h${e}`, {
+}), P = (e, t) => {
+  const r = ({ children: o, ...n }) => re.createElement(`h${e}`, {
     style: {
       margin: "16px 0 8px 0",
-      fontSize: n,
+      fontSize: t,
       fontWeight: 600,
       lineHeight: "1.3"
     },
-    ...o
-  }, t);
+    ...n
+  }, o);
   return r.displayName = `MarkdownHeading${e}`, r;
-}, ce = ({ children: e, ...n }) => /* @__PURE__ */ i("ul", {
+}, pe = ({ children: e, ...t }) => /* @__PURE__ */ l("ul", {
   style: {
     margin: "0 0 8px 0",
     paddingLeft: "20px",
     listStyleType: "disc",
     listStylePosition: "outside"
   },
-  ...n,
+  ...t,
   children: e
-}), de = ({ children: e, ...n }) => /* @__PURE__ */ i("ol", {
+}), ge = ({ children: e, ...t }) => /* @__PURE__ */ l("ol", {
   style: {
     margin: "0 0 8px 0",
     paddingLeft: "20px",
     listStyleType: "decimal",
     listStylePosition: "outside"
   },
-  ...n,
+  ...t,
   children: e
-}), ue = ({ children: e, ...n }) => /* @__PURE__ */ i("li", {
+}), me = ({ children: e, ...t }) => /* @__PURE__ */ l("li", {
   style: {
     display: "list-item",
     margin: "2px 0",
     lineHeight: "1.6"
   },
-  ...n,
+  ...t,
   children: e
-}), fe = ({ className: e, children: n, ...r }) => e !== void 0 || String(n).includes(`
-`) ? /* @__PURE__ */ i("code", {
+}), xe = ({ className: e, children: t, ...r }) => e !== void 0 || String(t).includes(`
+`) ? /* @__PURE__ */ l("code", {
   style: {
     display: "block",
     background: "#f5f5f5",
@@ -426,8 +427,8 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
     fontFamily: '"IBM Plex Mono", monospace'
   },
   ...r,
-  children: n
-}) : /* @__PURE__ */ i("code", {
+  children: t
+}) : /* @__PURE__ */ l("code", {
   style: {
     background: "#f0f2f5",
     padding: "2px 5px",
@@ -436,12 +437,12 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
     fontFamily: '"IBM Plex Mono", monospace'
   },
   ...r,
-  children: n
-}), ge = ({ children: e, ...n }) => /* @__PURE__ */ i("pre", {
+  children: t
+}), he = ({ children: e, ...t }) => /* @__PURE__ */ l("pre", {
   style: { margin: "0 0 8px 0" },
-  ...n,
+  ...t,
   children: e
-}), pe = ({ children: e, ...n }) => /* @__PURE__ */ i("blockquote", {
+}), ye = ({ children: e, ...t }) => /* @__PURE__ */ l("blockquote", {
   style: {
     borderLeft: "4px solid #dee3e8",
     paddingLeft: "12px",
@@ -449,23 +450,23 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
     fontStyle: "italic",
     color: "#6b6d6f"
   },
-  ...n,
+  ...t,
   children: e
-}), me = ({ children: e, ...n }) => /* @__PURE__ */ i("div", {
+}), ve = ({ children: e, ...t }) => /* @__PURE__ */ l("div", {
   style: {
     overflowX: "auto",
     margin: "0 0 8px 0"
   },
-  children: /* @__PURE__ */ i("table", {
+  children: /* @__PURE__ */ l("table", {
     style: {
       borderCollapse: "collapse",
       width: "100%",
       fontSize: "13px"
     },
-    ...n,
+    ...t,
     children: e
   })
-}), he = ({ children: e, ...n }) => /* @__PURE__ */ i("th", {
+}), be = ({ children: e, ...t }) => /* @__PURE__ */ l("th", {
   style: {
     border: "1px solid #dee3e8",
     padding: "6px 10px",
@@ -473,57 +474,57 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
     backgroundColor: "#f5f7fa",
     fontWeight: 600
   },
-  ...n,
+  ...t,
   children: e
-}), xe = ({ children: e, ...n }) => /* @__PURE__ */ i("td", {
+}), we = ({ children: e, ...t }) => /* @__PURE__ */ l("td", {
   style: {
     border: "1px solid #dee3e8",
     padding: "6px 10px"
   },
-  ...n,
+  ...t,
   children: e
-}), ye = ({ alt: e, ...n }) => /* @__PURE__ */ i("img", {
+}), Ce = ({ alt: e, ...t }) => /* @__PURE__ */ l("img", {
   alt: e ?? "",
   style: {
     maxWidth: "100%",
     borderRadius: "8px",
     margin: "4px 0"
   },
-  ...n
-}), be = (e) => /* @__PURE__ */ i("hr", {
+  ...t
+}), Se = (e) => /* @__PURE__ */ l("hr", {
   style: {
     border: "none",
     borderTop: "1px solid #dee3e8",
     margin: "12px 0"
   },
   ...e
-}), ve = {
-  a: ie,
-  p: le,
+}), 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: ce,
-  ol: de,
-  li: ue,
-  code: fe,
-  pre: ge,
-  blockquote: pe,
-  table: me,
-  th: he,
-  td: xe,
-  img: ye,
-  hr: be
-}, we = [oe], Se = ({ content: e }) => /* @__PURE__ */ i(re, {
-  remarkPlugins: we,
-  components: ve,
+  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
-}), Ce = ({ attachment: e, isUser: n }) => {
-  const r = Y(e.url);
-  if (J(e)) return /* @__PURE__ */ i("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",
@@ -531,7 +532,7 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
       display: "inline-block",
       textDecoration: "none"
     },
-    children: /* @__PURE__ */ i("img", {
+    children: /* @__PURE__ */ l("img", {
       src: r,
       alt: e.name,
       loading: "lazy",
@@ -545,7 +546,7 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
       }
     })
   });
-  const t = V(e.fileSize), o = /* @__PURE__ */ R(G, { children: [/* @__PURE__ */ i("span", {
+  const o = Z(e.fileSize), n = /* @__PURE__ */ F(G, { children: [/* @__PURE__ */ l("span", {
     style: {
       fontSize: "16px",
       lineHeight: 1,
@@ -553,13 +554,13 @@ var se = ({ onSend: e, disabled: n = !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__ */ i("span", {
+    children: [/* @__PURE__ */ l("span", {
       style: {
         overflow: "hidden",
         textOverflow: "ellipsis",
@@ -568,12 +569,12 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
       },
       title: e.name,
       children: e.name
-    }), t && /* @__PURE__ */ i("span", {
+    }), o && /* @__PURE__ */ l("span", {
       style: {
         fontSize: "11px",
         color: "#6b6d6f"
       },
-      children: t
+      children: o
     })]
   })] }), s = {
     display: "inline-flex",
@@ -582,24 +583,24 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
     padding: "8px 12px",
     borderRadius: "10px",
     border: "1px solid #dee3e8",
-    backgroundColor: n ? "rgba(255,255,255,0.12)" : "#fff",
-    color: n ? "#fff" : "#30373e",
+    backgroundColor: t ? "rgba(255,255,255,0.12)" : "#fff",
+    color: t ? "#fff" : "#30373e",
     fontSize: "13px",
     textDecoration: "none",
     maxWidth: "220px"
   };
-  return r ? /* @__PURE__ */ i("a", {
+  return r ? /* @__PURE__ */ l("a", {
     href: r,
     target: "_blank",
     rel: "noopener noreferrer",
     style: s,
-    children: o
-  }) : /* @__PURE__ */ i("div", {
+    children: n
+  }) : /* @__PURE__ */ l("div", {
     style: s,
-    children: o
+    children: n
   });
-}, Ie = ({ source: e, index: n }) => {
-  const r = /* @__PURE__ */ R("div", {
+}, Re = ({ source: e, index: t }) => {
+  const r = /* @__PURE__ */ F("div", {
     style: {
       display: "flex",
       alignItems: "center",
@@ -607,7 +608,7 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
       width: "100%",
       minWidth: 0
     },
-    children: [/* @__PURE__ */ i("div", {
+    children: [/* @__PURE__ */ l("div", {
       style: {
         flexShrink: 0,
         width: "18px",
@@ -622,8 +623,8 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
         justifyContent: "center",
         backgroundColor: "#f0f4ff"
       },
-      children: n + 1
-    }), /* @__PURE__ */ i("div", {
+      children: t + 1
+    }), /* @__PURE__ */ l("div", {
       style: {
         fontSize: "12px",
         overflow: "hidden",
@@ -634,7 +635,7 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
       title: e.title,
       children: e.title
     })]
-  }), t = {
+  }), o = {
     display: "flex",
     alignItems: "center",
     padding: "8px 10px",
@@ -647,23 +648,23 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
     minWidth: 0,
     transition: "border-color 0.15s"
   };
-  return e.url ? /* @__PURE__ */ i("a", {
+  return e.url ? /* @__PURE__ */ l("a", {
     href: e.url,
     target: "_blank",
     rel: "noopener noreferrer",
-    style: t,
-    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__ */ i("div", {
-    style: t,
+  }) : /* @__PURE__ */ l("div", {
+    style: o,
     children: r
   });
-}, ke = () => /* @__PURE__ */ R("div", {
+}, Me = () => /* @__PURE__ */ F("div", {
   style: {
     display: "flex",
     gap: "4px",
@@ -673,23 +674,23 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
     0,
     1,
     2
-  ].map((e) => /* @__PURE__ */ i("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__ */ i("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: n = "", showAgentName: r = !1, isLast: t = !1, onFollowUpClick: o }) => {
-  const s = e.role === "user", c = e.status === "IN_PROGRESS" || e.status === "WAITING_CLIENT";
-  return /* @__PURE__ */ R("div", {
-    className: `ago-message ago-message--${e.role} ${n}`,
+}), 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",
@@ -697,7 +698,7 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
       marginBottom: "16px"
     },
     children: [
-      !s && r && e.agent && /* @__PURE__ */ i("div", {
+      !s && r && e.agent && /* @__PURE__ */ l("div", {
         className: "ago-message__agent",
         style: {
           display: "flex",
@@ -711,7 +712,7 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
         },
         children: e.agent.displayName || e.agent.name
       }),
-      !s && e.sources && e.sources.length > 0 && /* @__PURE__ */ i("div", {
+      !s && e.sources && e.sources.length > 0 && /* @__PURE__ */ l("div", {
         className: "ago-message__sources",
         style: {
           display: "grid",
@@ -721,12 +722,12 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
           width: "100%",
           maxWidth: "85%"
         },
-        children: e.sources.map((l, g) => /* @__PURE__ */ i(Ie, {
-          source: l,
-          index: g
-        }, l.id))
+        children: e.sources.map((i, m) => /* @__PURE__ */ l(Re, {
+          source: i,
+          index: m
+        }, i.id))
       }),
-      e.attachments && e.attachments.length > 0 && /* @__PURE__ */ i("div", {
+      e.attachments && e.attachments.length > 0 && /* @__PURE__ */ l("div", {
         className: "ago-message__attachments",
         style: {
           display: "flex",
@@ -736,12 +737,12 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
           justifyContent: s ? "flex-end" : "flex-start",
           maxWidth: "75%"
         },
-        children: e.attachments.map((l) => /* @__PURE__ */ i(Ce, {
-          attachment: l,
+        children: e.attachments.map((i) => /* @__PURE__ */ l(Ne, {
+          attachment: i,
           isUser: s
-        }, l.id))
+        }, i.id))
       }),
-      (e.content || c) && /* @__PURE__ */ i("div", {
+      (e.content || f) && /* @__PURE__ */ l("div", {
         className: "ago-message__content",
         style: {
           maxWidth: s ? "75%" : "100%",
@@ -753,9 +754,9 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
           fontSize: "16px",
           lineHeight: "1.6"
         },
-        children: e.content ? /* @__PURE__ */ i(Se, { content: e.content }) : c && /* @__PURE__ */ i(ke, {})
+        children: e.content ? /* @__PURE__ */ l(Ae, { content: e.content }) : f && /* @__PURE__ */ l(Me, {})
       }),
-      t && e.followUpReplies && e.followUpReplies.length > 0 && /* @__PURE__ */ i("div", {
+      o && e.followUpReplies && e.followUpReplies.length > 0 && /* @__PURE__ */ l("div", {
         className: "ago-message__followups",
         style: {
           display: "flex",
@@ -763,11 +764,11 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
           gap: "8px",
           marginTop: "10px"
         },
-        children: e.followUpReplies.map((l, g) => /* @__PURE__ */ i("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",
@@ -776,59 +777,59 @@ var se = ({ onSend: e, disabled: n = !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: (d) => {
-            d.currentTarget.style.borderColor = "#1b5fc4";
+          onMouseEnter: (u) => {
+            u.currentTarget.style.borderColor = "#1b5fc4";
           },
-          onMouseLeave: (d) => {
-            d.currentTarget.style.borderColor = "#dee3e8";
+          onMouseLeave: (u) => {
+            u.currentTarget.style.borderColor = "#dee3e8";
           },
-          children: l
-        }, g))
+          children: i
+        }, m))
       })
     ]
   });
-}, Oe = ({ client: e, conversationId: n, title: r = "Chat", welcomeMessage: t = "Hello! How can I help you today?", placeholder: o = "Type a message...", allowFiles: s = !1, height: c = 500, logoUrl: l, showAgentName: g = !1, forms: d, onFollowUpClick: y, className: b = "", onMessageSent: I, onMessageReceived: f }) => {
-  const m = A(null), S = W(), w = e ?? S, { messages: a, isLoading: x, error: u, sendMessage: p } = U({
+}, 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: n
+    conversationId: t
   });
-  k(() => {
-    if (!w || !d || d.length === 0) return;
-    let C = !1;
-    const T = [];
-    return Promise.all(d.map((E) => E.schema != null ? Promise.resolve($(E)) : O(w, E))).then((E) => {
-      if (!C)
-        for (const q of E) T.push(q.install(w));
+  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(() => {
     }), () => {
-      C = !0, T.forEach((E) => E());
+      p = !0, I.forEach((M) => M());
     };
-  }, [w, d ? JSON.stringify(d.map((C) => [
-    C.name,
-    C.schema ?? null,
-    C.submit ?? !1,
-    C.description ?? null
-  ])) : ""]), k(() => {
-    m.current?.scrollIntoView({ behavior: "smooth" });
-  }, [a]), k(() => {
-    const C = a[a.length - 1];
-    C && C.role === "assistant" && C.status === "DONE" && f && f({
-      id: C.id,
-      content: C.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
     });
-  }, [a, f]);
-  const v = async (C, T) => {
-    I?.(C), await p(C, T);
-  }, h = a[a.length - 1], D = x && h?.role === "assistant" && (h.status === "IN_PROGRESS" || h.status === "WAITING_CLIENT"), K = y === !1 ? void 0 : y ?? ((C) => v(C));
-  return /* @__PURE__ */ R("div", {
-    className: `ago-chat-widget ${b}`,
+  }, [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",
@@ -838,7 +839,7 @@ var se = ({ onSend: e, disabled: n = !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",
@@ -849,14 +850,14 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
           alignItems: "center",
           gap: "10px"
         },
-        children: [l && /* @__PURE__ */ i("img", {
-          src: l,
+        children: [i && /* @__PURE__ */ l("img", {
+          src: i,
           alt: "Logo",
           style: {
             height: "24px",
             width: "auto"
           }
-        }), /* @__PURE__ */ i("h3", {
+        }), /* @__PURE__ */ l("h3", {
           style: {
             margin: 0,
             fontSize: "15px",
@@ -865,7 +866,7 @@ var se = ({ onSend: e, disabled: n = !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",
@@ -878,7 +879,7 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
           backgroundColor: "#fbfbfb"
         },
         children: [
-          a.length === 0 ? /* @__PURE__ */ i("div", {
+          a.length === 0 ? /* @__PURE__ */ l("div", {
             style: {
               textAlign: "center",
               color: "#6b6d6f",
@@ -886,14 +887,14 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
               fontSize: "16px",
               lineHeight: "1.5"
             },
-            children: t
-          }) : a.map((C, T) => /* @__PURE__ */ i(Me, {
-            message: C,
-            showAgentName: g,
-            isLast: T === a.length - 1,
-            onFollowUpClick: K
-          }, C.id)),
-          u && /* @__PURE__ */ i("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",
@@ -904,281 +905,416 @@ var se = ({ onSend: e, disabled: n = !1, placeholder: r = "Type a message...", a
               fontSize: "13px",
               border: "1px solid #fecaca"
             },
-            children: u.message
+            children: c.message
           }),
-          /* @__PURE__ */ i("div", { ref: m })
+          /* @__PURE__ */ l("div", { ref: k })
         ]
       }),
-      /* @__PURE__ */ i(se, {
-        onSend: v,
-        disabled: D,
-        placeholder: o,
+      /* @__PURE__ */ l(de, {
+        onSend: w,
+        disabled: _,
+        placeholder: n,
         allowFiles: s
       })
     ]
   });
 };
-function Re({ client: e, autoLoad: n = !0 } = {}) {
-  const r = W(), t = e || r;
-  if (!t) throw new Error("useConversation requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
-  const [o, s] = M([]), [c, l] = M(null), [g, d] = M(!1), [y, b] = M(null), I = N(async () => {
-    d(!0), b(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 {
-      s(await t.getConversations());
-    } catch (S) {
-      b(S instanceof Error ? S : /* @__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 {
-      d(!1);
+      u(!1);
     }
-  }, [t]), f = N(async (S) => {
-    d(!0), b(null);
+  }, [o]), S = R(async (d) => {
+    u(!0), C(null);
     try {
-      l(await t.getConversation(S));
-    } catch (w) {
-      b(w instanceof Error ? w : /* @__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 {
-      d(!1);
+      u(!1);
     }
-  }, [t]), m = N(() => {
-    l(null);
+  }, [o]), k = R(() => {
+    i(null);
   }, []);
-  return k(() => {
-    n && I();
-  }, [n, I]), {
-    conversations: o,
-    currentConversation: c,
-    isLoading: g,
-    error: y,
-    selectConversation: f,
-    startNewConversation: m,
-    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 n = W(), r = e.client || n;
+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 t = U({
+  const o = K({
     client: r,
     conversationId: e.conversationId
-  }), o = Re({
+  }), n = Fe({
     client: r,
     autoLoad: e.autoLoad
   });
   return {
-    messages: t.messages,
-    isLoading: t.isLoading,
-    error: t.error || o.error,
-    sendMessage: t.sendMessage,
-    clearMessages: t.clearMessages,
-    conversationId: t.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, n) {
-  const r = _(), { name: t, description: o, parameters: s, 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,
-    ...n
-  } : e, g = A(c);
-  g.current = c, k(() => {
-    const d = (y) => g.current(y);
-    return r.registerFunction(t, d, {
-      description: o,
+    ...t
+  } : e, u = T(f);
+  u.current = f, N(() => {
+    const g = (C) => u.current(C);
+    return r.registerFunction(o, g, {
+      description: n,
       parameters: s,
-      maxResultBytes: l
+      maxResultBytes: i,
+      requiresApproval: m
     }), () => {
-      r.unregisterFunction(t);
+      r.unregisterFunction(o);
     };
   }, [
     r,
-    t,
     o,
+    n,
     s,
-    l
+    i,
+    m
   ]);
 }
-function Ge(e, n) {
-  const r = _(), t = A(e);
-  t.current = e, k(() => (r.registerNavigationFunction((o) => t.current(o), n), () => {
+function Ye(e, t) {
+  const r = W(), o = T(e);
+  o.current = e, N(() => (r.registerNavigationFunction((n) => o.current(n), t), () => {
     r.unregisterNavigationFunction();
-  }), [r, n]);
+  }), [r, t]);
 }
-function Ue(e, n) {
-  const r = _(), t = n?.functionName ?? "setPageState", o = A(e);
-  o.current = e, k(() => {
-    const s = o.current.map((c) => {
-      const l = () => o.current.find((g) => g.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: (g) => l().set(g)
+        name: i.name,
+        description: i.description,
+        schema: i.schema,
+        get: i.get ? () => m().get?.() : void 0,
+        set: (u) => m().set(u)
       };
     });
-    return r.registerPageStateFunction(s, { functionName: t }), () => {
-      r.unregisterPageStateFunction(t);
+    return r.registerPageStateFunction(f, {
+      functionName: o,
+      requiresApproval: n
+    }), () => {
+      r.unregisterPageStateFunction(o);
     };
-  }, [r, t]);
+  }, [
+    r,
+    o,
+    n
+  ]);
 }
-var Ne = "You have navigated the user to a new page. That page now exposes its editable state through the available setPageState function, and its current values in the page context. If the user's latest request also asked to change something on this page, call setPageState now to apply exactly those changes and nothing else. Otherwise, reply with a short confirmation only.";
-function z(e) {
-  return {
-    navigationFunctions: e?.navigationFunctions ?? ["navigateToPage"],
-    pageStateFunctionName: e?.pageStateFunctionName ?? "setPageState",
-    continuationPrompt: e?.continuationPrompt ?? Ne,
-    maxDepth: e?.maxDepth ?? 1,
-    readinessTimeoutMs: e?.readinessTimeoutMs ?? 4e3,
-    settleMs: e?.settleMs ?? 150,
-    enabled: e?.enabled ?? !0
-  };
+function Ze(e) {
+  const t = W(), r = T(e);
+  r.current = e, N(() => te(t, () => r.current), [t]);
 }
-function Ke(e) {
-  const n = _(), r = A(z(e));
-  r.current = z(e), k(() => {
-    const t = {
-      navigated: !1,
-      pausedTurnNavigated: !1,
-      depth: 0,
-      runId: 0,
-      ourSendPending: !1
-    }, o = () => n.getRegisteredFunctions().some((f) => f.name === r.current.pageStateFunctionName), s = (f) => new Promise((m) => {
-      let S = !1;
-      const w = (p) => {
-        S || (S = !0, clearTimeout(u), n.off("context:changed", x), m(p));
-      }, a = () => setTimeout(() => w(f === t.runId && o()), r.current.settleMs), x = () => {
-        if (f !== t.runId) return w(!1);
-        o() && (n.off("context:changed", x), a());
-      }, u = setTimeout(() => w(!1), r.current.readinessTimeoutMs);
-      o() ? a() : n.on("context:changed", x);
-    }), c = async (f) => {
-      const m = ++t.runId;
-      if (!(!await s(m) || m !== t.runId)) {
-        t.depth += 1, t.ourSendPending = !0;
-        try {
-          await n.sendMessage(r.current.continuationPrompt, {
-            conversationId: f,
-            hidden: !0
-          });
-        } catch {
-          t.ourSendPending = !1;
-        }
-      }
-    }, l = (f) => {
-      r.current.navigationFunctions.includes(f.functionName) && (t.navigated = !0);
-    }, g = n.registerResumeGate(async () => {
-      r.current.enabled && t.pausedTurnNavigated && (t.pausedTurnNavigated = !1, await s(++t.runId));
-    }), d = () => {
-      t.pausedTurnNavigated = t.navigated, t.navigated = !1;
-    }, y = () => {
-      t.ourSendPending || (t.depth = 0, t.runId += 1);
-    }, b = (f) => {
-      t.ourSendPending = !1;
-      const m = t.navigated;
-      t.navigated = !1, r.current.enabled && m && (t.depth >= r.current.maxDepth || c(f.conversationId));
-    }, I = () => {
-      t.ourSendPending = !1;
-    };
-    return n.on("function:invoke", l), n.on("message:start", y), n.on("message:waiting-client", d), n.on("message:complete", b), n.on("message:error", I), () => {
-      t.runId += 1, g(), n.off("function:invoke", l), n.off("message:start", y), n.off("message:waiting-client", d), n.off("message:complete", b), n.off("message:error", I);
+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 _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]);
+  }, [
+    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, n) {
-  const r = _(), t = te(), o = n ?? t, s = A(e);
+function et(e, t) {
+  const r = W(), o = ae(), n = t ?? o, s = T(e);
   s.current = e;
-  const c = typeof e == "function";
-  k(() => {
+  const f = typeof e == "function";
+  N(() => {
     if (typeof s.current == "function") {
-      const l = () => s.current();
-      return r.addDynamicContext(o, l), () => {
-        r.removeDynamicContext(o);
+      const i = () => s.current();
+      return r.addDynamicContext(n, i), () => {
+        r.removeDynamicContext(n);
       };
     }
-    return r.setContext(o, s.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 H = {
+var q = {
   missing: [],
   complete: !1
 };
-function Je(e) {
-  const n = _(), r = e.schema != null, t = JSON.stringify(e.schema ?? null), o = e.submit, s = 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 = F(() => r ? $(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,
-    t,
+    o,
     s,
-    c,
+    f,
     e.autoSubmit
-  ]), [g, d] = M({
+  ]), [m, u] = E({
     collector: null,
     loading: !r,
     error: null
   });
-  k(() => {
+  N(() => {
     if (r) return;
-    let x = !1;
-    return d({
+    let v = !1;
+    return u({
       collector: null,
       loading: !0,
       error: null
-    }), O(n, e).then((u) => {
-      x || d({
-        collector: u,
+    }), O(t, e).then((c) => {
+      v || u({
+        collector: c,
         loading: !1,
         error: null
       });
-    }).catch((u) => {
-      x || d({
+    }).catch((c) => {
+      v || u({
         collector: null,
         loading: !1,
-        error: u instanceof Error ? u : new Error(String(u))
+        error: c instanceof Error ? c : new Error(String(c))
       });
     }), () => {
-      x = !0;
+      v = !0;
     };
   }, [
-    n,
+    t,
     r,
     e.name,
     s,
-    c,
+    f,
     e.autoSubmit
   ]);
-  const y = r ? l : g.collector, b = r ? !1 : g.loading, I = r ? null : g.error;
-  k(() => {
-    if (y)
-      return y.install(n);
-  }, [n, y]);
-  const f = F(() => 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]), m = Ae(y?.store ?? f), S = F(() => y?.getStatus() ?? H, [m, y]), w = F(() => ({
-    ...m,
-    ...S
-  }), [m, S]), a = F(() => ({
+  }), [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: f,
+    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: () => {
@@ -1187,41 +1323,42 @@ function Je(e) {
       ok: !1,
       error: "Form definition not loaded yet."
     }),
-    getValues: () => f.get().values,
+    getValues: () => S.get().values,
     setValues: () => {
     },
     reset: () => {
     },
-    getStatus: () => H
-  }), [e.name, f]);
+    getStatus: () => q
+  }), [e.name, S]);
   return {
-    ...y ?? a,
-    state: w,
-    loading: b,
-    error: I
+    ...g ?? a,
+    state: x,
+    loading: C,
+    error: A
   };
 }
 export {
-  He as AgoProvider,
-  se as ChatInput,
-  Oe as ChatWidget,
-  Se as Markdown,
-  Me as Message,
-  $ as createFormCollector,
-  _e as createMockClient,
-  Pe as deriveFormStatus,
+  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,
-  ae as useAgo,
-  Ke as useAgoAutoContinueAfterNavigation,
-  _ as useAgoClient,
-  qe as useAgoContext,
-  Be as useAgoFunction,
-  Ge as useAgoNavigation,
-  Ue as useAgoPageState,
-  Ae as useAgoStore,
-  $e as useChat,
-  Re as useConversation,
-  Je as useFormCollector,
-  U as useMessages,
-  W as useOptionalAgoClient
+  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
 };