@useago/sdk 1.13.0 → 1.13.1

package/dist/react.js

@@ -1,7 +1,7 @@
-import { a as De, c as ze, g as Le, n as Pe, o as Be, s as He, t as Oe } from "./types-Q7t1peH-.js";
+import { a as De, c as ze, g as Le, n as Pe, o as Be, s as He, t as Oe } from "./types-fX-VoHfa.js";
 import { n as Q } from "./errors-BLfjXnLB.js";
-import { t as $e } from "./autoContinue-CC8K9mBU.js";
-import { n as jt, r as he, t as xe } from "./createFormCollector-DN1xjAv5.js";
+import { t as $e } from "./autoContinue-Cb4_iEbO.js";
+import { n as jt, r as he, t as xe } from "./createFormCollector-BMN-blXs.js";
 import { t as Kt } from "./createMockClient-YoYr3pQr.js";
 import { C as je, dt as qe, n as Ke, t as Jt, ut as Ue } from "./speechToText-BV7qxqPF.js";
 import Ge, { createContext as Je, forwardRef as Ve, useCallback as T, useContext as be, useEffect as E, useId as Xe, useImperativeHandle as Ye, useLayoutEffect as Ze, useMemo as $, useRef as W, useState as M, useSyncExternalStore as ye } from "react";
