@useago/sdk 1.5.6 → 1.7.1

package/dist/react.js

@@ -1,21 +1,22 @@
-import { a as Y, b as L, h as X, i as Z, o as Q, s as ee, t as te } from "./AgoClient-B_R_qi2s.js";
-import { t as ne } from "./autoContinue-CC8K9mBU.js";
-import { n as He, r as j, t as B } from "./createFormCollector-YwaZ78wU.js";
-import { t as Oe } from "./createMockClient-DcuNlufr.js";
-import re, { createContext as oe, useCallback as R, useContext as G, useEffect as I, useId as ae, useMemo as D, useRef as M, useState as E, useSyncExternalStore as se } from "react";
-import { Fragment as U, jsx as l, jsxs as _ } from "react/jsx-runtime";
-import ie from "react-markdown";
-import le from "remark-gfm";
-function ce(e) {
-  const [r, t] = E(!1), o = M(null), n = D(() => {
-    if (o.current && (o.current.destroy(), o.current = null), !e) return null;
-    const s = new te(e);
-    return o.current = s, s;
+import { a as Ee, b as Z, h as Me, i as Te, o as Fe, s as We, t as ze } from "./AgoClient-BJjLTOw4.js";
+import { t as Pe } from "./autoContinue-CC8K9mBU.js";
+import { n as Et, r as ue, t as pe } from "./createFormCollector-CM3qjGcM.js";
+import { t as Tt } from "./createMockClient-BDLW6tVc.js";
+import { C as De, S as Le, n as He } from "./sheetController-CBUVOroo.js";
+import Be, { createContext as Oe, forwardRef as je, useCallback as R, useContext as fe, useEffect as N, useId as $e, useImperativeHandle as qe, useMemo as H, useRef as W, useState as z, useSyncExternalStore as ge } from "react";
+import { Fragment as me, jsx as a, jsxs as T } from "react/jsx-runtime";
+import Ke from "react-markdown";
+import Ue from "remark-gfm";
+function Ge(e) {
+  const [o, t] = z(!1), r = W(null), n = H(() => {
+    if (r.current && (r.current.destroy(), r.current = null), !e) return null;
+    const s = new ze(e);
+    return r.current = s, s;
   }, [e?.baseUrl, e?.widgetId]);
-  return I(() => (n && o.current === null && (o.current = n, n.reviveAfterDestroy()), t(!0), () => {
-    o.current?.destroy(), o.current = null;
-  }), [n]), I(() => {
-    o.current && e && o.current.updateConfig({
+  return N(() => (n && r.current === null && (r.current = n, n.reviveAfterDestroy()), t(!0), () => {
+    r.current?.destroy(), r.current = null;
+  }), [n]), N(() => {
+    r.current && e && r.current.updateConfig({
       agent: e.agent,
       defaultAgentId: e.defaultAgentId,
       permission: e.permission,
@@ -34,199 +35,521 @@ function ce(e) {
     e?.warnOnEmptyReply
   ]), {
     client: n,
-    isReady: r
+    isReady: o
   };
 }
-var $ = oe(null), Ke = ({ children: e, client: r, tools: t, helpers: o, pageContext: n, ...s }) => {
-  const { client: c } = ce(r ? null : s), a = r || c;
-  return I(() => {
+var Q = Oe(null), Lt = ({ children: e, client: o, tools: t, helpers: r, pageContext: n, ...s }) => {
+  const { client: i } = Ge(o ? null : s), l = o || i;
+  return N(() => {
     if (!(!t || t.length === 0)) {
-      for (const p of t) a.register(p);
+      for (const c of t) l.register(c);
       return () => {
-        for (const p of t) a.unregisterFunction(p.name);
+        for (const c of t) l.unregisterFunction(c.name);
       };
     }
-  }, [a, t]), I(() => {
-    if (!o) return;
-    const p = [];
-    return import("./functions-tzyOZNp6.js").then((d) => d.n).then((d) => {
-      for (const [g, C] of Object.entries(o)) {
-        const N = d[g];
-        if (!N) {
-          console.warn(`[AGO] Unknown helper: "${g}"`);
+  }, [l, t]), N(() => {
+    if (!r) return;
+    const c = [];
+    return import("./functions-tzyOZNp6.js").then((p) => p.n).then((p) => {
+      for (const [f, k] of Object.entries(r)) {
+        const _ = p[f];
+        if (!_) {
+          console.warn(`[AGO] Unknown helper: "${f}"`);
           continue;
         }
-        const S = C === !0 ? N : {
-          ...N,
-          handler: C
+        const C = k === !0 ? _ : {
+          ..._,
+          handler: k
         };
-        a.register(S), p.push(S.name);
+        l.register(C), c.push(C.name);
       }
     }), () => {
-      for (const d of p) a.unregisterFunction(d);
+      for (const p of c) l.unregisterFunction(p);
     };
-  }, [a, o]), I(() => {
-    n === "auto" && a.enableAutoPageContext();
-  }, [a, n]), /* @__PURE__ */ l($.Provider, {
-    value: a,
+  }, [l, r]), N(() => {
+    n === "auto" && l.enableAutoPageContext();
+  }, [l, n]), /* @__PURE__ */ a(Q.Provider, {
+    value: l,
     children: e
   });
 };
-function z() {
-  const e = G($);
+function $() {
+  const e = fe(Q);
   if (!e) throw new Error('useAgoClient must be used within an <AgoProvider>. Wrap your component tree with <AgoProvider baseUrl="...">.');
   return e;
 }
-function P() {
-  return G($);
+function O() {
+  return fe(Q);
 }
-function K({ client: e, conversationId: r } = {}) {
-  const t = P(), o = e || t;
-  if (!o) throw new Error("useMessages requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
-  const [n, s] = E([]), [c, a] = E(r), [p, d] = E(!1), [g, C] = E(null);
-  I(() => {
-    r && r !== c && (a(r), N(r));
-  }, [r]);
-  const N = async (S) => {
+var Je = /* @__PURE__ */ new Set(["awaiting-approval"]);
+function he(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 Ve(e) {
+  return e.type === "client_function" ? e.functionName === "navigateToPage" ? "navigation" : "action" : he(e.type);
+}
+function se(e, o) {
+  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")) && (o === "confirmation" || o === "form") ? "awaiting-approval" : "running";
+}
+function le(e) {
+  return typeof e != "string" || !e ? "page" : e.replace(/[-_]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/\b\w/g, (o) => o.toUpperCase()).trim();
+}
+function Ye(e) {
+  switch (e.kind) {
+    case "navigation":
+      return `Navigating to ${le(e.arguments?.page)}`;
+    case "action":
+      return e.functionName === "setPageState" ? "Updating the page" : e.functionName === "openFilteredConversations" ? "Opening conversations" : e.toolDisplayName || e.message || le(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 Xe(e = {}) {
+  const { includeReasoning: o = !1, labelFor: t } = e, r = O(), n = e.client || r;
+  if (!n) throw new Z("useAgoActivity requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.", "provider_missing_client");
+  const [s, i] = z([]), l = W(/* @__PURE__ */ new Set()), c = W(void 0), p = W(t);
+  p.current = t;
+  const f = R((u, A) => {
+    i((b) => {
+      const d = b.findIndex((m) => m.id === u), y = {
+        ...d >= 0 ? b[d] : {
+          id: u,
+          kind: "status",
+          label: "",
+          status: "running",
+          requiresApproval: !1,
+          createdAt: /* @__PURE__ */ new Date()
+        },
+        ...A
+      };
+      return y.label = p.current?.(y) ?? Ye(y), d >= 0 ? [
+        ...b.slice(0, d),
+        y,
+        ...b.slice(d + 1)
+      ] : [...b, y];
+    });
+  }, []);
+  N(() => {
+    const u = (x) => {
+      c.current = x.messageId;
+    }, A = (x) => {
+      const M = he(x.type);
+      M === "reasoning" && !o || f(x.id, {
+        kind: M,
+        status: se(x.status, M),
+        messageId: c.current,
+        toolName: x.toolName,
+        toolDisplayName: x.toolDisplayName,
+        message: x.message,
+        data: x.data,
+        formSchema: x.formSchema,
+        requiresApproval: M === "confirmation" || M === "form"
+      });
+    }, b = (x) => {
+      x.invocationId && f(x.invocationId, {
+        kind: x.functionName === "navigateToPage" ? "navigation" : "action",
+        status: "running",
+        messageId: c.current,
+        functionName: x.functionName,
+        arguments: x.arguments
+      });
+    }, d = (x) => {
+      x.invocationId && f(x.invocationId, {
+        kind: x.functionName === "navigateToPage" ? "navigation" : "action",
+        status: "awaiting-approval",
+        messageId: c.current,
+        functionName: x.functionName,
+        arguments: x.arguments,
+        requiresApproval: !0
+      });
+    }, y = (x) => {
+      if (!x.invocationId) return;
+      const M = x.result, v = typeof x.result == "object" && M !== null && M.approved === !1 && M.reason === "user_rejected";
+      f(x.invocationId, {
+        status: x.error ? "error" : v ? "rejected" : "done",
+        requiresApproval: !1
+      });
+    }, m = (x) => {
+      for (const M of x.messages ?? [])
+        if (M.role === "assistant")
+          for (const v of M.toolCalls ?? []) {
+            const D = Ve(v);
+            D === "reasoning" && !o || /waiting/i.test(v.status ?? "") || f(v.id, {
+              kind: D,
+              status: se(v.status, D),
+              messageId: M.id,
+              toolName: v.toolName,
+              toolDisplayName: v.toolDisplayName,
+              functionName: v.functionName,
+              arguments: v.arguments,
+              message: v.message,
+              data: v.data,
+              formSchema: v.formSchema,
+              requiresApproval: D === "confirmation" || D === "form"
+            });
+          }
+    }, g = (x) => {
+      i((M) => M.map((v) => v.status === "running" || v.status === "awaiting-approval" ? {
+        ...v,
+        status: x
+      } : v));
+    }, w = () => g("done"), S = () => g("error");
+    return n.on("message:start", u), n.on("toolCall:received", A), n.on("function:invoke", b), n.on("function:awaiting-approval", d), n.on("function:result", y), n.on("conversation:loaded", m), n.on("message:complete", w), n.on("message:error", S), () => {
+      n.off("message:start", u), n.off("toolCall:received", A), n.off("function:invoke", b), n.off("function:awaiting-approval", d), n.off("function:result", y), n.off("conversation:loaded", m), n.off("message:complete", w), n.off("message:error", S);
+    };
+  }, [
+    n,
+    o,
+    f
+  ]);
+  const k = R(async (u) => {
+    const A = s.find((b) => b.id === u);
+    !A || A.status !== "awaiting-approval" || l.current.has(u) || A.kind !== "form" && (l.current.add(u), f(u, {
+      status: "running",
+      requiresApproval: !1
+    }), A.functionName ? await n.approveFunction(u) : await n.confirmToolCall(u));
+  }, [
+    n,
+    s,
+    f
+  ]), _ = R(async (u) => {
+    const A = s.find((b) => b.id === u);
+    !A || A.status !== "awaiting-approval" || l.current.has(u) || (l.current.add(u), f(u, {
+      status: "rejected",
+      requiresApproval: !1
+    }), A.functionName ? await n.rejectFunction(u) : await n.rejectToolCall(u));
+  }, [
+    n,
+    s,
+    f
+  ]), C = R(async (u, A) => {
+    f(u, {
+      status: "running",
+      requiresApproval: !1
+    }), await n.submitToolCallForm(u, A), f(u, { status: "done" });
+  }, [n, f]), I = R(() => {
+    l.current.clear(), i([]);
+  }, []);
+  return {
+    items: s,
+    latest: s.length > 0 ? s[s.length - 1] : void 0,
+    isAwaitingApproval: s.some((u) => Je.has(u.status)),
+    approve: k,
+    reject: _,
+    submitForm: C,
+    clear: I
+  };
+}
+function xe({ client: e, conversationId: o } = {}) {
+  const t = O(), r = e || t;
+  if (!r) throw new Error("useMessages requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
+  const [n, s] = z([]), [i, l] = z(o), [c, p] = z(!1), [f, k] = z(null);
+  N(() => {
+    o && o !== i && (l(o), _(o));
+  }, [o]);
+  const _ = async (C) => {
     try {
-      s((await o.getMessages(S)).filter((k) => !k.hidden));
-    } catch (k) {
-      C(k instanceof Error ? k : /* @__PURE__ */ new Error("Failed to load messages"));
+      s((await r.getMessages(C)).filter((I) => !I.hidden));
+    } catch (I) {
+      k(I instanceof Error ? I : /* @__PURE__ */ new Error("Failed to load messages"));
     }
   };
-  return I(() => {
-    const S = (f) => f === "IN_PROGRESS" || f === "WAITING_CLIENT", k = (f) => {
-      c || a(f.conversationId), d(!0), s((h) => {
-        const w = h.findIndex((b) => b.id === f.messageId);
-        return w >= 0 ? h.map((b, T) => T === w ? {
-          ...b,
+  return N(() => {
+    const C = (m) => m === "IN_PROGRESS" || m === "WAITING_CLIENT", I = (m) => {
+      i || l(m.conversationId), p(!0), s((g) => {
+        const w = g.findIndex((S) => S.id === m.messageId);
+        return w >= 0 ? g.map((S, x) => x === w ? {
+          ...S,
           status: "IN_PROGRESS"
-        } : b) : h.some((b) => b.role === "assistant" && S(b.status)) ? h : [...h, {
-          id: f.messageId,
-          conversationId: f.conversationId,
+        } : S) : g.some((S) => S.role === "assistant" && C(S.status)) ? g : [...g, {
+          id: m.messageId,
+          conversationId: m.conversationId,
           content: "",
           role: "assistant",
           status: "IN_PROGRESS",
           createdAt: /* @__PURE__ */ new Date()
         }];
       });
-    }, u = (f) => {
-      s((h) => {
-        const w = h.findIndex((b) => b.id === f.messageId);
-        return w < 0 ? h : h.map((b, T) => T === w ? {
-          ...b,
-          content: b.content + f.content
-        } : b);
+    }, u = (m) => {
+      s((g) => {
+        const w = g.findIndex((S) => S.id === m.messageId);
+        return w < 0 ? g : g.map((S, x) => x === w ? {
+          ...S,
+          content: S.content + m.content
+        } : S);
       });
-    }, x = (f) => {
-      s((h) => {
+    }, A = (m) => {
+      s((g) => {
         let w = -1;
-        for (let b = h.length - 1; b >= 0; b--) if (h[b].role === "assistant" && S(h[b].status)) {
-          w = b;
+        for (let S = g.length - 1; S >= 0; S--) if (g[S].role === "assistant" && C(g[S].status)) {
+          w = S;
           break;
         }
-        return w < 0 ? h : [
-          ...h.slice(0, w),
+        return w < 0 ? g : [
+          ...g.slice(0, w),
           {
-            ...h[w],
-            ...f
+            ...g[w],
+            ...m
           },
-          ...h.slice(w + 1)
+          ...g.slice(w + 1)
         ];
       });
-    }, i = (f) => {
-      s((h) => {
-        const w = h.findIndex((b) => b.id === f.id);
+    }, b = (m) => {
+      s((g) => {
+        const w = g.findIndex((S) => S.id === m.id);
         return w >= 0 ? [
-          ...h.slice(0, w),
-          f,
-          ...h.slice(w + 1)
-        ] : [...h, f];
-      }), d(!1);
-    }, v = (f) => {
-      C(new Error(f.error)), d(!1);
+          ...g.slice(0, w),
+          m,
+          ...g.slice(w + 1)
+        ] : [...g, m];
+      }), p(!1);
+    }, d = (m) => {
+      k(new Error(m.error)), p(!1);
+    }, y = () => {
+      s((m) => {
+        let g = -1;
+        for (let w = m.length - 1; w >= 0; w--) if (m[w].role === "assistant" && C(m[w].status)) {
+          g = w;
+          break;
+        }
+        return g < 0 ? m : m[g].content ? m.map((w, S) => S === g ? {
+          ...w,
+          status: "CANCELED"
+        } : w) : m.filter((w, S) => S !== g);
+      }), p(!1);
     };
-    return o.on("message:start", k), o.on("message:chunk", u), o.on("message:answer-complete", x), o.on("message:complete", i), o.on("message:error", v), () => {
-      o.off("message:start", k), o.off("message:chunk", u), o.off("message:answer-complete", x), o.off("message:complete", i), o.off("message:error", v);
+    return r.on("message:start", I), r.on("message:chunk", u), r.on("message:answer-complete", A), r.on("message:complete", b), r.on("message:error", d), r.on("message:stopped", y), () => {
+      r.off("message:start", I), r.off("message:chunk", u), r.off("message:answer-complete", A), r.off("message:complete", b), r.off("message:error", d), r.off("message:stopped", y);
     };
-  }, [o, c]), {
+  }, [r, i]), {
     messages: n,
-    isLoading: p,
-    error: g,
-    sendMessage: R(async (S, k) => {
-      d(!0), C(null);
+    isLoading: c,
+    error: f,
+    sendMessage: R(async (C, I) => {
+      p(!0), k(null);
       const u = {
         id: `temp-${Date.now()}`,
-        conversationId: c || "",
-        content: S,
+        conversationId: i || "",
+        content: C,
         role: "user",
         status: "DONE",
-        attachments: k && k.length > 0 ? Z(k) : void 0,
+        attachments: I && I.length > 0 ? Te(I) : void 0,
         createdAt: /* @__PURE__ */ new Date()
-      }, x = {
+      }, A = {
         id: `temp-assistant-${Date.now()}`,
-        conversationId: c || "",
+        conversationId: i || "",
         content: "",
         role: "assistant",
         status: "IN_PROGRESS",
         createdAt: /* @__PURE__ */ new Date()
       };
-      s((i) => [
-        ...i,
+      s((b) => [
+        ...b,
         u,
-        x
+        A
       ]);
       try {
-        const i = await o.sendMessage(S, {
-          conversationId: c,
-          files: k
+        const b = await r.sendMessage(C, {
+          conversationId: i,
+          files: I
         });
-        return i.conversationId && !c && a(i.conversationId), s((v) => {
-          const f = v.filter((w) => !w.id.startsWith("temp-")), h = {
+        return b.conversationId && !i && l(b.conversationId), s((d) => {
+          const y = d.filter((g) => !g.id.startsWith("temp-")), m = {
             ...u,
             id: u.id.replace("temp-", "user-"),
-            conversationId: i.conversationId
+            conversationId: b.conversationId
           };
-          return f.some((w) => w.id === i.id) ? [...f, h].sort((w, b) => new Date(w.createdAt).getTime() - new Date(b.createdAt).getTime()) : [
-            ...f,
-            h,
-            i
+          return y.some((g) => g.id === b.id) ? [...y, m].sort((g, w) => new Date(g.createdAt).getTime() - new Date(w.createdAt).getTime()) : [
+            ...y,
+            m,
+            b
           ];
-        }), i;
-      } catch (i) {
-        return C(i instanceof Error ? i : /* @__PURE__ */ new Error("Failed to send message")), d(!1), s((v) => v.filter((f) => !f.id.startsWith("temp-"))), null;
+        }), b;
+      } catch (b) {
+        return k(b instanceof Error ? b : /* @__PURE__ */ new Error("Failed to send message")), p(!1), s((d) => d.filter((y) => !y.id.startsWith("temp-"))), null;
       }
-    }, [o, c]),
+    }, [r, i]),
+    stop: R(async () => {
+      await r.stop();
+    }, [r]),
     clearMessages: R(() => {
-      s([]), a(void 0), C(null);
+      s([]), l(void 0), k(null);
     }, []),
-    conversationId: c
+    conversationId: i
   };
 }
-var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", allowFiles: o = !1, className: n = "" }) => {
-  const [s, c] = E(""), [a, p] = E([]), d = M(null), g = M(null), C = R(() => {
-    const i = g.current;
-    if (!i) return;
-    const v = 110;
-    i.style.height = "auto", i.style.height = `${Math.min(i.scrollHeight + 2, v)}px`, i.style.overflowY = i.scrollHeight + 2 > v ? "auto" : "hidden";
-  }, []), N = R((i) => {
-    i.preventDefault(), (s.trim() || a.length > 0) && (e(s.trim(), a.length > 0 ? a : void 0), c(""), p([]), requestAnimationFrame(C));
+var ce = {
+  compact: !1,
+  state: "peek",
+  isModal: !1,
+  surface: {
+    style: {},
+    attrs: {}
+  }
+}, Ze = { tabindex: "tabIndex" };
+function Qe(e) {
+  const o = {};
+  for (const [t, r] of Object.entries(e)) o[Ze[t] ?? t] = r;
+  return o;
+}
+function et(e) {
+  const o = e !== !1, t = o ? e ?? {} : void 0, r = W(t?.onStateChange);
+  r.current = t?.onStateChange;
+  const n = H(() => {
+    if (o)
+      return He({
+        breakpoint: t?.breakpoint,
+        initialState: t?.initialState,
+        bottomOffset: t?.bottomOffset,
+        peekHeight: t?.peekHeight,
+        onStateChange: (i, l) => r.current?.(i, l)
+      });
   }, [
-    s,
-    a,
+    o,
+    t?.breakpoint,
+    t?.initialState,
+    t?.bottomOffset,
+    t?.peekHeight
+  ]), s = ge(R((i) => n?.subscribe(i) ?? (() => {
+  }), [n]), R(() => n?.getSnapshot() ?? ce, [n]), R(() => n?.getServerSnapshot() ?? ce, [n]));
+  return {
+    sheet: H(() => ({
+      ...s,
+      surface: {
+        ...s.surface,
+        attrs: Qe(s.surface.attrs)
+      }
+    }), [s]),
+    expand: R((i) => n?.expand(i), [n]),
+    collapse: R((i) => n?.collapse(i), [n]),
+    toggle: R((i) => n?.toggle(i), [n])
+  };
+}
+var tt = /(`[^`\n]+`|\*\*[^*\n]+\*\*|\*[^*\n]+\*|_[^_\n]+_)/g;
+function ye(e) {
+  const o = e.split(tt);
+  return o.length === 1 ? e : o.map((t, r) => r % 2 === 0 || !t ? t : t.startsWith("`") ? /* @__PURE__ */ a("code", {
+    style: {
+      fontFamily: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+      fontSize: "0.92em",
+      padding: "0 3px",
+      borderRadius: "3px",
+      backgroundColor: "rgba(0, 0, 0, 0.06)"
+    },
+    children: t.slice(1, -1)
+  }, r) : t.startsWith("**") ? /* @__PURE__ */ a("strong", {
+    style: { fontWeight: 600 },
+    children: t.slice(2, -2)
+  }, r) : /* @__PURE__ */ a("em", { children: t.slice(1, -1) }, r));
+}
+var nt = `
+@keyframes ago-activity-enter {
+  from { opacity: 0; transform: translateY(4px); }
+  to { opacity: 1; transform: none; }
+}
+@keyframes ago-activity-sweep {
+  from { background-position: 200% 0; }
+  to { background-position: -200% 0; }
+}
+.ago-activity__label {
+  animation: ago-activity-enter 260ms ease-out both;
+}
+@supports ((background-clip: text) or (-webkit-background-clip: text)) {
+  .ago-activity__label {
+    background-image: linear-gradient(
+      90deg,
+      var(--ago-activity-color, #5b5d5f) 0%,
+      var(--ago-activity-color, #5b5d5f) 35%,
+      var(--ago-activity-sheen, #adb1b5) 50%,
+      var(--ago-activity-color, #5b5d5f) 65%,
+      var(--ago-activity-color, #5b5d5f) 100%
+    );
+    background-size: 200% 100%;
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+    animation:
+      ago-activity-enter 260ms ease-out both,
+      ago-activity-sweep 2.4s linear infinite;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .ago-activity__label {
+    animation: none;
+    color: var(--ago-activity-color, #5b5d5f);
+  }
+}
+`, ot = ({ label: e }) => /* @__PURE__ */ T("div", {
+  className: "ago-activity",
+  role: "status",
+  "aria-live": "polite",
+  style: {
+    display: "block",
+    margin: "4px 0 0",
+    padding: "6px 12px",
+    borderRadius: "999px",
+    width: "fit-content",
+    maxWidth: "100%",
+    fontSize: "13px",
+    lineHeight: 1.5,
+    color: "var(--ago-activity-color, #5b5d5f)",
+    backgroundColor: "var(--ago-activity-bg, #f1f2f3)",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  },
+  children: [/* @__PURE__ */ a("span", {
+    className: "ago-activity__label",
+    children: ye(e)
+  }, e), /* @__PURE__ */ a("style", { children: nt })]
+}), rt = ({ onSend: e, onStop: o, disabled: t = !1, placeholder: r = "Type a message...", allowFiles: n = !1, className: s = "" }) => {
+  const [i, l] = z(""), [c, p] = z([]), f = W(null), k = W(null), _ = R(() => {
+    const d = k.current;
+    if (!d) return;
+    const y = 110;
+    d.style.height = "auto", d.style.height = `${Math.min(d.scrollHeight + 2, y)}px`, d.style.overflowY = d.scrollHeight + 2 > y ? "auto" : "hidden";
+  }, []), C = R(async (d) => {
+    if (d.preventDefault(), !i.trim() && c.length === 0) return;
+    const y = i.trim(), m = c.length > 0 ? c : void 0;
+    l(""), p([]), requestAnimationFrame(_), await e(y, m) === !1 && (l((g) => g.trim() ? g : y), m && p((g) => [...m, ...g]), requestAnimationFrame(_));
+  }, [
+    i,
+    c,
     e,
-    C
-  ]), S = R((i) => {
-    i.key === "Enter" && !i.shiftKey && (i.preventDefault(), N(i));
-  }, [N]), k = R((i) => {
-    const v = Array.from(i.target.files || []);
-    p((f) => [...f, ...v]);
-  }, []), u = R((i) => {
-    p((v) => v.filter((f, h) => h !== i));
-  }, []), x = s.trim() || a.length > 0;
-  return /* @__PURE__ */ _("form", {
-    onSubmit: N,
-    className: `ago-chat-input ${n}`,
+    _
+  ]), I = R((d) => {
+    d.key === "Enter" && !d.shiftKey && (d.preventDefault(), C(d));
+  }, [C]), u = R((d) => {
+    const y = Array.from(d.target.files || []);
+    p((m) => [...m, ...y]);
+  }, []), A = R((d) => {
+    p((y) => y.filter((m, g) => g !== d));
+  }, []), b = i.trim() || c.length > 0;
+  return /* @__PURE__ */ T("form", {
+    onSubmit: (d) => {
+      C(d);
+    },
+    className: `ago-chat-input ${s}`,
     style: {
       display: "flex",
       flexDirection: "column",
@@ -235,14 +558,14 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
       borderTop: "1px solid #dee3e8",
       backgroundColor: "#fff"
     },
-    children: [a.length > 0 && /* @__PURE__ */ l("div", {
+    children: [c.length > 0 && /* @__PURE__ */ a("div", {
       className: "ago-chat-input__files",
       style: {
         display: "flex",
         flexWrap: "wrap",
         gap: "6px"
       },
-      children: a.map((i, v) => /* @__PURE__ */ _("div", {
+      children: c.map((d, y) => /* @__PURE__ */ T("div", {
         style: {
           display: "flex",
           alignItems: "center",
@@ -253,19 +576,26 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
           fontSize: "12px",
           color: "#30373e"
         },
-        children: [/* @__PURE__ */ l("span", {
+        children: [/* @__PURE__ */ a("span", {
           style: {
             maxWidth: "120px",
             overflow: "hidden",
             textOverflow: "ellipsis",
             whiteSpace: "nowrap"
           },
-          children: i.name
-        }), /* @__PURE__ */ l("button", {
+          children: d.name
+        }), /* @__PURE__ */ a("button", {
           type: "button",
-          onClick: () => u(v),
-          "aria-label": `Remove ${i.name}`,
+          onClick: () => A(y),
+          "aria-label": `Remove ${d.name}`,
           style: {
+            flexShrink: 0,
+            width: "44px",
+            height: "44px",
+            margin: "-14px -12px -14px -4px",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
             border: "none",
             background: "none",
             cursor: "pointer",
@@ -276,47 +606,54 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
           },
           children: "×"
         })]
-      }, v))
-    }), /* @__PURE__ */ _("div", {
+      }, y))
+    }), /* @__PURE__ */ T("div", {
       style: {
         display: "flex",
         gap: "8px",
         alignItems: "flex-end"
       },
       children: [
-        o && /* @__PURE__ */ _(U, { children: [/* @__PURE__ */ l("button", {
+        n && /* @__PURE__ */ T(me, { children: [/* @__PURE__ */ a("button", {
           type: "button",
-          onClick: () => d.current?.click(),
-          disabled: r,
+          onClick: () => f.current?.click(),
+          disabled: t,
           "aria-label": "Attach file",
           style: {
+            flexShrink: 0,
+            minWidth: "44px",
+            minHeight: "44px",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
             padding: "8px",
             border: "1px solid #dee3e8",
             borderRadius: "8px",
             backgroundColor: "#fff",
-            cursor: r ? "not-allowed" : "pointer",
+            cursor: t ? "not-allowed" : "pointer",
             color: "#6b6d6f",
             fontSize: "16px",
             lineHeight: 1
           },
           children: "+"
-        }), /* @__PURE__ */ l("input", {
-          ref: d,
+        }), /* @__PURE__ */ a("input", {
+          ref: f,
           type: "file",
           multiple: !0,
-          onChange: k,
+          onChange: u,
           style: { display: "none" }
         })] }),
-        /* @__PURE__ */ l("textarea", {
-          ref: g,
-          value: s,
-          onChange: (i) => {
-            c(i.target.value), C();
+        /* @__PURE__ */ a("textarea", {
+          ref: k,
+          className: "ago-chat-input__field",
+          value: i,
+          onChange: (d) => {
+            l(d.target.value), _();
           },
-          onKeyDown: S,
-          placeholder: t,
-          "aria-label": t,
-          disabled: r,
+          onKeyDown: I,
+          placeholder: r,
+          "aria-label": r,
+          disabled: t,
           rows: 1,
           style: {
             flex: 1,
@@ -335,23 +672,41 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
             backgroundColor: "#f8f8f8",
             transition: "border-color 0.15s"
           },
-          onFocus: (i) => {
-            i.currentTarget.style.borderColor = "#1b5fc4";
+          onFocus: (d) => {
+            d.currentTarget.style.borderColor = "#1b5fc4";
           },
-          onBlur: (i) => {
-            i.currentTarget.style.borderColor = "#dee3e8";
+          onBlur: (d) => {
+            d.currentTarget.style.borderColor = "#dee3e8";
           }
         }),
-        /* @__PURE__ */ l("button", {
+        t && o ? /* @__PURE__ */ a("button", {
+          type: "button",
+          onClick: o,
+          "aria-label": "Stop generating",
+          style: {
+            minHeight: "44px",
+            padding: "10px 18px",
+            border: "none",
+            borderRadius: "20px",
+            backgroundColor: "#03182f",
+            color: "#fff",
+            cursor: "pointer",
+            fontWeight: 500,
+            fontSize: "16px",
+            transition: "background-color 0.15s"
+          },
+          children: "Stop"
+        }) : /* @__PURE__ */ a("button", {
           type: "submit",
-          disabled: r || !x,
+          disabled: t || !b,
           style: {
+            minHeight: "44px",
             padding: "10px 18px",
             border: "none",
             borderRadius: "20px",
-            backgroundColor: r || !x ? "#b5bfc8" : "#03182f",
+            backgroundColor: t || !b ? "#b5bfc8" : "#03182f",
             color: "#fff",
-            cursor: r || !x ? "not-allowed" : "pointer",
+            cursor: t || !b ? "not-allowed" : "pointer",
             fontWeight: 500,
             fontSize: "16px",
             transition: "background-color 0.15s"
@@ -361,7 +716,7 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
       ]
     })]
   });
-}, ue = ({ href: e, children: r, ...t }) => /* @__PURE__ */ l("a", {
+}, at = ({ href: e, children: o, ...t }) => /* @__PURE__ */ a("a", {
   href: e,
   target: "_blank",
   rel: "noopener noreferrer",
@@ -370,53 +725,53 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
     textDecoration: "underline"
   },
   ...t,
-  children: r
-}), fe = ({ children: e, ...r }) => /* @__PURE__ */ l("p", {
+  children: o
+}), it = ({ children: e, ...o }) => /* @__PURE__ */ a("p", {
   style: {
     margin: "0 0 8px 0",
     lineHeight: "1.6"
   },
-  ...r,
+  ...o,
   children: e
-}), W = (e, r) => {
-  const t = ({ children: o, ...n }) => re.createElement(`h${e}`, {
+}), j = (e, o) => {
+  const t = ({ children: r, ...n }) => Be.createElement(`h${e}`, {
     style: {
       margin: "16px 0 8px 0",
-      fontSize: r,
+      fontSize: o,
       fontWeight: 600,
       lineHeight: "1.3"
     },
     ...n
-  }, o);
+  }, r);
   return t.displayName = `MarkdownHeading${e}`, t;
-}, pe = ({ children: e, ...r }) => /* @__PURE__ */ l("ul", {
+}, st = ({ children: e, ...o }) => /* @__PURE__ */ a("ul", {
   style: {
     margin: "0 0 8px 0",
     paddingLeft: "20px",
     listStyleType: "disc",
     listStylePosition: "outside"
   },
-  ...r,
+  ...o,
   children: e
-}), ge = ({ children: e, ...r }) => /* @__PURE__ */ l("ol", {
+}), lt = ({ children: e, ...o }) => /* @__PURE__ */ a("ol", {
   style: {
     margin: "0 0 8px 0",
     paddingLeft: "20px",
     listStyleType: "decimal",
     listStylePosition: "outside"
   },
-  ...r,
+  ...o,
   children: e
-}), me = ({ children: e, ...r }) => /* @__PURE__ */ l("li", {
+}), ct = ({ children: e, ...o }) => /* @__PURE__ */ a("li", {
   style: {
     display: "list-item",
     margin: "2px 0",
     lineHeight: "1.6"
   },
-  ...r,
+  ...o,
   children: e
-}), xe = ({ className: e, children: r, ...t }) => e !== void 0 || String(r).includes(`
-`) ? /* @__PURE__ */ l("code", {
+}), dt = ({ className: e, children: o, ...t }) => e !== void 0 || String(o).includes(`
+`) ? /* @__PURE__ */ a("code", {
   style: {
     display: "block",
     background: "#f5f5f5",
@@ -427,8 +782,8 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
     fontFamily: '"IBM Plex Mono", monospace'
   },
   ...t,
-  children: r
-}) : /* @__PURE__ */ l("code", {
+  children: o
+}) : /* @__PURE__ */ a("code", {
   style: {
     background: "#f0f2f5",
     padding: "2px 5px",
@@ -437,12 +792,12 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
     fontFamily: '"IBM Plex Mono", monospace'
   },
   ...t,
-  children: r
-}), he = ({ children: e, ...r }) => /* @__PURE__ */ l("pre", {
+  children: o
+}), ut = ({ children: e, ...o }) => /* @__PURE__ */ a("pre", {
   style: { margin: "0 0 8px 0" },
-  ...r,
+  ...o,
   children: e
-}), ye = ({ children: e, ...r }) => /* @__PURE__ */ l("blockquote", {
+}), pt = ({ children: e, ...o }) => /* @__PURE__ */ a("blockquote", {
   style: {
     borderLeft: "4px solid #dee3e8",
     paddingLeft: "12px",
@@ -450,23 +805,23 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
     fontStyle: "italic",
     color: "#6b6d6f"
   },
-  ...r,
+  ...o,
   children: e
-}), ve = ({ children: e, ...r }) => /* @__PURE__ */ l("div", {
+}), ft = ({ children: e, ...o }) => /* @__PURE__ */ a("div", {
   style: {
     overflowX: "auto",
     margin: "0 0 8px 0"
   },
-  children: /* @__PURE__ */ l("table", {
+  children: /* @__PURE__ */ a("table", {
     style: {
       borderCollapse: "collapse",
       width: "100%",
       fontSize: "13px"
     },
-    ...r,
+    ...o,
     children: e
   })
-}), be = ({ children: e, ...r }) => /* @__PURE__ */ l("th", {
+}), gt = ({ children: e, ...o }) => /* @__PURE__ */ a("th", {
   style: {
     border: "1px solid #dee3e8",
     padding: "6px 10px",
@@ -474,57 +829,57 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
     backgroundColor: "#f5f7fa",
     fontWeight: 600
   },
-  ...r,
+  ...o,
   children: e
-}), we = ({ children: e, ...r }) => /* @__PURE__ */ l("td", {
+}), mt = ({ children: e, ...o }) => /* @__PURE__ */ a("td", {
   style: {
     border: "1px solid #dee3e8",
     padding: "6px 10px"
   },
-  ...r,
+  ...o,
   children: e
-}), Ce = ({ alt: e, ...r }) => /* @__PURE__ */ l("img", {
+}), ht = ({ alt: e, ...o }) => /* @__PURE__ */ a("img", {
   alt: e ?? "",
   style: {
     maxWidth: "100%",
     borderRadius: "8px",
     margin: "4px 0"
   },
-  ...r
-}), Se = (e) => /* @__PURE__ */ l("hr", {
+  ...o
+}), xt = (e) => /* @__PURE__ */ a("hr", {
   style: {
     border: "none",
     borderTop: "1px solid #dee3e8",
     margin: "12px 0"
   },
   ...e
-}), ke = {
-  a: ue,
-  p: fe,
-  h1: W(1, "20px"),
-  h2: W(2, "18px"),
-  h3: W(3, "16px"),
-  h4: W(4, "15px"),
-  h5: W(5, "14px"),
-  h6: W(6, "13px"),
-  ul: pe,
-  ol: ge,
-  li: me,
-  code: xe,
-  pre: he,
-  blockquote: ye,
-  table: ve,
-  th: be,
-  td: we,
-  img: Ce,
-  hr: Se
-}, Ae = [le], Ie = ({ content: e }) => /* @__PURE__ */ l(ie, {
-  remarkPlugins: Ae,
-  components: ke,
+}), yt = {
+  a: at,
+  p: it,
+  h1: j(1, "20px"),
+  h2: j(2, "18px"),
+  h3: j(3, "16px"),
+  h4: j(4, "15px"),
+  h5: j(5, "14px"),
+  h6: j(6, "13px"),
+  ul: st,
+  ol: lt,
+  li: ct,
+  code: dt,
+  pre: ut,
+  blockquote: pt,
+  table: ft,
+  th: gt,
+  td: mt,
+  img: ht,
+  hr: xt
+}, vt = [Ue], bt = ({ content: e }) => /* @__PURE__ */ a(Ke, {
+  remarkPlugins: vt,
+  components: yt,
   children: e
-}), Ne = ({ attachment: e, isUser: r }) => {
-  const t = ee(e.url);
-  if (Y(e)) return /* @__PURE__ */ l("a", {
+}), wt = ({ attachment: e, isUser: o }) => {
+  const t = We(e.url);
+  if (Ee(e)) return /* @__PURE__ */ a("a", {
     href: t,
     target: "_blank",
     rel: "noopener noreferrer",
@@ -532,7 +887,7 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
       display: "inline-block",
       textDecoration: "none"
     },
-    children: /* @__PURE__ */ l("img", {
+    children: /* @__PURE__ */ a("img", {
       src: t,
       alt: e.name,
       loading: "lazy",
@@ -546,7 +901,7 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
       }
     })
   });
-  const o = Q(e.fileSize), n = /* @__PURE__ */ _(U, { children: [/* @__PURE__ */ l("span", {
+  const r = Fe(e.fileSize), n = /* @__PURE__ */ T(me, { children: [/* @__PURE__ */ a("span", {
     style: {
       fontSize: "16px",
       lineHeight: 1,
@@ -554,13 +909,13 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
     },
     "aria-hidden": !0,
     children: "📄"
-  }), /* @__PURE__ */ _("span", {
+  }), /* @__PURE__ */ T("span", {
     style: {
       display: "flex",
       flexDirection: "column",
       minWidth: 0
     },
-    children: [/* @__PURE__ */ l("span", {
+    children: [/* @__PURE__ */ a("span", {
       style: {
         overflow: "hidden",
         textOverflow: "ellipsis",
@@ -569,12 +924,12 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
       },
       title: e.name,
       children: e.name
-    }), o && /* @__PURE__ */ l("span", {
+    }), r && /* @__PURE__ */ a("span", {
       style: {
         fontSize: "11px",
         color: "#6b6d6f"
       },
-      children: o
+      children: r
     })]
   })] }), s = {
     display: "inline-flex",
@@ -583,24 +938,24 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
     padding: "8px 12px",
     borderRadius: "10px",
     border: "1px solid #dee3e8",
-    backgroundColor: r ? "rgba(255,255,255,0.12)" : "#fff",
-    color: r ? "#fff" : "#30373e",
+    backgroundColor: o ? "rgba(255,255,255,0.12)" : "#fff",
+    color: o ? "#fff" : "#30373e",
     fontSize: "13px",
     textDecoration: "none",
     maxWidth: "220px"
   };
-  return t ? /* @__PURE__ */ l("a", {
+  return t ? /* @__PURE__ */ a("a", {
     href: t,
     target: "_blank",
     rel: "noopener noreferrer",
     style: s,
     children: n
-  }) : /* @__PURE__ */ l("div", {
+  }) : /* @__PURE__ */ a("div", {
     style: s,
     children: n
   });
-}, Re = ({ source: e, index: r }) => {
-  const t = /* @__PURE__ */ _("div", {
+}, Ct = ({ source: e, index: o }) => {
+  const t = /* @__PURE__ */ T("div", {
     style: {
       display: "flex",
       alignItems: "center",
@@ -608,7 +963,7 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
       width: "100%",
       minWidth: 0
     },
-    children: [/* @__PURE__ */ l("div", {
+    children: [/* @__PURE__ */ a("div", {
       style: {
         flexShrink: 0,
         width: "18px",
@@ -623,8 +978,8 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
         justifyContent: "center",
         backgroundColor: "#f0f4ff"
       },
-      children: r + 1
-    }), /* @__PURE__ */ l("div", {
+      children: o + 1
+    }), /* @__PURE__ */ a("div", {
       style: {
         fontSize: "12px",
         overflow: "hidden",
@@ -635,7 +990,7 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
       title: e.title,
       children: e.title
     })]
-  }), o = {
+  }), r = {
     display: "flex",
     alignItems: "center",
     padding: "8px 10px",
@@ -648,11 +1003,11 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
     minWidth: 0,
     transition: "border-color 0.15s"
   };
-  return e.url ? /* @__PURE__ */ l("a", {
+  return e.url ? /* @__PURE__ */ a("a", {
     href: e.url,
     target: "_blank",
     rel: "noopener noreferrer",
-    style: o,
+    style: r,
     onMouseEnter: (n) => {
       n.currentTarget.style.borderColor = "#1b5fc4";
     },
@@ -660,11 +1015,11 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
       n.currentTarget.style.borderColor = "#dee3e8";
     },
     children: t
-  }) : /* @__PURE__ */ l("div", {
-    style: o,
+  }) : /* @__PURE__ */ a("div", {
+    style: r,
     children: t
   });
-}, Ee = () => /* @__PURE__ */ _("div", {
+}, ve = () => /* @__PURE__ */ T("div", {
   style: {
     display: "flex",
     gap: "4px",
@@ -674,31 +1029,32 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
     0,
     1,
     2
-  ].map((e) => /* @__PURE__ */ l("div", { style: {
+  ].map((e) => /* @__PURE__ */ a("div", { style: {
     width: "6px",
     height: "6px",
     borderRadius: "50%",
-    backgroundColor: "#b5bfc8",
+    backgroundColor: "currentColor",
+    opacity: 0.55,
     animation: "ago-pulse 1.2s ease-in-out infinite",
     animationDelay: `${e * 0.2}s`
-  } }, e)), /* @__PURE__ */ l("style", { children: `
+  } }, e)), /* @__PURE__ */ a("style", { children: `
       @keyframes ago-pulse {
         0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); }
         40% { opacity: 1; transform: scale(1); }
       }
     ` })]
-}), _e = ({ message: e, className: r = "", showAgentName: t = !1, isLast: o = !1, onFollowUpClick: n }) => {
-  const s = e.role === "user", c = e.status === "IN_PROGRESS" || e.status === "WAITING_CLIENT";
-  return /* @__PURE__ */ _("div", {
-    className: `ago-message ago-message--${e.role} ${r}`,
+}), kt = ({ message: e, className: o = "", showAgentName: t = !1, isLast: r = !1, onFollowUpClick: n, showStreamingDots: s = !0 }) => {
+  const i = e.role === "user", l = e.status === "IN_PROGRESS" || e.status === "WAITING_CLIENT";
+  return /* @__PURE__ */ T("div", {
+    className: `ago-message ago-message--${e.role} ${o}`,
     style: {
       display: "flex",
       flexDirection: "column",
-      alignItems: s ? "flex-end" : "flex-start",
+      alignItems: i ? "flex-end" : "flex-start",
       marginBottom: "16px"
     },
     children: [
-      !s && t && e.agent && /* @__PURE__ */ l("div", {
+      !i && t && e.agent && /* @__PURE__ */ a("div", {
         className: "ago-message__agent",
         style: {
           display: "flex",
@@ -712,7 +1068,7 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
         },
         children: e.agent.displayName || e.agent.name
       }),
-      !s && e.sources && e.sources.length > 0 && /* @__PURE__ */ l("div", {
+      !i && e.sources && e.sources.length > 0 && /* @__PURE__ */ a("div", {
         className: "ago-message__sources",
         style: {
           display: "grid",
@@ -722,41 +1078,41 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
           width: "100%",
           maxWidth: "85%"
         },
-        children: e.sources.map((a, p) => /* @__PURE__ */ l(Re, {
-          source: a,
+        children: e.sources.map((c, p) => /* @__PURE__ */ a(Ct, {
+          source: c,
           index: p
-        }, a.id))
+        }, c.id))
       }),
-      e.attachments && e.attachments.length > 0 && /* @__PURE__ */ l("div", {
+      e.attachments && e.attachments.length > 0 && /* @__PURE__ */ a("div", {
         className: "ago-message__attachments",
         style: {
           display: "flex",
           flexWrap: "wrap",
           gap: "6px",
           marginBottom: "6px",
-          justifyContent: s ? "flex-end" : "flex-start",
+          justifyContent: i ? "flex-end" : "flex-start",
           maxWidth: "75%"
         },
-        children: e.attachments.map((a) => /* @__PURE__ */ l(Ne, {
-          attachment: a,
-          isUser: s
-        }, a.id))
+        children: e.attachments.map((c) => /* @__PURE__ */ a(wt, {
+          attachment: c,
+          isUser: i
+        }, c.id))
       }),
-      (e.content || c) && /* @__PURE__ */ l("div", {
+      (e.content || l && s) && /* @__PURE__ */ a("div", {
         className: "ago-message__content",
         style: {
-          maxWidth: s ? "75%" : "100%",
-          padding: s ? "10px 14px" : "2px 8px",
-          borderRadius: s ? "16px" : "0",
-          backgroundColor: s ? "#03182f" : "transparent",
-          color: s ? "#fff" : "#30373e",
+          maxWidth: i ? "75%" : "100%",
+          padding: i ? "10px 14px" : "2px 8px",
+          borderRadius: i ? "16px" : "0",
+          backgroundColor: i ? "#03182f" : "transparent",
+          color: i ? "#fff" : "#30373e",
           wordBreak: "break-word",
           fontSize: "16px",
           lineHeight: "1.6"
         },
-        children: e.content ? /* @__PURE__ */ l(Ie, { content: e.content }) : c && /* @__PURE__ */ l(Ee, {})
+        children: e.content ? /* @__PURE__ */ a(bt, { content: e.content }) : l && s && /* @__PURE__ */ a(ve, {})
       }),
-      o && e.followUpReplies && e.followUpReplies.length > 0 && /* @__PURE__ */ l("div", {
+      r && e.followUpReplies && e.followUpReplies.length > 0 && /* @__PURE__ */ a("div", {
         className: "ago-message__followups",
         style: {
           display: "flex",
@@ -764,13 +1120,13 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
           gap: "8px",
           marginTop: "10px"
         },
-        children: e.followUpReplies.map((a, p) => /* @__PURE__ */ l("button", {
+        children: e.followUpReplies.map((c, p) => /* @__PURE__ */ a("button", {
           type: "button",
           className: "ago-message__followup-btn",
           disabled: !n,
-          onClick: n ? () => n(a) : void 0,
+          onClick: n ? () => n(c) : void 0,
           style: {
-            minHeight: "36px",
+            minHeight: "44px",
             padding: "6px 14px",
             fontSize: "13px",
             borderRadius: "16px",
@@ -780,52 +1136,117 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
             cursor: n ? "pointer" : "default",
             transition: "border-color 0.15s"
           },
-          onMouseEnter: (d) => {
-            d.currentTarget.style.borderColor = "#1b5fc4";
+          onMouseEnter: (f) => {
+            f.currentTarget.style.borderColor = "#1b5fc4";
           },
-          onMouseLeave: (d) => {
-            d.currentTarget.style.borderColor = "#dee3e8";
+          onMouseLeave: (f) => {
+            f.currentTarget.style.borderColor = "#dee3e8";
           },
-          children: a
+          children: c
         }, p))
       })
     ]
   });
-}, Je = ({ client: e, conversationId: r, title: t = "Chat", welcomeMessage: o = "Hello! How can I help you today?", placeholder: n = "Type a message...", allowFiles: s = !1, height: c = 500, logoUrl: a, showAgentName: p = !1, forms: d, onFollowUpClick: g, className: C = "", onMessageSent: N, onMessageReceived: S }) => {
-  const k = M(null), u = P(), x = e ?? u, { messages: i, isLoading: v, error: f, sendMessage: h } = K({
-    client: e,
-    conversationId: r
+}, Ht = je(function({ client: o, conversationId: t, title: r = "Chat", welcomeMessage: n = "Hello! How can I help you today?", placeholder: s = "Type a message...", allowFiles: i = !1, allowStop: l = !0, height: c = 500, logoUrl: p, showAgentName: f = !1, forms: k, onFollowUpClick: _, className: C = "", onMessageSent: I, onMessageReceived: u, sheet: A = !1, thinkingLabel: b = "Thinking...", functionLabels: d, showReasoning: y = !0 }, m) {
+  const g = W(null), w = W(!0), [S, x] = z(!0), M = W(null), { sheet: v, expand: D, collapse: q, toggle: ee } = et(A), [be, Y] = z(!1), X = v.compact && v.state === "peek", we = O(), K = o ?? we, { messages: P, isLoading: Ce, error: te, sendMessage: ke, stop: Se } = xe({
+    client: o,
+    conversationId: t
   });
-  I(() => {
-    if (!x || !d || d.length === 0) return;
-    let m = !1;
-    const A = [];
-    return Promise.all(d.map((F) => F.schema != null ? Promise.resolve(B(F)) : j(x, F))).then((F) => {
-      if (!m)
-        for (const V of F) A.push(V.install(x));
+  N(() => {
+    if (!K || !k || k.length === 0) return;
+    let h = !1;
+    const F = [];
+    return Promise.all(k.map((E) => E.schema != null ? Promise.resolve(pe(E)) : ue(K, E))).then((E) => {
+      if (!h)
+        for (const L of E) F.push(L.install(K));
     }).catch(() => {
     }), () => {
-      m = !0, A.forEach((F) => F());
+      h = !0, F.forEach((E) => E());
     };
-  }, [x, d ? JSON.stringify(d.map((m) => [
-    m.name,
-    m.schema ?? null,
-    m.submit ?? !1,
-    m.description ?? null
-  ])) : ""]), I(() => {
-    k.current?.scrollIntoView({ behavior: "smooth" });
-  }, [i]), I(() => {
-    const m = i[i.length - 1];
-    m && m.role === "assistant" && m.status === "DONE" && S && S({
-      id: m.id,
-      content: m.content
+  }, [K, k ? JSON.stringify(k.map((h) => [
+    h.name,
+    h.schema ?? null,
+    h.submit ?? !1,
+    h.description ?? null
+  ])) : ""]), N(() => {
+    const h = g.current;
+    !h || !w.current || (h.scrollTop = h.scrollHeight);
+  }, [P]);
+  const Ae = () => {
+    const h = g.current;
+    h && (w.current = !0, x(!0), h.scrollTop = h.scrollHeight);
+  };
+  N(() => {
+    const h = P[P.length - 1];
+    h && h.role === "assistant" && h.status === "DONE" && u && u({
+      id: h.id,
+      content: h.content
     });
-  }, [i, S]);
-  const w = async (m, A) => {
-    N?.(m), await h(m, A);
-  }, b = i[i.length - 1], T = v && b?.role === "assistant" && (b.status === "IN_PROGRESS" || b.status === "WAITING_CLIENT"), y = g === !1 ? void 0 : g ?? ((m) => w(m));
-  return /* @__PURE__ */ _("div", {
+  }, [P, u]), N(() => {
+    Y(!!X);
+  }, [P.length]), N(() => {
+    const h = M.current;
+    if (!v.compact || !h) return;
+    const F = document.documentElement;
+    if (v.state !== "peek") return;
+    const E = () => {
+      F.style.setProperty("--ago-sheet-height", `${Math.round(h.getBoundingClientRect().height)}px`);
+    };
+    E();
+    const L = typeof ResizeObserver == "function" ? new ResizeObserver(E) : null;
+    return L?.observe(h), () => L?.disconnect();
+  }, [v.compact, v.state]), N(() => {
+    v.compact || document.documentElement.style.removeProperty("--ago-sheet-height");
+  }, [v.compact]), N(() => () => {
+    document.documentElement.style.removeProperty("--ago-sheet-height");
+  }, []), qe(m, () => ({
+    expand: D,
+    collapse: q,
+    toggle: ee,
+    state: v.state
+  }), [
+    D,
+    q,
+    ee,
+    v.state
+  ]), N(() => {
+    if (!v.isModal) return;
+    const h = /* @__PURE__ */ Symbol("ago-react-sheet");
+    Le(h);
+    const F = (E) => {
+      if (E.key === "Escape") {
+        q("user");
+        return;
+      }
+      if (E.key !== "Tab") return;
+      const L = M.current;
+      if (!L) return;
+      const J = Array.from(L.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter((_e) => _e.getClientRects().length > 0);
+      if (J.length === 0) {
+        E.preventDefault();
+        return;
+      }
+      const ae = J[0], ie = J[J.length - 1], V = document.activeElement;
+      E.shiftKey && (V === ae || !L.contains(V)) ? (E.preventDefault(), ie.focus()) : !E.shiftKey && (V === ie || !L.contains(V)) && (E.preventDefault(), ae.focus());
+    };
+    return document.addEventListener("keydown", F), M.current?.focus({ preventScroll: !0 }), () => {
+      document.removeEventListener("keydown", F), De(h);
+    };
+  }, [v.isModal, q]);
+  const ne = async (h, F) => (w.current = !0, x(!0), I?.(h), await ke(h, F) !== null), B = P[P.length - 1], G = Ce && B?.role === "assistant" && (B.status === "IN_PROGRESS" || B.status === "WAITING_CLIENT"), Ie = R((h) => {
+    const F = h.functionName;
+    if (!(!d || !F))
+      return typeof d == "function" ? d(F, h.arguments ?? {}) : d[F];
+  }, [d]), { items: Ne } = Xe({
+    client: K ?? void 0,
+    labelFor: Ie,
+    includeReasoning: y
+  }), oe = Ne.filter((h) => B?.id !== void 0 && h.messageId === B.id), U = d === !1 ? void 0 : oe[oe.length - 1]?.label, re = !!(G && U), Re = _ === !1 ? void 0 : _ ?? ((h) => ne(h));
+  return /* @__PURE__ */ T("div", {
+    ref: M,
     className: `ago-chat-widget ${C}`,
+    ...v.surface.attrs,
+    "data-ago-sheet-state": v.compact ? v.state : void 0,
     style: {
       display: "flex",
       flexDirection: "column",
@@ -836,10 +1257,11 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
       backgroundColor: "#fff",
       fontFamily: '"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
       textAlign: "left",
-      boxShadow: "rgba(15, 15, 15, 0.08) 0px 2px 16px 0px"
+      boxShadow: "rgba(15, 15, 15, 0.08) 0px 2px 16px 0px",
+      ...v.surface.style
     },
     children: [
-      /* @__PURE__ */ _("div", {
+      !v.compact && /* @__PURE__ */ T("div", {
         className: "ago-chat-widget__header",
         style: {
           padding: "14px 16px",
@@ -850,125 +1272,319 @@ var de = ({ onSend: e, disabled: r = !1, placeholder: t = "Type a message...", a
           alignItems: "center",
           gap: "10px"
         },
-        children: [a && /* @__PURE__ */ l("img", {
-          src: a,
+        children: [p && /* @__PURE__ */ a("img", {
+          src: p,
           alt: "Logo",
           style: {
             height: "24px",
             width: "auto"
           }
-        }), /* @__PURE__ */ l("h3", {
+        }), /* @__PURE__ */ a("h3", {
           style: {
             margin: 0,
             fontSize: "15px",
             fontWeight: 600
           },
-          children: t
+          children: r
         })]
       }),
-      /* @__PURE__ */ _("div", {
-        className: "ago-chat-widget__messages",
-        role: "log",
-        "aria-live": "polite",
-        "aria-relevant": "additions text",
-        "aria-atomic": !1,
+      X && /* @__PURE__ */ T("button", {
+        type: "button",
+        className: "ago-chat-widget__peek",
+        "aria-expanded": !1,
+        "aria-label": "Open the conversation",
+        onClick: () => {
+          Y(!1), D("user");
+        },
         style: {
-          flex: 1,
-          overflow: "auto",
-          padding: "16px",
-          backgroundColor: "#fbfbfb"
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "stretch",
+          gap: "8px",
+          padding: "14px 18px 10px",
+          border: "none",
+          borderBottom: "1px solid currentColor",
+          borderBottomColor: "rgba(128,128,128,0.25)",
+          background: "transparent",
+          textAlign: "left",
+          cursor: "pointer",
+          font: "inherit",
+          color: "inherit"
         },
-        children: [
-          i.length === 0 ? /* @__PURE__ */ l("div", {
-            style: {
-              textAlign: "center",
-              color: "#6b6d6f",
-              padding: "24px 16px",
-              fontSize: "16px",
-              lineHeight: "1.5"
-            },
-            children: o
-          }) : i.map((m, A) => /* @__PURE__ */ l(_e, {
-            message: m,
-            showAgentName: p,
-            isLast: A === i.length - 1,
-            onFollowUpClick: y
-          }, m.id)),
-          f && /* @__PURE__ */ l("div", {
-            role: "alert",
+        children: [/* @__PURE__ */ T("span", {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            gap: "6px",
+            fontSize: "12px",
+            fontWeight: 600,
+            letterSpacing: "0.04em",
+            textTransform: "uppercase",
+            color: "inherit",
+            opacity: 0.7
+          },
+          children: [
+            r,
+            be && /* @__PURE__ */ a("span", {
+              "aria-label": "New message",
+              style: {
+                width: "6px",
+                height: "6px",
+                borderRadius: "50%",
+                backgroundColor: "#1b5fc4"
+              }
+            }),
+            /* @__PURE__ */ a("span", {
+              style: {
+                marginLeft: "auto",
+                fontSize: "14px"
+              },
+              "aria-hidden": !0,
+              children: "↑"
+            })
+          ]
+        }), G && !B?.content ? /* @__PURE__ */ T("span", {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            gap: "8px"
+          },
+          children: [!U && /* @__PURE__ */ a(ve, {}), /* @__PURE__ */ a("span", {
             style: {
-              padding: "10px 14px",
-              backgroundColor: "#fef2f2",
-              color: "#dc2626",
-              borderRadius: "12px",
-              marginTop: "8px",
               fontSize: "13px",
-              border: "1px solid #fecaca"
+              opacity: 0.7,
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap"
             },
-            children: f.message
-          }),
-          /* @__PURE__ */ l("div", { ref: k })
-        ]
+            children: U ? ye(U) : b
+          })]
+        }) : /* @__PURE__ */ a("span", {
+          style: {
+            display: "-webkit-box",
+            WebkitLineClamp: 2,
+            WebkitBoxOrient: "vertical",
+            overflow: "hidden",
+            fontSize: "13px",
+            lineHeight: 1.5,
+            color: "inherit",
+            minHeight: "calc(2 * 1.5 * 13px)"
+          },
+          children: B?.content || n
+        })]
+      }),
+      v.compact && v.state === "full" && /* @__PURE__ */ T("div", {
+        className: "ago-chat-widget__sheet-header",
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: "8px",
+          padding: "6px 10px 6px 18px",
+          borderBottom: "1px solid rgba(128,128,128,0.25)",
+          flexShrink: 0
+        },
+        children: [/* @__PURE__ */ a("span", {
+          style: {
+            fontSize: "12px",
+            fontWeight: 600,
+            letterSpacing: "0.04em",
+            textTransform: "uppercase",
+            color: "inherit",
+            opacity: 0.7,
+            overflow: "hidden",
+            whiteSpace: "nowrap",
+            textOverflow: "ellipsis"
+          },
+          children: r
+        }), /* @__PURE__ */ a("button", {
+          type: "button",
+          "aria-label": "Collapse the conversation",
+          onClick: () => q("user"),
+          style: {
+            marginLeft: "auto",
+            flexShrink: 0,
+            width: "44px",
+            height: "44px",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            border: "none",
+            background: "transparent",
+            color: "inherit",
+            cursor: "pointer"
+          },
+          children: /* @__PURE__ */ a("svg", {
+            width: "20",
+            height: "20",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ a("path", { d: "M6 9l6 6 6-6" })
+          })
+        })]
+      }),
+      /* @__PURE__ */ T("div", {
+        style: {
+          position: "relative",
+          flex: 1,
+          display: X ? "none" : "flex",
+          minHeight: 0
+        },
+        children: [/* @__PURE__ */ T("div", {
+          ref: g,
+          className: "ago-chat-widget__messages",
+          onScroll: (h) => {
+            const F = h.currentTarget, E = F.scrollHeight - F.scrollTop - F.clientHeight <= 48;
+            w.current = E, x(E);
+          },
+          role: "log",
+          "aria-live": "polite",
+          "aria-relevant": "additions text",
+          "aria-atomic": !1,
+          "aria-busy": G,
+          style: {
+            flex: 1,
+            overflow: "auto",
+            overscrollBehavior: "contain",
+            padding: "16px",
+            backgroundColor: "#fbfbfb"
+          },
+          children: [
+            P.length === 0 ? /* @__PURE__ */ a("div", {
+              style: {
+                textAlign: "center",
+                color: "#6b6d6f",
+                padding: "24px 16px",
+                fontSize: "16px",
+                lineHeight: "1.5"
+              },
+              children: n
+            }) : P.map((h, F) => /* @__PURE__ */ a(kt, {
+              message: h,
+              showAgentName: f,
+              isLast: F === P.length - 1,
+              onFollowUpClick: Re,
+              showStreamingDots: !re
+            }, h.id)),
+            re && /* @__PURE__ */ a(ot, { label: U ?? "" }),
+            te && /* @__PURE__ */ a("div", {
+              role: "alert",
+              style: {
+                padding: "10px 14px",
+                backgroundColor: "#fef2f2",
+                color: "#dc2626",
+                borderRadius: "12px",
+                marginTop: "8px",
+                fontSize: "13px",
+                border: "1px solid #fecaca"
+              },
+              children: te.message
+            }),
+            /* @__PURE__ */ a("div", {})
+          ]
+        }), !S && /* @__PURE__ */ a("button", {
+          type: "button",
+          className: "ago-chat-widget__jump",
+          "aria-label": "Jump to latest message",
+          onClick: Ae,
+          style: {
+            position: "absolute",
+            left: "50%",
+            bottom: "12px",
+            transform: "translateX(-50%)",
+            width: "44px",
+            height: "44px",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            border: "1px solid #dee3e8",
+            borderRadius: "50%",
+            backgroundColor: "#fff",
+            color: "#0b1b2b",
+            boxShadow: "rgba(15, 15, 15, 0.16) 0px 2px 10px 0px",
+            cursor: "pointer",
+            zIndex: 2
+          },
+          children: /* @__PURE__ */ a("svg", {
+            width: "18",
+            height: "18",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ a("path", { d: "M12 5v14M19 12l-7 7-7-7" })
+          })
+        })]
       }),
-      /* @__PURE__ */ l(de, {
-        onSend: w,
-        disabled: T,
-        placeholder: n,
-        allowFiles: s
+      /* @__PURE__ */ a(rt, {
+        onSend: ne,
+        onStop: l ? () => {
+          Se();
+        } : void 0,
+        disabled: G,
+        placeholder: s,
+        allowFiles: i
       })
     ]
   });
-};
-function Me(e = {}) {
-  const r = P(), t = e.client ?? r;
-  if (!t) throw new L("useProactiveNudge: no AgoClient. Pass one via options.client or wrap your tree with <AgoProvider>.", "proactive_missing_client");
-  const [o, n] = E(null), s = M(o);
-  s.current = o;
-  const c = M(e.onExpand);
-  return c.current = e.onExpand, I(() => {
-    const a = (d) => {
-      n(d), t.proactive?.shown(d);
-    }, p = ({ nudge: d }) => {
-      n((g) => g?.id === d.id ? null : g);
+});
+function St(e = {}) {
+  const o = O(), t = e.client ?? o;
+  if (!t) throw new Z("useProactiveNudge: no AgoClient. Pass one via options.client or wrap your tree with <AgoProvider>.", "proactive_missing_client");
+  const [r, n] = z(null), s = W(r);
+  s.current = r;
+  const i = W(e.onExpand);
+  return i.current = e.onExpand, N(() => {
+    const l = (p) => {
+      n(p), t.proactive?.shown(p);
+    }, c = ({ nudge: p }) => {
+      n((f) => f?.id === p.id ? null : f);
     };
-    return t.on("nudge:ready", a), t.on("nudge:accepted", p), t.on("nudge:dismissed", p), () => {
-      t.off("nudge:ready", a), t.off("nudge:accepted", p), t.off("nudge:dismissed", p);
+    return t.on("nudge:ready", l), t.on("nudge:accepted", c), t.on("nudge:dismissed", c), () => {
+      t.off("nudge:ready", l), t.off("nudge:accepted", c), t.off("nudge:dismissed", c);
     };
   }, [t]), {
-    nudge: o,
+    nudge: r,
     accept: R(async () => {
-      const a = s.current;
-      a && (n(null), await t.proactive?.accept(a), (a.source === "agent" || a.goal) && c.current?.(a));
+      const l = s.current;
+      l && (n(null), await t.proactive?.accept(l), (l.source === "agent" || l.goal) && i.current?.(l));
     }, [t]),
     dismiss: R(() => {
-      const a = s.current;
-      a && (n(null), t.proactive?.dismiss(a));
+      const l = s.current;
+      l && (n(null), t.proactive?.dismiss(l));
     }, [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: p } = Me({
+var Bt = ({ client: e, onExpand: o, autoHideMs: t, position: r = "bottom-right", openChatLabel: n = "Open chat", className: s = "" }) => {
+  const { nudge: i, accept: l, dismiss: c } = St({
     client: e,
-    onExpand: r
+    onExpand: o
   });
-  if (I(() => {
-    if (!c || !t) return;
-    const g = setTimeout(() => p(), t);
-    return () => clearTimeout(g);
+  if (N(() => {
+    if (!i || !t) return;
+    const f = setTimeout(() => c(), t);
+    return () => clearTimeout(f);
   }, [
-    c,
+    i,
     t,
-    p
-  ]), !c) return null;
-  const d = c.source === "agent" || !!c.goal;
-  return /* @__PURE__ */ _("div", {
+    c
+  ]), !i) return null;
+  const p = i.source === "agent" || !!i.goal;
+  return /* @__PURE__ */ T("div", {
     className: `ago-nudge ${s}`,
     role: "status",
     "aria-live": "polite",
     style: {
       position: "fixed",
       bottom: "90px",
-      ...o === "bottom-left" ? { left: "20px" } : { right: "20px" },
+      ...r === "bottom-left" ? { left: "20px" } : { right: "20px" },
       zIndex: 2147483e3,
       maxWidth: "320px",
       padding: "14px 16px",
@@ -983,11 +1599,11 @@ var Ve = ({ client: e, onExpand: r, autoHideMs: t, position: o = "bottom-right",
       textAlign: "left"
     },
     children: [
-      /* @__PURE__ */ l("button", {
+      /* @__PURE__ */ a("button", {
         type: "button",
         className: "ago-nudge__close",
         "aria-label": "Dismiss",
-        onClick: p,
+        onClick: c,
         style: {
           position: "absolute",
           top: "6px",
@@ -1002,12 +1618,12 @@ var Ve = ({ client: e, onExpand: r, autoHideMs: t, position: o = "bottom-right",
         },
         children: "×"
       }),
-      /* @__PURE__ */ l("div", {
+      /* @__PURE__ */ a("div", {
         className: "ago-nudge__message",
         style: { paddingRight: "16px" },
-        children: c.message
+        children: i.message
       }),
-      (c.action || d) && /* @__PURE__ */ _("div", {
+      (i.action || p) && /* @__PURE__ */ T("div", {
         className: "ago-nudge__actions",
         style: {
           display: "flex",
@@ -1015,11 +1631,11 @@ var Ve = ({ client: e, onExpand: r, autoHideMs: t, position: o = "bottom-right",
           marginTop: "10px",
           flexWrap: "wrap"
         },
-        children: [c.action && /* @__PURE__ */ l("button", {
+        children: [i.action && /* @__PURE__ */ a("button", {
           type: "button",
           className: "ago-nudge__action",
           onClick: () => {
-            a();
+            l();
           },
           style: {
             border: "none",
@@ -1031,12 +1647,12 @@ var Ve = ({ client: e, onExpand: r, autoHideMs: t, position: o = "bottom-right",
             fontWeight: 600,
             cursor: "pointer"
           },
-          children: c.action.label
-        }), d && /* @__PURE__ */ l("button", {
+          children: i.action.label
+        }), p && /* @__PURE__ */ a("button", {
           type: "button",
           className: "ago-nudge__expand",
           onClick: () => {
-            a();
+            l();
           },
           style: {
             border: "1px solid #dee3e8",
@@ -1054,60 +1670,61 @@ var Ve = ({ client: e, onExpand: r, autoHideMs: t, position: o = "bottom-right",
     ]
   });
 };
-function Fe({ client: e, autoLoad: r = !0 } = {}) {
-  const t = P(), o = e || t;
-  if (!o) throw new Error("useConversation requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
-  const [n, s] = E([]), [c, a] = E(null), [p, d] = E(!1), [g, C] = E(null), N = R(async () => {
-    d(!0), C(null);
+function At({ client: e, autoLoad: o = !0 } = {}) {
+  const t = O(), r = e || t;
+  if (!r) throw new Error("useConversation requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
+  const [n, s] = z([]), [i, l] = z(null), [c, p] = z(!1), [f, k] = z(null), _ = R(async () => {
+    p(!0), k(null);
     try {
-      const { data: u } = await o.getConversations();
+      const { data: u } = await r.getConversations();
       s(u);
     } catch (u) {
-      C(u instanceof Error ? u : /* @__PURE__ */ new Error("Failed to load conversations"));
+      k(u instanceof Error ? u : /* @__PURE__ */ new Error("Failed to load conversations"));
     } finally {
-      d(!1);
+      p(!1);
     }
-  }, [o]), S = R(async (u) => {
-    d(!0), C(null);
+  }, [r]), C = R(async (u) => {
+    p(!0), k(null);
     try {
-      a(await o.getConversation(u));
-    } catch (x) {
-      C(x instanceof Error ? x : /* @__PURE__ */ new Error("Failed to load conversation"));
+      l(await r.getConversation(u));
+    } catch (A) {
+      k(A instanceof Error ? A : /* @__PURE__ */ new Error("Failed to load conversation"));
     } finally {
-      d(!1);
+      p(!1);
     }
-  }, [o]), k = R(() => {
-    a(null);
+  }, [r]), I = R(() => {
+    l(null);
   }, []);
-  return I(() => {
-    r && N();
-  }, [r, N]), {
+  return N(() => {
+    o && _();
+  }, [o, _]), {
     conversations: n,
-    currentConversation: c,
-    isLoading: p,
-    error: g,
-    selectConversation: S,
-    startNewConversation: k,
-    refreshConversations: N
+    currentConversation: i,
+    isLoading: c,
+    error: f,
+    selectConversation: C,
+    startNewConversation: I,
+    refreshConversations: _
   };
 }
-function Ye(e = {}) {
-  const r = P(), t = e.client || r;
+function Ot(e = {}) {
+  const o = O(), t = e.client || o;
   if (!t) throw new Error("useChat requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
-  const o = K({
+  const r = xe({
     client: t,
     conversationId: e.conversationId
-  }), n = Fe({
+  }), n = At({
     client: t,
     autoLoad: e.autoLoad
   });
   return {
-    messages: o.messages,
-    isLoading: o.isLoading,
-    error: o.error || n.error,
-    sendMessage: o.sendMessage,
-    clearMessages: o.clearMessages,
-    conversationId: o.conversationId,
+    messages: r.messages,
+    isLoading: r.isLoading,
+    error: r.error || n.error,
+    sendMessage: r.sendMessage,
+    stop: r.stop,
+    clearMessages: r.clearMessages,
+    conversationId: r.conversationId,
     conversations: n.conversations,
     currentConversation: n.currentConversation,
     isConversationsLoading: n.isLoading,
@@ -1116,271 +1733,105 @@ function Ye(e = {}) {
     refreshConversations: n.refreshConversations
   };
 }
-function Xe(e, r) {
-  const t = z(), { name: o, description: n, parameters: s, handler: c, maxResultBytes: a, requiresApproval: p } = typeof e == "string" ? {
+function jt(e, o) {
+  const t = $(), { name: r, description: n, parameters: s, handler: i, maxResultBytes: l, requiresApproval: c } = typeof e == "string" ? {
     name: e,
-    ...r
-  } : e, d = M(c);
-  d.current = c, I(() => {
-    const g = (C) => d.current(C);
-    return t.registerFunction(o, g, {
+    ...o
+  } : e, p = W(i);
+  p.current = i, N(() => {
+    const f = (k) => p.current(k);
+    return t.registerFunction(r, f, {
       description: n,
       parameters: s,
-      maxResultBytes: a,
-      requiresApproval: p
+      maxResultBytes: l,
+      requiresApproval: c
     }), () => {
-      t.unregisterFunction(o);
+      t.unregisterFunction(r);
     };
   }, [
     t,
-    o,
+    r,
     n,
     s,
-    a,
-    p
+    l,
+    c
   ]);
 }
-function Ze(e, r) {
-  const t = z(), o = M(e);
-  o.current = e, I(() => (t.registerNavigationFunction((n) => o.current(n), r), () => {
+function $t(e, o) {
+  const t = $(), r = W(e);
+  r.current = e, N(() => (t.registerNavigationFunction((n) => r.current(n), o), () => {
     t.unregisterNavigationFunction();
-  }), [t, r]);
+  }), [t, o]);
 }
-function Qe(e, r) {
-  const t = z(), o = r?.functionName ?? "setPageState", n = r?.requiresApproval, s = M(e);
-  s.current = e, I(() => {
-    const c = s.current.map((a) => {
-      const p = () => s.current.find((d) => d.name === a.name) ?? a;
+function qt(e, o) {
+  const t = $(), r = o?.functionName ?? "setPageState", n = o?.requiresApproval, s = o?.data !== void 0, i = o?.data?.description, l = o?.data?.maxResultBytes, c = o?.settleTimeoutMs, p = W(e);
+  p.current = e;
+  const f = W(o);
+  f.current = o, N(() => {
+    const k = p.current.map((C) => {
+      const I = () => p.current.find((u) => u.name === C.name) ?? C;
       return {
-        name: a.name,
-        description: a.description,
-        schema: a.schema,
-        get: a.get ? () => p().get?.() : void 0,
-        set: (d) => p().set(d)
+        name: C.name,
+        description: C.description,
+        schema: C.schema,
+        get: C.get ? () => I().get?.() : void 0,
+        set: (u) => I().set(u)
       };
-    });
-    return t.registerPageStateFunction(c, {
-      functionName: o,
-      requiresApproval: n
+    }), _ = s ? {
+      description: i ?? "What the page is currently showing.",
+      maxResultBytes: l,
+      get: () => f.current?.data?.get(),
+      isLoading: () => f.current?.data?.isLoading?.() ?? !1
+    } : void 0;
+    return t.registerPageStateFunction(k, {
+      functionName: r,
+      requiresApproval: n,
+      data: _,
+      settleTimeoutMs: c
     }), () => {
-      t.unregisterPageStateFunction(o);
+      t.unregisterPageStateFunction(r);
     };
   }, [
     t,
-    o,
-    n
-  ]);
-}
-function et(e) {
-  const r = z(), t = M(e);
-  t.current = e, I(() => ne(r, () => t.current), [r]);
-}
-var Te = /* @__PURE__ */ new Set(["awaiting-approval"]);
-function J(e) {
-  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 H(e, r) {
-  const t = (e ?? "").toLowerCase();
-  return t.includes("reject") ? "rejected" : t.includes("error") || t.includes("fail") ? "error" : t.includes("done") || t.includes("complet") ? "done" : (t.includes("waiting") || t.includes("pending")) && (r === "confirmation" || r === "form") ? "awaiting-approval" : "running";
-}
-function q(e) {
-  return typeof e != "string" || !e ? "page" : e.replace(/[-_]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/\b\w/g, (r) => r.toUpperCase()).trim();
-}
-function We(e) {
-  switch (e.kind) {
-    case "navigation":
-      return `Navigating to ${q(e.arguments?.page)}`;
-    case "action":
-      return e.functionName === "setPageState" ? "Updating the page" : e.functionName === "openFilteredConversations" ? "Opening conversations" : e.toolDisplayName || e.message || q(e.functionName) || "Working";
-    case "progress":
-      return e.message || "Working";
-    case "reasoning":
-      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 = P(), n = e.client || o;
-  if (!n) throw new L("useAgoActivity requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.", "provider_missing_client");
-  const [s, c] = E([]), a = M(/* @__PURE__ */ new Set()), p = M(void 0), d = M(t);
-  d.current = t;
-  const g = R((u, x) => {
-    c((i) => {
-      const v = i.findIndex((h) => h.id === u), f = {
-        ...v >= 0 ? i[v] : {
-          id: u,
-          kind: "status",
-          label: "",
-          status: "running",
-          requiresApproval: !1,
-          createdAt: /* @__PURE__ */ new Date()
-        },
-        ...x
-      };
-      return f.label = d.current?.(f) ?? We(f), v >= 0 ? [
-        ...i.slice(0, v),
-        f,
-        ...i.slice(v + 1)
-      ] : [...i, f];
-    });
-  }, []);
-  I(() => {
-    const u = (y) => {
-      p.current = y.messageId;
-    }, x = (y) => {
-      const m = J(y.type);
-      m === "reasoning" && !r || g(y.id, {
-        kind: m,
-        status: H(y.status, m),
-        messageId: p.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: p.current,
-        functionName: y.functionName,
-        arguments: y.arguments
-      });
-    }, v = (y) => {
-      y.invocationId && g(y.invocationId, {
-        kind: y.functionName === "navigateToPage" ? "navigation" : "action",
-        status: "awaiting-approval",
-        messageId: p.current,
-        functionName: y.functionName,
-        arguments: y.arguments,
-        requiresApproval: !0
-      });
-    }, f = (y) => {
-      if (!y.invocationId) return;
-      const m = y.result, A = typeof y.result == "object" && m !== null && m.approved === !1 && m.reason === "user_rejected";
-      g(y.invocationId, {
-        status: y.error ? "error" : A ? "rejected" : "done",
-        requiresApproval: !1
-      });
-    }, h = (y) => {
-      for (const m of y.messages ?? [])
-        if (m.role === "assistant")
-          for (const A of m.toolCalls ?? []) {
-            const F = Pe(A);
-            F === "reasoning" && !r || /waiting/i.test(A.status ?? "") || g(A.id, {
-              kind: F,
-              status: H(A.status, F),
-              messageId: m.id,
-              toolName: A.toolName,
-              toolDisplayName: A.toolDisplayName,
-              functionName: A.functionName,
-              arguments: A.arguments,
-              message: A.message,
-              data: A.data,
-              formSchema: A.formSchema,
-              requiresApproval: F === "confirmation" || F === "form"
-            });
-          }
-    }, w = (y) => {
-      c((m) => m.map((A) => A.status === "running" || A.status === "awaiting-approval" ? {
-        ...A,
-        status: y
-      } : A));
-    }, b = () => w("done"), T = () => w("error");
-    return n.on("message:start", u), n.on("toolCall:received", x), n.on("function:invoke", i), n.on("function:awaiting-approval", v), n.on("function:result", f), n.on("conversation:loaded", h), n.on("message:complete", b), n.on("message:error", T), () => {
-      n.off("message:start", u), n.off("toolCall:received", x), n.off("function:invoke", i), n.off("function:awaiting-approval", v), n.off("function:result", f), n.off("conversation:loaded", h), n.off("message:complete", b), n.off("message:error", T);
-    };
-  }, [
-    n,
     r,
-    g
-  ]);
-  const C = R(async (u) => {
-    const x = s.find((i) => i.id === u);
-    !x || x.status !== "awaiting-approval" || a.current.has(u) || x.kind !== "form" && (a.current.add(u), g(u, {
-      status: "running",
-      requiresApproval: !1
-    }), x.functionName ? await n.approveFunction(u) : await n.confirmToolCall(u));
-  }, [
-    n,
-    s,
-    g
-  ]), N = R(async (u) => {
-    const x = s.find((i) => i.id === u);
-    !x || x.status !== "awaiting-approval" || a.current.has(u) || (a.current.add(u), g(u, {
-      status: "rejected",
-      requiresApproval: !1
-    }), x.functionName ? await n.rejectFunction(u) : await n.rejectToolCall(u));
-  }, [
     n,
     s,
-    g
-  ]), S = R(async (u, x) => {
-    g(u, {
-      status: "running",
-      requiresApproval: !1
-    }), await n.submitToolCallForm(u, x), g(u, { status: "done" });
-  }, [n, g]), k = R(() => {
-    a.current.clear(), c([]);
-  }, []);
-  return {
-    items: s,
-    latest: s.length > 0 ? s[s.length - 1] : void 0,
-    isAwaitingApproval: s.some((u) => Te.has(u.status)),
-    approve: C,
-    reject: N,
-    submitForm: S,
-    clear: k
-  };
+    i,
+    l,
+    c
+  ]);
 }
-function nt(e = {}) {
-  const r = P(), t = e.client || r;
-  if (!t) throw new L("useAgoActivityLog requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.", "provider_missing_client");
-  const [o, n] = E(() => t.getRecentActivity());
-  I(() => {
+function Kt(e) {
+  const o = $(), t = W(e);
+  t.current = e, N(() => Pe(o, () => t.current), [o]);
+}
+function Ut(e = {}) {
+  const o = O(), t = e.client || o;
+  if (!t) throw new Z("useAgoActivityLog requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.", "provider_missing_client");
+  const [r, n] = z(() => t.getRecentActivity());
+  N(() => {
     n(t.getRecentActivity());
-    const a = () => n(t.getRecentActivity());
-    return t.on("activity:recorded", a), () => t.off("activity:recorded", a);
+    const l = () => n(t.getRecentActivity());
+    return t.on("activity:recorded", l), () => t.off("activity:recorded", l);
   }, [t]);
-  const s = R((a) => t.recordActivity(a), [t]), c = R(() => {
+  const s = R((l) => t.recordActivity(l), [t]), i = R(() => {
     t.clearActivity(), n([]);
   }, [t]);
   return {
-    entries: o,
-    latest: o.length > 0 ? o[o.length - 1] : void 0,
+    entries: r,
+    latest: r.length > 0 ? r[r.length - 1] : void 0,
     record: s,
-    clear: c
+    clear: i
   };
 }
-function rt(e, r) {
-  const t = z(), o = ae(), n = r ?? o, s = M(e);
+function Gt(e, o) {
+  const t = $(), r = $e(), n = o ?? r, s = W(e);
   s.current = e;
-  const c = typeof e == "function";
-  I(() => {
+  const i = typeof e == "function";
+  N(() => {
     if (typeof s.current == "function") {
-      const a = () => s.current();
-      return t.addDynamicContext(n, a), () => {
+      const l = () => s.current();
+      return t.addDynamicContext(n, l), () => {
         t.removeDynamicContext(n);
       };
     }
@@ -1390,74 +1841,74 @@ function rt(e, r) {
   }, [
     t,
     n,
-    c,
-    c ? "" : JSON.stringify(e)
+    i,
+    i ? "" : JSON.stringify(e)
   ]);
 }
-function De(e) {
-  return se(e.subscribe, e.get, e.get);
+function It(e) {
+  return ge(e.subscribe, e.get, e.get);
 }
-var O = {
+var de = {
   missing: [],
   complete: !1
 };
-function ot(e) {
-  const r = z(), t = e.schema != null, o = JSON.stringify(e.schema ?? null), n = e.submit, s = n ? typeof n == "string" ? `client:${n}` : n.via === "backend" ? "backend" : "handler" in n ? "client:handler" : `client:${n.url}` : "none", c = JSON.stringify(e.initialValues ?? null), a = D(() => t ? B(e) : null, [
+function Jt(e) {
+  const o = $(), t = e.schema != null, r = 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", i = JSON.stringify(e.initialValues ?? null), l = H(() => t ? pe(e) : null, [
     t,
     e.name,
-    o,
+    r,
     s,
-    c,
+    i,
     e.autoSubmit
-  ]), [p, d] = E({
+  ]), [c, p] = z({
     collector: null,
     loading: !t,
     error: null
   });
-  I(() => {
+  N(() => {
     if (t) return;
-    let v = !1;
-    return d({
+    let d = !1;
+    return p({
       collector: null,
       loading: !0,
       error: null
-    }), j(r, e).then((f) => {
-      v || d({
-        collector: f,
+    }), ue(o, e).then((y) => {
+      d || p({
+        collector: y,
         loading: !1,
         error: null
       });
-    }).catch((f) => {
-      v || d({
+    }).catch((y) => {
+      d || p({
         collector: null,
         loading: !1,
-        error: f instanceof Error ? f : new Error(String(f))
+        error: y instanceof Error ? y : new Error(String(y))
       });
     }), () => {
-      v = !0;
+      d = !0;
     };
   }, [
-    r,
+    o,
     t,
     e.name,
     s,
-    c,
+    i,
     e.autoSubmit
   ]);
-  const g = t ? a : p.collector, C = t ? !1 : p.loading, N = t ? null : p.error;
-  I(() => {
-    if (g)
-      return g.install(r);
-  }, [r, g]);
-  const S = D(() => X({
+  const f = t ? l : c.collector, k = t ? !1 : c.loading, _ = t ? null : c.error;
+  N(() => {
+    if (f)
+      return f.install(o);
+  }, [o, f]);
+  const C = H(() => Me({
     values: e.initialValues ?? {},
     submitted: !1
-  }), [c]), k = De(g?.store ?? S), u = D(() => g?.getStatus() ?? O, [k, g]), x = D(() => ({
-    ...k,
+  }), [i]), I = It(f?.store ?? C), u = H(() => f?.getStatus() ?? de, [I, f]), A = H(() => ({
+    ...I,
     ...u
-  }), [k, u]), i = D(() => ({
+  }), [I, u]), b = H(() => ({
     name: e.name,
-    store: S,
+    store: C,
     functions: [],
     contextKey: `form:${e.name}`,
     contextProvider: () => ({
@@ -1478,45 +1929,46 @@ function ot(e) {
       ok: !1,
       error: "Form definition not loaded yet."
     }),
-    getValues: () => S.get().values,
+    getValues: () => C.get().values,
     setValues: () => {
     },
     reset: () => {
     },
-    getStatus: () => O
-  }), [e.name, S]);
+    getStatus: () => de
+  }), [e.name, C]);
   return {
-    ...g ?? i,
-    state: x,
-    loading: C,
-    error: N
+    ...f ?? b,
+    state: A,
+    loading: k,
+    error: _
   };
 }
 export {
-  Ve as AgoNudge,
-  Ke as AgoProvider,
-  de as ChatInput,
-  Je as ChatWidget,
-  Ie as Markdown,
-  _e as Message,
-  B as createFormCollector,
-  Oe as createMockClient,
-  He as deriveFormStatus,
-  j as loadFormCollector,
-  ce as useAgo,
-  tt as useAgoActivity,
-  nt as useAgoActivityLog,
-  et as useAgoAutoContinueAfterNavigation,
-  z as useAgoClient,
-  rt as useAgoContext,
-  Xe as useAgoFunction,
-  Ze as useAgoNavigation,
-  Qe as useAgoPageState,
-  De as useAgoStore,
-  Ye as useChat,
-  Fe as useConversation,
-  ot as useFormCollector,
-  K as useMessages,
-  P as useOptionalAgoClient,
-  Me as useProactiveNudge
+  Bt as AgoNudge,
+  Lt as AgoProvider,
+  rt as ChatInput,
+  Ht as ChatWidget,
+  bt as Markdown,
+  kt as Message,
+  pe as createFormCollector,
+  Tt as createMockClient,
+  Et as deriveFormStatus,
+  ue as loadFormCollector,
+  Ge as useAgo,
+  Xe as useAgoActivity,
+  Ut as useAgoActivityLog,
+  Kt as useAgoAutoContinueAfterNavigation,
+  $ as useAgoClient,
+  Gt as useAgoContext,
+  jt as useAgoFunction,
+  $t as useAgoNavigation,
+  qt as useAgoPageState,
+  It as useAgoStore,
+  Ot as useChat,
+  At as useConversation,
+  Jt as useFormCollector,
+  xe as useMessages,
+  O as useOptionalAgoClient,
+  St as useProactiveNudge,
+  et as useSheet
 };