@opentiny/tiny-robot 0.5.2-alpha.17 → 0.5.2-alpha.18

package/dist/index6.js

@@ -1,142 +1,148 @@
-import { ref as $, watch as U, toValue as S, onMounted as ke, onUnmounted as Ze, nextTick as re, defineComponent as M, openBlock as y, createElementBlock as I, renderSlot as A, computed as R, unref as k, normalizeClass as z, createVNode as ee, onBeforeUnmount as Qe, Fragment as G, createElementVNode as B, mergeProps as P, toDisplayString as W, withDirectives as oe, vShow as se, createBlock as N, resolveDynamicComponent as X, normalizeProps as j, guardReactiveProps as Y, createCommentVNode as le, watchEffect as ae, useCssModule as et, renderList as Q, markRaw as K, inject as L, provide as O, reactive as tt, readonly as nt, withCtx as F } from "vue";
-import { _ as H } from "./_plugin-vue_export-helper.js";
-import { IconLoading as Ie, IconAtom as ot, IconArrowDown as Se, IconPlugin as ve, IconError as st, IconCancelled as rt, IconWarning as lt, IconClose as at } from "@opentiny/tiny-robot-svgs";
-import { l as ct, j as he, w as ut, g as it, u as ye } from "./index4.js";
-function xe(e, t) {
-  const n = U(e, (o, r) => {
-    r === !0 && o === !1 && (t(), n());
+import { ref as L, watch as H, toValue as I, onMounted as Se, onUnmounted as nt, nextTick as ce, defineComponent as M, openBlock as p, createElementBlock as k, renderSlot as A, computed as x, unref as C, normalizeClass as q, createVNode as oe, onBeforeUnmount as ot, Fragment as K, createElementVNode as E, mergeProps as D, toDisplayString as z, withDirectives as le, vShow as ae, createBlock as T, resolveDynamicComponent as Y, normalizeProps as G, guardReactiveProps as W, createCommentVNode as X, watchEffect as ue, useCssModule as st, renderList as ne, markRaw as j, inject as $, provide as N, reactive as rt, readonly as lt, withCtx as P } from "vue";
+import { _ as U } from "./_plugin-vue_export-helper.js";
+import { IconLoading as Ae, IconAtom as at, IconArrowDown as Me, IconPlugin as ye, IconError as ct, IconCancelled as ut, IconWarning as it, IconClose as dt } from "@opentiny/tiny-robot-svgs";
+import { l as bt, j as Re, w as ft, g as pt, u as xe } from "./index4.js";
+function Be(e, t) {
+  const n = H(e, (o, s) => {
+    s === !0 && o === !1 && (t(), n());
   });
   return n;
 }
-function dt(e) {
+function mt(e) {
   if (typeof e != "object" || e === null) return !1;
   const t = Object.getPrototypeOf(e);
   return (t === Object.prototype || t === null) && "scrollRef" in e && "contentRef" in e;
 }
-function bt(e, t, n) {
-  let o, r, a, s;
-  arguments.length === 1 && dt(e) ? (o = e.scrollRef, r = e.contentRef, a = void 0, s = e) : (o = e, r = n == null ? void 0 : n.contentTarget, a = t, s = n);
-  const { scrollOnMount: l = !0, bottomThreshold: u = 20, scrollThrottle: b = 0, enabled: m = !0 } = s ?? {}, x = $(!0);
-  let v = null;
-  const d = /* @__PURE__ */ new Set(), f = () => ye(o), E = () => r ? ye(r) : null, i = () => S(m), { y: _, isScrolling: c, arrivedState: g } = ct(f, { throttle: b }), h = (C) => C.scrollHeight - C.scrollTop - C.clientHeight <= u, p = async (C = "auto") => {
-    x.value = !0;
-    const w = S(f);
-    if (w && (await re(), w.scrollTo({ top: w.scrollHeight, behavior: C }), C === "smooth" && !h(w))) {
-      const q = xe(c, () => {
-        w.scrollTo({ top: w.scrollHeight, behavior: "auto" }), d.delete(q);
+function _t(e, t, n) {
+  let o, s, c, l;
+  arguments.length === 1 && mt(e) ? (o = e.scrollRef, s = e.contentRef, c = void 0, l = e) : (o = e, s = n == null ? void 0 : n.contentTarget, c = t, l = n);
+  const { scrollOnMount: u = !0, bottomThreshold: r = 20, scrollThrottle: d = 0, enabled: m = !0 } = l ?? {}, y = L(!0);
+  let h = null;
+  const B = /* @__PURE__ */ new Set(), R = () => xe(o), _ = () => s ? xe(s) : null, i = () => I(m), { y: g, isScrolling: a, arrivedState: v } = bt(R, { throttle: d }), b = (S) => S.scrollHeight - S.scrollTop - S.clientHeight <= r, f = () => {
+    const S = I(R);
+    S && (y.value = b(S));
+  }, w = async (S = "auto") => {
+    y.value = !0;
+    const F = I(R);
+    if (F && (await ce(), F.scrollTo({ top: F.scrollHeight, behavior: S }), S === "smooth" && !b(F))) {
+      const ee = Be(a, () => {
+        B.delete(ee), y.value && F.scrollTo({ top: F.scrollHeight, behavior: "auto" });
       });
-      d.add(q);
+      B.add(ee);
     }
-  }, T = () => {
-    v !== null || !i() || !x.value || (v = requestAnimationFrame(async () => {
-      v = null, !(!i() || !x.value) && await p("auto");
+  }, O = () => {
+    h !== null || !i() || !y.value || (h = requestAnimationFrame(async () => {
+      h = null, !(!i() || !y.value) && await w("auto");
     }));
-  }, D = () => {
-    let C = !1;
-    return () => {
-      !C && (C = !0, !l) || T();
-    };
   };
-  return U(
-    _,
-    (C, w) => {
-      const q = S(f);
-      q && (h(q) ? x.value = !0 : C < w && (x.value = !1));
+  let J = !1;
+  const Q = () => {
+    if (!J && (J = !0, !u)) {
+      f();
+      return;
+    }
+    O();
+  };
+  return H(
+    g,
+    (S, F) => {
+      const ee = I(R);
+      ee && (b(ee) ? y.value = !0 : S < F && (y.value = !1));
     },
     { flush: "post" }
-  ), he(E, D()), he(f, D()), a !== void 0 && ut(a, T, { flush: "post", throttle: 100 }), U(
+  ), Re(_, Q), Re(R, Q), c !== void 0 && ft(c, O, { flush: "post", throttle: 100 }), H(
     i,
-    (C) => {
-      C && x.value && T();
+    (S) => {
+      S && y.value && O();
     },
     { flush: "post" }
-  ), ke(() => {
-    l && i() && p("smooth");
-  }), Ze(() => {
-    v !== null && (cancelAnimationFrame(v), v = null), d.forEach((C) => {
-      C();
-    }), d.clear();
-  }), it("keydown", (C) => {
-    if (C.key === "End" && !x.value) {
-      const w = xe(c, () => {
-        p("auto"), d.delete(w);
+  ), Se(() => {
+    u && i() && w("smooth");
+  }), nt(() => {
+    h !== null && (cancelAnimationFrame(h), h = null), B.forEach((S) => {
+      S();
+    }), B.clear();
+  }), pt("keydown", (S) => {
+    if (S.key === "End" && !y.value) {
+      const F = Be(a, () => {
+        w("auto"), B.delete(F);
       });
-      d.add(w);
+      B.add(F);
     }
   }), {
-    scrollToBottom: p,
-    arrivedState: g
+    scrollToBottom: w,
+    arrivedState: v
   };
 }
-const Ae = Symbol("bubble-message-group"), Me = Symbol("bubble-box-renderer-matches"), Te = Symbol("bubble-box-fallback-renderer"), we = Symbol("bubble-box-attributes"), Le = Symbol(
+const Te = Symbol("bubble-message-group"), $e = Symbol("bubble-box-renderer-matches"), we = Symbol("bubble-box-fallback-renderer"), Le = Symbol("bubble-box-attributes"), Ne = Symbol(
   "bubble-box-prop-fallback-renderer"
-), $e = Symbol("bubble-content-renderer-matches"), Ne = Symbol(
+), Oe = Symbol("bubble-content-renderer-matches"), Fe = Symbol(
   "bubble-content-fallback-renderer"
-), Oe = Symbol("bubble-content-attributes"), Fe = Symbol(
+), Pe = Symbol("bubble-content-attributes"), De = Symbol(
   "bubble-content-prop-fallback-renderer"
-), ie = Symbol("bubble-store"), Pe = Symbol("bubble-event-fn"), De = Symbol("bubble-list-context"), J = {
+), be = Symbol("bubble-store"), Ue = Symbol("bubble-event-fn"), Ke = Symbol("bubble-error-renderer"), He = Symbol("bubble-list-context"), V = {
   LOADING: -1,
   NORMAL: 0,
   CONTENT: 10,
   ROLE: 20
-}, ft = {
+}, gt = {
   class: "tr-bubble__box",
   "data-box-type": "box"
-}, pt = /* @__PURE__ */ M({
+}, vt = /* @__PURE__ */ M({
   __name: "Box",
   props: {
     placement: {},
     shape: {}
   },
   setup(e) {
-    return (t, n) => (y(), I("div", ft, [
+    return (t, n) => (p(), k("div", gt, [
       A(t.$slots, "default", {}, void 0, !0)
     ]));
   }
-}), de = /* @__PURE__ */ H(pt, [["__scopeId", "data-v-98101726"]]), mt = ["src", "alt"], _t = /* @__PURE__ */ M({
+}), fe = /* @__PURE__ */ U(vt, [["__scopeId", "data-v-98101726"]]), ht = ["src", "alt"], yt = /* @__PURE__ */ M({
   __name: "Image",
   props: {
     message: {},
     contentIndex: {}
   },
   setup(e) {
-    const t = e, n = $(!1), o = $(!1), { content: r } = ge(t), a = R(() => r.value ? typeof r.value.image_url == "string" ? r.value.image_url : r.value.image_url.url : null);
-    U(a, () => {
+    const t = e, n = L(!1), o = L(!1), { content: s } = he(t), c = x(() => s.value ? typeof s.value.image_url == "string" ? s.value.image_url : s.value.image_url.url : null);
+    H(c, () => {
       n.value = !1, o.value = !1;
     });
-    const s = () => {
+    const l = () => {
       n.value = !0, o.value = !1;
-    }, l = () => {
+    }, u = () => {
       o.value = !0, n.value = !0;
     };
-    return (u, b) => {
+    return (r, d) => {
       var m;
-      return y(), I("img", {
-        class: z(["tr-bubble__image", { loading: !n.value }]),
-        src: a.value,
-        alt: (m = k(r)) == null ? void 0 : m.text,
+      return p(), k("img", {
+        class: q(["tr-bubble__image", { loading: !n.value }]),
+        src: c.value,
+        alt: (m = C(s)) == null ? void 0 : m.text,
         loading: "lazy",
-        onLoad: s,
-        onError: l,
+        onLoad: l,
+        onError: u,
         "data-type": "image"
-      }, null, 42, mt);
+      }, null, 42, ht);
     };
   }
-}), Ue = /* @__PURE__ */ H(_t, [["__scopeId", "data-v-e59794cb"]]), gt = {
+}), je = /* @__PURE__ */ U(yt, [["__scopeId", "data-v-e59794cb"]]), Rt = {
   class: "tr-bubble__loading",
   "data-type": "loading"
-}, vt = /* @__PURE__ */ M({
+}, xt = /* @__PURE__ */ M({
   __name: "Loading",
   props: {
     message: {},
     contentIndex: {}
   },
   setup(e) {
-    return (t, n) => (y(), I("div", gt, [
-      ee(k(Ie))
+    return (t, n) => (p(), k("div", Rt, [
+      oe(C(Ae))
     ]));
   }
-}), He = /* @__PURE__ */ H(vt, [["__scopeId", "data-v-bc1b5ff4"]]), ht = { class: "title" }, yt = { class: "detail" }, xt = /* @__PURE__ */ M({
+}), Ge = /* @__PURE__ */ U(xt, [["__scopeId", "data-v-bc1b5ff4"]]), Bt = { class: "title" }, Et = { class: "detail" }, Ct = /* @__PURE__ */ M({
   inheritAttrs: !1,
   __name: "Reasoning",
   props: {
@@ -144,114 +150,114 @@ const Ae = Symbol("bubble-message-group"), Me = Symbol("bubble-box-renderer-matc
     contentIndex: {}
   },
   setup(e) {
-    const t = e, { restMessage: n, restProps: o } = qe(t, ["reasoning_content"]), r = fe(n, t.contentIndex), a = $(!0), s = $(t.message.reasoning_content ?? ""), l = $(null);
-    let u = null;
-    const b = () => {
-      !a.value || !l.value || (l.value.scrollTop = l.value.scrollHeight);
+    const t = e, { restMessage: n, restProps: o } = tt(t, ["reasoning_content"]), s = me(n, t.contentIndex), c = L(!0), l = L(t.message.reasoning_content ?? ""), u = L(null);
+    let r = null;
+    const d = () => {
+      !c.value || !u.value || (u.value.scrollTop = u.value.scrollHeight);
     }, m = () => {
       if (typeof window > "u" || typeof window.requestAnimationFrame != "function") {
-        s.value = t.message.reasoning_content ?? "";
+        l.value = t.message.reasoning_content ?? "";
         return;
       }
-      u === null && (u = window.requestAnimationFrame(() => {
-        u = null, s.value = t.message.reasoning_content ?? "", re(b);
+      r === null && (r = window.requestAnimationFrame(() => {
+        r = null, l.value = t.message.reasoning_content ?? "", ce(d);
       }));
     };
-    U(
+    H(
       () => {
-        var d;
-        return (d = t.message.state) == null ? void 0 : d.open;
+        var B;
+        return (B = t.message.state) == null ? void 0 : B.open;
       },
-      (d) => {
-        a.value = d ?? !0, a.value && m();
+      (B) => {
+        c.value = B ?? !0, c.value && m();
       },
       { immediate: !0 }
-    ), U(() => t.message.reasoning_content, m, { immediate: !0 });
-    const x = pe(), v = () => {
-      a.value = !a.value, a.value && m(), x({
+    ), H(() => t.message.reasoning_content, m, { immediate: !0 });
+    const y = _e(), h = () => {
+      c.value = !c.value, c.value && m(), y({
         name: "state:update",
         payload: {
           key: "open",
-          value: a.value
+          value: c.value
         }
       });
     };
-    return Qe(() => {
-      u !== null && typeof window < "u" && (window.cancelAnimationFrame(u), u = null);
-    }), (d, f) => {
-      var E, i;
-      return y(), I(G, null, [
-        B("div", P({
+    return ot(() => {
+      r !== null && typeof window < "u" && (window.cancelAnimationFrame(r), r = null);
+    }), (B, R) => {
+      var _, i;
+      return p(), k(K, null, [
+        E("div", D({
           class: "tr-bubble__reasoning",
           "data-type": "reasoning"
-        }, d.$attrs), [
-          B("div", {
+        }, B.$attrs), [
+          E("div", {
             class: "header",
-            onClick: v
+            onClick: h
           }, [
-            B("div", {
-              class: z(["icon-and-text", { thinking: (E = t.message.state) == null ? void 0 : E.thinking }])
+            E("div", {
+              class: q(["icon-and-text", { thinking: (_ = t.message.state) == null ? void 0 : _.thinking }])
             }, [
-              ee(k(ot)),
-              B("span", ht, W((i = t.message.state) != null && i.thinking ? "正在思考" : "已思考"), 1)
+              oe(C(at)),
+              E("span", Bt, z((i = t.message.state) != null && i.thinking ? "正在思考" : "已思考"), 1)
             ], 2),
-            ee(k(Se), {
-              class: z(["expand-icon", { "-rotate-90": !a.value }])
+            oe(C(Me), {
+              class: q(["expand-icon", { "-rotate-90": !c.value }])
             }, null, 8, ["class"])
           ]),
-          oe(B("div", yt, [
-            f[0] || (f[0] = B("div", { class: "side-border" }, [
-              B("div", { class: "dot-wrapper" }, [
-                B("div", { class: "dot" })
+          le(E("div", Et, [
+            R[0] || (R[0] = E("div", { class: "side-border" }, [
+              E("div", { class: "dot-wrapper" }, [
+                E("div", { class: "dot" })
               ]),
-              B("div", { class: "border-line" })
+              E("div", { class: "border-line" })
             ], -1)),
-            B("p", {
+            E("p", {
               class: "detail-content",
               ref_key: "detailRef",
-              ref: l
-            }, W(s.value), 513)
+              ref: u
+            }, z(l.value), 513)
           ], 512), [
-            [se, a.value]
+            [ae, c.value]
           ])
         ], 16),
-        (y(), N(X(k(r).renderer), j(Y({ ...k(r).attributes, ...k(o) })), null, 16))
+        (p(), T(Y(C(s).renderer), G(W({ ...C(s).attributes, ...C(o) })), null, 16))
       ], 64);
     };
   }
-}), Ke = /* @__PURE__ */ H(xt, [["__scopeId", "data-v-4e9abfba"]]), Rt = {
+}), Ye = /* @__PURE__ */ U(Ct, [["__scopeId", "data-v-4e9abfba"]]), kt = {
   key: 0,
   class: "tr-bubble__text",
   "data-type": "text"
-}, Bt = /* @__PURE__ */ M({
+}, It = /* @__PURE__ */ M({
   __name: "Text",
   props: {
     message: {},
     contentIndex: {}
   },
   setup(e) {
-    const t = e, { contentText: n } = ge(t);
-    return (o, r) => k(n) ? (y(), I("p", Rt, W(k(n)), 1)) : le("", !0);
+    const t = e, { contentText: n } = he(t);
+    return (o, s) => C(n) ? (p(), k("p", kt, z(C(n)), 1)) : X("", !0);
   }
-}), be = /* @__PURE__ */ H(Bt, [["__scopeId", "data-v-93592ecb"]]), Ge = /* @__PURE__ */ M({
+}), pe = /* @__PURE__ */ U(It, [["__scopeId", "data-v-93592ecb"]]), Je = /* @__PURE__ */ M({
   __name: "ToolRole",
   props: {
     message: {},
     contentIndex: {}
   },
   setup(e) {
-    const t = e, n = _e();
-    return ae(() => {
+    const t = e, n = ve();
+    return ue(() => {
       t.message.tool_call_id && (n.toolCallResults || (n.toolCallResults = {}), n.toolCallResults[t.message.tool_call_id] = t.message.content ?? "");
-    }), (o, r) => le("", !0);
+    }), (o, s) => X("", !0);
   }
-}), Et = {
+}), St = {
   class: "tr-bubble__tool-call",
   "data-type": "tool-call"
-}, Ct = { class: "header" }, kt = { class: "header-left" }, It = { class: "tool-info" }, St = { class: "title" }, At = {
+}, At = { class: "header" }, Mt = { class: "header-left" }, Tt = { class: "tool-info" }, $t = { class: "title" }, wt = {
   key: 0,
   class: "description"
-}, Mt = { class: "header-right" }, Tt = { class: "divider" }, wt = ["innerHTML"], Lt = /* @__PURE__ */ M({
+}, Lt = { class: "header-right" }, Nt = { class: "divider" }, Ot = ["innerHTML"], Ft = /* @__PURE__ */ M({
   __name: "Tool",
   props: {
     message: {},
@@ -259,109 +265,109 @@ const Ae = Symbol("bubble-message-group"), Me = Symbol("bubble-box-renderer-matc
     toolCallIndex: {}
   },
   setup(e) {
-    const t = e, { toolCall: n, toolCallWithResult: o, state: r } = Xt(t), a = /* @__PURE__ */ new Map([
-      ["running", { text: "正在调用", icon: Ie }],
-      ["success", { text: "已调用", icon: ve }],
-      ["failed", { text: "调用失败", icon: st }],
-      ["cancelled", { text: "已取消", icon: rt }],
-      ["awaiting-approval", { text: "等待确认", icon: lt }],
-      ["denied", { text: "已拒绝", icon: at }]
-    ]), s = R(() => {
-      var g;
-      const c = ((g = r.value) == null ? void 0 : g.status) || "";
-      return a.get(c) || { text: "", icon: ve };
-    }), l = R(() => typeof r.value.description == "string" ? r.value.description : ""), u = (c, g = 2) => {
-      let h = "";
+    const t = e, { toolCall: n, toolCallWithResult: o, state: s } = cn(t), c = /* @__PURE__ */ new Map([
+      ["running", { text: "正在调用", icon: Ae }],
+      ["success", { text: "已调用", icon: ye }],
+      ["failed", { text: "调用失败", icon: ct }],
+      ["cancelled", { text: "已取消", icon: ut }],
+      ["awaiting-approval", { text: "等待确认", icon: it }],
+      ["denied", { text: "已拒绝", icon: dt }]
+    ]), l = x(() => {
+      var v;
+      const a = ((v = s.value) == null ? void 0 : v.status) || "";
+      return c.get(a) || { text: "", icon: ye };
+    }), u = x(() => typeof s.value.description == "string" ? s.value.description : ""), r = (a, v = 2) => {
+      let b = "";
       try {
-        typeof c == "string" ? h = JSON.stringify(JSON.parse(c), null, g) : h = JSON.stringify(c, null, g);
+        typeof a == "string" ? b = JSON.stringify(JSON.parse(a), null, v) : b = JSON.stringify(a, null, v);
       } catch {
       }
-      return h;
-    }, b = et(), m = (c) => c.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), x = (c) => {
-      if (!c)
+      return b;
+    }, d = st(), m = (a) => a.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), y = (a) => {
+      if (!a)
         return "";
-      let g = m(c);
-      return g = g.replace(
+      let v = m(a);
+      return v = v.replace(
         /("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?)/g,
-        (h) => {
-          let p = "number";
-          return /^"/.test(h) ? p = /:$/.test(h) ? "key" : "string" : /true|false/.test(h) ? p = "boolean" : /null/.test(h) && (p = "null"), `<span class="${b[p]}">${h}</span>`;
+        (b) => {
+          let f = "number";
+          return /^"/.test(b) ? f = /:$/.test(b) ? "key" : "string" : /true|false/.test(b) ? f = "boolean" : /null/.test(b) && (f = "null"), `<span class="${d[f]}">${b}</span>`;
         }
-      ), g;
-    }, v = R(() => u(o.value, 2)), d = R(() => x(v.value)), f = $(null);
-    U(v, (c, g) => {
-      g === "" || g === "{}" || re(() => {
-        f.value && f.value.scrollTo({
-          top: f.value.scrollHeight,
+      ), v;
+    }, h = x(() => r(o.value, 2)), B = x(() => y(h.value)), R = L(null);
+    H(h, (a, v) => {
+      v === "" || v === "{}" || ce(() => {
+        R.value && R.value.scrollTo({
+          top: R.value.scrollHeight,
           behavior: "smooth"
         });
       });
     });
-    const E = $(!1);
-    ae(() => {
-      E.value = r.value.open ?? !1;
+    const _ = L(!1);
+    ue(() => {
+      _.value = s.value.open ?? !1;
     });
-    const i = pe(), _ = () => {
-      var g, h;
-      E.value = !E.value;
-      const c = (g = n.value) == null ? void 0 : g.id;
-      c && i({
+    const i = _e(), g = () => {
+      var v, b;
+      _.value = !_.value;
+      const a = (v = n.value) == null ? void 0 : v.id;
+      a && i({
         name: "state:update",
         payload: {
           key: "toolCall",
           value: {
-            ...(h = t.message.state) == null ? void 0 : h.toolCall,
-            [c]: { ...r.value, open: E.value }
+            ...(b = t.message.state) == null ? void 0 : b.toolCall,
+            [a]: { ...s.value, open: _.value }
           }
         }
       });
     };
-    return (c, g) => {
-      var h;
-      return y(), I("div", Et, [
-        B("div", Ct, [
-          B("div", kt, [
-            (y(), N(X(s.value.icon), {
-              class: z(["header-icon", `icon-${k(r).status}`])
+    return (a, v) => {
+      var b;
+      return p(), k("div", St, [
+        E("div", At, [
+          E("div", Mt, [
+            (p(), T(Y(l.value.icon), {
+              class: q(["header-icon", `icon-${C(s).status}`])
             }, null, 8, ["class"])),
-            B("div", It, [
-              B("div", null, [
-                B("span", null, W(s.value.text) + " ", 1),
-                B("span", St, W(((h = k(n)) == null ? void 0 : h.function.name) || "Untitled"), 1)
+            E("div", Tt, [
+              E("div", null, [
+                E("span", null, z(l.value.text) + " ", 1),
+                E("span", $t, z(((b = C(n)) == null ? void 0 : b.function.name) || "Untitled"), 1)
               ]),
-              l.value ? (y(), I("div", At, W(l.value), 1)) : le("", !0)
+              u.value ? (p(), k("div", wt, z(u.value), 1)) : X("", !0)
             ])
           ]),
-          B("div", Mt, [
-            ee(k(Se), {
-              class: z(["expand-icon", { "-rotate-90": !E.value }]),
-              onClick: _
+          E("div", Lt, [
+            oe(C(Me), {
+              class: q(["expand-icon", { "-rotate-90": !_.value }]),
+              onClick: g
             }, null, 8, ["class"])
           ])
         ]),
-        oe(B("div", Tt, null, 512), [
-          [se, E.value]
+        le(E("div", Nt, null, 512), [
+          [ae, _.value]
         ]),
-        oe(B("div", {
+        le(E("div", {
           class: "detail",
-          innerHTML: d.value,
+          innerHTML: B.value,
           ref_key: "detailRef",
-          ref: f
-        }, null, 8, wt), [
-          [se, E.value]
+          ref: R
+        }, null, 8, Ot), [
+          [ae, _.value]
         ])
       ]);
     };
   }
-}), $t = "_key_1b448_2", Nt = "_number_1b448_6", Ot = "_string_1b448_10", Ft = "_boolean_1b448_14", Pt = {
-  key: $t,
-  number: Nt,
-  string: Ot,
-  boolean: Ft,
+}), Pt = "_key_1b448_2", Dt = "_number_1b448_6", Ut = "_string_1b448_10", Kt = "_boolean_1b448_14", Ht = {
+  key: Pt,
+  number: Dt,
+  string: Ut,
+  boolean: Kt,
   null: "_null_1b448_18"
-}, Dt = {
-  $style: Pt
-}, je = /* @__PURE__ */ H(Lt, [["__cssModules", Dt], ["__scopeId", "data-v-f33174de"]]), Ye = /* @__PURE__ */ M({
+}, jt = {
+  $style: Ht
+}, We = /* @__PURE__ */ U(Ft, [["__cssModules", jt], ["__scopeId", "data-v-f33174de"]]), ze = /* @__PURE__ */ M({
   inheritAttrs: !1,
   __name: "Tools",
   props: {
@@ -369,133 +375,205 @@ const Ae = Symbol("bubble-message-group"), Me = Symbol("bubble-box-renderer-matc
     contentIndex: {}
   },
   setup(e) {
-    const t = e, { restMessage: n, restProps: o } = qe(t, ["tool_calls"]), r = fe(n, t.contentIndex);
-    return (a, s) => (y(), I(G, null, [
-      (y(), N(X(k(r).renderer), j(Y({ ...k(r).attributes, ...k(o) })), null, 16)),
-      B("div", P({ class: "tr-bubble__tools" }, a.$attrs), [
-        (y(!0), I(G, null, Q(t.message.tool_calls, (l, u) => (y(), N(je, P({
-          key: l.id
-        }, { ref_for: !0 }, t, { "tool-call-index": u }), null, 16, ["tool-call-index"]))), 128))
+    const t = e, { restMessage: n, restProps: o } = tt(t, ["tool_calls"]), s = me(n, t.contentIndex);
+    return (c, l) => (p(), k(K, null, [
+      (p(), T(Y(C(s).renderer), G(W({ ...C(s).attributes, ...C(o) })), null, 16)),
+      E("div", D({ class: "tr-bubble__tools" }, c.$attrs), [
+        (p(!0), k(K, null, ne(t.message.tool_calls, (u, r) => (p(), T(We, D({
+          key: u.id
+        }, { ref_for: !0 }, t, { "tool-call-index": r }), null, 16, ["tool-call-index"]))), 128))
       ], 16)
     ], 64));
   }
-}), Je = [
+}), Ve = [
   {
     find: (e, t) => (t == null ? void 0 : t.type) === "image_url",
-    renderer: K(de),
-    priority: J.NORMAL,
+    renderer: j(fe),
+    priority: V.NORMAL,
     attributes: { "data-box-type": "image" }
   }
-], We = [
+], Xe = [
   {
     find: (e) => !!e.loading,
-    renderer: K(He),
-    priority: J.LOADING
+    renderer: j(Ge),
+    priority: V.LOADING
   },
   {
     find: (e) => typeof e.reasoning_content == "string" && e.reasoning_content.trim() !== "",
-    renderer: K(Ke),
-    priority: J.NORMAL
+    renderer: j(Ye),
+    priority: V.NORMAL
   },
   {
     find: (e) => Array.isArray(e.tool_calls) && e.tool_calls.length > 0,
-    renderer: K(Ye),
-    priority: J.NORMAL
+    renderer: j(ze),
+    priority: V.NORMAL
   },
   {
     find: (e, t) => t.type === "image_url",
-    renderer: K(Ue),
-    priority: J.CONTENT
+    renderer: j(je),
+    priority: V.CONTENT
   },
   {
     find: (e) => e.role === "tool",
-    renderer: K(Ge),
-    priority: J.ROLE
+    renderer: j(Je),
+    priority: V.ROLE
   }
-], ze = K(de), Ve = K(be), Re = Symbol("BUBBLE_CONTENT_RESOLVER_KEY"), ce = (e) => {
-  const t = L(Re, void 0), n = t ?? e;
-  return !t && e && O(Re, e), n ? (r) => {
-    const a = S(n);
-    return a == null ? void 0 : a(r);
-  } : (r) => r.content;
+], qe = j(fe), Ze = j(pe), Ee = Symbol("BUBBLE_CONTENT_RESOLVER_KEY"), ie = (e) => {
+  const t = $(Ee, void 0), n = t ?? e;
+  return !t && e && N(Ee, e), n ? (s) => {
+    const c = I(n);
+    return c == null ? void 0 : c(s);
+  } : (s) => s.content;
 };
-function Ut(e) {
+function Gt(e) {
   const { boxRendererMatches: t, boxAttributes: n, fallbackBoxRenderer: o } = e;
-  t && O(Me, t), n && O(we, n), o && O(Te, o);
+  t && N($e, t), n && N(Le, n), o && N(we, o);
 }
-function Ht(e) {
+function Yt(e) {
   const { fallbackBoxRenderer: t } = e;
-  t && O(Le, t);
+  t && N(Ne, t);
 }
-function Kt(e, t) {
-  const n = L(Me, Je), o = L(we, void 0), r = L(Te, void 0), a = L(Le, void 0), s = ce();
-  if (typeof t == "number" && S(e).length !== 1)
+function Jt(e, t) {
+  const n = $($e, Ve), o = $(Le, void 0), s = $(we, void 0), c = $(Ne, void 0), l = ie();
+  if (typeof t == "number" && I(e).length !== 1)
     throw new Error("[BubbleBoxRenderer] When contentIndex is a number, messages array length must be 1");
-  const l = (b) => {
-    if (b.length !== 1)
+  const u = (d) => {
+    if (d.length !== 1)
       return { content: void 0, index: void 0 };
-    const m = s(b.at(0));
+    const m = l(d.at(0));
     return {
       content: Array.isArray(m) ? m.at(t ?? 0) : { type: "text", text: m || "" },
       index: t ?? 0
     };
-  }, u = (b, m, x, v) => typeof b.attributes == "function" ? b.attributes(m, x, v) : b.attributes;
-  return R(() => {
-    const b = S(e), { content: m, index: x } = l(b), v = (() => {
-      const f = S(o);
-      if (f)
-        return typeof f == "function" ? f(b, m, x) : f;
-    })(), d = S(n).find((f) => f.find(b, m, x));
-    return d ? {
-      renderer: d.renderer,
+  }, r = (d, m, y, h) => typeof d.attributes == "function" ? d.attributes(m, y, h) : d.attributes;
+  return x(() => {
+    const d = I(e), { content: m, index: y } = u(d), h = (() => {
+      const R = I(o);
+      if (R)
+        return typeof R == "function" ? R(d, m, y) : R;
+    })(), B = I(n).find((R) => R.find(d, m, y));
+    return B ? {
+      renderer: B.renderer,
       attributes: {
-        ...v,
-        ...u(d, b, m, x)
+        ...h,
+        ...r(B, d, m, y)
       }
     } : {
-      renderer: S(a) || S(r) || ze,
-      attributes: v
+      renderer: I(c) || I(s) || qe,
+      attributes: h
     };
   });
 }
-function Gt(e) {
+function Wt(e) {
   const { contentRendererMatches: t, contentAttributes: n, fallbackContentRenderer: o } = e;
-  t && O($e, t), n && O(Oe, n), o && O(Ne, o);
+  t && N(Oe, t), n && N(Pe, n), o && N(Fe, o);
 }
-function jt(e) {
+function zt(e) {
   const { fallbackContentRenderer: t } = e;
-  t && O(Fe, t);
+  t && N(De, t);
 }
-function fe(e, t) {
-  const n = L($e, We), o = L(Oe, void 0), r = L(Ne, void 0), a = L(Fe, void 0), s = ce();
-  return R(() => {
-    const l = S(e), u = s(l), b = Array.isArray(u) ? u.at(t ?? 0) : { type: "text", text: u || "" }, m = (() => {
-      const v = S(o);
-      if (v)
-        return typeof v == "function" ? v(l, b, t) : v;
-    })(), x = S(n).find((v) => v.find(l, b, t));
-    return x ? {
-      renderer: x.renderer,
+function me(e, t) {
+  const n = $(Oe, Xe), o = $(Pe, void 0), s = $(Fe, void 0), c = $(De, void 0), l = ie();
+  return x(() => {
+    const u = I(e), r = l(u), d = Array.isArray(r) ? r.at(t ?? 0) : { type: "text", text: r || "" }, m = (() => {
+      const h = I(o);
+      if (h)
+        return typeof h == "function" ? h(u, d, t) : h;
+    })(), y = I(n).find((h) => h.find(u, d, t));
+    return y ? {
+      renderer: y.renderer,
       attributes: {
         ...m,
-        ...x.attributes
+        ...y.attributes
       }
     } : {
-      renderer: S(a) || S(r) || Ve,
+      renderer: I(c) || I(s) || Ze,
       attributes: m
     };
   });
 }
-function Yt(e) {
-  O(Pe, e);
+const Vt = {
+  class: "tr-bubble__error",
+  role: "alert"
+}, Xt = /* @__PURE__ */ M({
+  __name: "Error",
+  props: {
+    message: {}
+  },
+  setup(e) {
+    const t = e, n = x(() => {
+      var s;
+      const o = (s = t.message.state) == null ? void 0 : s.error;
+      return o && typeof o == "object" && "message" in o && typeof o.message == "string" ? o.message : String(o);
+    });
+    return (o, s) => (p(), k("div", Vt, z(n.value), 1));
+  }
+}), qt = /* @__PURE__ */ U(Xt, [["__scopeId", "data-v-fd5fe367"]]);
+let de = null;
+const Zt = () => (de || (de = import("./index5.js")), de);
+let te = null;
+const Qt = async () => {
+  if (te)
+    return te;
+  try {
+    const [e, t] = await Promise.all([import("markdown-it"), import("dompurify")]);
+    return te = { markdown: e.default, dompurify: t.default }, te;
+  } catch {
+    return console.warn("[BubbleMarkdownRenderer] install markdown-it and dompurify to use markdown renderer"), te = null, null;
+  }
+}, en = ["innerHTML"], tn = /* @__PURE__ */ M({
+  __name: "Markdown",
+  props: {
+    message: {},
+    contentIndex: {}
+  },
+  setup(e) {
+    const t = e, { contentText: n } = he(t), o = L(null);
+    Se(async () => {
+      o.value = await Qt();
+    });
+    const { mdConfig: s, dompurifyConfig: c } = ve(), l = L("");
+    return ue(() => {
+      if (o.value) {
+        const { markdown: u, dompurify: r } = o.value, d = u(s || {}).render(n.value);
+        l.value = r.sanitize(d, c);
+      }
+    }), (u, r) => l.value ? (p(), k("div", {
+      key: 0,
+      class: "tr-bubble__markdown markdown-body",
+      "data-type": "markdown",
+      innerHTML: l.value
+    }, null, 8, en)) : (p(), T(pe, G(D({ key: 1 }, t)), null, 16));
+  }
+}), nn = /* @__PURE__ */ U(tn, [["__scopeId", "data-v-eb1c196f"]]), Qe = {
+  Box: fe,
+  Error: qt,
+  Image: je,
+  Loading: Ge,
+  Markdown: nn,
+  Reasoning: Ye,
+  Text: pe,
+  Tool: We,
+  ToolRole: Je,
+  Tools: ze
+};
+function on(e) {
+  N(Ke, e);
 }
-function pe() {
-  return L(Pe, (e) => {
+function sn() {
+  const e = $(Ke, Qe.Error);
+  return x(() => I(e));
+}
+function rn(e) {
+  N(Ue, e);
+}
+function _e() {
+  return $(Ue, (e) => {
     console.warn(`[Bubble] Event function not found for event: ${e.name}`);
   });
 }
-function gn() {
-  const e = pe();
+function kn() {
+  const e = _e();
   return (t, n) => {
     e({
       name: "state:update",
@@ -503,56 +581,56 @@ function gn() {
     });
   };
 }
-function me(e) {
-  const t = L(ie, void 0);
+function ge(e) {
+  const t = $(be, void 0);
   if (t)
     return t;
-  const n = tt(e || {});
-  return O(ie, n), n;
+  const n = rt(e || {});
+  return N(be, n), n;
 }
-function _e() {
-  return L(ie, {});
+function ve() {
+  return $(be, {});
 }
-function Xe(e) {
-  U(
+function et(e) {
+  H(
     e,
     (t, n, o) => {
       if (!t) return;
-      const r = (a) => {
-        var u;
-        const s = window.getSelection();
-        if (!t.contains((s == null ? void 0 : s.anchorNode) || null)) return;
-        a.preventDefault();
-        const l = (s == null ? void 0 : s.toString().replace(/\n{2,}/g, `
+      const s = (c) => {
+        var r;
+        const l = window.getSelection();
+        if (!t.contains((l == null ? void 0 : l.anchorNode) || null)) return;
+        c.preventDefault();
+        const u = (l == null ? void 0 : l.toString().replace(/\n{2,}/g, `
 `)) || "";
-        (u = a.clipboardData) == null || u.setData("text/plain", l);
+        (r = c.clipboardData) == null || r.setData("text/plain", u);
       };
-      t.addEventListener("copy", r), o(() => t.removeEventListener("copy", r));
+      t.addEventListener("copy", s), o(() => t.removeEventListener("copy", s));
     },
     { immediate: !0, flush: "post" }
   );
 }
-const ge = (e) => {
-  const t = ce(), n = R(() => {
-    const r = t(e.message);
-    return Array.isArray(r) ? r.at(e.contentIndex) : { type: "text", text: r || "" };
-  }), o = R(() => n.value.type === "text" ? String(n.value.text) : "");
+const he = (e) => {
+  const t = ie(), n = x(() => {
+    const s = t(e.message);
+    return Array.isArray(s) ? s.at(e.contentIndex) : { type: "text", text: s || "" };
+  }), o = x(() => n.value.type === "text" ? String(n.value.text) : "");
   return {
     content: n,
     contentText: o
   };
 };
-function Jt(e) {
-  O(Ae, e);
+function ln(e) {
+  N(Te, e);
 }
-function Wt() {
-  return L(Ae, void 0);
+function an() {
+  return $(Te, void 0);
 }
-function qe(e, t) {
-  const n = R(() => {
-    const r = Object.entries(e.message).filter(([a]) => !t.includes(a));
-    return Object.fromEntries(r);
-  }), o = R(() => ({
+function tt(e, t) {
+  const n = x(() => {
+    const s = Object.entries(e.message).filter(([c]) => !t.includes(c));
+    return Object.fromEntries(s);
+  }), o = x(() => ({
     ...e,
     message: n.value
   }));
@@ -561,64 +639,52 @@ function qe(e, t) {
     restProps: o
   };
 }
-let ue = null;
-const zt = () => (ue || (ue = import("./index5.js")), ue);
-let Z = null;
-const Vt = async () => {
-  if (Z)
-    return Z;
-  try {
-    const [e, t] = await Promise.all([import("markdown-it"), import("dompurify")]);
-    return Z = { markdown: e.default, dompurify: t.default }, Z;
-  } catch {
-    return console.warn("[BubbleMarkdownRenderer] install markdown-it and dompurify to use markdown renderer"), Z = null, null;
-  }
-}, Be = ["running", "success", "failed", "cancelled", "awaiting-approval", "denied"], Xt = (e) => {
-  const t = R(() => {
-    var s, l;
-    return (l = (s = e.message) == null ? void 0 : s.tool_calls) == null ? void 0 : l[e.toolCallIndex];
-  }), n = _e(), o = R(() => {
-    var m, x, v;
-    let s = n.toolCallDefaultStatus;
-    s && !Be.includes(s) && (s = void 0);
-    const l = n.toolCallDefaultOpen;
-    let u = {
-      status: s,
-      open: l
+const Ce = ["running", "success", "failed", "cancelled", "awaiting-approval", "denied"], cn = (e) => {
+  const t = x(() => {
+    var l, u;
+    return (u = (l = e.message) == null ? void 0 : l.tool_calls) == null ? void 0 : u[e.toolCallIndex];
+  }), n = ve(), o = x(() => {
+    var m, y, h;
+    let l = n.toolCallDefaultStatus;
+    l && !Ce.includes(l) && (l = void 0);
+    const u = n.toolCallDefaultOpen;
+    let r = {
+      status: l,
+      open: u
     };
-    const b = (m = t.value) == null ? void 0 : m.id;
-    if (b) {
-      const d = (v = (x = e.message.state) == null ? void 0 : x.toolCall) == null ? void 0 : v[b];
-      if (d) {
-        const { status: f, open: E, ...i } = d;
-        f && Be.includes(f) && (u.status = f), E !== void 0 && (u.open = E), u = { ...u, ...i };
+    const d = (m = t.value) == null ? void 0 : m.id;
+    if (d) {
+      const B = (h = (y = e.message.state) == null ? void 0 : y.toolCall) == null ? void 0 : h[d];
+      if (B) {
+        const { status: R, open: _, ...i } = B;
+        R && Ce.includes(R) && (r.status = R), _ !== void 0 && (r.open = _), r = { ...r, ...i };
       }
     }
-    return u;
-  }), r = R(() => {
-    var l, u;
-    const s = (l = t.value) == null ? void 0 : l.id;
-    if (s)
-      return (u = n.toolCallResults) == null ? void 0 : u[s];
-  }), a = $({});
-  return ae(() => {
-    var u;
-    const s = (u = t.value) == null ? void 0 : u.function.arguments, l = r.value;
-    zt().then(({ jsonrepair: b }) => {
-      const m = b(typeof s == "string" ? s || "{}" : JSON.stringify(s));
-      a.value = {
+    return r;
+  }), s = x(() => {
+    var u, r;
+    const l = (u = t.value) == null ? void 0 : u.id;
+    if (l)
+      return (r = n.toolCallResults) == null ? void 0 : r[l];
+  }), c = L({});
+  return ue(() => {
+    var r;
+    const l = (r = t.value) == null ? void 0 : r.function.arguments, u = s.value;
+    Zt().then(({ jsonrepair: d }) => {
+      const m = d(typeof l == "string" ? l || "{}" : JSON.stringify(l));
+      c.value = {
         arguments: JSON.parse(m),
-        result: l ? JSON.parse(b(l || "{}")) : void 0
+        result: u ? JSON.parse(d(u || "{}")) : void 0
       };
-    }).catch((b) => {
-      console.warn(b);
+    }).catch((d) => {
+      console.warn(d);
     });
   }), {
     toolCall: t,
-    toolCallWithResult: nt(a),
+    toolCallWithResult: lt(c),
     state: o
   };
-}, Ee = /* @__PURE__ */ M({
+}, ke = /* @__PURE__ */ M({
   __name: "BubbleBoxWrapper",
   props: {
     role: {},
@@ -628,19 +694,19 @@ const Vt = async () => {
     contentIndex: {}
   },
   setup(e) {
-    const t = e, n = Kt(() => t.messages, t.contentIndex);
-    return (o, r) => (y(), N(X(k(n).renderer), P(k(n).attributes, {
+    const t = e, n = Jt(() => t.messages, t.contentIndex);
+    return (o, s) => (p(), T(Y(C(n).renderer), D(C(n).attributes, {
       "data-role": t.role,
       "data-placement": t.placement,
       "data-shape": t.shape
     }), {
-      default: F(() => [
+      default: P(() => [
         A(o.$slots, "default")
       ]),
       _: 3
     }, 16, ["data-role", "data-placement", "data-shape"]));
   }
-}), Ce = /* @__PURE__ */ M({
+}), Ie = /* @__PURE__ */ M({
   __name: "BubbleContentWrapper",
   props: {
     message: {},
@@ -648,28 +714,28 @@ const Vt = async () => {
   },
   emits: ["state-change", "bubble-event"],
   setup(e, { emit: t }) {
-    const n = e, o = fe(() => n.message, n.contentIndex), r = R(() => ({
+    const n = e, o = me(() => n.message, n.contentIndex), s = x(() => ({
       ...o.value.attributes,
       message: n.message,
       contentIndex: n.contentIndex
-    })), a = t;
-    return Yt((l) => {
-      if (a("bubble-event", {
-        ...l,
+    })), c = t;
+    return rn((u) => {
+      if (c("bubble-event", {
+        ...u,
         contentIndex: n.contentIndex
-      }), l.name === "state:update") {
-        const u = l.payload;
-        if (!u || typeof u != "object" || !("key" in u) || typeof u.key != "string" || !("value" in u))
+      }), u.name === "state:update") {
+        const r = u.payload;
+        if (!r || typeof r != "object" || !("key" in r) || typeof r.key != "string" || !("value" in r))
           return;
-        a("state-change", {
-          key: u.key,
-          value: u.value,
+        c("state-change", {
+          key: r.key,
+          value: r.value,
           contentIndex: n.contentIndex
         });
       }
-    }), (l, u) => (y(), N(X(k(o).renderer), j(Y(r.value)), null, 16));
+    }), (u, r) => (p(), T(Y(C(o).renderer), G(W(s.value)), null, 16));
   }
-}), qt = ["data-role", "data-placement"], Zt = { class: "tr-bubble__body" }, Qt = { class: "tr-bubble__content" }, en = { class: "tr-bubble__after" }, tn = /* @__PURE__ */ M({
+}), un = ["data-role", "data-placement"], dn = { class: "tr-bubble__body" }, bn = { class: "tr-bubble__content" }, fn = { class: "tr-bubble__after" }, pn = /* @__PURE__ */ M({
   __name: "Bubble",
   props: {
     content: {},
@@ -692,114 +758,127 @@ const Vt = async () => {
   },
   emits: ["state-change", "bubble-event"],
   setup(e, { emit: t }) {
-    const n = e, o = ce(() => n.contentResolver), r = t;
-    me();
-    const a = Wt(), s = R(() => S(a)), l = R(() => {
-      var T;
-      if ((T = s.value) != null && T.messages.length)
-        return s.value.messages;
-      const { role: d, content: f, reasoning_content: E, tool_calls: i, tool_call_id: _, name: c, id: g, loading: h, state: p } = n;
-      return [{ role: d, content: f, reasoning_content: E, tool_calls: i, tool_call_id: _, name: c, id: g, loading: h, state: p }];
-    }), u = (d) => {
-      const f = o(d);
-      return Array.isArray(f) ? f : [{ type: "text", text: f || "" }];
+    const n = e, o = ie(() => n.contentResolver), s = sn(), c = t;
+    ge();
+    const l = an(), u = x(() => I(l)), r = x(() => {
+      var J;
+      if ((J = u.value) != null && J.messages.length)
+        return u.value.messages;
+      const { role: _, content: i, reasoning_content: g, tool_calls: a, tool_call_id: v, name: b, id: f, loading: w, state: O } = n;
+      return [{ role: _, content: i, reasoning_content: g, tool_calls: a, tool_call_id: v, name: b, id: f, loading: w, state: O }];
+    }), d = (_) => {
+      const i = o(_);
+      return Array.isArray(i) ? i : i ? [{ type: "text", text: i }] : [];
+    }, m = (_) => {
+      var i;
+      return ((i = _.state) == null ? void 0 : i.error) != null;
     };
-    Ht({ fallbackBoxRenderer: () => n.fallbackBoxRenderer }), jt({ fallbackContentRenderer: () => n.fallbackContentRenderer });
-    const b = R(() => l.value.length === 0 ? !0 : n.hidden), m = R(() => {
-      if (n.contentRenderMode === "split" && l.value.length === 1) {
-        const d = o(l.value.at(0));
-        if (Array.isArray(d))
-          return d;
+    Yt({ fallbackBoxRenderer: () => n.fallbackBoxRenderer }), zt({ fallbackContentRenderer: () => n.fallbackContentRenderer });
+    const y = x(() => r.value.length === 0 ? !0 : n.hidden), h = x(() => {
+      if (n.contentRenderMode === "split" && r.value.length === 1) {
+        const _ = o(r.value.at(0));
+        if (Array.isArray(_))
+          return _;
       }
       return null;
-    }), x = L(De, !1), v = $(null);
-    return x || Xe(v), (d, f) => oe((y(), I("div", {
+    }), B = $(He, !1), R = L(null);
+    return B || et(R), (_, i) => le((p(), k("div", {
       class: "tr-bubble",
       ref_key: "bubbleRef",
-      ref: v,
+      ref: R,
       "data-role": n.role,
       "data-placement": n.placement
     }, [
-      A(d.$slots, "prefix", {
-        messages: l.value,
+      A(_.$slots, "prefix", {
+        messages: r.value,
         role: e.role
       }, void 0, !0),
-      B("div", Zt, [
-        n.avatar ? (y(), N(X(n.avatar), {
+      E("div", dn, [
+        n.avatar ? (p(), T(Y(n.avatar), {
           key: 0,
-          class: z(["tr-bubble__avatar", d.$style["tr-bubble__avatar"]])
-        }, null, 8, ["class"])) : le("", !0),
-        B("div", Qt, [
-          m.value ? (y(!0), I(G, { key: 0 }, Q(m.value, (E, i) => (y(), N(Ee, {
-            key: i,
-            class: "tr-bubble__box",
-            role: n.role,
-            placement: n.placement,
-            shape: n.shape,
-            messages: l.value,
-            "content-index": i
-          }, {
-            default: F(() => [
-              ee(Ce, {
-                message: l.value.at(0),
-                "content-index": i,
-                onStateChange: f[0] || (f[0] = (_) => r("state-change", { ..._, messageIndex: 0 })),
-                onBubbleEvent: f[1] || (f[1] = (_) => r("bubble-event", { ..._, messageIndex: 0 }))
-              }, null, 8, ["message", "content-index"]),
-              A(d.$slots, "content-footer", {
-                messages: l.value,
-                role: n.role,
-                contentIndex: i
-              }, void 0, !0)
-            ]),
-            _: 2
-          }, 1032, ["role", "placement", "shape", "messages", "content-index"]))), 128)) : (y(), N(Ee, {
+          class: q(["tr-bubble__avatar", _.$style["tr-bubble__avatar"]])
+        }, null, 8, ["class"])) : X("", !0),
+        E("div", bn, [
+          h.value ? (p(), k(K, { key: 0 }, [
+            (p(!0), k(K, null, ne(h.value, (g, a) => (p(), T(ke, {
+              key: a,
+              class: "tr-bubble__box",
+              role: n.role,
+              placement: n.placement,
+              shape: n.shape,
+              messages: r.value,
+              "content-index": a
+            }, {
+              default: P(() => [
+                oe(Ie, {
+                  message: r.value.at(0),
+                  "content-index": a,
+                  onStateChange: i[0] || (i[0] = (v) => c("state-change", { ...v, messageIndex: 0 })),
+                  onBubbleEvent: i[1] || (i[1] = (v) => c("bubble-event", { ...v, messageIndex: 0 }))
+                }, null, 8, ["message", "content-index"]),
+                A(_.$slots, "content-footer", {
+                  messages: r.value,
+                  role: n.role,
+                  contentIndex: a
+                }, void 0, !0)
+              ]),
+              _: 2
+            }, 1032, ["role", "placement", "shape", "messages", "content-index"]))), 128)),
+            m(r.value.at(0)) ? (p(), T(Y(C(s)), {
+              key: 0,
+              message: r.value.at(0)
+            }, null, 8, ["message"])) : X("", !0)
+          ], 64)) : (p(), T(ke, {
             key: 1,
             role: n.role,
             placement: n.placement,
             shape: n.shape,
-            messages: l.value
+            messages: r.value
           }, {
-            default: F(() => [
-              (y(!0), I(G, null, Q(l.value, (E, i) => (y(), I(G, {
-                key: `message-${i}`
+            default: P(() => [
+              (p(!0), k(K, null, ne(r.value, (g, a) => (p(), k(K, {
+                key: `message-${a}`
               }, [
-                (y(!0), I(G, null, Q(u(E), (_, c) => (y(), N(Ce, {
-                  key: `content-${c}`,
-                  message: E,
-                  "content-index": c,
-                  onStateChange: (g) => r("state-change", { ...g, messageIndex: i }),
-                  onBubbleEvent: (g) => r("bubble-event", { ...g, messageIndex: i })
-                }, null, 8, ["message", "content-index", "onStateChange", "onBubbleEvent"]))), 128))
+                (p(!0), k(K, null, ne(d(g), (v, b) => (p(), T(Ie, {
+                  key: `content-${b}`,
+                  message: g,
+                  "content-index": b,
+                  onStateChange: (f) => c("state-change", { ...f, messageIndex: a }),
+                  onBubbleEvent: (f) => c("bubble-event", { ...f, messageIndex: a })
+                }, null, 8, ["message", "content-index", "onStateChange", "onBubbleEvent"]))), 128)),
+                m(g) ? (p(), T(Y(C(s)), {
+                  key: 0,
+                  message: g
+                }, null, 8, ["message"])) : X("", !0)
               ], 64))), 128)),
-              A(d.$slots, "content-footer", {
-                messages: l.value,
+              A(_.$slots, "content-footer", {
+                messages: r.value,
                 role: n.role
               }, void 0, !0)
             ]),
             _: 3
           }, 8, ["role", "placement", "shape", "messages"]))
         ]),
-        B("div", en, [
-          A(d.$slots, "after", {
-            messages: l.value,
+        E("div", fn, [
+          A(_.$slots, "after", {
+            messages: r.value,
             role: e.role
           }, void 0, !0)
         ])
       ]),
-      A(d.$slots, "suffix", {
-        messages: l.value,
+      A(_.$slots, "suffix", {
+        messages: r.value,
         role: e.role
       }, void 0, !0)
-    ], 8, qt)), [
-      [se, !b.value]
+    ], 8, un)), [
+      [ae, !y.value]
     ]);
   }
-}), nn = {
+}), mn = {
   "tr-bubble__avatar": "_tr-bubble__avatar_1r87c_2"
-}, on = {
-  $style: nn
-}, V = /* @__PURE__ */ H(tn, [["__cssModules", on], ["__scopeId", "data-v-d68ceaad"]]), sn = /* @__PURE__ */ M({
+}, _n = {
+  $style: mn
+}, Z = /* @__PURE__ */ U(pn, [["__cssModules", _n], ["__scopeId", "data-v-68d5a1ee"]]), gn = /* @__PURE__ */ M({
   __name: "BubbleItem",
   props: {
     messageGroup: {},
@@ -810,29 +889,29 @@ const Vt = async () => {
   emits: ["state-change", "bubble-event"],
   setup(e, { emit: t }) {
     const n = e, o = t;
-    return Jt(() => n.messageGroup), (r, a) => (y(), N(V, P(e.roleConfig, {
+    return ln(() => n.messageGroup), (s, c) => (p(), T(Z, D(e.roleConfig, {
       role: e.messageGroup.role,
       "content-render-mode": e.contentRenderMode,
       "content-resolver": e.contentResolver,
-      onStateChange: a[0] || (a[0] = (s) => o("state-change", s)),
-      onBubbleEvent: a[1] || (a[1] = (s) => o("bubble-event", s))
+      onStateChange: c[0] || (c[0] = (l) => o("state-change", l)),
+      onBubbleEvent: c[1] || (c[1] = (l) => o("bubble-event", l))
     }), {
-      prefix: F((s) => [
-        A(r.$slots, "prefix", j(Y(s)))
+      prefix: P((l) => [
+        A(s.$slots, "prefix", G(W(l)))
       ]),
-      suffix: F((s) => [
-        A(r.$slots, "suffix", j(Y(s)))
+      suffix: P((l) => [
+        A(s.$slots, "suffix", G(W(l)))
       ]),
-      "content-footer": F((s) => [
-        A(r.$slots, "content-footer", j(Y(s)))
+      "content-footer": P((l) => [
+        A(s.$slots, "content-footer", G(W(l)))
       ]),
-      after: F((s) => [
-        A(r.$slots, "after", j(Y(s)))
+      after: P((l) => [
+        A(s.$slots, "after", G(W(l)))
       ]),
       _: 3
     }, 16, ["role", "content-render-mode", "content-resolver"]));
   }
-}), rn = /* @__PURE__ */ M({
+}), vn = /* @__PURE__ */ M({
   __name: "BubbleList",
   props: {
     messages: {},
@@ -846,114 +925,114 @@ const Vt = async () => {
   },
   emits: ["state-change", "bubble-event"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, r = n;
-    me(), O(De, !0);
-    const a = (i) => {
-      var _, c;
-      return i ? !!((c = (_ = o.roleConfigs) == null ? void 0 : _[i]) != null && c.hidden) : !1;
-    }, s = $(null), l = $(null), u = R(() => o.messages.at(-1)), { scrollToBottom: b } = bt({
-      scrollRef: s,
-      contentRef: l,
+    const o = e, s = n;
+    ge(), N(He, !0);
+    const c = (i) => {
+      var g, a;
+      return i ? !!((a = (g = o.roleConfigs) == null ? void 0 : g[i]) != null && a.hidden) : !1;
+    }, l = L(null), u = L(null), r = x(() => o.messages.at(-1)), { scrollToBottom: d } = _t({
+      scrollRef: l,
+      contentRef: u,
       enabled: () => o.autoScroll
     });
-    U(
+    H(
       () => {
         var i;
-        return (i = u.value) == null ? void 0 : i.role;
+        return (i = r.value) == null ? void 0 : i.role;
       },
       async (i) => {
-        o.autoScroll && i === "user" && (await re(), b("smooth"));
+        o.autoScroll && i === "user" && (await ce(), d("smooth"));
       }
-    ), Xe(s);
+    ), et(l);
     const m = (i) => {
-      const _ = [];
-      let c = !1;
-      for (const [g, h] of i.entries()) {
-        const p = _[_.length - 1], T = h.role || "", D = a(h.role);
-        p && (c && D || p.role === T && c === D) ? (p.messages.push(h), p.messageIndexes.push(g)) : _.push({
-          role: T,
-          messages: [h],
-          messageIndexes: [g]
-        }), c = D;
+      const g = [];
+      let a = !1;
+      for (const [v, b] of i.entries()) {
+        const f = g[g.length - 1], w = b.role || "", O = c(b.role);
+        f && (a && O || f.role === w && a === O) ? (f.messages.push(b), f.messageIndexes.push(v)) : g.push({
+          role: w,
+          messages: [b],
+          messageIndexes: [v]
+        }), a = O;
       }
-      return _;
-    }, x = (i, _) => {
-      const c = [];
-      let g = !1;
-      for (const [h, p] of i.entries()) {
-        const T = c[c.length - 1], D = p.role === _, C = p.role || "", w = a(p.role);
-        T && // divider 消息（分割角色）永远不与任何组进行合并
-        !D && // divider 组（分割角色）不允许被追加消息，确保 divider 组永远只有 1 条 message
-        T.role !== _ && // hidden / 非 hidden 分组隔离
-        g === w ? (T.messages.push(p), T.messageIndexes.push(h)) : c.push({
-          role: D ? _ : C,
-          messages: [p],
-          messageIndexes: [h]
-        }), g = w;
+      return g;
+    }, y = (i, g) => {
+      const a = [];
+      let v = !1;
+      for (const [b, f] of i.entries()) {
+        const w = a[a.length - 1], O = f.role === g, J = f.role || "", Q = c(f.role);
+        w && // divider 消息（分割角色）永远不与任何组进行合并
+        !O && // divider 组（分割角色）不允许被追加消息，确保 divider 组永远只有 1 条 message
+        w.role !== g && // hidden / 非 hidden 分组隔离
+        v === Q ? (w.messages.push(f), w.messageIndexes.push(b)) : a.push({
+          role: O ? g : J,
+          messages: [f],
+          messageIndexes: [b]
+        }), v = Q;
       }
-      return c;
-    }, v = R(() => o.messages.length === 0 ? [] : typeof o.groupStrategy == "function" ? o.groupStrategy(o.messages, o.dividerRole) : o.groupStrategy === "consecutive" ? m(o.messages) : x(o.messages, o.dividerRole)), d = (i, _) => {
-      const c = i.messageIndexes[_];
-      if (c === void 0) {
+      return a;
+    }, h = x(() => o.messages.length === 0 ? [] : typeof o.groupStrategy == "function" ? o.groupStrategy(o.messages, o.dividerRole) : o.groupStrategy === "consecutive" ? m(o.messages) : y(o.messages, o.dividerRole)), B = (i, g) => {
+      const a = i.messageIndexes[g];
+      if (a === void 0) {
         console.warn(
           "[BubbleList] Missing messageIndexes mapping; event was not emitted. Ensure custom groupStrategy returns messageIndexes aligned with messages.",
           {
-            messageIndex: _,
+            messageIndex: g,
             messageIndexes: i.messageIndexes
           }
         );
         return;
       }
-      return c;
-    }, f = (i, _) => {
-      const c = d(i, _.messageIndex);
-      c !== void 0 && r("state-change", { ..._, messageIndex: c });
-    }, E = (i, _) => {
-      const c = d(i, _.messageIndex);
-      c !== void 0 && r("bubble-event", { ..._, messageIndex: c });
+      return a;
+    }, R = (i, g) => {
+      const a = B(i, g.messageIndex);
+      a !== void 0 && s("state-change", { ...g, messageIndex: a });
+    }, _ = (i, g) => {
+      const a = B(i, g.messageIndex);
+      a !== void 0 && s("bubble-event", { ...g, messageIndex: a });
     };
     return t({
-      scrollToBottom: b
-    }), (i, _) => (y(), I("div", {
+      scrollToBottom: d
+    }), (i, g) => (p(), k("div", {
       class: "tr-bubble-list",
       ref_key: "scrollContainerRef",
-      ref: s
+      ref: l
     }, [
-      B("div", {
+      E("div", {
         class: "tr-bubble-list__content",
         ref_key: "contentRef",
-        ref: l
+        ref: u
       }, [
-        (y(!0), I(G, null, Q(v.value, (c, g) => {
-          var h;
-          return y(), N(sn, {
-            key: g,
-            role: c.role || o.fallbackRole,
-            "role-config": (h = o.roleConfigs) == null ? void 0 : h[c.role || o.fallbackRole],
-            "message-group": c,
+        (p(!0), k(K, null, ne(h.value, (a, v) => {
+          var b;
+          return p(), T(gn, {
+            key: v,
+            role: a.role || o.fallbackRole,
+            "role-config": (b = o.roleConfigs) == null ? void 0 : b[a.role || o.fallbackRole],
+            "message-group": a,
             "content-render-mode": o.contentRenderMode,
             "content-resolver": o.contentResolver,
-            onStateChange: (p) => f(c, p),
-            onBubbleEvent: (p) => E(c, p)
+            onStateChange: (f) => R(a, f),
+            onBubbleEvent: (f) => _(a, f)
           }, {
-            prefix: F((p) => [
-              A(i.$slots, "prefix", P({ ref_for: !0 }, p, {
-                messageIndexes: c.messageIndexes
+            prefix: P((f) => [
+              A(i.$slots, "prefix", D({ ref_for: !0 }, f, {
+                messageIndexes: a.messageIndexes
               }), void 0, !0)
             ]),
-            suffix: F((p) => [
-              A(i.$slots, "suffix", P({ ref_for: !0 }, p, {
-                messageIndexes: c.messageIndexes
+            suffix: P((f) => [
+              A(i.$slots, "suffix", D({ ref_for: !0 }, f, {
+                messageIndexes: a.messageIndexes
               }), void 0, !0)
             ]),
-            "content-footer": F((p) => [
-              A(i.$slots, "content-footer", P({ ref_for: !0 }, p, {
-                messageIndexes: c.messageIndexes
+            "content-footer": P((f) => [
+              A(i.$slots, "content-footer", D({ ref_for: !0 }, f, {
+                messageIndexes: a.messageIndexes
               }), void 0, !0)
             ]),
-            after: F((p) => [
-              A(i.$slots, "after", P({ ref_for: !0 }, p, {
-                messageIndexes: c.messageIndexes
+            after: P((f) => [
+              A(i.$slots, "after", D({ ref_for: !0 }, f, {
+                messageIndexes: a.messageIndexes
               }), void 0, !0)
             ]),
             _: 2
@@ -962,7 +1041,7 @@ const Vt = async () => {
       ], 512)
     ], 512));
   }
-}), te = /* @__PURE__ */ H(rn, [["__scopeId", "data-v-d51c5aeb"]]), ne = /* @__PURE__ */ M({
+}), se = /* @__PURE__ */ U(vn, [["__scopeId", "data-v-d51c5aeb"]]), re = /* @__PURE__ */ M({
   __name: "BubbleProvider",
   props: {
     boxRendererMatches: {},
@@ -971,87 +1050,55 @@ const Vt = async () => {
     contentAttributes: { type: [Object, Function] },
     fallbackBoxRenderer: { type: [Object, Function] },
     fallbackContentRenderer: { type: [Object, Function] },
+    errorRenderer: { type: [Object, Function] },
     store: {}
   },
   setup(e) {
     const t = e;
-    me(t.store);
-    const n = R(() => (t.boxRendererMatches || []).concat(Je).sort((s, l) => (s.priority ?? 0) - (l.priority ?? 0))), o = R(() => (t.contentRendererMatches || []).concat(We).sort((s, l) => (s.priority ?? 0) - (l.priority ?? 0))), r = R(() => t.fallbackBoxRenderer || ze), a = R(() => t.fallbackContentRenderer || Ve);
-    return Ut({
+    ge(t.store);
+    const n = x(() => (t.boxRendererMatches || []).concat(Ve).sort((u, r) => (u.priority ?? 0) - (r.priority ?? 0))), o = x(() => (t.contentRendererMatches || []).concat(Xe).sort((u, r) => (u.priority ?? 0) - (r.priority ?? 0))), s = x(() => t.fallbackBoxRenderer || qe), c = x(() => t.fallbackContentRenderer || Ze), l = x(() => t.errorRenderer || Qe.Error);
+    return Gt({
       boxRendererMatches: n,
       boxAttributes: () => t.boxAttributes,
-      fallbackBoxRenderer: r
-    }), Gt({
+      fallbackBoxRenderer: s
+    }), Wt({
       contentRendererMatches: o,
       contentAttributes: () => t.contentAttributes,
-      fallbackContentRenderer: a
-    }), (s, l) => A(s.$slots, "default");
-  }
-}), ln = ["innerHTML"], an = /* @__PURE__ */ M({
-  __name: "Markdown",
-  props: {
-    message: {},
-    contentIndex: {}
-  },
-  setup(e) {
-    const t = e, { contentText: n } = ge(t), o = $(null);
-    ke(async () => {
-      o.value = await Vt();
-    });
-    const { mdConfig: r, dompurifyConfig: a } = _e(), s = $("");
-    return ae(() => {
-      if (o.value) {
-        const { markdown: l, dompurify: u } = o.value, b = l(r || {}).render(n.value);
-        s.value = u.sanitize(b, a);
-      }
-    }), (l, u) => s.value ? (y(), I("div", {
-      key: 0,
-      class: "tr-bubble__markdown markdown-body",
-      "data-type": "markdown",
-      innerHTML: s.value
-    }, null, 8, ln)) : (y(), N(be, j(P({ key: 1 }, t)), null, 16));
+      fallbackContentRenderer: c
+    }), on(l), (u, r) => A(u.$slots, "default");
   }
-}), cn = /* @__PURE__ */ H(an, [["__scopeId", "data-v-eb1c196f"]]), vn = {
-  Box: de,
-  Image: Ue,
-  Loading: He,
-  Markdown: cn,
-  Reasoning: Ke,
-  Text: be,
-  Tool: je,
-  ToolRole: Ge,
-  Tools: Ye
-};
-V.name = "TrBubble";
-const un = function(e) {
-  e.component(V.name, V);
+});
+Z.name = "TrBubble";
+const hn = function(e) {
+  e.component(Z.name, Z);
 };
-V.install = un;
-const hn = V;
-te.name = "TrBubbleList";
-const dn = function(e) {
-  e.component(te.name, te);
+Z.install = hn;
+const In = Z;
+se.name = "TrBubbleList";
+const yn = function(e) {
+  e.component(se.name, se);
 };
-te.install = dn;
-const yn = te;
-ne.name = "TrBubbleProvider";
-const bn = function(e) {
-  e.component(ne.name, ne);
+se.install = yn;
+const Sn = se;
+re.name = "TrBubbleProvider";
+const Rn = function(e) {
+  e.component(re.name, re);
 };
-ne.install = bn;
-const xn = ne;
+re.install = Rn;
+const An = re;
 export {
-  hn as B,
-  yn as a,
-  xn as b,
-  J as c,
-  vn as d,
-  Kt as e,
-  fe as f,
-  pe as g,
-  gn as h,
-  ge as i,
-  qe as j,
-  Xt as k,
-  bt as u
+  In as B,
+  Sn as a,
+  An as b,
+  V as c,
+  Qe as d,
+  Jt as e,
+  me as f,
+  sn as g,
+  _e as h,
+  kn as i,
+  he as j,
+  tt as k,
+  cn as l,
+  _t as u
 };