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

package/dist/index6.js

@@ -1,193 +1,206 @@
-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 $, 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());
   });
   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 dt(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);
       });
-      u.add(g);
+      d.add(q);
     }
-  }, f = () => {
-    a || !r.value || (a = !0, requestAnimationFrame(async () => {
-      a = !1, await c("auto");
+  }, T = () => {
+    v !== null || !i() || !x.value || (v = requestAnimationFrame(async () => {
+      v = null, !(!i() || !x.value) && await p("auto");
     }));
+  }, D = () => {
+    let C = !1;
+    return () => {
+      !C && (C = !0, !l) || T();
+    };
   };
   return U(
     _,
-    () => {
-      const s = k(p);
-      s && (r.value = m(s));
+    (C, w) => {
+      const q = S(f);
+      q && (h(q) ? x.value = !0 : C < w && (x.value = !1));
     },
     { flush: "post" }
-  ), nt(
-    e,
-    () => {
-      f();
+  ), he(E, D()), he(f, D()), a !== void 0 && ut(a, T, { flush: "post", throttle: 100 }), U(
+    i,
+    (C) => {
+      C && x.value && T();
     },
-    { 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" }
+  ), 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);
       });
-      u.add(d);
+      d.add(w);
     }
   }), {
-    scrollToBottom: c,
-    arrivedState: y
+    scrollToBottom: p,
+    arrivedState: g
   };
 }
