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

package/dist/index6.js

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