@opentiny/tiny-robot 0.4.0-beta.0 → 0.4.1-alpha.0

package/dist/index6.js

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