@mast-ai/react-ui 0.1.1 → 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 k } from "react/jsx-runtime";
-import { AgentRunner as vt } from "@mast-ai/core";
-import { useVirtualizer as bt } 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((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 o = (i.nestedToolEvents ?? []).map((u) => !l && u.name === s && u.isStreaming ? (l = !0, a(u)) : u);
+    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, o] = R(!1), [u, m] = R(0), y = C(null), v = C(n == null ? void 0 : n.onTurnComplete);
-  v.current = n == null ? void 0 : n.onTurnComplete, Q(() => {
-    var g;
-    u !== 0 && ((g = v.current) == null || g.call(v, r, a));
-  }, [u]);
-  const T = (g) => {
-    for (let A = g.length - 1; A >= 0; A--) {
-      const N = g[A];
+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;
+    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 = _((g, A) => {
+  }, T = _((b, y) => {
     s((N) => {
-      const E = T(N);
-      return E === void 0 ? N : W(N, E, g, (I) => ({
-        ...I,
-        awaitingApproval: A
+      const P = x(N);
+      return P === void 0 ? N : z(N, P, b, (w) => ({
+        ...w,
+        awaitingApproval: y
       }));
     });
-  }, []), P = _((g, A) => {
+  }, []), A = _((b, y) => {
     s((N) => {
-      const E = T(N);
-      return E === void 0 ? N : W(N, E, g, (I) => ({ ...I, status: A }));
+      const P = x(N);
+      return P === void 0 ? N : z(N, P, b, (w) => ({ ...w, status: y }));
     });
-  }, []), S = _(
-    (g, A) => {
+  }, []), D = _(
+    (b, y) => {
       if (l) return;
-      const N = tt("user", A ?? g, !1), E = tt("assistant", "", !0), I = E.id;
-      s((b) => [...b, N, E]), o(!0);
-      const h = new AbortController();
-      y.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 b = t.runStream(
-            g,
-            h.signal,
-            (d, f) => {
-              if (f.type === "thinking")
+          const S = t.runStream(
+            b,
+            f.signal,
+            (d, p) => {
+              if (p.type === "thinking")
                 s(
-                  (c) => W(c, I, d, (x) => ({
-                    ...x,
-                    subThinking: (x.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(
-                  (c) => W(c, I, d, (x) => ({
-                    ...x,
-                    subText: (x.subText ?? "") + f.delta
+                  (h) => z(h, w, d, (M) => ({
+                    ...M,
+                    subText: (M.subText ?? "") + p.delta
                   }))
                 );
-              else if (f.type === "tool_call_started") {
-                const c = {
+              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(
-                  (x) => W(x, I, d, (V) => ({
-                    ...V,
-                    nestedToolEvents: [...V.nestedToolEvents ?? [], c]
+                  (M) => z(M, w, d, (k) => ({
+                    ...k,
+                    nestedToolEvents: [...k.nestedToolEvents ?? [], h]
                   }))
                 );
-              } else if (f.type === "tool_call_completed") {
-                const c = f;
+              } else if (p.type === "tool_call_completed") {
+                const h = p;
                 s(
-                  (x) => kt(x, I, d, c.name, (V) => ({
-                    ...V,
+                  (M) => Nt(M, w, d, h.name, (k) => ({
+                    ...k,
                     type: "tool_call_completed",
-                    result: c.result,
+                    result: h.result,
                     isStreaming: !1,
-                    status: c.error ? "error" : "success"
+                    status: h.error ? "error" : "success"
                   }))
                 );
               }
             }
           );
-          for await (const d of b)
+          for await (const d of S)
             if (d.type === "text_delta")
               s(
-                (f) => F(f, I, (c) => ({
-                  ...c,
-                  text: c.text + d.delta
+                (p) => O(p, w, (h) => ({
+                  ...h,
+                  text: h.text + d.delta
                 }))
               );
             else if (d.type === "thinking")
               s(
-                (f) => F(f, I, (c) => ({
-                  ...c,
-                  thinking: (c.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,36 +136,36 @@ function xt(t, n) {
                 isStreaming: !0
               };
               s(
-                (c) => F(c, I, (x) => ({
-                  ...x,
-                  toolEvents: [...x.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, (c) => ({
-                  ...c,
+                (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: c.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(
-                (c) => F(c, I, (x) => ({
-                  ...x,
+                (h) => O(h, w, (M) => ({
+                  ...M,
                   text: d.output,
                   isStreaming: !1
                 }))
-              ), i(f), m((c) => c + 1);
+              ), i(p), u((h) => h + 1);
             }
         } catch {
           s(
-            (b) => F(b, I, (d) => ({ ...d, isStreaming: !1 }))
+            (S) => O(S, w, (d) => ({ ...d, isStreaming: !1 }))
           );
         } finally {
           o(!1);
@@ -161,25 +173,25 @@ function xt(t, n) {
       })();
     },
     [t, l]
-  ), w = _(() => {
-    var g;
-    (g = y.current) == null || g.abort();
-  }, []), B = _(() => {
-    var g;
-    (g = y.current) == null || g.abort(), y.current = null, s([]), i([]), o(!1);
+  ), C = _(() => {
+    var b;
+    (b = m.current) == null || b.abort();
+  }, []), E = _(() => {
+    var b;
+    (b = m.current) == null || b.abort(), m.current = null, s([]), i([]), o(!1);
   }, []);
   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__ */ k("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__ */ k("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__ */ k("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__ */ k("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,40 +282,40 @@ class Rt {
     return this.inner.definition();
   }
   async call(n, r) {
-    var i, l, o, u, m, y;
+    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;
     try {
-      const v = await this.onApprovalRequired({
+      const g = await this.onApprovalRequired({
         id: "",
         type: "tool_call_started",
         name: s.name,
         args: n,
         isStreaming: !0
       });
-      v === Mt ? this.hooks.enqueueInline ? a = await this.hooks.enqueueInline(s.name, n) : a = !0 : a = v;
+      g === $t ? this.hooks.enqueueInline ? a = await this.hooks.enqueueInline(s.name, n) : a = !0 : a = g;
     } finally {
-      (u = (o = this.hooks).notifyAwaiting) == null || u.call(o, s.name, !1);
+      (c = (o = this.hooks).notifyAwaiting) == null || c.call(o, s.name, !1);
     }
-    return a === !1 ? ((y = (m = this.hooks).setStatus) == null || y.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;
+      if (!Lt(l, r())) return i;
       const o = n();
-      return o ? new Rt(i, o, s) : i;
+      return o ? new Bt(i, o, s) : i;
     }
   };
 }
-const it = nt(null);
-function re({
+const ct = X(null);
+function ue({
   runner: t,
   agent: n,
   children: r,
@@ -312,98 +324,110 @@ function re({
   approvalOverride: i,
   initialHistory: l,
   initialEntries: o,
-  onConversationChange: u
+  onConversationChange: c,
+  theme: u,
+  disableRoot: m
 }) {
-  const m = C(u);
-  m.current = u;
-  const y = C(l), v = C(o), 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 vt(t.adapter, H);
-  }, [t, a, i]), [g, A] = R(() => {
-    const $ = B.conversation(n);
-    return y.current && y.current.length > 0 && ($.history = [...y.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: b,
-    reset: d,
-    setToolAwaitingApproval: f,
-    setToolStatus: c
-  } = xt(g, {
-    initialEntries: v.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 = c;
-  const [x, V] = R([]), X = C(x);
-  X.current = x;
-  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: b,
-      reset: Y,
-      pendingApprovals: x
+      messages: f,
+      history: v,
+      sendMessage: S,
+      cancel: d,
+      isRunning: p,
+      reset: st,
+      pendingApprovals: W,
+      isReady: rt
     }),
-    [E, I, h, p, b, Y, x]
-  );
-  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__ */ k("div", { "data-mast-inline-approval": !0, "data-tool-name": t.name, className: i, children: [
-    /* @__PURE__ */ k("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__ */ k("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__ */ k(
+  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__ */ k("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,60 +521,72 @@ function Lt(t, n) {
       return n.check;
   }
 }
-function ot({ entry: t, className: n }) {
-  const r = q(), s = ["mast-tool-call-block", n].filter(Boolean).join(" "), a = t.subThinking !== void 0 || t.subText !== void 0, i = t.nestedToolEvents ?? [], l = Lt(t, r), o = et(t.args), u = et(t.result);
-  return /* @__PURE__ */ k(
-    "div",
+function zt(t, n) {
+  return t === "streaming" ? n ? !0 : void 0 : t;
+}
+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: s,
+      className: l,
+      open: x,
       children: [
-        /* @__PURE__ */ k("div", { 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",
             {
               className: "mast-tool-call-block-status",
               "data-testid": "mast-tool-call-status",
               "aria-hidden": "true",
-              children: l
+              children: u
             }
           ),
-          /* @__PURE__ */ e("span", { className: "mast-tool-call-block-wrench", "aria-hidden": "true", children: r.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 })
         ] }),
-        a ? /* @__PURE__ */ k("div", { className: "mast-tool-call-block-sub-output", children: [
-          t.subThinking !== void 0 ? /* @__PURE__ */ e(
-            lt,
-            {
-              content: t.subThinking,
-              isStreaming: t.isStreaming,
-              className: "mast-tool-call-block-sub-thinking",
-              open: t.isStreaming ? !0 : void 0
-            }
-          ) : 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,
-        i.length > 0 ? /* @__PURE__ */ e("div", { className: "mast-tool-call-block-nested", "data-testid": "mast-tool-call-nested", children: i.map((m) => /* @__PURE__ */ e(ot, { entry: m }, m.id)) }) : null,
-        o ? /* @__PURE__ */ k("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: o }) })
-        ] }) : null,
-        !t.isStreaming && u ? /* @__PURE__ */ k("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: u }) })
-        ] }) : null
+        /* @__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(
+              ut,
+              {
+                content: t.subThinking,
+                isStreaming: t.isStreaming,
+                className: "mast-tool-call-block-sub-thinking",
+                open: t.isStreaming ? !0 : void 0
+              }
+            ) : null,
+            t.subText !== void 0 ? /* @__PURE__ */ e("div", { className: "mast-tool-call-block-sub-text", "data-testid": "mast-tool-call-sub-text", children: t.subText }) : null
+          ] }) : null,
+          c.length > 0 ? /* @__PURE__ */ e("div", { className: "mast-tool-call-block-nested", "data-testid": "mast-tool-call-nested", children: c.map((A) => /* @__PURE__ */ e(mt, { entry: A }, A.id)) }) : null,
+          m ? /* @__PURE__ */ I("details", { className: "mast-tool-call-block-args", children: [
+            /* @__PURE__ */ e("summary", { children: "Arguments" }),
+            /* @__PURE__ */ e("pre", { className: "mast-tool-call-block-pre", children: /* @__PURE__ */ e("code", { children: m }) })
+          ] }) : null,
+          !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: g }) })
+          ] }) : null
+        ] })
       ]
     }
   );
 }
-function Bt({ 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 Ut = pt(async () => {
+const Ot = kt(async () => {
   try {
     const [{ default: t }, { default: n }, { default: r }] = await Promise.all([
       import("react-markdown"),
@@ -565,39 +602,41 @@ const Ut = pt(async () => {
     };
   }
 });
-function Kt({
+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 = (o) => {
-    const u = o.awaitingApproval ? i.find((m) => m.toolName === o.name) : void 0;
-    return s ? s(o, 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: o,
-        approve: u.approve,
-        reject: u.reject,
-        respondWith: u.respondWith
+        entry: u,
+        approve: m.approve,
+        reject: m.reject,
+        respondWith: m.respondWith
       }
-    ) : /* @__PURE__ */ e(ot, { entry: o });
+    ) : /* @__PURE__ */ e(mt, { entry: u });
   };
-  return /* @__PURE__ */ k(
+  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((o, u) => /* @__PURE__ */ e(rt, { children: l(o) }, `${o.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(Ut, { 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 Vt({
+function qt({
   items: t,
   activeIndex: n,
   onSelect: r,
@@ -612,18 +651,18 @@ function Vt({
       role: "listbox",
       "aria-label": "Mention picker",
       children: t.map((i, l) => {
-        const o = l === n, u = o ? "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": o,
-            className: u,
-            onMouseDown: (m) => {
-              m.preventDefault(), r(i);
+            className: c,
+            onMouseDown: (u) => {
+              u.preventDefault(), r(i);
             },
-            children: a ? a(i, o) : /* @__PURE__ */ k("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 })
             ] })
@@ -634,114 +673,114 @@ function Vt({
     }
   );
 }
-const Z = "@";
-function ct(t) {
+const tt = "@";
+function ht(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function Wt(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 zt(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 Ft(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 Ot(t) {
-  const n = t.trigger ?? "@", [r, s] = R([]), [a, i] = R(""), [l, o] = R(null), [u, m] = R(0), [y, v] = 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) {
-      v([]);
+      g([]);
       return;
     }
-    const h = ++P.current;
+    const f = ++A.current;
     if (t.onSearch) {
-      const p = t.onSearch(l);
-      p instanceof Promise ? p.then((b) => {
-        h === P.current && v(b);
-      }) : v(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 y.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), o(Wt(h, n)), m(0);
+  })(), E = _(
+    (f) => {
+      i(f), o(Gt(f, n)), u(0);
     },
     [n]
-  ), g = _(
-    (h) => {
-      const p = T.current;
-      if (p.some((d) => d.item.id === h.id)) return;
-      const b = zt(M.current, n);
-      s([...p, { text: b, item: h }]), i(""), o(null), m(0);
+  ), b = _(
+    (f) => {
+      const v = x.current;
+      if (v.some((d) => d.item.id === f.id)) return;
+      const S = Jt(T.current, n);
+      s([...v, { text: S, item: f }]), i(""), o(null), u(0);
     },
     [n]
-  ), A = _((h) => {
-    const p = T.current, b = p.findIndex((c) => c.item.id === h);
-    if (b === -1) return;
-    const d = p[b].text, f = [...p.slice(0, b), ...p.slice(b + 1)];
-    if (b < f.length) {
-      f[b] = { ...f[b], text: d + f[b].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(), g(w[u] ?? w[0]), !0;
+          return f.preventDefault(), b(C[c] ?? C[0]), !0;
         case "Escape":
-          return h.preventDefault(), o(null), !0;
+          return f.preventDefault(), o(null), !0;
         default:
           return !1;
       }
     },
-    [l, w, u, g]
-  ), E = _(() => {
-    const h = Ft(r, a);
-    return { prompt: t.buildPrompt ? t.buildPrompt(r, a) : h, displayText: h };
-  }, [r, a, t.buildPrompt]), I = _(() => {
-    s([]), i(""), o(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: g,
-    removeChip: A,
-    buildSubmission: E,
-    clear: I
+    selectItem: b,
+    removeChip: y,
+    buildSubmission: P,
+    clear: w
   };
 }
-const Ht = 1, qt = 8;
-function ut(t) {
+const Xt = 1, Yt = 8;
+function pt(t) {
   const n = t.split(`
 `).length;
-  return Math.min(qt, Math.max(Ht, n));
+  return Math.min(Yt, Math.max(Xt, n));
 }
-function Gt({
+function te({
   className: t,
   placeholder: n = "Type a message and press Enter.",
   sendLabel: r,
@@ -749,7 +788,7 @@ function Gt({
   mentions: a
 }) {
   return a ? /* @__PURE__ */ e(
-    Qt,
+    ne,
     {
       className: t,
       placeholder: n,
@@ -758,7 +797,7 @@ function Gt({
       mentions: a
     }
   ) : /* @__PURE__ */ e(
-    Jt,
+    ee,
     {
       className: t,
       placeholder: n,
@@ -767,19 +806,19 @@ function Gt({
     }
   );
 }
-function Jt({ className: t, placeholder: n, sendLabel: r, cancelLabel: s }) {
-  const { sendMessage: a, cancel: i, isRunning: l } = G(), o = q(), [u, m] = R(""), y = ["mast-chat-input", t].filter(Boolean).join(" "), v = u.trim(), T = !l && v.length > 0, M = () => {
-    T && (a(v), 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__ */ k(
+  return /* @__PURE__ */ I(
     "form",
     {
       "data-mast-chat-input": !0,
-      className: y,
-      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" }),
@@ -790,10 +829,10 @@ function Jt({ 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(
@@ -803,7 +842,7 @@ function Jt({ className: t, placeholder: n, sendLabel: r, cancelLabel: s }) {
             className: "mast-chat-input-cancel",
             "aria-label": "Cancel",
             onClick: i,
-            children: s ?? o.stop
+            children: s ?? c.stop
           }
         ) : /* @__PURE__ */ e(
           "button",
@@ -812,94 +851,94 @@ function Jt({ className: t, placeholder: n, sendLabel: r, cancelLabel: s }) {
             className: "mast-chat-input-send",
             "aria-label": "Send",
             disabled: !T,
-            children: r ?? o.send
+            children: r ?? c.send
           }
         )
       ]
     }
   );
 }
-function Qt({
+function ne({
   className: t,
   placeholder: n,
   sendLabel: r,
   cancelLabel: s,
   mentions: a
 }) {
-  const { sendMessage: i, cancel: l, isRunning: o } = G(), u = q(), m = gt(), {
-    segments: y,
-    trailingInput: v,
+  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: g,
-    buildSubmission: A,
-    clear: N
-  } = Ot(a), E = ["mast-chat-input", "mast-mention-input", t].filter(Boolean).join(" "), I = y.length > 0 || v.trim().length > 0, h = !o && I, p = T !== null && M.length > 0, b = p ? `${m}-${P}` : void 0, d = () => {
-    if (!h) return;
-    const { prompt: c, displayText: x } = A();
-    x.trim() && (i(c, x), N());
-  }, f = (c) => {
-    w(c) || c.key === "Enter" && !c.shiftKey && (c.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__ */ k(
+  return /* @__PURE__ */ I(
     "form",
     {
       "data-mast-chat-input": !0,
-      className: E,
-      onSubmit: (c) => {
-        c.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__ */ k("div", { className: "mast-mention-input-field", children: [
-          p && /* @__PURE__ */ e(
-            Vt,
+        /* @__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__ */ k("div", { className: "mast-mention-input-content", children: [
-            y.map((c) => /* @__PURE__ */ k(rt, { children: [
-              c.text && /* @__PURE__ */ e("span", { className: "mast-mention-segment-text", children: c.text }),
-              a.renderChip ? a.renderChip(c.item, () => g(c.item.id)) : /* @__PURE__ */ k("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: [
                 "@",
-                c.item.label,
+                k.item.label,
                 /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
                     className: "mast-mention-chip-remove",
-                    "aria-label": `Remove reference to ${c.item.label}`,
-                    onClick: () => g(c.item.id),
+                    "aria-label": `Remove reference to ${k.item.label}`,
+                    onClick: () => y(k.item.id),
                     children: "×"
                   }
                 )
               ] })
-            ] }, c.item.id)),
+            ] }, k.item.id)),
             /* @__PURE__ */ e(
               "textarea",
               {
                 id: "mast-chat-input-field",
                 className: "mast-chat-input-textarea mast-mention-input-textarea",
-                value: v,
-                placeholder: y.length === 0 ? n : "",
-                rows: ut(v),
-                disabled: o,
-                onChange: (c) => S(c.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": b
+                "aria-activedescendant": p
               }
             )
           ] })
@@ -919,7 +958,7 @@ function Qt({
             type: "submit",
             className: "mast-chat-input-send",
             "aria-label": "Send",
-            disabled: !h,
+            disabled: !v,
             children: r ?? u.send
           }
         )
@@ -927,86 +966,113 @@ function Qt({
     }
   );
 }
-function Zt({ entry: t, className: n, renderToolCall: r, renderMessage: s }) {
-  return t.role === "user" ? /* @__PURE__ */ e(Bt, { entry: t, className: n }) : /* @__PURE__ */ e(
-    Kt,
+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 Xt = 80;
-function Yt({ className: t, renderToolCall: n, renderMessage: r }) {
-  const { messages: s } = G(), a = C(null), i = bt({
-    count: s.length,
-    getScrollElement: () => a.current,
-    estimateSize: () => Xt,
+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, o = (l == null ? void 0 : l.text.length) ?? 0;
-  Q(() => {
-    s.length !== 0 && i.scrollToIndex(s.length - 1, { align: "end" });
-  }, [s.length, o, i]);
-  const u = i.getTotalSize(), m = i.getVirtualItems(), y = ["mast-message-list", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { ref: a, "data-mast-message-list": !0, className: y, role: "log", "aria-live": "polite", children: /* @__PURE__ */ e("div", { style: { height: `${u}px`, position: "relative", width: "100%" }, children: m.map((v) => {
-    const T = s[v.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": v.index,
-        ref: i.measureElement,
+        "data-index": T.index,
+        ref: o.measureElement,
         style: {
           position: "absolute",
           top: 0,
           left: 0,
           width: "100%",
-          transform: `translateY(${v.start}px)`
+          transform: `translateY(${T.start}px)`
         },
         children: /* @__PURE__ */ e(
-          Zt,
+          se,
           {
-            entry: T,
+            entry: A,
             renderToolCall: n,
-            renderMessage: r
+            renderApproval: r,
+            renderMessage: s,
+            getToolLabel: a
           }
         )
       },
-      T.id
+      A.id
     );
   }) }) });
 }
-function ae({
+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__ */ k("div", { "data-mast-root": !0, "data-mast-theme": t, className: l, children: [
-    /* @__PURE__ */ e(Yt, { renderToolCall: r, renderMessage: s }),
-    /* @__PURE__ */ e(Gt, { 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 {
-  re as AgentProvider,
-  Kt as AssistantMessage,
-  Gt as ChatInput,
-  ae as ConversationPanel,
-  Mt as INLINE_APPROVAL,
-  jt as InlineApproval,
-  Zt as MessageItem,
-  Yt as MessageList,
-  lt as ThinkingBlock,
-  ot as ToolCallBlock,
-  Bt as UserMessage,
-  Ft as buildInlineMentionPrompt,
-  Wt as extractMentionQuery,
-  zt as removeMentionTrigger,
-  G as useAgent,
-  xt as useAgentStream,
-  Ot 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
 };