@mast-ai/react-ui 0.4.0 → 0.6.0

package/dist/index.js

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