@opentiny/tiny-robot 0.4.0-alpha.6 → 0.4.0-alpha.7

package/dist/index2.js

@@ -1,7 +1,7 @@
-import { defineComponent as E, createElementBlock as x, openBlock as b, renderSlot as B, ref as T, computed as v, watch as H, unref as R, normalizeClass as U, createVNode as z, watchEffect as Z, nextTick as ne, Fragment as D, createElementVNode as h, createBlock as k, withDirectives as ee, toDisplayString as V, vShow as te, resolveDynamicComponent as J, normalizeProps as F, guardReactiveProps as G, createCommentVNode as le, useCssModule as Je, renderList as j, mergeProps as P, markRaw as w, inject as L, provide as $, toValue as S, reactive as We, readonly as je, withCtx as M, onMounted as ye, onUnmounted as ze } from "vue";
+import { defineComponent as k, openBlock as _, createElementBlock as R, renderSlot as B, ref as T, computed as h, watch as H, unref as C, normalizeClass as U, createVNode as V, watchEffect as Q, nextTick as se, Fragment as w, createElementVNode as y, toDisplayString as X, withDirectives as te, vShow as ne, createBlock as S, 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 L, provide as $, toValue as I, reactive as We, readonly as je, withCtx as M, onMounted as ye, onUnmounted as ze } from "vue";
 import { _ as A } from "./_plugin-vue_export-helper.js";
