@mast-ai/react-ui 0.1.2 → 0.2.0

package/dist/index.js

@@ -1,122 +1,134 @@
-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 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) {
   return { id: crypto.randomUUID(), role: t, text: n, toolEvents: [], isStreaming: r };
 }
-function F(t, n, r) {
+function O(t, n, r) {
   return t.map((s) => s.id === n ? r(s) : s);
 }
-function W(t, n, r, s) {
-  return F(t, n, (a) => {
+function z(t, n, r, s) {
+  return O(t, n, (a) => {
     let i = !1;
-    const l = a.toolEvents.map((c) => !i && c.name === r && c.isStreaming ? (i = !0, s(c)) : c);
+    const l = a.toolEvents.map((o) => !i && o.name === r && o.isStreaming ? (i = !0, s(o)) : o);
     return { ...a, toolEvents: l };
   });
 }
-function kt(t, n, r, s, a) {
-  return W(t, n, r, (i) => {
+function Nt(t, n, r, s, a) {
+  return z(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 };
+    const o = (i.nestedToolEvents ?? []).map((c) => !l && c.name === s && c.isStreaming ? (l = !0, a(c)) : c);
+    return { ...i, 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(() => {
+function wt(t, n) {
+  const [r, s] = j(() => (n == null ? void 0 : n.initialEntries) ?? []), [a, i] = j(
+    () => t ? [...t.history] : []
+  ), [l, o] = j(!1);
+  G(() => {
+    t && i([...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;
-    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];
+    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];
       if (N.role === "assistant" && N.isStreaming) return N.id;
     }
-  }, M = _((b, A) => {
+  }, T = _((b, y) => {
     s((N) => {
-      const E = T(N);
-      return E === void 0 ? N : W(N, E, b, (I) => ({
-        ...I,
-        awaitingApproval: A
+      const P = x(N);
+      return P === void 0 ? N : z(N, P, b, (w) => ({
+        ...w,
+        awaitingApproval: y
       }));
     });
-  }, []), P = _((b, A) => {
+  }, []), A = _((b, y) => {
     s((N) => {
-      const E = T(N);
-      return E === void 0 ? N : W(N, E, b, (I) => ({ ...I, status: A }));
+      const P = x(N);
+      return P === void 0 ? N : z(N, P, b, (w) => ({ ...w, status: y }));
     });
-  }, []), S = _(
-    (b, A) => {
+  }, []), D = _(
+    (b, y) => {
       if (l) return;
-      const N = tt("user", A ?? b, !1), E = tt("assistant", "", !0), I = E.id;
-      s((x) => [...x, N, E]), c(!0);
-      const h = new AbortController();
-      k.current = h, (async () => {
+      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 () => {
         try {
-          const x = t.runStream(
+          const S = t.runStream(
             b,
-            h.signal,
-            (d, f) => {
-              if (f.type === "thinking")
+            f.signal,
+            (d, p) => {
+              if (p.type === "thinking")
                 s(
-                  (o) => W(o, I, d, (y) => ({
-                    ...y,
-                    subThinking: (y.subThinking ?? "") + f.delta
+                  (h) => z(h, w, d, (M) => ({
+                    ...M,
+                    subThinking: (M.subThinking ?? "") + p.delta
                   }))
                 );
-              else if (f.type === "text_delta")
+              else if (p.type === "text_delta")
                 s(
-                  (o) => W(o, I, d, (y) => ({
-                    ...y,
-                    subText: (y.subText ?? "") + f.delta
+                  (h) => z(h, w, d, (M) => ({
+                    ...M,
+                    subText: (M.subText ?? "") + p.delta
                   }))
                 );
-              else if (f.type === "tool_call_started") {
-                const o = {
+              else if (p.type === "tool_call_started") {
+                const h = {
                   id: crypto.randomUUID(),
                   type: "tool_call_started",
-                  name: f.name,
-                  args: f.args,
+                  name: p.name,
+                  args: p.args,
                   isStreaming: !0
                 };
                 s(
-                  (y) => W(y, I, d, (V) => ({
-                    ...V,
-                    nestedToolEvents: [...V.nestedToolEvents ?? [], o]
+                  (M) => z(M, w, d, (k) => ({
+                    ...k,
+                    nestedToolEvents: [...k.nestedToolEvents ?? [], h]
                   }))
                 );
-              } else if (f.type === "tool_call_completed") {
-                const o = f;
+              } else if (p.type === "tool_call_completed") {
+                const h = p;
                 s(
-                  (y) => kt(y, I, d, o.name, (V) => ({
-                    ...V,
+                  (M) => Nt(M, w, d, h.name, (k) => ({
+                    ...k,
                     type: "tool_call_completed",
-                    result: o.result,
+                    result: h.result,
                     isStreaming: !1,
-                    status: o.error ? "error" : "success"
+                    status: h.error ? "error" : "success"
                   }))
                 );
               }
             }
           );
-          for await (const d of x)
+          for await (const d of S)
             if (d.type === "text_delta")
               s(
-                (f) => F(f, I, (o) => ({
-                  ...o,
-                  text: o.text + d.delta
+                (p) => O(p, w, (h) => ({
+                  ...h,
+                  text: h.text + d.delta
                 }))
               );
             else if (d.type === "thinking")
               s(
-                (f) => F(f, I, (o) => ({
-                  ...o,
-                  thinking: (o.thinking ?? "") + d.delta
+                (p) => O(p, w, (h) => ({
+                  ...h,
+                  thinking: (h.thinking ?? "") + d.delta
                 }))
               );
             else if (d.type === "tool_call_started") {
-              const f = {
+              const p = {
                 id: crypto.randomUUID(),
                 type: "tool_call_started",
                 name: d.name,
@@ -124,62 +136,62 @@ function xt(t, n) {
                 isStreaming: !0
               };
               s(
-                (o) => F(o, I, (y) => ({
-                  ...y,
-                  toolEvents: [...y.toolEvents, f]
+                (h) => O(h, w, (M) => ({
+                  ...M,
+                  toolEvents: [...M.toolEvents, p]
                 }))
               );
             } else if (d.type === "tool_call_completed")
               s(
-                (f) => W(f, I, d.name, (o) => ({
-                  ...o,
+                (p) => z(p, w, d.name, (h) => ({
+                  ...h,
                   type: "tool_call_completed",
                   result: d.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: h.status ?? (d.error ? "error" : "success")
                 }))
               );
             else if (d.type === "done") {
-              const f = d.history;
+              const p = d.history;
               s(
-                (o) => F(o, I, (y) => ({
-                  ...y,
+                (h) => O(h, w, (M) => ({
+                  ...M,
                   text: d.output,
                   isStreaming: !1
                 }))
-              ), i(f), m((o) => o + 1);
+              ), i(p), u((h) => h + 1);
             }
         } catch {
           s(
-            (x) => F(x, I, (d) => ({ ...d, isStreaming: !1 }))
+            (S) => O(S, w, (d) => ({ ...d, isStreaming: !1 }))
           );
         } finally {
-          c(!1);
+          o(!1);
         }
       })();
     },
     [t, l]
-  ), w = _(() => {
+  ), C = _(() => {
     var b;
-    (b = k.current) == null || b.abort();
-  }, []), B = _(() => {
+    (b = m.current) == null || b.abort();
+  }, []), E = _(() => {
     var b;
-    (b = k.current) == null || b.abort(), k.current = null, s([]), i([]), c(!1);
+    (b = m.current) == null || b.abort(), m.current = null, s([]), i([]), o(!1);
   }, []);
   return {
     entries: r,
     history: a,
     isRunning: l,
-    sendMessage: S,
-    cancel: w,
-    reset: B,
-    setToolAwaitingApproval: M,
-    setToolStatus: P
+    sendMessage: D,
+    cancel: C,
+    reset: E,
+    setToolAwaitingApproval: T,
+    setToolStatus: A
   };
 }
-const K = {
+const V = {
   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 Tt() {
+  return /* @__PURE__ */ I("svg", { ...V, 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 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 St() {
-  return /* @__PURE__ */ v("svg", { ...K, children: [
+function Ct() {
+  return /* @__PURE__ */ I("svg", { ...V, 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 Et() {
+  return /* @__PURE__ */ I("svg", { ...V, 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 Mt() {
+  return /* @__PURE__ */ I("svg", { ...V, 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 Pt() {
+  return /* @__PURE__ */ e("svg", { ...V, 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 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 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", { ...V, 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 });
+}
+function J() {
+  return Y(ot);
+}
+const $t = Symbol.for("@mast-ai/react-ui.INLINE_APPROVAL"), jt = "User cancelled the tool call.";
+function Lt(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 Bt {
   constructor(n, r, s) {
     this.inner = n, this.onApprovalRequired = r, this.hooks = s;
   }
@@ -270,7 +282,7 @@ class Rt {
     return this.inner.definition();
   }
   async call(n, r) {
-    var i, l, c, u, m, k;
+    var i, l, o, c, u, m;
     const s = this.inner.definition();
     (l = (i = this.hooks).notifyAwaiting) == null || l.call(i, s.name, !0);
     let a;
@@ -282,28 +294,28 @@ class Rt {
         args: n,
         isStreaming: !0
       });
-      g === Mt ? this.hooks.enqueueInline ? a = await this.hooks.enqueueInline(s.name, n) : a = !0 : a = g;
+      g === $t ? this.hooks.enqueueInline ? a = await this.hooks.enqueueInline(s.name, n) : a = !0 : a = g;
     } finally {
-      (u = (c = this.hooks).notifyAwaiting) == null || u.call(c, s.name, !1);
+      (c = (o = this.hooks).notifyAwaiting) == null || c.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 ? ((m = (u = this.hooks).setStatus) == null || m.call(u, s.name, "cancelled"), jt) : typeof a == "string" ? a : this.inner.call(n, r);
   }
 }
-function Dt(t, n, r, s = {}) {
+function Ut(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;
+      if (!Lt(l, r())) return i;
+      const o = n();
+      return o ? new Bt(i, o, s) : i;
     }
   };
 }
-const it = nt(null);
-function ae({
+const ct = X(null);
+function ue({
   runner: t,
   agent: n,
   children: r,
@@ -311,99 +323,111 @@ function ae({
   onApprovalRequired: a,
   approvalOverride: i,
   initialHistory: l,
-  initialEntries: c,
-  onConversationChange: u
+  initialEntries: o,
+  onConversationChange: c,
+  theme: u,
+  disableRoot: m
 }) {
-  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 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(() => {
+    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);
       },
-      setStatus: (U, D) => {
-        var j;
-        return (j = S.current) == null ? void 0 : j.call(S, U, D);
+      setStatus: (K, L) => {
+        var B;
+        return (B = E.current) == null ? void 0 : B.call(E, K, L);
       },
-      enqueueInline: (U, D) => {
-        var j;
-        return ((j = w.current) == null ? void 0 : j.call(w, U, D)) ?? Promise.resolve(!0);
+      enqueueInline: (K, L) => {
+        var B;
+        return ((B = b.current) == null ? void 0 : B.call(b, K, L)) ?? Promise.resolve(!0);
       }
-    }, H = Dt(
+    }, q = Ut(
       t.registry,
-      () => T.current,
-      () => M.current,
-      z
+      () => A.current,
+      () => D.current,
+      F
     );
-    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 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]), $;
+  });
+  G(() => {
+    if (y !== null && N === null) {
+      const $ = y.conversation(n);
+      x.current && x.current.length > 0 && ($.history = [...x.current]), P($);
+    }
+  }, [y, N, n]);
+  const w = _(
+    ($, H) => {
+      var F;
+      (F = g.current) == null || F.call(g, H, $);
     },
     []
   ), {
-    entries: E,
-    history: I,
-    sendMessage: h,
-    cancel: p,
-    isRunning: x,
-    reset: d,
-    setToolAwaitingApproval: f,
-    setToolStatus: o
-  } = xt(b, {
-    initialEntries: g.current,
-    onTurnComplete: N
+    entries: f,
+    history: v,
+    sendMessage: S,
+    cancel: d,
+    isRunning: p,
+    reset: h,
+    setToolAwaitingApproval: M,
+    setToolStatus: k
+  } = wt(N, {
+    initialEntries: T.current,
+    onTurnComplete: w
   });
-  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 = {
+  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: O,
-      approve: () => H(!0),
-      reject: () => H(!1),
-      respondWith: (D) => H(D)
+      args: H,
+      approve: () => q(!0),
+      reject: () => q(!1),
+      respondWith: (L) => q(L)
     };
-    V((D) => [...D, U]);
+    et((L) => [...L, K]);
   }), []);
-  w.current = dt;
-  const Y = _(() => {
-    X.current.forEach(($) => $.reject()), d(), A(B.conversation(n));
-  }, [d, B, n]), mt = J(
+  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(
     () => ({
-      messages: E,
-      history: I,
-      sendMessage: h,
-      cancel: p,
-      isRunning: x,
-      reset: Y,
-      pendingApprovals: y
+      messages: f,
+      history: v,
+      sendMessage: S,
+      cancel: d,
+      isRunning: p,
+      reset: st,
+      pendingApprovals: W,
+      isReady: rt
     }),
-    [E, I, h, p, x, Y, y]
-  );
-  return /* @__PURE__ */ e(it.Provider, { value: mt, children: /* @__PURE__ */ e(Ct, { icons: s, children: r }) });
+    [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 }) });
 }
-function G() {
-  const t = st(it);
+function Q() {
+  const t = Y(ct);
   if (!t)
     throw new Error("useAgent() must be called from a component rendered inside <AgentProvider>.");
   return t;
 }
-function $t(t) {
+function Kt(t) {
   if (t === void 0) return "";
   if (typeof t == "string") return t;
   try {
@@ -412,16 +436,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 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: [
       /* @__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: [
+    /* @__PURE__ */ I("div", { className: "mast-inline-approval-actions", children: [
       /* @__PURE__ */ e(
         "button",
         {
@@ -443,15 +467,15 @@ function jt({ entry: t, approve: n, reject: r, className: s }) {
     ] })
   ] });
 }
-function lt({
+function ut({
   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 i = J(), l = ["mast-thinking-block", r].filter(Boolean).join(" ");
+  return /* @__PURE__ */ I(
     "details",
     {
       "data-mast-thinking-block": !0,
@@ -459,7 +483,7 @@ function lt({
       className: l,
       open: a,
       children: [
-        /* @__PURE__ */ v("summary", { className: "mast-thinking-block-summary", 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__ */ e("span", { className: "mast-thinking-block-label", children: s }),
           n ? /* @__PURE__ */ e(
@@ -476,7 +500,8 @@ function lt({
     }
   );
 }
-function et(t) {
+const dt = X(void 0);
+function it(t) {
   if (t === void 0) return "";
   if (typeof t == "string") return t;
   try {
@@ -485,7 +510,7 @@ function et(t) {
     return String(t);
   }
 }
-function Lt(t, n) {
+function Wt(t, n) {
   if (t.isStreaming) return n.loader;
   switch (t.status) {
     case "error":
@@ -496,22 +521,27 @@ function Lt(t, n) {
       return n.check;
   }
 }
-function Bt(t, n) {
+function zt(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 mt({
+  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(
     "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: l,
+      open: x,
       children: [
-        /* @__PURE__ */ v("summary", { className: "mast-tool-call-block-header", children: [
+        /* @__PURE__ */ I("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 +549,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: T })
         ] }),
-        /* @__PURE__ */ v("div", { className: "mast-tool-call-block-body", children: [
-          i ? /* @__PURE__ */ v("div", { className: "mast-tool-call-block-sub-output", children: [
+        /* @__PURE__ */ I("div", { className: "mast-tool-call-block-body", children: [
+          o ? /* @__PURE__ */ I("div", { className: "mast-tool-call-block-sub-output", children: [
             t.subThinking !== void 0 ? /* @__PURE__ */ e(
-              lt,
+              ut,
               {
                 content: t.subThinking,
                 isStreaming: t.isStreaming,
@@ -538,25 +568,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: [
+          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: [
             /* @__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: m }) })
           ] }) : null,
-          !t.isStreaming && m ? /* @__PURE__ */ v("details", { className: "mast-tool-call-block-result", children: [
+          !t.isStreaming && g ? /* @__PURE__ */ I("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: g }) })
           ] }) : null
         ] })
       ]
     }
   );
 }
-function Ut({ entry: t, className: n }) {
+function Ft({ 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 Ot = kt(async () => {
   try {
     const [{ default: t }, { default: n }, { default: r }] = await Promise.all([
       import("react-markdown"),
@@ -572,39 +602,41 @@ const Kt = pt(async () => {
     };
   }
 });
-function Vt({
+function Ht({
   entry: t,
   className: n,
   renderMessage: r,
-  renderToolCall: s
+  renderToolCall: s,
+  renderApproval: a,
+  getToolLabel: i
 }) {
-  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 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,
       {
-        entry: c,
-        approve: u.approve,
-        reject: u.reject,
-        respondWith: u.respondWith
+        entry: u,
+        approve: m.approve,
+        reject: m.reject,
+        respondWith: m.respondWith
       }
-    ) : /* @__PURE__ */ e(ot, { entry: c });
+    ) : /* @__PURE__ */ e(mt, { entry: u });
   };
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ e(dt.Provider, { value: i, children: /* @__PURE__ */ I(
     "div",
     {
       "data-mast-assistant-message": !0,
       "data-streaming": t.isStreaming ? "true" : void 0,
-      className: a,
+      className: l,
       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(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
       ]
     }
-  );
+  ) });
 }
-function Wt({
+function qt({
   items: t,
   activeIndex: n,
   onSelect: r,
@@ -619,18 +651,18 @@ function Wt({
       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";
+        const o = l === n, c = o ? "mast-mention-picker-item mast-mention-picker-active" : "mast-mention-picker-item";
         return /* @__PURE__ */ e(
           "li",
           {
             id: `${s}-${l}`,
             role: "option",
-            "aria-selected": c,
-            className: u,
-            onMouseDown: (m) => {
-              m.preventDefault(), r(i);
+            "aria-selected": o,
+            className: c,
+            onMouseDown: (u) => {
+              u.preventDefault(), r(i);
             },
-            children: a ? a(i, c) : /* @__PURE__ */ v("div", { children: [
+            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 })
             ] })
@@ -641,114 +673,114 @@ function Wt({
     }
   );
 }
-const Z = "@";
-function ct(t) {
+const tt = "@";
+function ht(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 Gt(t, n = tt) {
+  const r = ht(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 Jt(t, n = tt) {
+  const r = ht(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 Qt(t, n) {
+  return t.map((r) => `${r.text}${tt}${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(() => {
+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([]);
       return;
     }
-    const h = ++P.current;
+    const f = ++A.current;
     if (t.onSearch) {
-      const p = t.onSearch(l);
-      p instanceof Promise ? p.then((x) => {
-        h === P.current && g(x);
-      }) : g(p);
+      const v = t.onSearch(l);
+      v instanceof Promise ? v.then((S) => {
+        f === A.current && g(S);
+      }) : g(v);
     }
   }, [l, t.onSearch]);
-  const S = new Set(r.map((h) => h.item.id)), w = (() => {
+  const D = new Set(r.map((f) => f.item.id)), C = (() => {
     if (l === null) return [];
     if (t.onSearch)
-      return k.filter((p) => !S.has(p.id));
-    const h = l.toLowerCase();
+      return m.filter((v) => !D.has(v.id));
+    const f = l.toLowerCase();
     return (t.items ?? []).filter(
-      (p) => !S.has(p.id) && p.label.toLowerCase().includes(h)
+      (v) => !D.has(v.id) && v.label.toLowerCase().includes(f)
     );
-  })(), B = _(
-    (h) => {
-      i(h), c(zt(h, n)), m(0);
+  })(), E = _(
+    (f) => {
+      i(f), o(Gt(f, n)), u(0);
     },
     [n]
   ), b = _(
-    (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);
+    (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);
     },
     [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);
+  ), 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);
       return;
     }
-    s(f), i(d + M.current);
+    s(p), i(d + T.current);
   }, []), N = _(
-    (h) => {
-      if (l === null || w.length === 0) return !1;
-      switch (h.key) {
+    (f) => {
+      if (l === null || C.length === 0) return !1;
+      switch (f.key) {
         case "ArrowDown":
-          return h.preventDefault(), m((p) => (p + 1) % w.length), !0;
+          return f.preventDefault(), u((v) => (v + 1) % C.length), !0;
         case "ArrowUp":
-          return h.preventDefault(), m((p) => p === 0 ? w.length - 1 : p - 1), !0;
+          return f.preventDefault(), u((v) => v === 0 ? C.length - 1 : v - 1), !0;
         case "Enter":
-          return h.preventDefault(), b(w[u] ?? w[0]), !0;
+          return f.preventDefault(), b(C[c] ?? C[0]), !0;
         case "Escape":
-          return h.preventDefault(), c(null), !0;
+          return f.preventDefault(), o(null), !0;
         default:
           return !1;
       }
     },
-    [l, w, u, b]
-  ), E = _(() => {
-    const h = Ot(r, a);
-    return { prompt: t.buildPrompt ? t.buildPrompt(r, a) : h, displayText: h };
-  }, [r, a, t.buildPrompt]), I = _(() => {
-    s([]), i(""), c(null), m(0);
+    [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);
   }, []);
   return {
     segments: r,
     trailingInput: a,
     mentionQuery: l,
-    filteredItems: w,
-    pickerIndex: u,
-    setTrailingInput: B,
+    filteredItems: C,
+    pickerIndex: c,
+    setTrailingInput: E,
     handleKeyDown: N,
     selectItem: b,
-    removeChip: A,
-    buildSubmission: E,
-    clear: I
+    removeChip: y,
+    buildSubmission: P,
+    clear: w
   };
 }
-const qt = 1, Gt = 8;
-function ut(t) {
+const Xt = 1, Yt = 8;
+function pt(t) {
   const n = t.split(`
 `).length;
-  return Math.min(Gt, Math.max(qt, n));
+  return Math.min(Yt, Math.max(Xt, n));
 }
-function Jt({
+function te({
   className: t,
   placeholder: n = "Type a message and press Enter.",
   sendLabel: r,
@@ -756,7 +788,7 @@ function Jt({
   mentions: a
 }) {
   return a ? /* @__PURE__ */ e(
-    Zt,
+    ne,
     {
       className: t,
       placeholder: n,
@@ -765,7 +797,7 @@ function Jt({
       mentions: a
     }
   ) : /* @__PURE__ */ e(
-    Qt,
+    ee,
     {
       className: t,
       placeholder: n,
@@ -774,19 +806,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 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());
   };
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ I(
     "form",
     {
       "data-mast-chat-input": !0,
-      className: k,
-      onSubmit: (S) => {
-        S.preventDefault(), M();
+      className: g,
+      onSubmit: (E) => {
+        E.preventDefault(), D();
       },
       children: [
         /* @__PURE__ */ e("label", { className: "mast-chat-input-label mast-visually-hidden", htmlFor: "mast-chat-input-field", children: "Message" }),
@@ -797,10 +829,10 @@ 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: pt(u),
+            disabled: A,
+            onChange: (E) => m(E.target.value),
+            onKeyDown: C
           }
         ),
         l ? /* @__PURE__ */ e(
@@ -826,92 +858,92 @@ function Qt({ className: t, placeholder: n, sendLabel: r, cancelLabel: s }) {
     }
   );
 }
-function Zt({
+function ne({
   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,
+  const { sendMessage: i, cancel: l, isRunning: o, isReady: c } = Q(), u = J(), m = yt(), {
+    segments: g,
+    trailingInput: x,
     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());
+    filteredItems: A,
+    pickerIndex: D,
+    setTrailingInput: C,
+    handleKeyDown: E,
+    selectItem: b,
+    removeChip: y,
+    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());
   };
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ I(
     "form",
     {
       "data-mast-chat-input": !0,
-      className: E,
-      onSubmit: (o) => {
-        o.preventDefault(), d();
+      className: w,
+      onSubmit: (k) => {
+        k.preventDefault(), h();
       },
       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__ */ I("div", { className: "mast-mention-input-field", children: [
+          d && /* @__PURE__ */ e(
+            qt,
             {
-              items: M,
-              activeIndex: P,
-              onSelect: B,
+              items: A,
+              activeIndex: D,
+              onSelect: b,
               idPrefix: m,
               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__ */ 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: [
                 "@",
-                o.item.label,
+                k.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 ${k.item.label}`,
+                    onClick: () => y(k.item.id),
                     children: "×"
                   }
                 )
               ] })
-            ] }, o.item.id)),
+            ] }, k.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: x,
+                placeholder: g.length === 0 ? n : "",
+                rows: pt(x),
+                disabled: S,
+                onChange: (k) => C(k.target.value),
+                onKeyDown: M,
                 role: "combobox",
-                "aria-expanded": p,
-                "aria-controls": p ? `${m}-listbox` : void 0,
+                "aria-expanded": d,
+                "aria-controls": d ? `${m}-listbox` : void 0,
                 "aria-autocomplete": "list",
-                "aria-activedescendant": x
+                "aria-activedescendant": p
               }
             )
           ] })
         ] }),
-        c ? /* @__PURE__ */ e(
+        o ? /* @__PURE__ */ e(
           "button",
           {
             type: "button",
@@ -926,7 +958,7 @@ function Zt({
             type: "submit",
             className: "mast-chat-input-send",
             "aria-label": "Send",
-            disabled: !h,
+            disabled: !v,
             children: r ?? u.send
           }
         )
@@ -934,86 +966,113 @@ 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 se({
+  entry: t,
+  className: n,
+  renderToolCall: r,
+  renderApproval: s,
+  renderMessage: a,
+  getToolLabel: i
+}) {
+  return t.role === "user" ? /* @__PURE__ */ e(Ft, { entry: t, className: n }) : /* @__PURE__ */ e(
+    Ht,
     {
       entry: t,
       className: n,
       renderToolCall: r,
-      renderMessage: s
+      renderApproval: s,
+      renderMessage: a,
+      getToolLabel: i
     }
   );
 }
-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 re = 80;
+function ae({
+  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,
     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];
+  }), 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];
     return /* @__PURE__ */ e(
       "div",
       {
-        "data-index": g.index,
-        ref: i.measureElement,
+        "data-index": T.index,
+        ref: o.measureElement,
         style: {
           position: "absolute",
           top: 0,
           left: 0,
           width: "100%",
-          transform: `translateY(${g.start}px)`
+          transform: `translateY(${T.start}px)`
         },
         children: /* @__PURE__ */ e(
-          Xt,
+          se,
           {
-            entry: T,
+            entry: A,
             renderToolCall: n,
-            renderMessage: r
+            renderApproval: r,
+            renderMessage: s,
+            getToolLabel: a
           }
         )
       },
-      T.id
+      A.id
     );
   }) }) });
 }
-function ie({
+function de({
   theme: t,
   className: n,
   renderToolCall: r,
-  renderMessage: s,
-  inputPlaceholder: a,
-  mentions: i
+  renderApproval: s,
+  renderMessage: a,
+  getToolLabel: i,
+  inputPlaceholder: l,
+  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 c = ["mast-conversation-panel", n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ I("div", { "data-mast-root": !0, "data-mast-theme": t, className: c, children: [
+    /* @__PURE__ */ e(
+      ae,
+      {
+        renderToolCall: r,
+        renderApproval: s,
+        renderMessage: a,
+        getToolLabel: i
+      }
+    ),
+    /* @__PURE__ */ e(te, { placeholder: l, 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
+  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
 };