@opentiny/tiny-robot 0.4.0-alpha.2 → 0.4.0-alpha.3

package/dist/index2.js

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