@opentiny/tiny-robot 0.5.1 → 0.5.2-alpha.0

package/dist/index6.js

@@ -1,50 +1,50 @@
-import { ref as L, watch as H, toValue as k, onMounted as xe, onUnmounted as We, nextTick as ne, defineComponent as I, openBlock as v, createElementBlock as E, renderSlot as C, computed as x, unref as R, normalizeClass as G, createVNode as V, watchEffect as Z, Fragment as P, createElementVNode as B, mergeProps as O, toDisplayString as z, withDirectives as ee, vShow as te, createBlock as A, resolveDynamicComponent as J, normalizeProps as D, guardReactiveProps as U, createCommentVNode as ae, useCssModule as Ve, renderList as W, markRaw as F, inject as T, provide as M, reactive as ze, readonly as Xe, withCtx as $ } from "vue";
+import { ref as M, watch as U, toValue as k, onMounted as xe, onUnmounted as We, nextTick as te, defineComponent as I, openBlock as v, createElementBlock as E, renderSlot as C, computed as x, unref as R, normalizeClass as G, createVNode as V, onBeforeUnmount as Ve, Fragment as D, createElementVNode as B, mergeProps as O, toDisplayString as z, withDirectives as Q, vShow as ee, createBlock as A, resolveDynamicComponent as J, normalizeProps as P, guardReactiveProps as H, createCommentVNode as ae, watchEffect as ne, useCssModule as ze, renderList as W, markRaw as F, inject as T, provide as L, reactive as Xe, readonly as qe, withCtx as $ } from "vue";
 import { _ as N } from "./_plugin-vue_export-helper.js";