-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 Ae = Symbol("bubble-message-group"), Me = Symbol("bubble-box-renderer-matches"), Te = Symbol("bubble-box-fallback-renderer"), we = Symbol("bubble-box-attributes"), Le = Symbol(
   "bubble-box-prop-fallback-renderer"
-), Te = Symbol("bubble-content-renderer-matches"), Ae = Symbol(
+), $e = Symbol("bubble-content-renderer-matches"), Ne = Symbol(
   "bubble-content-fallback-renderer"
-), Me = Symbol("bubble-content-attributes"), Le = Symbol(
+), Oe = Symbol("bubble-content-attributes"), Fe = Symbol(
   "bubble-content-prop-fallback-renderer"
-), re = Symbol("bubble-store"), $e = Symbol("bubble-event-fn"), we = Symbol("bubble-list-context"), K = {
+), ie = Symbol("bubble-store"), Pe = Symbol("bubble-event-fn"), De = Symbol("bubble-list-context"), J = {
   LOADING: -1,
   NORMAL: 0,
   CONTENT: 10,
   ROLE: 20
-}, at = {
+}, ft = {
   class: "tr-bubble__box",
   "data-box-type": "box"
-}, lt = /* @__PURE__ */ I({
+}, pt = /* @__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) => (y(), I("div", ft, [
+      A(t.$slots, "default", {}, void 0, !0)
     ]));
   }
-}), le = /* @__PURE__ */ O(lt, [["__scopeId", "data-v-98101726"]]), ct = ["src", "alt"], ut = /* @__PURE__ */ I({
+}), de = /* @__PURE__ */ H(pt, [["__scopeId", "data-v-98101726"]]), mt = ["src", "alt"], _t = /* @__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 = $(!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, () => {
       n.value = !1, o.value = !1;
     });
-    const r = () => {
+    const s = () => {
       n.value = !0, o.value = !1;
-    }, a = () => {
+    }, l = () => {
       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 (u, b) => {
+      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,
         loading: "lazy",
-        onLoad: r,
-        onError: a,
+        onLoad: s,
+        onError: l,
         "data-type": "image"
-      }, null, 42, ct);
+      }, null, 42, mt);
     };
   }
-}), Oe = /* @__PURE__ */ O(ut, [["__scopeId", "data-v-e59794cb"]]), it = {
+}), Ue = /* @__PURE__ */ H(_t, [["__scopeId", "data-v-e59794cb"]]), gt = {
   class: "tr-bubble__loading",
   "data-type": "loading"
-}, dt = /* @__PURE__ */ I({
+}, vt = /* @__PURE__ */ M({
   __name: "Loading",
   props: {
     message: {},
     contentIndex: {}
   },
-  setup(t) {
-    return (e, n) => (v(), E("div", it, [
-      V(R(Be))
+  setup(e) {
+    return (t, n) => (y(), I("div", gt, [
+      ee(k(Ie))
     ]));
   }
-}), Ne = /* @__PURE__ */ O(dt, [["__scopeId", "data-v-bc1b5ff4"]]), bt = { class: "title" }, ft = { class: "detail" }, pt = /* @__PURE__ */ I({
+}), He = /* @__PURE__ */ H(vt, [["__scopeId", "data-v-bc1b5ff4"]]), ht = { class: "title" }, yt = { class: "detail" }, xt = /* @__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);
+  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 p = () => {
-      !i.value || !a.value || (a.value.scrollTop = a.value.scrollHeight);
-    }, _ = () => {
+    const b = () => {
+      !a.value || !l.value || (l.value.scrollTop = l.value.scrollHeight);
+    }, m = () => {
       if (typeof window > "u" || typeof window.requestAnimationFrame != "function") {
-        r.value = e.message.reasoning_content ?? "";
+        s.value = t.message.reasoning_content ?? "";
         return;
       }
       u === null && (u = window.requestAnimationFrame(() => {
-        u = null, r.value = e.message.reasoning_content ?? "", te(p);
+        u = null, s.value = t.message.reasoning_content ?? "", re(b);
       }));
     };
     U(
       () => {
-        var m;
-        return (m = e.message.state) == null ? void 0 : m.open;
+        var d;
+        return (d = t.message.state) == null ? void 0 : d.open;
       },
-      (m) => {
-        i.value = m ?? !0, i.value && _();
+      (d) => {
+        a.value = d ?? !0, a.value && m();
       },
       { immediate: !0 }
-    ), U(() => e.message.reasoning_content, _, { immediate: !0 });
-    const h = ie(), y = () => {
-      i.value = !i.value, i.value && _(), h({
+    ), U(() => t.message.reasoning_content, m, { immediate: !0 });
+    const x = pe(), v = () => {
+      a.value = !a.value, a.value && m(), x({
         name: "state:update",
         payload: {
           key: "open",
-          value: i.value
+          value: a.value
         }
       });
     };
-    return Ve(() => {
+    return Qe(() => {
       u !== null && typeof window < "u" && (window.cancelAnimationFrame(u), u = null);
-    }), (m, c) => {
-      var f, s;
-      return v(), E(D, null, [
-        B("div", w({
+    }), (d, f) => {
+      var E, i;
+      return y(), I(G, null, [
+        B("div", P({
           class: "tr-bubble__reasoning",
           "data-type": "reasoning"
-        }, m.$attrs), [
+        }, d.$attrs), [
           B("div", {
             class: "header",
-            onClick: y
+            onClick: v
           }, [
             B("div", {
-              class: G(["icon-and-text", { thinking: (f = e.message.state) == null ? void 0 : f.thinking }])
+              class: z(["icon-and-text", { thinking: (E = t.message.state) == null ? void 0 : E.thinking }])
             }, [
-              V(R(Ze)),
-              B("span", bt, z((s = e.message.state) != null && s.thinking ? "正在思考" : "已思考"), 1)
+              ee(k(ot)),
+              B("span", ht, W((i = t.message.state) != null && i.thinking ? "正在思考" : "已思考"), 1)
             ], 2),
-            V(R(Re), {
-              class: G(["expand-icon", { "-rotate-90": !i.value }])
+            ee(k(Se), {
+              class: z(["expand-icon", { "-rotate-90": !a.value }])
             }, null, 8, ["class"])
           ]),
-          Q(B("div", ft, [
-            c[0] || (c[0] = B("div", { class: "side-border" }, [
+          oe(B("div", yt, [
+            f[0] || (f[0] = B("div", { class: "side-border" }, [
               B("div", { class: "dot-wrapper" }, [
                 B("div", { class: "dot" })
               ]),
@@ -196,342 +209,351 @@ const Ee = Symbol("bubble-message-group"), Ce = Symbol("bubble-box-renderer-matc
             B("p", {
               class: "detail-content",
               ref_key: "detailRef",
-              ref: a
-            }, z(r.value), 513)
+              ref: l
+            }, W(s.value), 513)
           ], 512), [
-            [ee, i.value]
+            [se, a.value]
           ])
         ], 16),
-        (v(), A(J(R(l).renderer), P(H({ ...R(l).attributes, ...R(o) })), null, 16))
+        (y(), N(X(k(r).renderer), j(Y({ ...k(r).attributes, ...k(o) })), null, 16))
       ], 64);
     };
   }
-}), Fe = /* @__PURE__ */ O(pt, [["__scopeId", "data-v-4e9abfba"]]), mt = {
+}), Ke = /* @__PURE__ */ H(xt, [["__scopeId", "data-v-4e9abfba"]]), Rt = {
   key: 0,
   class: "tr-bubble__text",
   "data-type": "text"
-}, _t = /* @__PURE__ */ I({
+}, Bt = /* @__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 } = ge(t);
+    return (o, r) => k(n) ? (y(), I("p", Rt, W(k(n)), 1)) : le("", !0);
   }
-}), ce = /* @__PURE__ */ O(_t, [["__scopeId", "data-v-93592ecb"]]), De = /* @__PURE__ */ I({
+}), be = /* @__PURE__ */ H(Bt, [["__scopeId", "data-v-93592ecb"]]), Ge = /* @__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 = _e();
+    return ae(() => {
+      t.message.tool_call_id && (n.toolCallResults || (n.toolCallResults = {}), n.toolCallResults[t.message.tool_call_id] = t.message.content ?? "");
+    }), (o, r) => le("", !0);
   }
-}), gt = {
+}), Et = {
   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({
+}, Ct = { class: "header" }, kt = { class: "header-left" }, It = { class: "tool-info" }, St = { class: "title" }, At = {
+  key: 0,
+  class: "description"
+}, Mt = { class: "header-right" }, Tt = { class: "divider" }, wt = ["innerHTML"], Lt = /* @__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) => {
-      let b = "";
+  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 = "";
       try {
-        typeof d == "string" ? b = JSON.stringify(JSON.parse(d), null, g) : b = JSON.stringify(d, null, g);
+        typeof c == "string" ? h = JSON.stringify(JSON.parse(c), null, g) : h = JSON.stringify(c, null, g);
       } 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)
+      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 "";
-      let g = p(d);
+      let g = m(c);
       return g = g.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>`;
+        (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>`;
         }
       ), 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 = 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,
           behavior: "smooth"
         });
       });
     });
-    const c = M(!1);
-    ne(() => {
-      c.value = l.value.open ?? !1;
+    const E = $(!1);
+    ae(() => {
+      E.value = r.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 = pe(), _ = () => {
+      var g, h;
+      E.value = !E.value;
+      const c = (g = n.value) == null ? void 0 : g.id;
+      c && i({
         name: "state:update",
         payload: {
           key: "toolCall",
           value: {
-            ...(b = e.message.state) == null ? void 0 : b.toolCall,
-            [d]: { ...l.value, open: c.value }
+            ...(h = t.message.state) == null ? void 0 : h.toolCall,
+            [c]: { ...r.value, open: E.value }
           }
         }
       });
     };
-    return (d, g) => {
-      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 (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}`])
             }, 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)
+            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)
+              ]),
+              l.value ? (y(), I("div", At, W(l.value), 1)) : le("", !0)
             ])
           ]),
-          B("div", xt, [
-            V(R(Re), {
-              class: G(["expand-icon", { "-rotate-90": !c.value }]),
-              onClick: s
+          B("div", Mt, [
+            ee(k(Se), {
+              class: z(["expand-icon", { "-rotate-90": !E.value }]),
+              onClick: _
             }, null, 8, ["class"])
           ])
         ]),
-        Q(B("div", Bt, null, 512), [
-          [ee, c.value]
+        oe(B("div", Tt, null, 512), [
+          [se, E.value]
         ]),
-        Q(B("div", {
+        oe(B("div", {
           class: "detail",
-          innerHTML: y.value,
+          innerHTML: d.value,
           ref_key: "detailRef",
-          ref: m
-        }, null, 8, Rt), [
-          [ee, c.value]
+          ref: f
+        }, null, 8, wt), [
+          [se, E.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,
+}), $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,
   null: "_null_1b448_18"
-}, At = {
-  $style: Tt
-}, Pe = /* @__PURE__ */ O(Et, [["__cssModules", At], ["__scopeId", "data-v-00014a8b"]]), Ue = /* @__PURE__ */ I({
+}, Dt = {
+  $style: Pt
+}, je = /* @__PURE__ */ H(Lt, [["__cssModules", Dt], ["__scopeId", "data-v-f33174de"]]), Ye = /* @__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 } = 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))
       ], 16)
     ], 64));
   }
-}), He = [
+}), Je = [
   {
-    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: K(de),
+    priority: J.NORMAL,
     attributes: { "data-box-type": "image" }
   }
-], Ke = [
+], We = [
   {
-    find: (t) => !!t.loading,
-    renderer: F(Ne),
-    priority: K.LOADING
+    find: (e) => !!e.loading,
+    renderer: K(He),
+    priority: J.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: K(Ke),
+    priority: J.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: K(Ye),
+    priority: J.NORMAL
   },
   {
-    find: (t, e) => e.type === "image_url",
-    renderer: F(Oe),
-    priority: K.CONTENT
+    find: (e, t) => t.type === "image_url",
+    renderer: K(Ue),
+    priority: J.CONTENT
   },
   {
-    find: (t) => t.role === "tool",
-    renderer: F(De),
-    priority: K.ROLE
+    find: (e) => e.role === "tool",
+    renderer: K(Ge),
+    priority: J.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;
+], 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;
 };
-function Mt(t) {
-  const { boxRendererMatches: e, boxAttributes: n, fallbackBoxRenderer: o } = t;
-  e && L(Ce, e), n && L(Ie, n), o && L(ke, o);
+function Ut(e) {
+  const { boxRendererMatches: t, boxAttributes: n, fallbackBoxRenderer: o } = e;
+  t && O(Me, t), n && O(we, n), o && O(Te, o);
 }
-function Lt(t) {
-  const { fallbackBoxRenderer: e } = t;
-  e && L(Se, e);
+function Ht(e) {
+  const { fallbackBoxRenderer: t } = e;
+  t && O(Le, 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 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)
     throw new Error("[BubbleBoxRenderer] When contentIndex is a number, messages array length must be 1");
-  const a = (p) => {
-    if (p.length !== 1)
+  const l = (b) => {
+    if (b.length !== 1)
       return { content: void 0, index: void 0 };
-    const _ = r(p.at(0));
+    const m = s(b.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;
-  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,
+  }, 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,
       attributes: {
-        ...y,
-        ...u(m, p, _, h)
+        ...v,
+        ...u(d, b, m, x)
       }
     } : {
-      renderer: k(i) || k(l) || Ge,
-      attributes: y
+      renderer: S(a) || S(r) || ze,
+      attributes: v
     };
   });
 }
-function wt(t) {
-  const { contentRendererMatches: e, contentAttributes: n, fallbackContentRenderer: o } = t;
-  e && L(Te, e), n && L(Me, n), o && L(Ae, o);
+function Gt(e) {
+  const { contentRendererMatches: t, contentAttributes: n, fallbackContentRenderer: o } = e;
+  t && O($e, t), n && O(Oe, n), o && O(Ne, o);
 }
-function Ot(t) {
-  const { fallbackContentRenderer: e } = t;
-  e && L(Le, e);
+function jt(e) {
+  const { fallbackContentRenderer: t } = e;
+  t && O(Fe, 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();
-  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,
+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,
       attributes: {
-        ..._,
-        ...h.attributes
+        ...m,
+        ...x.attributes
       }
     } : {
-      renderer: k(i) || k(l) || Ye,
-      attributes: _
+      renderer: S(a) || S(r) || Ve,
+      attributes: m
     };
   });
 }
-function Nt(t) {
-  L($e, t);
+function Yt(e) {
+  O(Pe, e);
 }
-function ie() {
-  return T($e, (t) => {
-    console.warn(`[Bubble] Event function not found for event: ${t.name}`);
+function pe() {
+  return L(Pe, (e) => {
+    console.warn(`[Bubble] Event function not found for event: ${e.name}`);
   });
 }
-function ln() {
-  const t = ie();
-  return (e, n) => {
-    t({
+function gn() {
+  const e = pe();
+  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 me(e) {
+  const t = L(ie, void 0);
+  if (t)
+    return t;
+  const n = tt(e || {});
+  return O(ie, n), n;
 }
-function be() {
-  return T(re, {});
+function _e() {
+  return L(ie, {});
 }
-function Je(t) {
+function Xe(e) {
   U(
-    t,
-    (e, n, o) => {
-      if (!e) return;
-      const l = (i) => {
+    e,
+    (t, n, o) => {
+      if (!t) return;
+      const r = (a) => {
         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, `
+        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, `
 `)) || "";
-        (u = i.clipboardData) == null || u.setData("text/plain", a);
+        (u = a.clipboardData) == null || u.setData("text/plain", l);
       };
-      e.addEventListener("copy", l), o(() => e.removeEventListener("copy", l));
+      t.addEventListener("copy", r), o(() => t.removeEventListener("copy", r));
     },
     { 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 || "" };
-  }), o = x(() => n.value.type === "text" ? String(n.value.text) : "");
+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) : "");
   return {
     content: n,
     contentText: o
   };
 };
-function Ft(t) {
-  L(Ee, t);
+function Jt(e) {
+  O(Ae, e);
 }
-function Dt() {
-  return T(Ee, void 0);
+function Wt() {
+  return L(Ae, void 0);
 }
-function je(t, e) {
-  const n = x(() => {
-    const l = Object.entries(t.message).filter(([i]) => !e.includes(i));
-    return Object.fromEntries(l);
-  }), o = x(() => ({
-    ...t,
+function qe(e, t) {
+  const n = R(() => {
+    const r = Object.entries(e.message).filter(([a]) => !t.includes(a));
+    return Object.fromEntries(r);
+  }), o = R(() => ({
+    ...e,
     message: n.value
   }));
   return {
@@ -539,64 +561,64 @@ 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;
+let ue = null;
+const zt = () => (ue || (ue = import("./index5.js")), ue);
+let Z = null;
+const Vt = async () => {
+  if (Z)
+    return Z;
   try {
-    const [t, e] = await Promise.all([import("markdown-it"), import("dompurify")]);
-    return j = { markdown: t.default, dompurify: e.default }, j;
+    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"), j = null, null;
+    return console.warn("[BubbleMarkdownRenderer] install markdown-it and dompurify to use markdown renderer"), Z = 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;
+}, 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: r,
-      open: a
+      status: s,
+      open: l
     };
-    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 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 };
       }
     }
     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(() => {
+  }), 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 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
+    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 = {
+        arguments: JSON.parse(m),
+        result: l ? JSON.parse(b(l || "{}")) : void 0
       };
-    }).catch((p) => {
-      console.warn(p);
+    }).catch((b) => {
+      console.warn(b);
     });
   }), {
-    toolCall: e,
-    toolCallWithResult: qe(i),
+    toolCall: t,
+    toolCallWithResult: nt(a),
     state: o
   };
-}, he = /* @__PURE__ */ I({
+}, Ee = /* @__PURE__ */ M({
   __name: "BubbleBoxWrapper",
   props: {
     role: {},
@@ -605,49 +627,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 = Kt(() => t.messages, t.contentIndex);
+    return (o, r) => (y(), N(X(k(n).renderer), P(k(n).attributes, {
+      "data-role": t.role,
+      "data-placement": t.placement,
+      "data-shape": t.shape
     }), {
-      default: $(() => [
-        C(o.$slots, "default")
+      default: F(() => [
+        A(o.$slots, "default")
       ]),
       _: 3
     }, 16, ["data-role", "data-placement", "data-shape"]));
   }
-}), ye = /* @__PURE__ */ I({
+}), Ce = /* @__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 = fe(() => n.message, n.contentIndex), r = R(() => ({
       ...o.value.attributes,
       message: n.message,
       contentIndex: n.contentIndex
-    })), i = e;
-    return Nt((a) => {
-      if (i("bubble-event", {
-        ...a,
+    })), a = t;
+    return Yt((l) => {
+      if (a("bubble-event", {
+        ...l,
         contentIndex: n.contentIndex
-      }), a.name === "state:update") {
-        const u = a.payload;
+      }), l.name === "state:update") {
+        const u = l.payload;
         if (!u || typeof u != "object" || !("key" in u) || typeof u.key != "string" || !("value" in u))
           return;
-        i("state-change", {
+        a("state-change", {
           key: u.key,
           value: u.value,
           contentIndex: n.contentIndex
         });
       }
-    }), (a, u) => (v(), A(J(R(o).renderer), P(H(l.value)), null, 16));
+    }), (l, u) => (y(), N(X(k(o).renderer), j(Y(r.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({
+}), qt = ["data-role", "data-placement"], Zt = { class: "tr-bubble__body" }, Qt = { class: "tr-bubble__content" }, en = { class: "tr-bubble__after" }, tn = /* @__PURE__ */ M({
   __name: "Bubble",
   props: {
     content: {},
@@ -664,120 +686,120 @@ 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 = 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 || "" }];
     };
-    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;
+    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;
       }
       return null;
-    }), h = T(we, !1), y = M(null);
-    return h || Je(y), (m, c) => Q((v(), E("div", {
+    }), x = L(De, !1), v = $(null);
+    return x || Xe(v), (d, f) => oe((y(), I("div", {
       class: "tr-bubble",
       ref_key: "bubbleRef",
-      ref: y,
+      ref: v,
       "data-role": n.role,
       "data-placement": n.placement
     }, [
-      C(m.$slots, "prefix", {
-        messages: a.value,
-        role: t.role
+      A(d.$slots, "prefix", {
+        messages: l.value,
+        role: e.role
       }, void 0, !0),
-      B("div", Gt, [
-        n.avatar ? (v(), A(J(n.avatar), {
+      B("div", Zt, [
+        n.avatar ? (y(), N(X(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: 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: a.value,
-            "content-index": s
+            messages: l.value,
+            "content-index": i
           }, {
-            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 }))
+            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"]),
-              C(m.$slots, "content-footer", {
-                messages: a.value,
+              A(d.$slots, "content-footer", {
+                messages: l.value,
                 role: n.role,
-                contentIndex: s
+                contentIndex: i
               }, void 0, !0)
             ]),
             _: 2
-          }, 1032, ["role", "placement", "shape", "messages", "content-index"]))), 128)) : (v(), A(he, {
+          }, 1032, ["role", "placement", "shape", "messages", "content-index"]))), 128)) : (y(), N(Ee, {
             key: 1,
             role: n.role,
             placement: n.placement,
             shape: n.shape,
-            messages: a.value
+            messages: l.value
           }, {
-            default: $(() => [
-              (v(!0), E(D, null, W(a.value, (f, s) => (v(), E(D, {
-                key: `message-${s}`
+            default: F(() => [
+              (y(!0), I(G, null, Q(l.value, (E, i) => (y(), I(G, {
+                key: `message-${i}`
               }, [
-                (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 })
+                (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))
               ], 64))), 128)),
-              C(m.$slots, "content-footer", {
-                messages: a.value,
+              A(d.$slots, "content-footer", {
+                messages: l.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
+        B("div", en, [
+          A(d.$slots, "after", {
+            messages: l.value,
+            role: e.role
           }, void 0, !0)
         ])
       ]),
-      C(m.$slots, "suffix", {
-        messages: a.value,
-        role: t.role
+      A(d.$slots, "suffix", {
+        messages: l.value,
+        role: e.role
       }, void 0, !0)
-    ], 8, Kt)), [
-      [ee, !p.value]
+    ], 8, qt)), [
+      [se, !b.value]
     ]);
   }
-}), Wt = {
+}), nn = {
   "tr-bubble__avatar": "_tr-bubble__avatar_1r87c_2"
-}, Vt = {
-  $style: Wt
-}, Y = /* @__PURE__ */ O(jt, [["__cssModules", Vt], ["__scopeId", "data-v-d68ceaad"]]), zt = /* @__PURE__ */ I({
+}, on = {
+  $style: nn
+}, V = /* @__PURE__ */ H(tn, [["__cssModules", on], ["__scopeId", "data-v-d68ceaad"]]), sn = /* @__PURE__ */ M({
   __name: "BubbleItem",
   props: {
     messageGroup: {},
@@ -786,31 +808,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 Jt(() => n.messageGroup), (r, a) => (y(), N(V, P(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))
     }), {
-      prefix: $((r) => [
-        C(l.$slots, "prefix", P(H(r)))
+      prefix: F((s) => [
+        A(r.$slots, "prefix", j(Y(s)))
       ]),
-      suffix: $((r) => [
-        C(l.$slots, "suffix", P(H(r)))
+      suffix: F((s) => [
+        A(r.$slots, "suffix", j(Y(s)))
       ]),
-      "content-footer": $((r) => [
-        C(l.$slots, "content-footer", P(H(r)))
+      "content-footer": F((s) => [
+        A(r.$slots, "content-footer", j(Y(s)))
       ]),
-      after: $((r) => [
-        C(l.$slots, "after", P(H(r)))
+      after: F((s) => [
+        A(r.$slots, "after", j(Y(s)))
       ]),
       _: 3
     }, 16, ["role", "content-render-mode", "content-resolver"]));
   }
-}), Xt = /* @__PURE__ */ I({
+}), rn = /* @__PURE__ */ M({
   __name: "BubbleList",
   props: {
     messages: {},
@@ -819,131 +841,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, 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,
+      enabled: () => o.autoScroll
+    });
+    U(
+      () => {
+        var i;
+        return (i = u.value) == null ? void 0 : i.role;
+      },
+      async (i) => {
+        o.autoScroll && i === "user" && (await re(), b("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,
-          messages: [b],
+    ), Xe(s);
+    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]
-        }), d = pe;
+        }), c = D;
       }
-      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 _;
+    }, 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 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) {
         console.warn(
           "[BubbleList] Missing messageIndexes mapping; event was not emitted. Ensure custom groupStrategy returns messageIndexes aligned with messages.",
           {
-            messageIndex: f,
-            messageIndexes: c.messageIndexes
+            messageIndex: _,
+            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 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 e({
-      scrollToBottom: a
-    }), (c, f) => (v(), E("div", {
+    return t({
+      scrollToBottom: b
+    }), (i, _) => (y(), I("div", {
       class: "tr-bubble-list",
-      ref_key: "listRef",
-      ref: r
+      ref_key: "scrollContainerRef",
+      ref: s
     }, [
-      (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))
+      B("div", {
+        class: "tr-bubble-list__content",
+        ref_key: "contentRef",
+        ref: l
+      }, [
+        (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,
+            "content-render-mode": o.contentRenderMode,
+            "content-resolver": o.contentResolver,
+            onStateChange: (p) => f(c, p),
+            onBubbleEvent: (p) => E(c, p)
+          }, {
+            prefix: F((p) => [
+              A(i.$slots, "prefix", P({ ref_for: !0 }, p, {
+                messageIndexes: c.messageIndexes
+              }), void 0, !0)
+            ]),
+            suffix: F((p) => [
+              A(i.$slots, "suffix", P({ ref_for: !0 }, p, {
+                messageIndexes: c.messageIndexes
+              }), void 0, !0)
+            ]),
+            "content-footer": F((p) => [
+              A(i.$slots, "content-footer", P({ ref_for: !0 }, p, {
+                messageIndexes: c.messageIndexes
+              }), void 0, !0)
+            ]),
+            after: F((p) => [
+              A(i.$slots, "after", P({ ref_for: !0 }, p, {
+                messageIndexes: c.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({
+}), te = /* @__PURE__ */ H(rn, [["__scopeId", "data-v-d51c5aeb"]]), ne = /* @__PURE__ */ M({
   __name: "BubbleProvider",
   props: {
     boxRendererMatches: {},
@@ -954,85 +973,85 @@ const Ut = async () => {
     fallbackContentRenderer: { 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;
+    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({
       boxRendererMatches: n,
-      boxAttributes: () => e.boxAttributes,
-      fallbackBoxRenderer: l
-    }), wt({
+      boxAttributes: () => t.boxAttributes,
+      fallbackBoxRenderer: r
+    }), Gt({
       contentRendererMatches: o,
-      contentAttributes: () => e.contentAttributes,
-      fallbackContentRenderer: i
-    }), (r, a) => C(r.$slots, "default");
+      contentAttributes: () => t.contentAttributes,
+      fallbackContentRenderer: a
+    }), (s, l) => A(s.$slots, "default");
   }
-}), qt = ["innerHTML"], Zt = /* @__PURE__ */ I({
+}), ln = ["innerHTML"], an = /* @__PURE__ */ M({
   __name: "Markdown",
   props: {
     message: {},
     contentIndex: {}
   },
-  setup(t) {
-    const e = t, { contentText: n } = fe(e), o = M(null);
-    xe(async () => {
-      o.value = await Ut();
+  setup(e) {
+    const t = e, { contentText: n } = ge(t), o = $(null);
+    ke(async () => {
+      o.value = await Vt();
     });
-    const { mdConfig: l, dompurifyConfig: i } = be(), r = M("");
-    return ne(() => {
+    const { mdConfig: r, dompurifyConfig: a } = _e(), s = $("");
+    return ae(() => {
       if (o.value) {
-        const { markdown: a, dompurify: u } = o.value, p = a(l || {}).render(n.value);
-        r.value = u.sanitize(p, i);
+        const { markdown: l, dompurify: u } = o.value, b = l(r || {}).render(n.value);
+        s.value = u.sanitize(b, a);
       }
-    }), (a, u) => r.value ? (v(), E("div", {
+    }), (l, u) => s.value ? (y(), I("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));
+      innerHTML: s.value
+    }, null, 8, ln)) : (y(), N(be, j(P({ key: 1 }, t)), null, 16));
   }
-}), 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
+}), 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
 };
-Y.name = "TrBubble";
-const en = function(t) {
-  t.component(Y.name, Y);
+V.name = "TrBubble";
+const un = function(e) {
+  e.component(V.name, V);
 };
-Y.install = en;
-const un = Y;
-X.name = "TrBubbleList";
-const tn = function(t) {
-  t.component(X.name, X);
+V.install = un;
+const hn = V;
+te.name = "TrBubbleList";
+const dn = function(e) {
+  e.component(te.name, te);
 };
-X.install = tn;
-const dn = X;
-q.name = "TrBubbleProvider";
-const nn = function(t) {
-  t.component(q.name, q);
+te.install = dn;
+const yn = te;
+ne.name = "TrBubbleProvider";
+const bn = function(e) {
+  e.component(ne.name, ne);
 };
-q.install = nn;
-const bn = q;
+ne.install = bn;
+const xn = ne;
 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
+  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
 };