-import { IconLoading as Re, IconAtom as Ve, IconArrowDown as xe, IconPlugin as _e, IconError as Xe, IconCancelled as qe } from "@opentiny/tiny-robot-svgs";
-import { u as Ze, a as Qe, w as et, b as tt } from "./index5.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 { u as Ze, w as Qe, a as et, b as tt } from "./index5.js";
 const Be = Symbol("bubble-message-group"), Ce = Symbol("bubble-box-renderer-matches"), Ee = Symbol("bubble-box-fallback-renderer"), ke = Symbol(
   "bubble-box-prop-fallback-renderer"
 ), Ie = Symbol("bubble-content-renderer-matches"), Se = Symbol(
@@ -16,26 +16,26 @@ const Be = Symbol("bubble-message-group"), Ce = Symbol("bubble-box-renderer-matc
 }, nt = {
   class: "tr-bubble__box",
   "data-box-type": "box"
-}, st = /* @__PURE__ */ E({
+}, st = /* @__PURE__ */ k({
   __name: "Box",
   props: {
     placement: {},
     shape: {}
   },
-  setup(e) {
-    return (t, n) => (b(), x("div", nt, [
-      B(t.$slots, "default", {}, void 0, !0)
+  setup(t) {
+    return (e, n) => (_(), R("div", nt, [
+      B(e.$slots, "default", {}, void 0, !0)
     ]));
   }
-}), ce = /* @__PURE__ */ A(st, [["__scopeId", "data-v-98101726"]]), ot = ["src", "alt"], rt = /* @__PURE__ */ E({
+}), ce = /* @__PURE__ */ A(st, [["__scopeId", "data-v-98101726"]]), ot = ["src", "alt"], rt = /* @__PURE__ */ k({
   __name: "Image",
   props: {
     message: {},
     contentIndex: {}
   },
-  setup(e) {
-    const t = e, n = T(!1), s = T(!1), { contentItem: r } = pe(t), u = v(() => r.value ? typeof r.value.image_url == "string" ? r.value.image_url : r.value.image_url.url : null);
-    H(u, () => {
+  setup(t) {
+    const e = t, n = T(!1), s = T(!1), { content: r } = pe(e), f = h(() => r.value ? typeof r.value.image_url == "string" ? r.value.image_url : r.value.image_url.url : null);
+    H(f, () => {
       n.value = !1, s.value = !1;
     });
     const o = () => {
@@ -43,12 +43,12 @@ const Be = Symbol("bubble-message-group"), Ce = Symbol("bubble-box-renderer-matc
     }, a = () => {
       s.value = !0, n.value = !0;
     };
-    return (d, g) => {
-      var y;
-      return b(), x("img", {
+    return (i, b) => {
+      var g;
+      return _(), R("img", {
         class: U(["tr-bubble__image", { loading: !n.value }]),
-        src: u.value,
-        alt: (y = R(r)) == null ? void 0 : y.text,
+        src: f.value,
+        alt: (g = C(r)) == null ? void 0 : g.text,
         loading: "lazy",
         onLoad: o,
         onError: a,
@@ -56,83 +56,83 @@ const Be = Symbol("bubble-message-group"), Ce = Symbol("bubble-box-renderer-matc
       }, null, 42, ot);
     };
   }
-}), $e = /* @__PURE__ */ A(rt, [["__scopeId", "data-v-02161cd1"]]), at = {
+}), $e = /* @__PURE__ */ A(rt, [["__scopeId", "data-v-e59794cb"]]), at = {
   class: "tr-bubble__loading",
   "data-type": "loading"
-}, lt = /* @__PURE__ */ E({
+}, lt = /* @__PURE__ */ k({
   __name: "Loading",
   props: {
     message: {},
     contentIndex: {}
   },
-  setup(e) {
-    return (t, n) => (b(), x("div", at, [
-      z(R(Re))
+  setup(t) {
+    return (e, n) => (_(), R("div", at, [
+      V(C(xe))
     ]));
   }
 }), Ae = /* @__PURE__ */ A(lt, [["__scopeId", "data-v-bc1b5ff4"]]), ct = {
   class: "tr-bubble__reasoning",
   "data-type": "reasoning"
-}, ut = { class: "title" }, it = { class: "detail" }, dt = /* @__PURE__ */ E({
+}, ut = { class: "title" }, it = { class: "detail" }, dt = /* @__PURE__ */ k({
   __name: "Reasoning",
   props: {
     message: {},
     contentIndex: {}
   },
-  setup(e) {
-    const t = e, { restMessage: n, restProps: s } = Ye(t, ["reasoning_content"]), r = ie(n, t.contentIndex), u = T(!1);
-    Z(() => {
-      var g;
-      u.value = ((g = t.message.state) == null ? void 0 : g.open) ?? !1;
+  setup(t) {
+    const e = t, { restMessage: n, restProps: s } = Ye(e, ["reasoning_content"]), r = ie(n, e.contentIndex), f = T(!1);
+    Q(() => {
+      var b;
+      f.value = ((b = e.message.state) == null ? void 0 : b.open) ?? !1;
     });
     const o = Ke(), a = () => {
-      u.value = !u.value, o("open", u.value);
-    }, d = T(null);
+      f.value = !f.value, o("open", f.value);
+    }, i = T(null);
     return H(
-      () => t.message.reasoning_content,
+      () => e.message.reasoning_content,
       () => {
-        ne(() => {
-          d.value && d.value.scrollTo({
-            top: d.value.scrollHeight,
+        se(() => {
+          i.value && i.value.scrollTo({
+            top: i.value.scrollHeight,
             behavior: "smooth"
           });
         });
       }
-    ), (g, y) => {
-      var C, f;
-      return b(), x(D, null, [
-        h("div", ct, [
-          h("div", {
+    ), (b, g) => {
+      var x, m;
+      return _(), R(w, null, [
+        y("div", ct, [
+          y("div", {
             class: "header",
             onClick: a
           }, [
-            h("div", {
-              class: U(["icon-and-text", { thinking: (C = t.message.state) == null ? void 0 : C.thinking }])
+            y("div", {
+              class: U(["icon-and-text", { thinking: (x = e.message.state) == null ? void 0 : x.thinking }])
             }, [
-              z(R(Ve)),
-              h("span", ut, V((f = t.message.state) != null && f.thinking ? "正在思考" : "已思考"), 1)
+              V(C(Ve)),
+              y("span", ut, X((m = e.message.state) != null && m.thinking ? "正在思考" : "已思考"), 1)
             ], 2),
-            z(R(xe), {
-              class: U(["expand-icon", { "-rotate-90": !u.value }])
+            V(C(Re), {
+              class: U(["expand-icon", { "-rotate-90": !f.value }])
             }, null, 8, ["class"])
           ]),
-          ee(h("div", it, [
-            y[0] || (y[0] = h("div", { class: "side-border" }, [
-              h("div", { class: "dot-wrapper" }, [
-                h("div", { class: "dot" })
+          te(y("div", it, [
+            g[0] || (g[0] = y("div", { class: "side-border" }, [
+              y("div", { class: "dot-wrapper" }, [
+                y("div", { class: "dot" })
               ]),
-              h("div", { class: "border-line" })
+              y("div", { class: "border-line" })
             ], -1)),
-            h("p", {
+            y("p", {
               class: "detail-content",
               ref_key: "detailRef",
-              ref: d
-            }, V(t.message.reasoning_content), 513)
+              ref: i
+            }, X(e.message.reasoning_content), 513)
           ], 512), [
-            [te, u.value]
+            [ne, f.value]
           ])
         ]),
-        (b(), k(J(R(r)), F(G(R(s))), null, 16))
+        (_(), S(J(C(r)), D(G(C(s))), null, 16))
       ], 64);
     };
   }
@@ -140,291 +140,288 @@ const Be = Symbol("bubble-message-group"), Ce = Symbol("bubble-box-renderer-matc
   key: 0,
   class: "tr-bubble__text",
   "data-type": "text"
-}, pt = /* @__PURE__ */ E({
+}, pt = /* @__PURE__ */ k({
   __name: "Text",
   props: {
     message: {},
     contentIndex: {}
   },
-  setup(e) {
-    const t = e, { contentText: n } = pe(t);
-    return (s, r) => R(n) ? (b(), x("p", ft, V(R(n)), 1)) : le("", !0);
+  setup(t) {
+    const e = t, { contentText: n } = pe(e);
+    return (s, r) => C(n) ? (_(), R("p", ft, X(C(n)), 1)) : le("", !0);
   }
-}), ue = /* @__PURE__ */ A(pt, [["__scopeId", "data-v-93592ecb"]]), Oe = /* @__PURE__ */ E({
+}), ue = /* @__PURE__ */ A(pt, [["__scopeId", "data-v-93592ecb"]]), Oe = /* @__PURE__ */ k({
   __name: "ToolRole",
   props: {
     message: {},
     contentIndex: {}
   },
-  setup(e) {
-    const t = e, n = fe();
-    return Z(() => {
-      t.message.tool_call_id && (n.toolCallResults || (n.toolCallResults = {}), n.toolCallResults[t.message.tool_call_id] = t.message.content ?? "");
+  setup(t) {
+    const e = t, n = fe();
+    return Q(() => {
+      e.message.tool_call_id && (n.toolCallResults || (n.toolCallResults = {}), n.toolCallResults[e.message.tool_call_id] = e.message.content ?? "");
     }), (s, r) => le("", !0);
   }
 }), mt = {
   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"], Rt = /* @__PURE__ */ E({
+}, _t = { class: "header" }, bt = { class: "header-left" }, gt = { class: "title" }, vt = { class: "header-right" }, ht = { class: "divider" }, yt = ["innerHTML"], xt = /* @__PURE__ */ k({
   __name: "Tool",
   props: {
     message: {},
     contentIndex: {},
     toolCallIndex: {}
   },
-  setup(e) {
-    const t = e, { toolCall: n, toolCallWithResult: s, state: r } = Ft(t), u = /* @__PURE__ */ new Map([
-      ["running", { text: "正在调用", icon: Re }],
-      ["success", { text: "已调用", icon: _e }],
+  setup(t) {
+    const e = t, { toolCall: n, toolCallWithResult: s, state: r } = Ft(e), f = /* @__PURE__ */ new Map([
+      ["running", { text: "正在调用", icon: xe }],
+      ["success", { text: "已调用", icon: me }],
       ["failed", { text: "调用失败", icon: Xe }],
       ["cancelled", { text: "已取消", icon: qe }]
-    ]), o = v(() => {
-      var c;
-      return u.get(((c = r.value) == null ? void 0 : c.status) || "") || { text: "", icon: _e };
-    }), a = (c, l = 2) => {
-      let m = "";
+    ]), o = h(() => {
+      var l;
+      return f.get(((l = r.value) == null ? void 0 : l.status) || "") || { text: "", icon: me };
+    }), a = (l, c = 2) => {
+      let p = "";
       try {
-        typeof c == "string" ? m = JSON.stringify(JSON.parse(c), null, l) : m = JSON.stringify(c, null, l);
+        typeof l == "string" ? p = JSON.stringify(JSON.parse(l), null, c) : p = JSON.stringify(l, null, c);
       } catch {
       }
-      return m;
-    }, d = Je(), g = (c) => {
-      if (!c)
+      return p;
+    }, i = Je(), b = (l) => {
+      if (!l)
         return "";
-      let l = c;
-      return l = l.replace(
+      let c = l;
+      return c = c.replace(
         /("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?)/g,
-        (m) => {
-          let I = "number";
-          return /^"/.test(m) ? I = /:$/.test(m) ? "key" : "string" : /true|false/.test(m) ? I = "boolean" : /null/.test(m) && (I = "null"), `<span class="${d[I]}">${m}</span>`;
+        (p) => {
+          let E = "number";
+          return /^"/.test(p) ? E = /:$/.test(p) ? "key" : "string" : /true|false/.test(p) ? E = "boolean" : /null/.test(p) && (E = "null"), `<span class="${i[E]}">${p}</span>`;
         }
-      ), l;
-    }, y = v(() => a(s.value, 2)), C = v(() => g(y.value)), f = T(null);
-    H(y, (c, l) => {
-      l === "" || l === "{}" || ne(() => {
-        f.value && f.value.scrollTo({
-          top: f.value.scrollHeight,
+      ), c;
+    }, g = h(() => a(s.value, 2)), x = h(() => b(g.value)), m = T(null);
+    H(g, (l, c) => {
+      c === "" || c === "{}" || se(() => {
+        m.value && m.value.scrollTo({
+          top: m.value.scrollHeight,
           behavior: "smooth"
         });
       });
     });
-    const p = T(!1);
-    Z(() => {
-      p.value = r.value.open ?? !1;
+    const d = T(!1);
+    Q(() => {
+      d.value = r.value.open ?? !1;
     });
-    const i = Ke(), _ = () => {
-      var l, m;
-      p.value = !p.value;
-      const c = (l = n.value) == null ? void 0 : l.id;
-      c && i("toolCall", {
-        ...(m = t.message.state) == null ? void 0 : m.toolCall,
-        [c]: { ...r.value, open: p.value }
+    const u = Ke(), v = () => {
+      var c, p;
+      d.value = !d.value;
+      const l = (c = n.value) == null ? void 0 : c.id;
+      l && u("toolCall", {
+        ...(p = e.message.state) == null ? void 0 : p.toolCall,
+        [l]: { ...r.value, open: d.value }
       });
     };
-    return (c, l) => {
-      var m;
-      return b(), x("div", mt, [
-        h("div", _t, [
-          h("div", bt, [
-            (b(), k(J(o.value.icon), {
-              class: U(["header-icon", `icon-${R(r).status}`])
+    return (l, c) => {
+      var p;
+      return _(), R("div", mt, [
+        y("div", _t, [
+          y("div", bt, [
+            (_(), S(J(o.value.icon), {
+              class: U(["header-icon", `icon-${C(r).status}`])
             }, null, 8, ["class"])),
-            h("span", null, [
-              h("span", null, V(o.value.text) + " ", 1),
-              h("span", gt, V(((m = R(n)) == null ? void 0 : m.function.name) || "Untitled"), 1)
+            y("span", null, [
+              y("span", null, X(o.value.text) + " ", 1),
+              y("span", gt, X(((p = C(n)) == null ? void 0 : p.function.name) || "Untitled"), 1)
             ])
           ]),
-          h("div", vt, [
-            z(R(xe), {
-              class: U(["expand-icon", { "-rotate-90": !p.value }]),
-              onClick: _
+          y("div", vt, [
+            V(C(Re), {
+              class: U(["expand-icon", { "-rotate-90": !d.value }]),
+              onClick: v
             }, null, 8, ["class"])
           ])
         ]),
-        ee(h("div", ht, null, 512), [
-          [te, p.value]
+        te(y("div", ht, null, 512), [
+          [ne, d.value]
         ]),
-        ee(h("div", {
+        te(y("div", {
           class: "detail",
-          innerHTML: C.value,
+          innerHTML: x.value,
           ref_key: "detailRef",
-          ref: f
+          ref: m
         }, null, 8, yt), [
-          [te, p.value]
+          [ne, d.value]
         ])
       ]);
     };
   }
-}), xt = "_key_1b448_2", Bt = "_number_1b448_6", Ct = "_string_1b448_10", Et = "_boolean_1b448_14", kt = {
-  key: xt,
+}), Rt = "_key_1b448_2", Bt = "_number_1b448_6", Ct = "_string_1b448_10", Et = "_boolean_1b448_14", kt = {
+  key: Rt,
   number: Bt,
   string: Ct,
   boolean: Et,
   null: "_null_1b448_18"
 }, It = {
   $style: kt
-}, we = /* @__PURE__ */ A(Rt, [["__cssModules", It], ["__scopeId", "data-v-9d7f5409"]]), De = /* @__PURE__ */ E({
+}, we = /* @__PURE__ */ A(xt, [["__cssModules", It], ["__scopeId", "data-v-9d7f5409"]]), De = /* @__PURE__ */ k({
   __name: "Tools",
   props: {
     message: {},
     contentIndex: {}
   },
-  setup(e) {
-    const t = e, { restMessage: n, restProps: s } = Ye(t, ["tool_calls"]), r = ie(n, t.contentIndex);
-    return (u, o) => (b(), x(D, null, [
-      (b(), k(J(R(r)), F(G(R(s))), null, 16)),
-      (b(!0), x(D, null, j(t.message.tool_calls, (a, d) => (b(), k(we, P({
+  setup(t) {
+    const e = t, { restMessage: n, restProps: s } = Ye(e, ["tool_calls"]), r = ie(n, e.contentIndex);
+    return (f, o) => (_(), R(w, null, [
+      (_(), S(J(C(r)), D(G(C(s))), null, 16)),
+      (_(!0), R(w, null, z(e.message.tool_calls, (a, i) => (_(), S(we, F({
         key: a.id
-      }, { ref_for: !0 }, t, { "tool-call-index": d }), null, 16, ["tool-call-index"]))), 128))
+      }, { ref_for: !0 }, e, { "tool-call-index": i }), null, 16, ["tool-call-index"]))), 128))
     ], 64));
   }
 }), Fe = [
   {
-    find: (e, t, n) => {
-      const s = t.at(0);
-      return t.length === 1 && Array.isArray(s) && typeof n == "number" && s[n].type === "image_url";
-    },
-    renderer: w(ce),
+    find: (t, e) => (e == null ? void 0 : e.type) === "image_url",
+    renderer: O(ce),
     priority: K.NORMAL,
     attributes: { "data-box-type": "image" }
   }
 ], Pe = [
   {
-    find: (e) => !!e.loading,
-    renderer: w(Ae),
+    find: (t) => !!t.loading,
+    renderer: O(Ae),
     priority: K.LOADING
   },
   {
-    find: (e) => typeof e.reasoning_content == "string",
-    renderer: w(Ne),
+    find: (t) => typeof t.reasoning_content == "string",
+    renderer: O(Ne),
     priority: K.NORMAL
   },
   {
-    find: (e) => Array.isArray(e.tool_calls) && e.tool_calls.length > 0,
-    renderer: w(De),
+    find: (t) => Array.isArray(t.tool_calls) && t.tool_calls.length > 0,
+    renderer: O(De),
     priority: K.NORMAL
   },
   {
-    find: (e, t, n) => Array.isArray(t) && typeof n == "number" && t[n].type === "image_url",
-    renderer: w($e),
+    find: (t, e) => e.type === "image_url",
+    renderer: O($e),
     priority: K.CONTENT
   },
   {
-    find: (e) => e.role === "tool",
-    renderer: w(Oe),
+    find: (t) => t.role === "tool",
+    renderer: O(Oe),
     priority: K.ROLE
   }
-], Ge = w(ce), He = w(ue), be = Symbol("BUBBLE_CONTENT_RESOLVER_KEY"), Q = (e) => {
-  const t = L(be, void 0), n = t ?? e;
-  return !t && e && $(be, e), n ? (r) => {
-    const u = S(n);
-    return u == null ? void 0 : u(r);
+], Ge = O(ce), He = O(ue), _e = Symbol("BUBBLE_CONTENT_RESOLVER_KEY"), ee = (t) => {
+  const e = L(_e, void 0), n = e ?? t;
+  return !e && t && $(_e, t), n ? (r) => {
+    const f = I(n);
+    return f == null ? void 0 : f(r);
   } : (r) => r.content;
 };
-function St(e) {
-  const { boxRendererMatches: t, fallbackBoxRenderer: n } = e;
-  t && $(Ce, t), n && $(Ee, n);
+function St(t) {
+  const { boxRendererMatches: e, fallbackBoxRenderer: n } = t;
+  e && $(Ce, e), n && $(Ee, n);
 }
-function Lt(e) {
-  const { fallbackBoxRenderer: t } = e;
-  t && $(ke, t);
+function Lt(t) {
+  const { fallbackBoxRenderer: e } = t;
+  e && $(ke, e);
 }
-function Tt(e, t) {
-  const n = L(Ce, Fe), s = L(Ee, void 0), r = L(ke, void 0), u = Q();
-  return v(() => {
-    const o = S(e), a = S(n).find(
-      (d) => d.find(
-        o,
-        o.map((g) => u(g)),
-        t
-      )
-    );
-    return a ? {
-      renderer: a.renderer,
-      attributes: a.attributes
+function Tt(t, e) {
+  const n = L(Ce, Fe), s = L(Ee, void 0), r = L(ke, void 0), f = ee();
+  if (typeof e == "number" && I(t).length !== 1)
+    throw new Error("[BubbleBoxRenderer] When contentIndex is a number, messages array length must be 1");
+  const o = (a) => {
+    if (a.length !== 1)
+      return { content: void 0, index: void 0 };
+    const i = f(a.at(0));
+    return {
+      content: Array.isArray(i) ? i.at(e ?? 0) : { type: "text", text: i || "" },
+      index: e ?? 0
+    };
+  };
+  return h(() => {
+    const a = I(t), { content: i, index: b } = o(a), g = I(n).find((x) => x.find(a, i, b));
+    return g ? {
+      renderer: g.renderer,
+      attributes: g.attributes
     } : {
-      renderer: S(r) || S(s) || Ge
+      renderer: I(r) || I(s) || Ge
     };
   });
 }
-function Mt(e) {
-  const { contentRendererMatches: t, fallbackContentRenderer: n } = e;
-  t && $(Ie, t), n && $(Se, n);
+function Mt(t) {
+  const { contentRendererMatches: e, fallbackContentRenderer: n } = t;
+  e && $(Ie, e), n && $(Se, n);
 }
-function $t(e) {
-  const { fallbackContentRenderer: t } = e;
-  t && $(Le, t);
+function $t(t) {
+  const { fallbackContentRenderer: e } = t;
+  e && $(Le, e);
 }
-function ie(e, t) {
-  const n = L(Ie, Pe), s = L(Se, void 0), r = L(Le, void 0), u = Q();
-  return v(() => {
-    const o = S(e), a = S(n).find((d) => d.find(o, u(o), t));
-    return a ? a.renderer : S(r) || S(s) || He;
+function ie(t, e) {
+  const n = L(Ie, Pe), s = L(Se, void 0), r = L(Le, void 0), f = ee();
+  return h(() => {
+    const o = I(t), a = f(o), i = Array.isArray(a) ? a.at(e ?? 0) : { type: "text", text: a || "" }, b = I(n).find((g) => g.find(o, i, e));
+    return b ? b.renderer : I(r) || I(s) || He;
   });
 }
-function At(e) {
-  $(Te, e);
+function At(t) {
+  $(Te, t);
 }
 function Ke() {
-  return L(Te, (e, t) => {
-    console.warn(`[Bubble] State change function not found for key: ${e}`);
+  return L(Te, (t, e) => {
+    console.warn(`[Bubble] State change function not found for key: ${t}`);
   });
 }
-function de(e) {
-  const t = L(ae, void 0);
-  if (t)
-    return t;
-  const n = We(e || {});
+function de(t) {
+  const e = L(ae, void 0);
+  if (e)
+    return e;
+  const n = We(t || {});
   return $(ae, n), n;
 }
 function fe() {
   return L(ae, {});
 }
-function Ue(e) {
-  let t = null;
-  t = H(
-    e,
+function Ue(t) {
+  let e = null;
+  e = H(
+    t,
     (n) => {
-      t && (t(), t = null), n && n.addEventListener("copy", (s) => {
+      e && (e(), e = null), n && n.addEventListener("copy", (s) => {
         var o;
         const r = window.getSelection();
         if (!n.contains((r == null ? void 0 : r.anchorNode) || null)) return;
         s.preventDefault();
-        const u = (r == null ? void 0 : r.toString().replace(/\n{2,}/g, `
+        const f = (r == null ? void 0 : r.toString().replace(/\n{2,}/g, `
 `)) || "";
-        (o = s.clipboardData) == null || o.setData("text/plain", u);
+        (o = s.clipboardData) == null || o.setData("text/plain", f);
       });
     },
     { immediate: !0, flush: "post" }
   );
 }
-const pe = (e) => {
-  const t = Q(), n = v(() => t(e.message)), s = v(() => {
-    const u = n.value;
-    return Array.isArray(u) ? u.at(e.contentIndex ?? 0) : void 0;
-  }), r = v(() => {
-    var o;
-    const u = n.value;
-    return Array.isArray(u) ? String(((o = u.at(e.contentIndex ?? 0)) == null ? void 0 : o.text) || "") : u || "";
-  });
+const pe = (t) => {
+  const e = ee(), n = h(() => {
+    const r = e(t.message);
+    return Array.isArray(r) ? r.at(t.contentIndex) : { type: "text", text: r || "" };
+  }), s = h(() => n.value.type === "text" ? String(n.value.text) : "");
   return {
     content: n,
-    contentItem: s,
-    contentText: r
+    contentText: s
   };
 };
-function Nt(e) {
-  $(Be, e);
+function Nt(t) {
+  $(Be, t);
 }
 function Ot() {
   return L(Be, void 0);
 }
-function Ye(e, t) {
-  const n = v(() => {
-    const r = Object.entries(e.message).filter(([u]) => !t.includes(u));
+function Ye(t, e) {
+  const n = h(() => {
+    const r = Object.entries(t.message).filter(([f]) => !e.includes(f));
     return Object.fromEntries(r);
-  }), s = v(() => ({
-    ...e,
+  }), s = h(() => ({
+    ...t,
     message: n.value
   }));
   return {
@@ -432,64 +429,64 @@ function Ye(e, t) {
     restProps: s
   };
 }
-let oe = null;
-const wt = () => (oe || (oe = import("./index4.js")), oe);
-let W = null;
+let re = null;
+const wt = () => (re || (re = import("./index4.js")), re);
+let j = null;
 const Dt = async () => {
-  if (W)
-    return W;
+  if (j)
+    return j;
   try {
-    const [e, t] = await Promise.all([import("markdown-it"), import("dompurify")]);
-    return W = { markdown: e.default, dompurify: t.default }, W;
+    const [t, e] = await Promise.all([import("markdown-it"), import("dompurify")]);
+    return j = { markdown: t.default, dompurify: e.default }, j;
   } catch {
-    return console.warn("[BubbleMarkdownRenderer] install markdown-it and dompurify to use markdown renderer"), W = null, null;
+    return console.warn("[BubbleMarkdownRenderer] install markdown-it and dompurify to use markdown renderer"), j = null, null;
   }
-}, ge = ["running", "success", "failed", "cancelled"], Ft = (e) => {
-  const t = v(() => {
+}, be = ["running", "success", "failed", "cancelled"], Ft = (t) => {
+  const e = h(() => {
     var o, a;
-    return (a = (o = e.message) == null ? void 0 : o.tool_calls) == null ? void 0 : a[e.toolCallIndex];
-  }), n = fe(), s = v(() => {
-    var y, C, f;
+    return (a = (o = t.message) == null ? void 0 : o.tool_calls) == null ? void 0 : a[t.toolCallIndex];
+  }), n = fe(), s = h(() => {
+    var g, x, m;
     let o = n.toolCallDefaultStatus;
-    o && !ge.includes(o) && (o = void 0);
+    o && !be.includes(o) && (o = void 0);
     const a = n.toolCallDefaultOpen;
-    let d = {
+    let i = {
       status: o,
       open: a
     };
-    const g = (y = t.value) == null ? void 0 : y.id;
-    if (g) {
-      const p = (f = (C = e.message.state) == null ? void 0 : C.toolCall) == null ? void 0 : f[g];
-      if (p) {
-        const { status: i, open: _, ...c } = p;
-        i && ge.includes(i) && (d.status = i), _ !== void 0 && (d.open = _), d = { ...d, ...c };
+    const b = (g = e.value) == null ? void 0 : g.id;
+    if (b) {
+      const d = (m = (x = t.message.state) == null ? void 0 : x.toolCall) == null ? void 0 : m[b];
+      if (d) {
+        const { status: u, open: v, ...l } = d;
+        u && be.includes(u) && (i.status = u), v !== void 0 && (i.open = v), i = { ...i, ...l };
       }
     }
-    return d;
-  }), r = v(() => {
-    var a, d;
-    const o = (a = t.value) == null ? void 0 : a.id;
+    return i;
+  }), r = h(() => {
+    var a, i;
+    const o = (a = e.value) == null ? void 0 : a.id;
     if (o)
-      return (d = n.toolCallResults) == null ? void 0 : d[o];
-  }), u = T({});
-  return Z(() => {
-    var d;
-    const o = (d = t.value) == null ? void 0 : d.function.arguments, a = r.value;
-    wt().then(({ jsonrepair: g }) => {
-      const y = g(typeof o == "string" ? o || "{}" : JSON.stringify(o));
-      u.value = {
-        arguments: JSON.parse(y),
-        result: a ? JSON.parse(g(a || "{}")) : void 0
+      return (i = n.toolCallResults) == null ? void 0 : i[o];
+  }), f = T({});
+  return Q(() => {
+    var i;
+    const o = (i = e.value) == null ? void 0 : i.function.arguments, a = r.value;
+    wt().then(({ jsonrepair: b }) => {
+      const g = b(typeof o == "string" ? o || "{}" : JSON.stringify(o));
+      f.value = {
+        arguments: JSON.parse(g),
+        result: a ? JSON.parse(b(a || "{}")) : void 0
       };
-    }).catch((g) => {
-      console.warn(g);
+    }).catch((b) => {
+      console.warn(b);
     });
   }), {
-    toolCall: t,
-    toolCallWithResult: je(u),
+    toolCall: e,
+    toolCallWithResult: je(f),
     state: s
   };
-}, ve = /* @__PURE__ */ E({
+}, ge = /* @__PURE__ */ k({
   __name: "BubbleBoxWrapper",
   props: {
     role: {},
@@ -498,37 +495,37 @@ const Dt = async () => {
     messages: {},
     contentIndex: {}
   },
-  setup(e) {
-    const t = e, n = Tt(() => t.messages, t.contentIndex);
-    return (s, r) => (b(), k(J(R(n).renderer), P({
-      "data-role": t.role,
-      "data-placement": t.placement,
-      "data-shape": t.shape
-    }, R(n).attributes), {
+  setup(t) {
+    const e = t, n = Tt(() => e.messages, e.contentIndex);
+    return (s, r) => (_(), S(J(C(n).renderer), F({
+      "data-role": e.role,
+      "data-placement": e.placement,
+      "data-shape": e.shape
+    }, C(n).attributes), {
       default: M(() => [
         B(s.$slots, "default")
       ]),
       _: 3
     }, 16, ["data-role", "data-placement", "data-shape"]));
   }
-}), re = /* @__PURE__ */ E({
+}), ve = /* @__PURE__ */ k({
   __name: "BubbleContentWrapper",
   props: {
     message: {},
     contentIndex: {}
   },
   emits: ["state-change"],
-  setup(e, { emit: t }) {
-    const n = e, s = ie(() => n.message, n.contentIndex), r = t;
+  setup(t, { emit: e }) {
+    const n = t, s = ie(() => n.message, n.contentIndex), r = e;
     return At((o, a) => {
       r("state-change", {
         key: o,
         value: a,
         contentIndex: n.contentIndex
       });
-    }), (o, a) => (b(), k(J(R(s)), F(G(n)), null, 16));
+    }), (o, a) => (_(), S(J(C(s)), D(G(n)), null, 16));
   }
-}), Pt = ["data-role", "data-placement"], Gt = { class: "tr-bubble__body" }, Ht = { class: "tr-bubble__content" }, Kt = { class: "tr-bubble__after" }, Ut = /* @__PURE__ */ E({
+}), Pt = ["data-role", "data-placement"], Gt = { class: "tr-bubble__body" }, Ht = { class: "tr-bubble__content" }, Kt = { class: "tr-bubble__after" }, Ut = /* @__PURE__ */ k({
   __name: "Bubble",
   props: {
     content: {},
@@ -545,70 +542,73 @@ const Dt = async () => {
     placement: { default: "start" },
     shape: { default: "corner" },
     contentRenderMode: { default: "single" },
-    contentResolver: { type: Function, default: (e) => e.content },
+    contentResolver: { type: Function, default: (t) => t.content },
     fallbackBoxRenderer: {},
     fallbackContentRenderer: {}
   },
   emits: ["state-change"],
-  setup(e, { emit: t }) {
-    const n = e, s = Q(() => n.contentResolver), r = t;
+  setup(t, { emit: e }) {
+    const n = t, s = ee(() => n.contentResolver), r = e;
     de();
-    const u = Ot(), o = v(() => S(u)), a = v(() => {
-      var O;
-      if ((O = o.value) != null && O.messages.length)
+    const f = Ot(), o = h(() => I(f)), a = h(() => {
+      var W;
+      if ((W = o.value) != null && W.messages.length)
         return o.value.messages;
-      const { role: f, content: p, reasoning_content: i, tool_calls: _, tool_call_id: c, name: l, id: m, loading: I, state: N } = n;
-      return [{ role: f, content: p, reasoning_content: i, tool_calls: _, tool_call_id: c, name: l, id: m, loading: I, state: N }];
-    });
+      const { role: d, content: u, reasoning_content: v, tool_calls: l, tool_call_id: c, name: p, id: E, loading: N, state: P } = n;
+      return [{ role: d, content: u, reasoning_content: v, tool_calls: l, tool_call_id: c, name: p, id: E, loading: N, state: P }];
+    }), i = (d) => {
+      const u = s(d);
+      return Array.isArray(u) ? u : [{ type: "text", text: u || "" }];
+    };
     Lt({ fallbackBoxRenderer: () => n.fallbackBoxRenderer }), $t({ fallbackContentRenderer: () => n.fallbackContentRenderer });
-    const d = v(() => a.value.length === 0 ? !0 : n.hidden), g = v(() => {
+    const b = h(() => a.value.length === 0 ? !0 : n.hidden), g = h(() => {
       if (n.contentRenderMode === "split" && a.value.length === 1) {
-        const f = s(a.value.at(0));
-        if (Array.isArray(f))
-          return f;
+        const d = s(a.value.at(0));
+        if (Array.isArray(d))
+          return d;
       }
       return null;
-    }), y = L(Me, !1), C = T(null);
-    return y || Ue(C), (f, p) => ee((b(), x("div", {
+    }), x = L(Me, !1), m = T(null);
+    return x || Ue(m), (d, u) => te((_(), R("div", {
       class: "tr-bubble",
       ref_key: "bubbleRef",
-      ref: C,
+      ref: m,
       "data-role": n.role,
       "data-placement": n.placement
     }, [
-      B(f.$slots, "prefix", {
+      B(d.$slots, "prefix", {
         messages: a.value,
-        role: e.role
+        role: t.role
       }, void 0, !0),
-      h("div", Gt, [
-        n.avatar ? (b(), k(J(n.avatar), {
+      y("div", Gt, [
+        n.avatar ? (_(), S(J(n.avatar), {
           key: 0,
-          class: U(["tr-bubble__avatar", f.$style["tr-bubble__avatar"]])
+          class: U(["tr-bubble__avatar", d.$style["tr-bubble__avatar"]])
         }, null, 8, ["class"])) : le("", !0),
-        h("div", Ht, [
-          g.value ? (b(!0), x(D, { key: 0 }, j(g.value, (i, _) => (b(), k(ve, {
-            key: _,
+        y("div", Ht, [
+          g.value ? (_(!0), R(w, { key: 0 }, z(g.value, (v, l) => (_(), S(ge, {
+            key: l,
             class: "tr-bubble__box",
             role: n.role,
             placement: n.placement,
             shape: n.shape,
             messages: a.value,
-            "content-index": _
+            "content-index": l
           }, {
             default: M(() => [
-              z(re, {
+              V(ve, {
                 message: a.value.at(0),
-                "content-index": _,
-                onStateChange: p[0] || (p[0] = (c) => r("state-change", { ...c, messageIndex: 0 }))
+                "content-index": l,
+                onStateChange: u[0] || (u[0] = (c) => r("state-change", { ...c, messageIndex: 0 }))
               }, null, 8, ["message", "content-index"]),
-              B(f.$slots, "content-footer", {
+              B(d.$slots, "content-footer", {
                 messages: a.value,
                 role: n.role,
-                contentIndex: _
+                contentIndex: l
               }, void 0, !0)
             ]),
             _: 2
-          }, 1032, ["role", "placement", "shape", "messages", "content-index"]))), 128)) : (b(), k(ve, {
+          }, 1032, ["role", "placement", "shape", "messages", "content-index"]))), 128)) : (_(), S(ge, {
             key: 1,
             role: n.role,
             placement: n.placement,
@@ -616,21 +616,17 @@ const Dt = async () => {
             messages: a.value
           }, {
             default: M(() => [
-              (b(!0), x(D, null, j(a.value, (i, _) => (b(), x(D, {
-                key: `message-${_}`
+              (_(!0), R(w, null, z(a.value, (v, l) => (_(), R(w, {
+                key: `message-${l}`
               }, [
-                Array.isArray(R(s)(i)) ? (b(!0), x(D, { key: 0 }, j(R(s)(i), (c, l) => (b(), k(re, {
-                  key: `content-${l}`,
-                  message: i,
-                  "content-index": l,
-                  onStateChange: (m) => r("state-change", { ...m, messageIndex: _ })
-                }, null, 8, ["message", "content-index", "onStateChange"]))), 128)) : (b(), k(re, {
-                  key: 1,
-                  message: i,
-                  onStateChange: (c) => r("state-change", { ...c, messageIndex: _ })
-                }, null, 8, ["message", "onStateChange"]))
+                (_(!0), R(w, null, z(i(v), (c, p) => (_(), S(ve, {
+                  key: `content-${p}`,
+                  message: v,
+                  "content-index": p,
+                  onStateChange: (E) => r("state-change", { ...E, messageIndex: l })
+                }, null, 8, ["message", "content-index", "onStateChange"]))), 128))
               ], 64))), 128)),
-              B(f.$slots, "content-footer", {
+              B(d.$slots, "content-footer", {
                 messages: a.value,
                 role: n.role
               }, void 0, !0)
@@ -638,80 +634,80 @@ const Dt = async () => {
             _: 3
           }, 8, ["role", "placement", "shape", "messages"]))
         ]),
-        h("div", Kt, [
-          B(f.$slots, "after", {
+        y("div", Kt, [
+          B(d.$slots, "after", {
             messages: a.value,
-            role: e.role
+            role: t.role
           }, void 0, !0)
         ])
       ]),
-      B(f.$slots, "suffix", {
+      B(d.$slots, "suffix", {
         messages: a.value,
-        role: e.role
+        role: t.role
       }, void 0, !0)
     ], 8, Pt)), [
-      [te, !d.value]
+      [ne, !b.value]
     ]);
   }
 }), Yt = {
   "tr-bubble__avatar": "_tr-bubble__avatar_1r87c_2"
 }, Jt = {
   $style: Yt
-}, Y = /* @__PURE__ */ A(Ut, [["__cssModules", Jt], ["__scopeId", "data-v-9468260c"]]);
-function he(e, t) {
-  const n = H(e, (s, r) => {
-    r === !0 && s === !1 && (t(), n());
+}, Y = /* @__PURE__ */ A(Ut, [["__cssModules", Jt], ["__scopeId", "data-v-2d927bba"]]);
+function he(t, e) {
+  const n = H(t, (s, r) => {
+    r === !0 && s === !1 && (e(), n());
   });
   return n;
 }
-function Wt(e, t, n) {
-  const { scrollOnMount: s = !0, bottomThreshold: r = 20, scrollThrottle: u = 0 } = n ?? {}, o = T(!0);
+function Wt(t, e, n) {
+  const { scrollOnMount: s = !0, bottomThreshold: r = 20, scrollThrottle: f = 0 } = n ?? {}, o = T(!0);
   let a = !1;
-  const d = /* @__PURE__ */ new Set(), g = () => Qe(e), { y, isScrolling: C, arrivedState: f } = Ze(g, { throttle: u }), p = (c) => c.scrollHeight - c.scrollTop - c.clientHeight <= r, i = async (c = "auto") => {
-    const l = S(g);
-    if (l && (await ne(), l.scrollTo({ top: l.scrollHeight, behavior: c }), c === "smooth" && !p(l))) {
-      const m = he(C, () => {
-        l.scrollTo({ top: l.scrollHeight, behavior: "auto" }), d.delete(m);
+  const i = /* @__PURE__ */ new Set(), b = () => tt(t), { y: g, isScrolling: x, arrivedState: m } = Ze(b, { throttle: f }), d = (l) => l.scrollHeight - l.scrollTop - l.clientHeight <= r, u = async (l = "auto") => {
+    const c = I(b);
+    if (c && (await se(), c.scrollTo({ top: c.scrollHeight, behavior: l }), l === "smooth" && !d(c))) {
+      const p = he(x, () => {
+        c.scrollTo({ top: c.scrollHeight, behavior: "auto" }), i.delete(p);
       });
-      d.add(m);
+      i.add(p);
     }
-  }, _ = () => {
+  }, v = () => {
     a || !o.value || (a = !0, requestAnimationFrame(async () => {
-      a = !1, await i("auto");
+      a = !1, await u("auto");
     }));
   };
   return H(
-    y,
+    g,
     () => {
-      const c = S(g);
-      c && (o.value = p(c));
+      const l = I(b);
+      l && (o.value = d(l));
     },
     { flush: "post" }
-  ), et(
-    t,
+  ), Qe(
+    e,
     () => {
-      _();
+      v();
     },
     { flush: "post", throttle: 100 }
   ), ye(() => {
-    s && i("smooth");
+    s && u("smooth");
   }), ze(() => {
-    d.forEach((c) => {
-      c();
-    }), d.clear();
-  }), tt("keydown", (c) => {
-    if (c.key === "End" && !o.value) {
-      const l = he(C, () => {
-        i("auto"), d.delete(l);
+    i.forEach((l) => {
+      l();
+    }), i.clear();
+  }), et("keydown", (l) => {
+    if (l.key === "End" && !o.value) {
+      const c = he(x, () => {
+        u("auto"), i.delete(c);
       });
-      d.add(l);
+      i.add(c);
     }
   }), {
-    scrollToBottom: i,
-    arrivedState: f
+    scrollToBottom: u,
+    arrivedState: m
   };
 }
-const jt = /* @__PURE__ */ E({
+const jt = /* @__PURE__ */ k({
   __name: "BubbleItem",
   props: {
     messageGroup: {},
@@ -720,30 +716,30 @@ const jt = /* @__PURE__ */ E({
     contentResolver: { type: Function }
   },
   emits: ["state-change"],
-  setup(e, { emit: t }) {
-    const n = e, s = t;
-    return Nt(() => n.messageGroup), (r, u) => (b(), k(Y, P(e.roleConfig, {
-      role: e.messageGroup.role,
-      "content-render-mode": e.contentRenderMode,
-      "content-resolver": e.contentResolver,
-      onStateChange: u[0] || (u[0] = (o) => s("state-change", o))
+  setup(t, { emit: e }) {
+    const n = t, s = e;
+    return Nt(() => n.messageGroup), (r, f) => (_(), S(Y, F(t.roleConfig, {
+      role: t.messageGroup.role,
+      "content-render-mode": t.contentRenderMode,
+      "content-resolver": t.contentResolver,
+      onStateChange: f[0] || (f[0] = (o) => s("state-change", o))
     }), {
       prefix: M((o) => [
-        B(r.$slots, "prefix", F(G(o)))
+        B(r.$slots, "prefix", D(G(o)))
       ]),
       suffix: M((o) => [
-        B(r.$slots, "suffix", F(G(o)))
+        B(r.$slots, "suffix", D(G(o)))
       ]),
       "content-footer": M((o) => [
-        B(r.$slots, "content-footer", F(G(o)))
+        B(r.$slots, "content-footer", D(G(o)))
       ]),
       after: M((o) => [
-        B(r.$slots, "after", F(G(o)))
+        B(r.$slots, "after", D(G(o)))
       ]),
       _: 3
     }, 16, ["role", "content-render-mode", "content-resolver"]));
   }
-}), zt = /* @__PURE__ */ E({
+}), zt = /* @__PURE__ */ k({
   __name: "BubbleList",
   props: {
     messages: {},
@@ -752,112 +748,112 @@ const jt = /* @__PURE__ */ E({
     fallbackRole: { default: "assistant" },
     roleConfigs: {},
     contentRenderMode: {},
-    contentResolver: { type: Function, default: (e) => e.content },
+    contentResolver: { type: Function, default: (t) => t.content },
     autoScroll: { type: Boolean }
   },
   emits: ["state-change"],
-  setup(e, { expose: t, emit: n }) {
-    const s = e, r = n;
+  setup(t, { expose: e, emit: n }) {
+    const s = t, r = n;
     de(), $(Me, !0);
-    const u = Q(() => s.contentResolver), o = (f) => {
-      var p, i;
-      return f ? !!((i = (p = s.roleConfigs) == null ? void 0 : p[f]) != null && i.hidden) : !1;
+    const f = ee(() => s.contentResolver), o = (m) => {
+      var d, u;
+      return m ? !!((u = (d = s.roleConfigs) == null ? void 0 : d[m]) != null && u.hidden) : !1;
     }, a = T(null);
-    let d = async () => {
+    let i = async () => {
     };
     if (s.autoScroll) {
-      const f = v(() => s.messages.at(-1)), { scrollToBottom: p } = Wt(a, () => {
-        var i, _;
+      const m = h(() => s.messages.at(-1)), { scrollToBottom: d } = Wt(a, () => {
+        var u, v;
         return [
           s.messages.length,
-          (i = f.value) == null ? void 0 : i.content,
-          (_ = f.value) == null ? void 0 : _.reasoning_content
+          (u = m.value) == null ? void 0 : u.content,
+          (v = m.value) == null ? void 0 : v.reasoning_content
         ];
       });
-      d = p, H(
+      i = d, H(
         () => {
-          var i;
-          return (i = f.value) == null ? void 0 : i.role;
+          var u;
+          return (u = m.value) == null ? void 0 : u.role;
         },
-        async (i) => {
-          i === "user" && (await ne(), p("smooth"));
+        async (u) => {
+          u === "user" && (await se(), d("smooth"));
         }
       );
     }
     Ue(a);
-    const g = (f) => {
-      const p = [];
-      let i = !1, _ = !1;
-      for (const [c, l] of f.entries()) {
-        const m = p[p.length - 1], I = Array.isArray(u(l)), N = l.role || "", O = o(l.role);
-        I ? (p.push({
+    const b = (m) => {
+      const d = [];
+      let u = !1, v = !1;
+      for (const [l, c] of m.entries()) {
+        const p = d[d.length - 1], E = Array.isArray(f(c)), N = c.role || "", P = o(c.role);
+        E ? (d.push({
           role: N,
-          messages: [l],
-          messageIndexes: [c],
-          startIndex: c
-        }), i = !0) : m && !i && (_ && O || m.role === N && _ === O) ? (m.messages.push(l), m.messageIndexes.push(c)) : (p.push({
-          role: N,
-          messages: [l],
-          messageIndexes: [c],
-          startIndex: c
-        }), i = !1), _ = O;
-      }
-      return p;
-    }, y = (f, p) => {
-      const i = [];
-      let _ = !1, c = !1;
-      for (const [l, m] of f.entries()) {
-        const I = i[i.length - 1], N = m.role === p, O = Array.isArray(u(m)), me = m.role || "", se = o(m.role);
-        O ? (i.push({
-          role: me,
-          messages: [m],
+          messages: [c],
           messageIndexes: [l],
           startIndex: l
-        }), _ = !0) : I && !_ && (c && se || I.role === p === N && c === se) ? (I.messages.push(m), I.messageIndexes.push(l)) : (i.push({
-          role: N ? p : me,
-          messages: [m],
+        }), u = !0) : p && !u && (v && P || p.role === N && v === P) ? (p.messages.push(c), p.messageIndexes.push(l)) : (d.push({
+          role: N,
+          messages: [c],
           messageIndexes: [l],
           startIndex: l
-        }), _ = !1), c = se;
+        }), u = !1), v = P;
+      }
+      return d;
+    }, g = (m, d) => {
+      const u = [];
+      let v = !1, l = !1;
+      for (const [c, p] of m.entries()) {
+        const E = u[u.length - 1], N = p.role === d, P = Array.isArray(f(p)), W = p.role || "", oe = o(p.role);
+        P ? (u.push({
+          role: W,
+          messages: [p],
+          messageIndexes: [c],
+          startIndex: c
+        }), v = !0) : E && !v && (l && oe || E.role === d === N && l === oe) ? (E.messages.push(p), E.messageIndexes.push(c)) : (u.push({
+          role: N ? d : W,
+          messages: [p],
+          messageIndexes: [c],
+          startIndex: c
+        }), v = !1), l = oe;
       }
-      return i;
-    }, C = v(() => s.messages.length === 0 ? [] : typeof s.groupStrategy == "function" ? s.groupStrategy(s.messages, s.dividerRole) : s.groupStrategy === "consecutive" ? g(s.messages) : y(s.messages, s.dividerRole));
-    return t({
-      scrollToBottom: d
-    }), (f, p) => (b(), x("div", {
+      return u;
+    }, x = h(() => s.messages.length === 0 ? [] : typeof s.groupStrategy == "function" ? s.groupStrategy(s.messages, s.dividerRole) : s.groupStrategy === "consecutive" ? b(s.messages) : g(s.messages, s.dividerRole));
+    return e({
+      scrollToBottom: i
+    }), (m, d) => (_(), R("div", {
       class: "tr-bubble-list",
       ref_key: "listRef",
       ref: a
     }, [
-      (b(!0), x(D, null, j(C.value, (i, _) => {
-        var c;
-        return b(), k(jt, {
-          key: _,
-          role: i.role || s.fallbackRole,
-          "role-config": (c = s.roleConfigs) == null ? void 0 : c[i.role || s.fallbackRole],
-          "message-group": i,
+      (_(!0), R(w, null, z(x.value, (u, v) => {
+        var l;
+        return _(), S(jt, {
+          key: v,
+          role: u.role || s.fallbackRole,
+          "role-config": (l = s.roleConfigs) == null ? void 0 : l[u.role || s.fallbackRole],
+          "message-group": u,
           "content-render-mode": s.contentRenderMode,
           "content-resolver": s.contentResolver,
-          onStateChange: (l) => r("state-change", { ...l, messageIndex: i.startIndex + l.messageIndex })
+          onStateChange: (c) => r("state-change", { ...c, messageIndex: u.startIndex + c.messageIndex })
         }, {
-          prefix: M((l) => [
-            B(f.$slots, "prefix", P({ ref_for: !0 }, l, {
-              messageIndexes: i.messageIndexes
+          prefix: M((c) => [
+            B(m.$slots, "prefix", F({ ref_for: !0 }, c, {
+              messageIndexes: u.messageIndexes
             }), void 0, !0)
           ]),
-          suffix: M((l) => [
-            B(f.$slots, "suffix", P({ ref_for: !0 }, l, {
-              messageIndexes: i.messageIndexes
+          suffix: M((c) => [
+            B(m.$slots, "suffix", F({ ref_for: !0 }, c, {
+              messageIndexes: u.messageIndexes
             }), void 0, !0)
           ]),
-          "content-footer": M((l) => [
-            B(f.$slots, "content-footer", P({ ref_for: !0 }, l, {
-              messageIndexes: i.messageIndexes
+          "content-footer": M((c) => [
+            B(m.$slots, "content-footer", F({ ref_for: !0 }, c, {
+              messageIndexes: u.messageIndexes
             }), void 0, !0)
           ]),
-          after: M((l) => [
-            B(f.$slots, "after", P({ ref_for: !0 }, l, {
-              messageIndexes: i.messageIndexes
+          after: M((c) => [
+            B(m.$slots, "after", F({ ref_for: !0 }, c, {
+              messageIndexes: u.messageIndexes
             }), void 0, !0)
           ]),
           _: 2
@@ -865,7 +861,7 @@ const jt = /* @__PURE__ */ E({
       }), 128))
     ], 512));
   }
-}), X = /* @__PURE__ */ A(zt, [["__scopeId", "data-v-e6f64f99"]]), q = /* @__PURE__ */ E({
+}), q = /* @__PURE__ */ A(zt, [["__scopeId", "data-v-ff5526c3"]]), Z = /* @__PURE__ */ k({
   __name: "BubbleProvider",
   props: {
     boxRendererMatches: {},
@@ -874,35 +870,35 @@ const jt = /* @__PURE__ */ E({
     fallbackContentRenderer: { type: [Object, Function] },
     store: {}
   },
-  setup(e) {
-    const t = e;
-    de(t.store);
-    const n = v(() => (t.boxRendererMatches || []).concat(Fe).sort((o, a) => (o.priority ?? 0) - (a.priority ?? 0))), s = v(() => (t.contentRendererMatches || []).concat(Pe).sort((o, a) => (o.priority ?? 0) - (a.priority ?? 0))), r = v(() => t.fallbackBoxRenderer || Ge), u = v(() => t.fallbackContentRenderer || He);
-    return St({ boxRendererMatches: n, fallbackBoxRenderer: r }), Mt({ contentRendererMatches: s, fallbackContentRenderer: u }), (o, a) => B(o.$slots, "default");
+  setup(t) {
+    const e = t;
+    de(e.store);
+    const n = h(() => (e.boxRendererMatches || []).concat(Fe).sort((o, a) => (o.priority ?? 0) - (a.priority ?? 0))), s = h(() => (e.contentRendererMatches || []).concat(Pe).sort((o, a) => (o.priority ?? 0) - (a.priority ?? 0))), r = h(() => e.fallbackBoxRenderer || Ge), f = h(() => e.fallbackContentRenderer || He);
+    return St({ boxRendererMatches: n, fallbackBoxRenderer: r }), Mt({ contentRendererMatches: s, fallbackContentRenderer: f }), (o, a) => B(o.$slots, "default");
   }
-}), Vt = ["innerHTML"], Xt = /* @__PURE__ */ E({
+}), Vt = ["innerHTML"], Xt = /* @__PURE__ */ k({
   __name: "Markdown",
   props: {
     message: {},
     contentIndex: {}
   },
-  setup(e) {
-    const t = e, { contentText: n } = pe(t), s = T(null);
+  setup(t) {
+    const e = t, { contentText: n } = pe(e), s = T(null);
     ye(async () => {
       s.value = await Dt();
     });
-    const { mdConfig: r, dompurifyConfig: u } = fe(), o = T("");
-    return Z(() => {
+    const { mdConfig: r, dompurifyConfig: f } = fe(), o = T("");
+    return Q(() => {
       if (s.value) {
-        const { markdown: a, dompurify: d } = s.value;
-        o.value = a(r || {}).render(n.value), d.sanitize(o.value, u);
+        const { markdown: a, dompurify: i } = s.value;
+        o.value = a(r || {}).render(n.value), i.sanitize(o.value, f);
       }
-    }), (a, d) => o.value ? (b(), x("div", {
+    }), (a, i) => o.value ? (_(), R("div", {
       key: 0,
       class: "tr-bubble__markdown markdown-body",
       "data-type": "markdown",
       innerHTML: o.value
-    }, null, 8, Vt)) : (b(), k(ue, F(P({ key: 1 }, t)), null, 16));
+    }, null, 8, Vt)) : (_(), S(ue, D(F({ key: 1 }, e)), null, 16));
   }
 }), qt = /* @__PURE__ */ A(Xt, [["__scopeId", "data-v-a7de666c"]]), rn = {
   Box: ce,
@@ -916,34 +912,34 @@ const jt = /* @__PURE__ */ E({
   Tools: De
 };
 Y.name = "TrBubble";
-const Zt = function(e) {
-  e.component(Y.name, Y);
+const Zt = function(t) {
+  t.component(Y.name, Y);
 };
 Y.install = Zt;
 const an = Y;
-X.name = "TrBubbleList";
-const Qt = function(e) {
-  e.component(X.name, X);
+q.name = "TrBubbleList";
+const Qt = function(t) {
+  t.component(q.name, q);
 };
-X.install = Qt;
-const ln = X;
-q.name = "TrBubbleProvider";
-const en = function(e) {
-  e.component(q.name, q);
+q.install = Qt;
+const ln = q;
+Z.name = "TrBubbleProvider";
+const en = function(t) {
+  t.component(Z.name, Z);
 };
-q.install = en;
-const cn = q;
+Z.install = en;
+const cn = Z;
 export {
   an as B,
   ln as a,
   cn as b,
   K as c,
   rn as d,
-  ie as e,
-  Ke as f,
-  pe as g,
-  Ye as h,
-  Ft as i,
-  Wt as j,
-  Tt as u
+  Tt as e,
+  ie as f,
+  Ke as g,
+  pe as h,
+  Ye as i,
+  Ft as j,
+  Wt as u
 };