@opentiny/tiny-robot 0.4.2-alpha.5 → 0.4.2-alpha.7

package/dist/index6.js

@@ -1,7 +1,60 @@
-import { defineComponent as S, openBlock as g, createElementBlock as C, renderSlot as E, ref as L, computed as y, watch as U, unref as B, normalizeClass as K, createVNode as W, watchEffect as q, nextTick as ee, Fragment as F, createElementVNode as x, mergeProps as $, toDisplayString as z, withDirectives as Z, vShow as Q, createBlock as T, resolveDynamicComponent as Y, normalizeProps as P, guardReactiveProps as D, createCommentVNode as se, useCssModule as je, renderList as j, markRaw as w, inject as I, provide as A, toValue as k, reactive as We, readonly as ze, withCtx as M, onMounted as ve, onUnmounted as Ve } from "vue";
+import { ref as L, watch as U, toValue as k, onMounted as ve, onUnmounted as We, nextTick as ee, defineComponent as S, openBlock as g, createElementBlock as C, renderSlot as E, computed as y, unref as B, normalizeClass as K, createVNode as j, watchEffect as q, Fragment as F, createElementVNode as x, mergeProps as $, toDisplayString as z, withDirectives as Z, vShow as Q, createBlock as T, resolveDynamicComponent as Y, normalizeProps as P, guardReactiveProps as D, createCommentVNode as se, useCssModule as je, renderList as W, markRaw as w, inject as I, provide as A, reactive as ze, readonly as Ve, withCtx as M } from "vue";
 import { _ as N } from "./_plugin-vue_export-helper.js";
 import { IconLoading as he, IconAtom as Xe, IconArrowDown as ye, IconPlugin as be, IconError as qe, IconCancelled as Ze } from "@opentiny/tiny-robot-svgs";
