@useago/sdk 1.9.0 → 1.13.0

package/dist/react.js

@@ -1,18 +1,18 @@
-import { a as Fe, c as We, g as ze, n as De, o as Pe, s as Le, t as He } from "./types-CPga11Of.js";
-import { n as X } from "./errors-BLfjXnLB.js";
-import { t as Be } from "./autoContinue-CC8K9mBU.js";
-import { n as Lt, r as ge, t as me } from "./createFormCollector-Cf7kGhCB.js";
-import { t as Bt } from "./createMockClient-5YF-ZbVu.js";
-import { C as Oe, S as qe, n as je } from "./sheetController-CBUVOroo.js";
-import $e, { createContext as Ke, forwardRef as Ue, useCallback as _, useContext as he, useEffect as E, useId as Ge, useImperativeHandle as Je, useMemo as B, useRef as D, useState as T, useSyncExternalStore as xe } from "react";
-import { Fragment as be, jsx as a, jsxs as M } from "react/jsx-runtime";
-import Ve from "react-markdown";
-import Ye from "remark-gfm";
-function Xe(e) {
-  const [r, t] = T(!1), o = D(null), n = B(() => {
+import { a as De, c as ze, g as Le, n as Pe, o as Be, s as He, t as Oe } from "./types-Q7t1peH-.js";
+import { n as Q } from "./errors-BLfjXnLB.js";
+import { t as $e } from "./autoContinue-CC8K9mBU.js";
+import { n as jt, r as he, t as xe } from "./createFormCollector-DN1xjAv5.js";
+import { t as Kt } from "./createMockClient-YoYr3pQr.js";
+import { C as je, dt as qe, n as Ke, t as Jt, ut as Ue } from "./speechToText-BV7qxqPF.js";
+import Ge, { createContext as Je, forwardRef as Ve, useCallback as T, useContext as be, useEffect as E, useId as Xe, useImperativeHandle as Ye, useLayoutEffect as Ze, useMemo as $, useRef as W, useState as M, useSyncExternalStore as ye } from "react";
+import { Fragment as ve, jsx as a, jsxs as F } from "react/jsx-runtime";
+import Qe from "react-markdown";
+import et from "remark-gfm";
+function tt(e) {
+  const [r, t] = M(!1), o = W(null), n = $(() => {
     if (o.current && (o.current.destroy(), o.current = null), !e) return null;
-    const l = new De(e);
-    return o.current = l, l;
+    const s = new Pe(e);
+    return o.current = s, s;
   }, [e?.baseUrl, e?.widgetId]);
   return E(() => (n && o.current === null && (o.current = n, n.reviveAfterDestroy()), t(!0), () => {
     o.current?.destroy(), o.current = null;
@@ -21,8 +21,10 @@ function Xe(e) {
       agent: e.agent,
       defaultAgentId: e.defaultAgentId,
       permission: e.permission,
+      language: e.language ?? null,
       userEmail: e.userEmail,
       userJwt: e.userJwt,
+      metadata: e.metadata ?? null,
       debug: e.debug,
       warnOnEmptyReply: e.warnOnEmptyReply
     });
@@ -30,8 +32,10 @@ function Xe(e) {
     e?.agent,
     e?.defaultAgentId,
     e?.permission,
+    e?.language,
     e?.userEmail,
     e?.userJwt,
+    e?.metadata,
     e?.debug,
     e?.warnOnEmptyReply
   ]), {
@@ -39,51 +43,51 @@ function Xe(e) {
     isReady: r
   };
 }
-var ee = Ke(null), Ut = ({ children: e, client: r, tools: t, helpers: o, pageContext: n, ...l }) => {
-  const { client: s } = Xe(r ? null : l), i = r || s;
+var ne = Je(null), Qt = ({ children: e, client: r, tools: t, helpers: o, pageContext: n, ...s }) => {
+  const { client: c } = tt(r ? null : s), i = r || c;
   return E(() => {
     if (!(!t || t.length === 0)) {
-      for (const u of t) i.register(u);
+      for (const g of t) i.register(g);
       return () => {
-        for (const u of t) i.unregisterFunction(u.name);
+        for (const g of t) i.unregisterFunction(g.name);
       };
     }
   }, [i, t]), E(() => {
     if (!o) return;
-    const u = [];
-    return import("./functions-tzyOZNp6.js").then((c) => c.n).then((c) => {
-      for (const [p, v] of Object.entries(o)) {
-        const S = c[p];
-        if (!S) {
-          console.warn(`[AGO] Unknown helper: "${p}"`);
+    const g = [];
+    return import("./functions-tzyOZNp6.js").then((d) => d.n).then((d) => {
+      for (const [f, x] of Object.entries(o)) {
+        const m = d[f];
+        if (!m) {
+          console.warn(`[AGO] Unknown helper: "${f}"`);
           continue;
         }
-        const g = v === !0 ? S : {
-          ...S,
-          handler: v
+        const u = x === !0 ? m : {
+          ...m,
+          handler: x
         };
-        i.register(g), u.push(g.name);
+        i.register(u), g.push(u.name);
       }
     }), () => {
-      for (const c of u) i.unregisterFunction(c);
+      for (const d of g) i.unregisterFunction(d);
     };
   }, [i, o]), E(() => {
     n === "auto" && i.enableAutoPageContext();
-  }, [i, n]), /* @__PURE__ */ a(ee.Provider, {
+  }, [i, n]), /* @__PURE__ */ a(ne.Provider, {
     value: i,
     children: e
   });
 };
-function $() {
-  const e = he(ee);
+function U() {
+  const e = be(ne);
   if (!e) throw new Error('useAgoClient must be used within an <AgoProvider>. Wrap your component tree with <AgoProvider baseUrl="...">.');
   return e;
 }
 function O() {
-  return he(ee);
+  return be(ne);
 }
-var Ze = /* @__PURE__ */ new Set(["awaiting-approval"]);
-function ye(e) {
+var nt = /* @__PURE__ */ new Set(["awaiting-approval"]);
+function we(e) {
   switch (e) {
     case "progress_indicator":
       return "progress";
@@ -97,22 +101,22 @@ function ye(e) {
       return "status";
   }
 }
-function Qe(e) {
-  return e.type === "client_function" ? e.functionName === "navigateToPage" ? "navigation" : "action" : ye(e.type);
+function rt(e) {
+  return e.type === "client_function" ? e.functionName === "navigateToPage" ? "navigation" : "action" : we(e.type);
 }
-function le(e, r) {
+function de(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 ce(e) {
+function ue(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 et(e) {
+function ot(e) {
   switch (e.kind) {
     case "navigation":
-      return `Navigating to ${ce(e.arguments?.page)}`;
+      return `Navigating to ${ue(e.arguments?.page)}`;
     case "action":
-      return e.functionName === "setPageState" ? "Updating the page" : e.functionName === "openFilteredConversations" ? "Opening conversations" : e.toolDisplayName || e.message || ce(e.functionName) || "Working";
+      return e.functionName === "setPageState" ? "Updating the page" : e.functionName === "openFilteredConversations" ? "Opening conversations" : e.toolDisplayName || e.message || ue(e.functionName) || "Working";
     case "progress":
       return e.message || "Working";
     case "reasoning":
@@ -125,164 +129,164 @@ function et(e) {
       return e.message || e.toolDisplayName || e.toolName || "Working";
   }
 }
-function tt(e = {}) {
+function at(e = {}) {
   const { includeReasoning: r = !1, labelFor: t } = e, o = O(), n = e.client || o;
-  if (!n) throw new X("useAgoActivity requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.", "provider_missing_client");
-  const [l, s] = T([]), i = D(/* @__PURE__ */ new Set()), u = D(void 0), c = D(t);
-  c.current = t;
-  const p = _((d, w) => {
-    s((x) => {
-      const f = x.findIndex((y) => y.id === d), h = {
-        ...f >= 0 ? x[f] : {
-          id: d,
+  if (!n) throw new Q("useAgoActivity requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.", "provider_missing_client");
+  const [s, c] = M([]), i = W(/* @__PURE__ */ new Set()), g = W(void 0), d = W(t);
+  d.current = t;
+  const f = T((p, k) => {
+    c((b) => {
+      const R = b.findIndex((y) => y.id === p), _ = {
+        ...R >= 0 ? b[R] : {
+          id: p,
           kind: "status",
           label: "",
           status: "running",
           requiresApproval: !1,
           createdAt: /* @__PURE__ */ new Date()
         },
-        ...w
+        ...k
       };
-      return h.label = c.current?.(h) ?? et(h), f >= 0 ? [
-        ...x.slice(0, f),
-        h,
-        ...x.slice(f + 1)
-      ] : [...x, h];
+      return _.label = d.current?.(_) ?? ot(_), R >= 0 ? [
+        ...b.slice(0, R),
+        _,
+        ...b.slice(R + 1)
+      ] : [...b, _];
     });
   }, []);
   E(() => {
-    const d = (k) => {
-      u.current = k.messageId;
-    }, w = (k) => {
-      const F = ye(k.type);
-      F === "reasoning" && !r || p(k.id, {
-        kind: F,
-        status: le(k.status, F),
-        messageId: u.current,
-        toolName: k.toolName,
-        toolDisplayName: k.toolDisplayName,
-        message: k.message,
-        data: k.data,
-        formSchema: k.formSchema,
-        requiresApproval: F === "confirmation" || F === "form"
+    const p = (h) => {
+      g.current = h.messageId;
+    }, k = (h) => {
+      const D = we(h.type);
+      D === "reasoning" && !r || f(h.id, {
+        kind: D,
+        status: de(h.status, D),
+        messageId: g.current,
+        toolName: h.toolName,
+        toolDisplayName: h.toolDisplayName,
+        message: h.message,
+        data: h.data,
+        formSchema: h.formSchema,
+        requiresApproval: D === "confirmation" || D === "form"
       });
-    }, x = (k) => {
-      k.invocationId && p(k.invocationId, {
-        kind: k.functionName === "navigateToPage" ? "navigation" : "action",
+    }, b = (h) => {
+      h.invocationId && f(h.invocationId, {
+        kind: h.functionName === "navigateToPage" ? "navigation" : "action",
         status: "running",
-        messageId: u.current,
-        functionName: k.functionName,
-        arguments: k.arguments
+        messageId: g.current,
+        functionName: h.functionName,
+        arguments: h.arguments
       });
-    }, f = (k) => {
-      k.invocationId && p(k.invocationId, {
-        kind: k.functionName === "navigateToPage" ? "navigation" : "action",
+    }, R = (h) => {
+      h.invocationId && f(h.invocationId, {
+        kind: h.functionName === "navigateToPage" ? "navigation" : "action",
         status: "awaiting-approval",
-        messageId: u.current,
-        functionName: k.functionName,
-        arguments: k.arguments,
+        messageId: g.current,
+        functionName: h.functionName,
+        arguments: h.arguments,
         requiresApproval: !0
       });
-    }, h = (k) => {
-      if (!k.invocationId) return;
-      const F = k.result, C = typeof k.result == "object" && F !== null && F.approved === !1 && F.reason === "user_rejected";
-      p(k.invocationId, {
-        status: k.error ? "error" : C ? "rejected" : "done",
+    }, _ = (h) => {
+      if (!h.invocationId) return;
+      const D = h.result, l = typeof h.result == "object" && D !== null && D.approved === !1 && D.reason === "user_rejected";
+      f(h.invocationId, {
+        status: h.error ? "error" : l ? "rejected" : "done",
         requiresApproval: !1
       });
-    }, y = (k) => {
-      for (const F of k.messages ?? [])
-        if (F.role === "assistant")
-          for (const C of F.toolCalls ?? []) {
-            const I = Qe(C);
-            I === "reasoning" && !r || /waiting/i.test(C.status ?? "") || p(C.id, {
-              kind: I,
-              status: le(C.status, I),
-              messageId: F.id,
-              toolName: C.toolName,
-              toolDisplayName: C.toolDisplayName,
-              functionName: C.functionName,
-              arguments: C.arguments,
-              message: C.message,
-              data: C.data,
-              formSchema: C.formSchema,
-              requiresApproval: I === "confirmation" || I === "form"
+    }, y = (h) => {
+      for (const D of h.messages ?? [])
+        if (D.role === "assistant")
+          for (const l of D.toolCalls ?? []) {
+            const S = rt(l);
+            S === "reasoning" && !r || /waiting/i.test(l.status ?? "") || f(l.id, {
+              kind: S,
+              status: de(l.status, S),
+              messageId: D.id,
+              toolName: l.toolName,
+              toolDisplayName: l.toolDisplayName,
+              functionName: l.functionName,
+              arguments: l.arguments,
+              message: l.message,
+              data: l.data,
+              formSchema: l.formSchema,
+              requiresApproval: S === "confirmation" || S === "form"
             });
           }
-    }, m = (k) => {
-      s((F) => F.map((C) => C.status === "running" || C.status === "awaiting-approval" ? {
-        ...C,
-        status: k
-      } : C));
-    }, A = () => m("done"), N = () => m("error");
-    return n.on("message:start", d), n.on("toolCall:received", w), n.on("function:invoke", x), n.on("function:awaiting-approval", f), n.on("function:result", h), n.on("conversation:loaded", y), n.on("message:complete", A), n.on("message:error", N), () => {
-      n.off("message:start", d), n.off("toolCall:received", w), n.off("function:invoke", x), n.off("function:awaiting-approval", f), n.off("function:result", h), n.off("conversation:loaded", y), n.off("message:complete", A), n.off("message:error", N);
+    }, C = (h) => {
+      c((D) => D.map((l) => l.status === "running" || l.status === "awaiting-approval" ? {
+        ...l,
+        status: h
+      } : l));
+    }, A = () => C("done"), N = () => C("error");
+    return n.on("message:start", p), n.on("toolCall:received", k), n.on("function:invoke", b), n.on("function:awaiting-approval", R), n.on("function:result", _), n.on("conversation:loaded", y), n.on("message:complete", A), n.on("message:error", N), () => {
+      n.off("message:start", p), n.off("toolCall:received", k), n.off("function:invoke", b), n.off("function:awaiting-approval", R), n.off("function:result", _), n.off("conversation:loaded", y), n.off("message:complete", A), n.off("message:error", N);
     };
   }, [
     n,
     r,
-    p
+    f
   ]);
-  const v = _(async (d) => {
-    const w = l.find((x) => x.id === d);
-    !w || w.status !== "awaiting-approval" || i.current.has(d) || w.kind !== "form" && (i.current.add(d), p(d, {
+  const x = T(async (p) => {
+    const k = s.find((b) => b.id === p);
+    !k || k.status !== "awaiting-approval" || i.current.has(p) || k.kind !== "form" && (i.current.add(p), f(p, {
       status: "running",
       requiresApproval: !1
-    }), w.functionName ? await n.approveFunction(d) : await n.confirmToolCall(d));
+    }), k.functionName ? await n.approveFunction(p) : await n.confirmToolCall(p));
   }, [
     n,
-    l,
-    p
-  ]), S = _(async (d) => {
-    const w = l.find((x) => x.id === d);
-    !w || w.status !== "awaiting-approval" || i.current.has(d) || (i.current.add(d), p(d, {
+    s,
+    f
+  ]), m = T(async (p) => {
+    const k = s.find((b) => b.id === p);
+    !k || k.status !== "awaiting-approval" || i.current.has(p) || (i.current.add(p), f(p, {
       status: "rejected",
       requiresApproval: !1
-    }), w.functionName ? await n.rejectFunction(d) : await n.rejectToolCall(d));
+    }), k.functionName ? await n.rejectFunction(p) : await n.rejectToolCall(p));
   }, [
     n,
-    l,
-    p
-  ]), g = _(async (d, w) => {
-    p(d, {
+    s,
+    f
+  ]), u = T(async (p, k) => {
+    f(p, {
       status: "running",
       requiresApproval: !1
-    }), await n.submitToolCallForm(d, w), p(d, { status: "done" });
-  }, [n, p]), R = _(() => {
-    i.current.clear(), s([]);
+    }), await n.submitToolCallForm(p, k), f(p, { status: "done" });
+  }, [n, f]), v = T(() => {
+    i.current.clear(), c([]);
   }, []);
   return {
-    items: l,
-    latest: l.length > 0 ? l[l.length - 1] : void 0,
-    isAwaitingApproval: l.some((d) => Ze.has(d.status)),
-    approve: v,
-    reject: S,
-    submitForm: g,
-    clear: R
+    items: s,
+    latest: s.length > 0 ? s[s.length - 1] : void 0,
+    isAwaitingApproval: s.some((p) => nt.has(p.status)),
+    approve: x,
+    reject: m,
+    submitForm: u,
+    clear: v
   };
 }
-function ve({ client: e, conversationId: r } = {}) {
+function ke({ client: e, conversationId: r } = {}) {
   const t = O(), o = e || t;
   if (!o) throw new Error("useMessages requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
-  const [n, l] = T([]), [s, i] = T(r), [u, c] = T(!1), [p, v] = T(null);
+  const [n, s] = M([]), [c, i] = M(r), [g, d] = M(!1), [f, x] = M(null);
   E(() => {
-    r && r !== s && (i(r), S(r));
+    r && r !== c && (i(r), m(r));
   }, [r]);
-  const S = async (g) => {
+  const m = async (u) => {
     try {
-      l((await o.getMessages(g)).filter((R) => !R.hidden));
-    } catch (R) {
-      v(R instanceof Error ? R : /* @__PURE__ */ new Error("Failed to load messages"));
+      s((await o.getMessages(u)).filter((v) => !v.hidden));
+    } catch (v) {
+      x(v instanceof Error ? v : /* @__PURE__ */ new Error("Failed to load messages"));
     }
   };
   return E(() => {
-    const g = (y) => y === "IN_PROGRESS" || y === "WAITING_CLIENT", R = (y) => {
-      s || i(y.conversationId), c(!0), l((m) => {
-        const A = m.findIndex((N) => N.id === y.messageId);
-        return A >= 0 ? m.map((N, k) => k === A ? {
+    const u = (y) => y === "IN_PROGRESS" || y === "WAITING_CLIENT", v = (y) => {
+      c || i(y.conversationId), d(!0), s((C) => {
+        const A = C.findIndex((N) => N.id === y.messageId);
+        return A >= 0 ? C.map((N, h) => h === A ? {
           ...N,
           status: "IN_PROGRESS"
-        } : N) : m.some((N) => N.role === "assistant" && g(N.status)) ? m : [...m, {
+        } : N) : C.some((N) => N.role === "assistant" && u(N.status)) ? C : [...C, {
           id: y.messageId,
           conversationId: y.conversationId,
           content: "",
@@ -291,115 +295,115 @@ function ve({ client: e, conversationId: r } = {}) {
           createdAt: /* @__PURE__ */ new Date()
         }];
       });
-    }, d = (y) => {
-      l((m) => {
-        const A = m.findIndex((N) => N.id === y.messageId);
-        return A < 0 ? m : m.map((N, k) => k === A ? {
+    }, p = (y) => {
+      s((C) => {
+        const A = C.findIndex((N) => N.id === y.messageId);
+        return A < 0 ? C : C.map((N, h) => h === A ? {
           ...N,
           content: N.content + y.content
         } : N);
       });
-    }, w = (y) => {
-      l((m) => {
+    }, k = (y) => {
+      s((C) => {
         let A = -1;
-        for (let N = m.length - 1; N >= 0; N--) if (m[N].role === "assistant" && g(m[N].status)) {
+        for (let N = C.length - 1; N >= 0; N--) if (C[N].role === "assistant" && u(C[N].status)) {
           A = N;
           break;
         }
-        return A < 0 ? m : [
-          ...m.slice(0, A),
+        return A < 0 ? C : [
+          ...C.slice(0, A),
           {
-            ...m[A],
+            ...C[A],
             ...y
           },
-          ...m.slice(A + 1)
+          ...C.slice(A + 1)
         ];
       });
-    }, x = (y) => {
-      l((m) => {
-        const A = m.findIndex((N) => N.id === y.id);
+    }, b = (y) => {
+      s((C) => {
+        const A = C.findIndex((N) => N.id === y.id);
         return A >= 0 ? [
-          ...m.slice(0, A),
+          ...C.slice(0, A),
           y,
-          ...m.slice(A + 1)
-        ] : [...m, y];
-      }), c(!1);
-    }, f = (y) => {
-      v(new Error(y.error)), c(!1);
-    }, h = () => {
-      l((y) => {
-        let m = -1;
-        for (let A = y.length - 1; A >= 0; A--) if (y[A].role === "assistant" && g(y[A].status)) {
-          m = A;
+          ...C.slice(A + 1)
+        ] : [...C, y];
+      }), d(!1);
+    }, R = (y) => {
+      x(new Error(y.error)), d(!1);
+    }, _ = () => {
+      s((y) => {
+        let C = -1;
+        for (let A = y.length - 1; A >= 0; A--) if (y[A].role === "assistant" && u(y[A].status)) {
+          C = A;
           break;
         }
-        return m < 0 ? y : y[m].content ? y.map((A, N) => N === m ? {
+        return C < 0 ? y : y[C].content ? y.map((A, N) => N === C ? {
           ...A,
           status: "CANCELED"
-        } : A) : y.filter((A, N) => N !== m);
-      }), c(!1);
+        } : A) : y.filter((A, N) => N !== C);
+      }), d(!1);
     };
-    return o.on("message:start", R), o.on("message:chunk", d), o.on("message:answer-complete", w), o.on("message:complete", x), o.on("message:error", f), o.on("message:stopped", h), () => {
-      o.off("message:start", R), o.off("message:chunk", d), o.off("message:answer-complete", w), o.off("message:complete", x), o.off("message:error", f), o.off("message:stopped", h);
+    return o.on("message:start", v), o.on("message:chunk", p), o.on("message:answer-complete", k), o.on("message:complete", b), o.on("message:error", R), o.on("message:stopped", _), () => {
+      o.off("message:start", v), o.off("message:chunk", p), o.off("message:answer-complete", k), o.off("message:complete", b), o.off("message:error", R), o.off("message:stopped", _);
     };
-  }, [o, s]), {
+  }, [o, c]), {
     messages: n,
-    isLoading: u,
-    error: p,
-    sendMessage: _(async (g, R) => {
-      c(!0), v(null);
-      const d = {
+    isLoading: g,
+    error: f,
+    sendMessage: T(async (u, v) => {
+      d(!0), x(null);
+      const p = {
         id: `temp-${Date.now()}`,
-        conversationId: s || "",
-        content: g,
+        conversationId: c || "",
+        content: u,
         role: "user",
         status: "DONE",
-        attachments: R && R.length > 0 ? Fe(R) : void 0,
+        attachments: v && v.length > 0 ? De(v) : void 0,
         createdAt: /* @__PURE__ */ new Date()
-      }, w = {
+      }, k = {
         id: `temp-assistant-${Date.now()}`,
-        conversationId: s || "",
+        conversationId: c || "",
         content: "",
         role: "assistant",
         status: "IN_PROGRESS",
         createdAt: /* @__PURE__ */ new Date()
       };
-      l((x) => [
-        ...x,
-        d,
-        w
+      s((b) => [
+        ...b,
+        p,
+        k
       ]);
       try {
-        const x = await o.sendMessage(g, {
-          conversationId: s,
-          files: R
+        const b = await o.sendMessage(u, {
+          conversationId: c,
+          files: v
         });
-        return x.conversationId && !s && i(x.conversationId), l((f) => {
-          const h = f.filter((m) => !m.id.startsWith("temp-")), y = {
-            ...d,
-            id: d.id.replace("temp-", "user-"),
-            conversationId: x.conversationId
+        return b.conversationId && !c && i(b.conversationId), s((R) => {
+          const _ = R.filter((C) => !C.id.startsWith("temp-")), y = {
+            ...p,
+            id: p.id.replace("temp-", "user-"),
+            conversationId: b.conversationId
           };
-          return h.some((m) => m.id === x.id) ? [...h, y].sort((m, A) => new Date(m.createdAt).getTime() - new Date(A.createdAt).getTime()) : [
-            ...h,
+          return _.some((C) => C.id === b.id) ? [..._, y].sort((C, A) => new Date(C.createdAt).getTime() - new Date(A.createdAt).getTime()) : [
+            ..._,
             y,
-            x
+            b
           ];
-        }), x;
-      } catch (x) {
-        return v(x instanceof Error ? x : /* @__PURE__ */ new Error("Failed to send message")), c(!1), l((f) => f.filter((h) => !h.id.startsWith("temp-"))), null;
+        }), b;
+      } catch (b) {
+        return x(b instanceof Error ? b : /* @__PURE__ */ new Error("Failed to send message")), d(!1), s((R) => R.filter((_) => !_.id.startsWith("temp-"))), null;
       }
-    }, [o, s]),
-    stop: _(async () => {
+    }, [o, c]),
+    stop: T(async () => {
       await o.stop();
     }, [o]),
-    clearMessages: _(() => {
-      l([]), i(void 0), v(null);
+    clearMessages: T(() => {
+      s([]), i(void 0), x(null);
     }, []),
-    conversationId: s
+    conversationId: c
   };
 }
-var de = {
+var pe = {
   compact: !1,
   state: "peek",
   isModal: !1,
@@ -407,23 +411,23 @@ var de = {
     style: {},
     attrs: {}
   }
-}, nt = { tabindex: "tabIndex" };
-function rt(e) {
+}, it = { tabindex: "tabIndex" };
+function st(e) {
   const r = {};
-  for (const [t, o] of Object.entries(e)) r[nt[t] ?? t] = o;
+  for (const [t, o] of Object.entries(e)) r[it[t] ?? t] = o;
   return r;
 }
-function ot(e) {
-  const r = e !== !1, t = r ? e ?? {} : void 0, o = D(t?.onStateChange);
+function lt(e) {
+  const r = e !== !1, t = r ? e ?? {} : void 0, o = W(t?.onStateChange);
   o.current = t?.onStateChange;
-  const n = B(() => {
+  const n = $(() => {
     if (r)
       return je({
         breakpoint: t?.breakpoint,
         initialState: t?.initialState,
         bottomOffset: t?.bottomOffset,
         peekHeight: t?.peekHeight,
-        onStateChange: (s, i) => o.current?.(s, i)
+        onStateChange: (c, i) => o.current?.(c, i)
       });
   }, [
     r,
@@ -431,24 +435,24 @@ function ot(e) {
     t?.initialState,
     t?.bottomOffset,
     t?.peekHeight
-  ]), l = xe(_((s) => n?.subscribe(s) ?? (() => {
-  }), [n]), _(() => n?.getSnapshot() ?? de, [n]), _(() => n?.getServerSnapshot() ?? de, [n]));
+  ]), s = ye(T((c) => n?.subscribe(c) ?? (() => {
+  }), [n]), T(() => n?.getSnapshot() ?? pe, [n]), T(() => n?.getServerSnapshot() ?? pe, [n]));
   return {
-    sheet: B(() => ({
-      ...l,
+    sheet: $(() => ({
+      ...s,
       surface: {
-        ...l.surface,
-        attrs: rt(l.surface.attrs)
+        ...s.surface,
+        attrs: st(s.surface.attrs)
       }
-    }), [l]),
-    expand: _((s) => n?.expand(s), [n]),
-    collapse: _((s) => n?.collapse(s), [n]),
-    toggle: _((s) => n?.toggle(s), [n])
+    }), [s]),
+    expand: T((c) => n?.expand(c), [n]),
+    collapse: T((c) => n?.collapse(c), [n]),
+    toggle: T((c) => n?.toggle(c), [n])
   };
 }
-var at = /(`[^`\n]+`|\*\*[^*\n]+\*\*|\*[^*\n]+\*|_[^_\n]+_)/g;
-function we(e) {
-  const r = e.split(at);
+var ct = /(`[^`\n]+`|\*\*[^*\n]+\*\*|\*[^*\n]+\*|_[^_\n]+_)/g;
+function Ce(e) {
+  const r = e.split(ct);
   return r.length === 1 ? e : r.map((t, o) => o % 2 === 0 || !t ? t : t.startsWith("`") ? /* @__PURE__ */ a("code", {
     style: {
       fontFamily: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
@@ -463,7 +467,7 @@ function we(e) {
     children: t.slice(2, -2)
   }, o) : /* @__PURE__ */ a("em", { children: t.slice(1, -1) }, o));
 }
-var it = `
+var dt = `
 @keyframes ago-activity-enter {
   from { opacity: 0; transform: translateY(4px); }
   to { opacity: 1; transform: none; }
@@ -500,7 +504,7 @@ var it = `
     color: var(--ago-activity-color, #5b5d5f);
   }
 }
-`, st = ({ label: e }) => /* @__PURE__ */ M("div", {
+`, ut = ({ label: e }) => /* @__PURE__ */ F("div", {
   className: "ago-activity",
   role: "status",
   "aria-live": "polite",
@@ -521,36 +525,105 @@ var it = `
   },
   children: [/* @__PURE__ */ a("span", {
     className: "ago-activity__label",
-    children: we(e)
-  }, e), /* @__PURE__ */ a("style", { children: it })]
-}), lt = ({ onSend: e, onStop: r, disabled: t = !1, placeholder: o = "Type a message...", allowFiles: n = !1, className: l = "" }) => {
-  const [s, i] = T(""), [u, c] = T([]), p = D(null), v = D(null), S = _(() => {
-    const f = v.current;
-    if (!f) return;
-    const h = 110;
-    f.style.height = "auto", f.style.height = `${Math.min(f.scrollHeight + 2, h)}px`, f.style.overflowY = f.scrollHeight + 2 > h ? "auto" : "hidden";
-  }, []), g = _(async (f) => {
-    if (f.preventDefault(), !s.trim() && u.length === 0) return;
-    const h = s.trim(), y = u.length > 0 ? u : void 0;
-    i(""), c([]), requestAnimationFrame(S), await e(h, y) === !1 && (i((m) => m.trim() ? m : h), y && c((m) => [...y, ...m]), requestAnimationFrame(S));
+    children: Ce(e)
+  }, e), /* @__PURE__ */ a("style", { children: dt })]
+}), V = typeof window > "u" ? E : Ze;
+function pt(e) {
+  const r = O(), t = e.client ?? r, o = W(null), n = W(), s = W(e), [c, i] = M(!1), [g, d] = M(""), [f, x] = M(!1);
+  return V(() => {
+    s.current = e;
+  }), V(() => {
+    if (x(!1), i(!1), s.current.onBusyChange?.(!1), !t || !o.current) return;
+    let m = !0;
+    const u = Ke({
+      transcribe: (v, p) => t.transcribeAudio(v, p),
+      onText: (v) => {
+        m && s.current.onTranscript(v);
+      },
+      onBusy: (v) => {
+        m && (i(v), v && d(""), s.current.onBusyChange?.(v));
+      },
+      onError: (v) => {
+        m && d(v);
+      },
+      labels: s.current.labels
+    });
+    return o.current.append(u.el), n.current = u, u.setDisabled(!!s.current.disabled), t.getConfig().then(({ permissions: v }) => {
+      if (!m) return;
+      const p = v.some((k) => k.speechToTextEnabled) && typeof MediaRecorder < "u" && !!navigator.mediaDevices?.getUserMedia;
+      u.setEnabled(p), x(p);
+    }).catch(() => {
+    }), () => {
+      m = !1, u.destroy(), s.current.onBusyChange?.(!1), u.el.remove(), n.current = void 0;
+    };
+  }, [t]), V(() => {
+    n.current?.setDisabled(!!e.disabled);
+  }, [e.disabled]), V(() => {
+    n.current?.cancel();
+  }, [e.scopeKey, t]), V(() => {
+    n.current?.setLabels(e.labels);
+  }, [e.labels]), /* @__PURE__ */ F("div", {
+    className: `ago-speech-to-text ${e.className ?? ""}`,
+    style: {
+      display: f ? "flex" : "none",
+      flexDirection: "column",
+      minWidth: 0,
+      flex: c ? 1 : void 0
+    },
+    children: [/* @__PURE__ */ a("div", { ref: o }), g && /* @__PURE__ */ a("span", {
+      role: "alert",
+      style: {
+        color: "var(--ago-muted-text-color, #6b6d6f)",
+        fontSize: "13px"
+      },
+      children: g
+    })]
+  });
+}
+var ft = ({ onSend: e, onStop: r, disabled: t = !1, placeholder: o = "Type a message...", allowFiles: n = !1, speechToText: s = !1, client: c, scopeKey: i, className: g = "" }) => {
+  const [d, f] = M(""), [x, m] = M([]), [u, v] = M(!1), p = W(null), k = W(null), b = !!s;
+  E(() => {
+    b || v(!1);
+  }, [b]);
+  const R = T(() => {
+    const l = k.current;
+    if (!l) return;
+    const S = 110;
+    l.style.height = "auto", l.style.height = `${Math.min(l.scrollHeight + 2, S)}px`, l.style.overflowY = l.scrollHeight + 2 > S ? "auto" : "hidden";
+  }, []), _ = W(!1);
+  E(() => {
+    _.current && !u && !t && (R(), k.current?.focus()), _.current = u;
   }, [
-    s,
     u,
+    t,
+    R
+  ]);
+  const y = T(async (l) => {
+    if (l.preventDefault(), t || u || !d.trim() && x.length === 0) return;
+    const S = d.trim(), I = x.length > 0 ? x : void 0;
+    f(""), m([]), requestAnimationFrame(R), await e(S, I) === !1 && (f((B) => B.trim() ? B : S), I && m((B) => [...I, ...B]), requestAnimationFrame(R));
+  }, [
+    d,
+    x,
     e,
-    S
-  ]), R = _((f) => {
-    f.key === "Enter" && !f.shiftKey && (f.preventDefault(), g(f));
-  }, [g]), d = _((f) => {
-    const h = Array.from(f.target.files || []);
-    c((y) => [...y, ...h]);
-  }, []), w = _((f) => {
-    c((h) => h.filter((y, m) => m !== f));
-  }, []), x = s.trim() || u.length > 0;
-  return /* @__PURE__ */ M("form", {
-    onSubmit: (f) => {
-      g(f);
+    R,
+    t,
+    u
+  ]), C = T((l) => {
+    l.key === "Enter" && !l.shiftKey && (l.preventDefault(), y(l));
+  }, [y]), A = T((l) => {
+    const S = Array.from(l.target.files || []);
+    m((I) => [...I, ...S]);
+  }, []), N = T((l) => {
+    m((S) => S.filter((I, B) => B !== l));
+  }, []), h = d.trim() || x.length > 0, D = (l) => {
+    f((S) => `${S}${S && !/\s$/.test(S) ? " " : ""}${l}`);
+  };
+  return /* @__PURE__ */ F("form", {
+    onSubmit: (l) => {
+      y(l);
     },
-    className: `ago-chat-input ${l}`,
+    className: `ago-chat-input ${g}`,
     style: {
       display: "flex",
       flexDirection: "column",
@@ -559,14 +632,14 @@ var it = `
       borderTop: "1px solid #dee3e8",
       backgroundColor: "#fff"
     },
-    children: [u.length > 0 && /* @__PURE__ */ a("div", {
+    children: [x.length > 0 && !u && /* @__PURE__ */ a("div", {
       className: "ago-chat-input__files",
       style: {
         display: "flex",
         flexWrap: "wrap",
         gap: "6px"
       },
-      children: u.map((f, h) => /* @__PURE__ */ M("div", {
+      children: x.map((l, S) => /* @__PURE__ */ F("div", {
         style: {
           display: "flex",
           alignItems: "center",
@@ -584,11 +657,11 @@ var it = `
             textOverflow: "ellipsis",
             whiteSpace: "nowrap"
           },
-          children: f.name
+          children: l.name
         }), /* @__PURE__ */ a("button", {
           type: "button",
-          onClick: () => w(h),
-          "aria-label": `Remove ${f.name}`,
+          onClick: () => N(S),
+          "aria-label": `Remove ${l.name}`,
           style: {
             flexShrink: 0,
             width: "44px",
@@ -607,15 +680,15 @@ var it = `
           },
           children: "×"
         })]
-      }, h))
-    }), /* @__PURE__ */ M("div", {
+      }, S))
+    }), /* @__PURE__ */ F("div", {
       style: {
         display: "flex",
         gap: "8px",
         alignItems: "flex-end"
       },
       children: [
-        n && /* @__PURE__ */ M(be, { children: [/* @__PURE__ */ a("button", {
+        n && !u && /* @__PURE__ */ F(ve, { children: [/* @__PURE__ */ a("button", {
           type: "button",
           onClick: () => p.current?.click(),
           disabled: t,
@@ -641,22 +714,23 @@ var it = `
           ref: p,
           type: "file",
           multiple: !0,
-          onChange: d,
+          onChange: A,
           style: { display: "none" }
         })] }),
         /* @__PURE__ */ a("textarea", {
-          ref: v,
+          ref: k,
           className: "ago-chat-input__field",
-          value: s,
-          onChange: (f) => {
-            i(f.target.value), S();
+          value: d,
+          onChange: (l) => {
+            f(l.target.value), R();
           },
-          onKeyDown: R,
+          onKeyDown: C,
           placeholder: o,
           "aria-label": o,
-          disabled: t,
+          disabled: t || u,
           rows: 1,
           style: {
+            display: u ? "none" : void 0,
             flex: 1,
             padding: "10px 14px",
             border: "1px solid #dee3e8",
@@ -673,14 +747,22 @@ var it = `
             backgroundColor: "#f8f8f8",
             transition: "border-color 0.15s"
           },
-          onFocus: (f) => {
-            f.currentTarget.style.borderColor = "#1b5fc4";
+          onFocus: (l) => {
+            l.currentTarget.style.borderColor = "#1b5fc4";
           },
-          onBlur: (f) => {
-            f.currentTarget.style.borderColor = "#dee3e8";
+          onBlur: (l) => {
+            l.currentTarget.style.borderColor = "#dee3e8";
           }
         }),
-        t && r ? /* @__PURE__ */ a("button", {
+        s && /* @__PURE__ */ a(pt, {
+          client: c,
+          disabled: t,
+          scopeKey: i,
+          labels: typeof s == "object" ? s.labels : void 0,
+          onTranscript: D,
+          onBusyChange: v
+        }),
+        !u && (t && r ? /* @__PURE__ */ a("button", {
           type: "button",
           onClick: r,
           "aria-label": "Stop generating",
@@ -699,25 +781,25 @@ var it = `
           children: "Stop"
         }) : /* @__PURE__ */ a("button", {
           type: "submit",
-          disabled: t || !x,
+          disabled: t || !h,
           style: {
             minHeight: "44px",
             padding: "10px 18px",
             border: "none",
             borderRadius: "20px",
-            backgroundColor: t || !x ? "#b5bfc8" : "#03182f",
+            backgroundColor: t || !h ? "#b5bfc8" : "#03182f",
             color: "#fff",
-            cursor: t || !x ? "not-allowed" : "pointer",
+            cursor: t || !h ? "not-allowed" : "pointer",
             fontWeight: 500,
             fontSize: "16px",
             transition: "background-color 0.15s"
           },
           children: "Send"
-        })
+        }))
       ]
     })]
   });
-}, ct = ({ href: e, children: r, ...t }) => /* @__PURE__ */ a("a", {
+}, gt = ({ href: e, children: r, ...t }) => /* @__PURE__ */ a("a", {
   href: e,
   target: "_blank",
   rel: "noopener noreferrer",
@@ -727,15 +809,15 @@ var it = `
   },
   ...t,
   children: r
-}), dt = ({ children: e, ...r }) => /* @__PURE__ */ a("p", {
+}), mt = ({ children: e, ...r }) => /* @__PURE__ */ a("p", {
   style: {
     margin: "0 0 8px 0",
     lineHeight: "1.6"
   },
   ...r,
   children: e
-}), j = (e, r) => {
-  const t = ({ children: o, ...n }) => $e.createElement(`h${e}`, {
+}), K = (e, r) => {
+  const t = ({ children: o, ...n }) => Ge.createElement(`h${e}`, {
     style: {
       margin: "16px 0 8px 0",
       fontSize: r,
@@ -745,7 +827,7 @@ var it = `
     ...n
   }, o);
   return t.displayName = `MarkdownHeading${e}`, t;
-}, ut = ({ children: e, ...r }) => /* @__PURE__ */ a("ul", {
+}, ht = ({ children: e, ...r }) => /* @__PURE__ */ a("ul", {
   style: {
     margin: "0 0 8px 0",
     paddingLeft: "20px",
@@ -754,7 +836,7 @@ var it = `
   },
   ...r,
   children: e
-}), pt = ({ children: e, ...r }) => /* @__PURE__ */ a("ol", {
+}), xt = ({ children: e, ...r }) => /* @__PURE__ */ a("ol", {
   style: {
     margin: "0 0 8px 0",
     paddingLeft: "20px",
@@ -763,7 +845,7 @@ var it = `
   },
   ...r,
   children: e
-}), ft = ({ children: e, ...r }) => /* @__PURE__ */ a("li", {
+}), bt = ({ children: e, ...r }) => /* @__PURE__ */ a("li", {
   style: {
     display: "list-item",
     margin: "2px 0",
@@ -771,7 +853,7 @@ var it = `
   },
   ...r,
   children: e
-}), gt = ({ className: e, children: r, ...t }) => e !== void 0 || String(r).includes(`
+}), yt = ({ className: e, children: r, ...t }) => e !== void 0 || String(r).includes(`
 `) ? /* @__PURE__ */ a("code", {
   style: {
     display: "block",
@@ -794,11 +876,11 @@ var it = `
   },
   ...t,
   children: r
-}), mt = ({ children: e, ...r }) => /* @__PURE__ */ a("pre", {
+}), vt = ({ children: e, ...r }) => /* @__PURE__ */ a("pre", {
   style: { margin: "0 0 8px 0" },
   ...r,
   children: e
-}), ht = ({ children: e, ...r }) => /* @__PURE__ */ a("blockquote", {
+}), wt = ({ children: e, ...r }) => /* @__PURE__ */ a("blockquote", {
   style: {
     borderLeft: "4px solid #dee3e8",
     paddingLeft: "12px",
@@ -808,7 +890,7 @@ var it = `
   },
   ...r,
   children: e
-}), xt = ({ children: e, ...r }) => /* @__PURE__ */ a("div", {
+}), kt = ({ children: e, ...r }) => /* @__PURE__ */ a("div", {
   style: {
     overflowX: "auto",
     margin: "0 0 8px 0"
@@ -822,7 +904,7 @@ var it = `
     ...r,
     children: e
   })
-}), bt = ({ children: e, ...r }) => /* @__PURE__ */ a("th", {
+}), Ct = ({ children: e, ...r }) => /* @__PURE__ */ a("th", {
   style: {
     border: "1px solid #dee3e8",
     padding: "6px 10px",
@@ -832,14 +914,14 @@ var it = `
   },
   ...r,
   children: e
-}), yt = ({ children: e, ...r }) => /* @__PURE__ */ a("td", {
+}), St = ({ children: e, ...r }) => /* @__PURE__ */ a("td", {
   style: {
     border: "1px solid #dee3e8",
     padding: "6px 10px"
   },
   ...r,
   children: e
-}), vt = ({ alt: e, ...r }) => /* @__PURE__ */ a("img", {
+}), At = ({ alt: e, ...r }) => /* @__PURE__ */ a("img", {
   alt: e ?? "",
   style: {
     maxWidth: "100%",
@@ -847,40 +929,40 @@ var it = `
     margin: "4px 0"
   },
   ...r
-}), wt = (e) => /* @__PURE__ */ a("hr", {
+}), Nt = (e) => /* @__PURE__ */ a("hr", {
   style: {
     border: "none",
     borderTop: "1px solid #dee3e8",
     margin: "12px 0"
   },
   ...e
-}), kt = {
-  a: ct,
-  p: dt,
-  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: ut,
-  ol: pt,
-  li: ft,
-  code: gt,
-  pre: mt,
-  blockquote: ht,
-  table: xt,
-  th: bt,
-  td: yt,
-  img: vt,
-  hr: wt
-}, Ct = [Ye], St = ({ content: e }) => /* @__PURE__ */ a(Ve, {
-  remarkPlugins: Ct,
-  components: kt,
+}), _t = {
+  a: gt,
+  p: mt,
+  h1: K(1, "20px"),
+  h2: K(2, "18px"),
+  h3: K(3, "16px"),
+  h4: K(4, "15px"),
+  h5: K(5, "14px"),
+  h6: K(6, "13px"),
+  ul: ht,
+  ol: xt,
+  li: bt,
+  code: yt,
+  pre: vt,
+  blockquote: wt,
+  table: kt,
+  th: Ct,
+  td: St,
+  img: At,
+  hr: Nt
+}, It = [et], Rt = ({ content: e }) => /* @__PURE__ */ a(Qe, {
+  remarkPlugins: It,
+  components: _t,
   children: e
-}), At = ({ attachment: e, isUser: r }) => {
-  const t = We(e.url);
-  if (Pe(e)) return /* @__PURE__ */ a("a", {
+}), Et = ({ attachment: e, isUser: r }) => {
+  const t = ze(e.url);
+  if (Be(e)) return /* @__PURE__ */ a("a", {
     href: t,
     target: "_blank",
     rel: "noopener noreferrer",
@@ -902,7 +984,7 @@ var it = `
       }
     })
   });
-  const o = Le(e.fileSize), n = /* @__PURE__ */ M(be, { children: [/* @__PURE__ */ a("span", {
+  const o = He(e.fileSize), n = /* @__PURE__ */ F(ve, { children: [/* @__PURE__ */ a("span", {
     style: {
       fontSize: "16px",
       lineHeight: 1,
@@ -910,7 +992,7 @@ var it = `
     },
     "aria-hidden": !0,
     children: "📄"
-  }), /* @__PURE__ */ M("span", {
+  }), /* @__PURE__ */ F("span", {
     style: {
       display: "flex",
       flexDirection: "column",
@@ -932,7 +1014,7 @@ var it = `
       },
       children: o
     })]
-  })] }), l = {
+  })] }), s = {
     display: "inline-flex",
     alignItems: "center",
     gap: "8px",
@@ -949,14 +1031,14 @@ var it = `
     href: t,
     target: "_blank",
     rel: "noopener noreferrer",
-    style: l,
+    style: s,
     children: n
   }) : /* @__PURE__ */ a("div", {
-    style: l,
+    style: s,
     children: n
   });
-}, It = ({ source: e, index: r }) => {
-  const t = /* @__PURE__ */ M("div", {
+}, Tt = ({ source: e, index: r }) => {
+  const t = /* @__PURE__ */ F("div", {
     style: {
       display: "flex",
       alignItems: "center",
@@ -1020,7 +1102,7 @@ var it = `
     style: o,
     children: t
   });
-}, ke = () => /* @__PURE__ */ M("div", {
+}, Se = () => /* @__PURE__ */ F("div", {
   style: {
     display: "flex",
     gap: "4px",
@@ -1044,9 +1126,9 @@ var it = `
         40% { opacity: 1; transform: scale(1); }
       }
     ` })]
-}), Nt = ({ message: e, className: r = "", showAgentName: t = !1, isLast: o = !1, onFollowUpClick: n, showStreamingDots: l = !0, feedback: s }) => {
-  const i = e.role === "user", u = e.status === "IN_PROGRESS" || e.status === "WAITING_CLIENT";
-  return /* @__PURE__ */ M("div", {
+}), Mt = ({ message: e, className: r = "", showAgentName: t = !1, isLast: o = !1, onFollowUpClick: n, showStreamingDots: s = !0, feedback: c }) => {
+  const i = e.role === "user", g = e.status === "IN_PROGRESS" || e.status === "WAITING_CLIENT";
+  return /* @__PURE__ */ F("div", {
     className: `ago-message ago-message--${e.role} ${r}`,
     style: {
       display: "flex",
@@ -1079,10 +1161,10 @@ var it = `
           width: "100%",
           maxWidth: "85%"
         },
-        children: e.sources.map((c, p) => /* @__PURE__ */ a(It, {
-          source: c,
-          index: p
-        }, c.id))
+        children: e.sources.map((d, f) => /* @__PURE__ */ a(Tt, {
+          source: d,
+          index: f
+        }, d.id))
       }),
       e.attachments && e.attachments.length > 0 && /* @__PURE__ */ a("div", {
         className: "ago-message__attachments",
@@ -1094,12 +1176,12 @@ var it = `
           justifyContent: i ? "flex-end" : "flex-start",
           maxWidth: "75%"
         },
-        children: e.attachments.map((c) => /* @__PURE__ */ a(At, {
-          attachment: c,
+        children: e.attachments.map((d) => /* @__PURE__ */ a(Et, {
+          attachment: d,
           isUser: i
-        }, c.id))
+        }, d.id))
       }),
-      (e.content || u && l) && /* @__PURE__ */ a("div", {
+      (e.content || g && s) && /* @__PURE__ */ a("div", {
         className: "ago-message__content",
         style: {
           maxWidth: i ? "75%" : "100%",
@@ -1111,9 +1193,9 @@ var it = `
           fontSize: "16px",
           lineHeight: "1.6"
         },
-        children: e.content ? /* @__PURE__ */ a(St, { content: e.content }) : u && l && /* @__PURE__ */ a(ke, {})
+        children: e.content ? /* @__PURE__ */ a(Rt, { content: e.content }) : g && s && /* @__PURE__ */ a(Se, {})
       }),
-      !i && s,
+      !i && c,
       o && e.followUpReplies && e.followUpReplies.length > 0 && /* @__PURE__ */ a("div", {
         className: "ago-message__followups",
         style: {
@@ -1122,11 +1204,11 @@ var it = `
           gap: "8px",
           marginTop: "10px"
         },
-        children: e.followUpReplies.map((c, p) => /* @__PURE__ */ a("button", {
+        children: e.followUpReplies.map((d, f) => /* @__PURE__ */ a("button", {
           type: "button",
           className: "ago-message__followup-btn",
           disabled: !n,
-          onClick: n ? () => n(c) : void 0,
+          onClick: n ? () => n(d) : void 0,
           style: {
             minHeight: "44px",
             padding: "6px 14px",
@@ -1138,63 +1220,63 @@ var it = `
             cursor: n ? "pointer" : "default",
             transition: "border-color 0.15s"
           },
-          onMouseEnter: (v) => {
-            v.currentTarget.style.borderColor = "#1b5fc4";
+          onMouseEnter: (x) => {
+            x.currentTarget.style.borderColor = "#1b5fc4";
           },
-          onMouseLeave: (v) => {
-            v.currentTarget.style.borderColor = "#dee3e8";
+          onMouseLeave: (x) => {
+            x.currentTarget.style.borderColor = "#dee3e8";
           },
-          children: c
-        }, p))
+          children: d
+        }, f))
       })
     ]
   });
 };
-function Rt({ client: e } = {}) {
+function Ft({ client: e } = {}) {
   const r = O(), t = e || r;
-  if (!t) throw new X("useFeedback requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.", "missing_client");
-  const [o, n] = T({}), [l, s] = T(!1), [i, u] = T(null), c = D(/* @__PURE__ */ new Map()), p = (S) => {
-    const g = (c.current.get(S) ?? 0) + 1;
-    return c.current.set(S, g), g;
-  }, v = (S, g) => c.current.get(S) === g;
+  if (!t) throw new Q("useFeedback requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.", "missing_client");
+  const [o, n] = M({}), [s, c] = M(!1), [i, g] = M(null), d = W(/* @__PURE__ */ new Map()), f = (m) => {
+    const u = (d.current.get(m) ?? 0) + 1;
+    return d.current.set(m, u), u;
+  }, x = (m, u) => d.current.get(m) === u;
   return {
     ratings: o,
-    submitFeedback: _(async (S, g, R) => {
-      const d = p(S);
-      s(!0), u(null);
+    submitFeedback: T(async (m, u, v) => {
+      const p = f(m);
+      c(!0), g(null);
       try {
-        await t.submitFeedback(S, g, R), v(S, d) && n((w) => ({
-          ...w,
-          [S]: g
+        await t.submitFeedback(m, u, v), x(m, p) && n((k) => ({
+          ...k,
+          [m]: u
         }));
-      } catch (w) {
-        const x = w instanceof Error ? w : /* @__PURE__ */ new Error("Failed to submit feedback");
-        throw u(x), x;
+      } catch (k) {
+        const b = k instanceof Error ? k : /* @__PURE__ */ new Error("Failed to submit feedback");
+        throw g(b), b;
       } finally {
-        s(!1);
+        c(!1);
       }
     }, [t]),
-    submitConversationFeedback: _(async (S, g, R) => {
-      const d = p(S);
-      s(!0), u(null);
+    submitConversationFeedback: T(async (m, u, v) => {
+      const p = f(m);
+      c(!0), g(null);
       try {
-        const w = await t.submitConversationFeedback(S, g, R);
-        return v(S, d) && n((x) => ({
-          ...x,
-          [w]: g
-        })), w;
-      } catch (w) {
-        const x = w instanceof Error ? w : /* @__PURE__ */ new Error("Failed to submit feedback");
-        throw u(x), x;
+        const k = await t.submitConversationFeedback(m, u, v);
+        return x(m, p) && n((b) => ({
+          ...b,
+          [k]: u
+        })), k;
+      } catch (k) {
+        const b = k instanceof Error ? k : /* @__PURE__ */ new Error("Failed to submit feedback");
+        throw g(b), b;
       } finally {
-        s(!1);
+        c(!1);
       }
     }, [t]),
-    isSubmitting: l,
+    isSubmitting: s,
     error: i
   };
 }
-var ue = {
+var fe = {
   helpful: "Helpful",
   notHelpful: "Not helpful",
   whatWentWrong: "What went wrong?",
@@ -1207,7 +1289,7 @@ var ue = {
   commentPlaceholder: "Anything else? (optional)",
   send: "Send",
   thanks: "Thanks, this was reported."
-}, _t = {
+}, Wt = {
   display: "inline-flex",
   alignItems: "center",
   justifyContent: "center",
@@ -1220,65 +1302,65 @@ var ue = {
   background: "transparent",
   cursor: "pointer",
   lineHeight: 1
-}, Et = ({ messageId: e, client: r, askWhy: t = !0, labels: o, onSubmit: n, onError: l, className: s = "" }) => {
+}, Dt = ({ messageId: e, client: r, askWhy: t = !0, labels: o, onSubmit: n, onError: s, className: c = "" }) => {
   const i = {
-    ...ue,
+    ...fe,
     ...o,
     reasons: {
-      ...ue.reasons,
+      ...fe.reasons,
       ...o?.reasons
     }
-  }, { ratings: u, submitFeedback: c } = Rt({ client: r }), p = u[e], [v, S] = T(!1), [g, R] = T([]), [d, w] = T(""), [x, f] = T(!1), [h, y] = T(!1), m = async (C, I) => {
+  }, { ratings: g, submitFeedback: d } = Ft({ client: r }), f = g[e], [x, m] = M(!1), [u, v] = M([]), [p, k] = M(""), [b, R] = M(!1), [_, y] = M(!1), C = async (l, S) => {
     try {
-      return await c(e, C, I), n?.({
+      return await d(e, l, S), n?.({
         messageId: e,
-        rating: C,
-        reasons: I?.reasons ?? [],
-        comment: I?.comment || void 0
+        rating: l,
+        reasons: S?.reasons ?? [],
+        comment: S?.comment || void 0
       }), !0;
-    } catch (L) {
-      return l?.(L instanceof Error ? L : new Error(String(L))), !1;
+    } catch (I) {
+      return s?.(I instanceof Error ? I : new Error(String(I))), !1;
     }
-  }, A = (C) => {
-    m(C), S(C === "negative" && t && !x);
-  }, N = (C) => {
-    R((I) => I.includes(C) ? I.filter((L) => L !== C) : [...I, C]);
-  }, k = g.length > 0 || d.trim().length > 0, F = () => {
-    !k || h || (y(!0), m(p ?? "negative", {
-      reasons: g,
-      comment: d.trim()
-    }).then((C) => {
-      y(!1), C && (f(!0), S(!1));
+  }, A = (l) => {
+    C(l), m(l === "negative" && t && !b);
+  }, N = (l) => {
+    v((S) => S.includes(l) ? S.filter((I) => I !== l) : [...S, l]);
+  }, h = u.length > 0 || p.trim().length > 0, D = () => {
+    !h || _ || (y(!0), C(f ?? "negative", {
+      reasons: u,
+      comment: p.trim()
+    }).then((l) => {
+      y(!1), l && (R(!0), m(!1));
     }));
   };
-  return /* @__PURE__ */ M("div", {
-    className: `ago-feedback ${s}`,
+  return /* @__PURE__ */ F("div", {
+    className: `ago-feedback ${c}`,
     style: {
       marginTop: "6px",
       width: "100%",
       maxWidth: "85%"
     },
     children: [
-      /* @__PURE__ */ M("div", {
+      /* @__PURE__ */ F("div", {
         className: "ago-feedback__actions",
         style: {
           display: "flex",
           alignItems: "center",
           gap: "2px"
         },
-        children: [/* @__PURE__ */ a(pe, {
+        children: [/* @__PURE__ */ a(ge, {
           direction: "up",
           label: i.helpful,
-          selected: p === "positive",
+          selected: f === "positive",
           onClick: () => A("positive")
-        }), /* @__PURE__ */ a(pe, {
+        }), /* @__PURE__ */ a(ge, {
           direction: "down",
           label: i.notHelpful,
-          selected: p === "negative",
+          selected: f === "negative",
           onClick: () => A("negative")
         })]
       }),
-      x && /* @__PURE__ */ a("div", {
+      b && /* @__PURE__ */ a("div", {
         className: "ago-feedback__thanks",
         role: "status",
         style: {
@@ -1288,7 +1370,7 @@ var ue = {
         },
         children: i.thanks
       }),
-      v && !x && /* @__PURE__ */ M("div", {
+      x && !b && /* @__PURE__ */ F("div", {
         className: "ago-feedback__panel",
         role: "group",
         "aria-label": i.whatWentWrong,
@@ -1317,35 +1399,35 @@ var ue = {
               gap: "6px",
               marginBottom: "8px"
             },
-            children: He.map((C) => {
-              const I = g.includes(C);
+            children: Oe.map((l) => {
+              const S = u.includes(l);
               return /* @__PURE__ */ a("button", {
                 type: "button",
                 className: "ago-feedback__reason",
-                "aria-pressed": I,
-                onClick: () => N(C),
+                "aria-pressed": S,
+                onClick: () => N(l),
                 style: {
                   minHeight: "44px",
                   padding: "4px 12px",
                   fontSize: "13px",
                   fontFamily: "inherit",
                   borderRadius: "999px",
-                  border: `1px solid ${I ? "#1b5fc4" : "#dee3e8"}`,
+                  border: `1px solid ${S ? "#1b5fc4" : "#dee3e8"}`,
                   backgroundColor: "transparent",
-                  color: I ? "#1b5fc4" : "#30373e",
+                  color: S ? "#1b5fc4" : "#30373e",
                   cursor: "pointer"
                 },
-                children: i.reasons[C]
-              }, C);
+                children: i.reasons[l]
+              }, l);
             })
           }),
           /* @__PURE__ */ a("textarea", {
             className: "ago-feedback__comment",
             rows: 2,
-            value: d,
+            value: p,
             placeholder: i.commentPlaceholder,
             "aria-label": i.commentPlaceholder,
-            onChange: (C) => w(C.target.value),
+            onChange: (l) => k(l.target.value),
             style: {
               width: "100%",
               boxSizing: "border-box",
@@ -1362,8 +1444,8 @@ var ue = {
           /* @__PURE__ */ a("button", {
             type: "button",
             className: "ago-feedback__send",
-            onClick: F,
-            disabled: !k || h,
+            onClick: D,
+            disabled: !h || _,
             style: {
               marginTop: "8px",
               minHeight: "44px",
@@ -1372,10 +1454,10 @@ var ue = {
               fontFamily: "inherit",
               borderRadius: "10px",
               border: "none",
-              backgroundColor: k ? "#03182f" : "#b5bfc8",
+              backgroundColor: h ? "#03182f" : "#b5bfc8",
               color: "#fff",
-              opacity: h ? 0.6 : 1,
-              cursor: k && !h ? "pointer" : "default"
+              opacity: _ ? 0.6 : 1,
+              cursor: h && !_ ? "pointer" : "default"
             },
             children: i.send
           })
@@ -1383,7 +1465,7 @@ var ue = {
       })
     ]
   });
-}, pe = ({ direction: e, label: r, selected: t, onClick: o }) => /* @__PURE__ */ a("button", {
+}, ge = ({ direction: e, label: r, selected: t, onClick: o }) => /* @__PURE__ */ a("button", {
   type: "button",
   className: `ago-feedback__thumb ago-feedback__thumb--${e}`,
   "aria-label": r,
@@ -1391,10 +1473,10 @@ var ue = {
   title: r,
   onClick: o,
   style: {
-    ..._t,
+    ...Wt,
     color: t ? "#1b5fc4" : "#6b6d6f"
   },
-  children: /* @__PURE__ */ M("svg", {
+  children: /* @__PURE__ */ F("svg", {
     width: "16",
     height: "16",
     viewBox: "0 0 24 24",
@@ -1413,110 +1495,110 @@ var ue = {
       strokeLinejoin: "round"
     })]
   })
-}), Gt = Ue(function({ client: r, conversationId: t, title: o = "Chat", welcomeMessage: n = "Hello! How can I help you today?", placeholder: l = "Type a message...", allowFiles: s = !1, allowStop: i = !0, height: u = 500, logoUrl: c, showAgentName: p = !1, forms: v, feedback: S = !1, onFollowUpClick: g, className: R = "", onMessageSent: d, onMessageReceived: w, sheet: x = !1, thinkingLabel: f = "Thinking...", functionLabels: h, showReasoning: y = !0 }, m) {
-  const A = D(null), N = D(!0), [k, F] = T(!0), C = D(null), { sheet: I, expand: L, collapse: K, toggle: te } = ot(x), [Ce, Z] = T(!1), Q = I.compact && I.state === "peek", Se = O(), U = r ?? Se, { messages: P, isLoading: Ae, error: ne, sendMessage: Ie, stop: Ne } = ve({
+}), en = Ve(function({ client: r, conversationId: t, title: o = "Chat", welcomeMessage: n = "Hello! How can I help you today?", placeholder: s = "Type a message...", allowFiles: c = !1, speechToText: i = !1, allowStop: g = !0, height: d = 500, logoUrl: f, showAgentName: x = !1, forms: m, feedback: u = !1, onFollowUpClick: v, className: p = "", onMessageSent: k, onMessageReceived: b, sheet: R = !1, thinkingLabel: _ = "Thinking...", functionLabels: y, showReasoning: C = !0 }, A) {
+  const N = W(null), h = W(!0), [D, l] = M(!0), S = W(null), { sheet: I, expand: B, collapse: G, toggle: re } = lt(R), [Ae, ee] = M(!1), te = I.compact && I.state === "peek", Ne = O(), q = r ?? Ne, { messages: P, isLoading: _e, error: oe, sendMessage: Ie, stop: Re } = ke({
     client: r,
     conversationId: t
   });
   E(() => {
-    if (!U || !v || v.length === 0) return;
-    let b = !1;
-    const z = [];
-    return Promise.all(v.map((W) => W.schema != null ? Promise.resolve(me(W)) : ge(U, W))).then((W) => {
-      if (!b)
-        for (const H of W) z.push(H.install(U));
+    if (!q || !m || m.length === 0) return;
+    let w = !1;
+    const L = [];
+    return Promise.all(m.map((z) => z.schema != null ? Promise.resolve(xe(z)) : he(q, z))).then((z) => {
+      if (!w)
+        for (const H of z) L.push(H.install(q));
     }).catch(() => {
     }), () => {
-      b = !0, z.forEach((W) => W());
+      w = !0, L.forEach((z) => z());
     };
-  }, [U, v ? JSON.stringify(v.map((b) => [
-    b.name,
-    b.schema ?? null,
-    b.submit ?? !1,
-    b.description ?? null
+  }, [q, m ? JSON.stringify(m.map((w) => [
+    w.name,
+    w.schema ?? null,
+    w.submit ?? !1,
+    w.description ?? null
   ])) : ""]), E(() => {
-    const b = A.current;
-    !b || !N.current || (b.scrollTop = b.scrollHeight);
+    const w = N.current;
+    !w || !h.current || (w.scrollTop = w.scrollHeight);
   }, [P]);
-  const Re = () => {
-    const b = A.current;
-    b && (N.current = !0, F(!0), b.scrollTop = b.scrollHeight);
+  const Ee = () => {
+    const w = N.current;
+    w && (h.current = !0, l(!0), w.scrollTop = w.scrollHeight);
   };
   E(() => {
-    const b = P[P.length - 1];
-    b && b.role === "assistant" && b.status === "DONE" && w && w({
-      id: b.id,
-      content: b.content
+    const w = P[P.length - 1];
+    w && w.role === "assistant" && w.status === "DONE" && b && b({
+      id: w.id,
+      content: w.content
     });
-  }, [P, w]), E(() => {
-    Z(!!Q);
+  }, [P, b]), E(() => {
+    ee(!!te);
   }, [P.length]), E(() => {
-    const b = C.current;
-    if (!I.compact || !b) return;
-    const z = document.documentElement;
+    const w = S.current;
+    if (!I.compact || !w) return;
+    const L = document.documentElement;
     if (I.state !== "peek") return;
-    const W = () => {
-      z.style.setProperty("--ago-sheet-height", `${Math.round(b.getBoundingClientRect().height)}px`);
+    const z = () => {
+      L.style.setProperty("--ago-sheet-height", `${Math.round(w.getBoundingClientRect().height)}px`);
     };
-    W();
-    const H = typeof ResizeObserver == "function" ? new ResizeObserver(W) : null;
-    return H?.observe(b), () => H?.disconnect();
+    z();
+    const H = typeof ResizeObserver == "function" ? new ResizeObserver(z) : null;
+    return H?.observe(w), () => H?.disconnect();
   }, [I.compact, I.state]), E(() => {
     I.compact || document.documentElement.style.removeProperty("--ago-sheet-height");
   }, [I.compact]), E(() => () => {
     document.documentElement.style.removeProperty("--ago-sheet-height");
-  }, []), Je(m, () => ({
-    expand: L,
-    collapse: K,
-    toggle: te,
+  }, []), Ye(A, () => ({
+    expand: B,
+    collapse: G,
+    toggle: re,
     state: I.state
   }), [
-    L,
-    K,
-    te,
+    B,
+    G,
+    re,
     I.state
   ]), E(() => {
     if (!I.isModal) return;
-    const b = /* @__PURE__ */ Symbol("ago-react-sheet");
-    qe(b);
-    const z = (W) => {
-      if (W.key === "Escape") {
-        K("user");
+    const w = /* @__PURE__ */ Symbol("ago-react-sheet");
+    Ue(w);
+    const L = (z) => {
+      if (z.key === "Escape") {
+        G("user");
         return;
       }
-      if (W.key !== "Tab") return;
-      const H = C.current;
+      if (z.key !== "Tab") return;
+      const H = S.current;
       if (!H) return;
-      const V = Array.from(H.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter((Me) => Me.getClientRects().length > 0);
-      if (V.length === 0) {
-        W.preventDefault();
+      const Y = Array.from(H.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter((We) => We.getClientRects().length > 0);
+      if (Y.length === 0) {
+        z.preventDefault();
         return;
       }
-      const ie = V[0], se = V[V.length - 1], Y = document.activeElement;
-      W.shiftKey && (Y === ie || !H.contains(Y)) ? (W.preventDefault(), se.focus()) : !W.shiftKey && (Y === se || !H.contains(Y)) && (W.preventDefault(), ie.focus());
+      const le = Y[0], ce = Y[Y.length - 1], Z = document.activeElement;
+      z.shiftKey && (Z === le || !H.contains(Z)) ? (z.preventDefault(), ce.focus()) : !z.shiftKey && (Z === ce || !H.contains(Z)) && (z.preventDefault(), le.focus());
     };
-    return document.addEventListener("keydown", z), C.current?.focus({ preventScroll: !0 }), () => {
-      document.removeEventListener("keydown", z), Oe(b);
+    return document.addEventListener("keydown", L), S.current?.focus({ preventScroll: !0 }), () => {
+      document.removeEventListener("keydown", L), qe(w);
     };
-  }, [I.isModal, K]);
-  const re = async (b, z) => (N.current = !0, F(!0), d?.(b), await Ie(b, z) !== null), q = P[P.length - 1], J = Ae && q?.role === "assistant" && (q.status === "IN_PROGRESS" || q.status === "WAITING_CLIENT"), _e = _((b) => {
-    const z = b.functionName;
-    if (!(!h || !z))
-      return typeof h == "function" ? h(z, b.arguments ?? {}) : h[z];
-  }, [h]), { items: Ee } = tt({
-    client: U ?? void 0,
-    labelFor: _e,
-    includeReasoning: y
-  }), oe = Ee.filter((b) => q?.id !== void 0 && b.messageId === q.id), G = h === !1 ? void 0 : oe[oe.length - 1]?.label, ae = !!(J && G), Te = g === !1 ? void 0 : g ?? ((b) => re(b));
-  return /* @__PURE__ */ M("div", {
-    ref: C,
-    className: `ago-chat-widget ${R}`,
+  }, [I.isModal, G]);
+  const ae = async (w, L) => (h.current = !0, l(!0), k?.(w), await Ie(w, L) !== null), j = P[P.length - 1], X = _e && j?.role === "assistant" && (j.status === "IN_PROGRESS" || j.status === "WAITING_CLIENT"), Te = T((w) => {
+    const L = w.functionName;
+    if (!(!y || !L))
+      return typeof y == "function" ? y(L, w.arguments ?? {}) : y[L];
+  }, [y]), { items: Me } = at({
+    client: q ?? void 0,
+    labelFor: Te,
+    includeReasoning: C
+  }), ie = Me.filter((w) => j?.id !== void 0 && w.messageId === j.id), J = y === !1 ? void 0 : ie[ie.length - 1]?.label, se = !!(X && J), Fe = v === !1 ? void 0 : v ?? ((w) => ae(w));
+  return /* @__PURE__ */ F("div", {
+    ref: S,
+    className: `ago-chat-widget ${p}`,
     ...I.surface.attrs,
     "data-ago-sheet-state": I.compact ? I.state : void 0,
     style: {
       display: "flex",
       flexDirection: "column",
-      height: typeof u == "number" ? `${u}px` : u,
+      height: typeof d == "number" ? `${d}px` : d,
       border: "1px solid #dee3e8",
       borderRadius: "16px",
       overflow: "hidden",
@@ -1527,7 +1609,7 @@ var ue = {
       ...I.surface.style
     },
     children: [
-      !I.compact && /* @__PURE__ */ M("div", {
+      !I.compact && /* @__PURE__ */ F("div", {
         className: "ago-chat-widget__header",
         style: {
           padding: "14px 16px",
@@ -1538,8 +1620,8 @@ var ue = {
           alignItems: "center",
           gap: "10px"
         },
-        children: [c && /* @__PURE__ */ a("img", {
-          src: c,
+        children: [f && /* @__PURE__ */ a("img", {
+          src: f,
           alt: "Logo",
           style: {
             height: "24px",
@@ -1554,13 +1636,13 @@ var ue = {
           children: o
         })]
       }),
-      Q && /* @__PURE__ */ M("button", {
+      te && /* @__PURE__ */ F("button", {
         type: "button",
         className: "ago-chat-widget__peek",
         "aria-expanded": !1,
         "aria-label": "Open the conversation",
         onClick: () => {
-          Z(!1), L("user");
+          ee(!1), B("user");
         },
         style: {
           display: "flex",
@@ -1577,7 +1659,7 @@ var ue = {
           font: "inherit",
           color: "inherit"
         },
-        children: [/* @__PURE__ */ M("span", {
+        children: [/* @__PURE__ */ F("span", {
           style: {
             display: "flex",
             alignItems: "center",
@@ -1591,7 +1673,7 @@ var ue = {
           },
           children: [
             o,
-            Ce && /* @__PURE__ */ a("span", {
+            Ae && /* @__PURE__ */ a("span", {
               "aria-label": "New message",
               style: {
                 width: "6px",
@@ -1609,13 +1691,13 @@ var ue = {
               children: "↑"
             })
           ]
-        }), J && !q?.content ? /* @__PURE__ */ M("span", {
+        }), X && !j?.content ? /* @__PURE__ */ F("span", {
           style: {
             display: "flex",
             alignItems: "center",
             gap: "8px"
           },
-          children: [!G && /* @__PURE__ */ a(ke, {}), /* @__PURE__ */ a("span", {
+          children: [!J && /* @__PURE__ */ a(Se, {}), /* @__PURE__ */ a("span", {
             style: {
               fontSize: "13px",
               opacity: 0.7,
@@ -1623,7 +1705,7 @@ var ue = {
               textOverflow: "ellipsis",
               whiteSpace: "nowrap"
             },
-            children: G ? we(G) : f
+            children: J ? Ce(J) : _
           })]
         }) : /* @__PURE__ */ a("span", {
           style: {
@@ -1636,10 +1718,10 @@ var ue = {
             color: "inherit",
             minHeight: "calc(2 * 1.5 * 13px)"
           },
-          children: q?.content || n
+          children: j?.content || n
         })]
       }),
-      I.compact && I.state === "full" && /* @__PURE__ */ M("div", {
+      I.compact && I.state === "full" && /* @__PURE__ */ F("div", {
         className: "ago-chat-widget__sheet-header",
         style: {
           display: "flex",
@@ -1665,7 +1747,7 @@ var ue = {
         }), /* @__PURE__ */ a("button", {
           type: "button",
           "aria-label": "Collapse the conversation",
-          onClick: () => K("user"),
+          onClick: () => G("user"),
           style: {
             marginLeft: "auto",
             flexShrink: 0,
@@ -1693,25 +1775,25 @@ var ue = {
           })
         })]
       }),
-      /* @__PURE__ */ M("div", {
+      /* @__PURE__ */ F("div", {
         style: {
           position: "relative",
           flex: 1,
-          display: Q ? "none" : "flex",
+          display: te ? "none" : "flex",
           minHeight: 0
         },
-        children: [/* @__PURE__ */ M("div", {
-          ref: A,
+        children: [/* @__PURE__ */ F("div", {
+          ref: N,
           className: "ago-chat-widget__messages",
-          onScroll: (b) => {
-            const z = b.currentTarget, W = z.scrollHeight - z.scrollTop - z.clientHeight <= 48;
-            N.current = W, F(W);
+          onScroll: (w) => {
+            const L = w.currentTarget, z = L.scrollHeight - L.scrollTop - L.clientHeight <= 48;
+            h.current = z, l(z);
           },
           role: "log",
           "aria-live": "polite",
           "aria-relevant": "additions text",
           "aria-atomic": !1,
-          "aria-busy": J,
+          "aria-busy": X,
           style: {
             flex: 1,
             overflow: "auto",
@@ -1729,20 +1811,20 @@ var ue = {
                 lineHeight: "1.5"
               },
               children: n
-            }) : P.map((b, z) => /* @__PURE__ */ a(Nt, {
-              message: b,
-              showAgentName: p,
-              isLast: z === P.length - 1,
-              onFollowUpClick: Te,
-              showStreamingDots: !ae,
-              feedback: S && b.role === "assistant" && b.status === "DONE" && b.content ? /* @__PURE__ */ a(Et, {
-                messageId: b.id,
+            }) : P.map((w, L) => /* @__PURE__ */ a(Mt, {
+              message: w,
+              showAgentName: x,
+              isLast: L === P.length - 1,
+              onFollowUpClick: Fe,
+              showStreamingDots: !se,
+              feedback: u && w.role === "assistant" && w.status === "DONE" && w.content ? /* @__PURE__ */ a(Dt, {
+                messageId: w.id,
                 client: r,
-                ...S === !0 ? {} : S
+                ...u === !0 ? {} : u
               }) : void 0
-            }, b.id)),
-            ae && /* @__PURE__ */ a(st, { label: G ?? "" }),
-            ne && /* @__PURE__ */ a("div", {
+            }, w.id)),
+            se && /* @__PURE__ */ a(ut, { label: J ?? "" }),
+            oe && /* @__PURE__ */ a("div", {
               role: "alert",
               style: {
                 padding: "10px 14px",
@@ -1753,15 +1835,15 @@ var ue = {
                 fontSize: "13px",
                 border: "1px solid #fecaca"
               },
-              children: ne.message
+              children: oe.message
             }),
             /* @__PURE__ */ a("div", {})
           ]
-        }), !k && /* @__PURE__ */ a("button", {
+        }), !D && /* @__PURE__ */ a("button", {
           type: "button",
           className: "ago-chat-widget__jump",
           "aria-label": "Jump to latest message",
-          onClick: Re,
+          onClick: Ee,
           style: {
             position: "absolute",
             left: "50%",
@@ -1794,62 +1876,65 @@ var ue = {
           })
         })]
       }),
-      /* @__PURE__ */ a(lt, {
-        onSend: re,
-        onStop: i ? () => {
-          Ne();
+      /* @__PURE__ */ a(ft, {
+        onSend: ae,
+        onStop: g ? () => {
+          Re();
         } : void 0,
-        disabled: J,
-        placeholder: l,
-        allowFiles: s
+        disabled: X,
+        placeholder: s,
+        allowFiles: c,
+        speechToText: i,
+        client: q ?? void 0,
+        scopeKey: `${t ?? P[0]?.conversationId ?? ""}:${I.state}`
       })
     ]
   });
 });
-function Tt(e = {}) {
+function zt(e = {}) {
   const r = O(), t = e.client ?? r;
-  if (!t) throw new X("useProactiveNudge: no AgoClient. Pass one via options.client or wrap your tree with <AgoProvider>.", "proactive_missing_client");
-  const [o, n] = T(null), l = D(o);
-  l.current = o;
-  const s = D(e.onExpand);
-  return s.current = e.onExpand, E(() => {
-    const i = (c) => {
-      n(c), t.proactive?.shown(c);
-    }, u = ({ nudge: c }) => {
-      n((p) => p?.id === c.id ? null : p);
+  if (!t) throw new Q("useProactiveNudge: no AgoClient. Pass one via options.client or wrap your tree with <AgoProvider>.", "proactive_missing_client");
+  const [o, n] = M(null), s = W(o);
+  s.current = o;
+  const c = W(e.onExpand);
+  return c.current = e.onExpand, E(() => {
+    const i = (d) => {
+      n(d), t.proactive?.shown(d);
+    }, g = ({ nudge: d }) => {
+      n((f) => f?.id === d.id ? null : f);
     };
-    return t.on("nudge:ready", i), t.on("nudge:accepted", u), t.on("nudge:dismissed", u), () => {
-      t.off("nudge:ready", i), t.off("nudge:accepted", u), t.off("nudge:dismissed", u);
+    return t.on("nudge:ready", i), t.on("nudge:accepted", g), t.on("nudge:dismissed", g), () => {
+      t.off("nudge:ready", i), t.off("nudge:accepted", g), t.off("nudge:dismissed", g);
     };
   }, [t]), {
     nudge: o,
-    accept: _(async () => {
-      const i = l.current;
-      i && (n(null), await t.proactive?.accept(i), (i.source === "agent" || i.goal) && s.current?.(i));
+    accept: T(async () => {
+      const i = s.current;
+      i && (n(null), await t.proactive?.accept(i), (i.source === "agent" || i.goal) && c.current?.(i));
     }, [t]),
-    dismiss: _(() => {
-      const i = l.current;
+    dismiss: T(() => {
+      const i = s.current;
       i && (n(null), t.proactive?.dismiss(i));
     }, [t])
   };
 }
-var Jt = ({ client: e, onExpand: r, autoHideMs: t, position: o = "bottom-right", openChatLabel: n = "Open chat", className: l = "" }) => {
-  const { nudge: s, accept: i, dismiss: u } = Tt({
+var tn = ({ client: e, onExpand: r, autoHideMs: t, position: o = "bottom-right", openChatLabel: n = "Open chat", className: s = "" }) => {
+  const { nudge: c, accept: i, dismiss: g } = zt({
     client: e,
     onExpand: r
   });
   if (E(() => {
-    if (!s || !t) return;
-    const p = setTimeout(() => u(), t);
-    return () => clearTimeout(p);
+    if (!c || !t) return;
+    const f = setTimeout(() => g(), t);
+    return () => clearTimeout(f);
   }, [
-    s,
+    c,
     t,
-    u
-  ]), !s) return null;
-  const c = s.source === "agent" || !!s.goal;
-  return /* @__PURE__ */ M("div", {
-    className: `ago-nudge ${l}`,
+    g
+  ]), !c) return null;
+  const d = c.source === "agent" || !!c.goal;
+  return /* @__PURE__ */ F("div", {
+    className: `ago-nudge ${s}`,
     role: "status",
     "aria-live": "polite",
     style: {
@@ -1874,7 +1959,7 @@ var Jt = ({ client: e, onExpand: r, autoHideMs: t, position: o = "bottom-right",
         type: "button",
         className: "ago-nudge__close",
         "aria-label": "Dismiss",
-        onClick: u,
+        onClick: g,
         style: {
           position: "absolute",
           top: "6px",
@@ -1892,9 +1977,9 @@ var Jt = ({ client: e, onExpand: r, autoHideMs: t, position: o = "bottom-right",
       /* @__PURE__ */ a("div", {
         className: "ago-nudge__message",
         style: { paddingRight: "16px" },
-        children: s.message
+        children: c.message
       }),
-      (s.action || c) && /* @__PURE__ */ M("div", {
+      (c.action || d) && /* @__PURE__ */ F("div", {
         className: "ago-nudge__actions",
         style: {
           display: "flex",
@@ -1902,7 +1987,7 @@ var Jt = ({ client: e, onExpand: r, autoHideMs: t, position: o = "bottom-right",
           marginTop: "10px",
           flexWrap: "wrap"
         },
-        children: [s.action && /* @__PURE__ */ a("button", {
+        children: [c.action && /* @__PURE__ */ a("button", {
           type: "button",
           className: "ago-nudge__action",
           onClick: () => {
@@ -1918,8 +2003,8 @@ var Jt = ({ client: e, onExpand: r, autoHideMs: t, position: o = "bottom-right",
             fontWeight: 600,
             cursor: "pointer"
           },
-          children: s.action.label
-        }), c && /* @__PURE__ */ a("button", {
+          children: c.action.label
+        }), d && /* @__PURE__ */ a("button", {
           type: "button",
           className: "ago-nudge__expand",
           onClick: () => {
@@ -1941,50 +2026,50 @@ var Jt = ({ client: e, onExpand: r, autoHideMs: t, position: o = "bottom-right",
     ]
   });
 };
-function Mt({ client: e, autoLoad: r = !0 } = {}) {
+function Lt({ client: e, autoLoad: r = !0 } = {}) {
   const t = O(), o = e || t;
   if (!o) throw new Error("useConversation requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.");
-  const [n, l] = T([]), [s, i] = T(null), [u, c] = T(!1), [p, v] = T(null), S = _(async () => {
-    c(!0), v(null);
+  const [n, s] = M([]), [c, i] = M(null), [g, d] = M(!1), [f, x] = M(null), m = T(async () => {
+    d(!0), x(null);
     try {
-      const { data: d } = await o.getConversations();
-      l(d);
-    } catch (d) {
-      v(d instanceof Error ? d : /* @__PURE__ */ new Error("Failed to load conversations"));
+      const { data: p } = await o.getConversations();
+      s(p);
+    } catch (p) {
+      x(p instanceof Error ? p : /* @__PURE__ */ new Error("Failed to load conversations"));
     } finally {
-      c(!1);
+      d(!1);
     }
-  }, [o]), g = _(async (d) => {
-    c(!0), v(null);
+  }, [o]), u = T(async (p) => {
+    d(!0), x(null);
     try {
-      i(await o.getConversation(d));
-    } catch (w) {
-      v(w instanceof Error ? w : /* @__PURE__ */ new Error("Failed to load conversation"));
+      i(await o.getConversation(p));
+    } catch (k) {
+      x(k instanceof Error ? k : /* @__PURE__ */ new Error("Failed to load conversation"));
     } finally {
-      c(!1);
+      d(!1);
     }
-  }, [o]), R = _(() => {
+  }, [o]), v = T(() => {
     i(null);
   }, []);
   return E(() => {
-    r && S();
-  }, [r, S]), {
+    r && m();
+  }, [r, m]), {
     conversations: n,
-    currentConversation: s,
-    isLoading: u,
-    error: p,
-    selectConversation: g,
-    startNewConversation: R,
-    refreshConversations: S
+    currentConversation: c,
+    isLoading: g,
+    error: f,
+    selectConversation: u,
+    startNewConversation: v,
+    refreshConversations: m
   };
 }
-function Vt(e = {}) {
+function nn(e = {}) {
   const r = O(), 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 = ve({
+  const o = ke({
     client: t,
     conversationId: e.conversationId
-  }), n = Mt({
+  }), n = Lt({
     client: t,
     autoLoad: e.autoLoad
   });
@@ -2004,18 +2089,19 @@ function Vt(e = {}) {
     refreshConversations: n.refreshConversations
   };
 }
-function Yt(e, r) {
-  const t = $(), { name: o, description: n, parameters: l, handler: s, maxResultBytes: i, requiresApproval: u } = typeof e == "string" ? {
+function rn(e, r) {
+  const t = U(), { name: o, description: n, parameters: s, handler: c, maxResultBytes: i, requiresApproval: g, webmcp: d } = typeof e == "string" ? {
     name: e,
     ...r
-  } : e, c = D(s);
-  c.current = s, E(() => {
-    const p = (v) => c.current(v);
-    return t.registerFunction(o, p, {
+  } : e, f = W(c);
+  f.current = c, E(() => {
+    const x = (m) => f.current(m);
+    return t.registerFunction(o, x, {
       description: n,
-      parameters: l,
+      parameters: s,
       maxResultBytes: i,
-      requiresApproval: u
+      requiresApproval: g,
+      webmcp: d
     }), () => {
       t.unregisterFunction(o);
     };
@@ -2023,43 +2109,44 @@ function Yt(e, r) {
     t,
     o,
     n,
-    l,
+    s,
     i,
-    u
+    g,
+    JSON.stringify(d ?? null)
   ]);
 }
-function Xt(e, r) {
-  const t = $(), o = D(e);
+function on(e, r) {
+  const t = U(), o = W(e);
   o.current = e, E(() => (t.registerNavigationFunction((n) => o.current(n), r), () => {
     t.unregisterNavigationFunction();
   }), [t, r]);
 }
-function Zt(e, r) {
-  const t = $(), o = r?.functionName ?? "setPageState", n = r?.requiresApproval, l = r?.data !== void 0, s = r?.data?.description, i = r?.data?.maxResultBytes, u = r?.settleTimeoutMs, c = D(e);
-  c.current = e;
-  const p = D(r);
-  p.current = r, E(() => {
-    const v = c.current.map((g) => {
-      const R = () => c.current.find((d) => d.name === g.name) ?? g;
+function an(e, r) {
+  const t = U(), o = r?.functionName ?? "setPageState", n = r?.requiresApproval, s = r?.data !== void 0, c = r?.data?.description, i = r?.data?.maxResultBytes, g = r?.settleTimeoutMs, d = W(e);
+  d.current = e;
+  const f = W(r);
+  f.current = r, E(() => {
+    const x = d.current.map((u) => {
+      const v = () => d.current.find((p) => p.name === u.name) ?? u;
       return {
-        name: g.name,
-        description: g.description,
-        schema: g.schema,
-        clearable: g.clearable,
-        get: g.get ? () => R().get?.() : void 0,
-        set: (d) => R().set(d)
+        name: u.name,
+        description: u.description,
+        schema: u.schema,
+        clearable: u.clearable,
+        get: u.get ? () => v().get?.() : void 0,
+        set: (p) => v().set(p)
       };
-    }), S = l ? {
-      description: s ?? "What the page is currently showing.",
+    }), m = s ? {
+      description: c ?? "What the page is currently showing.",
       maxResultBytes: i,
-      get: () => p.current?.data?.get(),
-      isLoading: () => p.current?.data?.isLoading?.() ?? !1
+      get: () => f.current?.data?.get(),
+      isLoading: () => f.current?.data?.isLoading?.() ?? !1
     } : void 0;
-    return t.registerPageStateFunction(v, {
+    return t.registerPageStateFunction(x, {
       functionName: o,
       requiresApproval: n,
-      data: S,
-      settleTimeoutMs: u
+      data: m,
+      settleTimeoutMs: g
     }), () => {
       t.unregisterPageStateFunction(o);
     };
@@ -2067,126 +2154,126 @@ function Zt(e, r) {
     t,
     o,
     n,
-    l,
     s,
+    c,
     i,
-    u,
-    JSON.stringify(e.map((v) => ({
-      name: v.name,
-      description: v.description,
-      schema: v.schema,
-      clearable: v.clearable
+    g,
+    JSON.stringify(e.map((x) => ({
+      name: x.name,
+      description: x.description,
+      schema: x.schema,
+      clearable: x.clearable
     })))
   ]);
 }
-function Qt(e) {
-  const r = $(), t = D(e);
-  t.current = e, E(() => Be(r, () => t.current), [r]);
+function sn(e) {
+  const r = U(), t = W(e);
+  t.current = e, E(() => $e(r, () => t.current), [r]);
 }
-function en(e = {}) {
+function ln(e = {}) {
   const r = O(), t = e.client || r;
-  if (!t) throw new X("useAgoActivityLog requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.", "provider_missing_client");
-  const [o, n] = T(() => t.getRecentActivity());
+  if (!t) throw new Q("useAgoActivityLog requires an AgoClient. Either pass it as options.client or wrap your app in <AgoProvider>.", "provider_missing_client");
+  const [o, n] = M(() => t.getRecentActivity());
   E(() => {
     n(t.getRecentActivity());
     const i = () => n(t.getRecentActivity());
     return t.on("activity:recorded", i), () => t.off("activity:recorded", i);
   }, [t]);
-  const l = _((i) => t.recordActivity(i), [t]), s = _(() => {
+  const s = T((i) => t.recordActivity(i), [t]), c = T(() => {
     t.clearActivity(), n([]);
   }, [t]);
   return {
     entries: o,
     latest: o.length > 0 ? o[o.length - 1] : void 0,
-    record: l,
-    clear: s
+    record: s,
+    clear: c
   };
 }
-function tn(e, r) {
-  const t = $(), o = Ge(), n = r ?? o, l = D(e);
-  l.current = e;
-  const s = typeof e == "function";
+function cn(e, r) {
+  const t = U(), o = Xe(), n = r ?? o, s = W(e);
+  s.current = e;
+  const c = typeof e == "function";
   E(() => {
-    if (typeof l.current == "function") {
-      const i = () => l.current();
+    if (typeof s.current == "function") {
+      const i = () => s.current();
       return t.addDynamicContext(n, i), () => {
         t.removeDynamicContext(n);
       };
     }
-    return t.setContext(n, l.current), () => {
+    return t.setContext(n, s.current), () => {
       t.removeContext(n);
     };
   }, [
     t,
     n,
-    s,
-    s ? "" : JSON.stringify(e)
+    c,
+    c ? "" : JSON.stringify(e)
   ]);
 }
-function Ft(e) {
-  return xe(e.subscribe, e.get, e.get);
+function Pt(e) {
+  return ye(e.subscribe, e.get, e.get);
 }
-var fe = {
+var me = {
   missing: [],
   complete: !1
 };
-function nn(e) {
-  const r = $(), t = e.schema != null, o = JSON.stringify(e.schema ?? null), n = e.submit, l = n ? typeof n == "string" ? `client:${n}` : n.via === "backend" ? "backend" : "handler" in n ? "client:handler" : `client:${n.url}` : "none", s = JSON.stringify(e.initialValues ?? null), i = B(() => t ? me(e) : null, [
+function dn(e) {
+  const r = U(), t = e.schema != null, o = JSON.stringify(e.schema ?? null), n = e.submit, s = n ? typeof n == "string" ? `client:${n}` : n.via === "backend" ? "backend" : "handler" in n ? "client:handler" : `client:${n.url}` : "none", c = JSON.stringify(e.initialValues ?? null), i = $(() => t ? xe(e) : null, [
     t,
     e.name,
     o,
-    l,
     s,
+    c,
     e.autoSubmit
-  ]), [u, c] = T({
+  ]), [g, d] = M({
     collector: null,
     loading: !t,
     error: null
   });
   E(() => {
     if (t) return;
-    let f = !1;
-    return c({
+    let R = !1;
+    return d({
       collector: null,
       loading: !0,
       error: null
-    }), ge(r, e).then((h) => {
-      f || c({
-        collector: h,
+    }), he(r, e).then((_) => {
+      R || d({
+        collector: _,
         loading: !1,
         error: null
       });
-    }).catch((h) => {
-      f || c({
+    }).catch((_) => {
+      R || d({
         collector: null,
         loading: !1,
-        error: h instanceof Error ? h : new Error(String(h))
+        error: _ instanceof Error ? _ : new Error(String(_))
       });
     }), () => {
-      f = !0;
+      R = !0;
     };
   }, [
     r,
     t,
     e.name,
-    l,
     s,
+    c,
     e.autoSubmit
   ]);
-  const p = t ? i : u.collector, v = t ? !1 : u.loading, S = t ? null : u.error;
+  const f = t ? i : g.collector, x = t ? !1 : g.loading, m = t ? null : g.error;
   E(() => {
-    if (p)
-      return p.install(r);
-  }, [r, p]);
-  const g = B(() => ze({
+    if (f)
+      return f.install(r);
+  }, [r, f]);
+  const u = $(() => Le({
     values: e.initialValues ?? {},
     submitted: !1
-  }), [s]), R = Ft(p?.store ?? g), d = B(() => p?.getStatus() ?? fe, [R, p]), w = B(() => ({
-    ...R,
-    ...d
-  }), [R, d]), x = B(() => ({
+  }), [c]), v = Pt(f?.store ?? u), p = $(() => f?.getStatus() ?? me, [v, f]), k = $(() => ({
+    ...v,
+    ...p
+  }), [v, p]), b = $(() => ({
     name: e.name,
-    store: g,
+    store: u,
     functions: [],
     contextKey: `form:${e.name}`,
     contextProvider: () => ({
@@ -2207,50 +2294,52 @@ function nn(e) {
       ok: !1,
       error: "Form definition not loaded yet."
     }),
-    getValues: () => g.get().values,
+    getValues: () => u.get().values,
     setValues: () => {
     },
     reset: () => {
     },
-    getStatus: () => fe
-  }), [e.name, g]);
+    getStatus: () => me
+  }), [e.name, u]);
   return {
-    ...p ?? x,
-    state: w,
-    loading: v,
-    error: S
+    ...f ?? b,
+    state: k,
+    loading: x,
+    error: m
   };
 }
 export {
-  Jt as AgoNudge,
-  Ut as AgoProvider,
-  lt as ChatInput,
-  Gt as ChatWidget,
-  ue as DEFAULT_MESSAGE_FEEDBACK_LABELS,
-  He as FEEDBACK_REASONS,
-  St as Markdown,
-  Nt as Message,
-  Et as MessageFeedback,
-  me as createFormCollector,
-  Bt as createMockClient,
-  Lt as deriveFormStatus,
-  ge as loadFormCollector,
-  Xe as useAgo,
-  tt as useAgoActivity,
-  en as useAgoActivityLog,
-  Qt as useAgoAutoContinueAfterNavigation,
-  $ as useAgoClient,
-  tn as useAgoContext,
-  Yt as useAgoFunction,
-  Xt as useAgoNavigation,
-  Zt as useAgoPageState,
-  Ft as useAgoStore,
-  Vt as useChat,
-  Mt as useConversation,
-  Rt as useFeedback,
-  nn as useFormCollector,
-  ve as useMessages,
+  tn as AgoNudge,
+  Qt as AgoProvider,
+  ft as ChatInput,
+  en as ChatWidget,
+  fe as DEFAULT_MESSAGE_FEEDBACK_LABELS,
+  Jt as DEFAULT_SPEECH_TO_TEXT_LABELS,
+  Oe as FEEDBACK_REASONS,
+  Rt as Markdown,
+  Mt as Message,
+  Dt as MessageFeedback,
+  pt as SpeechToTextButton,
+  xe as createFormCollector,
+  Kt as createMockClient,
+  jt as deriveFormStatus,
+  he as loadFormCollector,
+  tt as useAgo,
+  at as useAgoActivity,
+  ln as useAgoActivityLog,
+  sn as useAgoAutoContinueAfterNavigation,
+  U as useAgoClient,
+  cn as useAgoContext,
+  rn as useAgoFunction,
+  on as useAgoNavigation,
+  an as useAgoPageState,
+  Pt as useAgoStore,
+  nn as useChat,
+  Lt as useConversation,
+  Ft as useFeedback,
+  dn as useFormCollector,
+  ke as useMessages,
   O as useOptionalAgoClient,
-  Tt as useProactiveNudge,
-  ot as useSheet
+  zt as useProactiveNudge,
+  lt as useSheet
 };