@useago/sdk 1.4.2 → 1.4.4

package/dist/react.js

@@ -1,20 +1,20 @@
-import { a as J, i as j, o as V, s as Y, t as X } from "./AgoClient-BdtuHX7k.js";
-import { i as Q, n as Ne, r as H, t as O } from "./createFormCollector-B4n0_diV.js";
-import { t as _e } from "./createMockClient-d-arlmCq.js";
-import Z, { createContext as ee, useCallback as R, useContext as $, useEffect as C, useId as te, useMemo as N, useRef as A, useState as I, useSyncExternalStore as ne } from "react";
-import { Fragment as B, jsx as s, jsxs as M } from "react/jsx-runtime";
+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 [t, r] = I(!1), n = A(null), o = N(() => {
-    if (n.current && (n.current.destroy(), n.current = null), !e) return null;
-    const i = new X(e);
-    return n.current = i, i;
+  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;
   }, [e?.baseUrl, e?.widgetId]);
-  return C(() => (r(!0), () => {
-    n.current?.destroy(), n.current = null;
-  }), [o]), C(() => {
-    n.current && e && n.current.updateConfig({
+  return k(() => (r(!0), () => {
+    t.current?.destroy(), t.current = null;
+  }), [o]), k(() => {
+    t.current && e && t.current.updateConfig({
       agent: e.agent,
       defaultAgentId: e.defaultAgentId,
       permission: e.permission,
@@ -33,130 +33,136 @@ function ae(e) {
     e?.warnOnEmptyReply
   ]), {
     client: o,
-    isReady: t
+    isReady: n
   };
 }
-var z = ee(null), He = ({ children: e, client: t, tools: r, helpers: n, pageContext: o, ...i }) => {
-  const { client: c } = ae(t ? null : i), l = t || c;
-  return C(() => {
+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(() => {
     if (!(!r || r.length === 0)) {
       for (const g of r) l.register(g);
       return () => {
         for (const g of r) l.unregisterFunction(g.name);
       };
     }
-  }, [l, r]), C(() => {
-    if (!n) return;
+  }, [l, r]), k(() => {
+    if (!t) return;
     const g = [];
-    return import("./functions-CApuQZ2b.js").then((u) => u.n).then((u) => {
-      for (const [b, p] of Object.entries(n)) {
-        const x = u[b];
-        if (!x) {
-          console.warn(`[AGO] Unknown helper: "${b}"`);
+    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}"`);
           continue;
         }
-        const h = p === !0 ? x : {
-          ...x,
-          handler: p
+        const f = b === !0 ? I : {
+          ...I,
+          handler: b
         };
-        l.register(h), g.push(h.name);
+        l.register(f), g.push(f.name);
       }
     }), () => {
-      for (const u of g) l.unregisterFunction(u);
+      for (const d of g) l.unregisterFunction(d);
     };
-  }, [l, n]), C(() => {
+  }, [l, t]), k(() => {
     o === "auto" && l.enableAutoPageContext();
-  }, [l, o]), /* @__PURE__ */ s(z.Provider, {
+  }, [l, o]), /* @__PURE__ */ i(L.Provider, {
     value: l,
     children: e
   });
 };
-function T() {
-  const e = $(z);
+function _() {
+  const e = B(L);
   if (!e) throw new Error('useAgoClient must be used within an <AgoProvider>. Wrap your component tree with <AgoProvider baseUrl="...">.');
   return e;
 }
-function D() {
-  return $(z);
+function W() {
+  return B(L);
 }
-function U({ client: e, conversationId: t } = {}) {
-  const r = D(), n = e || r;
-  if (!n) throw new Error("useMessages requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
-  const [o, i] = I([]), [c, l] = I(t), [g, u] = I(!1), [b, p] = I(null);
-  C(() => {
-    t && t !== c && (l(t), x(t));
-  }, [t]);
-  const x = async (h) => {
+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) => {
     try {
-      i((await n.getMessages(h)).filter((m) => !m.hidden));
+      s((await t.getMessages(f)).filter((m) => !m.hidden));
     } catch (m) {
-      p(m instanceof Error ? m : /* @__PURE__ */ new Error("Failed to load messages"));
+      b(m instanceof Error ? m : /* @__PURE__ */ new Error("Failed to load messages"));
     }
   };
-  return C(() => {
-    const h = (f) => {
-      c || l(f.conversationId), u(!0), i((d) => d.some((y) => y.role === "assistant" && y.status === "IN_PROGRESS") ? d : [...d, {
-        id: f.messageId,
-        conversationId: f.conversationId,
-        content: "",
-        role: "assistant",
-        status: "IN_PROGRESS",
-        createdAt: /* @__PURE__ */ new Date()
-      }]);
-    }, m = (f) => {
-      i((d) => {
-        const y = d[d.length - 1];
-        return y && y.id === f.messageId ? [...d.slice(0, -1), {
-          ...y,
-          content: y.content + f.content
-        }] : d;
+  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,
+          status: "IN_PROGRESS"
+        } : h) : p.some((h) => h.role === "assistant" && f(h.status)) ? p : [...p, {
+          id: u.messageId,
+          conversationId: u.conversationId,
+          content: "",
+          role: "assistant",
+          status: "IN_PROGRESS",
+          createdAt: /* @__PURE__ */ new Date()
+        }];
       });
-    }, w = (f) => {
-      i((d) => {
-        let y = -1;
-        for (let k = d.length - 1; k >= 0; k--) if (d[k].role === "assistant" && d[k].status === "IN_PROGRESS") {
-          y = k;
+    }, 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);
+      });
+    }, 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;
           break;
         }
-        return y < 0 ? d : [
-          ...d.slice(0, y),
+        return v < 0 ? p : [
+          ...p.slice(0, v),
           {
-            ...d[y],
-            ...f
+            ...p[v],
+            ...u
           },
-          ...d.slice(y + 1)
+          ...p.slice(v + 1)
         ];
       });
-    }, v = (f) => {
-      i((d) => {
-        const y = d.findIndex((k) => k.id === f.id);
-        return y >= 0 ? [
-          ...d.slice(0, y),
-          f,
-          ...d.slice(y + 1)
-        ] : [...d, f];
-      }), u(!1);
-    }, a = (f) => {
-      p(new Error(f.error)), u(!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);
     };
-    return n.on("message:start", h), n.on("message:chunk", m), n.on("message:answer-complete", w), n.on("message:complete", v), n.on("message:error", a), () => {
-      n.off("message:start", h), n.off("message:chunk", m), n.off("message:answer-complete", w), n.off("message:complete", v), n.off("message:error", a);
+    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);
     };
-  }, [n, c]), {
+  }, [t, c]), {
     messages: o,
     isLoading: g,
-    error: b,
-    sendMessage: R(async (h, m) => {
-      u(!0), p(null);
-      const w = {
+    error: y,
+    sendMessage: N(async (f, m) => {
+      d(!0), b(null);
+      const S = {
         id: `temp-${Date.now()}`,
         conversationId: c || "",
-        content: h,
+        content: f,
         role: "user",
         status: "DONE",
         attachments: m && m.length > 0 ? j(m) : void 0,
         createdAt: /* @__PURE__ */ new Date()
-      }, v = {
+      }, w = {
         id: `temp-assistant-${Date.now()}`,
         conversationId: c || "",
         content: "",
@@ -164,61 +170,61 @@ function U({ client: e, conversationId: t } = {}) {
         status: "IN_PROGRESS",
         createdAt: /* @__PURE__ */ new Date()
       };
-      i((a) => [
+      s((a) => [
         ...a,
-        w,
-        v
+        S,
+        w
       ]);
       try {
-        const a = await n.sendMessage(h, {
+        const a = await t.sendMessage(f, {
           conversationId: c,
           files: m
         });
-        return a.conversationId && !c && l(a.conversationId), i((f) => {
-          const d = f.filter((k) => !k.id.startsWith("temp-")), y = {
-            ...w,
-            id: w.id.replace("temp-", "user-"),
+        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-"),
             conversationId: a.conversationId
           };
-          return d.some((k) => k.id === a.id) ? [...d, y].sort((k, _) => new Date(k.createdAt).getTime() - new Date(_.createdAt).getTime()) : [
-            ...d,
-            y,
+          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,
             a
           ];
         }), a;
       } catch (a) {
-        return p(a instanceof Error ? a : /* @__PURE__ */ new Error("Failed to send message")), u(!1), i((f) => f.filter((d) => !d.id.startsWith("temp-"))), null;
+        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;
       }
-    }, [n, c]),
-    clearMessages: R(() => {
-      i([]), l(void 0), p(null);
+    }, [t, c]),
+    clearMessages: N(() => {
+      s([]), l(void 0), b(null);
     }, []),
     conversationId: c
   };
 }
-var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", allowFiles: n = !1, className: o = "" }) => {
-  const [i, c] = I(""), [l, g] = I([]), u = A(null), b = A(null), p = R(() => {
-    const a = b.current;
+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;
     if (!a) return;
-    const f = 110;
-    a.style.height = "auto", a.style.height = `${Math.min(a.scrollHeight + 2, f)}px`, a.style.overflowY = a.scrollHeight + 2 > f ? "auto" : "hidden";
-  }, []), x = R((a) => {
-    a.preventDefault(), (i.trim() || l.length > 0) && (e(i.trim(), l.length > 0 ? l : void 0), c(""), g([]), requestAnimationFrame(p));
+    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));
   }, [
-    i,
+    s,
     l,
     e,
-    p
-  ]), h = R((a) => {
-    a.key === "Enter" && !a.shiftKey && (a.preventDefault(), x(a));
-  }, [x]), m = R((a) => {
-    const f = Array.from(a.target.files || []);
-    g((d) => [...d, ...f]);
-  }, []), w = R((a) => {
-    g((f) => f.filter((d, y) => y !== a));
-  }, []), v = i.trim() || l.length > 0;
-  return /* @__PURE__ */ M("form", {
-    onSubmit: x,
+    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}`,
     style: {
       display: "flex",
@@ -228,14 +234,14 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       borderTop: "1px solid #dee3e8",
       backgroundColor: "#fff"
     },
-    children: [l.length > 0 && /* @__PURE__ */ s("div", {
+    children: [l.length > 0 && /* @__PURE__ */ i("div", {
       className: "ago-chat-input__files",
       style: {
         display: "flex",
         flexWrap: "wrap",
         gap: "6px"
       },
-      children: l.map((a, f) => /* @__PURE__ */ M("div", {
+      children: l.map((a, x) => /* @__PURE__ */ R("div", {
         style: {
           display: "flex",
           alignItems: "center",
@@ -246,7 +252,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           fontSize: "12px",
           color: "#30373e"
         },
-        children: [/* @__PURE__ */ s("span", {
+        children: [/* @__PURE__ */ i("span", {
           style: {
             maxWidth: "120px",
             overflow: "hidden",
@@ -254,9 +260,9 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
             whiteSpace: "nowrap"
           },
           children: a.name
-        }), /* @__PURE__ */ s("button", {
+        }), /* @__PURE__ */ i("button", {
           type: "button",
-          onClick: () => w(f),
+          onClick: () => S(x),
           "aria-label": `Remove ${a.name}`,
           style: {
             border: "none",
@@ -269,47 +275,47 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           },
           children: "×"
         })]
-      }, f))
-    }), /* @__PURE__ */ M("div", {
+      }, x))
+    }), /* @__PURE__ */ R("div", {
       style: {
         display: "flex",
         gap: "8px",
         alignItems: "flex-end"
       },
       children: [
-        n && /* @__PURE__ */ M(B, { children: [/* @__PURE__ */ s("button", {
+        t && /* @__PURE__ */ R(G, { children: [/* @__PURE__ */ i("button", {
           type: "button",
-          onClick: () => u.current?.click(),
-          disabled: t,
+          onClick: () => d.current?.click(),
+          disabled: n,
           "aria-label": "Attach file",
           style: {
             padding: "8px",
             border: "1px solid #dee3e8",
             borderRadius: "8px",
             backgroundColor: "#fff",
-            cursor: t ? "not-allowed" : "pointer",
+            cursor: n ? "not-allowed" : "pointer",
             color: "#6b6d6f",
             fontSize: "16px",
             lineHeight: 1
           },
           children: "+"
-        }), /* @__PURE__ */ s("input", {
-          ref: u,
+        }), /* @__PURE__ */ i("input", {
+          ref: d,
           type: "file",
           multiple: !0,
           onChange: m,
           style: { display: "none" }
         })] }),
-        /* @__PURE__ */ s("textarea", {
-          ref: b,
-          value: i,
+        /* @__PURE__ */ i("textarea", {
+          ref: y,
+          value: s,
           onChange: (a) => {
-            c(a.target.value), p();
+            c(a.target.value), b();
           },
-          onKeyDown: h,
+          onKeyDown: f,
           placeholder: r,
           "aria-label": r,
-          disabled: t,
+          disabled: n,
           rows: 1,
           style: {
             flex: 1,
@@ -335,16 +341,16 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
             a.currentTarget.style.borderColor = "#dee3e8";
           }
         }),
-        /* @__PURE__ */ s("button", {
+        /* @__PURE__ */ i("button", {
           type: "submit",
-          disabled: t || !v,
+          disabled: n || !w,
           style: {
             padding: "10px 18px",
             border: "none",
             borderRadius: "20px",
-            backgroundColor: t || !v ? "#b5bfc8" : "#03182f",
+            backgroundColor: n || !w ? "#b5bfc8" : "#03182f",
             color: "#fff",
-            cursor: t || !v ? "not-allowed" : "pointer",
+            cursor: n || !w ? "not-allowed" : "pointer",
             fontWeight: 500,
             fontSize: "16px",
             transition: "background-color 0.15s"
@@ -354,7 +360,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       ]
     })]
   });
-}, ie = ({ href: e, children: t, ...r }) => /* @__PURE__ */ s("a", {
+}, ie = ({ href: e, children: n, ...r }) => /* @__PURE__ */ i("a", {
   href: e,
   target: "_blank",
   rel: "noopener noreferrer",
@@ -363,53 +369,53 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     textDecoration: "underline"
   },
   ...r,
-  children: t
-}), le = ({ children: e, ...t }) => /* @__PURE__ */ s("p", {
+  children: n
+}), le = ({ children: e, ...n }) => /* @__PURE__ */ i("p", {
   style: {
     margin: "0 0 8px 0",
     lineHeight: "1.6"
   },
-  ...t,
+  ...n,
   children: e
-}), F = (e, t) => {
-  const r = ({ children: n, ...o }) => Z.createElement(`h${e}`, {
+}), P = (e, n) => {
+  const r = ({ children: t, ...o }) => Z.createElement(`h${e}`, {
     style: {
       margin: "16px 0 8px 0",
-      fontSize: t,
+      fontSize: n,
       fontWeight: 600,
       lineHeight: "1.3"
     },
     ...o
-  }, n);
+  }, t);
   return r.displayName = `MarkdownHeading${e}`, r;
-}, ce = ({ children: e, ...t }) => /* @__PURE__ */ s("ul", {
+}, ce = ({ children: e, ...n }) => /* @__PURE__ */ i("ul", {
   style: {
     margin: "0 0 8px 0",
     paddingLeft: "20px",
     listStyleType: "disc",
     listStylePosition: "outside"
   },
-  ...t,
+  ...n,
   children: e
-}), de = ({ children: e, ...t }) => /* @__PURE__ */ s("ol", {
+}), de = ({ children: e, ...n }) => /* @__PURE__ */ i("ol", {
   style: {
     margin: "0 0 8px 0",
     paddingLeft: "20px",
     listStyleType: "decimal",
     listStylePosition: "outside"
   },
-  ...t,
+  ...n,
   children: e
-}), ue = ({ children: e, ...t }) => /* @__PURE__ */ s("li", {
+}), ue = ({ children: e, ...n }) => /* @__PURE__ */ i("li", {
   style: {
     display: "list-item",
     margin: "2px 0",
     lineHeight: "1.6"
   },
-  ...t,
+  ...n,
   children: e
-}), fe = ({ className: e, children: t, ...r }) => e !== void 0 || String(t).includes(`
-`) ? /* @__PURE__ */ s("code", {
+}), fe = ({ className: e, children: n, ...r }) => e !== void 0 || String(n).includes(`
+`) ? /* @__PURE__ */ i("code", {
   style: {
     display: "block",
     background: "#f5f5f5",
@@ -420,8 +426,8 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     fontFamily: '"IBM Plex Mono", monospace'
   },
   ...r,
-  children: t
-}) : /* @__PURE__ */ s("code", {
+  children: n
+}) : /* @__PURE__ */ i("code", {
   style: {
     background: "#f0f2f5",
     padding: "2px 5px",
@@ -430,12 +436,12 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     fontFamily: '"IBM Plex Mono", monospace'
   },
   ...r,
-  children: t
-}), ge = ({ children: e, ...t }) => /* @__PURE__ */ s("pre", {
+  children: n
+}), ge = ({ children: e, ...n }) => /* @__PURE__ */ i("pre", {
   style: { margin: "0 0 8px 0" },
-  ...t,
+  ...n,
   children: e
-}), pe = ({ children: e, ...t }) => /* @__PURE__ */ s("blockquote", {
+}), pe = ({ children: e, ...n }) => /* @__PURE__ */ i("blockquote", {
   style: {
     borderLeft: "4px solid #dee3e8",
     paddingLeft: "12px",
@@ -443,23 +449,23 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     fontStyle: "italic",
     color: "#6b6d6f"
   },
-  ...t,
+  ...n,
   children: e
-}), me = ({ children: e, ...t }) => /* @__PURE__ */ s("div", {
+}), me = ({ children: e, ...n }) => /* @__PURE__ */ i("div", {
   style: {
     overflowX: "auto",
     margin: "0 0 8px 0"
   },
-  children: /* @__PURE__ */ s("table", {
+  children: /* @__PURE__ */ i("table", {
     style: {
       borderCollapse: "collapse",
       width: "100%",
       fontSize: "13px"
     },
-    ...t,
+    ...n,
     children: e
   })
-}), he = ({ children: e, ...t }) => /* @__PURE__ */ s("th", {
+}), he = ({ children: e, ...n }) => /* @__PURE__ */ i("th", {
   style: {
     border: "1px solid #dee3e8",
     padding: "6px 10px",
@@ -467,24 +473,24 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     backgroundColor: "#f5f7fa",
     fontWeight: 600
   },
-  ...t,
+  ...n,
   children: e
-}), xe = ({ children: e, ...t }) => /* @__PURE__ */ s("td", {
+}), xe = ({ children: e, ...n }) => /* @__PURE__ */ i("td", {
   style: {
     border: "1px solid #dee3e8",
     padding: "6px 10px"
   },
-  ...t,
+  ...n,
   children: e
-}), ye = ({ alt: e, ...t }) => /* @__PURE__ */ s("img", {
+}), ye = ({ alt: e, ...n }) => /* @__PURE__ */ i("img", {
   alt: e ?? "",
   style: {
     maxWidth: "100%",
     borderRadius: "8px",
     margin: "4px 0"
   },
-  ...t
-}), be = (e) => /* @__PURE__ */ s("hr", {
+  ...n
+}), be = (e) => /* @__PURE__ */ i("hr", {
   style: {
     border: "none",
     borderTop: "1px solid #dee3e8",
@@ -494,12 +500,12 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
 }), ve = {
   a: ie,
   p: le,
-  h1: F(1, "20px"),
-  h2: F(2, "18px"),
-  h3: F(3, "16px"),
-  h4: F(4, "15px"),
-  h5: F(5, "14px"),
-  h6: F(6, "13px"),
+  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,
@@ -511,13 +517,13 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   td: xe,
   img: ye,
   hr: be
-}, we = [oe], Se = ({ content: e }) => /* @__PURE__ */ s(re, {
+}, we = [oe], Se = ({ content: e }) => /* @__PURE__ */ i(re, {
   remarkPlugins: we,
   components: ve,
   children: e
-}), Ce = ({ attachment: e, isUser: t }) => {
+}), Ce = ({ attachment: e, isUser: n }) => {
   const r = Y(e.url);
-  if (J(e)) return /* @__PURE__ */ s("a", {
+  if (J(e)) return /* @__PURE__ */ i("a", {
     href: r,
     target: "_blank",
     rel: "noopener noreferrer",
@@ -525,7 +531,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       display: "inline-block",
       textDecoration: "none"
     },
-    children: /* @__PURE__ */ s("img", {
+    children: /* @__PURE__ */ i("img", {
       src: r,
       alt: e.name,
       loading: "lazy",
@@ -539,7 +545,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       }
     })
   });
-  const n = V(e.fileSize), o = /* @__PURE__ */ M(B, { children: [/* @__PURE__ */ s("span", {
+  const t = V(e.fileSize), o = /* @__PURE__ */ R(G, { children: [/* @__PURE__ */ i("span", {
     style: {
       fontSize: "16px",
       lineHeight: 1,
@@ -547,13 +553,13 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     },
     "aria-hidden": !0,
     children: "📄"
-  }), /* @__PURE__ */ M("span", {
+  }), /* @__PURE__ */ R("span", {
     style: {
       display: "flex",
       flexDirection: "column",
       minWidth: 0
     },
-    children: [/* @__PURE__ */ s("span", {
+    children: [/* @__PURE__ */ i("span", {
       style: {
         overflow: "hidden",
         textOverflow: "ellipsis",
@@ -562,38 +568,38 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       },
       title: e.name,
       children: e.name
-    }), n && /* @__PURE__ */ s("span", {
+    }), t && /* @__PURE__ */ i("span", {
       style: {
         fontSize: "11px",
         color: "#6b6d6f"
       },
-      children: n
+      children: t
     })]
-  })] }), i = {
+  })] }), s = {
     display: "inline-flex",
     alignItems: "center",
     gap: "8px",
     padding: "8px 12px",
     borderRadius: "10px",
     border: "1px solid #dee3e8",
-    backgroundColor: t ? "rgba(255,255,255,0.12)" : "#fff",
-    color: t ? "#fff" : "#30373e",
+    backgroundColor: n ? "rgba(255,255,255,0.12)" : "#fff",
+    color: n ? "#fff" : "#30373e",
     fontSize: "13px",
     textDecoration: "none",
     maxWidth: "220px"
   };
-  return r ? /* @__PURE__ */ s("a", {
+  return r ? /* @__PURE__ */ i("a", {
     href: r,
     target: "_blank",
     rel: "noopener noreferrer",
-    style: i,
+    style: s,
     children: o
-  }) : /* @__PURE__ */ s("div", {
-    style: i,
+  }) : /* @__PURE__ */ i("div", {
+    style: s,
     children: o
   });
-}, ke = ({ source: e, index: t }) => {
-  const r = /* @__PURE__ */ M("div", {
+}, Ie = ({ source: e, index: n }) => {
+  const r = /* @__PURE__ */ R("div", {
     style: {
       display: "flex",
       alignItems: "center",
@@ -601,7 +607,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       width: "100%",
       minWidth: 0
     },
-    children: [/* @__PURE__ */ s("div", {
+    children: [/* @__PURE__ */ i("div", {
       style: {
         flexShrink: 0,
         width: "18px",
@@ -616,8 +622,8 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
         justifyContent: "center",
         backgroundColor: "#f0f4ff"
       },
-      children: t + 1
-    }), /* @__PURE__ */ s("div", {
+      children: n + 1
+    }), /* @__PURE__ */ i("div", {
       style: {
         fontSize: "12px",
         overflow: "hidden",
@@ -628,7 +634,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       title: e.title,
       children: e.title
     })]
-  }), n = {
+  }), t = {
     display: "flex",
     alignItems: "center",
     padding: "8px 10px",
@@ -641,11 +647,11 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     minWidth: 0,
     transition: "border-color 0.15s"
   };
-  return e.url ? /* @__PURE__ */ s("a", {
+  return e.url ? /* @__PURE__ */ i("a", {
     href: e.url,
     target: "_blank",
     rel: "noopener noreferrer",
-    style: n,
+    style: t,
     onMouseEnter: (o) => {
       o.currentTarget.style.borderColor = "#1b5fc4";
     },
@@ -653,11 +659,11 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       o.currentTarget.style.borderColor = "#dee3e8";
     },
     children: r
-  }) : /* @__PURE__ */ s("div", {
-    style: n,
+  }) : /* @__PURE__ */ i("div", {
+    style: t,
     children: r
   });
-}, Ie = () => /* @__PURE__ */ M("div", {
+}, ke = () => /* @__PURE__ */ R("div", {
   style: {
     display: "flex",
     gap: "4px",
@@ -667,31 +673,31 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     0,
     1,
     2
-  ].map((e) => /* @__PURE__ */ s("div", { style: {
+  ].map((e) => /* @__PURE__ */ i("div", { style: {
     width: "6px",
     height: "6px",
     borderRadius: "50%",
     backgroundColor: "#b5bfc8",
     animation: "ago-pulse 1.2s ease-in-out infinite",
     animationDelay: `${e * 0.2}s`
-  } }, e)), /* @__PURE__ */ s("style", { children: `
+  } }, e)), /* @__PURE__ */ i("style", { children: `
       @keyframes ago-pulse {
         0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); }
         40% { opacity: 1; transform: scale(1); }
       }
     ` })]
-}), Me = ({ message: e, className: t = "", showAgentName: r = !1, isLast: n = !1, onFollowUpClick: o }) => {
-  const i = e.role === "user", c = e.status === "IN_PROGRESS";
-  return /* @__PURE__ */ M("div", {
-    className: `ago-message ago-message--${e.role} ${t}`,
+}), 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}`,
     style: {
       display: "flex",
       flexDirection: "column",
-      alignItems: i ? "flex-end" : "flex-start",
+      alignItems: s ? "flex-end" : "flex-start",
       marginBottom: "16px"
     },
     children: [
-      !i && r && e.agent && /* @__PURE__ */ s("div", {
+      !s && r && e.agent && /* @__PURE__ */ i("div", {
         className: "ago-message__agent",
         style: {
           display: "flex",
@@ -705,7 +711,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
         },
         children: e.agent.displayName || e.agent.name
       }),
-      !i && e.sources && e.sources.length > 0 && /* @__PURE__ */ s("div", {
+      !s && e.sources && e.sources.length > 0 && /* @__PURE__ */ i("div", {
         className: "ago-message__sources",
         style: {
           display: "grid",
@@ -715,41 +721,41 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           width: "100%",
           maxWidth: "85%"
         },
-        children: e.sources.map((l, g) => /* @__PURE__ */ s(ke, {
+        children: e.sources.map((l, g) => /* @__PURE__ */ i(Ie, {
           source: l,
           index: g
         }, l.id))
       }),
-      e.attachments && e.attachments.length > 0 && /* @__PURE__ */ s("div", {
+      e.attachments && e.attachments.length > 0 && /* @__PURE__ */ i("div", {
         className: "ago-message__attachments",
         style: {
           display: "flex",
           flexWrap: "wrap",
           gap: "6px",
           marginBottom: "6px",
-          justifyContent: i ? "flex-end" : "flex-start",
+          justifyContent: s ? "flex-end" : "flex-start",
           maxWidth: "75%"
         },
-        children: e.attachments.map((l) => /* @__PURE__ */ s(Ce, {
+        children: e.attachments.map((l) => /* @__PURE__ */ i(Ce, {
           attachment: l,
-          isUser: i
+          isUser: s
         }, l.id))
       }),
-      (e.content || c) && /* @__PURE__ */ s("div", {
+      (e.content || c) && /* @__PURE__ */ i("div", {
         className: "ago-message__content",
         style: {
-          maxWidth: i ? "75%" : "100%",
-          padding: i ? "10px 14px" : "2px 8px",
-          borderRadius: i ? "16px" : "0",
-          backgroundColor: i ? "#03182f" : "transparent",
-          color: i ? "#fff" : "#30373e",
+          maxWidth: s ? "75%" : "100%",
+          padding: s ? "10px 14px" : "2px 8px",
+          borderRadius: s ? "16px" : "0",
+          backgroundColor: s ? "#03182f" : "transparent",
+          color: s ? "#fff" : "#30373e",
           wordBreak: "break-word",
           fontSize: "16px",
           lineHeight: "1.6"
         },
-        children: e.content ? /* @__PURE__ */ s(Se, { content: e.content }) : c && /* @__PURE__ */ s(Ie, {})
+        children: e.content ? /* @__PURE__ */ i(Se, { content: e.content }) : c && /* @__PURE__ */ i(ke, {})
       }),
-      n && e.followUpReplies && e.followUpReplies.length > 0 && /* @__PURE__ */ s("div", {
+      t && e.followUpReplies && e.followUpReplies.length > 0 && /* @__PURE__ */ i("div", {
         className: "ago-message__followups",
         style: {
           display: "flex",
@@ -757,7 +763,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           gap: "8px",
           marginTop: "10px"
         },
-        children: e.followUpReplies.map((l, g) => /* @__PURE__ */ s("button", {
+        children: e.followUpReplies.map((l, g) => /* @__PURE__ */ i("button", {
           type: "button",
           className: "ago-message__followup-btn",
           disabled: !o,
@@ -773,52 +779,52 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
             cursor: o ? "pointer" : "default",
             transition: "border-color 0.15s"
           },
-          onMouseEnter: (u) => {
-            u.currentTarget.style.borderColor = "#1b5fc4";
+          onMouseEnter: (d) => {
+            d.currentTarget.style.borderColor = "#1b5fc4";
           },
-          onMouseLeave: (u) => {
-            u.currentTarget.style.borderColor = "#dee3e8";
+          onMouseLeave: (d) => {
+            d.currentTarget.style.borderColor = "#dee3e8";
           },
           children: l
         }, g))
       })
     ]
   });
-}, Oe = ({ client: e, conversationId: t, title: r = "Chat", welcomeMessage: n = "Hello! How can I help you today?", placeholder: o = "Type a message...", allowFiles: i = !1, height: c = 500, logoUrl: l, showAgentName: g = !1, forms: u, onFollowUpClick: b, className: p = "", onMessageSent: x, onMessageReceived: h }) => {
-  const m = A(null), w = D(), v = e ?? w, { messages: a, isLoading: f, error: d, sendMessage: y } = U({
+}, 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({
     client: e,
-    conversationId: t
+    conversationId: n
   });
-  C(() => {
-    if (!v || !u || u.length === 0) return;
-    let S = !1;
-    const P = [];
-    return Promise.all(u.map((E) => E.schema != null ? Promise.resolve(O(E)) : H(v, E))).then((E) => {
-      if (!S)
-        for (const G of E) P.push(G.install(v));
+  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));
     }).catch(() => {
     }), () => {
-      S = !0, P.forEach((E) => E());
+      C = !0, T.forEach((E) => E());
     };
-  }, [v, u ? JSON.stringify(u.map((S) => [
-    S.name,
-    S.schema ?? null,
-    S.submit ?? !1,
-    S.description ?? null
-  ])) : ""]), C(() => {
+  }, [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]), C(() => {
-    const S = a[a.length - 1];
-    S && S.role === "assistant" && S.status === "DONE" && h && h({
-      id: S.id,
-      content: S.content
+  }, [a]), k(() => {
+    const C = a[a.length - 1];
+    C && C.role === "assistant" && C.status === "DONE" && f && f({
+      id: C.id,
+      content: C.content
     });
-  }, [a, h]);
-  const k = async (S, P) => {
-    x?.(S), await y(S, P);
-  }, _ = a[a.length - 1], K = f && _?.role === "assistant" && _.status === "IN_PROGRESS", q = b === !1 ? void 0 : b ?? ((S) => k(S));
-  return /* @__PURE__ */ M("div", {
-    className: `ago-chat-widget ${p}`,
+  }, [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}`,
     style: {
       display: "flex",
       flexDirection: "column",
@@ -832,7 +838,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       boxShadow: "rgba(15, 15, 15, 0.08) 0px 2px 16px 0px"
     },
     children: [
-      /* @__PURE__ */ M("div", {
+      /* @__PURE__ */ R("div", {
         className: "ago-chat-widget__header",
         style: {
           padding: "14px 16px",
@@ -843,14 +849,14 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           alignItems: "center",
           gap: "10px"
         },
-        children: [l && /* @__PURE__ */ s("img", {
+        children: [l && /* @__PURE__ */ i("img", {
           src: l,
           alt: "Logo",
           style: {
             height: "24px",
             width: "auto"
           }
-        }), /* @__PURE__ */ s("h3", {
+        }), /* @__PURE__ */ i("h3", {
           style: {
             margin: 0,
             fontSize: "15px",
@@ -859,7 +865,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           children: r
         })]
       }),
-      /* @__PURE__ */ M("div", {
+      /* @__PURE__ */ R("div", {
         className: "ago-chat-widget__messages",
         role: "log",
         "aria-live": "polite",
@@ -872,7 +878,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           backgroundColor: "#fbfbfb"
         },
         children: [
-          a.length === 0 ? /* @__PURE__ */ s("div", {
+          a.length === 0 ? /* @__PURE__ */ i("div", {
             style: {
               textAlign: "center",
               color: "#6b6d6f",
@@ -880,14 +886,14 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
               fontSize: "16px",
               lineHeight: "1.5"
             },
-            children: n
-          }) : a.map((S, P) => /* @__PURE__ */ s(Me, {
-            message: S,
+            children: t
+          }) : a.map((C, T) => /* @__PURE__ */ i(Me, {
+            message: C,
             showAgentName: g,
-            isLast: P === a.length - 1,
-            onFollowUpClick: q
-          }, S.id)),
-          d && /* @__PURE__ */ s("div", {
+            isLast: T === a.length - 1,
+            onFollowUpClick: K
+          }, C.id)),
+          u && /* @__PURE__ */ i("div", {
             role: "alert",
             style: {
               padding: "10px 14px",
@@ -898,60 +904,60 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
               fontSize: "13px",
               border: "1px solid #fecaca"
             },
-            children: d.message
+            children: u.message
           }),
-          /* @__PURE__ */ s("div", { ref: m })
+          /* @__PURE__ */ i("div", { ref: m })
         ]
       }),
-      /* @__PURE__ */ s(se, {
-        onSend: k,
-        disabled: K,
+      /* @__PURE__ */ i(se, {
+        onSend: v,
+        disabled: D,
         placeholder: o,
-        allowFiles: i
+        allowFiles: s
       })
     ]
   });
 };
-function Re({ client: e, autoLoad: t = !0 } = {}) {
-  const r = D(), n = e || r;
-  if (!n) throw new Error("useConversation requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
-  const [o, i] = I([]), [c, l] = I(null), [g, u] = I(!1), [b, p] = I(null), x = R(async () => {
-    u(!0), p(null);
+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);
     try {
-      i(await n.getConversations());
-    } catch (w) {
-      p(w instanceof Error ? w : /* @__PURE__ */ new Error("Failed to load conversations"));
+      s(await t.getConversations());
+    } catch (S) {
+      b(S instanceof Error ? S : /* @__PURE__ */ new Error("Failed to load conversations"));
     } finally {
-      u(!1);
+      d(!1);
     }
-  }, [n]), h = R(async (w) => {
-    u(!0), p(null);
+  }, [t]), f = N(async (S) => {
+    d(!0), b(null);
     try {
-      l(await n.getConversation(w));
-    } catch (v) {
-      p(v instanceof Error ? v : /* @__PURE__ */ new Error("Failed to load conversation"));
+      l(await t.getConversation(S));
+    } catch (w) {
+      b(w instanceof Error ? w : /* @__PURE__ */ new Error("Failed to load conversation"));
     } finally {
-      u(!1);
+      d(!1);
     }
-  }, [n]), m = R(() => {
+  }, [t]), m = N(() => {
     l(null);
   }, []);
-  return C(() => {
-    t && x();
-  }, [t, x]), {
+  return k(() => {
+    n && I();
+  }, [n, I]), {
     conversations: o,
     currentConversation: c,
     isLoading: g,
-    error: b,
-    selectConversation: h,
+    error: y,
+    selectConversation: f,
     startNewConversation: m,
-    refreshConversations: x
+    refreshConversations: I
   };
 }
 function $e(e = {}) {
-  const t = D(), r = e.client || t;
+  const n = W(), r = e.client || n;
   if (!r) throw new Error("useChat requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
-  const n = U({
+  const t = U({
     client: r,
     conversationId: e.conversationId
   }), o = Re({
@@ -959,12 +965,12 @@ function $e(e = {}) {
     autoLoad: e.autoLoad
   });
   return {
-    messages: n.messages,
-    isLoading: n.isLoading,
-    error: n.error || o.error,
-    sendMessage: n.sendMessage,
-    clearMessages: n.clearMessages,
-    conversationId: n.conversationId,
+    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,
@@ -973,36 +979,38 @@ function $e(e = {}) {
     refreshConversations: o.refreshConversations
   };
 }
-function Be(e, t) {
-  const r = T(), { name: n, description: o, parameters: i, handler: c } = typeof e == "string" ? {
+function Be(e, n) {
+  const r = _(), { name: t, description: o, parameters: s, handler: c, maxResultBytes: l } = typeof e == "string" ? {
     name: e,
-    ...t
-  } : e, l = A(c);
-  l.current = c, C(() => {
-    const g = (u) => l.current(u);
-    return r.registerFunction(n, g, {
+    ...n
+  } : e, g = A(c);
+  g.current = c, k(() => {
+    const d = (y) => g.current(y);
+    return r.registerFunction(t, d, {
       description: o,
-      parameters: i
+      parameters: s,
+      maxResultBytes: l
     }), () => {
-      r.unregisterFunction(n);
+      r.unregisterFunction(t);
     };
   }, [
     r,
-    n,
+    t,
     o,
-    i
+    s,
+    l
   ]);
 }
-function Ue(e, t) {
-  const r = T(), n = A(e);
-  n.current = e, C(() => (r.registerNavigationFunction((o) => n.current(o), t), () => {
+function Ge(e, n) {
+  const r = _(), t = A(e);
+  t.current = e, k(() => (r.registerNavigationFunction((o) => t.current(o), n), () => {
     r.unregisterNavigationFunction();
-  }), [r, t]);
+  }), [r, n]);
 }
-function Ke(e, t) {
-  const r = T(), n = t?.functionName ?? "setPageState", o = A(e);
-  o.current = e, C(() => {
-    const i = o.current.map((c) => {
+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;
       return {
         name: c.name,
@@ -1012,81 +1020,86 @@ function Ke(e, t) {
         set: (g) => l().set(g)
       };
     });
-    return r.registerPageStateFunction(i, { functionName: n }), () => {
-      r.unregisterPageStateFunction(n);
+    return r.registerPageStateFunction(s, { functionName: t }), () => {
+      r.unregisterPageStateFunction(t);
     };
-  }, [r, n]);
+  }, [r, t]);
 }
-var Ae = "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 L(e) {
+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 ?? Ae,
+    continuationPrompt: e?.continuationPrompt ?? Ne,
     maxDepth: e?.maxDepth ?? 1,
     readinessTimeoutMs: e?.readinessTimeoutMs ?? 4e3,
     settleMs: e?.settleMs ?? 150,
     enabled: e?.enabled ?? !0
   };
 }
-function qe(e) {
-  const t = T(), r = A(L(e));
-  r.current = L(e), C(() => {
-    const n = {
+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 = () => t.getRegisteredFunctions().some((p) => p.name === r.current.pageStateFunctionName), i = (p) => new Promise((x) => {
-      let h = !1;
-      const m = (f) => {
-        h || (h = !0, clearTimeout(a), t.off("context:changed", v), x(f));
-      }, w = () => setTimeout(() => m(p === n.runId && o()), r.current.settleMs), v = () => {
-        if (p !== n.runId) return m(!1);
-        o() && (t.off("context:changed", v), w());
-      }, a = setTimeout(() => m(!1), r.current.readinessTimeoutMs);
-      o() ? w() : t.on("context:changed", v);
-    }), c = async (p) => {
-      const x = ++n.runId;
-      if (!(!await i(x) || x !== n.runId)) {
-        n.depth += 1, n.ourSendPending = !0;
+    }, 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 t.sendMessage(r.current.continuationPrompt, {
-            conversationId: p,
+          await n.sendMessage(r.current.continuationPrompt, {
+            conversationId: f,
             hidden: !0
           });
         } catch {
-          n.ourSendPending = !1;
+          t.ourSendPending = !1;
         }
       }
-    }, l = (p) => {
-      r.current.navigationFunctions.includes(p.functionName) && (n.navigated = !0);
-    }, g = () => {
-      n.ourSendPending || (n.depth = 0, n.runId += 1);
-    }, u = (p) => {
-      n.ourSendPending = !1;
-      const x = n.navigated;
-      n.navigated = !1, r.current.enabled && x && (n.depth >= r.current.maxDepth || c(p.conversationId));
-    }, b = () => {
-      n.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 t.on("function:invoke", l), t.on("message:start", g), t.on("message:complete", u), t.on("message:error", b), () => {
-      n.runId += 1, t.off("function:invoke", l), t.off("message:start", g), t.off("message:complete", u), t.off("message:error", b);
+    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);
     };
-  }, [t]);
+  }, [n]);
 }
-function Ge(e, t) {
-  const r = T(), n = te(), o = t ?? n, i = A(e);
-  i.current = e;
+function qe(e, n) {
+  const r = _(), t = te(), o = n ?? t, s = A(e);
+  s.current = e;
   const c = typeof e == "function";
-  C(() => {
-    if (typeof i.current == "function") {
-      const l = () => i.current();
+  k(() => {
+    if (typeof s.current == "function") {
+      const l = () => s.current();
       return r.addDynamicContext(o, l), () => {
         r.removeDynamicContext(o);
       };
     }
-    return r.setContext(o, i.current), () => {
+    return r.setContext(o, s.current), () => {
       r.removeContext(o);
     };
   }, [
@@ -1096,70 +1109,70 @@ function Ge(e, t) {
     c ? "" : JSON.stringify(e)
   ]);
 }
-function Ee(e) {
+function Ae(e) {
   return ne(e.subscribe, e.get, e.get);
 }
-var W = {
+var H = {
   missing: [],
   complete: !1
 };
 function Je(e) {
-  const t = T(), r = e.schema != null, n = JSON.stringify(e.schema ?? null), o = e.submit, i = o ? typeof o == "string" ? `client:${o}` : o.via === "backend" ? "backend" : "handler" in o ? "client:handler" : `client:${o.url}` : "none", c = JSON.stringify(e.initialValues ?? null), l = N(() => r ? O(e) : null, [
+  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, [
     r,
     e.name,
-    n,
-    i,
+    t,
+    s,
     c,
     e.autoSubmit
-  ]), [g, u] = I({
+  ]), [g, d] = M({
     collector: null,
     loading: !r,
     error: null
   });
-  C(() => {
+  k(() => {
     if (r) return;
-    let f = !1;
-    return u({
+    let x = !1;
+    return d({
       collector: null,
       loading: !0,
       error: null
-    }), H(t, e).then((d) => {
-      f || u({
-        collector: d,
+    }), O(n, e).then((u) => {
+      x || d({
+        collector: u,
         loading: !1,
         error: null
       });
-    }).catch((d) => {
-      f || u({
+    }).catch((u) => {
+      x || d({
         collector: null,
         loading: !1,
-        error: d instanceof Error ? d : new Error(String(d))
+        error: u instanceof Error ? u : new Error(String(u))
       });
     }), () => {
-      f = !0;
+      x = !0;
     };
   }, [
-    t,
+    n,
     r,
     e.name,
-    i,
+    s,
     c,
     e.autoSubmit
   ]);
-  const b = r ? l : g.collector, p = r ? !1 : g.loading, x = r ? null : g.error;
-  C(() => {
-    if (b)
-      return b.install(t);
-  }, [t, b]);
-  const h = N(() => Q({
+  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({
     values: e.initialValues ?? {},
     submitted: !1
-  }), [c]), m = Ee(b?.store ?? h), w = N(() => b?.getStatus() ?? W, [m, b]), v = N(() => ({
+  }), [c]), m = Ae(y?.store ?? f), S = F(() => y?.getStatus() ?? H, [m, y]), w = F(() => ({
     ...m,
-    ...w
-  }), [m, w]), a = N(() => ({
+    ...S
+  }), [m, S]), a = F(() => ({
     name: e.name,
-    store: h,
+    store: f,
     functions: [],
     contextKey: `form:${e.name}`,
     contextProvider: () => ({
@@ -1174,18 +1187,18 @@ function Je(e) {
       ok: !1,
       error: "Form definition not loaded yet."
     }),
-    getValues: () => h.get().values,
+    getValues: () => f.get().values,
     setValues: () => {
     },
     reset: () => {
     },
-    getStatus: () => W
-  }), [e.name, h]);
+    getStatus: () => H
+  }), [e.name, f]);
   return {
-    ...b ?? a,
-    state: v,
-    loading: p,
-    error: x
+    ...y ?? a,
+    state: w,
+    loading: b,
+    error: I
   };
 }
 export {
@@ -1194,21 +1207,21 @@ export {
   Oe as ChatWidget,
   Se as Markdown,
   Me as Message,
-  O as createFormCollector,
+  $ as createFormCollector,
   _e as createMockClient,
-  Ne as deriveFormStatus,
-  H as loadFormCollector,
+  Pe as deriveFormStatus,
+  O as loadFormCollector,
   ae as useAgo,
-  qe as useAgoAutoContinueAfterNavigation,
-  T as useAgoClient,
-  Ge as useAgoContext,
+  Ke as useAgoAutoContinueAfterNavigation,
+  _ as useAgoClient,
+  qe as useAgoContext,
   Be as useAgoFunction,
-  Ue as useAgoNavigation,
-  Ke as useAgoPageState,
-  Ee as useAgoStore,
+  Ge as useAgoNavigation,
+  Ue as useAgoPageState,
+  Ae as useAgoStore,
   $e as useChat,
   Re as useConversation,
   Je as useFormCollector,
   U as useMessages,
-  D as useOptionalAgoClient
+  W as useOptionalAgoClient
 };