@useago/sdk 1.5.3 → 1.5.5

package/dist/react.js

@@ -1,20 +1,20 @@
-import { a as Y, b as q, h as X, i as Z, o as Q, s as ee, t as te } from "./AgoClient-CW-BLT1_.js";
-import { t as ne } from "./autoContinue-D3Mmaaca.js";
-import { n as He, r as j, t as B } from "./createFormCollector-iCDwAwYJ.js";
-import { t as qe } from "./createMockClient-Br0TWgLO.js";
-import re, { createContext as oe, useCallback as R, useContext as G, useEffect as A, useId as ae, useMemo as W, useRef as _, useState as E, useSyncExternalStore as se } from "react";
-import { Fragment as U, jsx as l, jsxs as M } from "react/jsx-runtime";
+import { a as Y, b as L, h as X, i as Z, o as Q, s as ee, t as te } from "./AgoClient-BI5esqbd.js";
+import { t as ne } from "./autoContinue-CC8K9mBU.js";
+import { n as He, r as j, t as B } from "./createFormCollector-Bgs94NyR.js";
+import { t as Oe } from "./createMockClient-DcuNlufr.js";
+import re, { createContext as oe, useCallback as R, useContext as G, useEffect as I, useId as ae, useMemo as D, useRef as M, useState as E, useSyncExternalStore as se } from "react";
+import { Fragment as U, jsx as l, jsxs as _ } from "react/jsx-runtime";
 import ie from "react-markdown";
 import le from "remark-gfm";
 function ce(e) {
-  const [r, t] = E(!1), o = _(null), n = W(() => {
+  const [r, t] = E(!1), o = M(null), n = D(() => {
     if (o.current && (o.current.destroy(), o.current = null), !e) return null;
     const s = new te(e);
     return o.current = s, s;
   }, [e?.baseUrl, e?.widgetId]);
-  return A(() => (n && o.current === null && (o.current = n, n.reviveAfterDestroy()), t(!0), () => {
+  return I(() => (n && o.current === null && (o.current = n, n.reviveAfterDestroy()), t(!0), () => {
     o.current?.destroy(), o.current = null;
-  }), [n]), A(() => {
+  }), [n]), I(() => {
     o.current && e && o.current.updateConfig({
       agent: e.agent,
       defaultAgentId: e.defaultAgentId,
@@ -37,19 +37,19 @@ function ce(e) {
     isReady: r
   };
 }
-var L = oe(null), Ke = ({ children: e, client: r, tools: t, helpers: o, pageContext: n, ...s }) => {
+var $ = oe(null), Ke = ({ children: e, client: r, tools: t, helpers: o, pageContext: n, ...s }) => {
   const { client: c } = ce(r ? null : s), a = r || c;
-  return A(() => {
+  return I(() => {
     if (!(!t || t.length === 0)) {
-      for (const f of t) a.register(f);
+      for (const p of t) a.register(p);
       return () => {
-        for (const f of t) a.unregisterFunction(f.name);
+        for (const p of t) a.unregisterFunction(p.name);
       };
     }
-  }, [a, t]), A(() => {
+  }, [a, t]), I(() => {
     if (!o) return;
-    const f = [];
-    return import("./functions-CApuQZ2b.js").then((d) => d.n).then((d) => {
+    const p = [];
+    return import("./functions-tzyOZNp6.js").then((d) => d.n).then((d) => {
       for (const [g, C] of Object.entries(o)) {
         const N = d[g];
         if (!N) {
@@ -60,31 +60,31 @@ var L = oe(null), Ke = ({ children: e, client: r, tools: t, helpers: o, pageCont
           ...N,
           handler: C
         };
-        a.register(S), f.push(S.name);
+        a.register(S), p.push(S.name);
       }
     }), () => {
-      for (const d of f) a.unregisterFunction(d);
+      for (const d of p) a.unregisterFunction(d);
     };
-  }, [a, o]), A(() => {
+  }, [a, o]), I(() => {
     n === "auto" && a.enableAutoPageContext();
-  }, [a, n]), /* @__PURE__ */ l(L.Provider, {
+  }, [a, n]), /* @__PURE__ */ l($.Provider, {
     value: a,
     children: e
   });
 };
-function D() {
-  const e = G(L);
+function z() {
+  const e = G($);
   if (!e) throw new Error('useAgoClient must be used within an <AgoProvider>. Wrap your component tree with <AgoProvider baseUrl="...">.');
   return e;
 }
-function z() {
-  return G(L);
+function P() {
+  return G($);
 }
 function K({ client: e, conversationId: r } = {}) {
-  const t = z(), o = e || t;
+  const t = P(), o = e || t;
   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([]), [c, a] = E(r), [f, d] = E(!1), [g, C] = E(null);
-  A(() => {
+  const [n, s] = E([]), [c, a] = E(r), [p, d] = E(!1), [g, C] = E(null);
+  I(() => {
     r && r !== c && (a(r), N(r));
   }, [r]);
   const N = async (S) => {
@@ -94,31 +94,31 @@ function K({ client: e, conversationId: r } = {}) {
       C(k instanceof Error ? k : /* @__PURE__ */ new Error("Failed to load messages"));
     }
   };
-  return A(() => {
-    const S = (u) => u === "IN_PROGRESS" || u === "WAITING_CLIENT", k = (u) => {
-      c || a(u.conversationId), d(!0), s((h) => {
-        const w = h.findIndex((b) => b.id === u.messageId);
+  return I(() => {
+    const S = (f) => f === "IN_PROGRESS" || f === "WAITING_CLIENT", k = (f) => {
+      c || a(f.conversationId), d(!0), s((h) => {
+        const w = h.findIndex((b) => b.id === f.messageId);
         return w >= 0 ? h.map((b, T) => T === w ? {
           ...b,
           status: "IN_PROGRESS"
         } : b) : h.some((b) => b.role === "assistant" && S(b.status)) ? h : [...h, {
-          id: u.messageId,
-          conversationId: u.conversationId,
+          id: f.messageId,
+          conversationId: f.conversationId,
           content: "",
           role: "assistant",
           status: "IN_PROGRESS",
           createdAt: /* @__PURE__ */ new Date()
         }];
       });
-    }, p = (u) => {
+    }, u = (f) => {
       s((h) => {
-        const w = h.findIndex((b) => b.id === u.messageId);
+        const w = h.findIndex((b) => b.id === f.messageId);
         return w < 0 ? h : h.map((b, T) => T === w ? {
           ...b,
-          content: b.content + u.content
+          content: b.content + f.content
         } : b);
       });
-    }, x = (u) => {
+    }, x = (f) => {
       s((h) => {
         let w = -1;
         for (let b = h.length - 1; b >= 0; b--) if (h[b].role === "assistant" && S(h[b].status)) {
@@ -129,33 +129,33 @@ function K({ client: e, conversationId: r } = {}) {
           ...h.slice(0, w),
           {
             ...h[w],
-            ...u
+            ...f
           },
           ...h.slice(w + 1)
         ];
       });
-    }, i = (u) => {
+    }, i = (f) => {
       s((h) => {
-        const w = h.findIndex((b) => b.id === u.id);
+        const w = h.findIndex((b) => b.id === f.id);
         return w >= 0 ? [
           ...h.slice(0, w),
-          u,
+          f,
           ...h.slice(w + 1)
-        ] : [...h, u];
+        ] : [...h, f];
       }), d(!1);
-    }, v = (u) => {
-      C(new Error(u.error)), d(!1);
+    }, v = (f) => {
+      C(new Error(f.error)), d(!1);
     };
-    return o.on("message:start", k), o.on("message:chunk", p), o.on("message:answer-complete", x), o.on("message:complete", i), o.on("message:error", v), () => {
-      o.off("message:start", k), o.off("message:chunk", p), o.off("message:answer-complete", x), o.off("message:complete", i), o.off("message:error", v);
+    return o.on("message:start", k), o.on("message:chunk", u), o.on("message:answer-complete", x), o.on("message:complete", i), o.on("message:error", v), () => {
+      o.off("message:start", k), o.off("message:chunk", u), o.off("message:answer-complete", x), o.off("message:complete", i), o.off("message:error", v);
     };
   }, [o, c]), {
     messages: n,
-    isLoading: f,
+    isLoading: p,
     error: g,
     sendMessage: R(async (S, k) => {
       d(!0), C(null);
-      const p = {
+      const u = {
         id: `temp-${Date.now()}`,
         conversationId: c || "",
         content: S,
@@ -173,7 +173,7 @@ function K({ client: e, conversationId: r } = {}) {
       };
       s((i) => [
         ...i,
-        p,
+        u,
         x
       ]);
       try {
@@ -182,19 +182,19 @@ function K({ client: e, conversationId: r } = {}) {
           files: k
         });
         return i.conversationId && !c && a(i.conversationId), s((v) => {
-          const u = v.filter((w) => !w.id.startsWith("temp-")), h = {
-            ...p,
-            id: p.id.replace("temp-", "user-"),
+          const f = v.filter((w) => !w.id.startsWith("temp-")), h = {
+            ...u,
+            id: u.id.replace("temp-", "user-"),
             conversationId: i.conversationId
           };
-          return u.some((w) => w.id === i.id) ? [...u, h].sort((w, b) => new Date(w.createdAt).getTime() - new Date(b.createdAt).getTime()) : [
-            ...u,
+          return f.some((w) => w.id === i.id) ? [...f, h].sort((w, b) => new Date(w.createdAt).getTime() - new Date(b.createdAt).getTime()) : [
+            ...f,
             h,
             i
           ];
         }), i;
       } catch (i) {
-        return C(i instanceof Error ? i : /* @__PURE__ */ new Error("Failed to send message")), d(!1), s((v) => v.filter((u) => !u.id.startsWith("temp-"))), null;
+        return C(i instanceof Error ? i : /* @__PURE__ */ new Error("Failed to send message")), d(!1), s((v) => v.filter((f) => !f.id.startsWith("temp-"))), null;
       }
     }, [o, c]),
     clearMessages: R(() => {
@@ -204,13 +204,13 @@ function K({ client: e, conversationId: r } = {}) {
   };
 }
 var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", allowFiles: o = !1, className: n = "" }) => {
-  const [s, c] = E(""), [a, f] = E([]), d = _(null), g = _(null), C = R(() => {
+  const [s, c] = E(""), [a, p] = E([]), d = M(null), g = M(null), C = R(() => {
     const i = g.current;
     if (!i) return;
     const v = 110;
     i.style.height = "auto", i.style.height = `${Math.min(i.scrollHeight + 2, v)}px`, i.style.overflowY = i.scrollHeight + 2 > v ? "auto" : "hidden";
   }, []), N = R((i) => {
-    i.preventDefault(), (s.trim() || a.length > 0) && (e(s.trim(), a.length > 0 ? a : void 0), c(""), f([]), requestAnimationFrame(C));
+    i.preventDefault(), (s.trim() || a.length > 0) && (e(s.trim(), a.length > 0 ? a : void 0), c(""), p([]), requestAnimationFrame(C));
   }, [
     s,
     a,
@@ -220,11 +220,11 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
     i.key === "Enter" && !i.shiftKey && (i.preventDefault(), N(i));
   }, [N]), k = R((i) => {
     const v = Array.from(i.target.files || []);
-    f((u) => [...u, ...v]);
-  }, []), p = R((i) => {
-    f((v) => v.filter((u, h) => h !== i));
+    p((f) => [...f, ...v]);
+  }, []), u = R((i) => {
+    p((v) => v.filter((f, h) => h !== i));
   }, []), x = s.trim() || a.length > 0;
-  return /* @__PURE__ */ M("form", {
+  return /* @__PURE__ */ _("form", {
     onSubmit: N,
     className: `ago-chat-input ${n}`,
     style: {
@@ -242,7 +242,7 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
         flexWrap: "wrap",
         gap: "6px"
       },
-      children: a.map((i, v) => /* @__PURE__ */ M("div", {
+      children: a.map((i, v) => /* @__PURE__ */ _("div", {
         style: {
           display: "flex",
           alignItems: "center",
@@ -263,7 +263,7 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
           children: i.name
         }), /* @__PURE__ */ l("button", {
           type: "button",
-          onClick: () => p(v),
+          onClick: () => u(v),
           "aria-label": `Remove ${i.name}`,
           style: {
             border: "none",
@@ -277,14 +277,14 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
           children: "×"
         })]
       }, v))
-    }), /* @__PURE__ */ M("div", {
+    }), /* @__PURE__ */ _("div", {
       style: {
         display: "flex",
         gap: "8px",
         alignItems: "flex-end"
       },
       children: [
-        o && /* @__PURE__ */ M(U, { children: [/* @__PURE__ */ l("button", {
+        o && /* @__PURE__ */ _(U, { children: [/* @__PURE__ */ l("button", {
           type: "button",
           onClick: () => d.current?.click(),
           disabled: r,
@@ -378,7 +378,7 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
   },
   ...r,
   children: e
-}), P = (e, r) => {
+}), W = (e, r) => {
   const t = ({ children: o, ...n }) => re.createElement(`h${e}`, {
     style: {
       margin: "16px 0 8px 0",
@@ -501,12 +501,12 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
 }), 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"),
+  h1: W(1, "20px"),
+  h2: W(2, "18px"),
+  h3: W(3, "16px"),
+  h4: W(4, "15px"),
+  h5: W(5, "14px"),
+  h6: W(6, "13px"),
   ul: pe,
   ol: ge,
   li: me,
@@ -518,8 +518,8 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
   td: we,
   img: Ce,
   hr: Se
-}, Ie = [le], Ae = ({ content: e }) => /* @__PURE__ */ l(ie, {
-  remarkPlugins: Ie,
+}, Ae = [le], Ie = ({ content: e }) => /* @__PURE__ */ l(ie, {
+  remarkPlugins: Ae,
   components: ke,
   children: e
 }), Ne = ({ attachment: e, isUser: r }) => {
@@ -546,7 +546,7 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
       }
     })
   });
-  const o = Q(e.fileSize), n = /* @__PURE__ */ M(U, { children: [/* @__PURE__ */ l("span", {
+  const o = Q(e.fileSize), n = /* @__PURE__ */ _(U, { children: [/* @__PURE__ */ l("span", {
     style: {
       fontSize: "16px",
       lineHeight: 1,
@@ -554,7 +554,7 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
     },
     "aria-hidden": !0,
     children: "📄"
-  }), /* @__PURE__ */ M("span", {
+  }), /* @__PURE__ */ _("span", {
     style: {
       display: "flex",
       flexDirection: "column",
@@ -600,7 +600,7 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
     children: n
   });
 }, Re = ({ source: e, index: r }) => {
-  const t = /* @__PURE__ */ M("div", {
+  const t = /* @__PURE__ */ _("div", {
     style: {
       display: "flex",
       alignItems: "center",
@@ -664,7 +664,7 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
     style: o,
     children: t
   });
-}, Ee = () => /* @__PURE__ */ M("div", {
+}, Ee = () => /* @__PURE__ */ _("div", {
   style: {
     display: "flex",
     gap: "4px",
@@ -687,9 +687,9 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
         40% { opacity: 1; transform: scale(1); }
       }
     ` })]
-}), Me = ({ message: e, className: r = "", showAgentName: t = !1, isLast: o = !1, onFollowUpClick: n }) => {
+}), _e = ({ message: e, className: r = "", showAgentName: t = !1, isLast: o = !1, onFollowUpClick: n }) => {
   const s = e.role === "user", c = e.status === "IN_PROGRESS" || e.status === "WAITING_CLIENT";
-  return /* @__PURE__ */ M("div", {
+  return /* @__PURE__ */ _("div", {
     className: `ago-message ago-message--${e.role} ${r}`,
     style: {
       display: "flex",
@@ -722,9 +722,9 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
           width: "100%",
           maxWidth: "85%"
         },
-        children: e.sources.map((a, f) => /* @__PURE__ */ l(Re, {
+        children: e.sources.map((a, p) => /* @__PURE__ */ l(Re, {
           source: a,
-          index: f
+          index: p
         }, a.id))
       }),
       e.attachments && e.attachments.length > 0 && /* @__PURE__ */ l("div", {
@@ -754,7 +754,7 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
           fontSize: "16px",
           lineHeight: "1.6"
         },
-        children: e.content ? /* @__PURE__ */ l(Ae, { content: e.content }) : c && /* @__PURE__ */ l(Ee, {})
+        children: e.content ? /* @__PURE__ */ l(Ie, { content: e.content }) : c && /* @__PURE__ */ l(Ee, {})
       }),
       o && e.followUpReplies && e.followUpReplies.length > 0 && /* @__PURE__ */ l("div", {
         className: "ago-message__followups",
@@ -764,7 +764,7 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
           gap: "8px",
           marginTop: "10px"
         },
-        children: e.followUpReplies.map((a, f) => /* @__PURE__ */ l("button", {
+        children: e.followUpReplies.map((a, p) => /* @__PURE__ */ l("button", {
           type: "button",
           className: "ago-message__followup-btn",
           disabled: !n,
@@ -787,44 +787,44 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
             d.currentTarget.style.borderColor = "#dee3e8";
           },
           children: a
-        }, f))
+        }, p))
       })
     ]
   });
-}, Je = ({ client: e, conversationId: r, title: t = "Chat", welcomeMessage: o = "Hello! How can I help you today?", placeholder: n = "Type a message...", allowFiles: s = !1, height: c = 500, logoUrl: a, showAgentName: f = !1, forms: d, onFollowUpClick: g, className: C = "", onMessageSent: N, onMessageReceived: S }) => {
-  const k = _(null), p = z(), x = e ?? p, { messages: i, isLoading: v, error: u, sendMessage: h } = K({
+}, Je = ({ client: e, conversationId: r, title: t = "Chat", welcomeMessage: o = "Hello! How can I help you today?", placeholder: n = "Type a message...", allowFiles: s = !1, height: c = 500, logoUrl: a, showAgentName: p = !1, forms: d, onFollowUpClick: g, className: C = "", onMessageSent: N, onMessageReceived: S }) => {
+  const k = M(null), u = P(), x = e ?? u, { messages: i, isLoading: v, error: f, sendMessage: h } = K({
     client: e,
     conversationId: r
   });
-  A(() => {
+  I(() => {
     if (!x || !d || d.length === 0) return;
     let m = !1;
-    const I = [];
+    const A = [];
     return Promise.all(d.map((F) => F.schema != null ? Promise.resolve(B(F)) : j(x, F))).then((F) => {
       if (!m)
-        for (const V of F) I.push(V.install(x));
+        for (const V of F) A.push(V.install(x));
     }).catch(() => {
     }), () => {
-      m = !0, I.forEach((F) => F());
+      m = !0, A.forEach((F) => F());
     };
   }, [x, d ? JSON.stringify(d.map((m) => [
     m.name,
     m.schema ?? null,
     m.submit ?? !1,
     m.description ?? null
-  ])) : ""]), A(() => {
+  ])) : ""]), I(() => {
     k.current?.scrollIntoView({ behavior: "smooth" });
-  }, [i]), A(() => {
+  }, [i]), I(() => {
     const m = i[i.length - 1];
     m && m.role === "assistant" && m.status === "DONE" && S && S({
       id: m.id,
       content: m.content
     });
   }, [i, S]);
-  const w = async (m, I) => {
-    N?.(m), await h(m, I);
+  const w = async (m, A) => {
+    N?.(m), await h(m, A);
   }, b = i[i.length - 1], T = v && b?.role === "assistant" && (b.status === "IN_PROGRESS" || b.status === "WAITING_CLIENT"), y = g === !1 ? void 0 : g ?? ((m) => w(m));
-  return /* @__PURE__ */ M("div", {
+  return /* @__PURE__ */ _("div", {
     className: `ago-chat-widget ${C}`,
     style: {
       display: "flex",
@@ -839,7 +839,7 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
       boxShadow: "rgba(15, 15, 15, 0.08) 0px 2px 16px 0px"
     },
     children: [
-      /* @__PURE__ */ M("div", {
+      /* @__PURE__ */ _("div", {
         className: "ago-chat-widget__header",
         style: {
           padding: "14px 16px",
@@ -866,7 +866,7 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
           children: t
         })]
       }),
-      /* @__PURE__ */ M("div", {
+      /* @__PURE__ */ _("div", {
         className: "ago-chat-widget__messages",
         role: "log",
         "aria-live": "polite",
@@ -888,13 +888,13 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
               lineHeight: "1.5"
             },
             children: o
-          }) : i.map((m, I) => /* @__PURE__ */ l(Me, {
+          }) : i.map((m, A) => /* @__PURE__ */ l(_e, {
             message: m,
-            showAgentName: f,
-            isLast: I === i.length - 1,
+            showAgentName: p,
+            isLast: A === i.length - 1,
             onFollowUpClick: y
           }, m.id)),
-          u && /* @__PURE__ */ l("div", {
+          f && /* @__PURE__ */ l("div", {
             role: "alert",
             style: {
               padding: "10px 14px",
@@ -905,7 +905,7 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
               fontSize: "13px",
               border: "1px solid #fecaca"
             },
-            children: u.message
+            children: f.message
           }),
           /* @__PURE__ */ l("div", { ref: k })
         ]
@@ -919,20 +919,20 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
     ]
   });
 };
-function _e(e = {}) {
-  const r = z(), t = e.client ?? r;
-  if (!t) throw new q("useProactiveNudge: no AgoClient. Pass one via options.client or wrap your tree with <AgoProvider>.", "proactive_missing_client");
-  const [o, n] = E(null), s = _(o);
+function Me(e = {}) {
+  const r = P(), t = e.client ?? r;
+  if (!t) throw new L("useProactiveNudge: no AgoClient. Pass one via options.client or wrap your tree with <AgoProvider>.", "proactive_missing_client");
+  const [o, n] = E(null), s = M(o);
   s.current = o;
-  const c = _(e.onExpand);
-  return c.current = e.onExpand, A(() => {
+  const c = M(e.onExpand);
+  return c.current = e.onExpand, I(() => {
     const a = (d) => {
       n(d), t.proactive?.shown(d);
-    }, f = ({ nudge: d }) => {
+    }, p = ({ nudge: d }) => {
       n((g) => g?.id === d.id ? null : g);
     };
-    return t.on("nudge:ready", a), t.on("nudge:accepted", f), t.on("nudge:dismissed", f), () => {
-      t.off("nudge:ready", a), t.off("nudge:accepted", f), t.off("nudge:dismissed", f);
+    return t.on("nudge:ready", a), t.on("nudge:accepted", p), t.on("nudge:dismissed", p), () => {
+      t.off("nudge:ready", a), t.off("nudge:accepted", p), t.off("nudge:dismissed", p);
     };
   }, [t]), {
     nudge: o,
@@ -947,21 +947,21 @@ function _e(e = {}) {
   };
 }
 var Ve = ({ client: e, onExpand: r, autoHideMs: t, position: o = "bottom-right", openChatLabel: n = "Open chat", className: s = "" }) => {
-  const { nudge: c, accept: a, dismiss: f } = _e({
+  const { nudge: c, accept: a, dismiss: p } = Me({
     client: e,
     onExpand: r
   });
-  if (A(() => {
+  if (I(() => {
     if (!c || !t) return;
-    const g = setTimeout(() => f(), t);
+    const g = setTimeout(() => p(), t);
     return () => clearTimeout(g);
   }, [
     c,
     t,
-    f
+    p
   ]), !c) return null;
   const d = c.source === "agent" || !!c.goal;
-  return /* @__PURE__ */ M("div", {
+  return /* @__PURE__ */ _("div", {
     className: `ago-nudge ${s}`,
     role: "status",
     "aria-live": "polite",
@@ -987,7 +987,7 @@ var Ve = ({ client: e, onExpand: r, autoHideMs: t, position: o = "bottom-right",
         type: "button",
         className: "ago-nudge__close",
         "aria-label": "Dismiss",
-        onClick: f,
+        onClick: p,
         style: {
           position: "absolute",
           top: "6px",
@@ -1007,7 +1007,7 @@ var Ve = ({ client: e, onExpand: r, autoHideMs: t, position: o = "bottom-right",
         style: { paddingRight: "16px" },
         children: c.message
       }),
-      (c.action || d) && /* @__PURE__ */ M("div", {
+      (c.action || d) && /* @__PURE__ */ _("div", {
         className: "ago-nudge__actions",
         style: {
           display: "flex",
@@ -1055,21 +1055,22 @@ var Ve = ({ client: e, onExpand: r, autoHideMs: t, position: o = "bottom-right",
   });
 };
 function Fe({ client: e, autoLoad: r = !0 } = {}) {
-  const t = z(), o = e || t;
+  const t = P(), o = e || t;
   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([]), [c, a] = E(null), [f, d] = E(!1), [g, C] = E(null), N = R(async () => {
+  const [n, s] = E([]), [c, a] = E(null), [p, d] = E(!1), [g, C] = E(null), N = R(async () => {
     d(!0), C(null);
     try {
-      s(await o.getConversations());
-    } catch (p) {
-      C(p instanceof Error ? p : /* @__PURE__ */ new Error("Failed to load conversations"));
+      const { data: u } = await o.getConversations();
+      s(u);
+    } catch (u) {
+      C(u instanceof Error ? u : /* @__PURE__ */ new Error("Failed to load conversations"));
     } finally {
       d(!1);
     }
-  }, [o]), S = R(async (p) => {
+  }, [o]), S = R(async (u) => {
     d(!0), C(null);
     try {
-      a(await o.getConversation(p));
+      a(await o.getConversation(u));
     } catch (x) {
       C(x instanceof Error ? x : /* @__PURE__ */ new Error("Failed to load conversation"));
     } finally {
@@ -1078,12 +1079,12 @@ function Fe({ client: e, autoLoad: r = !0 } = {}) {
   }, [o]), k = R(() => {
     a(null);
   }, []);
-  return A(() => {
+  return I(() => {
     r && N();
   }, [r, N]), {
     conversations: n,
     currentConversation: c,
-    isLoading: f,
+    isLoading: p,
     error: g,
     selectConversation: S,
     startNewConversation: k,
@@ -1091,7 +1092,7 @@ function Fe({ client: e, autoLoad: r = !0 } = {}) {
   };
 }
 function Ye(e = {}) {
-  const r = z(), t = e.client || r;
+  const r = P(), t = e.client || r;
   if (!t) throw new Error("useChat requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
   const o = K({
     client: t,
@@ -1116,17 +1117,17 @@ function Ye(e = {}) {
   };
 }
 function Xe(e, r) {
-  const t = D(), { name: o, description: n, parameters: s, handler: c, maxResultBytes: a, requiresApproval: f } = typeof e == "string" ? {
+  const t = z(), { name: o, description: n, parameters: s, handler: c, maxResultBytes: a, requiresApproval: p } = typeof e == "string" ? {
     name: e,
     ...r
-  } : e, d = _(c);
-  d.current = c, A(() => {
+  } : e, d = M(c);
+  d.current = c, I(() => {
     const g = (C) => d.current(C);
     return t.registerFunction(o, g, {
       description: n,
       parameters: s,
       maxResultBytes: a,
-      requiresApproval: f
+      requiresApproval: p
     }), () => {
       t.unregisterFunction(o);
     };
@@ -1136,26 +1137,26 @@ function Xe(e, r) {
     n,
     s,
     a,
-    f
+    p
   ]);
 }
 function Ze(e, r) {
-  const t = D(), o = _(e);
-  o.current = e, A(() => (t.registerNavigationFunction((n) => o.current(n), r), () => {
+  const t = z(), o = M(e);
+  o.current = e, I(() => (t.registerNavigationFunction((n) => o.current(n), r), () => {
     t.unregisterNavigationFunction();
   }), [t, r]);
 }
 function Qe(e, r) {
-  const t = D(), o = r?.functionName ?? "setPageState", n = r?.requiresApproval, s = _(e);
-  s.current = e, A(() => {
+  const t = z(), o = r?.functionName ?? "setPageState", n = r?.requiresApproval, s = M(e);
+  s.current = e, I(() => {
     const c = s.current.map((a) => {
-      const f = () => s.current.find((d) => d.name === a.name) ?? a;
+      const p = () => s.current.find((d) => d.name === a.name) ?? a;
       return {
         name: a.name,
         description: a.description,
         schema: a.schema,
-        get: a.get ? () => f().get?.() : void 0,
-        set: (d) => f().set(d)
+        get: a.get ? () => p().get?.() : void 0,
+        set: (d) => p().set(d)
       };
     });
     return t.registerPageStateFunction(c, {
@@ -1171,8 +1172,8 @@ function Qe(e, r) {
   ]);
 }
 function et(e) {
-  const r = D(), t = _(e);
-  t.current = e, A(() => ne(r, () => t.current), [r]);
+  const r = z(), t = M(e);
+  t.current = e, I(() => ne(r, () => t.current), [r]);
 }
 var Te = /* @__PURE__ */ new Set(["awaiting-approval"]);
 function J(e) {
@@ -1192,19 +1193,19 @@ function J(e) {
 function Pe(e) {
   return e.type === "client_function" ? e.functionName === "navigateToPage" ? "navigation" : "action" : J(e.type);
 }
-function $(e, r) {
+function H(e, r) {
   const t = (e ?? "").toLowerCase();
   return t.includes("reject") ? "rejected" : t.includes("error") || t.includes("fail") ? "error" : t.includes("done") || t.includes("complet") ? "done" : (t.includes("waiting") || t.includes("pending")) && (r === "confirmation" || r === "form") ? "awaiting-approval" : "running";
 }
-function H(e) {
+function q(e) {
   return typeof e != "string" || !e ? "page" : e.replace(/[-_]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/\b\w/g, (r) => r.toUpperCase()).trim();
 }
 function We(e) {
   switch (e.kind) {
     case "navigation":
-      return `Navigating to ${H(e.arguments?.page)}`;
+      return `Navigating to ${q(e.arguments?.page)}`;
     case "action":
-      return e.functionName === "setPageState" ? "Updating the page" : e.functionName === "openFilteredConversations" ? "Opening conversations" : e.toolDisplayName || e.message || H(e.functionName) || "Working";
+      return e.functionName === "setPageState" ? "Updating the page" : e.functionName === "openFilteredConversations" ? "Opening conversations" : e.toolDisplayName || e.message || q(e.functionName) || "Working";
     case "progress":
       return e.message || "Working";
     case "reasoning":
@@ -1218,15 +1219,15 @@ function We(e) {
   }
 }
 function tt(e = {}) {
-  const { includeReasoning: r = !1, labelFor: t } = e, o = z(), n = e.client || o;
-  if (!n) throw new q("useAgoActivity requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.", "provider_missing_client");
-  const [s, c] = E([]), a = _(/* @__PURE__ */ new Set()), f = _(void 0), d = _(t);
+  const { includeReasoning: r = !1, labelFor: t } = e, o = P(), n = e.client || o;
+  if (!n) throw new L("useAgoActivity requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.", "provider_missing_client");
+  const [s, c] = E([]), a = M(/* @__PURE__ */ new Set()), p = M(void 0), d = M(t);
   d.current = t;
-  const g = R((p, x) => {
+  const g = R((u, x) => {
     c((i) => {
-      const v = i.findIndex((h) => h.id === p), u = {
+      const v = i.findIndex((h) => h.id === u), f = {
         ...v >= 0 ? i[v] : {
-          id: p,
+          id: u,
           kind: "status",
           label: "",
           status: "running",
@@ -1235,22 +1236,22 @@ function tt(e = {}) {
         },
         ...x
       };
-      return u.label = d.current?.(u) ?? We(u), v >= 0 ? [
+      return f.label = d.current?.(f) ?? We(f), v >= 0 ? [
         ...i.slice(0, v),
-        u,
+        f,
         ...i.slice(v + 1)
-      ] : [...i, u];
+      ] : [...i, f];
     });
   }, []);
-  A(() => {
-    const p = (y) => {
-      f.current = y.messageId;
+  I(() => {
+    const u = (y) => {
+      p.current = y.messageId;
     }, x = (y) => {
       const m = J(y.type);
       m === "reasoning" && !r || g(y.id, {
         kind: m,
-        status: $(y.status, m),
-        messageId: f.current,
+        status: H(y.status, m),
+        messageId: p.current,
         toolName: y.toolName,
         toolDisplayName: y.toolDisplayName,
         message: y.message,
@@ -1262,7 +1263,7 @@ function tt(e = {}) {
       y.invocationId && g(y.invocationId, {
         kind: y.functionName === "navigateToPage" ? "navigation" : "action",
         status: "running",
-        messageId: f.current,
+        messageId: p.current,
         functionName: y.functionName,
         arguments: y.arguments
       });
@@ -1270,94 +1271,113 @@ function tt(e = {}) {
       y.invocationId && g(y.invocationId, {
         kind: y.functionName === "navigateToPage" ? "navigation" : "action",
         status: "awaiting-approval",
-        messageId: f.current,
+        messageId: p.current,
         functionName: y.functionName,
         arguments: y.arguments,
         requiresApproval: !0
       });
-    }, u = (y) => {
+    }, f = (y) => {
       if (!y.invocationId) return;
-      const m = y.result, I = typeof y.result == "object" && m !== null && m.approved === !1 && m.reason === "user_rejected";
+      const m = y.result, A = typeof y.result == "object" && m !== null && m.approved === !1 && m.reason === "user_rejected";
       g(y.invocationId, {
-        status: y.error ? "error" : I ? "rejected" : "done",
+        status: y.error ? "error" : A ? "rejected" : "done",
         requiresApproval: !1
       });
     }, h = (y) => {
       for (const m of y.messages ?? [])
         if (m.role === "assistant")
-          for (const I of m.toolCalls ?? []) {
-            const F = Pe(I);
-            F === "reasoning" && !r || /waiting/i.test(I.status ?? "") || g(I.id, {
+          for (const A of m.toolCalls ?? []) {
+            const F = Pe(A);
+            F === "reasoning" && !r || /waiting/i.test(A.status ?? "") || g(A.id, {
               kind: F,
-              status: $(I.status, F),
+              status: H(A.status, F),
               messageId: m.id,
-              toolName: I.toolName,
-              toolDisplayName: I.toolDisplayName,
-              functionName: I.functionName,
-              arguments: I.arguments,
-              message: I.message,
-              data: I.data,
-              formSchema: I.formSchema,
+              toolName: A.toolName,
+              toolDisplayName: A.toolDisplayName,
+              functionName: A.functionName,
+              arguments: A.arguments,
+              message: A.message,
+              data: A.data,
+              formSchema: A.formSchema,
               requiresApproval: F === "confirmation" || F === "form"
             });
           }
     }, w = (y) => {
-      c((m) => m.map((I) => I.status === "running" || I.status === "awaiting-approval" ? {
-        ...I,
+      c((m) => m.map((A) => A.status === "running" || A.status === "awaiting-approval" ? {
+        ...A,
         status: y
-      } : I));
+      } : A));
     }, b = () => w("done"), T = () => w("error");
-    return n.on("message:start", p), n.on("toolCall:received", x), n.on("function:invoke", i), n.on("function:awaiting-approval", v), n.on("function:result", u), n.on("conversation:loaded", h), n.on("message:complete", b), n.on("message:error", T), () => {
-      n.off("message:start", p), n.off("toolCall:received", x), n.off("function:invoke", i), n.off("function:awaiting-approval", v), n.off("function:result", u), n.off("conversation:loaded", h), n.off("message:complete", b), n.off("message:error", T);
+    return n.on("message:start", u), n.on("toolCall:received", x), n.on("function:invoke", i), n.on("function:awaiting-approval", v), n.on("function:result", f), n.on("conversation:loaded", h), n.on("message:complete", b), n.on("message:error", T), () => {
+      n.off("message:start", u), n.off("toolCall:received", x), n.off("function:invoke", i), n.off("function:awaiting-approval", v), n.off("function:result", f), n.off("conversation:loaded", h), n.off("message:complete", b), n.off("message:error", T);
     };
   }, [
     n,
     r,
     g
   ]);
-  const C = R(async (p) => {
-    const x = s.find((i) => i.id === p);
-    !x || x.status !== "awaiting-approval" || a.current.has(p) || x.kind !== "form" && (a.current.add(p), g(p, {
+  const C = R(async (u) => {
+    const x = s.find((i) => i.id === u);
+    !x || x.status !== "awaiting-approval" || a.current.has(u) || x.kind !== "form" && (a.current.add(u), g(u, {
       status: "running",
       requiresApproval: !1
-    }), x.functionName ? await n.approveFunction(p) : await n.confirmToolCall(p));
+    }), x.functionName ? await n.approveFunction(u) : await n.confirmToolCall(u));
   }, [
     n,
     s,
     g
-  ]), N = R(async (p) => {
-    const x = s.find((i) => i.id === p);
-    !x || x.status !== "awaiting-approval" || a.current.has(p) || (a.current.add(p), g(p, {
+  ]), N = R(async (u) => {
+    const x = s.find((i) => i.id === u);
+    !x || x.status !== "awaiting-approval" || a.current.has(u) || (a.current.add(u), g(u, {
       status: "rejected",
       requiresApproval: !1
-    }), x.functionName ? await n.rejectFunction(p) : await n.rejectToolCall(p));
+    }), x.functionName ? await n.rejectFunction(u) : await n.rejectToolCall(u));
   }, [
     n,
     s,
     g
-  ]), S = R(async (p, x) => {
-    g(p, {
+  ]), S = R(async (u, x) => {
+    g(u, {
       status: "running",
       requiresApproval: !1
-    }), await n.submitToolCallForm(p, x), g(p, { status: "done" });
+    }), await n.submitToolCallForm(u, x), g(u, { status: "done" });
   }, [n, g]), k = R(() => {
     a.current.clear(), c([]);
   }, []);
   return {
     items: s,
     latest: s.length > 0 ? s[s.length - 1] : void 0,
-    isAwaitingApproval: s.some((p) => Te.has(p.status)),
+    isAwaitingApproval: s.some((u) => Te.has(u.status)),
     approve: C,
     reject: N,
     submitForm: S,
     clear: k
   };
 }
-function nt(e, r) {
-  const t = D(), o = ae(), n = r ?? o, s = _(e);
+function nt(e = {}) {
+  const r = P(), t = e.client || r;
+  if (!t) throw new L("useAgoActivityLog requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.", "provider_missing_client");
+  const [o, n] = E(() => t.getRecentActivity());
+  I(() => {
+    n(t.getRecentActivity());
+    const a = () => n(t.getRecentActivity());
+    return t.on("activity:recorded", a), () => t.off("activity:recorded", a);
+  }, [t]);
+  const s = R((a) => t.recordActivity(a), [t]), c = R(() => {
+    t.clearActivity(), n([]);
+  }, [t]);
+  return {
+    entries: o,
+    latest: o.length > 0 ? o[o.length - 1] : void 0,
+    record: s,
+    clear: c
+  };
+}
+function rt(e, r) {
+  const t = z(), o = ae(), n = r ?? o, s = M(e);
   s.current = e;
   const c = typeof e == "function";
-  A(() => {
+  I(() => {
     if (typeof s.current == "function") {
       const a = () => s.current();
       return t.addDynamicContext(n, a), () => {
@@ -1381,37 +1401,37 @@ var O = {
   missing: [],
   complete: !1
 };
-function rt(e) {
-  const r = D(), t = 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", c = JSON.stringify(e.initialValues ?? null), a = W(() => t ? B(e) : null, [
+function ot(e) {
+  const r = z(), t = 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", c = JSON.stringify(e.initialValues ?? null), a = D(() => t ? B(e) : null, [
     t,
     e.name,
     o,
     s,
     c,
     e.autoSubmit
-  ]), [f, d] = E({
+  ]), [p, d] = E({
     collector: null,
     loading: !t,
     error: null
   });
-  A(() => {
+  I(() => {
     if (t) return;
     let v = !1;
     return d({
       collector: null,
       loading: !0,
       error: null
-    }), j(r, e).then((u) => {
+    }), j(r, e).then((f) => {
       v || d({
-        collector: u,
+        collector: f,
         loading: !1,
         error: null
       });
-    }).catch((u) => {
+    }).catch((f) => {
       v || d({
         collector: null,
         loading: !1,
-        error: u instanceof Error ? u : new Error(String(u))
+        error: f instanceof Error ? f : new Error(String(f))
       });
     }), () => {
       v = !0;
@@ -1424,18 +1444,18 @@ function rt(e) {
     c,
     e.autoSubmit
   ]);
-  const g = t ? a : f.collector, C = t ? !1 : f.loading, N = t ? null : f.error;
-  A(() => {
+  const g = t ? a : p.collector, C = t ? !1 : p.loading, N = t ? null : p.error;
+  I(() => {
     if (g)
       return g.install(r);
   }, [r, g]);
-  const S = W(() => X({
+  const S = D(() => X({
     values: e.initialValues ?? {},
     submitted: !1
-  }), [c]), k = De(g?.store ?? S), p = W(() => g?.getStatus() ?? O, [k, g]), x = W(() => ({
+  }), [c]), k = De(g?.store ?? S), u = D(() => g?.getStatus() ?? O, [k, g]), x = D(() => ({
     ...k,
-    ...p
-  }), [k, p]), i = W(() => ({
+    ...u
+  }), [k, u]), i = D(() => ({
     name: e.name,
     store: S,
     functions: [],
@@ -1477,25 +1497,26 @@ export {
   Ke as AgoProvider,
   de as ChatInput,
   Je as ChatWidget,
-  Ae as Markdown,
-  Me as Message,
+  Ie as Markdown,
+  _e as Message,
   B as createFormCollector,
-  qe as createMockClient,
+  Oe as createMockClient,
   He as deriveFormStatus,
   j as loadFormCollector,
   ce as useAgo,
   tt as useAgoActivity,
+  nt as useAgoActivityLog,
   et as useAgoAutoContinueAfterNavigation,
-  D as useAgoClient,
-  nt as useAgoContext,
+  z as useAgoClient,
+  rt as useAgoContext,
   Xe as useAgoFunction,
   Ze as useAgoNavigation,
   Qe as useAgoPageState,
   De as useAgoStore,
   Ye as useChat,
   Fe as useConversation,
-  rt as useFormCollector,
+  ot as useFormCollector,
   K as useMessages,
-  z as useOptionalAgoClient,
-  _e as useProactiveNudge
+  P as useOptionalAgoClient,
+  Me as useProactiveNudge
 };