-import { j as Qe, m as et, d as tt, u as nt } from "./index4.js";
+import { l as Qe, w as et, g as tt, a as nt } from "./index4.js";
+function fe(t, e) {
+  const n = U(t, (o, r) => {
+    r === !0 && o === !1 && (e(), n());
+  });
+  return n;
+}
+function ot(t, e, n) {
+  const { scrollOnMount: o = !0, bottomThreshold: r = 20, scrollThrottle: i = 0 } = n ?? {}, s = L(!0);
+  let a = !1;
+  const u = /* @__PURE__ */ new Set(), b = () => nt(t), { y: m, isScrolling: p, arrivedState: f } = Qe(b, { throttle: i }), l = (c) => c.scrollHeight - c.scrollTop - c.clientHeight <= r, d = async (c = "auto") => {
+    const _ = k(b);
+    if (_ && (await ee(), _.scrollTo({ top: _.scrollHeight, behavior: c }), c === "smooth" && !l(_))) {
+      const v = fe(p, () => {
+        _.scrollTo({ top: _.scrollHeight, behavior: "auto" }), u.delete(v);
+      });
+      u.add(v);
+    }
+  }, h = () => {
+    a || !s.value || (a = !0, requestAnimationFrame(async () => {
+      a = !1, await d("auto");
+    }));
+  };
+  return U(
+    m,
+    () => {
+      const c = k(b);
+      c && (s.value = l(c));
+    },
+    { flush: "post" }
+  ), et(
+    e,
+    () => {
+      h();
+    },
+    { flush: "post", throttle: 100 }
+  ), ve(() => {
+    o && d("smooth");
+  }), We(() => {
+    u.forEach((c) => {
+      c();
+    }), u.clear();
+  }), tt("keydown", (c) => {
+    if (c.key === "End" && !s.value) {
+      const _ = fe(p, () => {
+        d("auto"), u.delete(_);
+      });
+      u.add(_);
+    }
+  }), {
+    scrollToBottom: d,
+    arrivedState: f
+  };
+}
 const xe = Symbol("bubble-message-group"), Re = Symbol("bubble-box-renderer-matches"), Be = Symbol("bubble-box-fallback-renderer"), Ce = Symbol("bubble-box-attributes"), Ee = Symbol(
   "bubble-box-prop-fallback-renderer"
 ), ke = Symbol("bubble-content-renderer-matches"), Se = Symbol(
@@ -13,21 +66,21 @@ const xe = Symbol("bubble-message-group"), Re = Symbol("bubble-box-renderer-matc
   NORMAL: 0,
   CONTENT: 10,
   ROLE: 20
-}, ot = {
+}, st = {
   class: "tr-bubble__box",
   "data-box-type": "box"
-}, st = /* @__PURE__ */ S({
+}, rt = /* @__PURE__ */ S({
   __name: "Box",
   props: {
     placement: {},
     shape: {}
   },
   setup(t) {
-    return (e, n) => (g(), C("div", ot, [
+    return (e, n) => (g(), C("div", st, [
       E(e.$slots, "default", {}, void 0, !0)
     ]));
   }
-}), re = /* @__PURE__ */ N(st, [["__scopeId", "data-v-98101726"]]), rt = ["src", "alt"], at = /* @__PURE__ */ S({
+}), re = /* @__PURE__ */ N(rt, [["__scopeId", "data-v-98101726"]]), at = ["src", "alt"], lt = /* @__PURE__ */ S({
   __name: "Image",
   props: {
     message: {},
@@ -53,24 +106,24 @@ const xe = Symbol("bubble-message-group"), Re = Symbol("bubble-box-renderer-matc
         onLoad: s,
         onError: a,
         "data-type": "image"
-      }, null, 42, rt);
+      }, null, 42, at);
     };
   }
-}), Me = /* @__PURE__ */ N(at, [["__scopeId", "data-v-e59794cb"]]), lt = {
+}), Me = /* @__PURE__ */ N(lt, [["__scopeId", "data-v-e59794cb"]]), ct = {
   class: "tr-bubble__loading",
   "data-type": "loading"
-}, ct = /* @__PURE__ */ S({
+}, ut = /* @__PURE__ */ S({
   __name: "Loading",
   props: {
     message: {},
     contentIndex: {}
   },
   setup(t) {
-    return (e, n) => (g(), C("div", lt, [
-      W(B(he))
+    return (e, n) => (g(), C("div", ct, [
+      j(B(he))
     ]));
   }
-}), $e = /* @__PURE__ */ N(ct, [["__scopeId", "data-v-bc1b5ff4"]]), ut = { class: "title" }, it = { class: "detail" }, dt = /* @__PURE__ */ S({
+}), $e = /* @__PURE__ */ N(ut, [["__scopeId", "data-v-bc1b5ff4"]]), it = { class: "title" }, dt = { class: "detail" }, bt = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "Reasoning",
   props: {
@@ -110,14 +163,14 @@ const xe = Symbol("bubble-message-group"), Re = Symbol("bubble-box-renderer-matc
             x("div", {
               class: K(["icon-and-text", { thinking: (p = e.message.state) == null ? void 0 : p.thinking }])
             }, [
-              W(B(Xe)),
-              x("span", ut, z((f = e.message.state) != null && f.thinking ? "正在思考" : "已思考"), 1)
+              j(B(Xe)),
+              x("span", it, z((f = e.message.state) != null && f.thinking ? "正在思考" : "已思考"), 1)
             ], 2),
-            W(B(ye), {
+            j(B(ye), {
               class: K(["expand-icon", { "-rotate-90": !i.value }])
             }, null, 8, ["class"])
           ]),
-          Z(x("div", it, [
+          Z(x("div", dt, [
             m[0] || (m[0] = x("div", { class: "side-border" }, [
               x("div", { class: "dot-wrapper" }, [
                 x("div", { class: "dot" })
@@ -137,11 +190,11 @@ const xe = Symbol("bubble-message-group"), Re = Symbol("bubble-box-renderer-matc
       ], 64);
     };
   }
-}), Oe = /* @__PURE__ */ N(dt, [["__scopeId", "data-v-d48eefd5"]]), bt = {
+}), Oe = /* @__PURE__ */ N(bt, [["__scopeId", "data-v-d48eefd5"]]), ft = {
   key: 0,
   class: "tr-bubble__text",
   "data-type": "text"
-}, ft = /* @__PURE__ */ S({
+}, pt = /* @__PURE__ */ S({
   __name: "Text",
   props: {
     message: {},
@@ -149,9 +202,9 @@ const xe = Symbol("bubble-message-group"), Re = Symbol("bubble-box-renderer-matc
   },
   setup(t) {
     const e = t, { contentText: n } = ie(e);
-    return (o, r) => B(n) ? (g(), C("p", bt, z(B(n)), 1)) : se("", !0);
+    return (o, r) => B(n) ? (g(), C("p", ft, z(B(n)), 1)) : se("", !0);
   }
-}), ae = /* @__PURE__ */ N(ft, [["__scopeId", "data-v-93592ecb"]]), Ne = /* @__PURE__ */ S({
+}), ae = /* @__PURE__ */ N(pt, [["__scopeId", "data-v-93592ecb"]]), Ne = /* @__PURE__ */ S({
   __name: "ToolRole",
   props: {
     message: {},
@@ -163,10 +216,10 @@ const xe = Symbol("bubble-message-group"), Re = Symbol("bubble-box-renderer-matc
       e.message.tool_call_id && (n.toolCallResults || (n.toolCallResults = {}), n.toolCallResults[e.message.tool_call_id] = e.message.content ?? "");
     }), (o, r) => se("", !0);
   }
-}), pt = {
+}), _t = {
   class: "tr-bubble__tool-call",
   "data-type": "tool-call"
-}, _t = { class: "header" }, mt = { class: "header-left" }, gt = { class: "title" }, vt = { class: "header-right" }, ht = { class: "divider" }, yt = ["innerHTML"], xt = /* @__PURE__ */ S({
+}, mt = { class: "header" }, gt = { class: "header-left" }, vt = { class: "title" }, ht = { class: "header-right" }, yt = { class: "divider" }, xt = ["innerHTML"], Rt = /* @__PURE__ */ S({
   __name: "Tool",
   props: {
     message: {},
@@ -174,7 +227,7 @@ const xe = Symbol("bubble-message-group"), Re = Symbol("bubble-box-renderer-matc
     toolCallIndex: {}
   },
   setup(t) {
-    const e = t, { toolCall: n, toolCallWithResult: o, state: r } = Pt(e), i = /* @__PURE__ */ new Map([
+    const e = t, { toolCall: n, toolCallWithResult: o, state: r } = Dt(e), i = /* @__PURE__ */ new Map([
       ["running", { text: "正在调用", icon: he }],
       ["success", { text: "已调用", icon: be }],
       ["failed", { text: "调用失败", icon: qe }],
@@ -224,25 +277,25 @@ const xe = Symbol("bubble-message-group"), Re = Symbol("bubble-box-renderer-matc
     };
     return (_, v) => {
       var R;
-      return g(), C("div", pt, [
-        x("div", _t, [
-          x("div", mt, [
+      return g(), C("div", _t, [
+        x("div", mt, [
+          x("div", gt, [
             (g(), T(Y(s.value.icon), {
               class: K(["header-icon", `icon-${B(r).status}`])
             }, null, 8, ["class"])),
             x("span", null, [
               x("span", null, z(s.value.text) + " ", 1),
-              x("span", gt, z(((R = B(n)) == null ? void 0 : R.function.name) || "Untitled"), 1)
+              x("span", vt, z(((R = B(n)) == null ? void 0 : R.function.name) || "Untitled"), 1)
             ])
           ]),
-          x("div", vt, [
-            W(B(ye), {
+          x("div", ht, [
+            j(B(ye), {
               class: K(["expand-icon", { "-rotate-90": !d.value }]),
               onClick: c
             }, null, 8, ["class"])
           ])
         ]),
-        Z(x("div", ht, null, 512), [
+        Z(x("div", yt, null, 512), [
           [Q, d.value]
         ]),
         Z(x("div", {
@@ -250,21 +303,21 @@ const xe = Symbol("bubble-message-group"), Re = Symbol("bubble-box-renderer-matc
           innerHTML: f.value,
           ref_key: "detailRef",
           ref: l
-        }, null, 8, yt), [
+        }, null, 8, xt), [
           [Q, d.value]
         ])
       ]);
     };
   }
-}), Rt = "_key_1b448_2", Bt = "_number_1b448_6", Ct = "_string_1b448_10", Et = "_boolean_1b448_14", kt = {
-  key: Rt,
-  number: Bt,
-  string: Ct,
-  boolean: Et,
+}), Bt = "_key_1b448_2", Ct = "_number_1b448_6", Et = "_string_1b448_10", kt = "_boolean_1b448_14", St = {
+  key: Bt,
+  number: Ct,
+  string: Et,
+  boolean: kt,
   null: "_null_1b448_18"
-}, St = {
-  $style: kt
-}, we = /* @__PURE__ */ N(xt, [["__cssModules", St], ["__scopeId", "data-v-d5b7675f"]]), Fe = /* @__PURE__ */ S({
+}, It = {
+  $style: St
+}, we = /* @__PURE__ */ N(Rt, [["__cssModules", It], ["__scopeId", "data-v-d5b7675f"]]), Fe = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "Tools",
   props: {
@@ -276,7 +329,7 @@ const xe = Symbol("bubble-message-group"), Re = Symbol("bubble-box-renderer-matc
     return (i, s) => (g(), C(F, null, [
       (g(), T(Y(B(r).renderer), P(D({ ...B(r).attributes, ...B(o) })), null, 16)),
       x("div", $({ class: "tr-bubble__tools" }, i.$attrs), [
-        (g(!0), C(F, null, j(e.message.tool_calls, (a, u) => (g(), T(we, $({
+        (g(!0), C(F, null, W(e.message.tool_calls, (a, u) => (g(), T(we, $({
           key: a.id
         }, { ref_for: !0 }, e, { "tool-call-index": u }), null, 16, ["tool-call-index"]))), 128))
       ], 16)
@@ -315,22 +368,22 @@ const xe = Symbol("bubble-message-group"), Re = Symbol("bubble-box-renderer-matc
     renderer: w(Ne),
     priority: H.ROLE
   }
-], Ue = w(re), He = w(ae), fe = Symbol("BUBBLE_CONTENT_RESOLVER_KEY"), te = (t) => {
-  const e = I(fe, void 0), n = e ?? t;
-  return !e && t && A(fe, t), n ? (r) => {
+], Ue = w(re), He = w(ae), pe = Symbol("BUBBLE_CONTENT_RESOLVER_KEY"), te = (t) => {
+  const e = I(pe, void 0), n = e ?? t;
+  return !e && t && A(pe, t), n ? (r) => {
     const i = k(n);
     return i == null ? void 0 : i(r);
   } : (r) => r.content;
 };
-function It(t) {
+function Tt(t) {
   const { boxRendererMatches: e, boxAttributes: n, fallbackBoxRenderer: o } = t;
   e && A(Re, e), n && A(Ce, n), o && A(Be, o);
 }
-function Tt(t) {
+function At(t) {
   const { fallbackBoxRenderer: e } = t;
   e && A(Ee, e);
 }
-function At(t, e) {
+function Lt(t, e) {
   const n = I(Re, Pe), o = I(Ce, void 0), r = I(Be, void 0), i = I(Ee, void 0), s = te();
   if (typeof e == "number" && k(t).length !== 1)
     throw new Error("[BubbleBoxRenderer] When contentIndex is a number, messages array length must be 1");
@@ -361,11 +414,11 @@ function At(t, e) {
     };
   });
 }
-function Lt(t) {
+function Mt(t) {
   const { contentRendererMatches: e, contentAttributes: n, fallbackContentRenderer: o } = t;
   e && A(ke, e), n && A(Ie, n), o && A(Se, o);
 }
-function Mt(t) {
+function $t(t) {
   const { fallbackContentRenderer: e } = t;
   e && A(Te, e);
 }
@@ -389,7 +442,7 @@ function le(t, e) {
     };
   });
 }
-function $t(t) {
+function Ot(t) {
   A(Ae, t);
 }
 function Ke() {
@@ -401,7 +454,7 @@ function ce(t) {
   const e = I(oe, void 0);
   if (e)
     return e;
-  const n = We(t || {});
+  const n = ze(t || {});
   return A(oe, n), n;
 }
 function ue() {
@@ -436,10 +489,10 @@ const ie = (t) => {
     contentText: o
   };
 };
-function Ot(t) {
+function Nt(t) {
   A(xe, t);
 }
-function Nt() {
+function wt() {
   return I(xe, void 0);
 }
 function Ye(t, e) {
@@ -456,9 +509,9 @@ function Ye(t, e) {
   };
 }
 let ne = null;
-const wt = () => (ne || (ne = import("./index5.js")), ne);
+const Ft = () => (ne || (ne = import("./index5.js")), ne);
 let J = null;
-const Ft = async () => {
+const Pt = async () => {
   if (J)
     return J;
   try {
@@ -467,14 +520,14 @@ const Ft = async () => {
   } catch {
     return console.warn("[BubbleMarkdownRenderer] install markdown-it and dompurify to use markdown renderer"), J = null, null;
   }
-}, pe = ["running", "success", "failed", "cancelled"], Pt = (t) => {
+}, _e = ["running", "success", "failed", "cancelled"], Dt = (t) => {
   const e = y(() => {
     var s, a;
     return (a = (s = t.message) == null ? void 0 : s.tool_calls) == null ? void 0 : a[t.toolCallIndex];
   }), n = ue(), o = y(() => {
     var m, p, f;
     let s = n.toolCallDefaultStatus;
-    s && !pe.includes(s) && (s = void 0);
+    s && !_e.includes(s) && (s = void 0);
     const a = n.toolCallDefaultOpen;
     let u = {
       status: s,
@@ -485,7 +538,7 @@ const Ft = async () => {
       const l = (f = (p = t.message.state) == null ? void 0 : p.toolCall) == null ? void 0 : f[b];
       if (l) {
         const { status: d, open: h, ...c } = l;
-        d && pe.includes(d) && (u.status = d), h !== void 0 && (u.open = h), u = { ...u, ...c };
+        d && _e.includes(d) && (u.status = d), h !== void 0 && (u.open = h), u = { ...u, ...c };
       }
     }
     return u;
@@ -498,7 +551,7 @@ const Ft = async () => {
   return q(() => {
     var u;
     const s = (u = e.value) == null ? void 0 : u.function.arguments, a = r.value;
-    wt().then(({ jsonrepair: b }) => {
+    Ft().then(({ jsonrepair: b }) => {
       const m = b(typeof s == "string" ? s || "{}" : JSON.stringify(s));
       i.value = {
         arguments: JSON.parse(m),
@@ -509,10 +562,10 @@ const Ft = async () => {
     });
   }), {
     toolCall: e,
-    toolCallWithResult: ze(i),
+    toolCallWithResult: Ve(i),
     state: o
   };
-}, _e = /* @__PURE__ */ S({
+}, me = /* @__PURE__ */ S({
   __name: "BubbleBoxWrapper",
   props: {
     role: {},
@@ -522,7 +575,7 @@ const Ft = async () => {
     contentIndex: {}
   },
   setup(t) {
-    const e = t, n = At(() => e.messages, e.contentIndex);
+    const e = t, n = Lt(() => e.messages, e.contentIndex);
     return (o, r) => (g(), T(Y(B(n).renderer), $(B(n).attributes, {
       "data-role": e.role,
       "data-placement": e.placement,
@@ -534,7 +587,7 @@ const Ft = async () => {
       _: 3
     }, 16, ["data-role", "data-placement", "data-shape"]));
   }
-}), me = /* @__PURE__ */ S({
+}), ge = /* @__PURE__ */ S({
   __name: "BubbleContentWrapper",
   props: {
     message: {},
@@ -547,7 +600,7 @@ const Ft = async () => {
       message: n.message,
       contentIndex: n.contentIndex
     })), i = e;
-    return $t((a, u) => {
+    return Ot((a, u) => {
       i("state-change", {
         key: a,
         value: u,
@@ -555,7 +608,7 @@ const Ft = async () => {
       });
     }), (a, u) => (g(), T(Y(B(o).renderer), P(D(r.value)), null, 16));
   }
-}), Dt = ["data-role", "data-placement"], Ut = { class: "tr-bubble__body" }, Ht = { class: "tr-bubble__content" }, Kt = { class: "tr-bubble__after" }, Gt = /* @__PURE__ */ S({
+}), Ut = ["data-role", "data-placement"], Ht = { class: "tr-bubble__body" }, Kt = { class: "tr-bubble__content" }, Gt = { class: "tr-bubble__after" }, Yt = /* @__PURE__ */ S({
   __name: "Bubble",
   props: {
     content: {},
@@ -580,7 +633,7 @@ const Ft = async () => {
   setup(t, { emit: e }) {
     const n = t, o = te(() => n.contentResolver), r = e;
     ce();
-    const i = Nt(), s = y(() => k(i)), a = y(() => {
+    const i = wt(), s = y(() => k(i)), a = y(() => {
       var de;
       if ((de = s.value) != null && de.messages.length)
         return s.value.messages;
@@ -590,7 +643,7 @@ const Ft = async () => {
       const d = o(l);
       return Array.isArray(d) ? d : [{ type: "text", text: d || "" }];
     };
-    Tt({ fallbackBoxRenderer: () => n.fallbackBoxRenderer }), Mt({ fallbackContentRenderer: () => n.fallbackContentRenderer });
+    At({ fallbackBoxRenderer: () => n.fallbackBoxRenderer }), $t({ fallbackContentRenderer: () => n.fallbackContentRenderer });
     const b = y(() => a.value.length === 0 ? !0 : n.hidden), m = y(() => {
       if (n.contentRenderMode === "split" && a.value.length === 1) {
         const l = o(a.value.at(0));
@@ -610,13 +663,13 @@ const Ft = async () => {
         messages: a.value,
         role: t.role
       }, void 0, !0),
-      x("div", Ut, [
+      x("div", Ht, [
         n.avatar ? (g(), T(Y(n.avatar), {
           key: 0,
           class: K(["tr-bubble__avatar", l.$style["tr-bubble__avatar"]])
         }, null, 8, ["class"])) : se("", !0),
-        x("div", Ht, [
-          m.value ? (g(!0), C(F, { key: 0 }, j(m.value, (h, c) => (g(), T(_e, {
+        x("div", Kt, [
+          m.value ? (g(!0), C(F, { key: 0 }, W(m.value, (h, c) => (g(), T(me, {
             key: c,
             class: "tr-bubble__box",
             role: n.role,
@@ -626,7 +679,7 @@ const Ft = async () => {
             "content-index": c
           }, {
             default: M(() => [
-              W(me, {
+              j(ge, {
                 message: a.value.at(0),
                 "content-index": c,
                 onStateChange: d[0] || (d[0] = (_) => r("state-change", { ..._, messageIndex: 0 }))
@@ -638,7 +691,7 @@ const Ft = async () => {
               }, void 0, !0)
             ]),
             _: 2
-          }, 1032, ["role", "placement", "shape", "messages", "content-index"]))), 128)) : (g(), T(_e, {
+          }, 1032, ["role", "placement", "shape", "messages", "content-index"]))), 128)) : (g(), T(me, {
             key: 1,
             role: n.role,
             placement: n.placement,
@@ -646,10 +699,10 @@ const Ft = async () => {
             messages: a.value
           }, {
             default: M(() => [
-              (g(!0), C(F, null, j(a.value, (h, c) => (g(), C(F, {
+              (g(!0), C(F, null, W(a.value, (h, c) => (g(), C(F, {
                 key: `message-${c}`
               }, [
-                (g(!0), C(F, null, j(u(h), (_, v) => (g(), T(me, {
+                (g(!0), C(F, null, W(u(h), (_, v) => (g(), T(ge, {
                   key: `content-${v}`,
                   message: h,
                   "content-index": v,
@@ -664,7 +717,7 @@ const Ft = async () => {
             _: 3
           }, 8, ["role", "placement", "shape", "messages"]))
         ]),
-        x("div", Kt, [
+        x("div", Gt, [
           E(l.$slots, "after", {
             messages: a.value,
             role: t.role
@@ -675,69 +728,15 @@ const Ft = async () => {
         messages: a.value,
         role: t.role
       }, void 0, !0)
-    ], 8, Dt)), [
+    ], 8, Ut)), [
       [Q, !b.value]
     ]);
   }
-}), Yt = {
+}), Jt = {
   "tr-bubble__avatar": "_tr-bubble__avatar_1r87c_2"
-}, Jt = {
-  $style: Yt
-}, G = /* @__PURE__ */ N(Gt, [["__cssModules", Jt], ["__scopeId", "data-v-2d927bba"]]);
-function ge(t, e) {
-  const n = U(t, (o, r) => {
-    r === !0 && o === !1 && (e(), n());
-  });
-  return n;
-}
-function jt(t, e, n) {
-  const { scrollOnMount: o = !0, bottomThreshold: r = 20, scrollThrottle: i = 0 } = n ?? {}, s = L(!0);
-  let a = !1;
-  const u = /* @__PURE__ */ new Set(), b = () => nt(t), { y: m, isScrolling: p, arrivedState: f } = Qe(b, { throttle: i }), l = (c) => c.scrollHeight - c.scrollTop - c.clientHeight <= r, d = async (c = "auto") => {
-    const _ = k(b);
-    if (_ && (await ee(), _.scrollTo({ top: _.scrollHeight, behavior: c }), c === "smooth" && !l(_))) {
-      const v = ge(p, () => {
-        _.scrollTo({ top: _.scrollHeight, behavior: "auto" }), u.delete(v);
-      });
-      u.add(v);
-    }
-  }, h = () => {
-    a || !s.value || (a = !0, requestAnimationFrame(async () => {
-      a = !1, await d("auto");
-    }));
-  };
-  return U(
-    m,
-    () => {
-      const c = k(b);
-      c && (s.value = l(c));
-    },
-    { flush: "post" }
-  ), et(
-    e,
-    () => {
-      h();
-    },
-    { flush: "post", throttle: 100 }
-  ), ve(() => {
-    o && d("smooth");
-  }), Ve(() => {
-    u.forEach((c) => {
-      c();
-    }), u.clear();
-  }), tt("keydown", (c) => {
-    if (c.key === "End" && !s.value) {
-      const _ = ge(p, () => {
-        d("auto"), u.delete(_);
-      });
-      u.add(_);
-    }
-  }), {
-    scrollToBottom: d,
-    arrivedState: f
-  };
-}
-const Wt = /* @__PURE__ */ S({
+}, Wt = {
+  $style: Jt
+}, G = /* @__PURE__ */ N(Yt, [["__cssModules", Wt], ["__scopeId", "data-v-2d927bba"]]), jt = /* @__PURE__ */ S({
   __name: "BubbleItem",
   props: {
     messageGroup: {},
@@ -748,7 +747,7 @@ const Wt = /* @__PURE__ */ S({
   emits: ["state-change"],
   setup(t, { emit: e }) {
     const n = t, o = e;
-    return Ot(() => n.messageGroup), (r, i) => (g(), T(G, $(t.roleConfig, {
+    return Nt(() => n.messageGroup), (r, i) => (g(), T(G, $(t.roleConfig, {
       role: t.messageGroup.role,
       "content-render-mode": t.contentRenderMode,
       "content-resolver": t.contentResolver,
@@ -792,7 +791,7 @@ const Wt = /* @__PURE__ */ S({
     let a = async () => {
     };
     if (o.autoScroll) {
-      const p = y(() => o.messages.at(-1)), { scrollToBottom: f } = jt(s, () => {
+      const p = y(() => o.messages.at(-1)), { scrollToBottom: f } = ot(s, () => {
         var l, d;
         return [
           o.messages.length,
@@ -848,9 +847,9 @@ const Wt = /* @__PURE__ */ S({
       ref_key: "listRef",
       ref: s
     }, [
-      (g(!0), C(F, null, j(m.value, (l, d) => {
+      (g(!0), C(F, null, W(m.value, (l, d) => {
         var h;
-        return g(), T(Wt, {
+        return g(), T(jt, {
           key: d,
           role: l.role || o.fallbackRole,
           "role-config": (h = o.roleConfigs) == null ? void 0 : h[l.role || o.fallbackRole],
@@ -899,11 +898,11 @@ const Wt = /* @__PURE__ */ S({
     const e = t;
     ce(e.store);
     const n = y(() => (e.boxRendererMatches || []).concat(Pe).sort((s, a) => (s.priority ?? 0) - (a.priority ?? 0))), o = y(() => (e.contentRendererMatches || []).concat(De).sort((s, a) => (s.priority ?? 0) - (a.priority ?? 0))), r = y(() => e.fallbackBoxRenderer || Ue), i = y(() => e.fallbackContentRenderer || He);
-    return It({
+    return Tt({
       boxRendererMatches: n,
       boxAttributes: () => e.boxAttributes,
       fallbackBoxRenderer: r
-    }), Lt({
+    }), Mt({
       contentRendererMatches: o,
       contentAttributes: () => e.contentAttributes,
       fallbackContentRenderer: i
@@ -918,7 +917,7 @@ const Wt = /* @__PURE__ */ S({
   setup(t) {
     const e = t, { contentText: n } = ie(e), o = L(null);
     ve(async () => {
-      o.value = await Ft();
+      o.value = await Pt();
     });
     const { mdConfig: r, dompurifyConfig: i } = ue(), s = L("");
     return q(() => {
@@ -968,11 +967,11 @@ export {
   cn as b,
   H as c,
   rn as d,
-  At as e,
+  Lt as e,
   le as f,
   Ke as g,
   ie as h,
   Ye as i,
-  Pt as j,
-  jt as u
+  Dt as j,
+  ot as u
 };