@@ -44,7 +44,7 @@ function tt(e) {
   };
 }
 var ne = Je(null), Qt = ({ children: e, client: r, tools: t, helpers: o, pageContext: n, ...s }) => {
-  const { client: c } = tt(r ? null : s), i = r || c;
+  const { client: l } = tt(r ? null : s), i = r || l;
   return E(() => {
     if (!(!t || t.length === 0)) {
       for (const g of t) i.register(g);
@@ -56,15 +56,15 @@ var ne = Je(null), Qt = ({ children: e, client: r, tools: t, helpers: o, pageCon
     if (!o) return;
     const g = [];
     return import("./functions-tzyOZNp6.js").then((d) => d.n).then((d) => {
-      for (const [f, x] of Object.entries(o)) {
+      for (const [f, w] of Object.entries(o)) {
         const m = d[f];
         if (!m) {
           console.warn(`[AGO] Unknown helper: "${f}"`);
           continue;
         }
-        const u = x === !0 ? m : {
+        const u = w === !0 ? m : {
           ...m,
-          handler: x
+          handler: w
         };
         i.register(u), g.push(u.name);
       }
@@ -132,12 +132,12 @@ function ot(e) {
 function at(e = {}) {
   const { includeReasoning: r = !1, labelFor: t } = e, o = O(), n = e.client || o;
   if (!n) throw new Q("useAgoActivity requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.", "provider_missing_client");
-  const [s, c] = M([]), i = W(/* @__PURE__ */ new Set()), g = W(void 0), d = W(t);
+  const [s, l] = M([]), i = W(/* @__PURE__ */ new Set()), g = W(void 0), d = W(t);
   d.current = t;
   const f = T((p, k) => {
-    c((b) => {
-      const R = b.findIndex((y) => y.id === p), _ = {
-        ...R >= 0 ? b[R] : {
+    l((x) => {
+      const R = x.findIndex((b) => b.id === p), _ = {
+        ...R >= 0 ? x[R] : {
           id: p,
           kind: "status",
           label: "",
@@ -148,10 +148,10 @@ function at(e = {}) {
         ...k
       };
       return _.label = d.current?.(_) ?? ot(_), R >= 0 ? [
-        ...b.slice(0, R),
+        ...x.slice(0, R),
         _,
-        ...b.slice(R + 1)
-      ] : [...b, _];
+        ...x.slice(R + 1)
+      ] : [...x, _];
     });
   }, []);
   E(() => {
@@ -170,7 +170,7 @@ function at(e = {}) {
         formSchema: h.formSchema,
         requiresApproval: D === "confirmation" || D === "form"
       });
-    }, b = (h) => {
+    }, x = (h) => {
       h.invocationId && f(h.invocationId, {
         kind: h.functionName === "navigateToPage" ? "navigation" : "action",
         status: "running",
@@ -189,46 +189,46 @@ function at(e = {}) {
       });
     }, _ = (h) => {
       if (!h.invocationId) return;
-      const D = h.result, l = typeof h.result == "object" && D !== null && D.approved === !1 && D.reason === "user_rejected";
+      const D = h.result, c = typeof h.result == "object" && D !== null && D.approved === !1 && D.reason === "user_rejected";
       f(h.invocationId, {
-        status: h.error ? "error" : l ? "rejected" : "done",
+        status: h.error ? "error" : c ? "rejected" : "done",
         requiresApproval: !1
       });
-    }, y = (h) => {
+    }, b = (h) => {
       for (const D of h.messages ?? [])
         if (D.role === "assistant")
-          for (const l of D.toolCalls ?? []) {
-            const S = rt(l);
-            S === "reasoning" && !r || /waiting/i.test(l.status ?? "") || f(l.id, {
+          for (const c of D.toolCalls ?? []) {
+            const S = rt(c);
+            S === "reasoning" && !r || /waiting/i.test(c.status ?? "") || f(c.id, {
               kind: S,
-              status: de(l.status, S),
+              status: de(c.status, S),
               messageId: D.id,
-              toolName: l.toolName,
-              toolDisplayName: l.toolDisplayName,
-              functionName: l.functionName,
-              arguments: l.arguments,
-              message: l.message,
-              data: l.data,
-              formSchema: l.formSchema,
+              toolName: c.toolName,
+              toolDisplayName: c.toolDisplayName,
+              functionName: c.functionName,
+              arguments: c.arguments,
+              message: c.message,
+              data: c.data,
+              formSchema: c.formSchema,
               requiresApproval: S === "confirmation" || S === "form"
             });
           }
     }, C = (h) => {
-      c((D) => D.map((l) => l.status === "running" || l.status === "awaiting-approval" ? {
-        ...l,
+      l((D) => D.map((c) => c.status === "running" || c.status === "awaiting-approval" ? {
+        ...c,
         status: h
-      } : l));
+      } : c));
     }, A = () => C("done"), N = () => C("error");
-    return n.on("message:start", p), n.on("toolCall:received", k), n.on("function:invoke", b), n.on("function:awaiting-approval", R), n.on("function:result", _), n.on("conversation:loaded", y), n.on("message:complete", A), n.on("message:error", N), () => {
-      n.off("message:start", p), n.off("toolCall:received", k), n.off("function:invoke", b), n.off("function:awaiting-approval", R), n.off("function:result", _), n.off("conversation:loaded", y), n.off("message:complete", A), n.off("message:error", N);
+    return n.on("message:start", p), n.on("toolCall:received", k), n.on("function:invoke", x), n.on("function:awaiting-approval", R), n.on("function:result", _), n.on("conversation:loaded", b), n.on("message:complete", A), n.on("message:error", N), () => {
+      n.off("message:start", p), n.off("toolCall:received", k), n.off("function:invoke", x), n.off("function:awaiting-approval", R), n.off("function:result", _), n.off("conversation:loaded", b), n.off("message:complete", A), n.off("message:error", N);
     };
   }, [
     n,
     r,
     f
   ]);
-  const x = T(async (p) => {
-    const k = s.find((b) => b.id === p);
+  const w = T(async (p) => {
+    const k = s.find((x) => x.id === p);
     !k || k.status !== "awaiting-approval" || i.current.has(p) || k.kind !== "form" && (i.current.add(p), f(p, {
       status: "running",
       requiresApproval: !1
@@ -238,7 +238,7 @@ function at(e = {}) {
     s,
     f
   ]), m = T(async (p) => {
-    const k = s.find((b) => b.id === p);
+    const k = s.find((x) => x.id === p);
     !k || k.status !== "awaiting-approval" || i.current.has(p) || (i.current.add(p), f(p, {
       status: "rejected",
       requiresApproval: !1
@@ -252,58 +252,58 @@ function at(e = {}) {
       status: "running",
       requiresApproval: !1
     }), await n.submitToolCallForm(p, k), f(p, { status: "done" });
-  }, [n, f]), v = T(() => {
-    i.current.clear(), c([]);
+  }, [n, f]), y = T(() => {
+    i.current.clear(), l([]);
   }, []);
   return {
     items: s,
     latest: s.length > 0 ? s[s.length - 1] : void 0,
     isAwaitingApproval: s.some((p) => nt.has(p.status)),
-    approve: x,
+    approve: w,
     reject: m,
     submitForm: u,
-    clear: v
+    clear: y
   };
 }
 function ke({ client: e, conversationId: r } = {}) {
   const t = O(), o = e || t;
   if (!o) throw new Error("useMessages requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
-  const [n, s] = M([]), [c, i] = M(r), [g, d] = M(!1), [f, x] = M(null);
+  const [n, s] = M([]), [l, i] = M(r), [g, d] = M(!1), [f, w] = M(null);
   E(() => {
-    r && r !== c && (i(r), m(r));
+    r && r !== l && (i(r), m(r));
   }, [r]);
   const m = async (u) => {
     try {
-      s((await o.getMessages(u)).filter((v) => !v.hidden));
-    } catch (v) {
-      x(v instanceof Error ? v : /* @__PURE__ */ new Error("Failed to load messages"));
+      s((await o.getMessages(u)).filter((y) => !y.hidden));
+    } catch (y) {
+      w(y instanceof Error ? y : /* @__PURE__ */ new Error("Failed to load messages"));
     }
   };
   return E(() => {
-    const u = (y) => y === "IN_PROGRESS" || y === "WAITING_CLIENT", v = (y) => {
-      c || i(y.conversationId), d(!0), s((C) => {
-        const A = C.findIndex((N) => N.id === y.messageId);
+    const u = (b) => b === "IN_PROGRESS" || b === "WAITING_CLIENT", y = (b) => {
+      l || i(b.conversationId), d(!0), s((C) => {
+        const A = C.findIndex((N) => N.id === b.messageId);
         return A >= 0 ? C.map((N, h) => h === A ? {
           ...N,
           status: "IN_PROGRESS"
         } : N) : C.some((N) => N.role === "assistant" && u(N.status)) ? C : [...C, {
-          id: y.messageId,
-          conversationId: y.conversationId,
+          id: b.messageId,
+          conversationId: b.conversationId,
           content: "",
           role: "assistant",
           status: "IN_PROGRESS",
           createdAt: /* @__PURE__ */ new Date()
         }];
       });
-    }, p = (y) => {
+    }, p = (b) => {
       s((C) => {
-        const A = C.findIndex((N) => N.id === y.messageId);
+        const A = C.findIndex((N) => N.id === b.messageId);
         return A < 0 ? C : C.map((N, h) => h === A ? {
           ...N,
-          content: N.content + y.content
+          content: N.content + b.content
         } : N);
       });
-    }, k = (y) => {
+    }, k = (b) => {
       s((C) => {
         let A = -1;
         for (let N = C.length - 1; N >= 0; N--) if (C[N].role === "assistant" && u(C[N].status)) {
@@ -314,93 +314,93 @@ function ke({ client: e, conversationId: r } = {}) {
           ...C.slice(0, A),
           {
             ...C[A],
-            ...y
+            ...b
           },
           ...C.slice(A + 1)
         ];
       });
-    }, b = (y) => {
+    }, x = (b) => {
       s((C) => {
-        const A = C.findIndex((N) => N.id === y.id);
+        const A = C.findIndex((N) => N.id === b.id);
         return A >= 0 ? [
           ...C.slice(0, A),
-          y,
+          b,
           ...C.slice(A + 1)
-        ] : [...C, y];
+        ] : [...C, b];
       }), d(!1);
-    }, R = (y) => {
-      x(new Error(y.error)), d(!1);
+    }, R = (b) => {
+      w(new Error(b.error)), d(!1);
     }, _ = () => {
-      s((y) => {
+      s((b) => {
         let C = -1;
-        for (let A = y.length - 1; A >= 0; A--) if (y[A].role === "assistant" && u(y[A].status)) {
+        for (let A = b.length - 1; A >= 0; A--) if (b[A].role === "assistant" && u(b[A].status)) {
           C = A;
           break;
         }
-        return C < 0 ? y : y[C].content ? y.map((A, N) => N === C ? {
+        return C < 0 ? b : b[C].content ? b.map((A, N) => N === C ? {
           ...A,
           status: "CANCELED"
-        } : A) : y.filter((A, N) => N !== C);
+        } : A) : b.filter((A, N) => N !== C);
       }), d(!1);
     };
-    return o.on("message:start", v), o.on("message:chunk", p), o.on("message:answer-complete", k), o.on("message:complete", b), o.on("message:error", R), o.on("message:stopped", _), () => {
-      o.off("message:start", v), o.off("message:chunk", p), o.off("message:answer-complete", k), o.off("message:complete", b), o.off("message:error", R), o.off("message:stopped", _);
+    return o.on("message:start", y), o.on("message:chunk", p), o.on("message:answer-complete", k), o.on("message:complete", x), o.on("message:error", R), o.on("message:stopped", _), () => {
+      o.off("message:start", y), o.off("message:chunk", p), o.off("message:answer-complete", k), o.off("message:complete", x), o.off("message:error", R), o.off("message:stopped", _);
     };
-  }, [o, c]), {
+  }, [o, l]), {
     messages: n,
     isLoading: g,
     error: f,
-    sendMessage: T(async (u, v) => {
-      d(!0), x(null);
+    sendMessage: T(async (u, y) => {
+      d(!0), w(null);
       const p = {
         id: `temp-${Date.now()}`,
-        conversationId: c || "",
+        conversationId: l || "",
         content: u,
         role: "user",
         status: "DONE",
-        attachments: v && v.length > 0 ? De(v) : void 0,
+        attachments: y && y.length > 0 ? De(y) : void 0,
         createdAt: /* @__PURE__ */ new Date()
       }, k = {
         id: `temp-assistant-${Date.now()}`,
-        conversationId: c || "",
+        conversationId: l || "",
         content: "",
         role: "assistant",
         status: "IN_PROGRESS",
         createdAt: /* @__PURE__ */ new Date()
       };
-      s((b) => [
-        ...b,
+      s((x) => [
+        ...x,
         p,
         k
       ]);
       try {
-        const b = await o.sendMessage(u, {
-          conversationId: c,
-          files: v
+        const x = await o.sendMessage(u, {
+          conversationId: l,
+          files: y
         });
-        return b.conversationId && !c && i(b.conversationId), s((R) => {
-          const _ = R.filter((C) => !C.id.startsWith("temp-")), y = {
+        return x.conversationId && !l && i(x.conversationId), s((R) => {
+          const _ = R.filter((C) => !C.id.startsWith("temp-")), b = {
             ...p,
             id: p.id.replace("temp-", "user-"),
-            conversationId: b.conversationId
+            conversationId: x.conversationId
           };
-          return _.some((C) => C.id === b.id) ? [..._, y].sort((C, A) => new Date(C.createdAt).getTime() - new Date(A.createdAt).getTime()) : [
+          return _.some((C) => C.id === x.id) ? [..._, b].sort((C, A) => new Date(C.createdAt).getTime() - new Date(A.createdAt).getTime()) : [
             ..._,
-            y,
-            b
+            b,
+            x
           ];
-        }), b;
-      } catch (b) {
-        return x(b instanceof Error ? b : /* @__PURE__ */ new Error("Failed to send message")), d(!1), s((R) => R.filter((_) => !_.id.startsWith("temp-"))), null;
+        }), x;
+      } catch (x) {
+        return w(x instanceof Error ? x : /* @__PURE__ */ new Error("Failed to send message")), d(!1), s((R) => R.filter((_) => !_.id.startsWith("temp-"))), null;
       }
-    }, [o, c]),
+    }, [o, l]),
     stop: T(async () => {
       await o.stop();
     }, [o]),
     clearMessages: T(() => {
-      s([]), i(void 0), x(null);
+      s([]), i(void 0), w(null);
     }, []),
-    conversationId: c
+    conversationId: l
   };
 }
 var pe = {
@@ -427,7 +427,7 @@ function lt(e) {
         initialState: t?.initialState,
         bottomOffset: t?.bottomOffset,
         peekHeight: t?.peekHeight,
-        onStateChange: (c, i) => o.current?.(c, i)
+        onStateChange: (l, i) => o.current?.(l, i)
       });
   }, [
     r,
@@ -435,7 +435,7 @@ function lt(e) {
     t?.initialState,
     t?.bottomOffset,
     t?.peekHeight
-  ]), s = ye(T((c) => n?.subscribe(c) ?? (() => {
+  ]), s = ye(T((l) => n?.subscribe(l) ?? (() => {
   }), [n]), T(() => n?.getSnapshot() ?? pe, [n]), T(() => n?.getServerSnapshot() ?? pe, [n]));
   return {
     sheet: $(() => ({
@@ -445,9 +445,9 @@ function lt(e) {
         attrs: st(s.surface.attrs)
       }
     }), [s]),
-    expand: T((c) => n?.expand(c), [n]),
-    collapse: T((c) => n?.collapse(c), [n]),
-    toggle: T((c) => n?.toggle(c), [n])
+    expand: T((l) => n?.expand(l), [n]),
+    collapse: T((l) => n?.collapse(l), [n]),
+    toggle: T((l) => n?.toggle(l), [n])
   };
 }
 var ct = /(`[^`\n]+`|\*\*[^*\n]+\*\*|\*[^*\n]+\*|_[^_\n]+_)/g;
@@ -529,29 +529,29 @@ var dt = `
   }, e), /* @__PURE__ */ a("style", { children: dt })]
 }), V = typeof window > "u" ? E : Ze;
 function pt(e) {
-  const r = O(), t = e.client ?? r, o = W(null), n = W(), s = W(e), [c, i] = M(!1), [g, d] = M(""), [f, x] = M(!1);
+  const r = O(), t = e.client ?? r, o = W(null), n = W(), s = W(e), [l, i] = M(!1), [g, d] = M(""), [f, w] = M(!1);
   return V(() => {
     s.current = e;
   }), V(() => {
-    if (x(!1), i(!1), s.current.onBusyChange?.(!1), !t || !o.current) return;
+    if (w(!1), i(!1), s.current.onBusyChange?.(!1), !t || !o.current) return;
     let m = !0;
     const u = Ke({
-      transcribe: (v, p) => t.transcribeAudio(v, p),
-      onText: (v) => {
-        m && s.current.onTranscript(v);
+      transcribe: (y, p) => t.transcribeAudio(y, p),
+      onText: (y) => {
+        m && s.current.onTranscript(y);
       },
-      onBusy: (v) => {
-        m && (i(v), v && d(""), s.current.onBusyChange?.(v));
+      onBusy: (y) => {
+        m && (i(y), y && d(""), s.current.onBusyChange?.(y));
       },
-      onError: (v) => {
-        m && d(v);
+      onError: (y) => {
+        m && d(y);
       },
       labels: s.current.labels
     });
-    return o.current.append(u.el), n.current = u, u.setDisabled(!!s.current.disabled), t.getConfig().then(({ permissions: v }) => {
+    return o.current.append(u.el), n.current = u, u.setDisabled(!!s.current.disabled), t.getConfig().then(({ permissions: y }) => {
       if (!m) return;
-      const p = v.some((k) => k.speechToTextEnabled) && typeof MediaRecorder < "u" && !!navigator.mediaDevices?.getUserMedia;
-      u.setEnabled(p), x(p);
+      const p = y.some((k) => k.speechToTextEnabled) && typeof MediaRecorder < "u" && !!navigator.mediaDevices?.getUserMedia;
+      u.setEnabled(p), w(p);
     }).catch(() => {
     }), () => {
       m = !1, u.destroy(), s.current.onBusyChange?.(!1), u.el.remove(), n.current = void 0;
@@ -568,7 +568,7 @@ function pt(e) {
       display: f ? "flex" : "none",
       flexDirection: "column",
       minWidth: 0,
-      flex: c ? 1 : void 0
+      flex: l ? 1 : void 0
     },
     children: [/* @__PURE__ */ a("div", { ref: o }), g && /* @__PURE__ */ a("span", {
       role: "alert",
@@ -580,16 +580,16 @@ function pt(e) {
     })]
   });
 }
-var ft = ({ onSend: e, onStop: r, disabled: t = !1, placeholder: o = "Type a message...", allowFiles: n = !1, speechToText: s = !1, client: c, scopeKey: i, className: g = "" }) => {
-  const [d, f] = M(""), [x, m] = M([]), [u, v] = M(!1), p = W(null), k = W(null), b = !!s;
+var ft = ({ onSend: e, onStop: r, disabled: t = !1, placeholder: o = "Type a message...", allowFiles: n = !1, speechToText: s = !1, client: l, scopeKey: i, className: g = "" }) => {
+  const [d, f] = M(""), [w, m] = M([]), [u, y] = M(!1), p = W(null), k = W(null), x = !!s;
   E(() => {
-    b || v(!1);
-  }, [b]);
+    x || y(!1);
+  }, [x]);
   const R = T(() => {
-    const l = k.current;
-    if (!l) return;
+    const c = k.current;
+    if (!c) return;
     const S = 110;
-    l.style.height = "auto", l.style.height = `${Math.min(l.scrollHeight + 2, S)}px`, l.style.overflowY = l.scrollHeight + 2 > S ? "auto" : "hidden";
+    c.style.height = "auto", c.style.height = `${Math.min(c.scrollHeight + 2, S)}px`, c.style.overflowY = c.scrollHeight + 2 > S ? "auto" : "hidden";
   }, []), _ = W(!1);
   E(() => {
     _.current && !u && !t && (R(), k.current?.focus()), _.current = u;
@@ -598,30 +598,30 @@ var ft = ({ onSend: e, onStop: r, disabled: t = !1, placeholder: o = "Type a mes
     t,
     R
   ]);
-  const y = T(async (l) => {
-    if (l.preventDefault(), t || u || !d.trim() && x.length === 0) return;
-    const S = d.trim(), I = x.length > 0 ? x : void 0;
+  const b = T(async (c) => {
+    if (c.preventDefault(), t || u || !d.trim()) return;
+    const S = d.trim(), I = w.length > 0 ? w : void 0;
     f(""), m([]), requestAnimationFrame(R), await e(S, I) === !1 && (f((B) => B.trim() ? B : S), I && m((B) => [...I, ...B]), requestAnimationFrame(R));
   }, [
     d,
-    x,
+    w,
     e,
     R,
     t,
     u
-  ]), C = T((l) => {
-    l.key === "Enter" && !l.shiftKey && (l.preventDefault(), y(l));
-  }, [y]), A = T((l) => {
-    const S = Array.from(l.target.files || []);
+  ]), C = T((c) => {
+    c.key === "Enter" && !c.shiftKey && (c.preventDefault(), b(c));
+  }, [b]), A = T((c) => {
+    const S = Array.from(c.target.files || []);
     m((I) => [...I, ...S]);
-  }, []), N = T((l) => {
-    m((S) => S.filter((I, B) => B !== l));
-  }, []), h = d.trim() || x.length > 0, D = (l) => {
-    f((S) => `${S}${S && !/\s$/.test(S) ? " " : ""}${l}`);
+  }, []), N = T((c) => {
+    m((S) => S.filter((I, B) => B !== c));
+  }, []), h = d.trim().length > 0, D = (c) => {
+    f((S) => `${S}${S && !/\s$/.test(S) ? " " : ""}${c}`);
   };
   return /* @__PURE__ */ F("form", {
-    onSubmit: (l) => {
-      y(l);
+    onSubmit: (c) => {
+      b(c);
     },
     className: `ago-chat-input ${g}`,
     style: {
@@ -632,14 +632,14 @@ var ft = ({ onSend: e, onStop: r, disabled: t = !1, placeholder: o = "Type a mes
       borderTop: "1px solid #dee3e8",
       backgroundColor: "#fff"
     },
-    children: [x.length > 0 && !u && /* @__PURE__ */ a("div", {
+    children: [w.length > 0 && !u && /* @__PURE__ */ a("div", {
       className: "ago-chat-input__files",
       style: {
         display: "flex",
         flexWrap: "wrap",
         gap: "6px"
       },
-      children: x.map((l, S) => /* @__PURE__ */ F("div", {
+      children: w.map((c, S) => /* @__PURE__ */ F("div", {
         style: {
           display: "flex",
           alignItems: "center",
@@ -657,11 +657,11 @@ var ft = ({ onSend: e, onStop: r, disabled: t = !1, placeholder: o = "Type a mes
             textOverflow: "ellipsis",
             whiteSpace: "nowrap"
           },
-          children: l.name
+          children: c.name
         }), /* @__PURE__ */ a("button", {
           type: "button",
           onClick: () => N(S),
-          "aria-label": `Remove ${l.name}`,
+          "aria-label": `Remove ${c.name}`,
           style: {
             flexShrink: 0,
             width: "44px",
@@ -721,8 +721,8 @@ var ft = ({ onSend: e, onStop: r, disabled: t = !1, placeholder: o = "Type a mes
           ref: k,
           className: "ago-chat-input__field",
           value: d,
-          onChange: (l) => {
-            f(l.target.value), R();
+          onChange: (c) => {
+            f(c.target.value), R();
           },
           onKeyDown: C,
           placeholder: o,
@@ -747,20 +747,20 @@ var ft = ({ onSend: e, onStop: r, disabled: t = !1, placeholder: o = "Type a mes
             backgroundColor: "#f8f8f8",
             transition: "border-color 0.15s"
           },
-          onFocus: (l) => {
-            l.currentTarget.style.borderColor = "#1b5fc4";
+          onFocus: (c) => {
+            c.currentTarget.style.borderColor = "#1b5fc4";
           },
-          onBlur: (l) => {
-            l.currentTarget.style.borderColor = "#dee3e8";
+          onBlur: (c) => {
+            c.currentTarget.style.borderColor = "#dee3e8";
           }
         }),
         s && /* @__PURE__ */ a(pt, {
-          client: c,
+          client: l,
           disabled: t,
           scopeKey: i,
           labels: typeof s == "object" ? s.labels : void 0,
           onTranscript: D,
-          onBusyChange: v
+          onBusyChange: y
         }),
         !u && (t && r ? /* @__PURE__ */ a("button", {
           type: "button",
@@ -1126,7 +1126,7 @@ var ft = ({ onSend: e, onStop: r, disabled: t = !1, placeholder: o = "Type a mes
         40% { opacity: 1; transform: scale(1); }
       }
     ` })]
-}), Mt = ({ message: e, className: r = "", showAgentName: t = !1, isLast: o = !1, onFollowUpClick: n, showStreamingDots: s = !0, feedback: c }) => {
+}), Mt = ({ message: e, className: r = "", showAgentName: t = !1, isLast: o = !1, onFollowUpClick: n, showStreamingDots: s = !0, feedback: l }) => {
   const i = e.role === "user", g = e.status === "IN_PROGRESS" || e.status === "WAITING_CLIENT";
   return /* @__PURE__ */ F("div", {
     className: `ago-message ago-message--${e.role} ${r}`,
@@ -1195,7 +1195,7 @@ var ft = ({ onSend: e, onStop: r, disabled: t = !1, placeholder: o = "Type a mes
         },
         children: e.content ? /* @__PURE__ */ a(Rt, { content: e.content }) : g && s && /* @__PURE__ */ a(Se, {})
       }),
-      !i && c,
+      !i && l,
       o && e.followUpReplies && e.followUpReplies.length > 0 && /* @__PURE__ */ a("div", {
         className: "ago-message__followups",
         style: {
@@ -1220,11 +1220,11 @@ var ft = ({ onSend: e, onStop: r, disabled: t = !1, placeholder: o = "Type a mes
             cursor: n ? "pointer" : "default",
             transition: "border-color 0.15s"
           },
-          onMouseEnter: (x) => {
-            x.currentTarget.style.borderColor = "#1b5fc4";
+          onMouseEnter: (w) => {
+            w.currentTarget.style.borderColor = "#1b5fc4";
           },
-          onMouseLeave: (x) => {
-            x.currentTarget.style.borderColor = "#dee3e8";
+          onMouseLeave: (w) => {
+            w.currentTarget.style.borderColor = "#dee3e8";
           },
           children: d
         }, f))
@@ -1235,41 +1235,41 @@ var ft = ({ onSend: e, onStop: r, disabled: t = !1, placeholder: o = "Type a mes
 function Ft({ client: e } = {}) {
   const r = O(), t = e || r;
   if (!t) throw new Q("useFeedback requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.", "missing_client");
-  const [o, n] = M({}), [s, c] = M(!1), [i, g] = M(null), d = W(/* @__PURE__ */ new Map()), f = (m) => {
+  const [o, n] = M({}), [s, l] = M(!1), [i, g] = M(null), d = W(/* @__PURE__ */ new Map()), f = (m) => {
     const u = (d.current.get(m) ?? 0) + 1;
     return d.current.set(m, u), u;
-  }, x = (m, u) => d.current.get(m) === u;
+  }, w = (m, u) => d.current.get(m) === u;
   return {
     ratings: o,
-    submitFeedback: T(async (m, u, v) => {
+    submitFeedback: T(async (m, u, y) => {
       const p = f(m);
-      c(!0), g(null);
+      l(!0), g(null);
       try {
-        await t.submitFeedback(m, u, v), x(m, p) && n((k) => ({
+        await t.submitFeedback(m, u, y), w(m, p) && n((k) => ({
           ...k,
           [m]: u
         }));
       } catch (k) {
-        const b = k instanceof Error ? k : /* @__PURE__ */ new Error("Failed to submit feedback");
-        throw g(b), b;
+        const x = k instanceof Error ? k : /* @__PURE__ */ new Error("Failed to submit feedback");
+        throw g(x), x;
       } finally {
-        c(!1);
+        l(!1);
       }
     }, [t]),
-    submitConversationFeedback: T(async (m, u, v) => {
+    submitConversationFeedback: T(async (m, u, y) => {
       const p = f(m);
-      c(!0), g(null);
+      l(!0), g(null);
       try {
-        const k = await t.submitConversationFeedback(m, u, v);
-        return x(m, p) && n((b) => ({
-          ...b,
+        const k = await t.submitConversationFeedback(m, u, y);
+        return w(m, p) && n((x) => ({
+          ...x,
           [k]: u
         })), k;
       } catch (k) {
-        const b = k instanceof Error ? k : /* @__PURE__ */ new Error("Failed to submit feedback");
-        throw g(b), b;
+        const x = k instanceof Error ? k : /* @__PURE__ */ new Error("Failed to submit feedback");
+        throw g(x), x;
       } finally {
-        c(!1);
+        l(!1);
       }
     }, [t]),
     isSubmitting: s,
@@ -1302,7 +1302,7 @@ var fe = {
   background: "transparent",
   cursor: "pointer",
   lineHeight: 1
-}, Dt = ({ messageId: e, client: r, askWhy: t = !0, labels: o, onSubmit: n, onError: s, className: c = "" }) => {
+}, Dt = ({ messageId: e, client: r, askWhy: t = !0, labels: o, onSubmit: n, onError: s, className: l = "" }) => {
   const i = {
     ...fe,
     ...o,
@@ -1310,31 +1310,31 @@ var fe = {
       ...fe.reasons,
       ...o?.reasons
     }
-  }, { ratings: g, submitFeedback: d } = Ft({ client: r }), f = g[e], [x, m] = M(!1), [u, v] = M([]), [p, k] = M(""), [b, R] = M(!1), [_, y] = M(!1), C = async (l, S) => {
+  }, { ratings: g, submitFeedback: d } = Ft({ client: r }), f = g[e], [w, m] = M(!1), [u, y] = M([]), [p, k] = M(""), [x, R] = M(!1), [_, b] = M(!1), C = async (c, S) => {
     try {
-      return await d(e, l, S), n?.({
+      return await d(e, c, S), n?.({
         messageId: e,
-        rating: l,
+        rating: c,
         reasons: S?.reasons ?? [],
         comment: S?.comment || void 0
       }), !0;
     } catch (I) {
       return s?.(I instanceof Error ? I : new Error(String(I))), !1;
     }
-  }, A = (l) => {
-    C(l), m(l === "negative" && t && !b);
-  }, N = (l) => {
-    v((S) => S.includes(l) ? S.filter((I) => I !== l) : [...S, l]);
+  }, A = (c) => {
+    C(c), m(c === "negative" && t && !x);
+  }, N = (c) => {
+    y((S) => S.includes(c) ? S.filter((I) => I !== c) : [...S, c]);
   }, h = u.length > 0 || p.trim().length > 0, D = () => {
-    !h || _ || (y(!0), C(f ?? "negative", {
+    !h || _ || (b(!0), C(f ?? "negative", {
       reasons: u,
       comment: p.trim()
-    }).then((l) => {
-      y(!1), l && (R(!0), m(!1));
+    }).then((c) => {
+      b(!1), c && (R(!0), m(!1));
     }));
   };
   return /* @__PURE__ */ F("div", {
-    className: `ago-feedback ${c}`,
+    className: `ago-feedback ${l}`,
     style: {
       marginTop: "6px",
       width: "100%",
@@ -1360,7 +1360,7 @@ var fe = {
           onClick: () => A("negative")
         })]
       }),
-      b && /* @__PURE__ */ a("div", {
+      x && /* @__PURE__ */ a("div", {
         className: "ago-feedback__thanks",
         role: "status",
         style: {
@@ -1370,7 +1370,7 @@ var fe = {
         },
         children: i.thanks
       }),
-      x && !b && /* @__PURE__ */ F("div", {
+      w && !x && /* @__PURE__ */ F("div", {
         className: "ago-feedback__panel",
         role: "group",
         "aria-label": i.whatWentWrong,
@@ -1399,13 +1399,13 @@ var fe = {
               gap: "6px",
               marginBottom: "8px"
             },
-            children: Oe.map((l) => {
-              const S = u.includes(l);
+            children: Oe.map((c) => {
+              const S = u.includes(c);
               return /* @__PURE__ */ a("button", {
                 type: "button",
                 className: "ago-feedback__reason",
                 "aria-pressed": S,
-                onClick: () => N(l),
+                onClick: () => N(c),
                 style: {
                   minHeight: "44px",
                   padding: "4px 12px",
@@ -1417,8 +1417,8 @@ var fe = {
                   color: S ? "#1b5fc4" : "#30373e",
                   cursor: "pointer"
                 },
-                children: i.reasons[l]
-              }, l);
+                children: i.reasons[c]
+              }, c);
             })
           }),
           /* @__PURE__ */ a("textarea", {
@@ -1427,7 +1427,7 @@ var fe = {
             value: p,
             placeholder: i.commentPlaceholder,
             "aria-label": i.commentPlaceholder,
-            onChange: (l) => k(l.target.value),
+            onChange: (c) => k(c.target.value),
             style: {
               width: "100%",
               boxSizing: "border-box",
@@ -1495,54 +1495,54 @@ var fe = {
       strokeLinejoin: "round"
     })]
   })
-}), en = Ve(function({ client: r, conversationId: t, title: o = "Chat", welcomeMessage: n = "Hello! How can I help you today?", placeholder: s = "Type a message...", allowFiles: c = !1, speechToText: i = !1, allowStop: g = !0, height: d = 500, logoUrl: f, showAgentName: x = !1, forms: m, feedback: u = !1, onFollowUpClick: v, className: p = "", onMessageSent: k, onMessageReceived: b, sheet: R = !1, thinkingLabel: _ = "Thinking...", functionLabels: y, showReasoning: C = !0 }, A) {
-  const N = W(null), h = W(!0), [D, l] = M(!0), S = W(null), { sheet: I, expand: B, collapse: G, toggle: re } = lt(R), [Ae, ee] = M(!1), te = I.compact && I.state === "peek", Ne = O(), q = r ?? Ne, { messages: P, isLoading: _e, error: oe, sendMessage: Ie, stop: Re } = ke({
+}), en = Ve(function({ client: r, conversationId: t, title: o = "Chat", welcomeMessage: n = "Hello! How can I help you today?", placeholder: s = "Type a message...", allowFiles: l = !1, speechToText: i = !1, allowStop: g = !0, height: d = 500, logoUrl: f, showAgentName: w = !1, forms: m, feedback: u = !1, onFollowUpClick: y, className: p = "", onMessageSent: k, onMessageReceived: x, sheet: R = !1, thinkingLabel: _ = "Thinking...", functionLabels: b, showReasoning: C = !0 }, A) {
+  const N = W(null), h = W(!0), [D, c] = M(!0), S = W(null), { sheet: I, expand: B, collapse: G, toggle: re } = lt(R), [Ae, ee] = M(!1), te = I.compact && I.state === "peek", Ne = O(), q = r ?? Ne, { messages: P, isLoading: _e, error: oe, sendMessage: Ie, stop: Re } = ke({
     client: r,
     conversationId: t
   });
   E(() => {
     if (!q || !m || m.length === 0) return;
-    let w = !1;
+    let v = !1;
     const L = [];
     return Promise.all(m.map((z) => z.schema != null ? Promise.resolve(xe(z)) : he(q, z))).then((z) => {
-      if (!w)
+      if (!v)
         for (const H of z) L.push(H.install(q));
     }).catch(() => {
     }), () => {
-      w = !0, L.forEach((z) => z());
+      v = !0, L.forEach((z) => z());
     };
-  }, [q, m ? JSON.stringify(m.map((w) => [
-    w.name,
-    w.schema ?? null,
-    w.submit ?? !1,
-    w.description ?? null
+  }, [q, m ? JSON.stringify(m.map((v) => [
+    v.name,
+    v.schema ?? null,
+    v.submit ?? !1,
+    v.description ?? null
   ])) : ""]), E(() => {
-    const w = N.current;
-    !w || !h.current || (w.scrollTop = w.scrollHeight);
+    const v = N.current;
+    !v || !h.current || (v.scrollTop = v.scrollHeight);
   }, [P]);
   const Ee = () => {
-    const w = N.current;
-    w && (h.current = !0, l(!0), w.scrollTop = w.scrollHeight);
+    const v = N.current;
+    v && (h.current = !0, c(!0), v.scrollTop = v.scrollHeight);
   };
   E(() => {
-    const w = P[P.length - 1];
-    w && w.role === "assistant" && w.status === "DONE" && b && b({
-      id: w.id,
-      content: w.content
+    const v = P[P.length - 1];
+    v && v.role === "assistant" && v.status === "DONE" && x && x({
+      id: v.id,
+      content: v.content
     });
-  }, [P, b]), E(() => {
+  }, [P, x]), E(() => {
     ee(!!te);
   }, [P.length]), E(() => {
-    const w = S.current;
-    if (!I.compact || !w) return;
+    const v = S.current;
+    if (!I.compact || !v) return;
     const L = document.documentElement;
     if (I.state !== "peek") return;
     const z = () => {
-      L.style.setProperty("--ago-sheet-height", `${Math.round(w.getBoundingClientRect().height)}px`);
+      L.style.setProperty("--ago-sheet-height", `${Math.round(v.getBoundingClientRect().height)}px`);
     };
     z();
     const H = typeof ResizeObserver == "function" ? new ResizeObserver(z) : null;
-    return H?.observe(w), () => H?.disconnect();
+    return H?.observe(v), () => H?.disconnect();
   }, [I.compact, I.state]), E(() => {
     I.compact || document.documentElement.style.removeProperty("--ago-sheet-height");
   }, [I.compact]), E(() => () => {
@@ -1559,8 +1559,8 @@ var fe = {
     I.state
   ]), E(() => {
     if (!I.isModal) return;
-    const w = /* @__PURE__ */ Symbol("ago-react-sheet");
-    Ue(w);
+    const v = /* @__PURE__ */ Symbol("ago-react-sheet");
+    Ue(v);
     const L = (z) => {
       if (z.key === "Escape") {
         G("user");
@@ -1578,18 +1578,18 @@ var fe = {
       z.shiftKey && (Z === le || !H.contains(Z)) ? (z.preventDefault(), ce.focus()) : !z.shiftKey && (Z === ce || !H.contains(Z)) && (z.preventDefault(), le.focus());
     };
     return document.addEventListener("keydown", L), S.current?.focus({ preventScroll: !0 }), () => {
-      document.removeEventListener("keydown", L), qe(w);
+      document.removeEventListener("keydown", L), qe(v);
     };
   }, [I.isModal, G]);
-  const ae = async (w, L) => (h.current = !0, l(!0), k?.(w), await Ie(w, L) !== null), j = P[P.length - 1], X = _e && j?.role === "assistant" && (j.status === "IN_PROGRESS" || j.status === "WAITING_CLIENT"), Te = T((w) => {
-    const L = w.functionName;
-    if (!(!y || !L))
-      return typeof y == "function" ? y(L, w.arguments ?? {}) : y[L];
-  }, [y]), { items: Me } = at({
+  const ae = async (v, L) => (h.current = !0, c(!0), k?.(v), await Ie(v, L) !== null), j = P[P.length - 1], X = _e && j?.role === "assistant" && (j.status === "IN_PROGRESS" || j.status === "WAITING_CLIENT"), Te = T((v) => {
+    const L = v.functionName;
+    if (!(!b || !L))
+      return typeof b == "function" ? b(L, v.arguments ?? {}) : b[L];
+  }, [b]), { items: Me } = at({
     client: q ?? void 0,
     labelFor: Te,
     includeReasoning: C
-  }), ie = Me.filter((w) => j?.id !== void 0 && w.messageId === j.id), J = y === !1 ? void 0 : ie[ie.length - 1]?.label, se = !!(X && J), Fe = v === !1 ? void 0 : v ?? ((w) => ae(w));
+  }), ie = Me.filter((v) => j?.id !== void 0 && v.messageId === j.id), J = b === !1 ? void 0 : ie[ie.length - 1]?.label, se = !!(X && J), Fe = y === !1 ? void 0 : y ?? ((v) => ae(v));
   return /* @__PURE__ */ F("div", {
     ref: S,
     className: `ago-chat-widget ${p}`,
@@ -1785,9 +1785,9 @@ var fe = {
         children: [/* @__PURE__ */ F("div", {
           ref: N,
           className: "ago-chat-widget__messages",
-          onScroll: (w) => {
-            const L = w.currentTarget, z = L.scrollHeight - L.scrollTop - L.clientHeight <= 48;
-            h.current = z, l(z);
+          onScroll: (v) => {
+            const L = v.currentTarget, z = L.scrollHeight - L.scrollTop - L.clientHeight <= 48;
+            h.current = z, c(z);
           },
           role: "log",
           "aria-live": "polite",
@@ -1811,18 +1811,18 @@ var fe = {
                 lineHeight: "1.5"
               },
               children: n
-            }) : P.map((w, L) => /* @__PURE__ */ a(Mt, {
-              message: w,
-              showAgentName: x,
+            }) : P.map((v, L) => /* @__PURE__ */ a(Mt, {
+              message: v,
+              showAgentName: w,
               isLast: L === P.length - 1,
               onFollowUpClick: Fe,
               showStreamingDots: !se,
-              feedback: u && w.role === "assistant" && w.status === "DONE" && w.content ? /* @__PURE__ */ a(Dt, {
-                messageId: w.id,
+              feedback: u && v.role === "assistant" && v.status === "DONE" && v.content ? /* @__PURE__ */ a(Dt, {
+                messageId: v.id,
                 client: r,
                 ...u === !0 ? {} : u
               }) : void 0
-            }, w.id)),
+            }, v.id)),
             se && /* @__PURE__ */ a(ut, { label: J ?? "" }),
             oe && /* @__PURE__ */ a("div", {
               role: "alert",
@@ -1883,7 +1883,7 @@ var fe = {
         } : void 0,
         disabled: X,
         placeholder: s,
-        allowFiles: c,
+        allowFiles: l,
         speechToText: i,
         client: q ?? void 0,
         scopeKey: `${t ?? P[0]?.conversationId ?? ""}:${I.state}`
@@ -1896,8 +1896,8 @@ function zt(e = {}) {
   if (!t) throw new Q("useProactiveNudge: no AgoClient. Pass one via options.client or wrap your tree with <AgoProvider>.", "proactive_missing_client");
   const [o, n] = M(null), s = W(o);
   s.current = o;
-  const c = W(e.onExpand);
-  return c.current = e.onExpand, E(() => {
+  const l = W(e.onExpand);
+  return l.current = e.onExpand, E(() => {
     const i = (d) => {
       n(d), t.proactive?.shown(d);
     }, g = ({ nudge: d }) => {
@@ -1910,7 +1910,7 @@ function zt(e = {}) {
     nudge: o,
     accept: T(async () => {
       const i = s.current;
-      i && (n(null), await t.proactive?.accept(i), (i.source === "agent" || i.goal) && c.current?.(i));
+      i && (n(null), await t.proactive?.accept(i), (i.source === "agent" || i.goal) && l.current?.(i));
     }, [t]),
     dismiss: T(() => {
       const i = s.current;
@@ -1919,20 +1919,20 @@ function zt(e = {}) {
   };
 }
 var tn = ({ client: e, onExpand: r, autoHideMs: t, position: o = "bottom-right", openChatLabel: n = "Open chat", className: s = "" }) => {
-  const { nudge: c, accept: i, dismiss: g } = zt({
+  const { nudge: l, accept: i, dismiss: g } = zt({
     client: e,
     onExpand: r
   });
   if (E(() => {
-    if (!c || !t) return;
+    if (!l || !t) return;
     const f = setTimeout(() => g(), t);
     return () => clearTimeout(f);
   }, [
-    c,
+    l,
     t,
     g
-  ]), !c) return null;
-  const d = c.source === "agent" || !!c.goal;
+  ]), !l) return null;
+  const d = l.source === "agent" || !!l.goal;
   return /* @__PURE__ */ F("div", {
     className: `ago-nudge ${s}`,
     role: "status",
@@ -1977,9 +1977,9 @@ var tn = ({ client: e, onExpand: r, autoHideMs: t, position: o = "bottom-right",
       /* @__PURE__ */ a("div", {
         className: "ago-nudge__message",
         style: { paddingRight: "16px" },
-        children: c.message
+        children: l.message
       }),
-      (c.action || d) && /* @__PURE__ */ F("div", {
+      (l.action || d) && /* @__PURE__ */ F("div", {
         className: "ago-nudge__actions",
         style: {
           display: "flex",
@@ -1987,7 +1987,7 @@ var tn = ({ client: e, onExpand: r, autoHideMs: t, position: o = "bottom-right",
           marginTop: "10px",
           flexWrap: "wrap"
         },
-        children: [c.action && /* @__PURE__ */ a("button", {
+        children: [l.action && /* @__PURE__ */ a("button", {
           type: "button",
           className: "ago-nudge__action",
           onClick: () => {
@@ -2003,7 +2003,7 @@ var tn = ({ client: e, onExpand: r, autoHideMs: t, position: o = "bottom-right",
             fontWeight: 600,
             cursor: "pointer"
           },
-          children: c.action.label
+          children: l.action.label
         }), d && /* @__PURE__ */ a("button", {
           type: "button",
           className: "ago-nudge__expand",
@@ -2029,37 +2029,37 @@ var tn = ({ client: e, onExpand: r, autoHideMs: t, position: o = "bottom-right",
 function Lt({ client: e, autoLoad: r = !0 } = {}) {
   const t = O(), o = e || t;
   if (!o) throw new Error("useConversation requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
-  const [n, s] = M([]), [c, i] = M(null), [g, d] = M(!1), [f, x] = M(null), m = T(async () => {
-    d(!0), x(null);
+  const [n, s] = M([]), [l, i] = M(null), [g, d] = M(!1), [f, w] = M(null), m = T(async () => {
+    d(!0), w(null);
     try {
       const { data: p } = await o.getConversations();
       s(p);
     } catch (p) {
-      x(p instanceof Error ? p : /* @__PURE__ */ new Error("Failed to load conversations"));
+      w(p instanceof Error ? p : /* @__PURE__ */ new Error("Failed to load conversations"));
     } finally {
       d(!1);
     }
   }, [o]), u = T(async (p) => {
-    d(!0), x(null);
+    d(!0), w(null);
     try {
       i(await o.getConversation(p));
     } catch (k) {
-      x(k instanceof Error ? k : /* @__PURE__ */ new Error("Failed to load conversation"));
+      w(k instanceof Error ? k : /* @__PURE__ */ new Error("Failed to load conversation"));
     } finally {
       d(!1);
     }
-  }, [o]), v = T(() => {
+  }, [o]), y = T(() => {
     i(null);
   }, []);
   return E(() => {
     r && m();
   }, [r, m]), {
     conversations: n,
-    currentConversation: c,
+    currentConversation: l,
     isLoading: g,
     error: f,
     selectConversation: u,
-    startNewConversation: v,
+    startNewConversation: y,
     refreshConversations: m
   };
 }
@@ -2090,13 +2090,13 @@ function nn(e = {}) {
   };
 }
 function rn(e, r) {
-  const t = U(), { name: o, description: n, parameters: s, handler: c, maxResultBytes: i, requiresApproval: g, webmcp: d } = typeof e == "string" ? {
+  const t = U(), { name: o, description: n, parameters: s, handler: l, maxResultBytes: i, requiresApproval: g, webmcp: d } = typeof e == "string" ? {
     name: e,
     ...r
-  } : e, f = W(c);
-  f.current = c, E(() => {
-    const x = (m) => f.current(m);
-    return t.registerFunction(o, x, {
+  } : e, f = W(l);
+  f.current = l, E(() => {
+    const w = (m) => f.current(m);
+    return t.registerFunction(o, w, {
       description: n,
       parameters: s,
       maxResultBytes: i,
@@ -2109,40 +2109,46 @@ function rn(e, r) {
     t,
     o,
     n,
-    s,
+    JSON.stringify(s),
     i,
     g,
     JSON.stringify(d ?? null)
   ]);
 }
-function on(e, r) {
-  const t = U(), o = W(e);
-  o.current = e, E(() => (t.registerNavigationFunction((n) => o.current(n), r), () => {
-    t.unregisterNavigationFunction();
-  }), [t, r]);
+function on(e, r, t) {
+  const o = U(), n = W(e);
+  n.current = e;
+  const s = t?.catalogue;
+  E(() => (o.registerNavigationFunction((l) => n.current(l), r, { catalogue: s === "onDemand" ? "onDemand" : "inline" }), () => {
+    o.unregisterNavigationFunction();
+  }), [
+    o,
+    r,
+    s
+  ]);
 }
 function an(e, r) {
-  const t = U(), o = r?.functionName ?? "setPageState", n = r?.requiresApproval, s = r?.data !== void 0, c = r?.data?.description, i = r?.data?.maxResultBytes, g = r?.settleTimeoutMs, d = W(e);
+  const t = U(), o = r?.functionName ?? "setPageState", n = r?.requiresApproval, s = r?.data !== void 0, l = r?.data?.description, i = r?.data?.maxResultBytes, g = r?.settleTimeoutMs, d = W(e);
   d.current = e;
   const f = W(r);
   f.current = r, E(() => {
-    const x = d.current.map((u) => {
-      const v = () => d.current.find((p) => p.name === u.name) ?? u;
+    const w = d.current.map((u) => {
+      const y = () => d.current.find((p) => p.name === u.name) ?? u;
       return {
         name: u.name,
         description: u.description,
         schema: u.schema,
         clearable: u.clearable,
-        get: u.get ? () => v().get?.() : void 0,
-        set: (p) => v().set(p)
+        get: u.get ? () => y().get?.() : void 0,
+        set: (p) => y().set(p)
       };
     }), m = s ? {
-      description: c ?? "What the page is currently showing.",
+      description: l ?? "What the page is currently showing.",
       maxResultBytes: i,
       get: () => f.current?.data?.get(),
       isLoading: () => f.current?.data?.isLoading?.() ?? !1
     } : void 0;
-    return t.registerPageStateFunction(x, {
+    return t.registerPageStateFunction(w, {
       functionName: o,
       requiresApproval: n,
       data: m,
@@ -2155,14 +2161,14 @@ function an(e, r) {
     o,
     n,
     s,
-    c,
+    l,
     i,
     g,
-    JSON.stringify(e.map((x) => ({
-      name: x.name,
-      description: x.description,
-      schema: x.schema,
-      clearable: x.clearable
+    JSON.stringify(e.map((w) => ({
+      name: w.name,
+      description: w.description,
+      schema: w.schema,
+      clearable: w.clearable
     })))
   ]);
 }
@@ -2179,20 +2185,20 @@ function ln(e = {}) {
     const i = () => n(t.getRecentActivity());
     return t.on("activity:recorded", i), () => t.off("activity:recorded", i);
   }, [t]);
-  const s = T((i) => t.recordActivity(i), [t]), c = T(() => {
+  const s = T((i) => t.recordActivity(i), [t]), l = T(() => {
     t.clearActivity(), n([]);
   }, [t]);
   return {
     entries: o,
     latest: o.length > 0 ? o[o.length - 1] : void 0,
     record: s,
-    clear: c
+    clear: l
   };
 }
 function cn(e, r) {
   const t = U(), o = Xe(), n = r ?? o, s = W(e);
   s.current = e;
-  const c = typeof e == "function";
+  const l = typeof e == "function";
   E(() => {
     if (typeof s.current == "function") {
       const i = () => s.current();
@@ -2206,8 +2212,8 @@ function cn(e, r) {
   }, [
     t,
     n,
-    c,
-    c ? "" : JSON.stringify(e)
+    l,
+    l ? "" : JSON.stringify(e)
   ]);
 }
 function Pt(e) {
@@ -2218,12 +2224,12 @@ var me = {
   complete: !1
 };
 function dn(e) {
-  const r = U(), t = e.schema != null, o = JSON.stringify(e.schema ?? null), n = e.submit, s = n ? typeof n == "string" ? `client:${n}` : n.via === "backend" ? "backend" : "handler" in n ? "client:handler" : `client:${n.url}` : "none", c = JSON.stringify(e.initialValues ?? null), i = $(() => t ? xe(e) : null, [
+  const r = U(), t = e.schema != null, o = JSON.stringify(e.schema ?? null), n = e.submit, s = n ? typeof n == "string" ? `client:${n}` : n.via === "backend" ? "backend" : "handler" in n ? "client:handler" : `client:${n.url}` : "none", l = JSON.stringify(e.initialValues ?? null), i = $(() => t ? xe(e) : null, [
     t,
     e.name,
     o,
     s,
-    c,
+    l,
     e.autoSubmit
   ]), [g, d] = M({
     collector: null,
@@ -2257,10 +2263,10 @@ function dn(e) {
     t,
     e.name,
     s,
-    c,
+    l,
     e.autoSubmit
   ]);
-  const f = t ? i : g.collector, x = t ? !1 : g.loading, m = t ? null : g.error;
+  const f = t ? i : g.collector, w = t ? !1 : g.loading, m = t ? null : g.error;
   E(() => {
     if (f)
       return f.install(r);
@@ -2268,10 +2274,10 @@ function dn(e) {
   const u = $(() => Le({
     values: e.initialValues ?? {},
     submitted: !1
-  }), [c]), v = Pt(f?.store ?? u), p = $(() => f?.getStatus() ?? me, [v, f]), k = $(() => ({
-    ...v,
+  }), [l]), y = Pt(f?.store ?? u), p = $(() => f?.getStatus() ?? me, [y, f]), k = $(() => ({
+    ...y,
     ...p
-  }), [v, p]), b = $(() => ({
+  }), [y, p]), x = $(() => ({
     name: e.name,
     store: u,
     functions: [],
@@ -2302,9 +2308,9 @@ function dn(e) {
     getStatus: () => me
   }), [e.name, u]);
   return {
-    ...f ?? b,
+    ...f ?? x,
     state: k,
-    loading: x,
+    loading: w,
     error: m
   };
 }