@useago/sdk 1.3.2 → 1.4.1

package/dist/react.js

@@ -1,19 +1,19 @@
-import { a as J, i as j, o as G, s as V, t as Y } from "./AgoClient-Cwx_eYSu.js";
-import { i as X, n as Fe, r as H, t as L } from "./createFormCollector-CyWisAkI.js";
-import { t as _e } from "./createMockClient-DwdxNwEn.js";
-import Q, { createContext as Z, useCallback as R, useContext as $, useEffect as k, useId as ee, useMemo as _, useRef as A, useState as M, useSyncExternalStore as te } from "react";
-import { Fragment as O, jsx as o, jsxs as I } from "react/jsx-runtime";
-import ne from "react-markdown";
-import re from "remark-gfm";
-function oe(e) {
-  const [t, r] = M(!1), n = A(null), a = _(() => {
+import { a as j, i as G, 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 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 Y(e);
+    const i = new X(e);
     return n.current = i, i;
   }, [e?.baseUrl, e?.widgetId]);
-  return k(() => (r(!0), () => {
+  return C(() => (r(!0), () => {
     n.current?.destroy(), n.current = null;
-  }), [a]), k(() => {
+  }), [o]), C(() => {
     n.current && e && n.current.updateConfig({
       agent: e.agent,
       defaultAgentId: e.defaultAgentId,
@@ -32,187 +32,187 @@ function oe(e) {
     e?.debug,
     e?.warnOnEmptyReply
   ]), {
-    client: a,
+    client: o,
     isReady: t
   };
 }
-var D = Z(null), Pe = ({ children: e, client: t, tools: r, helpers: n, pageContext: a, ...i }) => {
-  const { client: u } = oe(t ? null : i), l = t || u;
-  return k(() => {
+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(() => {
     if (!(!r || r.length === 0)) {
-      for (const f of r) l.register(f);
+      for (const g of r) l.register(g);
       return () => {
-        for (const f of r) l.unregisterFunction(f.name);
+        for (const g of r) l.unregisterFunction(g.name);
       };
     }
-  }, [l, r]), k(() => {
+  }, [l, r]), C(() => {
     if (!n) return;
-    const f = [];
-    return import("./functions-CApuQZ2b.js").then((c) => c.n).then((c) => {
-      for (const [b, m] of Object.entries(n)) {
-        const C = c[b];
-        if (!C) {
-          console.warn(`[AGO] Unknown helper: "${b}"`);
+    const g = [];
+    return import("./functions-CApuQZ2b.js").then((d) => d.n).then((d) => {
+      for (const [y, p] of Object.entries(n)) {
+        const x = d[y];
+        if (!x) {
+          console.warn(`[AGO] Unknown helper: "${y}"`);
           continue;
         }
-        const g = m === !0 ? C : {
-          ...C,
-          handler: m
+        const h = p === !0 ? x : {
+          ...x,
+          handler: p
         };
-        l.register(g), f.push(g.name);
+        l.register(h), g.push(h.name);
       }
     }), () => {
-      for (const c of f) l.unregisterFunction(c);
+      for (const d of g) l.unregisterFunction(d);
     };
-  }, [l, n]), k(() => {
-    a === "auto" && l.enableAutoPageContext();
-  }, [l, a]), /* @__PURE__ */ o(D.Provider, {
+  }, [l, n]), C(() => {
+    o === "auto" && l.enableAutoPageContext();
+  }, [l, o]), /* @__PURE__ */ s(z.Provider, {
     value: l,
     children: e
   });
 };
 function T() {
-  const e = $(D);
+  const e = $(z);
   if (!e) throw new Error('useAgoClient must be used within an <AgoProvider>. Wrap your component tree with <AgoProvider baseUrl="...">.');
   return e;
 }
-function W() {
-  return $(D);
+function D() {
+  return $(z);
 }
-function B({ client: e, conversationId: t } = {}) {
-  const r = W(), n = e || r;
+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 [a, i] = M([]), [u, l] = M(t), [f, c] = M(!1), [b, m] = M(null);
-  k(() => {
-    t && t !== u && (l(t), C(t));
+  const [o, i] = I([]), [c, l] = I(t), [g, d] = I(!1), [y, p] = I(null);
+  C(() => {
+    t && t !== c && (l(t), x(t));
   }, [t]);
-  const C = async (g) => {
+  const x = async (h) => {
     try {
-      i(await n.getMessages(g));
-    } catch (x) {
-      m(x instanceof Error ? x : /* @__PURE__ */ new Error("Failed to load messages"));
+      i((await n.getMessages(h)).filter((m) => !m.hidden));
+    } catch (m) {
+      p(m instanceof Error ? m : /* @__PURE__ */ new Error("Failed to load messages"));
     }
   };
-  return k(() => {
-    const g = (p) => {
-      u || l(p.conversationId);
-    }, x = (p) => {
-      i((d) => {
-        const h = d[d.length - 1];
-        return h && h.id === p.messageId ? [...d.slice(0, -1), {
-          ...h,
-          content: h.content + p.content
-        }] : d;
+  return C(() => {
+    const h = (f) => {
+      c || l(f.conversationId);
+    }, m = (f) => {
+      i((u) => {
+        const w = u[u.length - 1];
+        return w && w.id === f.messageId ? [...u.slice(0, -1), {
+          ...w,
+          content: w.content + f.content
+        }] : u;
       });
-    }, v = (p) => {
-      i((d) => {
-        let h = -1;
-        for (let S = d.length - 1; S >= 0; S--) if (d[S].role === "assistant" && d[S].status === "IN_PROGRESS") {
-          h = S;
+    }, v = (f) => {
+      i((u) => {
+        let w = -1;
+        for (let k = u.length - 1; k >= 0; k--) if (u[k].role === "assistant" && u[k].status === "IN_PROGRESS") {
+          w = k;
           break;
         }
-        return h < 0 ? d : [
-          ...d.slice(0, h),
+        return w < 0 ? u : [
+          ...u.slice(0, w),
           {
-            ...d[h],
-            ...p
+            ...u[w],
+            ...f
           },
-          ...d.slice(h + 1)
+          ...u.slice(w + 1)
         ];
       });
-    }, w = (p) => {
-      i((d) => {
-        const h = d.findIndex((S) => S.id === p.id);
-        return h >= 0 ? [
-          ...d.slice(0, h),
-          p,
-          ...d.slice(h + 1)
-        ] : [...d, p];
-      }), c(!1);
-    }, s = (p) => {
-      m(new Error(p.error)), c(!1);
+    }, b = (f) => {
+      i((u) => {
+        const w = u.findIndex((k) => k.id === f.id);
+        return w >= 0 ? [
+          ...u.slice(0, w),
+          f,
+          ...u.slice(w + 1)
+        ] : [...u, f];
+      }), d(!1);
+    }, a = (f) => {
+      p(new Error(f.error)), d(!1);
     };
-    return n.on("message:start", g), n.on("message:chunk", x), n.on("message:answer-complete", v), n.on("message:complete", w), n.on("message:error", s), () => {
-      n.off("message:start", g), n.off("message:chunk", x), n.off("message:answer-complete", v), n.off("message:complete", w), n.off("message:error", s);
+    return n.on("message:start", h), n.on("message:chunk", m), n.on("message:answer-complete", v), n.on("message:complete", b), n.on("message:error", a), () => {
+      n.off("message:start", h), n.off("message:chunk", m), n.off("message:answer-complete", v), n.off("message:complete", b), n.off("message:error", a);
     };
-  }, [n, u]), {
-    messages: a,
-    isLoading: f,
-    error: b,
-    sendMessage: R(async (g, x) => {
-      c(!0), m(null);
+  }, [n, c]), {
+    messages: o,
+    isLoading: g,
+    error: y,
+    sendMessage: R(async (h, m) => {
+      d(!0), p(null);
       const v = {
         id: `temp-${Date.now()}`,
-        conversationId: u || "",
-        content: g,
+        conversationId: c || "",
+        content: h,
         role: "user",
         status: "DONE",
-        attachments: x && x.length > 0 ? j(x) : void 0,
+        attachments: m && m.length > 0 ? G(m) : void 0,
         createdAt: /* @__PURE__ */ new Date()
-      }, w = {
+      }, b = {
         id: `temp-assistant-${Date.now()}`,
-        conversationId: u || "",
+        conversationId: c || "",
         content: "",
         role: "assistant",
         status: "IN_PROGRESS",
         createdAt: /* @__PURE__ */ new Date()
       };
-      i((s) => [
-        ...s,
+      i((a) => [
+        ...a,
         v,
-        w
+        b
       ]);
       try {
-        const s = await n.sendMessage(g, {
-          conversationId: u,
-          files: x
+        const a = await n.sendMessage(h, {
+          conversationId: c,
+          files: m
         });
-        return s.conversationId && !u && l(s.conversationId), i((p) => {
-          const d = p.filter((S) => !S.id.startsWith("temp-")), h = {
+        return a.conversationId && !c && l(a.conversationId), i((f) => {
+          const u = f.filter((k) => !k.id.startsWith("temp-")), w = {
             ...v,
             id: v.id.replace("temp-", "user-"),
-            conversationId: s.conversationId
+            conversationId: a.conversationId
           };
-          return d.some((S) => S.id === s.id) ? [...d, h].sort((S, z) => new Date(S.createdAt).getTime() - new Date(z.createdAt).getTime()) : [
-            ...d,
-            h,
-            s
+          return u.some((k) => k.id === a.id) ? [...u, w].sort((k, _) => new Date(k.createdAt).getTime() - new Date(_.createdAt).getTime()) : [
+            ...u,
+            w,
+            a
           ];
-        }), s;
-      } catch (s) {
-        return m(s instanceof Error ? s : /* @__PURE__ */ new Error("Failed to send message")), c(!1), i((p) => p.filter((d) => !d.id.startsWith("temp-"))), null;
+        }), a;
+      } catch (a) {
+        return p(a instanceof Error ? a : /* @__PURE__ */ new Error("Failed to send message")), d(!1), i((f) => f.filter((u) => !u.id.startsWith("temp-"))), null;
       }
-    }, [n, u]),
+    }, [n, c]),
     clearMessages: R(() => {
-      i([]), l(void 0), m(null);
+      i([]), l(void 0), p(null);
     }, []),
-    conversationId: u
+    conversationId: c
   };
 }
-var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", allowFiles: n = !1, className: a = "" }) => {
-  const [i, u] = M(""), [l, f] = M([]), c = A(null), b = A(null), m = R(() => {
-    const s = b.current;
-    if (!s) return;
-    const p = 110;
-    s.style.height = "auto", s.style.height = `${Math.min(s.scrollHeight + 2, p)}px`, s.style.overflowY = s.scrollHeight + 2 > p ? "auto" : "hidden";
-  }, []), C = R((s) => {
-    s.preventDefault(), (i.trim() || l.length > 0) && (e(i.trim(), l.length > 0 ? l : void 0), u(""), f([]), requestAnimationFrame(m));
+var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", allowFiles: n = !1, className: o = "" }) => {
+  const [i, c] = I(""), [l, g] = I([]), d = A(null), y = A(null), p = R(() => {
+    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));
   }, [
     i,
     l,
     e,
-    m
-  ]), g = R((s) => {
-    s.key === "Enter" && !s.shiftKey && (s.preventDefault(), C(s));
-  }, [C]), x = R((s) => {
-    const p = Array.from(s.target.files || []);
-    f((d) => [...d, ...p]);
-  }, []), v = R((s) => {
-    f((p) => p.filter((d, h) => h !== s));
-  }, []), w = i.trim() || l.length > 0;
-  return /* @__PURE__ */ I("form", {
-    onSubmit: C,
-    className: `ago-chat-input ${a}`,
+    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((u) => [...u, ...f]);
+  }, []), v = R((a) => {
+    g((f) => f.filter((u, w) => w !== a));
+  }, []), b = i.trim() || l.length > 0;
+  return /* @__PURE__ */ M("form", {
+    onSubmit: x,
+    className: `ago-chat-input ${o}`,
     style: {
       display: "flex",
       flexDirection: "column",
@@ -221,14 +221,14 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       borderTop: "1px solid #dee3e8",
       backgroundColor: "#fff"
     },
-    children: [l.length > 0 && /* @__PURE__ */ o("div", {
+    children: [l.length > 0 && /* @__PURE__ */ s("div", {
       className: "ago-chat-input__files",
       style: {
         display: "flex",
         flexWrap: "wrap",
         gap: "6px"
       },
-      children: l.map((s, p) => /* @__PURE__ */ I("div", {
+      children: l.map((a, f) => /* @__PURE__ */ M("div", {
         style: {
           display: "flex",
           alignItems: "center",
@@ -239,18 +239,18 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           fontSize: "12px",
           color: "#30373e"
         },
-        children: [/* @__PURE__ */ o("span", {
+        children: [/* @__PURE__ */ s("span", {
           style: {
             maxWidth: "120px",
             overflow: "hidden",
             textOverflow: "ellipsis",
             whiteSpace: "nowrap"
           },
-          children: s.name
-        }), /* @__PURE__ */ o("button", {
+          children: a.name
+        }), /* @__PURE__ */ s("button", {
           type: "button",
-          onClick: () => v(p),
-          "aria-label": `Remove ${s.name}`,
+          onClick: () => v(f),
+          "aria-label": `Remove ${a.name}`,
           style: {
             border: "none",
             background: "none",
@@ -262,17 +262,17 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           },
           children: "×"
         })]
-      }, p))
-    }), /* @__PURE__ */ I("div", {
+      }, f))
+    }), /* @__PURE__ */ M("div", {
       style: {
         display: "flex",
         gap: "8px",
         alignItems: "flex-end"
       },
       children: [
-        n && /* @__PURE__ */ I(O, { children: [/* @__PURE__ */ o("button", {
+        n && /* @__PURE__ */ M(B, { children: [/* @__PURE__ */ s("button", {
           type: "button",
-          onClick: () => c.current?.click(),
+          onClick: () => d.current?.click(),
           disabled: t,
           "aria-label": "Attach file",
           style: {
@@ -286,20 +286,20 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
             lineHeight: 1
           },
           children: "+"
-        }), /* @__PURE__ */ o("input", {
-          ref: c,
+        }), /* @__PURE__ */ s("input", {
+          ref: d,
           type: "file",
           multiple: !0,
-          onChange: x,
+          onChange: m,
           style: { display: "none" }
         })] }),
-        /* @__PURE__ */ o("textarea", {
-          ref: b,
+        /* @__PURE__ */ s("textarea", {
+          ref: y,
           value: i,
-          onChange: (s) => {
-            u(s.target.value), m();
+          onChange: (a) => {
+            c(a.target.value), p();
           },
-          onKeyDown: g,
+          onKeyDown: h,
           placeholder: r,
           "aria-label": r,
           disabled: t,
@@ -321,23 +321,23 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
             backgroundColor: "#f8f8f8",
             transition: "border-color 0.15s"
           },
-          onFocus: (s) => {
-            s.currentTarget.style.borderColor = "#1b5fc4";
+          onFocus: (a) => {
+            a.currentTarget.style.borderColor = "#1b5fc4";
           },
-          onBlur: (s) => {
-            s.currentTarget.style.borderColor = "#dee3e8";
+          onBlur: (a) => {
+            a.currentTarget.style.borderColor = "#dee3e8";
           }
         }),
-        /* @__PURE__ */ o("button", {
+        /* @__PURE__ */ s("button", {
           type: "submit",
-          disabled: t || !w,
+          disabled: t || !b,
           style: {
             padding: "10px 18px",
             border: "none",
             borderRadius: "20px",
-            backgroundColor: t || !w ? "#b5bfc8" : "#03182f",
+            backgroundColor: t || !b ? "#b5bfc8" : "#03182f",
             color: "#fff",
-            cursor: t || !w ? "not-allowed" : "pointer",
+            cursor: t || !b ? "not-allowed" : "pointer",
             fontWeight: 500,
             fontSize: "16px",
             transition: "background-color 0.15s"
@@ -347,7 +347,7 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       ]
     })]
   });
-}, se = ({ href: e, children: t, ...r }) => /* @__PURE__ */ o("a", {
+}, ie = ({ href: e, children: t, ...r }) => /* @__PURE__ */ s("a", {
   href: e,
   target: "_blank",
   rel: "noopener noreferrer",
@@ -357,25 +357,25 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...r,
   children: t
-}), ie = ({ children: e, ...t }) => /* @__PURE__ */ o("p", {
+}), le = ({ children: e, ...t }) => /* @__PURE__ */ s("p", {
   style: {
     margin: "0 0 8px 0",
     lineHeight: "1.6"
   },
   ...t,
   children: e
-}), N = (e, t) => {
-  const r = ({ children: n, ...a }) => Q.createElement(`h${e}`, {
+}), P = (e, t) => {
+  const r = ({ children: n, ...o }) => Z.createElement(`h${e}`, {
     style: {
       margin: "16px 0 8px 0",
       fontSize: t,
       fontWeight: 600,
       lineHeight: "1.3"
     },
-    ...a
+    ...o
   }, n);
   return r.displayName = `MarkdownHeading${e}`, r;
-}, le = ({ children: e, ...t }) => /* @__PURE__ */ o("ul", {
+}, ce = ({ children: e, ...t }) => /* @__PURE__ */ s("ul", {
   style: {
     margin: "0 0 8px 0",
     paddingLeft: "20px",
@@ -384,7 +384,7 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...t,
   children: e
-}), de = ({ children: e, ...t }) => /* @__PURE__ */ o("ol", {
+}), de = ({ children: e, ...t }) => /* @__PURE__ */ s("ol", {
   style: {
     margin: "0 0 8px 0",
     paddingLeft: "20px",
@@ -393,7 +393,7 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...t,
   children: e
-}), ce = ({ children: e, ...t }) => /* @__PURE__ */ o("li", {
+}), ue = ({ children: e, ...t }) => /* @__PURE__ */ s("li", {
   style: {
     display: "list-item",
     margin: "2px 0",
@@ -401,8 +401,8 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...t,
   children: e
-}), ue = ({ className: e, children: t, ...r }) => e !== void 0 || String(t).includes(`
-`) ? /* @__PURE__ */ o("code", {
+}), fe = ({ className: e, children: t, ...r }) => e !== void 0 || String(t).includes(`
+`) ? /* @__PURE__ */ s("code", {
   style: {
     display: "block",
     background: "#f5f5f5",
@@ -414,7 +414,7 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...r,
   children: t
-}) : /* @__PURE__ */ o("code", {
+}) : /* @__PURE__ */ s("code", {
   style: {
     background: "#f0f2f5",
     padding: "2px 5px",
@@ -424,11 +424,11 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...r,
   children: t
-}), pe = ({ children: e, ...t }) => /* @__PURE__ */ o("pre", {
+}), ge = ({ children: e, ...t }) => /* @__PURE__ */ s("pre", {
   style: { margin: "0 0 8px 0" },
   ...t,
   children: e
-}), fe = ({ children: e, ...t }) => /* @__PURE__ */ o("blockquote", {
+}), pe = ({ children: e, ...t }) => /* @__PURE__ */ s("blockquote", {
   style: {
     borderLeft: "4px solid #dee3e8",
     paddingLeft: "12px",
@@ -438,12 +438,12 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...t,
   children: e
-}), ge = ({ children: e, ...t }) => /* @__PURE__ */ o("div", {
+}), me = ({ children: e, ...t }) => /* @__PURE__ */ s("div", {
   style: {
     overflowX: "auto",
     margin: "0 0 8px 0"
   },
-  children: /* @__PURE__ */ o("table", {
+  children: /* @__PURE__ */ s("table", {
     style: {
       borderCollapse: "collapse",
       width: "100%",
@@ -452,7 +452,7 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     ...t,
     children: e
   })
-}), me = ({ children: e, ...t }) => /* @__PURE__ */ o("th", {
+}), he = ({ children: e, ...t }) => /* @__PURE__ */ s("th", {
   style: {
     border: "1px solid #dee3e8",
     padding: "6px 10px",
@@ -462,14 +462,14 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
   },
   ...t,
   children: e
-}), xe = ({ children: e, ...t }) => /* @__PURE__ */ o("td", {
+}), xe = ({ children: e, ...t }) => /* @__PURE__ */ s("td", {
   style: {
     border: "1px solid #dee3e8",
     padding: "6px 10px"
   },
   ...t,
   children: e
-}), he = ({ alt: e, ...t }) => /* @__PURE__ */ o("img", {
+}), ye = ({ alt: e, ...t }) => /* @__PURE__ */ s("img", {
   alt: e ?? "",
   style: {
     maxWidth: "100%",
@@ -477,40 +477,40 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     margin: "4px 0"
   },
   ...t
-}), ye = (e) => /* @__PURE__ */ o("hr", {
+}), be = (e) => /* @__PURE__ */ s("hr", {
   style: {
     border: "none",
     borderTop: "1px solid #dee3e8",
     margin: "12px 0"
   },
   ...e
-}), be = {
-  a: se,
-  p: ie,
-  h1: N(1, "20px"),
-  h2: N(2, "18px"),
-  h3: N(3, "16px"),
-  h4: N(4, "15px"),
-  h5: N(5, "14px"),
-  h6: N(6, "13px"),
-  ul: le,
+}), ve = {
+  a: ie,
+  p: le,
+  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: ce,
-  code: ue,
-  pre: pe,
-  blockquote: fe,
-  table: ge,
-  th: me,
+  li: ue,
+  code: fe,
+  pre: ge,
+  blockquote: pe,
+  table: me,
+  th: he,
   td: xe,
-  img: he,
-  hr: ye
-}, ve = [re], we = ({ content: e }) => /* @__PURE__ */ o(ne, {
-  remarkPlugins: ve,
-  components: be,
+  img: ye,
+  hr: be
+}, we = [oe], Se = ({ content: e }) => /* @__PURE__ */ s(re, {
+  remarkPlugins: we,
+  components: ve,
   children: e
 }), Ce = ({ attachment: e, isUser: t }) => {
-  const r = V(e.url);
-  if (J(e)) return /* @__PURE__ */ o("a", {
+  const r = Y(e.url);
+  if (j(e)) return /* @__PURE__ */ s("a", {
     href: r,
     target: "_blank",
     rel: "noopener noreferrer",
@@ -518,7 +518,7 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       display: "inline-block",
       textDecoration: "none"
     },
-    children: /* @__PURE__ */ o("img", {
+    children: /* @__PURE__ */ s("img", {
       src: r,
       alt: e.name,
       loading: "lazy",
@@ -532,7 +532,7 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       }
     })
   });
-  const n = G(e.fileSize), a = /* @__PURE__ */ I(O, { children: [/* @__PURE__ */ o("span", {
+  const n = V(e.fileSize), o = /* @__PURE__ */ M(B, { children: [/* @__PURE__ */ s("span", {
     style: {
       fontSize: "16px",
       lineHeight: 1,
@@ -540,13 +540,13 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     },
     "aria-hidden": !0,
     children: "📄"
-  }), /* @__PURE__ */ I("span", {
+  }), /* @__PURE__ */ M("span", {
     style: {
       display: "flex",
       flexDirection: "column",
       minWidth: 0
     },
-    children: [/* @__PURE__ */ o("span", {
+    children: [/* @__PURE__ */ s("span", {
       style: {
         overflow: "hidden",
         textOverflow: "ellipsis",
@@ -555,7 +555,7 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       },
       title: e.name,
       children: e.name
-    }), n && /* @__PURE__ */ o("span", {
+    }), n && /* @__PURE__ */ s("span", {
       style: {
         fontSize: "11px",
         color: "#6b6d6f"
@@ -575,18 +575,18 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     textDecoration: "none",
     maxWidth: "220px"
   };
-  return r ? /* @__PURE__ */ o("a", {
+  return r ? /* @__PURE__ */ s("a", {
     href: r,
     target: "_blank",
     rel: "noopener noreferrer",
     style: i,
-    children: a
-  }) : /* @__PURE__ */ o("div", {
+    children: o
+  }) : /* @__PURE__ */ s("div", {
     style: i,
-    children: a
+    children: o
   });
-}, Se = ({ source: e, index: t }) => {
-  const r = /* @__PURE__ */ I("div", {
+}, ke = ({ source: e, index: t }) => {
+  const r = /* @__PURE__ */ M("div", {
     style: {
       display: "flex",
       alignItems: "center",
@@ -594,7 +594,7 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       width: "100%",
       minWidth: 0
     },
-    children: [/* @__PURE__ */ o("div", {
+    children: [/* @__PURE__ */ s("div", {
       style: {
         flexShrink: 0,
         width: "18px",
@@ -610,7 +610,7 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
         backgroundColor: "#f0f4ff"
       },
       children: t + 1
-    }), /* @__PURE__ */ o("div", {
+    }), /* @__PURE__ */ s("div", {
       style: {
         fontSize: "12px",
         overflow: "hidden",
@@ -634,23 +634,23 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     minWidth: 0,
     transition: "border-color 0.15s"
   };
-  return e.url ? /* @__PURE__ */ o("a", {
+  return e.url ? /* @__PURE__ */ s("a", {
     href: e.url,
     target: "_blank",
     rel: "noopener noreferrer",
     style: n,
-    onMouseEnter: (a) => {
-      a.currentTarget.style.borderColor = "#1b5fc4";
+    onMouseEnter: (o) => {
+      o.currentTarget.style.borderColor = "#1b5fc4";
     },
-    onMouseLeave: (a) => {
-      a.currentTarget.style.borderColor = "#dee3e8";
+    onMouseLeave: (o) => {
+      o.currentTarget.style.borderColor = "#dee3e8";
     },
     children: r
-  }) : /* @__PURE__ */ o("div", {
+  }) : /* @__PURE__ */ s("div", {
     style: n,
     children: r
   });
-}, ke = () => /* @__PURE__ */ I("div", {
+}, Ie = () => /* @__PURE__ */ M("div", {
   style: {
     display: "flex",
     gap: "4px",
@@ -660,22 +660,22 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     0,
     1,
     2
-  ].map((e) => /* @__PURE__ */ o("div", { style: {
+  ].map((e) => /* @__PURE__ */ s("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__ */ o("style", { children: `
+  } }, e)), /* @__PURE__ */ s("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: a }) => {
-  const i = e.role === "user", u = e.status === "IN_PROGRESS";
-  return /* @__PURE__ */ I("div", {
+}), 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}`,
     style: {
       display: "flex",
@@ -684,7 +684,7 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       marginBottom: "16px"
     },
     children: [
-      !i && r && e.agent && /* @__PURE__ */ o("div", {
+      !i && r && e.agent && /* @__PURE__ */ s("div", {
         className: "ago-message__agent",
         style: {
           display: "flex",
@@ -698,7 +698,7 @@ var ae = ({ 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__ */ o("div", {
+      !i && e.sources && e.sources.length > 0 && /* @__PURE__ */ s("div", {
         className: "ago-message__sources",
         style: {
           display: "grid",
@@ -708,12 +708,12 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           width: "100%",
           maxWidth: "85%"
         },
-        children: e.sources.map((l, f) => /* @__PURE__ */ o(Se, {
+        children: e.sources.map((l, g) => /* @__PURE__ */ s(ke, {
           source: l,
-          index: f
+          index: g
         }, l.id))
       }),
-      e.attachments && e.attachments.length > 0 && /* @__PURE__ */ o("div", {
+      e.attachments && e.attachments.length > 0 && /* @__PURE__ */ s("div", {
         className: "ago-message__attachments",
         style: {
           display: "flex",
@@ -723,12 +723,12 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           justifyContent: i ? "flex-end" : "flex-start",
           maxWidth: "75%"
         },
-        children: e.attachments.map((l) => /* @__PURE__ */ o(Ce, {
+        children: e.attachments.map((l) => /* @__PURE__ */ s(Ce, {
           attachment: l,
           isUser: i
         }, l.id))
       }),
-      (e.content || u) && /* @__PURE__ */ o("div", {
+      (e.content || c) && /* @__PURE__ */ s("div", {
         className: "ago-message__content",
         style: {
           maxWidth: i ? "75%" : "100%",
@@ -740,9 +740,9 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           fontSize: "16px",
           lineHeight: "1.6"
         },
-        children: e.content ? /* @__PURE__ */ o(we, { content: e.content }) : u && /* @__PURE__ */ o(ke, {})
+        children: e.content ? /* @__PURE__ */ s(Se, { content: e.content }) : c && /* @__PURE__ */ s(Ie, {})
       }),
-      n && e.followUpReplies && e.followUpReplies.length > 0 && /* @__PURE__ */ o("div", {
+      n && e.followUpReplies && e.followUpReplies.length > 0 && /* @__PURE__ */ s("div", {
         className: "ago-message__followups",
         style: {
           display: "flex",
@@ -750,11 +750,11 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           gap: "8px",
           marginTop: "10px"
         },
-        children: e.followUpReplies.map((l, f) => /* @__PURE__ */ o("button", {
+        children: e.followUpReplies.map((l, g) => /* @__PURE__ */ s("button", {
           type: "button",
           className: "ago-message__followup-btn",
-          disabled: !a,
-          onClick: a ? () => a(l) : void 0,
+          disabled: !o,
+          onClick: o ? () => o(l) : void 0,
           style: {
             minHeight: "36px",
             padding: "6px 14px",
@@ -763,59 +763,59 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
             border: "1px solid #dee3e8",
             backgroundColor: "#fff",
             color: "#30373e",
-            cursor: a ? "pointer" : "default",
+            cursor: o ? "pointer" : "default",
             transition: "border-color 0.15s"
           },
-          onMouseEnter: (c) => {
-            c.currentTarget.style.borderColor = "#1b5fc4";
+          onMouseEnter: (d) => {
+            d.currentTarget.style.borderColor = "#1b5fc4";
           },
-          onMouseLeave: (c) => {
-            c.currentTarget.style.borderColor = "#dee3e8";
+          onMouseLeave: (d) => {
+            d.currentTarget.style.borderColor = "#dee3e8";
           },
           children: l
-        }, f))
+        }, g))
       })
     ]
   });
-}, He = ({ client: e, conversationId: t, title: r = "Chat", welcomeMessage: n = "Hello! How can I help you today?", placeholder: a = "Type a message...", allowFiles: i = !1, height: u = 500, logoUrl: l, showAgentName: f = !1, forms: c, onFollowUpClick: b, className: m = "", onMessageSent: C, onMessageReceived: g }) => {
-  const x = A(null), v = W(), w = e ?? v, { messages: s, isLoading: p, error: d, sendMessage: h } = B({
+}, 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: d, onFollowUpClick: y, className: p = "", onMessageSent: x, onMessageReceived: h }) => {
+  const m = A(null), v = D(), b = e ?? v, { messages: a, isLoading: f, error: u, sendMessage: w } = U({
     client: e,
     conversationId: t
   });
-  k(() => {
-    if (!w || !c || c.length === 0) return;
-    let y = !1;
+  C(() => {
+    if (!b || !d || d.length === 0) return;
+    let S = !1;
     const F = [];
-    return Promise.all(c.map((E) => E.schema != null ? Promise.resolve(L(E)) : H(w, E))).then((E) => {
-      if (!y)
-        for (const q of E) F.push(q.install(w));
+    return Promise.all(d.map((E) => E.schema != null ? Promise.resolve(O(E)) : H(b, E))).then((E) => {
+      if (!S)
+        for (const J of E) F.push(J.install(b));
     }).catch(() => {
     }), () => {
-      y = !0, F.forEach((E) => E());
+      S = !0, F.forEach((E) => E());
     };
-  }, [w, c ? JSON.stringify(c.map((y) => [
-    y.name,
-    y.schema ?? null,
-    y.submit ?? !1,
-    y.description ?? null
-  ])) : ""]), k(() => {
-    x.current?.scrollIntoView({ behavior: "smooth" });
-  }, [s]), k(() => {
-    const y = s[s.length - 1];
-    y && y.role === "assistant" && y.status === "DONE" && g && g({
-      id: y.id,
-      content: y.content
+  }, [b, d ? JSON.stringify(d.map((S) => [
+    S.name,
+    S.schema ?? null,
+    S.submit ?? !1,
+    S.description ?? null
+  ])) : ""]), C(() => {
+    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
     });
-  }, [s, g]);
-  const S = async (y, F) => {
-    C?.(y), await h(y, F);
-  }, z = s[s.length - 1], K = p && z?.role === "assistant" && z.status === "IN_PROGRESS", U = b === !1 ? void 0 : b ?? ((y) => S(y));
-  return /* @__PURE__ */ I("div", {
-    className: `ago-chat-widget ${m}`,
+  }, [a, h]);
+  const k = async (S, F) => {
+    x?.(S), await w(S, F);
+  }, _ = a[a.length - 1], K = f && _?.role === "assistant" && _.status === "IN_PROGRESS", q = y === !1 ? void 0 : y ?? ((S) => k(S));
+  return /* @__PURE__ */ M("div", {
+    className: `ago-chat-widget ${p}`,
     style: {
       display: "flex",
       flexDirection: "column",
-      height: typeof u == "number" ? `${u}px` : u,
+      height: typeof c == "number" ? `${c}px` : c,
       border: "1px solid #dee3e8",
       borderRadius: "16px",
       overflow: "hidden",
@@ -825,7 +825,7 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       boxShadow: "rgba(15, 15, 15, 0.08) 0px 2px 16px 0px"
     },
     children: [
-      /* @__PURE__ */ I("div", {
+      /* @__PURE__ */ M("div", {
         className: "ago-chat-widget__header",
         style: {
           padding: "14px 16px",
@@ -836,14 +836,14 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           alignItems: "center",
           gap: "10px"
         },
-        children: [l && /* @__PURE__ */ o("img", {
+        children: [l && /* @__PURE__ */ s("img", {
           src: l,
           alt: "Logo",
           style: {
             height: "24px",
             width: "auto"
           }
-        }), /* @__PURE__ */ o("h3", {
+        }), /* @__PURE__ */ s("h3", {
           style: {
             margin: 0,
             fontSize: "15px",
@@ -852,7 +852,7 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           children: r
         })]
       }),
-      /* @__PURE__ */ I("div", {
+      /* @__PURE__ */ M("div", {
         className: "ago-chat-widget__messages",
         role: "log",
         "aria-live": "polite",
@@ -865,7 +865,7 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           backgroundColor: "#fbfbfb"
         },
         children: [
-          s.length === 0 ? /* @__PURE__ */ o("div", {
+          a.length === 0 ? /* @__PURE__ */ s("div", {
             style: {
               textAlign: "center",
               color: "#6b6d6f",
@@ -874,13 +874,13 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
               lineHeight: "1.5"
             },
             children: n
-          }) : s.map((y, F) => /* @__PURE__ */ o(Me, {
-            message: y,
-            showAgentName: f,
-            isLast: F === s.length - 1,
-            onFollowUpClick: U
-          }, y.id)),
-          d && /* @__PURE__ */ o("div", {
+          }) : a.map((S, F) => /* @__PURE__ */ s(Me, {
+            message: S,
+            showAgentName: g,
+            isLast: F === a.length - 1,
+            onFollowUpClick: q
+          }, S.id)),
+          u && /* @__PURE__ */ s("div", {
             role: "alert",
             style: {
               padding: "10px 14px",
@@ -891,90 +891,90 @@ var ae = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
               fontSize: "13px",
               border: "1px solid #fecaca"
             },
-            children: d.message
+            children: u.message
           }),
-          /* @__PURE__ */ o("div", { ref: x })
+          /* @__PURE__ */ s("div", { ref: m })
         ]
       }),
-      /* @__PURE__ */ o(ae, {
-        onSend: S,
+      /* @__PURE__ */ s(se, {
+        onSend: k,
         disabled: K,
-        placeholder: a,
+        placeholder: o,
         allowFiles: i
       })
     ]
   });
 };
-function Ie({ client: e, autoLoad: t = !0 } = {}) {
-  const r = W(), n = e || r;
+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 [a, i] = M([]), [u, l] = M(null), [f, c] = M(!1), [b, m] = M(null), C = R(async () => {
-    c(!0), m(null);
+  const [o, i] = I([]), [c, l] = I(null), [g, d] = I(!1), [y, p] = I(null), x = R(async () => {
+    d(!0), p(null);
     try {
       i(await n.getConversations());
     } catch (v) {
-      m(v instanceof Error ? v : /* @__PURE__ */ new Error("Failed to load conversations"));
+      p(v instanceof Error ? v : /* @__PURE__ */ new Error("Failed to load conversations"));
     } finally {
-      c(!1);
+      d(!1);
     }
-  }, [n]), g = R(async (v) => {
-    c(!0), m(null);
+  }, [n]), h = R(async (v) => {
+    d(!0), p(null);
     try {
       l(await n.getConversation(v));
-    } catch (w) {
-      m(w instanceof Error ? w : /* @__PURE__ */ new Error("Failed to load conversation"));
+    } catch (b) {
+      p(b instanceof Error ? b : /* @__PURE__ */ new Error("Failed to load conversation"));
     } finally {
-      c(!1);
+      d(!1);
     }
-  }, [n]), x = R(() => {
+  }, [n]), m = R(() => {
     l(null);
   }, []);
-  return k(() => {
-    t && C();
-  }, [t, C]), {
-    conversations: a,
-    currentConversation: u,
-    isLoading: f,
-    error: b,
-    selectConversation: g,
-    startNewConversation: x,
-    refreshConversations: C
+  return C(() => {
+    t && x();
+  }, [t, x]), {
+    conversations: o,
+    currentConversation: c,
+    isLoading: g,
+    error: y,
+    selectConversation: h,
+    startNewConversation: m,
+    refreshConversations: x
   };
 }
-function Le(e = {}) {
-  const t = W(), r = e.client || t;
+function $e(e = {}) {
+  const t = D(), r = e.client || t;
   if (!r) throw new Error("useChat requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
-  const n = B({
+  const n = U({
     client: r,
     conversationId: e.conversationId
-  }), a = Ie({
+  }), o = Re({
     client: r,
     autoLoad: e.autoLoad
   });
   return {
     messages: n.messages,
     isLoading: n.isLoading,
-    error: n.error || a.error,
+    error: n.error || o.error,
     sendMessage: n.sendMessage,
     clearMessages: n.clearMessages,
     conversationId: n.conversationId,
-    conversations: a.conversations,
-    currentConversation: a.currentConversation,
-    isConversationsLoading: a.isLoading,
-    selectConversation: a.selectConversation,
-    startNewConversation: a.startNewConversation,
-    refreshConversations: a.refreshConversations
+    conversations: o.conversations,
+    currentConversation: o.currentConversation,
+    isConversationsLoading: o.isLoading,
+    selectConversation: o.selectConversation,
+    startNewConversation: o.startNewConversation,
+    refreshConversations: o.refreshConversations
   };
 }
-function $e(e, t) {
-  const r = T(), { name: n, description: a, parameters: i, handler: u } = typeof e == "string" ? {
+function Be(e, t) {
+  const r = T(), { name: n, description: o, parameters: i, handler: c } = typeof e == "string" ? {
     name: e,
     ...t
-  } : e, l = A(u);
-  l.current = u, k(() => {
-    const f = (c) => l.current(c);
-    return r.registerFunction(n, f, {
-      description: a,
+  } : e, l = A(c);
+  l.current = c, C(() => {
+    const g = (d) => l.current(d);
+    return r.registerFunction(n, g, {
+      description: o,
       parameters: i
     }), () => {
       r.unregisterFunction(n);
@@ -982,101 +982,177 @@ function $e(e, t) {
   }, [
     r,
     n,
-    a,
+    o,
     i
   ]);
 }
-function Oe(e, t) {
+function Ue(e, t) {
   const r = T(), n = A(e);
-  n.current = e, k(() => (r.registerNavigationFunction((a) => n.current(a), t), () => {
-    r.unregisterFunction("navigateToPage");
+  n.current = e, C(() => (r.registerNavigationFunction((o) => n.current(o), t), () => {
+    r.unregisterNavigationFunction();
   }), [r, t]);
 }
-function Be(e, t) {
-  const r = T(), n = ee(), a = t ?? n, i = A(e);
+function Ke(e, t) {
+  const r = T(), n = t?.functionName ?? "setPageState", o = A(e);
+  o.current = e, C(() => {
+    const i = o.current.map((c) => {
+      const l = () => o.current.find((g) => g.name === c.name) ?? c;
+      return {
+        name: c.name,
+        description: c.description,
+        schema: c.schema,
+        get: c.get ? () => l().get?.() : void 0,
+        set: (g) => l().set(g)
+      };
+    });
+    return r.registerPageStateFunction(i, { functionName: n }), () => {
+      r.unregisterPageStateFunction(n);
+    };
+  }, [r, n]);
+}
+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) {
+  return {
+    navigationFunctions: e?.navigationFunctions ?? ["navigateToPage"],
+    pageStateFunctionName: e?.pageStateFunctionName ?? "setPageState",
+    continuationPrompt: e?.continuationPrompt ?? Ae,
+    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 = {
+      navigated: !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", b), x(f));
+      }, v = () => setTimeout(() => m(p === n.runId && o()), r.current.settleMs), b = () => {
+        if (p !== n.runId) return m(!1);
+        o() && (t.off("context:changed", b), v());
+      }, a = setTimeout(() => m(!1), r.current.readinessTimeoutMs);
+      o() ? v() : t.on("context:changed", b);
+    }), c = async (p) => {
+      const x = ++n.runId;
+      if (!(!await i(x) || x !== n.runId)) {
+        n.depth += 1, n.ourSendPending = !0;
+        try {
+          await t.sendMessage(r.current.continuationPrompt, {
+            conversationId: p,
+            hidden: !0
+          });
+        } catch {
+          n.ourSendPending = !1;
+        }
+      }
+    }, l = (p) => {
+      r.current.navigationFunctions.includes(p.functionName) && (n.navigated = !0);
+    }, g = () => {
+      n.ourSendPending || (n.depth = 0, n.runId += 1);
+    }, d = (p) => {
+      n.ourSendPending = !1;
+      const x = n.navigated;
+      n.navigated = !1, r.current.enabled && x && (n.depth >= r.current.maxDepth || c(p.conversationId));
+    }, y = () => {
+      n.ourSendPending = !1;
+    };
+    return t.on("function:invoke", l), t.on("message:start", g), t.on("message:complete", d), t.on("message:error", y), () => {
+      n.runId += 1, t.off("function:invoke", l), t.off("message:start", g), t.off("message:complete", d), t.off("message:error", y);
+    };
+  }, [t]);
+}
+function Je(e, t) {
+  const r = T(), n = te(), o = t ?? n, i = A(e);
   i.current = e;
-  const u = typeof e == "function";
-  k(() => {
+  const c = typeof e == "function";
+  C(() => {
     if (typeof i.current == "function") {
       const l = () => i.current();
-      return r.addDynamicContext(a, l), () => {
-        r.removeDynamicContext(a);
+      return r.addDynamicContext(o, l), () => {
+        r.removeDynamicContext(o);
       };
     }
-    return r.setContext(a, i.current), () => {
-      r.removeContext(a);
+    return r.setContext(o, i.current), () => {
+      r.removeContext(o);
     };
   }, [
     r,
-    a,
-    u,
-    u ? "" : JSON.stringify(e)
+    o,
+    c,
+    c ? "" : JSON.stringify(e)
   ]);
 }
-function Re(e) {
-  return te(e.subscribe, e.get, e.get);
+function Ee(e) {
+  return ne(e.subscribe, e.get, e.get);
 }
-var P = {
+var W = {
   missing: [],
   complete: !1
 };
-function Ke(e) {
-  const t = T(), r = e.schema != null, n = JSON.stringify(e.schema ?? null), a = e.submit, i = a ? typeof a == "string" ? `client:${a}` : a.via === "backend" ? "backend" : "handler" in a ? "client:handler" : `client:${a.url}` : "none", u = JSON.stringify(e.initialValues ?? null), l = _(() => r ? L(e) : null, [
+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, [
     r,
     e.name,
     n,
     i,
-    u,
+    c,
     e.autoSubmit
-  ]), [f, c] = M({
+  ]), [g, d] = I({
     collector: null,
     loading: !r,
     error: null
   });
-  k(() => {
+  C(() => {
     if (r) return;
-    let p = !1;
-    return c({
+    let f = !1;
+    return d({
       collector: null,
       loading: !0,
       error: null
-    }), H(t, e).then((d) => {
-      p || c({
-        collector: d,
+    }), H(t, e).then((u) => {
+      f || d({
+        collector: u,
         loading: !1,
         error: null
       });
-    }).catch((d) => {
-      p || c({
+    }).catch((u) => {
+      f || d({
         collector: null,
         loading: !1,
-        error: d instanceof Error ? d : new Error(String(d))
+        error: u instanceof Error ? u : new Error(String(u))
       });
     }), () => {
-      p = !0;
+      f = !0;
     };
   }, [
     t,
     r,
     e.name,
     i,
-    u,
+    c,
     e.autoSubmit
   ]);
-  const b = r ? l : f.collector, m = r ? !1 : f.loading, C = r ? null : f.error;
-  k(() => {
-    if (b)
-      return b.install(t);
-  }, [t, b]);
-  const g = _(() => X({
+  const y = r ? l : g.collector, p = r ? !1 : g.loading, x = r ? null : g.error;
+  C(() => {
+    if (y)
+      return y.install(t);
+  }, [t, y]);
+  const h = N(() => Q({
     values: e.initialValues ?? {},
     submitted: !1
-  }), [u]), x = Re(b?.store ?? g), v = _(() => b?.getStatus() ?? P, [x, b]), w = _(() => ({
-    ...x,
+  }), [c]), m = Ee(y?.store ?? h), v = N(() => y?.getStatus() ?? W, [m, y]), b = N(() => ({
+    ...m,
     ...v
-  }), [x, v]), s = _(() => ({
+  }), [m, v]), a = N(() => ({
     name: e.name,
-    store: g,
+    store: h,
     functions: [],
     contextKey: `form:${e.name}`,
     contextProvider: () => ({
@@ -1091,39 +1167,41 @@ function Ke(e) {
       ok: !1,
       error: "Form definition not loaded yet."
     }),
-    getValues: () => g.get().values,
+    getValues: () => h.get().values,
     setValues: () => {
     },
     reset: () => {
     },
-    getStatus: () => P
-  }), [e.name, g]);
+    getStatus: () => W
+  }), [e.name, h]);
   return {
-    ...b ?? s,
-    state: w,
-    loading: m,
-    error: C
+    ...y ?? a,
+    state: b,
+    loading: p,
+    error: x
   };
 }
 export {
-  Pe as AgoProvider,
-  ae as ChatInput,
-  He as ChatWidget,
-  we as Markdown,
+  He as AgoProvider,
+  se as ChatInput,
+  Oe as ChatWidget,
+  Se as Markdown,
   Me as Message,
-  L as createFormCollector,
+  O as createFormCollector,
   _e as createMockClient,
-  Fe as deriveFormStatus,
+  Ne as deriveFormStatus,
   H as loadFormCollector,
-  oe as useAgo,
+  ae as useAgo,
+  qe as useAgoAutoContinueAfterNavigation,
   T as useAgoClient,
-  Be as useAgoContext,
-  $e as useAgoFunction,
-  Oe as useAgoNavigation,
-  Re as useAgoStore,
-  Le as useChat,
-  Ie as useConversation,
-  Ke as useFormCollector,
-  B as useMessages,
-  W as useOptionalAgoClient
+  Je as useAgoContext,
+  Be as useAgoFunction,
+  Ue as useAgoNavigation,
+  Ke as useAgoPageState,
+  Ee as useAgoStore,
+  $e as useChat,
+  Re as useConversation,
+  je as useFormCollector,
+  U as useMessages,
+  D as useOptionalAgoClient
 };