@mast-ai/react-ui 0.1.2 → 0.3.0

package/dist/index.js

@@ -1,185 +1,197 @@
-import { useState as R, useRef as C, useEffect as Q, useCallback as _, createContext as nt, useMemo as J, useContext as st, lazy as pt, Fragment as rt, Suspense as ft, useId as gt } from "react";
-import { jsx as e, jsxs as v } from "react/jsx-runtime";
-import { AgentRunner as bt } from "@mast-ai/core";
-import { useVirtualizer as vt } from "@tanstack/react-virtual";
-function tt(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 F(t, n, r) {
   return t.map((s) => s.id === n ? r(s) : s);
 }
-function W(t, n, r, s) {
+function V(t, n, r, s) {
   return F(t, n, (a) => {
-    let i = !1;
-    const l = a.toolEvents.map((c) => !i && c.name === r && c.isStreaming ? (i = !0, s(c)) : c);
-    return { ...a, toolEvents: l };
+    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 kt(t, n, r, s, a) {
-  return W(t, n, r, (i) => {
-    let l = !1;
-    const c = (i.nestedToolEvents ?? []).map((u) => !l && u.name === s && u.isStreaming ? (l = !0, a(u)) : u);
-    return { ...i, nestedToolEvents: c };
+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 xt(t, n) {
-  const [r, s] = R(() => (n == null ? void 0 : n.initialEntries) ?? []), [a, i] = R(() => [...t.history]), [l, c] = R(!1), [u, m] = R(0), k = C(null), g = C(n == null ? void 0 : n.onTurnComplete);
-  g.current = n == null ? void 0 : n.onTurnComplete, Q(() => {
-    var b;
-    u !== 0 && ((b = g.current) == null || b.call(g, r, a));
-  }, [u]);
-  const T = (b) => {
-    for (let A = b.length - 1; A >= 0; A--) {
-      const N = b[A];
+function Rt(t, n) {
+  const [r, s] = $(() => (n == null ? void 0 : n.initialEntries) ?? []), [a, l] = $(
+    () => t ? [...t.history] : []
+  ), [i, o] = $(!1);
+  z(() => {
+    t && l([...t.history]);
+  }, [t]);
+  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;
     }
-  }, M = _((b, A) => {
+  }, P = D((g, T) => {
     s((N) => {
-      const E = T(N);
-      return E === void 0 ? N : W(N, E, b, (I) => ({
-        ...I,
-        awaitingApproval: A
+      const A = S(N);
+      return A === void 0 ? N : V(N, A, g, (x) => ({
+        ...x,
+        awaitingApproval: T
       }));
     });
-  }, []), P = _((b, A) => {
+  }, []), _ = D((g, T) => {
     s((N) => {
-      const E = T(N);
-      return E === void 0 ? N : W(N, E, b, (I) => ({ ...I, status: A }));
+      const A = S(N);
+      return A === void 0 ? N : V(N, A, g, (x) => ({ ...x, status: T }));
     });
-  }, []), S = _(
-    (b, A) => {
-      if (l) return;
-      const N = tt("user", A ?? b, !1), E = tt("assistant", "", !0), I = E.id;
-      s((x) => [...x, N, E]), c(!0);
+  }, []), 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 = ct("user", T ?? g, !1), A = ct("assistant", "", !0), x = A.id;
+      s((E) => [...E, N, A]), o(!0);
       const h = new AbortController();
-      k.current = h, (async () => {
+      d.current = h, (async () => {
         try {
-          const x = t.runStream(
-            b,
+          const E = t.runStream(
+            g,
             h.signal,
-            (d, f) => {
-              if (f.type === "thinking")
+            (f, k) => {
+              if (k.type === "thinking")
                 s(
-                  (o) => W(o, I, d, (y) => ({
-                    ...y,
-                    subThinking: (y.subThinking ?? "") + f.delta
+                  (v) => V(v, x, f, (C) => ({
+                    ...C,
+                    subThinking: (C.subThinking ?? "") + k.delta
                   }))
                 );
-              else if (f.type === "text_delta")
+              else if (k.type === "text_delta")
                 s(
-                  (o) => W(o, I, d, (y) => ({
-                    ...y,
-                    subText: (y.subText ?? "") + f.delta
+                  (v) => V(v, x, f, (C) => ({
+                    ...C,
+                    subText: (C.subText ?? "") + k.delta
                   }))
                 );
-              else if (f.type === "tool_call_started") {
-                const o = {
+              else if (k.type === "tool_call_started") {
+                const v = {
                   id: crypto.randomUUID(),
                   type: "tool_call_started",
-                  name: f.name,
-                  args: f.args,
+                  name: k.name,
+                  args: k.args,
                   isStreaming: !0
                 };
                 s(
-                  (y) => W(y, I, d, (V) => ({
-                    ...V,
-                    nestedToolEvents: [...V.nestedToolEvents ?? [], o]
+                  (C) => V(C, x, f, (y) => ({
+                    ...y,
+                    nestedToolEvents: [...y.nestedToolEvents ?? [], v]
                   }))
                 );
-              } else if (f.type === "tool_call_completed") {
-                const o = f;
+              } else if (k.type === "tool_call_completed") {
+                const v = k;
                 s(
-                  (y) => kt(y, I, d, o.name, (V) => ({
-                    ...V,
+                  (C) => Ct(C, x, f, v.name, (y) => ({
+                    ...y,
                     type: "tool_call_completed",
-                    result: o.result,
+                    result: v.result,
                     isStreaming: !1,
-                    status: o.error ? "error" : "success"
+                    status: v.error ? "error" : "success"
                   }))
                 );
               }
             }
           );
-          for await (const d of x)
-            if (d.type === "text_delta")
+          for await (const f of E)
+            if (f.type === "text_delta")
               s(
-                (f) => F(f, I, (o) => ({
-                  ...o,
-                  text: o.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(
-                (f) => F(f, I, (o) => ({
-                  ...o,
-                  thinking: (o.thinking ?? "") + d.delta
+                (k) => F(k, x, (v) => ({
+                  ...v,
+                  thinking: (v.thinking ?? "") + f.delta
                 }))
               );
-            else if (d.type === "tool_call_started") {
-              const f = {
+            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(
-                (o) => F(o, I, (y) => ({
-                  ...y,
-                  toolEvents: [...y.toolEvents, f]
+                (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(
-                (f) => W(f, I, d.name, (o) => ({
-                  ...o,
+                (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: o.status ?? (d.error ? "error" : "success")
+                  status: v.status ?? (f.error ? "error" : "success")
                 }))
               );
-            else if (d.type === "done") {
-              const f = d.history;
+            else if (f.type === "done") {
+              const k = f.history;
               s(
-                (o) => F(o, I, (y) => ({
-                  ...y,
-                  text: d.output,
+                (v) => F(v, x, (C) => ({
+                  ...C,
+                  text: f.output,
                   isStreaming: !1
                 }))
-              ), i(f), m((o) => o + 1);
+              ), l(k), u((v) => v + 1);
             }
         } catch {
           s(
-            (x) => F(x, I, (d) => ({ ...d, isStreaming: !1 }))
+            (E) => F(E, x, (f) => ({ ...f, isStreaming: !1 }))
           );
         } finally {
-          c(!1);
+          o(!1);
         }
       })();
     },
-    [t, l]
-  ), w = _(() => {
-    var b;
-    (b = k.current) == null || b.abort();
-  }, []), B = _(() => {
-    var b;
-    (b = k.current) == null || b.abort(), k.current = null, s([]), i([]), c(!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: S,
-    cancel: w,
-    reset: B,
-    setToolAwaitingApproval: M,
-    setToolStatus: P
+    isRunning: i,
+    sendMessage: M,
+    cancel: c,
+    reset: I,
+    setToolAwaitingApproval: P,
+    setToolStatus: _
   };
 }
-const K = {
+const B = {
   width: 16,
   height: 16,
   viewBox: "0 0 24 24",
@@ -191,78 +203,78 @@ const K = {
   "aria-hidden": !0,
   focusable: !1
 };
-function yt() {
-  return /* @__PURE__ */ v("svg", { ...K, 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 It() {
-  return /* @__PURE__ */ e("svg", { ...K, 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 St() {
-  return /* @__PURE__ */ v("svg", { ...K, 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 Nt() {
-  return /* @__PURE__ */ v("svg", { ...K, 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 Tt() {
-  return /* @__PURE__ */ v("svg", { ...K, 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 wt() {
-  return /* @__PURE__ */ e("svg", { ...K, className: "mast-spin", children: /* @__PURE__ */ e("path", { d: "M12 3a9 9 0 1 0 9 9" }) });
-}
-function At() {
-  return /* @__PURE__ */ e("svg", { ...K, fill: "currentColor", stroke: "none", children: /* @__PURE__ */ e("path", { d: "M3 3 21 12 3 21l3-9-3-9Z" }) });
-}
-function Et() {
-  return /* @__PURE__ */ e("svg", { ...K, fill: "currentColor", stroke: "none", children: /* @__PURE__ */ e("rect", { x: "5", y: "5", width: "14", height: "14", rx: "1" }) });
-}
-const L = {
-  brain: /* @__PURE__ */ e(yt, {}),
-  wrench: /* @__PURE__ */ e(It, {}),
-  check: /* @__PURE__ */ e(St, {}),
-  error: /* @__PURE__ */ e(Nt, {}),
-  cancelled: /* @__PURE__ */ e(Tt, {}),
-  loader: /* @__PURE__ */ e(wt, {}),
-  send: /* @__PURE__ */ e(At, {}),
-  stop: /* @__PURE__ */ e(Et, {})
-}, at = nt(L);
-function Ct({ icons: t, children: n }) {
-  const r = J(() => t ? {
-    brain: t.brain ?? L.brain,
-    wrench: t.wrench ?? L.wrench,
-    check: t.check ?? L.check,
-    error: t.error ?? L.error,
-    cancelled: t.cancelled ?? L.cancelled,
-    loader: t.loader ?? L.loader,
-    send: t.send ?? L.send,
-    stop: t.stop ?? L.stop
-  } : L, [t]);
-  return /* @__PURE__ */ e(at.Provider, { value: r, children: n });
-}
-function q() {
-  return st(at);
-}
-const Mt = Symbol.for("@mast-ai/react-ui.INLINE_APPROVAL"), Pt = "User cancelled the tool call.";
-function _t(t, n) {
+function $t() {
+  return /* @__PURE__ */ e("svg", { ...B, className: "mast-spin", children: /* @__PURE__ */ e("path", { d: "M12 3a9 9 0 1 0 9 9" }) });
+}
+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 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 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 st(ht);
+}
+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 Rt {
+class Ot {
   constructor(n, r, s) {
     this.inner = n, this.onApprovalRequired = r, this.hooks = s;
   }
@@ -270,140 +282,153 @@ class Rt {
     return this.inner.definition();
   }
   async call(n, r) {
-    var i, l, c, u, m, k;
+    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 === Mt ? 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 {
-      (u = (c = this.hooks).notifyAwaiting) == null || u.call(c, s.name, !1);
+      (m = (o = this.hooks).notifyAwaiting) == null || m.call(o, s.name, !1);
     }
-    return a === !1 ? ((k = (m = this.hooks).setStatus) == null || k.call(m, s.name, "cancelled"), Pt) : 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 Dt(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 (!_t(l, r())) return i;
-      const c = n();
-      return c ? new Rt(i, c, s) : 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 Ot(l, o, s) : l;
     }
   };
 }
-const it = nt(null);
-function ae({
+const ft = nt(null), Wt = async () => pt;
+function ge({
   runner: t,
   agent: n,
   children: r,
   icons: s,
   onApprovalRequired: a,
-  approvalOverride: i,
-  initialHistory: l,
-  initialEntries: c,
-  onConversationChange: u
+  approvalOverride: l,
+  initialHistory: i,
+  initialEntries: o,
+  onConversationChange: m,
+  theme: u,
+  disableRoot: d
 }) {
-  const m = C(u);
-  m.current = u;
-  const k = C(l), g = C(c), T = C(a);
-  T.current = a;
-  const M = C(i);
-  M.current = i;
-  const P = C(null), S = C(null), w = C(null), B = J(() => {
-    const $ = a !== void 0, O = i !== void 0 && i.length > 0;
-    if (!$ && !O) return t;
-    const z = {
-      notifyAwaiting: (U, D) => {
-        var j;
-        return (j = P.current) == null ? void 0 : j.call(P, U, D);
+  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 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: (U, D) => {
-        var j;
-        return (j = S.current) == null ? void 0 : j.call(S, U, D);
+      setStatus: (O, Q) => {
+        var H;
+        return (H = I.current) == null ? void 0 : H.call(I, O, Q);
       },
-      enqueueInline: (U, D) => {
-        var j;
-        return ((j = w.current) == null ? void 0 : j.call(w, U, D)) ?? Promise.resolve(!0);
+      enqueueInline: (O, Q) => {
+        var H;
+        return ((H = g.current) == null ? void 0 : H.call(g, O, Q)) ?? Promise.resolve(!0);
       }
-    }, H = Dt(
+    }, K = Vt(
       t.registry,
-      () => T.current,
+      () => _.current ?? Wt,
       () => M.current,
-      z
+      Z
     );
-    return new bt(t.adapter, H);
-  }, [t, a, i]), [b, A] = R(() => {
-    const $ = B.conversation(n);
-    return k.current && k.current.length > 0 && ($.history = [...k.current]), $;
-  }), N = _(
-    ($, O) => {
-      var z;
-      (z = m.current) == null || z.call(m, O, $);
+    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;
+  });
+  z(() => {
+    if (T !== null && N === null) {
+      const L = T.conversation(n);
+      S.current && S.current.length > 0 && (L.history = [...S.current]), A(L);
+    }
+  }, [T, N, n]);
+  const x = D(
+    (L, Y) => {
+      var G;
+      (G = b.current) == null || G.call(b, Y, L);
     },
     []
   ), {
-    entries: E,
-    history: I,
-    sendMessage: h,
-    cancel: p,
-    isRunning: x,
-    reset: d,
-    setToolAwaitingApproval: f,
-    setToolStatus: o
-  } = xt(b, {
-    initialEntries: g.current,
-    onTurnComplete: N
+    entries: h,
+    history: p,
+    sendMessage: E,
+    cancel: f,
+    isRunning: k,
+    reset: v,
+    setToolAwaitingApproval: C,
+    setToolStatus: y
+  } = Rt(N, {
+    initialEntries: P.current,
+    onTurnComplete: x
   });
-  P.current = f, S.current = o;
-  const [y, V] = R([]), X = C(y);
-  X.current = y;
-  const dt = _(($, O) => new Promise((z) => {
-    const H = (D) => {
-      V((j) => j.filter((ht) => ht !== U)), z(D);
-    }, U = {
-      toolName: $,
-      args: O,
-      approve: () => H(!0),
-      reject: () => H(!1),
-      respondWith: (D) => H(D)
+  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: (K) => q(K)
     };
-    V((D) => [...D, U]);
+    at((K) => [...K, Z]);
   }), []);
-  w.current = dt;
-  const Y = _(() => {
-    X.current.forEach(($) => $.reject()), d(), A(B.conversation(n));
-  }, [d, B, n]), mt = J(
+  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: E,
-      history: I,
-      sendMessage: h,
-      cancel: p,
-      isRunning: x,
-      reset: Y,
-      pendingApprovals: y
+      messages: h,
+      history: p,
+      sendMessage: E,
+      cancel: f,
+      isRunning: k,
+      reset: it,
+      pendingApprovals: U,
+      isReady: ot
     }),
-    [E, I, h, p, x, Y, y]
-  );
-  return /* @__PURE__ */ e(it.Provider, { value: mt, children: /* @__PURE__ */ e(Ct, { icons: s, children: r }) });
+    [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 G() {
-  const t = st(it);
+function tt() {
+  const t = st(ft);
   if (!t)
     throw new Error("useAgent() must be called from a component rendered inside <AgentProvider>.");
   return t;
 }
-function $t(t) {
+function Ft(t) {
   if (t === void 0) return "";
   if (typeof t == "string") return t;
   try {
@@ -412,16 +437,16 @@ function $t(t) {
     return String(t);
   }
 }
-function jt({ entry: t, approve: n, reject: r, className: s }) {
-  const a = q(), i = ["mast-inline-approval", s].filter(Boolean).join(" "), l = $t(t.args);
-  return /* @__PURE__ */ v("div", { "data-mast-inline-approval": !0, "data-tool-name": t.name, className: i, children: [
-    /* @__PURE__ */ v("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__ */ v("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",
         {
@@ -443,24 +468,24 @@ function jt({ entry: t, approve: n, reject: r, className: s }) {
     ] })
   ] });
 }
-function lt({
+function gt({
   content: t,
   isStreaming: n = !1,
   className: r,
   label: s = "Thinking Process",
   open: a
 }) {
-  const i = q(), l = ["mast-thinking-block", r].filter(Boolean).join(" ");
-  return /* @__PURE__ */ v(
+  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__ */ v("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",
@@ -476,7 +501,8 @@ function lt({
     }
   );
 }
-function et(t) {
+const vt = nt(void 0);
+function ut(t) {
   if (t === void 0) return "";
   if (typeof t == "string") return t;
   try {
@@ -485,7 +511,7 @@ function et(t) {
     return String(t);
   }
 }
-function Lt(t, n) {
+function Yt(t, n) {
   if (t.isStreaming) return n.loader;
   switch (t.status) {
     case "error":
@@ -496,22 +522,27 @@ function Lt(t, n) {
       return n.check;
   }
 }
-function Bt(t, n) {
+function Gt(t, n) {
   return t === "streaming" ? n ? !0 : void 0 : t;
 }
-function ot({ entry: t, className: n, defaultOpen: r = "streaming" }) {
-  const s = q(), a = ["mast-tool-call-block", n].filter(Boolean).join(" "), i = t.subThinking !== void 0 || t.subText !== void 0, l = t.nestedToolEvents ?? [], c = Lt(t, s), u = et(t.args), m = et(t.result), k = Bt(r, t.isStreaming);
-  return /* @__PURE__ */ v(
+function bt({
+  entry: t,
+  className: n,
+  defaultOpen: r = "streaming",
+  label: s
+}) {
+  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: a,
-      open: k,
+      className: i,
+      open: S,
       children: [
-        /* @__PURE__ */ v("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",
@@ -519,16 +550,16 @@ function ot({ entry: t, className: n, defaultOpen: r = "streaming" }) {
               className: "mast-tool-call-block-status",
               "data-testid": "mast-tool-call-status",
               "aria-hidden": "true",
-              children: c
+              children: u
             }
           ),
-          /* @__PURE__ */ e("span", { className: "mast-tool-call-block-wrench", "aria-hidden": "true", children: s.wrench }),
-          /* @__PURE__ */ e("span", { className: "mast-tool-call-block-name", children: t.name })
+          /* @__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: P })
         ] }),
-        /* @__PURE__ */ v("div", { className: "mast-tool-call-block-body", children: [
-          i ? /* @__PURE__ */ v("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(
-              lt,
+              gt,
               {
                 content: t.subThinking,
                 isStreaming: t.isStreaming,
@@ -538,25 +569,25 @@ function ot({ entry: t, className: n, defaultOpen: r = "streaming" }) {
             ) : 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,
-          l.length > 0 ? /* @__PURE__ */ e("div", { className: "mast-tool-call-block-nested", "data-testid": "mast-tool-call-nested", children: l.map((g) => /* @__PURE__ */ e(ot, { entry: g }, g.id)) }) : null,
-          u ? /* @__PURE__ */ v("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: u }) })
+            /* @__PURE__ */ e("pre", { className: "mast-tool-call-block-pre", children: /* @__PURE__ */ e("code", { children: d }) })
           ] }) : null,
-          !t.isStreaming && m ? /* @__PURE__ */ v("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: m }) })
+            /* @__PURE__ */ e("pre", { className: "mast-tool-call-block-pre", children: /* @__PURE__ */ e("code", { children: b }) })
           ] }) : null
         ] })
       ]
     }
   );
 }
-function Ut({ 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 Kt = pt(async () => {
+const Qt = It(async () => {
   try {
     const [{ default: t }, { default: n }, { default: r }] = await Promise.all([
       import("react-markdown"),
@@ -572,39 +603,41 @@ const Kt = pt(async () => {
     };
   }
 });
-function Vt({
+function Jt({
   entry: t,
   className: n,
   renderMessage: r,
-  renderToolCall: s
+  renderToolCall: s,
+  renderApproval: a,
+  getToolLabel: l
 }) {
-  const a = ["mast-assistant-message", n].filter(Boolean).join(" "), { pendingApprovals: i } = G(), l = (c) => {
-    const u = c.awaitingApproval ? i.find((m) => m.toolName === c.name) : void 0;
-    return s ? s(c, u) : u ? /* @__PURE__ */ e(
-      jt,
+  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: c,
-        approve: u.approve,
-        reject: u.reject,
-        respondWith: u.respondWith
+        entry: u,
+        approve: d.approve,
+        reject: d.reject,
+        respondWith: d.respondWith
       }
-    ) : /* @__PURE__ */ e(ot, { entry: c });
+    ) : /* @__PURE__ */ e(bt, { entry: u });
   };
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ e(vt.Provider, { value: l, children: /* @__PURE__ */ w(
     "div",
     {
       "data-mast-assistant-message": !0,
       "data-streaming": t.isStreaming ? "true" : void 0,
-      className: a,
+      className: i,
       children: [
-        t.thinking ? /* @__PURE__ */ e(lt, { content: t.thinking, isStreaming: t.isStreaming }) : null,
-        t.toolEvents.map((c, u) => /* @__PURE__ */ e(rt, { children: l(c) }, `${c.id}-${u}`)),
-        t.text ? r ? r(t.text) : /* @__PURE__ */ e(ft, { fallback: /* @__PURE__ */ e("p", { className: "mast-assistant-message-text", children: t.text }), children: /* @__PURE__ */ e(Kt, { 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 Wt({
+function Zt({
   items: t,
   activeIndex: n,
   onSelect: r,
@@ -618,137 +651,137 @@ function Wt({
       id: `${s}-listbox`,
       role: "listbox",
       "aria-label": "Mention picker",
-      children: t.map((i, l) => {
-        const c = l === n, u = c ? "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": c,
-            className: u,
-            onMouseDown: (m) => {
-              m.preventDefault(), r(i);
+            "aria-selected": o,
+            className: m,
+            onMouseDown: (u) => {
+              u.preventDefault(), r(l);
             },
-            children: a ? a(i, c) : /* @__PURE__ */ v("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 Z = "@";
-function ct(t) {
+const rt = "@";
+function kt(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function zt(t, n = Z) {
-  const r = ct(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 Ft(t, n = Z) {
-  const r = ct(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 Ot(t, n) {
-  return t.map((r) => `${r.text}${Z}${r.item.label}`).join("") + n;
-}
-function Ht(t) {
-  const n = t.trigger ?? "@", [r, s] = R([]), [a, i] = R(""), [l, c] = R(null), [u, m] = R(0), [k, g] = R([]), T = C(r);
-  T.current = r;
-  const M = C(a);
-  M.current = a;
-  const P = C(0);
-  Q(() => {
-    if (l === null) {
-      g([]);
+function ee(t, n) {
+  return t.map((r) => `${r.text}${rt}${r.item.label}`).join("") + n;
+}
+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 h = ++P.current;
+    const h = ++_.current;
     if (t.onSearch) {
-      const p = t.onSearch(l);
-      p instanceof Promise ? p.then((x) => {
-        h === P.current && g(x);
-      }) : g(p);
+      const p = t.onSearch(i);
+      p instanceof Promise ? p.then((E) => {
+        h === _.current && b(E);
+      }) : b(p);
     }
-  }, [l, t.onSearch]);
-  const S = new Set(r.map((h) => h.item.id)), w = (() => {
-    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 k.filter((p) => !S.has(p.id));
-    const h = l.toLowerCase();
+      return d.filter((p) => !M.has(p.id));
+    const h = i.toLowerCase();
     return (t.items ?? []).filter(
-      (p) => !S.has(p.id) && p.label.toLowerCase().includes(h)
+      (p) => !M.has(p.id) && p.label.toLowerCase().includes(h)
     );
-  })(), B = _(
+  })(), I = D(
     (h) => {
-      i(h), c(zt(h, n)), m(0);
+      l(h), o(Xt(h, n)), u(0);
     },
     [n]
-  ), b = _(
+  ), g = D(
     (h) => {
-      const p = T.current;
-      if (p.some((d) => d.item.id === h.id)) return;
-      const x = Ft(M.current, n);
-      s([...p, { text: x, item: h }]), i(""), c(null), m(0);
+      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]
-  ), A = _((h) => {
-    const p = T.current, x = p.findIndex((o) => o.item.id === h);
-    if (x === -1) return;
-    const d = p[x].text, f = [...p.slice(0, x), ...p.slice(x + 1)];
-    if (x < f.length) {
-      f[x] = { ...f[x], text: d + f[x].text }, s(f);
+  ), 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(f), i(d + M.current);
-  }, []), N = _(
+    s(k), l(f + P.current);
+  }, []), N = D(
     (h) => {
-      if (l === null || w.length === 0) return !1;
+      if (i === null || c.length === 0) return !1;
       switch (h.key) {
         case "ArrowDown":
-          return h.preventDefault(), m((p) => (p + 1) % w.length), !0;
+          return h.preventDefault(), u((p) => (p + 1) % c.length), !0;
         case "ArrowUp":
-          return h.preventDefault(), m((p) => p === 0 ? w.length - 1 : p - 1), !0;
+          return h.preventDefault(), u((p) => p === 0 ? c.length - 1 : p - 1), !0;
         case "Enter":
-          return h.preventDefault(), b(w[u] ?? w[0]), !0;
+          return h.preventDefault(), g(c[m] ?? c[0]), !0;
         case "Escape":
-          return h.preventDefault(), c(null), !0;
+          return h.preventDefault(), o(null), !0;
         default:
           return !1;
       }
     },
-    [l, w, u, b]
-  ), E = _(() => {
-    const h = Ot(r, a);
+    [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]), I = _(() => {
-    s([]), i(""), c(null), m(0);
+  }, [r, a, t.buildPrompt]), x = D(() => {
+    s([]), l(""), o(null), u(0);
   }, []);
   return {
     segments: r,
     trailingInput: a,
-    mentionQuery: l,
-    filteredItems: w,
-    pickerIndex: u,
-    setTrailingInput: B,
+    mentionQuery: i,
+    filteredItems: c,
+    pickerIndex: m,
+    setTrailingInput: I,
     handleKeyDown: N,
-    selectItem: b,
-    removeChip: A,
-    buildSubmission: E,
-    clear: I
+    selectItem: g,
+    removeChip: T,
+    buildSubmission: A,
+    clear: x
   };
 }
-const qt = 1, Gt = 8;
-function ut(t) {
+const se = 1, re = 8;
+function xt(t) {
   const n = t.split(`
 `).length;
-  return Math.min(Gt, Math.max(qt, n));
+  return Math.min(re, Math.max(se, n));
 }
-function Jt({
+function ae({
   className: t,
   placeholder: n = "Type a message and press Enter.",
   sendLabel: r,
@@ -756,7 +789,7 @@ function Jt({
   mentions: a
 }) {
   return a ? /* @__PURE__ */ e(
-    Zt,
+    ie,
     {
       className: t,
       placeholder: n,
@@ -765,7 +798,7 @@ function Jt({
       mentions: a
     }
   ) : /* @__PURE__ */ e(
-    Qt,
+    le,
     {
       className: t,
       placeholder: n,
@@ -774,19 +807,19 @@ function Jt({
     }
   );
 }
-function Qt({ className: t, placeholder: n, sendLabel: r, cancelLabel: s }) {
-  const { sendMessage: a, cancel: i, isRunning: l } = G(), c = q(), [u, m] = R(""), k = ["mast-chat-input", t].filter(Boolean).join(" "), g = u.trim(), T = !l && g.length > 0, M = () => {
-    T && (a(g), m(""));
-  }, P = (S) => {
-    S.key === "Enter" && !S.shiftKey && (S.preventDefault(), M());
+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__ */ v(
+  return /* @__PURE__ */ w(
     "form",
     {
       "data-mast-chat-input": !0,
-      className: k,
-      onSubmit: (S) => {
-        S.preventDefault(), M();
+      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" }),
@@ -797,20 +830,20 @@ function Qt({ className: t, placeholder: n, sendLabel: r, cancelLabel: s }) {
             className: "mast-chat-input-textarea",
             value: u,
             placeholder: n,
-            rows: ut(u),
-            disabled: l,
-            onChange: (S) => m(S.target.value),
-            onKeyDown: P
+            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",
@@ -818,106 +851,106 @@ function Qt({ 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 Zt({
+function ie({
   className: t,
   placeholder: n,
   sendLabel: r,
   cancelLabel: s,
   mentions: a
 }) {
-  const { sendMessage: i, cancel: l, isRunning: c } = G(), u = q(), m = gt(), {
-    segments: k,
-    trailingInput: g,
-    mentionQuery: T,
-    filteredItems: M,
-    pickerIndex: P,
-    setTrailingInput: S,
-    handleKeyDown: w,
-    selectItem: B,
-    removeChip: b,
-    buildSubmission: A,
-    clear: N
-  } = Ht(a), E = ["mast-chat-input", "mast-mention-input", t].filter(Boolean).join(" "), I = k.length > 0 || g.trim().length > 0, h = !c && I, p = T !== null && M.length > 0, x = p ? `${m}-${P}` : void 0, d = () => {
-    if (!h) return;
-    const { prompt: o, displayText: y } = A();
-    y.trim() && (i(o, y), N());
-  }, f = (o) => {
-    w(o) || o.key === "Enter" && !o.shiftKey && (o.preventDefault(), d());
+  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: 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__ */ v(
+  return /* @__PURE__ */ w(
     "form",
     {
       "data-mast-chat-input": !0,
-      className: E,
-      onSubmit: (o) => {
-        o.preventDefault(), d();
+      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__ */ v("div", { className: "mast-mention-input-field", children: [
-          p && /* @__PURE__ */ e(
-            Wt,
+        /* @__PURE__ */ w("div", { className: "mast-mention-input-field", children: [
+          f && /* @__PURE__ */ e(
+            Zt,
             {
-              items: M,
-              activeIndex: P,
-              onSelect: B,
-              idPrefix: m,
+              items: _,
+              activeIndex: M,
+              onSelect: g,
+              idPrefix: d,
               renderItem: a.renderItem
             }
           ),
-          /* @__PURE__ */ v("div", { className: "mast-mention-input-content", children: [
-            k.map((o) => /* @__PURE__ */ v(rt, { children: [
-              o.text && /* @__PURE__ */ e("span", { className: "mast-mention-segment-text", children: o.text }),
-              a.renderChip ? a.renderChip(o.item, () => b(o.item.id)) : /* @__PURE__ */ v("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: [
                 "@",
-                o.item.label,
+                y.item.label,
                 /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
                     className: "mast-mention-chip-remove",
-                    "aria-label": `Remove reference to ${o.item.label}`,
-                    onClick: () => b(o.item.id),
+                    "aria-label": `Remove reference to ${y.item.label}`,
+                    onClick: () => T(y.item.id),
                     children: "×"
                   }
                 )
               ] })
-            ] }, o.item.id)),
+            ] }, y.item.id)),
             /* @__PURE__ */ e(
               "textarea",
               {
                 id: "mast-chat-input-field",
                 className: "mast-chat-input-textarea mast-mention-input-textarea",
-                value: g,
-                placeholder: k.length === 0 ? n : "",
-                rows: ut(g),
-                disabled: c,
-                onChange: (o) => S(o.target.value),
-                onKeyDown: f,
+                value: S,
+                placeholder: b.length === 0 ? n : "",
+                rows: xt(S),
+                disabled: E,
+                onChange: (y) => c(y.target.value),
+                onKeyDown: C,
                 role: "combobox",
-                "aria-expanded": p,
-                "aria-controls": p ? `${m}-listbox` : void 0,
+                "aria-expanded": f,
+                "aria-controls": f ? `${d}-listbox` : void 0,
                 "aria-autocomplete": "list",
-                "aria-activedescendant": x
+                "aria-activedescendant": k
               }
             )
           ] })
         ] }),
-        c ? /* @__PURE__ */ e(
+        o ? /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: "mast-chat-input-cancel",
             "aria-label": "Cancel",
-            onClick: l,
+            onClick: i,
             children: s ?? u.stop
           }
         ) : /* @__PURE__ */ e(
@@ -926,7 +959,7 @@ function Zt({
             type: "submit",
             className: "mast-chat-input-send",
             "aria-label": "Send",
-            disabled: !h,
+            disabled: !p,
             children: r ?? u.send
           }
         )
@@ -934,86 +967,145 @@ function Zt({
     }
   );
 }
-function Xt({ entry: t, className: n, renderToolCall: r, renderMessage: s }) {
-  return t.role === "user" ? /* @__PURE__ */ e(Ut, { entry: t, className: n }) : /* @__PURE__ */ e(
-    Vt,
+function oe({
+  entry: t,
+  className: n,
+  renderToolCall: r,
+  renderApproval: s,
+  renderMessage: a,
+  getToolLabel: l
+}) {
+  return t.role === "user" ? /* @__PURE__ */ e(qt, { entry: t, className: n }) : /* @__PURE__ */ e(
+    Jt,
     {
       entry: t,
       className: n,
       renderToolCall: r,
-      renderMessage: s
+      renderApproval: s,
+      renderMessage: a,
+      getToolLabel: l
     }
   );
 }
-const Yt = 80;
-function te({ className: t, renderToolCall: n, renderMessage: r }) {
-  const { messages: s } = G(), a = C(null), i = vt({
-    count: s.length,
-    getScrollElement: () => a.current,
-    estimateSize: () => Yt,
+const ce = 80, ue = 4, dt = 4;
+function de({
+  className: t,
+  renderToolCall: n,
+  renderApproval: r,
+  renderMessage: s,
+  getToolLabel: a
+}) {
+  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
-  }), l = s.length > 0 ? s[s.length - 1] : void 0, c = (l == null ? void 0 : l.text.length) ?? 0;
-  Q(() => {
-    s.length !== 0 && i.scrollToIndex(s.length - 1, { align: "end" });
-  }, [s.length, c, i]);
-  const u = i.getTotalSize(), m = i.getVirtualItems(), k = ["mast-message-list", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { ref: a, "data-mast-message-list": !0, className: k, role: "log", "aria-live": "polite", children: /* @__PURE__ */ e("div", { style: { height: `${u}px`, position: "relative", width: "100%" }, children: m.map((g) => {
-    const T = s[g.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": g.index,
-        ref: i.measureElement,
+        "data-index": c.index,
+        ref: d.measureElement,
         style: {
           position: "absolute",
           top: 0,
           left: 0,
           width: "100%",
-          transform: `translateY(${g.start}px)`
+          transform: `translateY(${c.start}px)`
         },
         children: /* @__PURE__ */ e(
-          Xt,
+          oe,
           {
-            entry: T,
+            entry: I,
             renderToolCall: n,
-            renderMessage: r
+            renderApproval: r,
+            renderMessage: s,
+            getToolLabel: a
           }
         )
       },
-      T.id
+      I.id
     );
   }) }) });
 }
-function ie({
+function ve({
   theme: t,
   className: n,
   renderToolCall: r,
-  renderMessage: s,
-  inputPlaceholder: a,
-  mentions: i
+  renderApproval: s,
+  renderMessage: a,
+  getToolLabel: l,
+  inputPlaceholder: i,
+  mentions: o
 }) {
-  const l = ["mast-conversation-panel", n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ v("div", { "data-mast-root": !0, "data-mast-theme": t, className: l, children: [
-    /* @__PURE__ */ e(te, { renderToolCall: r, renderMessage: s }),
-    /* @__PURE__ */ e(Jt, { placeholder: a, mentions: i })
+  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(
+      de,
+      {
+        renderToolCall: r,
+        renderApproval: s,
+        renderMessage: a,
+        getToolLabel: l
+      }
+    ),
+    /* @__PURE__ */ e(ae, { placeholder: i, mentions: o })
   ] });
 }
 export {
-  ae as AgentProvider,
-  Vt as AssistantMessage,
-  Jt as ChatInput,
-  ie as ConversationPanel,
-  Mt as INLINE_APPROVAL,
-  jt as InlineApproval,
-  Xt as MessageItem,
-  te as MessageList,
-  lt as ThinkingBlock,
-  ot as ToolCallBlock,
-  Ut as UserMessage,
-  Ot as buildInlineMentionPrompt,
-  zt as extractMentionQuery,
-  Ft as removeMentionTrigger,
-  G as useAgent,
-  xt as useAgentStream,
-  Ht 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
 };