@useago/sdk 1.5.0 → 1.5.3

package/dist/react.js

@@ -1,21 +1,21 @@
-import { a as q, i as J, o as j, s as V, t as Y } from "./AgoClient-q39FIjSC.js";
-import { t as X } from "./autoContinue-D3Mmaaca.js";
-import { i as Q, n as _e, r as H, t as O } from "./createFormCollector-sB6rMccD.js";
-import { t as Pe } from "./createMockClient-BUc9PSbo.js";
-import Z, { createContext as ee, useCallback as A, useContext as $, useEffect as k, useId as te, useMemo as T, useRef as E, useState as M, useSyncExternalStore as ne } from "react";
-import { Fragment as B, jsx as a, jsxs as R } from "react/jsx-runtime";
-import re from "react-markdown";
-import oe from "remark-gfm";
-function ae(e) {
-  const [t, r] = M(!1), n = E(null), o = T(() => {
-    if (n.current && (n.current.destroy(), n.current = null), !e) return null;
-    const i = new Y(e);
-    return n.current = i, i;
+import { a as Y, b as q, h as X, i as Z, o as Q, s as ee, t as te } from "./AgoClient-CW-BLT1_.js";
+import { t as ne } from "./autoContinue-D3Mmaaca.js";
+import { n as He, r as j, t as B } from "./createFormCollector-iCDwAwYJ.js";
+import { t as qe } from "./createMockClient-Br0TWgLO.js";
+import re, { createContext as oe, useCallback as R, useContext as G, useEffect as A, useId as ae, useMemo as W, useRef as _, useState as E, useSyncExternalStore as se } from "react";
+import { Fragment as U, jsx as l, jsxs as M } from "react/jsx-runtime";
+import ie from "react-markdown";
+import le from "remark-gfm";
+function ce(e) {
+  const [r, t] = E(!1), o = _(null), n = W(() => {
+    if (o.current && (o.current.destroy(), o.current = null), !e) return null;
+    const s = new te(e);
+    return o.current = s, s;
   }, [e?.baseUrl, e?.widgetId]);
-  return k(() => (r(!0), () => {
-    n.current?.destroy(), n.current = null;
-  }), [o]), k(() => {
-    n.current && e && n.current.updateConfig({
+  return A(() => (n && o.current === null && (o.current = n, n.reviveAfterDestroy()), t(!0), () => {
+    o.current?.destroy(), o.current = null;
+  }), [n]), A(() => {
+    o.current && e && o.current.updateConfig({
       agent: e.agent,
       defaultAgentId: e.defaultAgentId,
       permission: e.permission,
@@ -33,137 +33,137 @@ function ae(e) {
     e?.debug,
     e?.warnOnEmptyReply
   ]), {
-    client: o,
-    isReady: t
+    client: n,
+    isReady: r
   };
 }
-var L = 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 k(() => {
-    if (!(!r || r.length === 0)) {
-      for (const f of r) l.register(f);
+var L = oe(null), Ke = ({ children: e, client: r, tools: t, helpers: o, pageContext: n, ...s }) => {
+  const { client: c } = ce(r ? null : s), a = r || c;
+  return A(() => {
+    if (!(!t || t.length === 0)) {
+      for (const f of t) a.register(f);
       return () => {
-        for (const f of r) l.unregisterFunction(f.name);
+        for (const f of t) a.unregisterFunction(f.name);
       };
     }
-  }, [l, r]), k(() => {
-    if (!n) return;
+  }, [a, t]), A(() => {
+    if (!o) return;
     const f = [];
-    return import("./functions-CApuQZ2b.js").then((u) => u.n).then((u) => {
-      for (const [y, v] of Object.entries(n)) {
-        const I = u[y];
-        if (!I) {
-          console.warn(`[AGO] Unknown helper: "${y}"`);
+    return import("./functions-CApuQZ2b.js").then((d) => d.n).then((d) => {
+      for (const [g, C] of Object.entries(o)) {
+        const N = d[g];
+        if (!N) {
+          console.warn(`[AGO] Unknown helper: "${g}"`);
           continue;
         }
-        const x = v === !0 ? I : {
-          ...I,
-          handler: v
+        const S = C === !0 ? N : {
+          ...N,
+          handler: C
         };
-        l.register(x), f.push(x.name);
+        a.register(S), f.push(S.name);
       }
     }), () => {
-      for (const u of f) l.unregisterFunction(u);
+      for (const d of f) a.unregisterFunction(d);
     };
-  }, [l, n]), k(() => {
-    o === "auto" && l.enableAutoPageContext();
-  }, [l, o]), /* @__PURE__ */ a(L.Provider, {
-    value: l,
+  }, [a, o]), A(() => {
+    n === "auto" && a.enableAutoPageContext();
+  }, [a, n]), /* @__PURE__ */ l(L.Provider, {
+    value: a,
     children: e
   });
 };
-function P() {
-  const e = $(L);
+function D() {
+  const e = G(L);
   if (!e) throw new Error('useAgoClient must be used within an <AgoProvider>. Wrap your component tree with <AgoProvider baseUrl="...">.');
   return e;
 }
 function z() {
-  return $(L);
+  return G(L);
 }
-function G({ client: e, conversationId: t } = {}) {
-  const r = z(), n = e || r;
-  if (!n) throw new Error("useMessages requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
-  const [o, i] = M([]), [c, l] = M(t), [f, u] = M(!1), [y, v] = M(null);
-  k(() => {
-    t && t !== c && (l(t), I(t));
-  }, [t]);
-  const I = async (x) => {
+function K({ client: e, conversationId: r } = {}) {
+  const t = z(), o = e || t;
+  if (!o) throw new Error("useMessages requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
+  const [n, s] = E([]), [c, a] = E(r), [f, d] = E(!1), [g, C] = E(null);
+  A(() => {
+    r && r !== c && (a(r), N(r));
+  }, [r]);
+  const N = async (S) => {
     try {
-      i((await n.getMessages(x)).filter((h) => !h.hidden));
-    } catch (h) {
-      v(h instanceof Error ? h : /* @__PURE__ */ new Error("Failed to load messages"));
+      s((await o.getMessages(S)).filter((k) => !k.hidden));
+    } catch (k) {
+      C(k instanceof Error ? k : /* @__PURE__ */ new Error("Failed to load messages"));
     }
   };
-  return k(() => {
-    const x = (d) => d === "IN_PROGRESS" || d === "WAITING_CLIENT", h = (d) => {
-      c || l(d.conversationId), u(!0), i((p) => {
-        const m = p.findIndex((g) => g.id === d.messageId);
-        return m >= 0 ? p.map((g, W) => W === m ? {
-          ...g,
+  return A(() => {
+    const S = (u) => u === "IN_PROGRESS" || u === "WAITING_CLIENT", k = (u) => {
+      c || a(u.conversationId), d(!0), s((h) => {
+        const w = h.findIndex((b) => b.id === u.messageId);
+        return w >= 0 ? h.map((b, T) => T === w ? {
+          ...b,
           status: "IN_PROGRESS"
-        } : g) : p.some((g) => g.role === "assistant" && x(g.status)) ? p : [...p, {
-          id: d.messageId,
-          conversationId: d.conversationId,
+        } : b) : h.some((b) => b.role === "assistant" && S(b.status)) ? h : [...h, {
+          id: u.messageId,
+          conversationId: u.conversationId,
           content: "",
           role: "assistant",
           status: "IN_PROGRESS",
           createdAt: /* @__PURE__ */ new Date()
         }];
       });
-    }, C = (d) => {
-      i((p) => {
-        const m = p.findIndex((g) => g.id === d.messageId);
-        return m < 0 ? p : p.map((g, W) => W === m ? {
-          ...g,
-          content: g.content + d.content
-        } : g);
+    }, p = (u) => {
+      s((h) => {
+        const w = h.findIndex((b) => b.id === u.messageId);
+        return w < 0 ? h : h.map((b, T) => T === w ? {
+          ...b,
+          content: b.content + u.content
+        } : b);
       });
-    }, S = (d) => {
-      i((p) => {
-        let m = -1;
-        for (let g = p.length - 1; g >= 0; g--) if (p[g].role === "assistant" && x(p[g].status)) {
-          m = g;
+    }, x = (u) => {
+      s((h) => {
+        let w = -1;
+        for (let b = h.length - 1; b >= 0; b--) if (h[b].role === "assistant" && S(h[b].status)) {
+          w = b;
           break;
         }
-        return m < 0 ? p : [
-          ...p.slice(0, m),
+        return w < 0 ? h : [
+          ...h.slice(0, w),
           {
-            ...p[m],
-            ...d
+            ...h[w],
+            ...u
           },
-          ...p.slice(m + 1)
+          ...h.slice(w + 1)
         ];
       });
-    }, s = (d) => {
-      i((p) => {
-        const m = p.findIndex((g) => g.id === d.id);
-        return m >= 0 ? [
-          ...p.slice(0, m),
-          d,
-          ...p.slice(m + 1)
-        ] : [...p, d];
-      }), u(!1);
-    }, b = (d) => {
-      v(new Error(d.error)), u(!1);
+    }, i = (u) => {
+      s((h) => {
+        const w = h.findIndex((b) => b.id === u.id);
+        return w >= 0 ? [
+          ...h.slice(0, w),
+          u,
+          ...h.slice(w + 1)
+        ] : [...h, u];
+      }), d(!1);
+    }, v = (u) => {
+      C(new Error(u.error)), d(!1);
     };
-    return n.on("message:start", h), n.on("message:chunk", C), n.on("message:answer-complete", S), n.on("message:complete", s), n.on("message:error", b), () => {
-      n.off("message:start", h), n.off("message:chunk", C), n.off("message:answer-complete", S), n.off("message:complete", s), n.off("message:error", b);
+    return o.on("message:start", k), o.on("message:chunk", p), o.on("message:answer-complete", x), o.on("message:complete", i), o.on("message:error", v), () => {
+      o.off("message:start", k), o.off("message:chunk", p), o.off("message:answer-complete", x), o.off("message:complete", i), o.off("message:error", v);
     };
-  }, [n, c]), {
-    messages: o,
+  }, [o, c]), {
+    messages: n,
     isLoading: f,
-    error: y,
-    sendMessage: A(async (x, h) => {
-      u(!0), v(null);
-      const C = {
+    error: g,
+    sendMessage: R(async (S, k) => {
+      d(!0), C(null);
+      const p = {
         id: `temp-${Date.now()}`,
         conversationId: c || "",
-        content: x,
+        content: S,
         role: "user",
         status: "DONE",
-        attachments: h && h.length > 0 ? J(h) : void 0,
+        attachments: k && k.length > 0 ? Z(k) : void 0,
         createdAt: /* @__PURE__ */ new Date()
-      }, S = {
+      }, x = {
         id: `temp-assistant-${Date.now()}`,
         conversationId: c || "",
         content: "",
@@ -171,62 +171,62 @@ function G({ client: e, conversationId: t } = {}) {
         status: "IN_PROGRESS",
         createdAt: /* @__PURE__ */ new Date()
       };
-      i((s) => [
-        ...s,
-        C,
-        S
+      s((i) => [
+        ...i,
+        p,
+        x
       ]);
       try {
-        const s = await n.sendMessage(x, {
+        const i = await o.sendMessage(S, {
           conversationId: c,
-          files: h
+          files: k
         });
-        return s.conversationId && !c && l(s.conversationId), i((b) => {
-          const d = b.filter((m) => !m.id.startsWith("temp-")), p = {
-            ...C,
-            id: C.id.replace("temp-", "user-"),
-            conversationId: s.conversationId
+        return i.conversationId && !c && a(i.conversationId), s((v) => {
+          const u = v.filter((w) => !w.id.startsWith("temp-")), h = {
+            ...p,
+            id: p.id.replace("temp-", "user-"),
+            conversationId: i.conversationId
           };
-          return d.some((m) => m.id === s.id) ? [...d, p].sort((m, g) => new Date(m.createdAt).getTime() - new Date(g.createdAt).getTime()) : [
-            ...d,
-            p,
-            s
+          return u.some((w) => w.id === i.id) ? [...u, h].sort((w, b) => new Date(w.createdAt).getTime() - new Date(b.createdAt).getTime()) : [
+            ...u,
+            h,
+            i
           ];
-        }), s;
-      } catch (s) {
-        return v(s instanceof Error ? s : /* @__PURE__ */ new Error("Failed to send message")), u(!1), i((b) => b.filter((d) => !d.id.startsWith("temp-"))), null;
+        }), i;
+      } catch (i) {
+        return C(i instanceof Error ? i : /* @__PURE__ */ new Error("Failed to send message")), d(!1), s((v) => v.filter((u) => !u.id.startsWith("temp-"))), null;
       }
-    }, [n, c]),
-    clearMessages: A(() => {
-      i([]), l(void 0), v(null);
+    }, [o, c]),
+    clearMessages: R(() => {
+      s([]), a(void 0), C(null);
     }, []),
     conversationId: c
   };
 }
-var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", allowFiles: n = !1, className: o = "" }) => {
-  const [i, c] = M(""), [l, f] = M([]), u = E(null), y = E(null), v = A(() => {
-    const s = y.current;
-    if (!s) return;
-    const b = 110;
-    s.style.height = "auto", s.style.height = `${Math.min(s.scrollHeight + 2, b)}px`, s.style.overflowY = s.scrollHeight + 2 > b ? "auto" : "hidden";
-  }, []), I = A((s) => {
-    s.preventDefault(), (i.trim() || l.length > 0) && (e(i.trim(), l.length > 0 ? l : void 0), c(""), f([]), requestAnimationFrame(v));
+var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", allowFiles: o = !1, className: n = "" }) => {
+  const [s, c] = E(""), [a, f] = E([]), d = _(null), g = _(null), C = R(() => {
+    const i = g.current;
+    if (!i) return;
+    const v = 110;
+    i.style.height = "auto", i.style.height = `${Math.min(i.scrollHeight + 2, v)}px`, i.style.overflowY = i.scrollHeight + 2 > v ? "auto" : "hidden";
+  }, []), N = R((i) => {
+    i.preventDefault(), (s.trim() || a.length > 0) && (e(s.trim(), a.length > 0 ? a : void 0), c(""), f([]), requestAnimationFrame(C));
   }, [
-    i,
-    l,
+    s,
+    a,
     e,
-    v
-  ]), x = A((s) => {
-    s.key === "Enter" && !s.shiftKey && (s.preventDefault(), I(s));
-  }, [I]), h = A((s) => {
-    const b = Array.from(s.target.files || []);
-    f((d) => [...d, ...b]);
-  }, []), C = A((s) => {
-    f((b) => b.filter((d, p) => p !== s));
-  }, []), S = i.trim() || l.length > 0;
-  return /* @__PURE__ */ R("form", {
-    onSubmit: I,
-    className: `ago-chat-input ${o}`,
+    C
+  ]), S = R((i) => {
+    i.key === "Enter" && !i.shiftKey && (i.preventDefault(), N(i));
+  }, [N]), k = R((i) => {
+    const v = Array.from(i.target.files || []);
+    f((u) => [...u, ...v]);
+  }, []), p = R((i) => {
+    f((v) => v.filter((u, h) => h !== i));
+  }, []), x = s.trim() || a.length > 0;
+  return /* @__PURE__ */ M("form", {
+    onSubmit: N,
+    className: `ago-chat-input ${n}`,
     style: {
       display: "flex",
       flexDirection: "column",
@@ -235,14 +235,14 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       borderTop: "1px solid #dee3e8",
       backgroundColor: "#fff"
     },
-    children: [l.length > 0 && /* @__PURE__ */ a("div", {
+    children: [a.length > 0 && /* @__PURE__ */ l("div", {
       className: "ago-chat-input__files",
       style: {
         display: "flex",
         flexWrap: "wrap",
         gap: "6px"
       },
-      children: l.map((s, b) => /* @__PURE__ */ R("div", {
+      children: a.map((i, v) => /* @__PURE__ */ M("div", {
         style: {
           display: "flex",
           alignItems: "center",
@@ -253,18 +253,18 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           fontSize: "12px",
           color: "#30373e"
         },
-        children: [/* @__PURE__ */ a("span", {
+        children: [/* @__PURE__ */ l("span", {
           style: {
             maxWidth: "120px",
             overflow: "hidden",
             textOverflow: "ellipsis",
             whiteSpace: "nowrap"
           },
-          children: s.name
-        }), /* @__PURE__ */ a("button", {
+          children: i.name
+        }), /* @__PURE__ */ l("button", {
           type: "button",
-          onClick: () => C(b),
-          "aria-label": `Remove ${s.name}`,
+          onClick: () => p(v),
+          "aria-label": `Remove ${i.name}`,
           style: {
             border: "none",
             background: "none",
@@ -276,47 +276,47 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           },
           children: "×"
         })]
-      }, b))
-    }), /* @__PURE__ */ R("div", {
+      }, v))
+    }), /* @__PURE__ */ M("div", {
       style: {
         display: "flex",
         gap: "8px",
         alignItems: "flex-end"
       },
       children: [
-        n && /* @__PURE__ */ R(B, { children: [/* @__PURE__ */ a("button", {
+        o && /* @__PURE__ */ M(U, { children: [/* @__PURE__ */ l("button", {
           type: "button",
-          onClick: () => u.current?.click(),
-          disabled: t,
+          onClick: () => d.current?.click(),
+          disabled: r,
           "aria-label": "Attach file",
           style: {
             padding: "8px",
             border: "1px solid #dee3e8",
             borderRadius: "8px",
             backgroundColor: "#fff",
-            cursor: t ? "not-allowed" : "pointer",
+            cursor: r ? "not-allowed" : "pointer",
             color: "#6b6d6f",
             fontSize: "16px",
             lineHeight: 1
           },
           children: "+"
-        }), /* @__PURE__ */ a("input", {
-          ref: u,
+        }), /* @__PURE__ */ l("input", {
+          ref: d,
           type: "file",
           multiple: !0,
-          onChange: h,
+          onChange: k,
           style: { display: "none" }
         })] }),
-        /* @__PURE__ */ a("textarea", {
-          ref: y,
-          value: i,
-          onChange: (s) => {
-            c(s.target.value), v();
+        /* @__PURE__ */ l("textarea", {
+          ref: g,
+          value: s,
+          onChange: (i) => {
+            c(i.target.value), C();
           },
-          onKeyDown: x,
-          placeholder: r,
-          "aria-label": r,
-          disabled: t,
+          onKeyDown: S,
+          placeholder: t,
+          "aria-label": t,
+          disabled: r,
           rows: 1,
           style: {
             flex: 1,
@@ -335,23 +335,23 @@ var se = ({ 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: (i) => {
+            i.currentTarget.style.borderColor = "#1b5fc4";
           },
-          onBlur: (s) => {
-            s.currentTarget.style.borderColor = "#dee3e8";
+          onBlur: (i) => {
+            i.currentTarget.style.borderColor = "#dee3e8";
           }
         }),
-        /* @__PURE__ */ a("button", {
+        /* @__PURE__ */ l("button", {
           type: "submit",
-          disabled: t || !S,
+          disabled: r || !x,
           style: {
             padding: "10px 18px",
             border: "none",
             borderRadius: "20px",
-            backgroundColor: t || !S ? "#b5bfc8" : "#03182f",
+            backgroundColor: r || !x ? "#b5bfc8" : "#03182f",
             color: "#fff",
-            cursor: t || !S ? "not-allowed" : "pointer",
+            cursor: r || !x ? "not-allowed" : "pointer",
             fontWeight: 500,
             fontSize: "16px",
             transition: "background-color 0.15s"
@@ -361,7 +361,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       ]
     })]
   });
-}, ie = ({ href: e, children: t, ...r }) => /* @__PURE__ */ a("a", {
+}, ue = ({ href: e, children: r, ...t }) => /* @__PURE__ */ l("a", {
   href: e,
   target: "_blank",
   rel: "noopener noreferrer",
@@ -369,54 +369,54 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     color: "#1b5fc4",
     textDecoration: "underline"
   },
-  ...r,
-  children: t
-}), le = ({ children: e, ...t }) => /* @__PURE__ */ a("p", {
+  ...t,
+  children: r
+}), fe = ({ children: e, ...r }) => /* @__PURE__ */ l("p", {
   style: {
     margin: "0 0 8px 0",
     lineHeight: "1.6"
   },
-  ...t,
+  ...r,
   children: e
-}), _ = (e, t) => {
-  const r = ({ children: n, ...o }) => Z.createElement(`h${e}`, {
+}), P = (e, r) => {
+  const t = ({ children: o, ...n }) => re.createElement(`h${e}`, {
     style: {
       margin: "16px 0 8px 0",
-      fontSize: t,
+      fontSize: r,
       fontWeight: 600,
       lineHeight: "1.3"
     },
-    ...o
-  }, n);
-  return r.displayName = `MarkdownHeading${e}`, r;
-}, ce = ({ children: e, ...t }) => /* @__PURE__ */ a("ul", {
+    ...n
+  }, o);
+  return t.displayName = `MarkdownHeading${e}`, t;
+}, pe = ({ children: e, ...r }) => /* @__PURE__ */ l("ul", {
   style: {
     margin: "0 0 8px 0",
     paddingLeft: "20px",
     listStyleType: "disc",
     listStylePosition: "outside"
   },
-  ...t,
+  ...r,
   children: e
-}), de = ({ children: e, ...t }) => /* @__PURE__ */ a("ol", {
+}), ge = ({ children: e, ...r }) => /* @__PURE__ */ l("ol", {
   style: {
     margin: "0 0 8px 0",
     paddingLeft: "20px",
     listStyleType: "decimal",
     listStylePosition: "outside"
   },
-  ...t,
+  ...r,
   children: e
-}), ue = ({ children: e, ...t }) => /* @__PURE__ */ a("li", {
+}), me = ({ children: e, ...r }) => /* @__PURE__ */ l("li", {
   style: {
     display: "list-item",
     margin: "2px 0",
     lineHeight: "1.6"
   },
-  ...t,
+  ...r,
   children: e
-}), fe = ({ className: e, children: t, ...r }) => e !== void 0 || String(t).includes(`
-`) ? /* @__PURE__ */ a("code", {
+}), xe = ({ className: e, children: r, ...t }) => e !== void 0 || String(r).includes(`
+`) ? /* @__PURE__ */ l("code", {
   style: {
     display: "block",
     background: "#f5f5f5",
@@ -426,9 +426,9 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     overflowX: "auto",
     fontFamily: '"IBM Plex Mono", monospace'
   },
-  ...r,
-  children: t
-}) : /* @__PURE__ */ a("code", {
+  ...t,
+  children: r
+}) : /* @__PURE__ */ l("code", {
   style: {
     background: "#f0f2f5",
     padding: "2px 5px",
@@ -436,13 +436,13 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     fontSize: "13px",
     fontFamily: '"IBM Plex Mono", monospace'
   },
-  ...r,
-  children: t
-}), pe = ({ children: e, ...t }) => /* @__PURE__ */ a("pre", {
-  style: { margin: "0 0 8px 0" },
   ...t,
+  children: r
+}), he = ({ children: e, ...r }) => /* @__PURE__ */ l("pre", {
+  style: { margin: "0 0 8px 0" },
+  ...r,
   children: e
-}), ge = ({ children: e, ...t }) => /* @__PURE__ */ a("blockquote", {
+}), ye = ({ children: e, ...r }) => /* @__PURE__ */ l("blockquote", {
   style: {
     borderLeft: "4px solid #dee3e8",
     paddingLeft: "12px",
@@ -450,23 +450,23 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     fontStyle: "italic",
     color: "#6b6d6f"
   },
-  ...t,
+  ...r,
   children: e
-}), me = ({ children: e, ...t }) => /* @__PURE__ */ a("div", {
+}), ve = ({ children: e, ...r }) => /* @__PURE__ */ l("div", {
   style: {
     overflowX: "auto",
     margin: "0 0 8px 0"
   },
-  children: /* @__PURE__ */ a("table", {
+  children: /* @__PURE__ */ l("table", {
     style: {
       borderCollapse: "collapse",
       width: "100%",
       fontSize: "13px"
     },
-    ...t,
+    ...r,
     children: e
   })
-}), xe = ({ children: e, ...t }) => /* @__PURE__ */ a("th", {
+}), be = ({ children: e, ...r }) => /* @__PURE__ */ l("th", {
   style: {
     border: "1px solid #dee3e8",
     padding: "6px 10px",
@@ -474,66 +474,66 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     backgroundColor: "#f5f7fa",
     fontWeight: 600
   },
-  ...t,
+  ...r,
   children: e
-}), he = ({ children: e, ...t }) => /* @__PURE__ */ a("td", {
+}), we = ({ children: e, ...r }) => /* @__PURE__ */ l("td", {
   style: {
     border: "1px solid #dee3e8",
     padding: "6px 10px"
   },
-  ...t,
+  ...r,
   children: e
-}), ye = ({ alt: e, ...t }) => /* @__PURE__ */ a("img", {
+}), Ce = ({ alt: e, ...r }) => /* @__PURE__ */ l("img", {
   alt: e ?? "",
   style: {
     maxWidth: "100%",
     borderRadius: "8px",
     margin: "4px 0"
   },
-  ...t
-}), be = (e) => /* @__PURE__ */ a("hr", {
+  ...r
+}), Se = (e) => /* @__PURE__ */ l("hr", {
   style: {
     border: "none",
     borderTop: "1px solid #dee3e8",
     margin: "12px 0"
   },
   ...e
-}), ve = {
-  a: ie,
-  p: le,
-  h1: _(1, "20px"),
-  h2: _(2, "18px"),
-  h3: _(3, "16px"),
-  h4: _(4, "15px"),
-  h5: _(5, "14px"),
-  h6: _(6, "13px"),
-  ul: ce,
-  ol: de,
-  li: ue,
-  code: fe,
-  pre: pe,
-  blockquote: ge,
-  table: me,
-  th: xe,
-  td: he,
-  img: ye,
-  hr: be
-}, we = [oe], Ce = ({ content: e }) => /* @__PURE__ */ a(re, {
-  remarkPlugins: we,
-  components: ve,
+}), ke = {
+  a: ue,
+  p: fe,
+  h1: P(1, "20px"),
+  h2: P(2, "18px"),
+  h3: P(3, "16px"),
+  h4: P(4, "15px"),
+  h5: P(5, "14px"),
+  h6: P(6, "13px"),
+  ul: pe,
+  ol: ge,
+  li: me,
+  code: xe,
+  pre: he,
+  blockquote: ye,
+  table: ve,
+  th: be,
+  td: we,
+  img: Ce,
+  hr: Se
+}, Ie = [le], Ae = ({ content: e }) => /* @__PURE__ */ l(ie, {
+  remarkPlugins: Ie,
+  components: ke,
   children: e
-}), Se = ({ attachment: e, isUser: t }) => {
-  const r = V(e.url);
-  if (q(e)) return /* @__PURE__ */ a("a", {
-    href: r,
+}), Ne = ({ attachment: e, isUser: r }) => {
+  const t = ee(e.url);
+  if (Y(e)) return /* @__PURE__ */ l("a", {
+    href: t,
     target: "_blank",
     rel: "noopener noreferrer",
     style: {
       display: "inline-block",
       textDecoration: "none"
     },
-    children: /* @__PURE__ */ a("img", {
-      src: r,
+    children: /* @__PURE__ */ l("img", {
+      src: t,
       alt: e.name,
       loading: "lazy",
       style: {
@@ -546,7 +546,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       }
     })
   });
-  const n = j(e.fileSize), o = /* @__PURE__ */ R(B, { children: [/* @__PURE__ */ a("span", {
+  const o = Q(e.fileSize), n = /* @__PURE__ */ M(U, { children: [/* @__PURE__ */ l("span", {
     style: {
       fontSize: "16px",
       lineHeight: 1,
@@ -554,13 +554,13 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     },
     "aria-hidden": !0,
     children: "📄"
-  }), /* @__PURE__ */ R("span", {
+  }), /* @__PURE__ */ M("span", {
     style: {
       display: "flex",
       flexDirection: "column",
       minWidth: 0
     },
-    children: [/* @__PURE__ */ a("span", {
+    children: [/* @__PURE__ */ l("span", {
       style: {
         overflow: "hidden",
         textOverflow: "ellipsis",
@@ -569,38 +569,38 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       },
       title: e.name,
       children: e.name
-    }), n && /* @__PURE__ */ a("span", {
+    }), o && /* @__PURE__ */ l("span", {
       style: {
         fontSize: "11px",
         color: "#6b6d6f"
       },
-      children: n
+      children: o
     })]
-  })] }), i = {
+  })] }), s = {
     display: "inline-flex",
     alignItems: "center",
     gap: "8px",
     padding: "8px 12px",
     borderRadius: "10px",
     border: "1px solid #dee3e8",
-    backgroundColor: t ? "rgba(255,255,255,0.12)" : "#fff",
-    color: t ? "#fff" : "#30373e",
+    backgroundColor: r ? "rgba(255,255,255,0.12)" : "#fff",
+    color: r ? "#fff" : "#30373e",
     fontSize: "13px",
     textDecoration: "none",
     maxWidth: "220px"
   };
-  return r ? /* @__PURE__ */ a("a", {
-    href: r,
+  return t ? /* @__PURE__ */ l("a", {
+    href: t,
     target: "_blank",
     rel: "noopener noreferrer",
-    style: i,
-    children: o
-  }) : /* @__PURE__ */ a("div", {
-    style: i,
-    children: o
+    style: s,
+    children: n
+  }) : /* @__PURE__ */ l("div", {
+    style: s,
+    children: n
   });
-}, ke = ({ source: e, index: t }) => {
-  const r = /* @__PURE__ */ R("div", {
+}, Re = ({ source: e, index: r }) => {
+  const t = /* @__PURE__ */ M("div", {
     style: {
       display: "flex",
       alignItems: "center",
@@ -608,7 +608,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       width: "100%",
       minWidth: 0
     },
-    children: [/* @__PURE__ */ a("div", {
+    children: [/* @__PURE__ */ l("div", {
       style: {
         flexShrink: 0,
         width: "18px",
@@ -623,8 +623,8 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
         justifyContent: "center",
         backgroundColor: "#f0f4ff"
       },
-      children: t + 1
-    }), /* @__PURE__ */ a("div", {
+      children: r + 1
+    }), /* @__PURE__ */ l("div", {
       style: {
         fontSize: "12px",
         overflow: "hidden",
@@ -635,7 +635,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       title: e.title,
       children: e.title
     })]
-  }), n = {
+  }), o = {
     display: "flex",
     alignItems: "center",
     padding: "8px 10px",
@@ -648,23 +648,23 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     minWidth: 0,
     transition: "border-color 0.15s"
   };
-  return e.url ? /* @__PURE__ */ a("a", {
+  return e.url ? /* @__PURE__ */ l("a", {
     href: e.url,
     target: "_blank",
     rel: "noopener noreferrer",
-    style: n,
-    onMouseEnter: (o) => {
-      o.currentTarget.style.borderColor = "#1b5fc4";
+    style: o,
+    onMouseEnter: (n) => {
+      n.currentTarget.style.borderColor = "#1b5fc4";
     },
-    onMouseLeave: (o) => {
-      o.currentTarget.style.borderColor = "#dee3e8";
+    onMouseLeave: (n) => {
+      n.currentTarget.style.borderColor = "#dee3e8";
     },
-    children: r
-  }) : /* @__PURE__ */ a("div", {
-    style: n,
-    children: r
+    children: t
+  }) : /* @__PURE__ */ l("div", {
+    style: o,
+    children: t
   });
-}, Ie = () => /* @__PURE__ */ R("div", {
+}, Ee = () => /* @__PURE__ */ M("div", {
   style: {
     display: "flex",
     gap: "4px",
@@ -674,31 +674,31 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
     0,
     1,
     2
-  ].map((e) => /* @__PURE__ */ a("div", { style: {
+  ].map((e) => /* @__PURE__ */ l("div", { style: {
     width: "6px",
     height: "6px",
     borderRadius: "50%",
     backgroundColor: "#b5bfc8",
     animation: "ago-pulse 1.2s ease-in-out infinite",
     animationDelay: `${e * 0.2}s`
-  } }, e)), /* @__PURE__ */ a("style", { children: `
+  } }, e)), /* @__PURE__ */ l("style", { children: `
       @keyframes ago-pulse {
         0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); }
         40% { opacity: 1; transform: scale(1); }
       }
     ` })]
-}), Me = ({ message: e, className: t = "", showAgentName: r = !1, isLast: n = !1, onFollowUpClick: o }) => {
-  const i = e.role === "user", c = e.status === "IN_PROGRESS" || e.status === "WAITING_CLIENT";
-  return /* @__PURE__ */ R("div", {
-    className: `ago-message ago-message--${e.role} ${t}`,
+}), Me = ({ message: e, className: r = "", showAgentName: t = !1, isLast: o = !1, onFollowUpClick: n }) => {
+  const s = e.role === "user", c = e.status === "IN_PROGRESS" || e.status === "WAITING_CLIENT";
+  return /* @__PURE__ */ M("div", {
+    className: `ago-message ago-message--${e.role} ${r}`,
     style: {
       display: "flex",
       flexDirection: "column",
-      alignItems: i ? "flex-end" : "flex-start",
+      alignItems: s ? "flex-end" : "flex-start",
       marginBottom: "16px"
     },
     children: [
-      !i && r && e.agent && /* @__PURE__ */ a("div", {
+      !s && t && e.agent && /* @__PURE__ */ l("div", {
         className: "ago-message__agent",
         style: {
           display: "flex",
@@ -712,7 +712,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
         },
         children: e.agent.displayName || e.agent.name
       }),
-      !i && e.sources && e.sources.length > 0 && /* @__PURE__ */ a("div", {
+      !s && e.sources && e.sources.length > 0 && /* @__PURE__ */ l("div", {
         className: "ago-message__sources",
         style: {
           display: "grid",
@@ -722,41 +722,41 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           width: "100%",
           maxWidth: "85%"
         },
-        children: e.sources.map((l, f) => /* @__PURE__ */ a(ke, {
-          source: l,
+        children: e.sources.map((a, f) => /* @__PURE__ */ l(Re, {
+          source: a,
           index: f
-        }, l.id))
+        }, a.id))
       }),
-      e.attachments && e.attachments.length > 0 && /* @__PURE__ */ a("div", {
+      e.attachments && e.attachments.length > 0 && /* @__PURE__ */ l("div", {
         className: "ago-message__attachments",
         style: {
           display: "flex",
           flexWrap: "wrap",
           gap: "6px",
           marginBottom: "6px",
-          justifyContent: i ? "flex-end" : "flex-start",
+          justifyContent: s ? "flex-end" : "flex-start",
           maxWidth: "75%"
         },
-        children: e.attachments.map((l) => /* @__PURE__ */ a(Se, {
-          attachment: l,
-          isUser: i
-        }, l.id))
+        children: e.attachments.map((a) => /* @__PURE__ */ l(Ne, {
+          attachment: a,
+          isUser: s
+        }, a.id))
       }),
-      (e.content || c) && /* @__PURE__ */ a("div", {
+      (e.content || c) && /* @__PURE__ */ l("div", {
         className: "ago-message__content",
         style: {
-          maxWidth: i ? "75%" : "100%",
-          padding: i ? "10px 14px" : "2px 8px",
-          borderRadius: i ? "16px" : "0",
-          backgroundColor: i ? "#03182f" : "transparent",
-          color: i ? "#fff" : "#30373e",
+          maxWidth: s ? "75%" : "100%",
+          padding: s ? "10px 14px" : "2px 8px",
+          borderRadius: s ? "16px" : "0",
+          backgroundColor: s ? "#03182f" : "transparent",
+          color: s ? "#fff" : "#30373e",
           wordBreak: "break-word",
           fontSize: "16px",
           lineHeight: "1.6"
         },
-        children: e.content ? /* @__PURE__ */ a(Ce, { content: e.content }) : c && /* @__PURE__ */ a(Ie, {})
+        children: e.content ? /* @__PURE__ */ l(Ae, { content: e.content }) : c && /* @__PURE__ */ l(Ee, {})
       }),
-      n && e.followUpReplies && e.followUpReplies.length > 0 && /* @__PURE__ */ a("div", {
+      o && e.followUpReplies && e.followUpReplies.length > 0 && /* @__PURE__ */ l("div", {
         className: "ago-message__followups",
         style: {
           display: "flex",
@@ -764,11 +764,11 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           gap: "8px",
           marginTop: "10px"
         },
-        children: e.followUpReplies.map((l, f) => /* @__PURE__ */ a("button", {
+        children: e.followUpReplies.map((a, f) => /* @__PURE__ */ l("button", {
           type: "button",
           className: "ago-message__followup-btn",
-          disabled: !o,
-          onClick: o ? () => o(l) : void 0,
+          disabled: !n,
+          onClick: n ? () => n(a) : void 0,
           style: {
             minHeight: "36px",
             padding: "6px 14px",
@@ -777,55 +777,55 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
             border: "1px solid #dee3e8",
             backgroundColor: "#fff",
             color: "#30373e",
-            cursor: o ? "pointer" : "default",
+            cursor: n ? "pointer" : "default",
             transition: "border-color 0.15s"
           },
-          onMouseEnter: (u) => {
-            u.currentTarget.style.borderColor = "#1b5fc4";
+          onMouseEnter: (d) => {
+            d.currentTarget.style.borderColor = "#1b5fc4";
           },
-          onMouseLeave: (u) => {
-            u.currentTarget.style.borderColor = "#dee3e8";
+          onMouseLeave: (d) => {
+            d.currentTarget.style.borderColor = "#dee3e8";
           },
-          children: l
+          children: a
         }, f))
       })
     ]
   });
-}, 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: f = !1, forms: u, onFollowUpClick: y, className: v = "", onMessageSent: I, onMessageReceived: x }) => {
-  const h = E(null), C = z(), S = e ?? C, { messages: s, isLoading: b, error: d, sendMessage: p } = G({
+}, Je = ({ client: e, conversationId: r, title: t = "Chat", welcomeMessage: o = "Hello! How can I help you today?", placeholder: n = "Type a message...", allowFiles: s = !1, height: c = 500, logoUrl: a, showAgentName: f = !1, forms: d, onFollowUpClick: g, className: C = "", onMessageSent: N, onMessageReceived: S }) => {
+  const k = _(null), p = z(), x = e ?? p, { messages: i, isLoading: v, error: u, sendMessage: h } = K({
     client: e,
-    conversationId: t
+    conversationId: r
   });
-  k(() => {
-    if (!S || !u || u.length === 0) return;
-    let w = !1;
-    const F = [];
-    return Promise.all(u.map((N) => N.schema != null ? Promise.resolve(O(N)) : H(S, N))).then((N) => {
-      if (!w)
-        for (const U of N) F.push(U.install(S));
+  A(() => {
+    if (!x || !d || d.length === 0) return;
+    let m = !1;
+    const I = [];
+    return Promise.all(d.map((F) => F.schema != null ? Promise.resolve(B(F)) : j(x, F))).then((F) => {
+      if (!m)
+        for (const V of F) I.push(V.install(x));
     }).catch(() => {
     }), () => {
-      w = !0, F.forEach((N) => N());
+      m = !0, I.forEach((F) => F());
     };
-  }, [S, u ? JSON.stringify(u.map((w) => [
-    w.name,
-    w.schema ?? null,
-    w.submit ?? !1,
-    w.description ?? null
-  ])) : ""]), k(() => {
-    h.current?.scrollIntoView({ behavior: "smooth" });
-  }, [s]), k(() => {
-    const w = s[s.length - 1];
-    w && w.role === "assistant" && w.status === "DONE" && x && x({
-      id: w.id,
-      content: w.content
+  }, [x, d ? JSON.stringify(d.map((m) => [
+    m.name,
+    m.schema ?? null,
+    m.submit ?? !1,
+    m.description ?? null
+  ])) : ""]), A(() => {
+    k.current?.scrollIntoView({ behavior: "smooth" });
+  }, [i]), A(() => {
+    const m = i[i.length - 1];
+    m && m.role === "assistant" && m.status === "DONE" && S && S({
+      id: m.id,
+      content: m.content
     });
-  }, [s, x]);
-  const m = async (w, F) => {
-    I?.(w), await p(w, F);
-  }, g = s[s.length - 1], W = b && g?.role === "assistant" && (g.status === "IN_PROGRESS" || g.status === "WAITING_CLIENT"), K = y === !1 ? void 0 : y ?? ((w) => m(w));
-  return /* @__PURE__ */ R("div", {
-    className: `ago-chat-widget ${v}`,
+  }, [i, S]);
+  const w = async (m, I) => {
+    N?.(m), await h(m, I);
+  }, b = i[i.length - 1], T = v && b?.role === "assistant" && (b.status === "IN_PROGRESS" || b.status === "WAITING_CLIENT"), y = g === !1 ? void 0 : g ?? ((m) => w(m));
+  return /* @__PURE__ */ M("div", {
+    className: `ago-chat-widget ${C}`,
     style: {
       display: "flex",
       flexDirection: "column",
@@ -839,7 +839,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
       boxShadow: "rgba(15, 15, 15, 0.08) 0px 2px 16px 0px"
     },
     children: [
-      /* @__PURE__ */ R("div", {
+      /* @__PURE__ */ M("div", {
         className: "ago-chat-widget__header",
         style: {
           padding: "14px 16px",
@@ -850,23 +850,23 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           alignItems: "center",
           gap: "10px"
         },
-        children: [l && /* @__PURE__ */ a("img", {
-          src: l,
+        children: [a && /* @__PURE__ */ l("img", {
+          src: a,
           alt: "Logo",
           style: {
             height: "24px",
             width: "auto"
           }
-        }), /* @__PURE__ */ a("h3", {
+        }), /* @__PURE__ */ l("h3", {
           style: {
             margin: 0,
             fontSize: "15px",
             fontWeight: 600
           },
-          children: r
+          children: t
         })]
       }),
-      /* @__PURE__ */ R("div", {
+      /* @__PURE__ */ M("div", {
         className: "ago-chat-widget__messages",
         role: "log",
         "aria-live": "polite",
@@ -879,7 +879,7 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
           backgroundColor: "#fbfbfb"
         },
         children: [
-          s.length === 0 ? /* @__PURE__ */ a("div", {
+          i.length === 0 ? /* @__PURE__ */ l("div", {
             style: {
               textAlign: "center",
               color: "#6b6d6f",
@@ -887,14 +887,14 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
               fontSize: "16px",
               lineHeight: "1.5"
             },
-            children: n
-          }) : s.map((w, F) => /* @__PURE__ */ a(Me, {
-            message: w,
+            children: o
+          }) : i.map((m, I) => /* @__PURE__ */ l(Me, {
+            message: m,
             showAgentName: f,
-            isLast: F === s.length - 1,
-            onFollowUpClick: K
-          }, w.id)),
-          d && /* @__PURE__ */ a("div", {
+            isLast: I === i.length - 1,
+            onFollowUpClick: y
+          }, m.id)),
+          u && /* @__PURE__ */ l("div", {
             role: "alert",
             style: {
               padding: "10px 14px",
@@ -905,222 +905,551 @@ var se = ({ onSend: e, disabled: t = !1, placeholder: r = "Type a message...", a
               fontSize: "13px",
               border: "1px solid #fecaca"
             },
-            children: d.message
+            children: u.message
           }),
-          /* @__PURE__ */ a("div", { ref: h })
+          /* @__PURE__ */ l("div", { ref: k })
         ]
       }),
-      /* @__PURE__ */ a(se, {
-        onSend: m,
-        disabled: W,
-        placeholder: o,
-        allowFiles: i
+      /* @__PURE__ */ l(de, {
+        onSend: w,
+        disabled: T,
+        placeholder: n,
+        allowFiles: s
       })
     ]
   });
 };
-function Re({ client: e, autoLoad: t = !0 } = {}) {
-  const r = z(), n = e || r;
-  if (!n) throw new Error("useConversation requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
-  const [o, i] = M([]), [c, l] = M(null), [f, u] = M(!1), [y, v] = M(null), I = A(async () => {
-    u(!0), v(null);
+function _e(e = {}) {
+  const r = z(), t = e.client ?? r;
+  if (!t) throw new q("useProactiveNudge: no AgoClient. Pass one via options.client or wrap your tree with <AgoProvider>.", "proactive_missing_client");
+  const [o, n] = E(null), s = _(o);
+  s.current = o;
+  const c = _(e.onExpand);
+  return c.current = e.onExpand, A(() => {
+    const a = (d) => {
+      n(d), t.proactive?.shown(d);
+    }, f = ({ nudge: d }) => {
+      n((g) => g?.id === d.id ? null : g);
+    };
+    return t.on("nudge:ready", a), t.on("nudge:accepted", f), t.on("nudge:dismissed", f), () => {
+      t.off("nudge:ready", a), t.off("nudge:accepted", f), t.off("nudge:dismissed", f);
+    };
+  }, [t]), {
+    nudge: o,
+    accept: R(async () => {
+      const a = s.current;
+      a && (n(null), await t.proactive?.accept(a), (a.source === "agent" || a.goal) && c.current?.(a));
+    }, [t]),
+    dismiss: R(() => {
+      const a = s.current;
+      a && (n(null), t.proactive?.dismiss(a));
+    }, [t])
+  };
+}
+var Ve = ({ client: e, onExpand: r, autoHideMs: t, position: o = "bottom-right", openChatLabel: n = "Open chat", className: s = "" }) => {
+  const { nudge: c, accept: a, dismiss: f } = _e({
+    client: e,
+    onExpand: r
+  });
+  if (A(() => {
+    if (!c || !t) return;
+    const g = setTimeout(() => f(), t);
+    return () => clearTimeout(g);
+  }, [
+    c,
+    t,
+    f
+  ]), !c) return null;
+  const d = c.source === "agent" || !!c.goal;
+  return /* @__PURE__ */ M("div", {
+    className: `ago-nudge ${s}`,
+    role: "status",
+    "aria-live": "polite",
+    style: {
+      position: "fixed",
+      bottom: "90px",
+      ...o === "bottom-left" ? { left: "20px" } : { right: "20px" },
+      zIndex: 2147483e3,
+      maxWidth: "320px",
+      padding: "14px 16px",
+      backgroundColor: "#fff",
+      color: "#03182f",
+      border: "1px solid #dee3e8",
+      borderRadius: "16px",
+      boxShadow: "rgba(15, 15, 15, 0.12) 0px 4px 20px 0px",
+      fontFamily: '"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+      fontSize: "14px",
+      lineHeight: 1.5,
+      textAlign: "left"
+    },
+    children: [
+      /* @__PURE__ */ l("button", {
+        type: "button",
+        className: "ago-nudge__close",
+        "aria-label": "Dismiss",
+        onClick: f,
+        style: {
+          position: "absolute",
+          top: "6px",
+          right: "8px",
+          border: "none",
+          background: "transparent",
+          color: "#6b6d6f",
+          fontSize: "16px",
+          lineHeight: 1,
+          cursor: "pointer",
+          padding: "4px"
+        },
+        children: "×"
+      }),
+      /* @__PURE__ */ l("div", {
+        className: "ago-nudge__message",
+        style: { paddingRight: "16px" },
+        children: c.message
+      }),
+      (c.action || d) && /* @__PURE__ */ M("div", {
+        className: "ago-nudge__actions",
+        style: {
+          display: "flex",
+          gap: "8px",
+          marginTop: "10px",
+          flexWrap: "wrap"
+        },
+        children: [c.action && /* @__PURE__ */ l("button", {
+          type: "button",
+          className: "ago-nudge__action",
+          onClick: () => {
+            a();
+          },
+          style: {
+            border: "none",
+            borderRadius: "10px",
+            padding: "6px 12px",
+            backgroundColor: "#03182f",
+            color: "#e8f0fe",
+            fontSize: "13px",
+            fontWeight: 600,
+            cursor: "pointer"
+          },
+          children: c.action.label
+        }), d && /* @__PURE__ */ l("button", {
+          type: "button",
+          className: "ago-nudge__expand",
+          onClick: () => {
+            a();
+          },
+          style: {
+            border: "1px solid #dee3e8",
+            borderRadius: "10px",
+            padding: "6px 12px",
+            backgroundColor: "#fff",
+            color: "#03182f",
+            fontSize: "13px",
+            fontWeight: 600,
+            cursor: "pointer"
+          },
+          children: n
+        })]
+      })
+    ]
+  });
+};
+function Fe({ client: e, autoLoad: r = !0 } = {}) {
+  const t = z(), o = e || t;
+  if (!o) throw new Error("useConversation requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
+  const [n, s] = E([]), [c, a] = E(null), [f, d] = E(!1), [g, C] = E(null), N = R(async () => {
+    d(!0), C(null);
     try {
-      i(await n.getConversations());
-    } catch (C) {
-      v(C instanceof Error ? C : /* @__PURE__ */ new Error("Failed to load conversations"));
+      s(await o.getConversations());
+    } catch (p) {
+      C(p instanceof Error ? p : /* @__PURE__ */ new Error("Failed to load conversations"));
     } finally {
-      u(!1);
+      d(!1);
     }
-  }, [n]), x = A(async (C) => {
-    u(!0), v(null);
+  }, [o]), S = R(async (p) => {
+    d(!0), C(null);
     try {
-      l(await n.getConversation(C));
-    } catch (S) {
-      v(S instanceof Error ? S : /* @__PURE__ */ new Error("Failed to load conversation"));
+      a(await o.getConversation(p));
+    } catch (x) {
+      C(x instanceof Error ? x : /* @__PURE__ */ new Error("Failed to load conversation"));
     } finally {
-      u(!1);
+      d(!1);
     }
-  }, [n]), h = A(() => {
-    l(null);
+  }, [o]), k = R(() => {
+    a(null);
   }, []);
-  return k(() => {
-    t && I();
-  }, [t, I]), {
-    conversations: o,
+  return A(() => {
+    r && N();
+  }, [r, N]), {
+    conversations: n,
     currentConversation: c,
     isLoading: f,
-    error: y,
-    selectConversation: x,
-    startNewConversation: h,
-    refreshConversations: I
+    error: g,
+    selectConversation: S,
+    startNewConversation: k,
+    refreshConversations: N
   };
 }
-function $e(e = {}) {
-  const t = z(), 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 = G({
-    client: r,
+function Ye(e = {}) {
+  const r = z(), t = e.client || r;
+  if (!t) throw new Error("useChat requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
+  const o = K({
+    client: t,
     conversationId: e.conversationId
-  }), o = Re({
-    client: r,
+  }), n = Fe({
+    client: t,
     autoLoad: e.autoLoad
   });
   return {
-    messages: n.messages,
-    isLoading: n.isLoading,
-    error: n.error || o.error,
-    sendMessage: n.sendMessage,
-    clearMessages: n.clearMessages,
-    conversationId: n.conversationId,
-    conversations: o.conversations,
-    currentConversation: o.currentConversation,
-    isConversationsLoading: o.isLoading,
-    selectConversation: o.selectConversation,
-    startNewConversation: o.startNewConversation,
-    refreshConversations: o.refreshConversations
+    messages: o.messages,
+    isLoading: o.isLoading,
+    error: o.error || n.error,
+    sendMessage: o.sendMessage,
+    clearMessages: o.clearMessages,
+    conversationId: o.conversationId,
+    conversations: n.conversations,
+    currentConversation: n.currentConversation,
+    isConversationsLoading: n.isLoading,
+    selectConversation: n.selectConversation,
+    startNewConversation: n.startNewConversation,
+    refreshConversations: n.refreshConversations
   };
 }
-function Be(e, t) {
-  const r = P(), { name: n, description: o, parameters: i, handler: c, maxResultBytes: l } = typeof e == "string" ? {
+function Xe(e, r) {
+  const t = D(), { name: o, description: n, parameters: s, handler: c, maxResultBytes: a, requiresApproval: f } = typeof e == "string" ? {
     name: e,
-    ...t
-  } : e, f = E(c);
-  f.current = c, k(() => {
-    const u = (y) => f.current(y);
-    return r.registerFunction(n, u, {
-      description: o,
-      parameters: i,
-      maxResultBytes: l
+    ...r
+  } : e, d = _(c);
+  d.current = c, A(() => {
+    const g = (C) => d.current(C);
+    return t.registerFunction(o, g, {
+      description: n,
+      parameters: s,
+      maxResultBytes: a,
+      requiresApproval: f
     }), () => {
-      r.unregisterFunction(n);
+      t.unregisterFunction(o);
     };
   }, [
-    r,
-    n,
+    t,
     o,
-    i,
-    l
+    n,
+    s,
+    a,
+    f
   ]);
 }
-function Ge(e, t) {
-  const r = P(), n = E(e);
-  n.current = e, k(() => (r.registerNavigationFunction((o) => n.current(o), t), () => {
-    r.unregisterNavigationFunction();
-  }), [r, t]);
+function Ze(e, r) {
+  const t = D(), o = _(e);
+  o.current = e, A(() => (t.registerNavigationFunction((n) => o.current(n), r), () => {
+    t.unregisterNavigationFunction();
+  }), [t, r]);
 }
-function Ke(e, t) {
-  const r = P(), n = t?.functionName ?? "setPageState", o = E(e);
-  o.current = e, k(() => {
-    const i = o.current.map((c) => {
-      const l = () => o.current.find((f) => f.name === c.name) ?? c;
+function Qe(e, r) {
+  const t = D(), o = r?.functionName ?? "setPageState", n = r?.requiresApproval, s = _(e);
+  s.current = e, A(() => {
+    const c = s.current.map((a) => {
+      const f = () => s.current.find((d) => d.name === a.name) ?? a;
       return {
-        name: c.name,
-        description: c.description,
-        schema: c.schema,
-        get: c.get ? () => l().get?.() : void 0,
-        set: (f) => l().set(f)
+        name: a.name,
+        description: a.description,
+        schema: a.schema,
+        get: a.get ? () => f().get?.() : void 0,
+        set: (d) => f().set(d)
       };
     });
-    return r.registerPageStateFunction(i, { functionName: n }), () => {
-      r.unregisterPageStateFunction(n);
+    return t.registerPageStateFunction(c, {
+      functionName: o,
+      requiresApproval: n
+    }), () => {
+      t.unregisterPageStateFunction(o);
     };
-  }, [r, n]);
+  }, [
+    t,
+    o,
+    n
+  ]);
+}
+function et(e) {
+  const r = D(), t = _(e);
+  t.current = e, A(() => ne(r, () => t.current), [r]);
+}
+var Te = /* @__PURE__ */ new Set(["awaiting-approval"]);
+function J(e) {
+  switch (e) {
+    case "progress_indicator":
+      return "progress";
+    case "reasoning":
+      return "reasoning";
+    case "confirmation_input":
+      return "confirmation";
+    case "form":
+      return "form";
+    default:
+      return "status";
+  }
+}
+function Pe(e) {
+  return e.type === "client_function" ? e.functionName === "navigateToPage" ? "navigation" : "action" : J(e.type);
+}
+function $(e, r) {
+  const t = (e ?? "").toLowerCase();
+  return t.includes("reject") ? "rejected" : t.includes("error") || t.includes("fail") ? "error" : t.includes("done") || t.includes("complet") ? "done" : (t.includes("waiting") || t.includes("pending")) && (r === "confirmation" || r === "form") ? "awaiting-approval" : "running";
 }
-function Ue(e) {
-  const t = P(), r = E(e);
-  r.current = e, k(() => X(t, () => r.current), [t]);
+function H(e) {
+  return typeof e != "string" || !e ? "page" : e.replace(/[-_]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/\b\w/g, (r) => r.toUpperCase()).trim();
+}
+function We(e) {
+  switch (e.kind) {
+    case "navigation":
+      return `Navigating to ${H(e.arguments?.page)}`;
+    case "action":
+      return e.functionName === "setPageState" ? "Updating the page" : e.functionName === "openFilteredConversations" ? "Opening conversations" : e.toolDisplayName || e.message || H(e.functionName) || "Working";
+    case "progress":
+      return e.message || "Working";
+    case "reasoning":
+      return e.message || "Thinking";
+    case "confirmation":
+      return e.message || "Waiting for your confirmation";
+    case "form":
+      return e.message || e.toolDisplayName || "Please fill in the form";
+    default:
+      return e.message || e.toolDisplayName || e.toolName || "Working";
+  }
+}
+function tt(e = {}) {
+  const { includeReasoning: r = !1, labelFor: t } = e, o = z(), n = e.client || o;
+  if (!n) throw new q("useAgoActivity requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.", "provider_missing_client");
+  const [s, c] = E([]), a = _(/* @__PURE__ */ new Set()), f = _(void 0), d = _(t);
+  d.current = t;
+  const g = R((p, x) => {
+    c((i) => {
+      const v = i.findIndex((h) => h.id === p), u = {
+        ...v >= 0 ? i[v] : {
+          id: p,
+          kind: "status",
+          label: "",
+          status: "running",
+          requiresApproval: !1,
+          createdAt: /* @__PURE__ */ new Date()
+        },
+        ...x
+      };
+      return u.label = d.current?.(u) ?? We(u), v >= 0 ? [
+        ...i.slice(0, v),
+        u,
+        ...i.slice(v + 1)
+      ] : [...i, u];
+    });
+  }, []);
+  A(() => {
+    const p = (y) => {
+      f.current = y.messageId;
+    }, x = (y) => {
+      const m = J(y.type);
+      m === "reasoning" && !r || g(y.id, {
+        kind: m,
+        status: $(y.status, m),
+        messageId: f.current,
+        toolName: y.toolName,
+        toolDisplayName: y.toolDisplayName,
+        message: y.message,
+        data: y.data,
+        formSchema: y.formSchema,
+        requiresApproval: m === "confirmation" || m === "form"
+      });
+    }, i = (y) => {
+      y.invocationId && g(y.invocationId, {
+        kind: y.functionName === "navigateToPage" ? "navigation" : "action",
+        status: "running",
+        messageId: f.current,
+        functionName: y.functionName,
+        arguments: y.arguments
+      });
+    }, v = (y) => {
+      y.invocationId && g(y.invocationId, {
+        kind: y.functionName === "navigateToPage" ? "navigation" : "action",
+        status: "awaiting-approval",
+        messageId: f.current,
+        functionName: y.functionName,
+        arguments: y.arguments,
+        requiresApproval: !0
+      });
+    }, u = (y) => {
+      if (!y.invocationId) return;
+      const m = y.result, I = typeof y.result == "object" && m !== null && m.approved === !1 && m.reason === "user_rejected";
+      g(y.invocationId, {
+        status: y.error ? "error" : I ? "rejected" : "done",
+        requiresApproval: !1
+      });
+    }, h = (y) => {
+      for (const m of y.messages ?? [])
+        if (m.role === "assistant")
+          for (const I of m.toolCalls ?? []) {
+            const F = Pe(I);
+            F === "reasoning" && !r || /waiting/i.test(I.status ?? "") || g(I.id, {
+              kind: F,
+              status: $(I.status, F),
+              messageId: m.id,
+              toolName: I.toolName,
+              toolDisplayName: I.toolDisplayName,
+              functionName: I.functionName,
+              arguments: I.arguments,
+              message: I.message,
+              data: I.data,
+              formSchema: I.formSchema,
+              requiresApproval: F === "confirmation" || F === "form"
+            });
+          }
+    }, w = (y) => {
+      c((m) => m.map((I) => I.status === "running" || I.status === "awaiting-approval" ? {
+        ...I,
+        status: y
+      } : I));
+    }, b = () => w("done"), T = () => w("error");
+    return n.on("message:start", p), n.on("toolCall:received", x), n.on("function:invoke", i), n.on("function:awaiting-approval", v), n.on("function:result", u), n.on("conversation:loaded", h), n.on("message:complete", b), n.on("message:error", T), () => {
+      n.off("message:start", p), n.off("toolCall:received", x), n.off("function:invoke", i), n.off("function:awaiting-approval", v), n.off("function:result", u), n.off("conversation:loaded", h), n.off("message:complete", b), n.off("message:error", T);
+    };
+  }, [
+    n,
+    r,
+    g
+  ]);
+  const C = R(async (p) => {
+    const x = s.find((i) => i.id === p);
+    !x || x.status !== "awaiting-approval" || a.current.has(p) || x.kind !== "form" && (a.current.add(p), g(p, {
+      status: "running",
+      requiresApproval: !1
+    }), x.functionName ? await n.approveFunction(p) : await n.confirmToolCall(p));
+  }, [
+    n,
+    s,
+    g
+  ]), N = R(async (p) => {
+    const x = s.find((i) => i.id === p);
+    !x || x.status !== "awaiting-approval" || a.current.has(p) || (a.current.add(p), g(p, {
+      status: "rejected",
+      requiresApproval: !1
+    }), x.functionName ? await n.rejectFunction(p) : await n.rejectToolCall(p));
+  }, [
+    n,
+    s,
+    g
+  ]), S = R(async (p, x) => {
+    g(p, {
+      status: "running",
+      requiresApproval: !1
+    }), await n.submitToolCallForm(p, x), g(p, { status: "done" });
+  }, [n, g]), k = R(() => {
+    a.current.clear(), c([]);
+  }, []);
+  return {
+    items: s,
+    latest: s.length > 0 ? s[s.length - 1] : void 0,
+    isAwaitingApproval: s.some((p) => Te.has(p.status)),
+    approve: C,
+    reject: N,
+    submitForm: S,
+    clear: k
+  };
 }
-function qe(e, t) {
-  const r = P(), n = te(), o = t ?? n, i = E(e);
-  i.current = e;
+function nt(e, r) {
+  const t = D(), o = ae(), n = r ?? o, s = _(e);
+  s.current = e;
   const c = typeof e == "function";
-  k(() => {
-    if (typeof i.current == "function") {
-      const l = () => i.current();
-      return r.addDynamicContext(o, l), () => {
-        r.removeDynamicContext(o);
+  A(() => {
+    if (typeof s.current == "function") {
+      const a = () => s.current();
+      return t.addDynamicContext(n, a), () => {
+        t.removeDynamicContext(n);
       };
     }
-    return r.setContext(o, i.current), () => {
-      r.removeContext(o);
+    return t.setContext(n, s.current), () => {
+      t.removeContext(n);
     };
   }, [
-    r,
-    o,
+    t,
+    n,
     c,
     c ? "" : JSON.stringify(e)
   ]);
 }
-function Ae(e) {
-  return ne(e.subscribe, e.get, e.get);
+function De(e) {
+  return se(e.subscribe, e.get, e.get);
 }
-var D = {
+var O = {
   missing: [],
   complete: !1
 };
-function Je(e) {
-  const t = P(), 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 = T(() => r ? O(e) : null, [
-    r,
+function rt(e) {
+  const r = D(), t = e.schema != null, o = JSON.stringify(e.schema ?? null), n = e.submit, s = n ? typeof n == "string" ? `client:${n}` : n.via === "backend" ? "backend" : "handler" in n ? "client:handler" : `client:${n.url}` : "none", c = JSON.stringify(e.initialValues ?? null), a = W(() => t ? B(e) : null, [
+    t,
     e.name,
-    n,
-    i,
+    o,
+    s,
     c,
     e.autoSubmit
-  ]), [f, u] = M({
+  ]), [f, d] = E({
     collector: null,
-    loading: !r,
+    loading: !t,
     error: null
   });
-  k(() => {
-    if (r) return;
-    let b = !1;
-    return u({
+  A(() => {
+    if (t) return;
+    let v = !1;
+    return d({
       collector: null,
       loading: !0,
       error: null
-    }), H(t, e).then((d) => {
-      b || u({
-        collector: d,
+    }), j(r, e).then((u) => {
+      v || d({
+        collector: u,
         loading: !1,
         error: null
       });
-    }).catch((d) => {
-      b || u({
+    }).catch((u) => {
+      v || d({
         collector: null,
         loading: !1,
-        error: d instanceof Error ? d : new Error(String(d))
+        error: u instanceof Error ? u : new Error(String(u))
       });
     }), () => {
-      b = !0;
+      v = !0;
     };
   }, [
-    t,
     r,
+    t,
     e.name,
-    i,
+    s,
     c,
     e.autoSubmit
   ]);
-  const y = r ? l : f.collector, v = r ? !1 : f.loading, I = r ? null : f.error;
-  k(() => {
-    if (y)
-      return y.install(t);
-  }, [t, y]);
-  const x = T(() => Q({
+  const g = t ? a : f.collector, C = t ? !1 : f.loading, N = t ? null : f.error;
+  A(() => {
+    if (g)
+      return g.install(r);
+  }, [r, g]);
+  const S = W(() => X({
     values: e.initialValues ?? {},
     submitted: !1
-  }), [c]), h = Ae(y?.store ?? x), C = T(() => y?.getStatus() ?? D, [h, y]), S = T(() => ({
-    ...h,
-    ...C
-  }), [h, C]), s = T(() => ({
+  }), [c]), k = De(g?.store ?? S), p = W(() => g?.getStatus() ?? O, [k, g]), x = W(() => ({
+    ...k,
+    ...p
+  }), [k, p]), i = W(() => ({
     name: e.name,
-    store: x,
+    store: S,
     functions: [],
     contextKey: `form:${e.name}`,
     contextProvider: () => ({
       name: `Form: ${e.name}`,
       description: ""
     }),
+    definitionContextKey: `form:${e.name}:definition`,
+    definitionContextProvider: () => ({
+      name: `Form definition: ${e.name}`,
+      description: "",
+      stable: !0
+    }),
     install: () => () => {
     },
     hydrate: () => {
@@ -1129,41 +1458,44 @@ function Je(e) {
       ok: !1,
       error: "Form definition not loaded yet."
     }),
-    getValues: () => x.get().values,
+    getValues: () => S.get().values,
     setValues: () => {
     },
     reset: () => {
     },
-    getStatus: () => D
-  }), [e.name, x]);
+    getStatus: () => O
+  }), [e.name, S]);
   return {
-    ...y ?? s,
-    state: S,
-    loading: v,
-    error: I
+    ...g ?? i,
+    state: x,
+    loading: C,
+    error: N
   };
 }
 export {
-  He as AgoProvider,
-  se as ChatInput,
-  Oe as ChatWidget,
-  Ce as Markdown,
+  Ve as AgoNudge,
+  Ke as AgoProvider,
+  de as ChatInput,
+  Je as ChatWidget,
+  Ae as Markdown,
   Me as Message,
-  O as createFormCollector,
-  Pe as createMockClient,
-  _e as deriveFormStatus,
-  H as loadFormCollector,
-  ae as useAgo,
-  Ue as useAgoAutoContinueAfterNavigation,
-  P as useAgoClient,
-  qe as useAgoContext,
-  Be as useAgoFunction,
-  Ge as useAgoNavigation,
-  Ke as useAgoPageState,
-  Ae as useAgoStore,
-  $e as useChat,
-  Re as useConversation,
-  Je as useFormCollector,
-  G as useMessages,
-  z as useOptionalAgoClient
+  B as createFormCollector,
+  qe as createMockClient,
+  He as deriveFormStatus,
+  j as loadFormCollector,
+  ce as useAgo,
+  tt as useAgoActivity,
+  et as useAgoAutoContinueAfterNavigation,
+  D as useAgoClient,
+  nt as useAgoContext,
+  Xe as useAgoFunction,
+  Ze as useAgoNavigation,
+  Qe as useAgoPageState,
+  De as useAgoStore,
+  Ye as useChat,
+  Fe as useConversation,
+  rt as useFormCollector,
+  K as useMessages,
+  z as useOptionalAgoClient,
+  _e as useProactiveNudge
 };