-import { IconLoading as Be, IconAtom as qe, IconArrowDown as Re, IconPlugin as me, IconError as Ze, IconCancelled as Qe } from "@opentiny/tiny-robot-svgs";
-import { l as et, w as tt, g as nt, a as st } from "./index4.js";
+import { IconLoading as Be, IconAtom as Ze, IconArrowDown as Re, IconPlugin as me, IconError as Qe, IconCancelled as et } from "@opentiny/tiny-robot-svgs";
+import { l as tt, w as nt, g as st, a as ot } from "./index4.js";
 function _e(t, e) {
-  const n = H(t, (s, a) => {
-    a === !0 && s === !1 && (e(), n());
+  const n = U(t, (s, l) => {
+    l === !0 && s === !1 && (e(), n());
   });
   return n;
 }
-function ot(t, e, n) {
-  const { scrollOnMount: s = !0, bottomThreshold: a = 20, scrollThrottle: i = 0 } = n ?? {}, o = L(!0);
-  let l = !1;
-  const u = /* @__PURE__ */ new Set(), f = () => st(t), { y: m, isScrolling: h, arrivedState: y } = et(f, { throttle: i }), g = (r) => r.scrollHeight - r.scrollTop - r.clientHeight <= a, c = async (r = "auto") => {
-    const d = k(f);
-    if (d && (await ne(), d.scrollTo({ top: d.scrollHeight, behavior: r }), r === "smooth" && !g(d))) {
-      const _ = _e(h, () => {
-        d.scrollTo({ top: d.scrollHeight, behavior: "auto" }), u.delete(_);
+function rt(t, e, n) {
+  const { scrollOnMount: s = !0, bottomThreshold: l = 20, scrollThrottle: i = 0 } = n ?? {}, r = M(!0);
+  let a = !1;
+  const u = /* @__PURE__ */ new Set(), p = () => ot(t), { y: _, isScrolling: h, arrivedState: y } = tt(p, { throttle: i }), m = (o) => o.scrollHeight - o.scrollTop - o.clientHeight <= l, c = async (o = "auto") => {
+    const d = k(p);
+    if (d && (await te(), d.scrollTo({ top: d.scrollHeight, behavior: o }), o === "smooth" && !m(d))) {
+      const g = _e(h, () => {
+        d.scrollTo({ top: d.scrollHeight, behavior: "auto" }), u.delete(g);
       });
-      u.add(_);
+      u.add(g);
     }
-  }, p = () => {
-    l || !o.value || (l = !0, requestAnimationFrame(async () => {
-      l = !1, await c("auto");
+  }, f = () => {
+    a || !r.value || (a = !0, requestAnimationFrame(async () => {
+      a = !1, await c("auto");
     }));
   };
-  return H(
-    m,
+  return U(
+    _,
     () => {
-      const r = k(f);
-      r && (o.value = g(r));
+      const o = k(p);
+      o && (r.value = m(o));
     },
     { flush: "post" }
-  ), tt(
+  ), nt(
     e,
     () => {
-      p();
+      f();
     },
     { flush: "post", throttle: 100 }
   ), xe(() => {
     s && c("smooth");
   }), We(() => {
-    u.forEach((r) => {
-      r();
+    u.forEach((o) => {
+      o();
     }), u.clear();
-  }), nt("keydown", (r) => {
-    if (r.key === "End" && !o.value) {
+  }), st("keydown", (o) => {
+    if (o.key === "End" && !r.value) {
       const d = _e(h, () => {
         c("auto"), u.delete(d);
       });
@@ -66,64 +66,64 @@ const Ee = Symbol("bubble-message-group"), Ce = Symbol("bubble-box-renderer-matc
   NORMAL: 0,
   CONTENT: 10,
   ROLE: 20
-}, rt = {
+}, at = {
   class: "tr-bubble__box",
   "data-box-type": "box"
-}, at = /* @__PURE__ */ I({
+}, lt = /* @__PURE__ */ I({
   __name: "Box",
   props: {
     placement: {},
     shape: {}
   },
   setup(t) {
-    return (e, n) => (v(), E("div", rt, [
+    return (e, n) => (v(), E("div", at, [
       C(e.$slots, "default", {}, void 0, !0)
     ]));
   }
-}), le = /* @__PURE__ */ N(at, [["__scopeId", "data-v-98101726"]]), lt = ["src", "alt"], ct = /* @__PURE__ */ I({
+}), le = /* @__PURE__ */ N(lt, [["__scopeId", "data-v-98101726"]]), ct = ["src", "alt"], ut = /* @__PURE__ */ I({
   __name: "Image",
   props: {
     message: {},
     contentIndex: {}
   },
   setup(t) {
-    const e = t, n = L(!1), s = L(!1), { content: a } = fe(e), i = x(() => a.value ? typeof a.value.image_url == "string" ? a.value.image_url : a.value.image_url.url : null);
-    H(i, () => {
+    const e = t, n = M(!1), s = M(!1), { content: l } = fe(e), i = x(() => l.value ? typeof l.value.image_url == "string" ? l.value.image_url : l.value.image_url.url : null);
+    U(i, () => {
       n.value = !1, s.value = !1;
     });
-    const o = () => {
+    const r = () => {
       n.value = !0, s.value = !1;
-    }, l = () => {
+    }, a = () => {
       s.value = !0, n.value = !0;
     };
-    return (u, f) => {
-      var m;
+    return (u, p) => {
+      var _;
       return v(), E("img", {
         class: G(["tr-bubble__image", { loading: !n.value }]),
         src: i.value,
-        alt: (m = R(a)) == null ? void 0 : m.text,
+        alt: (_ = R(l)) == null ? void 0 : _.text,
         loading: "lazy",
-        onLoad: o,
-        onError: l,
+        onLoad: r,
+        onError: a,
         "data-type": "image"
-      }, null, 42, lt);
+      }, null, 42, ct);
     };
   }
-}), Ne = /* @__PURE__ */ N(ct, [["__scopeId", "data-v-e59794cb"]]), ut = {
+}), Ne = /* @__PURE__ */ N(ut, [["__scopeId", "data-v-e59794cb"]]), it = {
   class: "tr-bubble__loading",
   "data-type": "loading"
-}, it = /* @__PURE__ */ I({
+}, dt = /* @__PURE__ */ I({
   __name: "Loading",
   props: {
     message: {},
     contentIndex: {}
   },
   setup(t) {
-    return (e, n) => (v(), E("div", ut, [
+    return (e, n) => (v(), E("div", it, [
       V(R(Be))
     ]));
   }
-}), we = /* @__PURE__ */ N(it, [["__scopeId", "data-v-bc1b5ff4"]]), dt = { class: "title" }, bt = { class: "detail" }, ft = /* @__PURE__ */ I({
+}), we = /* @__PURE__ */ N(dt, [["__scopeId", "data-v-bc1b5ff4"]]), bt = { class: "title" }, ft = { class: "detail" }, pt = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "Reasoning",
   props: {
@@ -131,53 +131,59 @@ const Ee = Symbol("bubble-message-group"), Ce = Symbol("bubble-box-renderer-matc
     contentIndex: {}
   },
   setup(t) {
-    const e = t, { restMessage: n, restProps: s } = je(e, ["reasoning_content"]), a = ue(n, e.contentIndex), i = L(!0);
-    Z(() => {
-      var f;
-      i.value = ((f = e.message.state) == null ? void 0 : f.open) ?? !0;
-    });
-    const o = ie(), l = () => {
-      i.value = !i.value, o({
+    const e = t, { restMessage: n, restProps: s } = je(e, ["reasoning_content"]), l = ue(n, e.contentIndex), i = M(!0), r = M(e.message.reasoning_content ?? ""), a = M(null);
+    let u = null;
+    const p = () => {
+      !i.value || !a.value || (a.value.scrollTop = a.value.scrollHeight);
+    }, _ = () => {
+      u === null && (u = requestAnimationFrame(() => {
+        u = null, r.value = e.message.reasoning_content ?? "", te(p);
+      }));
+    };
+    U(
+      () => {
+        var m;
+        return (m = e.message.state) == null ? void 0 : m.open;
+      },
+      (m) => {
+        i.value = m ?? !0, i.value && _();
+      },
+      { immediate: !0 }
+    ), U(() => e.message.reasoning_content, _, { immediate: !0 });
+    const h = ie(), y = () => {
+      i.value = !i.value, i.value && _(), h({
         name: "state:update",
         payload: {
           key: "open",
           value: i.value
         }
       });
-    }, u = L(null);
-    return H(
-      () => e.message.reasoning_content,
-      () => {
-        ne(() => {
-          u.value && u.value.scrollTo({
-            top: u.value.scrollHeight,
-            behavior: "smooth"
-          });
-        });
-      }
-    ), (f, m) => {
-      var h, y;
-      return v(), E(P, null, [
+    };
+    return Ve(() => {
+      u !== null && cancelAnimationFrame(u);
+    }), (m, c) => {
+      var f, o;
+      return v(), E(D, null, [
         B("div", O({
           class: "tr-bubble__reasoning",
           "data-type": "reasoning"
-        }, f.$attrs), [
+        }, m.$attrs), [
           B("div", {
             class: "header",
-            onClick: l
+            onClick: y
           }, [
             B("div", {
-              class: G(["icon-and-text", { thinking: (h = e.message.state) == null ? void 0 : h.thinking }])
+              class: G(["icon-and-text", { thinking: (f = e.message.state) == null ? void 0 : f.thinking }])
             }, [
-              V(R(qe)),
-              B("span", dt, z((y = e.message.state) != null && y.thinking ? "正在思考" : "已思考"), 1)
+              V(R(Ze)),
+              B("span", bt, z((o = e.message.state) != null && o.thinking ? "正在思考" : "已思考"), 1)
             ], 2),
             V(R(Re), {
               class: G(["expand-icon", { "-rotate-90": !i.value }])
             }, null, 8, ["class"])
           ]),
-          ee(B("div", bt, [
-            m[0] || (m[0] = B("div", { class: "side-border" }, [
+          Q(B("div", ft, [
+            c[0] || (c[0] = B("div", { class: "side-border" }, [
               B("div", { class: "dot-wrapper" }, [
                 B("div", { class: "dot" })
               ]),
@@ -186,21 +192,21 @@ const Ee = Symbol("bubble-message-group"), Ce = Symbol("bubble-box-renderer-matc
             B("p", {
               class: "detail-content",
               ref_key: "detailRef",
-              ref: u
-            }, z(e.message.reasoning_content), 513)
+              ref: a
+            }, z(r.value), 513)
           ], 512), [
-            [te, i.value]
+            [ee, i.value]
           ])
         ], 16),
-        (v(), A(J(R(a).renderer), D(U({ ...R(a).attributes, ...R(s) })), null, 16))
+        (v(), A(J(R(l).renderer), P(H({ ...R(l).attributes, ...R(s) })), null, 16))
       ], 64);
     };
   }
-}), Fe = /* @__PURE__ */ N(ft, [["__scopeId", "data-v-4ddaccea"]]), pt = {
+}), Fe = /* @__PURE__ */ N(pt, [["__scopeId", "data-v-cb375d8c"]]), mt = {
   key: 0,
   class: "tr-bubble__text",
   "data-type": "text"
-}, mt = /* @__PURE__ */ I({
+}, _t = /* @__PURE__ */ I({
   __name: "Text",
   props: {
     message: {},
@@ -208,9 +214,9 @@ const Ee = Symbol("bubble-message-group"), Ce = Symbol("bubble-box-renderer-matc
   },
   setup(t) {
     const e = t, { contentText: n } = fe(e);
-    return (s, a) => R(n) ? (v(), E("p", pt, z(R(n)), 1)) : ae("", !0);
+    return (s, l) => R(n) ? (v(), E("p", mt, z(R(n)), 1)) : ae("", !0);
   }
-}), ce = /* @__PURE__ */ N(mt, [["__scopeId", "data-v-93592ecb"]]), Pe = /* @__PURE__ */ I({
+}), ce = /* @__PURE__ */ N(_t, [["__scopeId", "data-v-93592ecb"]]), De = /* @__PURE__ */ I({
   __name: "ToolRole",
   props: {
     message: {},
@@ -218,14 +224,14 @@ const Ee = Symbol("bubble-message-group"), Ce = Symbol("bubble-box-renderer-matc
   },
   setup(t) {
     const e = t, n = be();
-    return Z(() => {
+    return ne(() => {
       e.message.tool_call_id && (n.toolCallResults || (n.toolCallResults = {}), n.toolCallResults[e.message.tool_call_id] = e.message.content ?? "");
-    }), (s, a) => ae("", !0);
+    }), (s, l) => ae("", !0);
   }
-}), _t = {
+}), gt = {
   class: "tr-bubble__tool-call",
   "data-type": "tool-call"
-}, gt = { class: "header" }, vt = { class: "header-left" }, ht = { class: "title" }, yt = { class: "header-right" }, xt = { class: "divider" }, Bt = ["innerHTML"], Rt = /* @__PURE__ */ I({
+}, vt = { class: "header" }, ht = { class: "header-left" }, yt = { class: "title" }, xt = { class: "header-right" }, Bt = { class: "divider" }, Rt = ["innerHTML"], Et = /* @__PURE__ */ I({
   __name: "Tool",
   props: {
     message: {},
@@ -233,103 +239,103 @@ const Ee = Symbol("bubble-message-group"), Ce = Symbol("bubble-box-renderer-matc
     toolCallIndex: {}
   },
   setup(t) {
-    const e = t, { toolCall: n, toolCallWithResult: s, state: a } = Ut(e), i = /* @__PURE__ */ new Map([
+    const e = t, { toolCall: n, toolCallWithResult: s, state: l } = Ht(e), i = /* @__PURE__ */ new Map([
       ["running", { text: "正在调用", icon: Be }],
       ["success", { text: "已调用", icon: me }],
-      ["failed", { text: "调用失败", icon: Ze }],
-      ["cancelled", { text: "已取消", icon: Qe }]
-    ]), o = x(() => {
+      ["failed", { text: "调用失败", icon: Qe }],
+      ["cancelled", { text: "已取消", icon: et }]
+    ]), r = x(() => {
       var d;
-      return i.get(((d = a.value) == null ? void 0 : d.status) || "") || { text: "", icon: me };
-    }), l = (d, _ = 2) => {
+      return i.get(((d = l.value) == null ? void 0 : d.status) || "") || { text: "", icon: me };
+    }), a = (d, g = 2) => {
       let b = "";
       try {
-        typeof d == "string" ? b = JSON.stringify(JSON.parse(d), null, _) : b = JSON.stringify(d, null, _);
+        typeof d == "string" ? b = JSON.stringify(JSON.parse(d), null, g) : b = JSON.stringify(d, null, g);
       } catch {
       }
       return b;
-    }, u = Ve(), f = (d) => d.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), m = (d) => {
+    }, u = ze(), p = (d) => d.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), _ = (d) => {
       if (!d)
         return "";
-      let _ = f(d);
-      return _ = _.replace(
+      let g = p(d);
+      return g = g.replace(
         /("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?)/g,
         (b) => {
           let S = "number";
           return /^"/.test(b) ? S = /:$/.test(b) ? "key" : "string" : /true|false/.test(b) ? S = "boolean" : /null/.test(b) && (S = "null"), `<span class="${u[S]}">${b}</span>`;
         }
-      ), _;
-    }, h = x(() => l(s.value, 2)), y = x(() => m(h.value)), g = L(null);
-    H(h, (d, _) => {
-      _ === "" || _ === "{}" || ne(() => {
-        g.value && g.value.scrollTo({
-          top: g.value.scrollHeight,
+      ), g;
+    }, h = x(() => a(s.value, 2)), y = x(() => _(h.value)), m = M(null);
+    U(h, (d, g) => {
+      g === "" || g === "{}" || te(() => {
+        m.value && m.value.scrollTo({
+          top: m.value.scrollHeight,
           behavior: "smooth"
         });
       });
     });
-    const c = L(!1);
-    Z(() => {
-      c.value = a.value.open ?? !1;
+    const c = M(!1);
+    ne(() => {
+      c.value = l.value.open ?? !1;
     });
-    const p = ie(), r = () => {
-      var _, b;
+    const f = ie(), o = () => {
+      var g, b;
       c.value = !c.value;
-      const d = (_ = n.value) == null ? void 0 : _.id;
-      d && p({
+      const d = (g = n.value) == null ? void 0 : g.id;
+      d && f({
         name: "state:update",
         payload: {
           key: "toolCall",
           value: {
             ...(b = e.message.state) == null ? void 0 : b.toolCall,
-            [d]: { ...a.value, open: c.value }
+            [d]: { ...l.value, open: c.value }
           }
         }
       });
     };
-    return (d, _) => {
+    return (d, g) => {
       var b;
-      return v(), E("div", _t, [
-        B("div", gt, [
-          B("div", vt, [
-            (v(), A(J(o.value.icon), {
-              class: G(["header-icon", `icon-${R(a).status}`])
+      return v(), E("div", gt, [
+        B("div", vt, [
+          B("div", ht, [
+            (v(), A(J(r.value.icon), {
+              class: G(["header-icon", `icon-${R(l).status}`])
             }, null, 8, ["class"])),
             B("span", null, [
-              B("span", null, z(o.value.text) + " ", 1),
-              B("span", ht, z(((b = R(n)) == null ? void 0 : b.function.name) || "Untitled"), 1)
+              B("span", null, z(r.value.text) + " ", 1),
+              B("span", yt, z(((b = R(n)) == null ? void 0 : b.function.name) || "Untitled"), 1)
             ])
           ]),
-          B("div", yt, [
+          B("div", xt, [
             V(R(Re), {
               class: G(["expand-icon", { "-rotate-90": !c.value }]),
-              onClick: r
+              onClick: o
             }, null, 8, ["class"])
           ])
         ]),
-        ee(B("div", xt, null, 512), [
-          [te, c.value]
+        Q(B("div", Bt, null, 512), [
+          [ee, c.value]
         ]),
-        ee(B("div", {
+        Q(B("div", {
           class: "detail",
           innerHTML: y.value,
           ref_key: "detailRef",
-          ref: g
-        }, null, 8, Bt), [
-          [te, c.value]
+          ref: m
+        }, null, 8, Rt), [
+          [ee, c.value]
         ])
       ]);
     };
   }
-}), Et = "_key_1b448_2", Ct = "_number_1b448_6", kt = "_string_1b448_10", It = "_boolean_1b448_14", St = {
-  key: Et,
-  number: Ct,
-  string: kt,
-  boolean: It,
+}), Ct = "_key_1b448_2", kt = "_number_1b448_6", It = "_string_1b448_10", St = "_boolean_1b448_14", Tt = {
+  key: Ct,
+  number: kt,
+  string: It,
+  boolean: St,
   null: "_null_1b448_18"
-}, Tt = {
-  $style: St
-}, De = /* @__PURE__ */ N(Rt, [["__cssModules", Tt], ["__scopeId", "data-v-00014a8b"]]), Ue = /* @__PURE__ */ I({
+}, At = {
+  $style: Tt
+}, Pe = /* @__PURE__ */ N(Et, [["__cssModules", At], ["__scopeId", "data-v-00014a8b"]]), Ue = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "Tools",
   props: {
@@ -337,12 +343,12 @@ const Ee = Symbol("bubble-message-group"), Ce = Symbol("bubble-box-renderer-matc
     contentIndex: {}
   },
   setup(t) {
-    const e = t, { restMessage: n, restProps: s } = je(e, ["tool_calls"]), a = ue(n, e.contentIndex);
-    return (i, o) => (v(), E(P, null, [
-      (v(), A(J(R(a).renderer), D(U({ ...R(a).attributes, ...R(s) })), null, 16)),
+    const e = t, { restMessage: n, restProps: s } = je(e, ["tool_calls"]), l = ue(n, e.contentIndex);
+    return (i, r) => (v(), E(D, null, [
+      (v(), A(J(R(l).renderer), P(H({ ...R(l).attributes, ...R(s) })), null, 16)),
       B("div", O({ class: "tr-bubble__tools" }, i.$attrs), [
-        (v(!0), E(P, null, W(e.message.tool_calls, (l, u) => (v(), A(De, O({
-          key: l.id
+        (v(!0), E(D, null, W(e.message.tool_calls, (a, u) => (v(), A(Pe, O({
+          key: a.id
         }, { ref_for: !0 }, e, { "tool-call-index": u }), null, 16, ["tool-call-index"]))), 128))
       ], 16)
     ], 64));
@@ -377,92 +383,92 @@ const Ee = Symbol("bubble-message-group"), Ce = Symbol("bubble-box-renderer-matc
   },
   {
     find: (t) => t.role === "tool",
-    renderer: F(Pe),
+    renderer: F(De),
     priority: K.ROLE
   }
 ], Ge = F(le), Ye = F(ce), ge = Symbol("BUBBLE_CONTENT_RESOLVER_KEY"), se = (t) => {
   const e = T(ge, void 0), n = e ?? t;
-  return !e && t && M(ge, t), n ? (a) => {
+  return !e && t && L(ge, t), n ? (l) => {
     const i = k(n);
-    return i == null ? void 0 : i(a);
-  } : (a) => a.content;
+    return i == null ? void 0 : i(l);
+  } : (l) => l.content;
 };
-function At(t) {
+function Mt(t) {
   const { boxRendererMatches: e, boxAttributes: n, fallbackBoxRenderer: s } = t;
-  e && M(Ce, e), n && M(Ie, n), s && M(ke, s);
+  e && L(Ce, e), n && L(Ie, n), s && L(ke, s);
 }
-function Mt(t) {
+function Lt(t) {
   const { fallbackBoxRenderer: e } = t;
-  e && M(Se, e);
+  e && L(Se, e);
 }
-function Lt(t, e) {
-  const n = T(Ce, He), s = T(Ie, void 0), a = T(ke, void 0), i = T(Se, void 0), o = se();
+function $t(t, e) {
+  const n = T(Ce, He), s = T(Ie, void 0), l = T(ke, void 0), i = T(Se, void 0), r = se();
   if (typeof e == "number" && k(t).length !== 1)
     throw new Error("[BubbleBoxRenderer] When contentIndex is a number, messages array length must be 1");
-  const l = (f) => {
-    if (f.length !== 1)
+  const a = (p) => {
+    if (p.length !== 1)
       return { content: void 0, index: void 0 };
-    const m = o(f.at(0));
+    const _ = r(p.at(0));
     return {
-      content: Array.isArray(m) ? m.at(e ?? 0) : { type: "text", text: m || "" },
+      content: Array.isArray(_) ? _.at(e ?? 0) : { type: "text", text: _ || "" },
       index: e ?? 0
     };
-  }, u = (f, m, h, y) => typeof f.attributes == "function" ? f.attributes(m, h, y) : f.attributes;
+  }, u = (p, _, h, y) => typeof p.attributes == "function" ? p.attributes(_, h, y) : p.attributes;
   return x(() => {
-    const f = k(t), { content: m, index: h } = l(f), y = (() => {
+    const p = k(t), { content: _, index: h } = a(p), y = (() => {
       const c = k(s);
       if (c)
-        return typeof c == "function" ? c(f, m, h) : c;
-    })(), g = k(n).find((c) => c.find(f, m, h));
-    return g ? {
-      renderer: g.renderer,
+        return typeof c == "function" ? c(p, _, h) : c;
+    })(), m = k(n).find((c) => c.find(p, _, h));
+    return m ? {
+      renderer: m.renderer,
       attributes: {
         ...y,
-        ...u(g, f, m, h)
+        ...u(m, p, _, h)
       }
     } : {
-      renderer: k(i) || k(a) || Ge,
+      renderer: k(i) || k(l) || Ge,
       attributes: y
     };
   });
 }
-function $t(t) {
+function Ot(t) {
   const { contentRendererMatches: e, contentAttributes: n, fallbackContentRenderer: s } = t;
-  e && M(Te, e), n && M(Me, n), s && M(Ae, s);
+  e && L(Te, e), n && L(Me, n), s && L(Ae, s);
 }
-function Ot(t) {
+function Nt(t) {
   const { fallbackContentRenderer: e } = t;
-  e && M(Le, e);
+  e && L(Le, e);
 }
 function ue(t, e) {
-  const n = T(Te, Ke), s = T(Me, void 0), a = T(Ae, void 0), i = T(Le, void 0), o = se();
+  const n = T(Te, Ke), s = T(Me, void 0), l = T(Ae, void 0), i = T(Le, void 0), r = se();
   return x(() => {
-    const l = k(t), u = o(l), f = Array.isArray(u) ? u.at(e ?? 0) : { type: "text", text: u || "" }, m = (() => {
+    const a = k(t), u = r(a), p = Array.isArray(u) ? u.at(e ?? 0) : { type: "text", text: u || "" }, _ = (() => {
       const y = k(s);
       if (y)
-        return typeof y == "function" ? y(l, f, e) : y;
-    })(), h = k(n).find((y) => y.find(l, f, e));
+        return typeof y == "function" ? y(a, p, e) : y;
+    })(), h = k(n).find((y) => y.find(a, p, e));
     return h ? {
       renderer: h.renderer,
       attributes: {
-        ...m,
+        ..._,
         ...h.attributes
       }
     } : {
-      renderer: k(i) || k(a) || Ye,
-      attributes: m
+      renderer: k(i) || k(l) || Ye,
+      attributes: _
     };
   });
 }
-function Nt(t) {
-  M($e, t);
+function wt(t) {
+  L($e, t);
 }
 function ie() {
   return T($e, (t) => {
     console.warn(`[Bubble] Event function not found for event: ${t.name}`);
   });
 }
-function an() {
+function ln() {
   const t = ie();
   return (e, n) => {
     t({
@@ -475,51 +481,51 @@ function de(t) {
   const e = T(re, void 0);
   if (e)
     return e;
-  const n = ze(t || {});
-  return M(re, n), n;
+  const n = Xe(t || {});
+  return L(re, n), n;
 }
 function be() {
   return T(re, {});
 }
 function Je(t) {
-  H(
+  U(
     t,
     (e, n, s) => {
       if (!e) return;
-      const a = (i) => {
+      const l = (i) => {
         var u;
-        const o = window.getSelection();
-        if (!e.contains((o == null ? void 0 : o.anchorNode) || null)) return;
+        const r = window.getSelection();
+        if (!e.contains((r == null ? void 0 : r.anchorNode) || null)) return;
         i.preventDefault();
-        const l = (o == null ? void 0 : o.toString().replace(/\n{2,}/g, `
+        const a = (r == null ? void 0 : r.toString().replace(/\n{2,}/g, `
 `)) || "";
-        (u = i.clipboardData) == null || u.setData("text/plain", l);
+        (u = i.clipboardData) == null || u.setData("text/plain", a);
       };
-      e.addEventListener("copy", a), s(() => e.removeEventListener("copy", a));
+      e.addEventListener("copy", l), s(() => e.removeEventListener("copy", l));
     },
     { immediate: !0, flush: "post" }
   );
 }
 const fe = (t) => {
   const e = se(), n = x(() => {
-    const a = e(t.message);
-    return Array.isArray(a) ? a.at(t.contentIndex) : { type: "text", text: a || "" };
+    const l = e(t.message);
+    return Array.isArray(l) ? l.at(t.contentIndex) : { type: "text", text: l || "" };
   }), s = x(() => n.value.type === "text" ? String(n.value.text) : "");
   return {
     content: n,
     contentText: s
   };
 };
-function wt(t) {
-  M(Ee, t);
+function Ft(t) {
+  L(Ee, t);
 }
-function Ft() {
+function Dt() {
   return T(Ee, void 0);
 }
 function je(t, e) {
   const n = x(() => {
-    const a = Object.entries(t.message).filter(([i]) => !e.includes(i));
-    return Object.fromEntries(a);
+    const l = Object.entries(t.message).filter(([i]) => !e.includes(i));
+    return Object.fromEntries(l);
   }), s = x(() => ({
     ...t,
     message: n.value
@@ -532,7 +538,7 @@ function je(t, e) {
 let oe = null;
 const Pt = () => (oe || (oe = import("./index5.js")), oe);
 let j = null;
-const Dt = async () => {
+const Ut = async () => {
   if (j)
     return j;
   try {
@@ -541,49 +547,49 @@ const Dt = async () => {
   } catch {
     return console.warn("[BubbleMarkdownRenderer] install markdown-it and dompurify to use markdown renderer"), j = null, null;
   }
-}, ve = ["running", "success", "failed", "cancelled"], Ut = (t) => {
+}, ve = ["running", "success", "failed", "cancelled"], Ht = (t) => {
   const e = x(() => {
-    var o, l;
-    return (l = (o = t.message) == null ? void 0 : o.tool_calls) == null ? void 0 : l[t.toolCallIndex];
+    var r, a;
+    return (a = (r = t.message) == null ? void 0 : r.tool_calls) == null ? void 0 : a[t.toolCallIndex];
   }), n = be(), s = x(() => {
-    var m, h, y;
-    let o = n.toolCallDefaultStatus;
-    o && !ve.includes(o) && (o = void 0);
-    const l = n.toolCallDefaultOpen;
+    var _, h, y;
+    let r = n.toolCallDefaultStatus;
+    r && !ve.includes(r) && (r = void 0);
+    const a = n.toolCallDefaultOpen;
     let u = {
-      status: o,
-      open: l
+      status: r,
+      open: a
     };
-    const f = (m = e.value) == null ? void 0 : m.id;
-    if (f) {
-      const g = (y = (h = t.message.state) == null ? void 0 : h.toolCall) == null ? void 0 : y[f];
-      if (g) {
-        const { status: c, open: p, ...r } = g;
-        c && ve.includes(c) && (u.status = c), p !== void 0 && (u.open = p), u = { ...u, ...r };
+    const p = (_ = e.value) == null ? void 0 : _.id;
+    if (p) {
+      const m = (y = (h = t.message.state) == null ? void 0 : h.toolCall) == null ? void 0 : y[p];
+      if (m) {
+        const { status: c, open: f, ...o } = m;
+        c && ve.includes(c) && (u.status = c), f !== void 0 && (u.open = f), u = { ...u, ...o };
       }
     }
     return u;
-  }), a = x(() => {
-    var l, u;
-    const o = (l = e.value) == null ? void 0 : l.id;
-    if (o)
-      return (u = n.toolCallResults) == null ? void 0 : u[o];
-  }), i = L({});
-  return Z(() => {
+  }), l = x(() => {
+    var a, u;
+    const r = (a = e.value) == null ? void 0 : a.id;
+    if (r)
+      return (u = n.toolCallResults) == null ? void 0 : u[r];
+  }), i = M({});
+  return ne(() => {
     var u;
-    const o = (u = e.value) == null ? void 0 : u.function.arguments, l = a.value;
-    Pt().then(({ jsonrepair: f }) => {
-      const m = f(typeof o == "string" ? o || "{}" : JSON.stringify(o));
+    const r = (u = e.value) == null ? void 0 : u.function.arguments, a = l.value;
+    Pt().then(({ jsonrepair: p }) => {
+      const _ = p(typeof r == "string" ? r || "{}" : JSON.stringify(r));
       i.value = {
-        arguments: JSON.parse(m),
-        result: l ? JSON.parse(f(l || "{}")) : void 0
+        arguments: JSON.parse(_),
+        result: a ? JSON.parse(p(a || "{}")) : void 0
       };
-    }).catch((f) => {
-      console.warn(f);
+    }).catch((p) => {
+      console.warn(p);
     });
   }), {
     toolCall: e,
-    toolCallWithResult: Xe(i),
+    toolCallWithResult: qe(i),
     state: s
   };
 }, he = /* @__PURE__ */ I({
@@ -596,8 +602,8 @@ const Dt = async () => {
     contentIndex: {}
   },
   setup(t) {
-    const e = t, n = Lt(() => e.messages, e.contentIndex);
-    return (s, a) => (v(), A(J(R(n).renderer), O(R(n).attributes, {
+    const e = t, n = $t(() => e.messages, e.contentIndex);
+    return (s, l) => (v(), A(J(R(n).renderer), O(R(n).attributes, {
       "data-role": e.role,
       "data-placement": e.placement,
       "data-shape": e.shape
@@ -616,17 +622,17 @@ const Dt = async () => {
   },
   emits: ["state-change", "bubble-event"],
   setup(t, { emit: e }) {
-    const n = t, s = ue(() => n.message, n.contentIndex), a = x(() => ({
+    const n = t, s = ue(() => n.message, n.contentIndex), l = x(() => ({
       ...s.value.attributes,
       message: n.message,
       contentIndex: n.contentIndex
     })), i = e;
-    return Nt((l) => {
+    return wt((a) => {
       if (i("bubble-event", {
-        ...l,
+        ...a,
         contentIndex: n.contentIndex
-      }), l.name === "state:update") {
-        const u = l.payload;
+      }), a.name === "state:update") {
+        const u = a.payload;
         if (!u || typeof u != "object" || !("key" in u) || typeof u.key != "string" || !("value" in u))
           return;
         i("state-change", {
@@ -635,9 +641,9 @@ const Dt = async () => {
           contentIndex: n.contentIndex
         });
       }
-    }), (l, u) => (v(), A(J(R(s).renderer), D(U(a.value)), null, 16));
+    }), (a, u) => (v(), A(J(R(s).renderer), P(H(l.value)), null, 16));
   }
-}), Ht = ["data-role", "data-placement"], Kt = { class: "tr-bubble__body" }, Gt = { class: "tr-bubble__content" }, Yt = { class: "tr-bubble__after" }, Jt = /* @__PURE__ */ I({
+}), Kt = ["data-role", "data-placement"], Gt = { class: "tr-bubble__body" }, Yt = { class: "tr-bubble__content" }, Jt = { class: "tr-bubble__after" }, jt = /* @__PURE__ */ I({
   __name: "Bubble",
   props: {
     content: {},
@@ -660,64 +666,64 @@ const Dt = async () => {
   },
   emits: ["state-change", "bubble-event"],
   setup(t, { emit: e }) {
-    const n = t, s = se(() => n.contentResolver), a = e;
+    const n = t, s = se(() => n.contentResolver), l = e;
     de();
-    const i = Ft(), o = x(() => k(i)), l = x(() => {
-      var Q;
-      if ((Q = o.value) != null && Q.messages.length)
-        return o.value.messages;
-      const { role: g, content: c, reasoning_content: p, tool_calls: r, tool_call_id: d, name: _, id: b, loading: S, state: w } = n;
-      return [{ role: g, content: c, reasoning_content: p, tool_calls: r, tool_call_id: d, name: _, id: b, loading: S, state: w }];
-    }), u = (g) => {
-      const c = s(g);
+    const i = Dt(), r = x(() => k(i)), a = x(() => {
+      var Z;
+      if ((Z = r.value) != null && Z.messages.length)
+        return r.value.messages;
+      const { role: m, content: c, reasoning_content: f, tool_calls: o, tool_call_id: d, name: g, id: b, loading: S, state: w } = n;
+      return [{ role: m, content: c, reasoning_content: f, tool_calls: o, tool_call_id: d, name: g, id: b, loading: S, state: w }];
+    }), u = (m) => {
+      const c = s(m);
       return Array.isArray(c) ? c : [{ type: "text", text: c || "" }];
     };
-    Mt({ fallbackBoxRenderer: () => n.fallbackBoxRenderer }), Ot({ fallbackContentRenderer: () => n.fallbackContentRenderer });
-    const f = x(() => l.value.length === 0 ? !0 : n.hidden), m = x(() => {
-      if (n.contentRenderMode === "split" && l.value.length === 1) {
-        const g = s(l.value.at(0));
-        if (Array.isArray(g))
-          return g;
+    Lt({ fallbackBoxRenderer: () => n.fallbackBoxRenderer }), Nt({ fallbackContentRenderer: () => n.fallbackContentRenderer });
+    const p = x(() => a.value.length === 0 ? !0 : n.hidden), _ = x(() => {
+      if (n.contentRenderMode === "split" && a.value.length === 1) {
+        const m = s(a.value.at(0));
+        if (Array.isArray(m))
+          return m;
       }
       return null;
-    }), h = T(Oe, !1), y = L(null);
-    return h || Je(y), (g, c) => ee((v(), E("div", {
+    }), h = T(Oe, !1), y = M(null);
+    return h || Je(y), (m, c) => Q((v(), E("div", {
       class: "tr-bubble",
       ref_key: "bubbleRef",
       ref: y,
       "data-role": n.role,
       "data-placement": n.placement
     }, [
-      C(g.$slots, "prefix", {
-        messages: l.value,
+      C(m.$slots, "prefix", {
+        messages: a.value,
         role: t.role
       }, void 0, !0),
-      B("div", Kt, [
+      B("div", Gt, [
         n.avatar ? (v(), A(J(n.avatar), {
           key: 0,
-          class: G(["tr-bubble__avatar", g.$style["tr-bubble__avatar"]])
+          class: G(["tr-bubble__avatar", m.$style["tr-bubble__avatar"]])
         }, null, 8, ["class"])) : ae("", !0),
-        B("div", Gt, [
-          m.value ? (v(!0), E(P, { key: 0 }, W(m.value, (p, r) => (v(), A(he, {
-            key: r,
+        B("div", Yt, [
+          _.value ? (v(!0), E(D, { key: 0 }, W(_.value, (f, o) => (v(), A(he, {
+            key: o,
             class: "tr-bubble__box",
             role: n.role,
             placement: n.placement,
             shape: n.shape,
-            messages: l.value,
-            "content-index": r
+            messages: a.value,
+            "content-index": o
           }, {
             default: $(() => [
               V(ye, {
-                message: l.value.at(0),
-                "content-index": r,
-                onStateChange: c[0] || (c[0] = (d) => a("state-change", { ...d, messageIndex: 0 })),
-                onBubbleEvent: c[1] || (c[1] = (d) => a("bubble-event", { ...d, messageIndex: 0 }))
+                message: a.value.at(0),
+                "content-index": o,
+                onStateChange: c[0] || (c[0] = (d) => l("state-change", { ...d, messageIndex: 0 })),
+                onBubbleEvent: c[1] || (c[1] = (d) => l("bubble-event", { ...d, messageIndex: 0 }))
               }, null, 8, ["message", "content-index"]),
-              C(g.$slots, "content-footer", {
-                messages: l.value,
+              C(m.$slots, "content-footer", {
+                messages: a.value,
                 role: n.role,
-                contentIndex: r
+                contentIndex: o
               }, void 0, !0)
             ]),
             _: 2
@@ -726,48 +732,48 @@ const Dt = async () => {
             role: n.role,
             placement: n.placement,
             shape: n.shape,
-            messages: l.value
+            messages: a.value
           }, {
             default: $(() => [
-              (v(!0), E(P, null, W(l.value, (p, r) => (v(), E(P, {
-                key: `message-${r}`
+              (v(!0), E(D, null, W(a.value, (f, o) => (v(), E(D, {
+                key: `message-${o}`
               }, [
-                (v(!0), E(P, null, W(u(p), (d, _) => (v(), A(ye, {
-                  key: `content-${_}`,
-                  message: p,
-                  "content-index": _,
-                  onStateChange: (b) => a("state-change", { ...b, messageIndex: r }),
-                  onBubbleEvent: (b) => a("bubble-event", { ...b, messageIndex: r })
+                (v(!0), E(D, null, W(u(f), (d, g) => (v(), A(ye, {
+                  key: `content-${g}`,
+                  message: f,
+                  "content-index": g,
+                  onStateChange: (b) => l("state-change", { ...b, messageIndex: o }),
+                  onBubbleEvent: (b) => l("bubble-event", { ...b, messageIndex: o })
                 }, null, 8, ["message", "content-index", "onStateChange", "onBubbleEvent"]))), 128))
               ], 64))), 128)),
-              C(g.$slots, "content-footer", {
-                messages: l.value,
+              C(m.$slots, "content-footer", {
+                messages: a.value,
                 role: n.role
               }, void 0, !0)
             ]),
             _: 3
           }, 8, ["role", "placement", "shape", "messages"]))
         ]),
-        B("div", Yt, [
-          C(g.$slots, "after", {
-            messages: l.value,
+        B("div", Jt, [
+          C(m.$slots, "after", {
+            messages: a.value,
             role: t.role
           }, void 0, !0)
         ])
       ]),
-      C(g.$slots, "suffix", {
-        messages: l.value,
+      C(m.$slots, "suffix", {
+        messages: a.value,
         role: t.role
       }, void 0, !0)
-    ], 8, Ht)), [
-      [te, !f.value]
+    ], 8, Kt)), [
+      [ee, !p.value]
     ]);
   }
-}), jt = {
+}), Wt = {
   "tr-bubble__avatar": "_tr-bubble__avatar_1r87c_2"
-}, Wt = {
-  $style: jt
-}, Y = /* @__PURE__ */ N(Jt, [["__cssModules", Wt], ["__scopeId", "data-v-d68ceaad"]]), Vt = /* @__PURE__ */ I({
+}, Vt = {
+  $style: Wt
+}, Y = /* @__PURE__ */ N(jt, [["__cssModules", Vt], ["__scopeId", "data-v-d68ceaad"]]), zt = /* @__PURE__ */ I({
   __name: "BubbleItem",
   props: {
     messageGroup: {},
@@ -778,29 +784,29 @@ const Dt = async () => {
   emits: ["state-change", "bubble-event"],
   setup(t, { emit: e }) {
     const n = t, s = e;
-    return wt(() => n.messageGroup), (a, i) => (v(), A(Y, O(t.roleConfig, {
+    return Ft(() => n.messageGroup), (l, i) => (v(), A(Y, O(t.roleConfig, {
       role: t.messageGroup.role,
       "content-render-mode": t.contentRenderMode,
       "content-resolver": t.contentResolver,
-      onStateChange: i[0] || (i[0] = (o) => s("state-change", o)),
-      onBubbleEvent: i[1] || (i[1] = (o) => s("bubble-event", o))
+      onStateChange: i[0] || (i[0] = (r) => s("state-change", r)),
+      onBubbleEvent: i[1] || (i[1] = (r) => s("bubble-event", r))
     }), {
-      prefix: $((o) => [
-        C(a.$slots, "prefix", D(U(o)))
+      prefix: $((r) => [
+        C(l.$slots, "prefix", P(H(r)))
       ]),
-      suffix: $((o) => [
-        C(a.$slots, "suffix", D(U(o)))
+      suffix: $((r) => [
+        C(l.$slots, "suffix", P(H(r)))
       ]),
-      "content-footer": $((o) => [
-        C(a.$slots, "content-footer", D(U(o)))
+      "content-footer": $((r) => [
+        C(l.$slots, "content-footer", P(H(r)))
       ]),
-      after: $((o) => [
-        C(a.$slots, "after", D(U(o)))
+      after: $((r) => [
+        C(l.$slots, "after", P(H(r)))
       ]),
       _: 3
     }, 16, ["role", "content-render-mode", "content-resolver"]));
   }
-}), zt = /* @__PURE__ */ I({
+}), Xt = /* @__PURE__ */ I({
   __name: "BubbleList",
   props: {
     messages: {},
@@ -814,118 +820,118 @@ const Dt = async () => {
   },
   emits: ["state-change", "bubble-event"],
   setup(t, { expose: e, emit: n }) {
-    const s = t, a = n;
-    de(), M(Oe, !0);
+    const s = t, l = n;
+    de(), L(Oe, !0);
     const i = (c) => {
-      var p, r;
-      return c ? !!((r = (p = s.roleConfigs) == null ? void 0 : p[c]) != null && r.hidden) : !1;
-    }, o = L(null);
-    let l = async () => {
+      var f, o;
+      return c ? !!((o = (f = s.roleConfigs) == null ? void 0 : f[c]) != null && o.hidden) : !1;
+    }, r = M(null);
+    let a = async () => {
     };
     if (s.autoScroll) {
-      const c = x(() => s.messages.at(-1)), { scrollToBottom: p } = ot(o, () => {
-        var r, d;
+      const c = x(() => s.messages.at(-1)), { scrollToBottom: f } = rt(r, () => {
+        var o, d;
         return [
           s.messages.length,
-          (r = c.value) == null ? void 0 : r.content,
+          (o = c.value) == null ? void 0 : o.content,
           (d = c.value) == null ? void 0 : d.reasoning_content
         ];
       });
-      l = p, H(
+      a = f, U(
         () => {
-          var r;
-          return (r = c.value) == null ? void 0 : r.role;
+          var o;
+          return (o = c.value) == null ? void 0 : o.role;
         },
-        async (r) => {
-          r === "user" && (await ne(), p("smooth"));
+        async (o) => {
+          o === "user" && (await te(), f("smooth"));
         }
       );
     }
-    Je(o);
+    Je(r);
     const u = (c) => {
-      const p = [];
-      let r = !1;
-      for (const [d, _] of c.entries()) {
-        const b = p[p.length - 1], S = _.role || "", w = i(_.role);
-        b && (r && w || b.role === S && r === w) ? (b.messages.push(_), b.messageIndexes.push(d)) : p.push({
+      const f = [];
+      let o = !1;
+      for (const [d, g] of c.entries()) {
+        const b = f[f.length - 1], S = g.role || "", w = i(g.role);
+        b && (o && w || b.role === S && o === w) ? (b.messages.push(g), b.messageIndexes.push(d)) : f.push({
           role: S,
-          messages: [_],
+          messages: [g],
           messageIndexes: [d]
-        }), r = w;
+        }), o = w;
       }
-      return p;
-    }, f = (c, p) => {
-      const r = [];
+      return f;
+    }, p = (c, f) => {
+      const o = [];
       let d = !1;
-      for (const [_, b] of c.entries()) {
-        const S = r[r.length - 1], w = b.role === p, Q = b.role || "", pe = i(b.role);
+      for (const [g, b] of c.entries()) {
+        const S = o[o.length - 1], w = b.role === f, Z = b.role || "", pe = i(b.role);
         S && // divider 消息（分割角色）永远不与任何组进行合并
         !w && // divider 组（分割角色）不允许被追加消息，确保 divider 组永远只有 1 条 message
-        S.role !== p && // hidden / 非 hidden 分组隔离
-        d === pe ? (S.messages.push(b), S.messageIndexes.push(_)) : r.push({
-          role: w ? p : Q,
+        S.role !== f && // hidden / 非 hidden 分组隔离
+        d === pe ? (S.messages.push(b), S.messageIndexes.push(g)) : o.push({
+          role: w ? f : Z,
           messages: [b],
-          messageIndexes: [_]
+          messageIndexes: [g]
         }), d = pe;
       }
-      return r;
-    }, m = x(() => s.messages.length === 0 ? [] : typeof s.groupStrategy == "function" ? s.groupStrategy(s.messages, s.dividerRole) : s.groupStrategy === "consecutive" ? u(s.messages) : f(s.messages, s.dividerRole)), h = (c, p) => {
-      const r = c.messageIndexes[p];
-      if (r === void 0) {
+      return o;
+    }, _ = x(() => s.messages.length === 0 ? [] : typeof s.groupStrategy == "function" ? s.groupStrategy(s.messages, s.dividerRole) : s.groupStrategy === "consecutive" ? u(s.messages) : p(s.messages, s.dividerRole)), h = (c, f) => {
+      const o = c.messageIndexes[f];
+      if (o === void 0) {
         console.warn(
           "[BubbleList] Missing messageIndexes mapping; event was not emitted. Ensure custom groupStrategy returns messageIndexes aligned with messages.",
           {
-            messageIndex: p,
+            messageIndex: f,
             messageIndexes: c.messageIndexes
           }
         );
         return;
       }
-      return r;
-    }, y = (c, p) => {
-      const r = h(c, p.messageIndex);
-      r !== void 0 && a("state-change", { ...p, messageIndex: r });
-    }, g = (c, p) => {
-      const r = h(c, p.messageIndex);
-      r !== void 0 && a("bubble-event", { ...p, messageIndex: r });
+      return o;
+    }, y = (c, f) => {
+      const o = h(c, f.messageIndex);
+      o !== void 0 && l("state-change", { ...f, messageIndex: o });
+    }, m = (c, f) => {
+      const o = h(c, f.messageIndex);
+      o !== void 0 && l("bubble-event", { ...f, messageIndex: o });
     };
     return e({
-      scrollToBottom: l
-    }), (c, p) => (v(), E("div", {
+      scrollToBottom: a
+    }), (c, f) => (v(), E("div", {
       class: "tr-bubble-list",
       ref_key: "listRef",
-      ref: o
+      ref: r
     }, [
-      (v(!0), E(P, null, W(m.value, (r, d) => {
-        var _;
-        return v(), A(Vt, {
+      (v(!0), E(D, null, W(_.value, (o, d) => {
+        var g;
+        return v(), A(zt, {
           key: d,
-          role: r.role || s.fallbackRole,
-          "role-config": (_ = s.roleConfigs) == null ? void 0 : _[r.role || s.fallbackRole],
-          "message-group": r,
+          role: o.role || s.fallbackRole,
+          "role-config": (g = s.roleConfigs) == null ? void 0 : g[o.role || s.fallbackRole],
+          "message-group": o,
           "content-render-mode": s.contentRenderMode,
           "content-resolver": s.contentResolver,
-          onStateChange: (b) => y(r, b),
-          onBubbleEvent: (b) => g(r, b)
+          onStateChange: (b) => y(o, b),
+          onBubbleEvent: (b) => m(o, b)
         }, {
           prefix: $((b) => [
             C(c.$slots, "prefix", O({ ref_for: !0 }, b, {
-              messageIndexes: r.messageIndexes
+              messageIndexes: o.messageIndexes
             }), void 0, !0)
           ]),
           suffix: $((b) => [
             C(c.$slots, "suffix", O({ ref_for: !0 }, b, {
-              messageIndexes: r.messageIndexes
+              messageIndexes: o.messageIndexes
             }), void 0, !0)
           ]),
           "content-footer": $((b) => [
             C(c.$slots, "content-footer", O({ ref_for: !0 }, b, {
-              messageIndexes: r.messageIndexes
+              messageIndexes: o.messageIndexes
             }), void 0, !0)
           ]),
           after: $((b) => [
             C(c.$slots, "after", O({ ref_for: !0 }, b, {
-              messageIndexes: r.messageIndexes
+              messageIndexes: o.messageIndexes
             }), void 0, !0)
           ]),
           _: 2
@@ -933,7 +939,7 @@ const Dt = async () => {
       }), 128))
     ], 512));
   }
-}), X = /* @__PURE__ */ N(zt, [["__scopeId", "data-v-1d84cbfe"]]), q = /* @__PURE__ */ I({
+}), X = /* @__PURE__ */ N(Xt, [["__scopeId", "data-v-1d84cbfe"]]), q = /* @__PURE__ */ I({
   __name: "BubbleProvider",
   props: {
     boxRendererMatches: {},
@@ -947,82 +953,82 @@ const Dt = async () => {
   setup(t) {
     const e = t;
     de(e.store);
-    const n = x(() => (e.boxRendererMatches || []).concat(He).sort((o, l) => (o.priority ?? 0) - (l.priority ?? 0))), s = x(() => (e.contentRendererMatches || []).concat(Ke).sort((o, l) => (o.priority ?? 0) - (l.priority ?? 0))), a = x(() => e.fallbackBoxRenderer || Ge), i = x(() => e.fallbackContentRenderer || Ye);
-    return At({
+    const n = x(() => (e.boxRendererMatches || []).concat(He).sort((r, a) => (r.priority ?? 0) - (a.priority ?? 0))), s = x(() => (e.contentRendererMatches || []).concat(Ke).sort((r, a) => (r.priority ?? 0) - (a.priority ?? 0))), l = x(() => e.fallbackBoxRenderer || Ge), i = x(() => e.fallbackContentRenderer || Ye);
+    return Mt({
       boxRendererMatches: n,
       boxAttributes: () => e.boxAttributes,
-      fallbackBoxRenderer: a
-    }), $t({
+      fallbackBoxRenderer: l
+    }), Ot({
       contentRendererMatches: s,
       contentAttributes: () => e.contentAttributes,
       fallbackContentRenderer: i
-    }), (o, l) => C(o.$slots, "default");
+    }), (r, a) => C(r.$slots, "default");
   }
-}), Xt = ["innerHTML"], qt = /* @__PURE__ */ I({
+}), qt = ["innerHTML"], Zt = /* @__PURE__ */ I({
   __name: "Markdown",
   props: {
     message: {},
     contentIndex: {}
   },
   setup(t) {
-    const e = t, { contentText: n } = fe(e), s = L(null);
+    const e = t, { contentText: n } = fe(e), s = M(null);
     xe(async () => {
-      s.value = await Dt();
+      s.value = await Ut();
     });
-    const { mdConfig: a, dompurifyConfig: i } = be(), o = L("");
-    return Z(() => {
+    const { mdConfig: l, dompurifyConfig: i } = be(), r = M("");
+    return ne(() => {
       if (s.value) {
-        const { markdown: l, dompurify: u } = s.value, f = l(a || {}).render(n.value);
-        o.value = u.sanitize(f, i);
+        const { markdown: a, dompurify: u } = s.value, p = a(l || {}).render(n.value);
+        r.value = u.sanitize(p, i);
       }
-    }), (l, u) => o.value ? (v(), E("div", {
+    }), (a, u) => r.value ? (v(), E("div", {
       key: 0,
       class: "tr-bubble__markdown markdown-body",
       "data-type": "markdown",
-      innerHTML: o.value
-    }, null, 8, Xt)) : (v(), A(ce, D(O({ key: 1 }, e)), null, 16));
+      innerHTML: r.value
+    }, null, 8, qt)) : (v(), A(ce, P(O({ key: 1 }, e)), null, 16));
   }
-}), Zt = /* @__PURE__ */ N(qt, [["__scopeId", "data-v-eb1c196f"]]), ln = {
+}), Qt = /* @__PURE__ */ N(Zt, [["__scopeId", "data-v-eb1c196f"]]), cn = {
   Box: le,
   Image: Ne,
   Loading: we,
-  Markdown: Zt,
+  Markdown: Qt,
   Reasoning: Fe,
   Text: ce,
-  Tool: De,
-  ToolRole: Pe,
+  Tool: Pe,
+  ToolRole: De,
   Tools: Ue
 };
 Y.name = "TrBubble";
-const Qt = function(t) {
+const en = function(t) {
   t.component(Y.name, Y);
 };
-Y.install = Qt;
-const cn = Y;
+Y.install = en;
+const un = Y;
 X.name = "TrBubbleList";
-const en = function(t) {
+const tn = function(t) {
   t.component(X.name, X);
 };
-X.install = en;
-const un = X;
+X.install = tn;
+const dn = X;
 q.name = "TrBubbleProvider";
-const tn = function(t) {
+const nn = function(t) {
   t.component(q.name, q);
 };
-q.install = tn;
-const dn = q;
+q.install = nn;
+const bn = q;
 export {
-  cn as B,
-  un as a,
-  dn as b,
+  un as B,
+  dn as a,
+  bn as b,
   K as c,
-  ln as d,
-  Lt as e,
+  cn as d,
+  $t as e,
   ue as f,
   ie as g,
-  an as h,
+  ln as h,
   fe as i,
   je as j,
-  Ut as k,
-  ot as u
+  Ht as k,
+  rt as u
 };