@mast-ai/react-ui 0.2.0 → 0.3.0

package/dist/index.js

@@ -1,197 +1,197 @@
-import { useState as j, useEffect as G, useRef as R, useCallback as _, createContext as X, useMemo as Z, useContext as Y, lazy as kt, Fragment as lt, Suspense as xt, useId as yt } from "react";
-import { jsx as e, jsxs as I } from "react/jsx-runtime";
-import { AgentRunner as It } from "@mast-ai/core";
-import { useVirtualizer as St } from "@tanstack/react-virtual";
-function at(t, n, r) {
+import { useState as $, useEffect as z, useRef as R, useCallback as D, createContext as nt, useMemo as et, useContext as st, lazy as It, Fragment as mt, Suspense as Nt, useId as wt } from "react";
+import { jsx as e, jsxs as w } from "react/jsx-runtime";
+import { AgentRunner as Et } from "@mast-ai/core";
+import { useVirtualizer as At } from "@tanstack/react-virtual";
+function ct(t, n, r) {
   return { id: crypto.randomUUID(), role: t, text: n, toolEvents: [], isStreaming: r };
 }
-function O(t, n, r) {
+function F(t, n, r) {
   return t.map((s) => s.id === n ? r(s) : s);
 }
-function z(t, n, r, s) {
-  return O(t, n, (a) => {
-    let i = !1;
-    const l = a.toolEvents.map((o) => !i && o.name === r && o.isStreaming ? (i = !0, s(o)) : o);
-    return { ...a, toolEvents: l };
+function V(t, n, r, s) {
+  return F(t, n, (a) => {
+    let l = !1;
+    const i = a.toolEvents.map((o) => !l && o.name === r && o.isStreaming ? (l = !0, s(o)) : o);
+    return { ...a, toolEvents: i };
   });
 }
-function Nt(t, n, r, s, a) {
-  return z(t, n, r, (i) => {
-    let l = !1;
-    const o = (i.nestedToolEvents ?? []).map((c) => !l && c.name === s && c.isStreaming ? (l = !0, a(c)) : c);
-    return { ...i, nestedToolEvents: o };
+function Ct(t, n, r, s, a) {
+  return V(t, n, r, (l) => {
+    let i = !1;
+    const o = (l.nestedToolEvents ?? []).map((m) => !i && m.name === s && m.isStreaming ? (i = !0, a(m)) : m);
+    return { ...l, nestedToolEvents: o };
   });
 }
-function wt(t, n) {
-  const [r, s] = j(() => (n == null ? void 0 : n.initialEntries) ?? []), [a, i] = j(
+function Rt(t, n) {
+  const [r, s] = $(() => (n == null ? void 0 : n.initialEntries) ?? []), [a, l] = $(
     () => t ? [...t.history] : []
-  ), [l, o] = j(!1);
-  G(() => {
-    t && i([...t.history]);
+  ), [i, o] = $(!1);
+  z(() => {
+    t && l([...t.history]);
   }, [t]);
-  const [c, u] = j(0), m = R(null), g = R(n == null ? void 0 : n.onTurnComplete);
-  g.current = n == null ? void 0 : n.onTurnComplete, G(() => {
-    var b;
-    c !== 0 && ((b = g.current) == null || b.call(g, r, a));
-  }, [c]);
-  const x = (b) => {
-    for (let y = b.length - 1; y >= 0; y--) {
-      const N = b[y];
+  const [m, u] = $(0), d = R(null), b = R(n == null ? void 0 : n.onTurnComplete);
+  b.current = n == null ? void 0 : n.onTurnComplete, z(() => {
+    var g;
+    m !== 0 && ((g = b.current) == null || g.call(b, r, a));
+  }, [m]);
+  const S = (g) => {
+    for (let T = g.length - 1; T >= 0; T--) {
+      const N = g[T];
       if (N.role === "assistant" && N.isStreaming) return N.id;
     }
-  }, T = _((b, y) => {
+  }, P = D((g, T) => {
     s((N) => {
-      const P = x(N);
-      return P === void 0 ? N : z(N, P, b, (w) => ({
-        ...w,
-        awaitingApproval: y
+      const A = S(N);
+      return A === void 0 ? N : V(N, A, g, (x) => ({
+        ...x,
+        awaitingApproval: T
       }));
     });
-  }, []), A = _((b, y) => {
+  }, []), _ = D((g, T) => {
     s((N) => {
-      const P = x(N);
-      return P === void 0 ? N : z(N, P, b, (w) => ({ ...w, status: y }));
+      const A = S(N);
+      return A === void 0 ? N : V(N, A, g, (x) => ({ ...x, status: T }));
     });
-  }, []), D = _(
-    (b, y) => {
-      if (l) return;
+  }, []), M = D(
+    (g, T) => {
+      if (i) return;
       if (t === null) {
         console.warn(
           "useAgent().sendMessage was called while no AgentRunner is configured. Pass a non-null `runner` to <AgentProvider> to enable the agent."
         );
         return;
       }
-      const N = at("user", y ?? b, !1), P = at("assistant", "", !0), w = P.id;
-      s((S) => [...S, N, P]), o(!0);
-      const f = new AbortController();
-      m.current = f, (async () => {
+      const N = ct("user", T ?? g, !1), A = ct("assistant", "", !0), x = A.id;
+      s((E) => [...E, N, A]), o(!0);
+      const h = new AbortController();
+      d.current = h, (async () => {
         try {
-          const S = t.runStream(
-            b,
-            f.signal,
-            (d, p) => {
-              if (p.type === "thinking")
+          const E = t.runStream(
+            g,
+            h.signal,
+            (f, k) => {
+              if (k.type === "thinking")
                 s(
-                  (h) => z(h, w, d, (M) => ({
-                    ...M,
-                    subThinking: (M.subThinking ?? "") + p.delta
+                  (v) => V(v, x, f, (C) => ({
+                    ...C,
+                    subThinking: (C.subThinking ?? "") + k.delta
                   }))
                 );
-              else if (p.type === "text_delta")
+              else if (k.type === "text_delta")
                 s(
-                  (h) => z(h, w, d, (M) => ({
-                    ...M,
-                    subText: (M.subText ?? "") + p.delta
+                  (v) => V(v, x, f, (C) => ({
+                    ...C,
+                    subText: (C.subText ?? "") + k.delta
                   }))
                 );
-              else if (p.type === "tool_call_started") {
-                const h = {
+              else if (k.type === "tool_call_started") {
+                const v = {
                   id: crypto.randomUUID(),
                   type: "tool_call_started",
-                  name: p.name,
-                  args: p.args,
+                  name: k.name,
+                  args: k.args,
                   isStreaming: !0
                 };
                 s(
-                  (M) => z(M, w, d, (k) => ({
-                    ...k,
-                    nestedToolEvents: [...k.nestedToolEvents ?? [], h]
+                  (C) => V(C, x, f, (y) => ({
+                    ...y,
+                    nestedToolEvents: [...y.nestedToolEvents ?? [], v]
                   }))
                 );
-              } else if (p.type === "tool_call_completed") {
-                const h = p;
+              } else if (k.type === "tool_call_completed") {
+                const v = k;
                 s(
-                  (M) => Nt(M, w, d, h.name, (k) => ({
-                    ...k,
+                  (C) => Ct(C, x, f, v.name, (y) => ({
+                    ...y,
                     type: "tool_call_completed",
-                    result: h.result,
+                    result: v.result,
                     isStreaming: !1,
-                    status: h.error ? "error" : "success"
+                    status: v.error ? "error" : "success"
                   }))
                 );
               }
             }
           );
-          for await (const d of S)
-            if (d.type === "text_delta")
+          for await (const f of E)
+            if (f.type === "text_delta")
               s(
-                (p) => O(p, w, (h) => ({
-                  ...h,
-                  text: h.text + d.delta
+                (k) => F(k, x, (v) => ({
+                  ...v,
+                  text: v.text + f.delta
                 }))
               );
-            else if (d.type === "thinking")
+            else if (f.type === "thinking")
               s(
-                (p) => O(p, w, (h) => ({
-                  ...h,
-                  thinking: (h.thinking ?? "") + d.delta
+                (k) => F(k, x, (v) => ({
+                  ...v,
+                  thinking: (v.thinking ?? "") + f.delta
                 }))
               );
-            else if (d.type === "tool_call_started") {
-              const p = {
+            else if (f.type === "tool_call_started") {
+              const k = {
                 id: crypto.randomUUID(),
                 type: "tool_call_started",
-                name: d.name,
-                args: d.args,
+                name: f.name,
+                args: f.args,
                 isStreaming: !0
               };
               s(
-                (h) => O(h, w, (M) => ({
-                  ...M,
-                  toolEvents: [...M.toolEvents, p]
+                (v) => F(v, x, (C) => ({
+                  ...C,
+                  toolEvents: [...C.toolEvents, k]
                 }))
               );
-            } else if (d.type === "tool_call_completed")
+            } else if (f.type === "tool_call_completed")
               s(
-                (p) => z(p, w, d.name, (h) => ({
-                  ...h,
+                (k) => V(k, x, f.name, (v) => ({
+                  ...v,
                   type: "tool_call_completed",
-                  result: d.result,
+                  result: f.result,
                   isStreaming: !1,
                   // Preserve a status set by the proxy (e.g. 'cancelled'); only
                   // fall back to error/success based on the runner's flag.
-                  status: h.status ?? (d.error ? "error" : "success")
+                  status: v.status ?? (f.error ? "error" : "success")
                 }))
               );
-            else if (d.type === "done") {
-              const p = d.history;
+            else if (f.type === "done") {
+              const k = f.history;
               s(
-                (h) => O(h, w, (M) => ({
-                  ...M,
-                  text: d.output,
+                (v) => F(v, x, (C) => ({
+                  ...C,
+                  text: f.output,
                   isStreaming: !1
                 }))
-              ), i(p), u((h) => h + 1);
+              ), l(k), u((v) => v + 1);
             }
         } catch {
           s(
-            (S) => O(S, w, (d) => ({ ...d, isStreaming: !1 }))
+            (E) => F(E, x, (f) => ({ ...f, isStreaming: !1 }))
           );
         } finally {
           o(!1);
         }
       })();
     },
-    [t, l]
-  ), C = _(() => {
-    var b;
-    (b = m.current) == null || b.abort();
-  }, []), E = _(() => {
-    var b;
-    (b = m.current) == null || b.abort(), m.current = null, s([]), i([]), o(!1);
+    [t, i]
+  ), c = D(() => {
+    var g;
+    (g = d.current) == null || g.abort();
+  }, []), I = D(() => {
+    var g;
+    (g = d.current) == null || g.abort(), d.current = null, s([]), l([]), o(!1);
   }, []);
   return {
     entries: r,
     history: a,
-    isRunning: l,
-    sendMessage: D,
-    cancel: C,
-    reset: E,
-    setToolAwaitingApproval: T,
-    setToolStatus: A
+    isRunning: i,
+    sendMessage: M,
+    cancel: c,
+    reset: I,
+    setToolAwaitingApproval: P,
+    setToolStatus: _
   };
 }
-const V = {
+const B = {
   width: 16,
   height: 16,
   viewBox: "0 0 24 24",
@@ -203,78 +203,78 @@ const V = {
   "aria-hidden": !0,
   focusable: !1
 };
-function Tt() {
-  return /* @__PURE__ */ I("svg", { ...V, children: [
+function Pt() {
+  return /* @__PURE__ */ w("svg", { ...B, children: [
     /* @__PURE__ */ e("path", { d: "M9 3a3 3 0 0 0-3 3v.5a3 3 0 0 0-2 5.2A3 3 0 0 0 6 17v.5a3 3 0 0 0 6 0V3a3 3 0 0 0-3 0Z" }),
     /* @__PURE__ */ e("path", { d: "M15 3a3 3 0 0 1 3 3v.5a3 3 0 0 1 2 5.2A3 3 0 0 1 18 17v.5a3 3 0 0 1-6 0V3a3 3 0 0 1 3 0Z" })
   ] });
 }
-function At() {
-  return /* @__PURE__ */ e("svg", { ...V, children: /* @__PURE__ */ e("path", { d: "M14.7 6.3a4 4 0 0 0-5.4 5.4L3 18l3 3 6.3-6.3a4 4 0 0 0 5.4-5.4l-2.6 2.6-2.4-2.4 2.6-2.6Z" }) });
+function _t() {
+  return /* @__PURE__ */ e("svg", { ...B, children: /* @__PURE__ */ e("path", { d: "M14.7 6.3a4 4 0 0 0-5.4 5.4L3 18l3 3 6.3-6.3a4 4 0 0 0 5.4-5.4l-2.6 2.6-2.4-2.4 2.6-2.6Z" }) });
 }
-function Ct() {
-  return /* @__PURE__ */ I("svg", { ...V, children: [
+function Mt() {
+  return /* @__PURE__ */ w("svg", { ...B, children: [
     /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "9" }),
     /* @__PURE__ */ e("path", { d: "m8 12 3 3 5-6" })
   ] });
 }
-function Et() {
-  return /* @__PURE__ */ I("svg", { ...V, children: [
+function Dt() {
+  return /* @__PURE__ */ w("svg", { ...B, children: [
     /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "9" }),
     /* @__PURE__ */ e("path", { d: "m9 9 6 6" }),
     /* @__PURE__ */ e("path", { d: "m15 9-6 6" })
   ] });
 }
-function Mt() {
-  return /* @__PURE__ */ I("svg", { ...V, children: [
+function Lt() {
+  return /* @__PURE__ */ w("svg", { ...B, children: [
     /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "9" }),
     /* @__PURE__ */ e("path", { d: "M5.5 5.5 18.5 18.5" })
   ] });
 }
-function Pt() {
-  return /* @__PURE__ */ e("svg", { ...V, className: "mast-spin", children: /* @__PURE__ */ e("path", { d: "M12 3a9 9 0 1 0 9 9" }) });
+function $t() {
+  return /* @__PURE__ */ e("svg", { ...B, className: "mast-spin", children: /* @__PURE__ */ e("path", { d: "M12 3a9 9 0 1 0 9 9" }) });
 }
-function Rt() {
-  return /* @__PURE__ */ e("svg", { ...V, fill: "currentColor", stroke: "none", children: /* @__PURE__ */ e("path", { d: "M3 3 21 12 3 21l3-9-3-9Z" }) });
+function jt() {
+  return /* @__PURE__ */ e("svg", { ...B, fill: "currentColor", stroke: "none", children: /* @__PURE__ */ e("path", { d: "M3 3 21 12 3 21l3-9-3-9Z" }) });
 }
-function _t() {
-  return /* @__PURE__ */ e("svg", { ...V, fill: "currentColor", stroke: "none", children: /* @__PURE__ */ e("rect", { x: "5", y: "5", width: "14", height: "14", rx: "1" }) });
+function Ht() {
+  return /* @__PURE__ */ e("svg", { ...B, fill: "currentColor", stroke: "none", children: /* @__PURE__ */ e("rect", { x: "5", y: "5", width: "14", height: "14", rx: "1" }) });
 }
-const U = {
-  brain: /* @__PURE__ */ e(Tt, {}),
-  wrench: /* @__PURE__ */ e(At, {}),
-  check: /* @__PURE__ */ e(Ct, {}),
-  error: /* @__PURE__ */ e(Et, {}),
-  cancelled: /* @__PURE__ */ e(Mt, {}),
-  loader: /* @__PURE__ */ e(Pt, {}),
-  send: /* @__PURE__ */ e(Rt, {}),
-  stop: /* @__PURE__ */ e(_t, {})
-}, ot = X(U);
-function Dt({ icons: t, children: n }) {
-  const r = Z(() => t ? {
-    brain: t.brain ?? U.brain,
-    wrench: t.wrench ?? U.wrench,
-    check: t.check ?? U.check,
-    error: t.error ?? U.error,
-    cancelled: t.cancelled ?? U.cancelled,
-    loader: t.loader ?? U.loader,
-    send: t.send ?? U.send,
-    stop: t.stop ?? U.stop
-  } : U, [t]);
-  return /* @__PURE__ */ e(ot.Provider, { value: r, children: n });
+const j = {
+  brain: /* @__PURE__ */ e(Pt, {}),
+  wrench: /* @__PURE__ */ e(_t, {}),
+  check: /* @__PURE__ */ e(Mt, {}),
+  error: /* @__PURE__ */ e(Dt, {}),
+  cancelled: /* @__PURE__ */ e(Lt, {}),
+  loader: /* @__PURE__ */ e($t, {}),
+  send: /* @__PURE__ */ e(jt, {}),
+  stop: /* @__PURE__ */ e(Ht, {})
+}, ht = nt(j);
+function Bt({ icons: t, children: n }) {
+  const r = et(() => t ? {
+    brain: t.brain ?? j.brain,
+    wrench: t.wrench ?? j.wrench,
+    check: t.check ?? j.check,
+    error: t.error ?? j.error,
+    cancelled: t.cancelled ?? j.cancelled,
+    loader: t.loader ?? j.loader,
+    send: t.send ?? j.send,
+    stop: t.stop ?? j.stop
+  } : j, [t]);
+  return /* @__PURE__ */ e(ht.Provider, { value: r, children: n });
 }
 function J() {
-  return Y(ot);
+  return st(ht);
 }
-const $t = Symbol.for("@mast-ai/react-ui.INLINE_APPROVAL"), jt = "User cancelled the tool call.";
-function Lt(t, n) {
+const pt = Symbol.for("@mast-ai/react-ui.INLINE_APPROVAL"), Ut = "User cancelled the tool call.";
+function Kt(t, n) {
   let r = !1, s = !1;
   if (n)
     for (const a of n)
       a.startsWith("!") ? a.slice(1) === t.name && (s = !0) : a === t.name && (r = !0);
   return (t.requiresApproval === !0 || r) && !s;
 }
-class Bt {
+class Ot {
   constructor(n, r, s) {
     this.inner = n, this.onApprovalRequired = r, this.hooks = s;
   }
@@ -282,152 +282,153 @@ class Bt {
     return this.inner.definition();
   }
   async call(n, r) {
-    var i, l, o, c, u, m;
+    var l, i, o, m, u, d;
     const s = this.inner.definition();
-    (l = (i = this.hooks).notifyAwaiting) == null || l.call(i, s.name, !0);
+    (i = (l = this.hooks).notifyAwaiting) == null || i.call(l, s.name, !0);
     let a;
     try {
-      const g = await this.onApprovalRequired({
+      const b = await this.onApprovalRequired({
         id: "",
         type: "tool_call_started",
         name: s.name,
         args: n,
         isStreaming: !0
       });
-      g === $t ? this.hooks.enqueueInline ? a = await this.hooks.enqueueInline(s.name, n) : a = !0 : a = g;
+      b === pt ? this.hooks.enqueueInline ? a = await this.hooks.enqueueInline(s.name, n) : a = !0 : a = b;
     } finally {
-      (c = (o = this.hooks).notifyAwaiting) == null || c.call(o, s.name, !1);
+      (m = (o = this.hooks).notifyAwaiting) == null || m.call(o, s.name, !1);
     }
-    return a === !1 ? ((m = (u = this.hooks).setStatus) == null || m.call(u, s.name, "cancelled"), jt) : typeof a == "string" ? a : this.inner.call(n, r);
+    return a === !1 ? ((d = (u = this.hooks).setStatus) == null || d.call(u, s.name, "cancelled"), Ut) : typeof a == "string" ? a : this.inner.call(n, r);
   }
 }
-function Ut(t, n, r, s = {}) {
+function Vt(t, n, r, s = {}) {
   return {
     getTools: () => t.getTools(),
     getTool: (a) => {
-      const i = t.getTool(a);
-      if (!i) return;
-      const l = i.definition();
-      if (!Lt(l, r())) return i;
+      const l = t.getTool(a);
+      if (!l) return;
+      const i = l.definition();
+      if (!Kt(i, r())) return l;
       const o = n();
-      return o ? new Bt(i, o, s) : i;
+      return o ? new Ot(l, o, s) : l;
     }
   };
 }
-const ct = X(null);
-function ue({
+const ft = nt(null), Wt = async () => pt;
+function ge({
   runner: t,
   agent: n,
   children: r,
   icons: s,
   onApprovalRequired: a,
-  approvalOverride: i,
-  initialHistory: l,
+  approvalOverride: l,
+  initialHistory: i,
   initialEntries: o,
-  onConversationChange: c,
+  onConversationChange: m,
   theme: u,
-  disableRoot: m
+  disableRoot: d
 }) {
-  const g = R(c);
-  g.current = c;
-  const x = R(l), T = R(o), A = R(a);
-  A.current = a;
-  const D = R(i);
-  D.current = i;
-  const C = R(null), E = R(null), b = R(null), y = Z(() => {
+  const b = R(m);
+  b.current = m;
+  const S = R(i), P = R(o), _ = R(a);
+  _.current = a;
+  const M = R(l);
+  M.current = l;
+  const c = R(null), I = R(null), g = R(null), T = et(() => {
+    var W, X;
     if (t === null) return null;
-    const $ = a !== void 0, H = i !== void 0 && i.length > 0;
-    if (!$ && !H) return t;
-    const F = {
-      notifyAwaiting: (K, L) => {
-        var B;
-        return (B = C.current) == null ? void 0 : B.call(C, K, L);
+    const L = a !== void 0, Y = l !== void 0 && l.length > 0, q = (((X = (W = t.registry) == null ? void 0 : W.getTools) == null ? void 0 : X.call(W)) ?? []).some((O) => O.requiresApproval === !0);
+    if (!L && !Y && !q) return t;
+    const Z = {
+      notifyAwaiting: (O, Q) => {
+        var H;
+        return (H = c.current) == null ? void 0 : H.call(c, O, Q);
       },
-      setStatus: (K, L) => {
-        var B;
-        return (B = E.current) == null ? void 0 : B.call(E, K, L);
+      setStatus: (O, Q) => {
+        var H;
+        return (H = I.current) == null ? void 0 : H.call(I, O, Q);
       },
-      enqueueInline: (K, L) => {
-        var B;
-        return ((B = b.current) == null ? void 0 : B.call(b, K, L)) ?? Promise.resolve(!0);
+      enqueueInline: (O, Q) => {
+        var H;
+        return ((H = g.current) == null ? void 0 : H.call(g, O, Q)) ?? Promise.resolve(!0);
       }
-    }, q = Ut(
+    }, K = Vt(
       t.registry,
-      () => A.current,
-      () => D.current,
-      F
+      () => _.current ?? Wt,
+      () => M.current,
+      Z
     );
-    return new It(t.adapter, q);
-  }, [t, a, i]), [N, P] = j(() => {
-    if (y === null) return null;
-    const $ = y.conversation(n);
-    return x.current && x.current.length > 0 && ($.history = [...x.current]), $;
+    return new Et(t.adapter, K);
+  }, [t, a, l]), [N, A] = $(() => {
+    if (T === null) return null;
+    const L = T.conversation(n);
+    return S.current && S.current.length > 0 && (L.history = [...S.current]), L;
   });
-  G(() => {
-    if (y !== null && N === null) {
-      const $ = y.conversation(n);
-      x.current && x.current.length > 0 && ($.history = [...x.current]), P($);
+  z(() => {
+    if (T !== null && N === null) {
+      const L = T.conversation(n);
+      S.current && S.current.length > 0 && (L.history = [...S.current]), A(L);
     }
-  }, [y, N, n]);
-  const w = _(
-    ($, H) => {
-      var F;
-      (F = g.current) == null || F.call(g, H, $);
+  }, [T, N, n]);
+  const x = D(
+    (L, Y) => {
+      var G;
+      (G = b.current) == null || G.call(b, Y, L);
     },
     []
   ), {
-    entries: f,
-    history: v,
-    sendMessage: S,
-    cancel: d,
-    isRunning: p,
-    reset: h,
-    setToolAwaitingApproval: M,
-    setToolStatus: k
-  } = wt(N, {
-    initialEntries: T.current,
-    onTurnComplete: w
+    entries: h,
+    history: p,
+    sendMessage: E,
+    cancel: f,
+    isRunning: k,
+    reset: v,
+    setToolAwaitingApproval: C,
+    setToolStatus: y
+  } = Rt(N, {
+    initialEntries: P.current,
+    onTurnComplete: x
   });
-  C.current = M, E.current = k;
-  const [W, et] = j([]), nt = R(W);
-  nt.current = W;
-  const ft = _(($, H) => new Promise((F) => {
-    const q = (L) => {
-      et((B) => B.filter((vt) => vt !== K)), F(L);
-    }, K = {
-      toolName: $,
-      args: H,
+  c.current = C, I.current = y;
+  const [U, at] = $([]), lt = R(U);
+  lt.current = U;
+  const Tt = D((L, Y) => new Promise((G) => {
+    const q = (K) => {
+      at((W) => W.filter((X) => X !== Z)), G(K);
+    }, Z = {
+      toolName: L,
+      args: Y,
       approve: () => q(!0),
       reject: () => q(!1),
-      respondWith: (L) => q(L)
+      respondWith: (K) => q(K)
     };
-    et((L) => [...L, K]);
+    at((K) => [...K, Z]);
   }), []);
-  b.current = ft;
-  const st = _(() => {
-    nt.current.forEach(($) => $.reject()), h(), P(y === null ? null : y.conversation(n));
-  }, [h, y, n]), rt = y !== null, gt = Z(
+  g.current = Tt;
+  const it = D(() => {
+    lt.current.forEach((L) => L.reject()), v(), A(T === null ? null : T.conversation(n));
+  }, [v, T, n]), ot = T !== null, yt = et(
     () => ({
-      messages: f,
-      history: v,
-      sendMessage: S,
-      cancel: d,
-      isRunning: p,
-      reset: st,
-      pendingApprovals: W,
-      isReady: rt
+      messages: h,
+      history: p,
+      sendMessage: E,
+      cancel: f,
+      isRunning: k,
+      reset: it,
+      pendingApprovals: U,
+      isReady: ot
     }),
-    [f, v, S, d, p, st, W, rt]
-  ), bt = m ? r : /* @__PURE__ */ e("div", { "data-mast-root": !0, "data-mast-theme": u, children: r });
-  return /* @__PURE__ */ e(ct.Provider, { value: gt, children: /* @__PURE__ */ e(Dt, { icons: s, children: bt }) });
+    [h, p, E, f, k, it, U, ot]
+  ), St = d === !1 ? /* @__PURE__ */ e("div", { "data-mast-root": !0, "data-mast-theme": u, children: r }) : r;
+  return /* @__PURE__ */ e(ft.Provider, { value: yt, children: /* @__PURE__ */ e(Bt, { icons: s, children: St }) });
 }
-function Q() {
-  const t = Y(ct);
+function tt() {
+  const t = st(ft);
   if (!t)
     throw new Error("useAgent() must be called from a component rendered inside <AgentProvider>.");
   return t;
 }
-function Kt(t) {
+function Ft(t) {
   if (t === void 0) return "";
   if (typeof t == "string") return t;
   try {
@@ -436,16 +437,16 @@ function Kt(t) {
     return String(t);
   }
 }
-function Vt({ entry: t, approve: n, reject: r, className: s }) {
-  const a = J(), i = ["mast-inline-approval", s].filter(Boolean).join(" "), l = Kt(t.args);
-  return /* @__PURE__ */ I("div", { "data-mast-inline-approval": !0, "data-tool-name": t.name, className: i, children: [
-    /* @__PURE__ */ I("div", { className: "mast-inline-approval-header", children: [
+function zt({ entry: t, approve: n, reject: r, className: s }) {
+  const a = J(), l = ["mast-inline-approval", s].filter(Boolean).join(" "), i = Ft(t.args);
+  return /* @__PURE__ */ w("div", { "data-mast-inline-approval": !0, "data-tool-name": t.name, className: l, children: [
+    /* @__PURE__ */ w("div", { className: "mast-inline-approval-header", children: [
       /* @__PURE__ */ e("span", { className: "mast-inline-approval-icon", "aria-hidden": "true", children: a.wrench }),
       /* @__PURE__ */ e("span", { className: "mast-inline-approval-name", children: t.name }),
       /* @__PURE__ */ e("span", { className: "mast-inline-approval-label", children: "requires approval" })
     ] }),
-    l ? /* @__PURE__ */ e("pre", { className: "mast-inline-approval-args", children: /* @__PURE__ */ e("code", { children: l }) }) : null,
-    /* @__PURE__ */ I("div", { className: "mast-inline-approval-actions", children: [
+    i ? /* @__PURE__ */ e("pre", { className: "mast-inline-approval-args", children: /* @__PURE__ */ e("code", { children: i }) }) : null,
+    /* @__PURE__ */ w("div", { className: "mast-inline-approval-actions", children: [
       /* @__PURE__ */ e(
         "button",
         {
@@ -467,24 +468,24 @@ function Vt({ entry: t, approve: n, reject: r, className: s }) {
     ] })
   ] });
 }
-function ut({
+function gt({
   content: t,
   isStreaming: n = !1,
   className: r,
   label: s = "Thinking Process",
   open: a
 }) {
-  const i = J(), l = ["mast-thinking-block", r].filter(Boolean).join(" ");
-  return /* @__PURE__ */ I(
+  const l = J(), i = ["mast-thinking-block", r].filter(Boolean).join(" ");
+  return /* @__PURE__ */ w(
     "details",
     {
       "data-mast-thinking-block": !0,
       "data-streaming": n ? "true" : void 0,
-      className: l,
+      className: i,
       open: a,
       children: [
-        /* @__PURE__ */ I("summary", { className: "mast-thinking-block-summary", children: [
-          /* @__PURE__ */ e("span", { className: "mast-thinking-block-icon", "aria-hidden": "true", children: i.brain }),
+        /* @__PURE__ */ w("summary", { className: "mast-thinking-block-summary", children: [
+          /* @__PURE__ */ e("span", { className: "mast-thinking-block-icon", "aria-hidden": "true", children: l.brain }),
           /* @__PURE__ */ e("span", { className: "mast-thinking-block-label", children: s }),
           n ? /* @__PURE__ */ e(
             "span",
@@ -500,8 +501,8 @@ function ut({
     }
   );
 }
-const dt = X(void 0);
-function it(t) {
+const vt = nt(void 0);
+function ut(t) {
   if (t === void 0) return "";
   if (typeof t == "string") return t;
   try {
@@ -510,7 +511,7 @@ function it(t) {
     return String(t);
   }
 }
-function Wt(t, n) {
+function Yt(t, n) {
   if (t.isStreaming) return n.loader;
   switch (t.status) {
     case "error":
@@ -521,27 +522,27 @@ function Wt(t, n) {
       return n.check;
   }
 }
-function zt(t, n) {
+function Gt(t, n) {
   return t === "streaming" ? n ? !0 : void 0 : t;
 }
-function mt({
+function bt({
   entry: t,
   className: n,
   defaultOpen: r = "streaming",
   label: s
 }) {
-  const a = J(), i = Y(dt), l = ["mast-tool-call-block", n].filter(Boolean).join(" "), o = t.subThinking !== void 0 || t.subText !== void 0, c = t.nestedToolEvents ?? [], u = Wt(t, a), m = it(t.args), g = it(t.result), x = zt(r, t.isStreaming), T = s ?? (i == null ? void 0 : i(t)) ?? t.name;
-  return /* @__PURE__ */ I(
+  const a = J(), l = st(vt), i = ["mast-tool-call-block", n].filter(Boolean).join(" "), o = t.subThinking !== void 0 || t.subText !== void 0, m = t.nestedToolEvents ?? [], u = Yt(t, a), d = ut(t.args), b = ut(t.result), S = Gt(r, t.isStreaming), P = s ?? (l == null ? void 0 : l(t)) ?? t.name;
+  return /* @__PURE__ */ w(
     "details",
     {
       "data-mast-tool-call-block": !0,
       "data-streaming": t.isStreaming ? "true" : void 0,
       "data-status": t.status,
       "data-tool-name": t.name,
-      className: l,
-      open: x,
+      className: i,
+      open: S,
       children: [
-        /* @__PURE__ */ I("summary", { className: "mast-tool-call-block-header", children: [
+        /* @__PURE__ */ w("summary", { className: "mast-tool-call-block-header", children: [
           /* @__PURE__ */ e("span", { className: "mast-tool-call-block-chevron", "aria-hidden": "true", children: "▸" }),
           /* @__PURE__ */ e(
             "span",
@@ -553,12 +554,12 @@ function mt({
             }
           ),
           /* @__PURE__ */ e("span", { className: "mast-tool-call-block-wrench", "aria-hidden": "true", children: a.wrench }),
-          /* @__PURE__ */ e("span", { className: "mast-tool-call-block-name", children: T })
+          /* @__PURE__ */ e("span", { className: "mast-tool-call-block-name", children: P })
         ] }),
-        /* @__PURE__ */ I("div", { className: "mast-tool-call-block-body", children: [
-          o ? /* @__PURE__ */ I("div", { className: "mast-tool-call-block-sub-output", children: [
+        /* @__PURE__ */ w("div", { className: "mast-tool-call-block-body", children: [
+          o ? /* @__PURE__ */ w("div", { className: "mast-tool-call-block-sub-output", children: [
             t.subThinking !== void 0 ? /* @__PURE__ */ e(
-              ut,
+              gt,
               {
                 content: t.subThinking,
                 isStreaming: t.isStreaming,
@@ -568,25 +569,25 @@ function mt({
             ) : null,
             t.subText !== void 0 ? /* @__PURE__ */ e("div", { className: "mast-tool-call-block-sub-text", "data-testid": "mast-tool-call-sub-text", children: t.subText }) : null
           ] }) : null,
-          c.length > 0 ? /* @__PURE__ */ e("div", { className: "mast-tool-call-block-nested", "data-testid": "mast-tool-call-nested", children: c.map((A) => /* @__PURE__ */ e(mt, { entry: A }, A.id)) }) : null,
-          m ? /* @__PURE__ */ I("details", { className: "mast-tool-call-block-args", children: [
+          m.length > 0 ? /* @__PURE__ */ e("div", { className: "mast-tool-call-block-nested", "data-testid": "mast-tool-call-nested", children: m.map((_) => /* @__PURE__ */ e(bt, { entry: _ }, _.id)) }) : null,
+          d ? /* @__PURE__ */ w("details", { className: "mast-tool-call-block-args", children: [
             /* @__PURE__ */ e("summary", { children: "Arguments" }),
-            /* @__PURE__ */ e("pre", { className: "mast-tool-call-block-pre", children: /* @__PURE__ */ e("code", { children: m }) })
+            /* @__PURE__ */ e("pre", { className: "mast-tool-call-block-pre", children: /* @__PURE__ */ e("code", { children: d }) })
           ] }) : null,
-          !t.isStreaming && g ? /* @__PURE__ */ I("details", { className: "mast-tool-call-block-result", children: [
+          !t.isStreaming && b ? /* @__PURE__ */ w("details", { className: "mast-tool-call-block-result", children: [
             /* @__PURE__ */ e("summary", { children: "Result" }),
-            /* @__PURE__ */ e("pre", { className: "mast-tool-call-block-pre", children: /* @__PURE__ */ e("code", { children: g }) })
+            /* @__PURE__ */ e("pre", { className: "mast-tool-call-block-pre", children: /* @__PURE__ */ e("code", { children: b }) })
           ] }) : null
         ] })
       ]
     }
   );
 }
-function Ft({ entry: t, className: n }) {
+function qt({ entry: t, className: n }) {
   const r = ["mast-user-message", n].filter(Boolean).join(" ");
   return /* @__PURE__ */ e("div", { "data-mast-user-message": !0, className: r, children: /* @__PURE__ */ e("div", { className: "mast-user-message-bubble", children: t.text }) });
 }
-const Ot = kt(async () => {
+const Qt = It(async () => {
   try {
     const [{ default: t }, { default: n }, { default: r }] = await Promise.all([
       import("react-markdown"),
@@ -602,41 +603,41 @@ const Ot = kt(async () => {
     };
   }
 });
-function Ht({
+function Jt({
   entry: t,
   className: n,
   renderMessage: r,
   renderToolCall: s,
   renderApproval: a,
-  getToolLabel: i
+  getToolLabel: l
 }) {
-  const l = ["mast-assistant-message", n].filter(Boolean).join(" "), { pendingApprovals: o } = Q(), c = (u) => {
-    const m = u.awaitingApproval ? o.find((g) => g.toolName === u.name) : void 0;
-    return m && a ? a(u, m) : s ? s(u, m) : m ? /* @__PURE__ */ e(
-      Vt,
+  const i = ["mast-assistant-message", n].filter(Boolean).join(" "), { pendingApprovals: o } = tt(), m = (u) => {
+    const d = u.awaitingApproval ? o.find((b) => b.toolName === u.name) : void 0;
+    return d && a ? a(u, d) : s ? s(u, d) : d ? /* @__PURE__ */ e(
+      zt,
       {
         entry: u,
-        approve: m.approve,
-        reject: m.reject,
-        respondWith: m.respondWith
+        approve: d.approve,
+        reject: d.reject,
+        respondWith: d.respondWith
       }
-    ) : /* @__PURE__ */ e(mt, { entry: u });
+    ) : /* @__PURE__ */ e(bt, { entry: u });
   };
-  return /* @__PURE__ */ e(dt.Provider, { value: i, children: /* @__PURE__ */ I(
+  return /* @__PURE__ */ e(vt.Provider, { value: l, children: /* @__PURE__ */ w(
     "div",
     {
       "data-mast-assistant-message": !0,
       "data-streaming": t.isStreaming ? "true" : void 0,
-      className: l,
+      className: i,
       children: [
-        t.thinking ? /* @__PURE__ */ e(ut, { content: t.thinking, isStreaming: t.isStreaming }) : null,
-        t.toolEvents.map((u, m) => /* @__PURE__ */ e(lt, { children: c(u) }, `${u.id}-${m}`)),
-        t.text ? r ? r(t.text) : /* @__PURE__ */ e(xt, { fallback: /* @__PURE__ */ e("p", { className: "mast-assistant-message-text", children: t.text }), children: /* @__PURE__ */ e(Ot, { children: t.text }) }) : null
+        t.thinking ? /* @__PURE__ */ e(gt, { content: t.thinking, isStreaming: t.isStreaming }) : null,
+        t.toolEvents.map((u, d) => /* @__PURE__ */ e(mt, { children: m(u) }, `${u.id}-${d}`)),
+        t.text ? r ? r(t.text) : /* @__PURE__ */ e(Nt, { fallback: /* @__PURE__ */ e("p", { className: "mast-assistant-message-text", children: t.text }), children: /* @__PURE__ */ e(Qt, { children: t.text }) }) : null
       ]
     }
   ) });
 }
-function qt({
+function Zt({
   items: t,
   activeIndex: n,
   onSelect: r,
@@ -650,137 +651,137 @@ function qt({
       id: `${s}-listbox`,
       role: "listbox",
       "aria-label": "Mention picker",
-      children: t.map((i, l) => {
-        const o = l === n, c = o ? "mast-mention-picker-item mast-mention-picker-active" : "mast-mention-picker-item";
+      children: t.map((l, i) => {
+        const o = i === n, m = o ? "mast-mention-picker-item mast-mention-picker-active" : "mast-mention-picker-item";
         return /* @__PURE__ */ e(
           "li",
           {
-            id: `${s}-${l}`,
+            id: `${s}-${i}`,
             role: "option",
             "aria-selected": o,
-            className: c,
+            className: m,
             onMouseDown: (u) => {
-              u.preventDefault(), r(i);
+              u.preventDefault(), r(l);
             },
-            children: a ? a(i, o) : /* @__PURE__ */ I("div", { children: [
-              /* @__PURE__ */ e("div", { className: "mast-mention-picker-item-label", children: i.label }),
-              i.description && /* @__PURE__ */ e("div", { className: "mast-mention-picker-item-description", children: i.description })
+            children: a ? a(l, o) : /* @__PURE__ */ w("div", { children: [
+              /* @__PURE__ */ e("div", { className: "mast-mention-picker-item-label", children: l.label }),
+              l.description && /* @__PURE__ */ e("div", { className: "mast-mention-picker-item-description", children: l.description })
             ] })
           },
-          i.id
+          l.id
         );
       })
     }
   );
 }
-const tt = "@";
-function ht(t) {
+const rt = "@";
+function kt(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function Gt(t, n = tt) {
-  const r = ht(n), s = new RegExp(`${r}([^\\s${r}]*)$`), a = t.match(s);
+function Xt(t, n = rt) {
+  const r = kt(n), s = new RegExp(`${r}([^\\s${r}]*)$`), a = t.match(s);
   return a ? a[1] : null;
 }
-function Jt(t, n = tt) {
-  const r = ht(n), s = new RegExp(`${r}[^\\s${r}]*$`);
+function te(t, n = rt) {
+  const r = kt(n), s = new RegExp(`${r}[^\\s${r}]*$`);
   return t.replace(s, "");
 }
-function Qt(t, n) {
-  return t.map((r) => `${r.text}${tt}${r.item.label}`).join("") + n;
+function ee(t, n) {
+  return t.map((r) => `${r.text}${rt}${r.item.label}`).join("") + n;
 }
-function Zt(t) {
-  const n = t.trigger ?? "@", [r, s] = j([]), [a, i] = j(""), [l, o] = j(null), [c, u] = j(0), [m, g] = j([]), x = R(r);
-  x.current = r;
-  const T = R(a);
-  T.current = a;
-  const A = R(0);
-  G(() => {
-    if (l === null) {
-      g([]);
+function ne(t) {
+  const n = t.trigger ?? "@", [r, s] = $([]), [a, l] = $(""), [i, o] = $(null), [m, u] = $(0), [d, b] = $([]), S = R(r);
+  S.current = r;
+  const P = R(a);
+  P.current = a;
+  const _ = R(0);
+  z(() => {
+    if (i === null) {
+      b([]);
       return;
     }
-    const f = ++A.current;
+    const h = ++_.current;
     if (t.onSearch) {
-      const v = t.onSearch(l);
-      v instanceof Promise ? v.then((S) => {
-        f === A.current && g(S);
-      }) : g(v);
+      const p = t.onSearch(i);
+      p instanceof Promise ? p.then((E) => {
+        h === _.current && b(E);
+      }) : b(p);
     }
-  }, [l, t.onSearch]);
-  const D = new Set(r.map((f) => f.item.id)), C = (() => {
-    if (l === null) return [];
+  }, [i, t.onSearch]);
+  const M = new Set(r.map((h) => h.item.id)), c = (() => {
+    if (i === null) return [];
     if (t.onSearch)
-      return m.filter((v) => !D.has(v.id));
-    const f = l.toLowerCase();
+      return d.filter((p) => !M.has(p.id));
+    const h = i.toLowerCase();
     return (t.items ?? []).filter(
-      (v) => !D.has(v.id) && v.label.toLowerCase().includes(f)
+      (p) => !M.has(p.id) && p.label.toLowerCase().includes(h)
     );
-  })(), E = _(
-    (f) => {
-      i(f), o(Gt(f, n)), u(0);
+  })(), I = D(
+    (h) => {
+      l(h), o(Xt(h, n)), u(0);
     },
     [n]
-  ), b = _(
-    (f) => {
-      const v = x.current;
-      if (v.some((d) => d.item.id === f.id)) return;
-      const S = Jt(T.current, n);
-      s([...v, { text: S, item: f }]), i(""), o(null), u(0);
+  ), g = D(
+    (h) => {
+      const p = S.current;
+      if (p.some((f) => f.item.id === h.id)) return;
+      const E = te(P.current, n);
+      s([...p, { text: E, item: h }]), l(""), o(null), u(0);
     },
     [n]
-  ), y = _((f) => {
-    const v = x.current, S = v.findIndex((h) => h.item.id === f);
-    if (S === -1) return;
-    const d = v[S].text, p = [...v.slice(0, S), ...v.slice(S + 1)];
-    if (S < p.length) {
-      p[S] = { ...p[S], text: d + p[S].text }, s(p);
+  ), T = D((h) => {
+    const p = S.current, E = p.findIndex((v) => v.item.id === h);
+    if (E === -1) return;
+    const f = p[E].text, k = [...p.slice(0, E), ...p.slice(E + 1)];
+    if (E < k.length) {
+      k[E] = { ...k[E], text: f + k[E].text }, s(k);
       return;
     }
-    s(p), i(d + T.current);
-  }, []), N = _(
-    (f) => {
-      if (l === null || C.length === 0) return !1;
-      switch (f.key) {
+    s(k), l(f + P.current);
+  }, []), N = D(
+    (h) => {
+      if (i === null || c.length === 0) return !1;
+      switch (h.key) {
         case "ArrowDown":
-          return f.preventDefault(), u((v) => (v + 1) % C.length), !0;
+          return h.preventDefault(), u((p) => (p + 1) % c.length), !0;
         case "ArrowUp":
-          return f.preventDefault(), u((v) => v === 0 ? C.length - 1 : v - 1), !0;
+          return h.preventDefault(), u((p) => p === 0 ? c.length - 1 : p - 1), !0;
         case "Enter":
-          return f.preventDefault(), b(C[c] ?? C[0]), !0;
+          return h.preventDefault(), g(c[m] ?? c[0]), !0;
         case "Escape":
-          return f.preventDefault(), o(null), !0;
+          return h.preventDefault(), o(null), !0;
         default:
           return !1;
       }
     },
-    [l, C, c, b]
-  ), P = _(() => {
-    const f = Qt(r, a);
-    return { prompt: t.buildPrompt ? t.buildPrompt(r, a) : f, displayText: f };
-  }, [r, a, t.buildPrompt]), w = _(() => {
-    s([]), i(""), o(null), u(0);
+    [i, c, m, g]
+  ), A = D(() => {
+    const h = ee(r, a);
+    return { prompt: t.buildPrompt ? t.buildPrompt(r, a) : h, displayText: h };
+  }, [r, a, t.buildPrompt]), x = D(() => {
+    s([]), l(""), o(null), u(0);
   }, []);
   return {
     segments: r,
     trailingInput: a,
-    mentionQuery: l,
-    filteredItems: C,
-    pickerIndex: c,
-    setTrailingInput: E,
+    mentionQuery: i,
+    filteredItems: c,
+    pickerIndex: m,
+    setTrailingInput: I,
     handleKeyDown: N,
-    selectItem: b,
-    removeChip: y,
-    buildSubmission: P,
-    clear: w
+    selectItem: g,
+    removeChip: T,
+    buildSubmission: A,
+    clear: x
   };
 }
-const Xt = 1, Yt = 8;
-function pt(t) {
+const se = 1, re = 8;
+function xt(t) {
   const n = t.split(`
 `).length;
-  return Math.min(Yt, Math.max(Xt, n));
+  return Math.min(re, Math.max(se, n));
 }
-function te({
+function ae({
   className: t,
   placeholder: n = "Type a message and press Enter.",
   sendLabel: r,
@@ -788,7 +789,7 @@ function te({
   mentions: a
 }) {
   return a ? /* @__PURE__ */ e(
-    ne,
+    ie,
     {
       className: t,
       placeholder: n,
@@ -797,7 +798,7 @@ function te({
       mentions: a
     }
   ) : /* @__PURE__ */ e(
-    ee,
+    le,
     {
       className: t,
       placeholder: n,
@@ -806,19 +807,19 @@ function te({
     }
   );
 }
-function ee({ className: t, placeholder: n, sendLabel: r, cancelLabel: s }) {
-  const { sendMessage: a, cancel: i, isRunning: l, isReady: o } = Q(), c = J(), [u, m] = j(""), g = ["mast-chat-input", t].filter(Boolean).join(" "), x = u.trim(), T = o && !l && x.length > 0, A = !o || l, D = () => {
-    T && (a(x), m(""));
-  }, C = (E) => {
-    E.key === "Enter" && !E.shiftKey && (E.preventDefault(), D());
+function le({ className: t, placeholder: n, sendLabel: r, cancelLabel: s }) {
+  const { sendMessage: a, cancel: l, isRunning: i, isReady: o } = tt(), m = J(), [u, d] = $(""), b = ["mast-chat-input", t].filter(Boolean).join(" "), S = u.trim(), P = o && !i && S.length > 0, _ = !o || i, M = () => {
+    P && (a(S), d(""));
+  }, c = (I) => {
+    I.key === "Enter" && !I.shiftKey && (I.preventDefault(), M());
   };
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ w(
     "form",
     {
       "data-mast-chat-input": !0,
-      className: g,
-      onSubmit: (E) => {
-        E.preventDefault(), D();
+      className: b,
+      onSubmit: (I) => {
+        I.preventDefault(), M();
       },
       children: [
         /* @__PURE__ */ e("label", { className: "mast-chat-input-label mast-visually-hidden", htmlFor: "mast-chat-input-field", children: "Message" }),
@@ -829,20 +830,20 @@ function ee({ className: t, placeholder: n, sendLabel: r, cancelLabel: s }) {
             className: "mast-chat-input-textarea",
             value: u,
             placeholder: n,
-            rows: pt(u),
-            disabled: A,
-            onChange: (E) => m(E.target.value),
-            onKeyDown: C
+            rows: xt(u),
+            disabled: _,
+            onChange: (I) => d(I.target.value),
+            onKeyDown: c
           }
         ),
-        l ? /* @__PURE__ */ e(
+        i ? /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: "mast-chat-input-cancel",
             "aria-label": "Cancel",
-            onClick: i,
-            children: s ?? c.stop
+            onClick: l,
+            children: s ?? m.stop
           }
         ) : /* @__PURE__ */ e(
           "button",
@@ -850,95 +851,95 @@ function ee({ className: t, placeholder: n, sendLabel: r, cancelLabel: s }) {
             type: "submit",
             className: "mast-chat-input-send",
             "aria-label": "Send",
-            disabled: !T,
-            children: r ?? c.send
+            disabled: !P,
+            children: r ?? m.send
           }
         )
       ]
     }
   );
 }
-function ne({
+function ie({
   className: t,
   placeholder: n,
   sendLabel: r,
   cancelLabel: s,
   mentions: a
 }) {
-  const { sendMessage: i, cancel: l, isRunning: o, isReady: c } = Q(), u = J(), m = yt(), {
-    segments: g,
-    trailingInput: x,
-    mentionQuery: T,
-    filteredItems: A,
-    pickerIndex: D,
-    setTrailingInput: C,
-    handleKeyDown: E,
-    selectItem: b,
-    removeChip: y,
+  const { sendMessage: l, cancel: i, isRunning: o, isReady: m } = tt(), u = J(), d = wt(), {
+    segments: b,
+    trailingInput: S,
+    mentionQuery: P,
+    filteredItems: _,
+    pickerIndex: M,
+    setTrailingInput: c,
+    handleKeyDown: I,
+    selectItem: g,
+    removeChip: T,
     buildSubmission: N,
-    clear: P
-  } = Zt(a), w = ["mast-chat-input", "mast-mention-input", t].filter(Boolean).join(" "), f = g.length > 0 || x.trim().length > 0, v = c && !o && f, S = !c || o, d = T !== null && A.length > 0, p = d ? `${m}-${D}` : void 0, h = () => {
-    if (!v) return;
-    const { prompt: k, displayText: W } = N();
-    W.trim() && (i(k, W), P());
-  }, M = (k) => {
-    E(k) || k.key === "Enter" && !k.shiftKey && (k.preventDefault(), h());
+    clear: A
+  } = ne(a), x = ["mast-chat-input", "mast-mention-input", t].filter(Boolean).join(" "), h = b.length > 0 || S.trim().length > 0, p = m && !o && h, E = !m || o, f = P !== null && _.length > 0, k = f ? `${d}-${M}` : void 0, v = () => {
+    if (!p) return;
+    const { prompt: y, displayText: U } = N();
+    U.trim() && (l(y, U), A());
+  }, C = (y) => {
+    I(y) || y.key === "Enter" && !y.shiftKey && (y.preventDefault(), v());
   };
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ w(
     "form",
     {
       "data-mast-chat-input": !0,
-      className: w,
-      onSubmit: (k) => {
-        k.preventDefault(), h();
+      className: x,
+      onSubmit: (y) => {
+        y.preventDefault(), v();
       },
       children: [
         /* @__PURE__ */ e("label", { className: "mast-chat-input-label mast-visually-hidden", htmlFor: "mast-chat-input-field", children: "Message" }),
-        /* @__PURE__ */ I("div", { className: "mast-mention-input-field", children: [
-          d && /* @__PURE__ */ e(
-            qt,
+        /* @__PURE__ */ w("div", { className: "mast-mention-input-field", children: [
+          f && /* @__PURE__ */ e(
+            Zt,
             {
-              items: A,
-              activeIndex: D,
-              onSelect: b,
-              idPrefix: m,
+              items: _,
+              activeIndex: M,
+              onSelect: g,
+              idPrefix: d,
               renderItem: a.renderItem
             }
           ),
-          /* @__PURE__ */ I("div", { className: "mast-mention-input-content", children: [
-            g.map((k) => /* @__PURE__ */ I(lt, { children: [
-              k.text && /* @__PURE__ */ e("span", { className: "mast-mention-segment-text", children: k.text }),
-              a.renderChip ? a.renderChip(k.item, () => y(k.item.id)) : /* @__PURE__ */ I("span", { className: "mast-mention-chip", children: [
+          /* @__PURE__ */ w("div", { className: "mast-mention-input-content", children: [
+            b.map((y) => /* @__PURE__ */ w(mt, { children: [
+              y.text && /* @__PURE__ */ e("span", { className: "mast-mention-segment-text", children: y.text }),
+              a.renderChip ? a.renderChip(y.item, () => T(y.item.id)) : /* @__PURE__ */ w("span", { className: "mast-mention-chip", children: [
                 "@",
-                k.item.label,
+                y.item.label,
                 /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
                     className: "mast-mention-chip-remove",
-                    "aria-label": `Remove reference to ${k.item.label}`,
-                    onClick: () => y(k.item.id),
+                    "aria-label": `Remove reference to ${y.item.label}`,
+                    onClick: () => T(y.item.id),
                     children: "×"
                   }
                 )
               ] })
-            ] }, k.item.id)),
+            ] }, y.item.id)),
             /* @__PURE__ */ e(
               "textarea",
               {
                 id: "mast-chat-input-field",
                 className: "mast-chat-input-textarea mast-mention-input-textarea",
-                value: x,
-                placeholder: g.length === 0 ? n : "",
-                rows: pt(x),
-                disabled: S,
-                onChange: (k) => C(k.target.value),
-                onKeyDown: M,
+                value: S,
+                placeholder: b.length === 0 ? n : "",
+                rows: xt(S),
+                disabled: E,
+                onChange: (y) => c(y.target.value),
+                onKeyDown: C,
                 role: "combobox",
-                "aria-expanded": d,
-                "aria-controls": d ? `${m}-listbox` : void 0,
+                "aria-expanded": f,
+                "aria-controls": f ? `${d}-listbox` : void 0,
                 "aria-autocomplete": "list",
-                "aria-activedescendant": p
+                "aria-activedescendant": k
               }
             )
           ] })
@@ -949,7 +950,7 @@ function ne({
             type: "button",
             className: "mast-chat-input-cancel",
             "aria-label": "Cancel",
-            onClick: l,
+            onClick: i,
             children: s ?? u.stop
           }
         ) : /* @__PURE__ */ e(
@@ -958,7 +959,7 @@ function ne({
             type: "submit",
             className: "mast-chat-input-send",
             "aria-label": "Send",
-            disabled: !v,
+            disabled: !p,
             children: r ?? u.send
           }
         )
@@ -966,62 +967,94 @@ function ne({
     }
   );
 }
-function se({
+function oe({
   entry: t,
   className: n,
   renderToolCall: r,
   renderApproval: s,
   renderMessage: a,
-  getToolLabel: i
+  getToolLabel: l
 }) {
-  return t.role === "user" ? /* @__PURE__ */ e(Ft, { entry: t, className: n }) : /* @__PURE__ */ e(
-    Ht,
+  return t.role === "user" ? /* @__PURE__ */ e(qt, { entry: t, className: n }) : /* @__PURE__ */ e(
+    Jt,
     {
       entry: t,
       className: n,
       renderToolCall: r,
       renderApproval: s,
       renderMessage: a,
-      getToolLabel: i
+      getToolLabel: l
     }
   );
 }
-const re = 80;
-function ae({
+const ce = 80, ue = 4, dt = 4;
+function de({
   className: t,
   renderToolCall: n,
   renderApproval: r,
   renderMessage: s,
   getToolLabel: a
 }) {
-  const { messages: i } = Q(), l = R(null), o = St({
-    count: i.length,
-    getScrollElement: () => l.current,
-    estimateSize: () => re,
+  const { messages: l } = tt(), i = R(null), o = R(!0), m = R(0), u = R(null), d = At({
+    count: l.length,
+    getScrollElement: () => i.current,
+    estimateSize: () => ce,
     overscan: 4
-  }), c = i.length > 0 ? i[i.length - 1] : void 0, u = (c == null ? void 0 : c.text.length) ?? 0;
-  G(() => {
-    i.length !== 0 && o.scrollToIndex(i.length - 1, { align: "end" });
-  }, [i.length, u, o]);
-  const m = o.getTotalSize(), g = o.getVirtualItems(), x = ["mast-message-list", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { ref: l, "data-mast-message-list": !0, className: x, role: "log", "aria-live": "polite", children: /* @__PURE__ */ e("div", { style: { height: `${m}px`, position: "relative", width: "100%" }, children: g.map((T) => {
-    const A = i[T.index];
+  });
+  z(() => {
+    const c = i.current;
+    if (!c) return;
+    m.current = c.scrollTop;
+    const I = () => {
+      const x = c.scrollTop, h = m.current;
+      m.current = x;
+      const p = c.scrollHeight - x - c.clientHeight;
+      x < h - dt ? o.current = !1 : !o.current && p <= ue && (o.current = !0);
+    }, g = (x) => {
+      x.deltaY < 0 && c.scrollHeight > c.clientHeight && (o.current = !1);
+    };
+    let T = null;
+    const N = (x) => {
+      var h;
+      T = ((h = x.touches[0]) == null ? void 0 : h.clientY) ?? null;
+    }, A = (x) => {
+      var p;
+      if (T === null) return;
+      (((p = x.touches[0]) == null ? void 0 : p.clientY) ?? T) - T > 0 && c.scrollHeight > c.clientHeight && (o.current = !1);
+    };
+    return c.addEventListener("scroll", I, { passive: !0 }), c.addEventListener("wheel", g, { passive: !0 }), c.addEventListener("touchstart", N, { passive: !0 }), c.addEventListener("touchmove", A, { passive: !0 }), () => {
+      c.removeEventListener("scroll", I), c.removeEventListener("wheel", g), c.removeEventListener("touchstart", N), c.removeEventListener("touchmove", A);
+    };
+  }, []);
+  const b = l.length > 0 ? l[l.length - 1] : void 0, S = (b == null ? void 0 : b.text.length) ?? 0, P = d.getTotalSize();
+  z(() => {
+    if (l.length === 0 || !o.current) return;
+    const c = i.current;
+    if (c && u.current !== null && c.scrollTop < u.current - dt) {
+      o.current = !1;
+      return;
+    }
+    d.scrollToIndex(l.length - 1, { align: "end" }), c && (u.current = c.scrollTop);
+  }, [l.length, S, P, d]);
+  const _ = d.getVirtualItems(), M = ["mast-message-list", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { ref: i, "data-mast-message-list": !0, className: M, role: "log", "aria-live": "polite", children: /* @__PURE__ */ e("div", { style: { height: `${P}px`, position: "relative", width: "100%" }, children: _.map((c) => {
+    const I = l[c.index];
     return /* @__PURE__ */ e(
       "div",
       {
-        "data-index": T.index,
-        ref: o.measureElement,
+        "data-index": c.index,
+        ref: d.measureElement,
         style: {
           position: "absolute",
           top: 0,
           left: 0,
           width: "100%",
-          transform: `translateY(${T.start}px)`
+          transform: `translateY(${c.start}px)`
         },
         children: /* @__PURE__ */ e(
-          se,
+          oe,
           {
-            entry: A,
+            entry: I,
             renderToolCall: n,
             renderApproval: r,
             renderMessage: s,
@@ -1029,50 +1062,50 @@ function ae({
           }
         )
       },
-      A.id
+      I.id
     );
   }) }) });
 }
-function de({
+function ve({
   theme: t,
   className: n,
   renderToolCall: r,
   renderApproval: s,
   renderMessage: a,
-  getToolLabel: i,
-  inputPlaceholder: l,
+  getToolLabel: l,
+  inputPlaceholder: i,
   mentions: o
 }) {
-  const c = ["mast-conversation-panel", n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ I("div", { "data-mast-root": !0, "data-mast-theme": t, className: c, children: [
+  const m = ["mast-conversation-panel", n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ w("div", { "data-mast-root": !0, "data-mast-theme": t, className: m, children: [
     /* @__PURE__ */ e(
-      ae,
+      de,
       {
         renderToolCall: r,
         renderApproval: s,
         renderMessage: a,
-        getToolLabel: i
+        getToolLabel: l
       }
     ),
-    /* @__PURE__ */ e(te, { placeholder: l, mentions: o })
+    /* @__PURE__ */ e(ae, { placeholder: i, mentions: o })
   ] });
 }
 export {
-  ue as AgentProvider,
-  Ht as AssistantMessage,
-  te as ChatInput,
-  de as ConversationPanel,
-  $t as INLINE_APPROVAL,
-  Vt as InlineApproval,
-  se as MessageItem,
-  ae as MessageList,
-  ut as ThinkingBlock,
-  mt as ToolCallBlock,
-  Ft as UserMessage,
-  Qt as buildInlineMentionPrompt,
-  Gt as extractMentionQuery,
-  Jt as removeMentionTrigger,
-  Q as useAgent,
-  wt as useAgentStream,
-  Zt as useMentions
+  ge as AgentProvider,
+  Jt as AssistantMessage,
+  ae as ChatInput,
+  ve as ConversationPanel,
+  pt as INLINE_APPROVAL,
+  zt as InlineApproval,
+  oe as MessageItem,
+  de as MessageList,
+  gt as ThinkingBlock,
+  bt as ToolCallBlock,
+  qt as UserMessage,
+  ee as buildInlineMentionPrompt,
+  Xt as extractMentionQuery,
+  te as removeMentionTrigger,
+  tt as useAgent,
+  Rt as useAgentStream,
+  ne as useMentions
 };