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

package/dist/index.js

@@ -16,12 +16,12 @@ import R from "./sender-compat/index.js";
 import W, { SuggestionPillButton as $ } from "./suggestion-pills/index.js";
 import w from "./suggestion-popover/index.js";
 import k from "./theme-provider/index.js";
-import { useTheme as $e } from "./theme-provider/index.js";
 import N from "./welcome/index.js";
 import V from "./mcp-server-picker/index.js";
 import I from "./mcp-add-form/index.js";
-import { A as U, S as K, _ as X, W as Y, D as q } from "./index2.js";
-import { a as ke, u as Ne } from "./index2.js";
+import { u as $e } from "./useTheme.js";
+import { A as U, a as K, _ as X, W as Y, D as q } from "./index2.js";
+import { S as ke, u as Ne } from "./index2.js";
 import { _ as G, V as J } from "./index3.js";
 var u = /* @__PURE__ */ ((e) => (e.FileTypeNotAllowed = "file-type-not-allowed", e.FileSizeExceeded = "file-size-exceeded", e.FileCountExceeded = "file-count-exceeded", e))(u || {});
 function Q(e, r) {

package/dist/index2.js

@@ -1,27 +1,28 @@
-import { inject as O, isVNode as R, h as V, defineComponent as y, computed as d, openBlock as a, createBlock as f, unref as s, withCtx as x, createElementVNode as v, normalizeClass as b, renderSlot as T, resolveDynamicComponent as $, normalizeStyle as B, createElementBlock as p, createVNode as m, toDisplayString as w, createCommentVNode as S, Transition as A } from "vue";
-import { _ as k } from "./_plugin-vue_export-helper.js";
-import { IconSend as E, IconStop as F, IconClear as W } from "@opentiny/tiny-robot-svgs";
-import { TinyTooltip as P } from "@opentiny/vue";
-const j = Symbol("sender-context");
-function g() {
-  const t = O(j);
+import { inject as R, isVNode as V, h as F, defineComponent as y, computed as l, openBlock as i, createBlock as f, unref as o, withCtx as S, createElementVNode as k, normalizeStyle as I, normalizeClass as v, renderSlot as B, resolveDynamicComponent as P, createElementBlock as b, createVNode as x, toDisplayString as T, createCommentVNode as h, useSlots as W, Transition as $ } from "vue";
+import { _ as w } from "./_plugin-vue_export-helper.js";
+import { IconSend as N, IconStop as j, IconClose as U } from "@opentiny/tiny-robot-svgs";
+import { TinyTooltip as D } from "@opentiny/vue";
+import { t as G } from "./utils.js";
+const K = Symbol("sender-context");
+function C() {
+  const t = R(K);
   if (!t)
     throw new Error("useSenderContext must be used within Sender component");
   return t;
 }
-const I = "tr-sender-tooltip-inner";
-function D(t) {
-  return t ? typeof t == "string" ? t.split(/\s+/).includes(I) : Array.isArray(t) ? t.some(D) : typeof t == "object" ? !!t[I] : !1 : !1;
+const A = "tr-sender-tooltip-inner";
+function E(t) {
+  return t ? typeof t == "string" ? t.split(/\s+/).includes(A) : Array.isArray(t) ? t.some(E) : typeof t == "object" ? !!t[A] : !1 : !1;
 }
-function N(t) {
+function z(t) {
   var e;
-  return R(t) && D((e = t.props) == null ? void 0 : e.class) ? t : V("div", { class: I }, t);
+  return V(t) && E((e = t.props) == null ? void 0 : e.class) ? t : F("div", { class: A }, t);
 }
-function L(t) {
+function O(t) {
   if (t)
-    return typeof t == "string" ? () => N(t) : () => N(t());
+    return typeof t == "string" ? () => z(t) : () => z(t());
 }
-const K = ["disabled"], X = ["disabled"], Y = /* @__PURE__ */ y({
+const M = ["disabled"], X = ["disabled"], Y = /* @__PURE__ */ y({
   __name: "index",
   props: {
     icon: {},
@@ -32,176 +33,193 @@ const K = ["disabled"], X = ["disabled"], Y = /* @__PURE__ */ y({
     size: {}
   },
   setup(t) {
-    const e = t, i = d(() => L(e.tooltip)), r = d(() => e.size ? { fontSize: typeof e.size == "number" ? `${e.size}px` : e.size } : {});
-    return (c, l) => e.tooltip ? (a(), f(s(P), {
+    const e = t, n = {
+      normal: "32px",
+      small: "28px"
+    }, a = l(() => O(e.tooltip)), d = (s) => s === "small" ? {
+      "--tr-action-button-size": n.small
+    } : s === "normal" ? {
+      "--tr-action-button-size": n.normal
+    } : {
+      "--tr-action-button-size": G(s)
+    }, c = l(() => e.size ? d(e.size) : {});
+    return (s, u) => e.tooltip ? (i(), f(o(D), {
       key: 0,
-      "render-content": i.value,
+      "render-content": a.value,
       placement: e.tooltipPlacement,
       effect: "light",
       "visible-arrow": !1,
       "popper-class": "tr-action-button-tooltip-popper"
     }, {
-      default: x(() => [
-        v("button", {
-          class: b(["tr-action-button", { active: e.active }]),
+      default: S(() => [
+        k("button", {
+          class: v(["tr-action-button", { active: e.active }]),
+          style: I(c.value),
           disabled: e.disabled,
-          onFocusCapture: l[0] || (l[0] = (u) => u.stopPropagation())
+          onFocusCapture: u[0] || (u[0] = (r) => r.stopPropagation())
         }, [
-          T(c.$slots, "icon", {}, () => [
-            (a(), f($(e.icon), {
-              style: B(r.value)
-            }, null, 8, ["style"]))
+          B(s.$slots, "icon", {}, () => [
+            (i(), f(P(e.icon)))
           ], !0)
-        ], 42, K)
+        ], 46, M)
       ]),
       _: 3
-    }, 8, ["render-content", "placement"])) : (a(), p("button", {
+    }, 8, ["render-content", "placement"])) : (i(), b("button", {
       key: 1,
-      class: b(["tr-action-button", { active: e.active }]),
+      class: v(["tr-action-button", { active: e.active }]),
+      style: I(c.value),
       disabled: e.disabled
     }, [
-      T(c.$slots, "icon", {}, () => [
-        (a(), f($(e.icon), {
-          style: B(r.value)
-        }, null, 8, ["style"]))
+      B(s.$slots, "icon", {}, () => [
+        (i(), f(P(e.icon)))
       ], !0)
-    ], 10, X));
+    ], 14, X));
   }
-}), q = /* @__PURE__ */ k(Y, [["__scopeId", "data-v-d6737627"]]), G = {
+}), Z = /* @__PURE__ */ w(Y, [["__scopeId", "data-v-875619e6"]]), q = {
   key: 0,
   class: "tr-sender-submit-button__cancel-text"
 }, H = /* @__PURE__ */ y({
   __name: "index",
   setup(t) {
-    const { canSubmit: e, loading: i, defaultActions: r, submit: c, cancel: l, stopText: u } = g(), _ = d(() => {
-      var n, o;
-      return (o = (n = r.value) == null ? void 0 : n.submit) != null && o.disabled ? !0 : !e.value && !i.value;
-    }), h = d(() => {
-      var n, o;
-      return L((o = (n = r.value) == null ? void 0 : n.submit) == null ? void 0 : o.tooltip);
-    }), z = d(() => {
-      var n, o;
-      return ((o = (n = r.value) == null ? void 0 : n.submit) == null ? void 0 : o.tooltipPlacement) ?? "top";
-    }), C = () => {
-      _.value || (i.value ? l() : c());
+    const { canSubmit: e, loading: n, defaultActions: a, submit: d, cancel: c, stopText: s } = C(), u = l(() => {
+      var _, m;
+      return (m = (_ = a.value) == null ? void 0 : _.submit) != null && m.disabled ? !0 : !e.value && !n.value;
+    }), r = l(() => {
+      var _, m;
+      return O((m = (_ = a.value) == null ? void 0 : _.submit) == null ? void 0 : m.tooltip);
+    }), p = l(() => {
+      var _, m;
+      return ((m = (_ = a.value) == null ? void 0 : _.submit) == null ? void 0 : m.tooltipPlacement) ?? "top";
+    }), g = () => {
+      u.value || (n.value ? c() : d());
     };
-    return (n, o) => h.value && !s(i) ? (a(), f(s(P), {
+    return (_, m) => r.value && !o(n) ? (i(), f(o(D), {
       key: 0,
-      "render-content": h.value,
-      placement: z.value,
+      "render-content": r.value,
+      placement: p.value,
       effect: "light",
       "visible-arrow": !1,
       "popper-class": "tr-submit-button-tooltip-popper"
     }, {
-      default: x(() => [
-        v("div", {
-          class: b([
+      default: S(() => [
+        k("div", {
+          class: v([
             "tr-sender-submit-button",
             {
-              "is-disabled": _.value,
-              "is-loading": s(i)
+              "is-disabled": u.value,
+              "is-loading": o(n)
             }
           ]),
-          onClick: C
+          onClick: g
         }, [
-          m(s(E), { class: "tr-sender-submit-button__icon" })
+          x(o(N), { class: "tr-sender-submit-button__icon" })
         ], 2)
       ]),
       _: 1
-    }, 8, ["render-content", "placement"])) : (a(), p("div", {
+    }, 8, ["render-content", "placement"])) : (i(), b("div", {
       key: 1,
-      class: b([
+      class: v([
         "tr-sender-submit-button",
         {
-          "is-disabled": _.value,
-          "is-loading": s(i)
+          "is-disabled": u.value,
+          "is-loading": o(n)
         }
       ]),
-      onClick: C
+      onClick: g
     }, [
-      s(i) ? (a(), p("div", {
+      o(n) ? (i(), b("div", {
         key: 1,
-        class: b(["tr-sender-submit-button__cancel", { "icon-only": !s(u) }])
+        class: v(["tr-sender-submit-button__cancel", { "icon-only": !o(s) }])
       }, [
-        m(s(F), { class: "tr-sender-submit-button__cancel-icon" }),
-        s(u) ? (a(), p("span", G, w(s(u)), 1)) : S("", !0)
-      ], 2)) : (a(), f(s(E), {
+        x(o(j), { class: "tr-sender-submit-button__cancel-icon" }),
+        o(s) ? (i(), b("span", q, T(o(s)), 1)) : h("", !0)
+      ], 2)) : (i(), f(o(N), {
         key: 0,
         class: "tr-sender-submit-button__icon"
       }))
     ], 2));
   }
-}), J = /* @__PURE__ */ k(H, [["__scopeId", "data-v-a58e69fe"]]), M = /* @__PURE__ */ y({
+}), J = /* @__PURE__ */ w(H, [["__scopeId", "data-v-a58e69fe"]]), L = () => {
+  const { hasContent: t, clearable: e, loading: n, defaultActions: a } = C(), d = l(() => {
+    var r, p;
+    return ((p = (r = a.value) == null ? void 0 : r.clear) == null ? void 0 : p.disabled) !== void 0 ? a.value.clear.disabled : !1;
+  }), c = l(() => {
+    var r, p;
+    return (p = (r = a.value) == null ? void 0 : r.clear) == null ? void 0 : p.tooltip;
+  }), s = l(() => {
+    var r, p;
+    return ((p = (r = a.value) == null ? void 0 : r.clear) == null ? void 0 : p.tooltipPlacement) ?? "top";
+  }), u = l(() => e.value && t.value && !n.value && !d.value);
+  return {
+    isDisabled: d,
+    tooltip: c,
+    tooltipPlacement: s,
+    show: u
+  };
+}, Q = /* @__PURE__ */ y({
   __name: "index",
   setup(t) {
-    const { hasContent: e, clearable: i, clear: r, loading: c, defaultActions: l } = g(), u = d(() => {
-      var n, o;
-      return ((o = (n = l.value) == null ? void 0 : n.clear) == null ? void 0 : o.disabled) !== void 0 ? l.value.clear.disabled : !1;
-    }), _ = d(() => {
-      var n, o;
-      return (o = (n = l.value) == null ? void 0 : n.clear) == null ? void 0 : o.tooltip;
-    }), h = d(() => {
-      var n, o;
-      return ((o = (n = l.value) == null ? void 0 : n.clear) == null ? void 0 : o.tooltipPlacement) ?? "top";
-    }), z = d(() => i.value && e.value && !c.value && !u.value), C = () => {
-      u.value || r();
+    const { clear: e } = C(), { isDisabled: n, tooltip: a, tooltipPlacement: d, show: c } = L(), s = () => {
+      n.value || e();
     };
-    return (n, o) => z.value ? (a(), f(q, {
+    return (u, r) => o(c) ? (i(), f(Z, {
       key: 0,
-      icon: s(W),
-      disabled: u.value,
-      tooltip: _.value,
-      "tooltip-placement": h.value,
-      onClick: C
-    }, null, 8, ["icon", "disabled", "tooltip", "tooltip-placement"])) : S("", !0);
+      icon: o(U),
+      disabled: o(n),
+      tooltip: o(a),
+      "tooltip-placement": o(d),
+      onClick: s
+    }, null, 8, ["icon", "disabled", "tooltip", "tooltip-placement"])) : h("", !0);
   }
-}), Q = {
+}), tt = {
   key: 0,
   class: "tr-sender-word-counter"
-}, U = /* @__PURE__ */ y({
+}, et = /* @__PURE__ */ y({
   __name: "index",
   setup(t) {
-    const { characterCount: e, maxLength: i, isOverLimit: r, showWordLimit: c } = g(), l = d(() => c.value && i.value !== void 0);
-    return (u, _) => l.value ? (a(), p("span", Q, [
-      v("span", {
-        class: b({ "is-over-limit": s(r) })
-      }, w(s(e)), 3),
-      v("span", null, "/" + w(s(i)), 1)
-    ])) : S("", !0);
+    const { characterCount: e, maxLength: n, isOverLimit: a, showWordLimit: d } = C(), c = l(() => d.value && n.value !== void 0);
+    return (s, u) => c.value ? (i(), b("span", tt, [
+      k("span", {
+        class: v({ "is-over-limit": o(a) })
+      }, T(o(e)), 3),
+      k("span", null, "/" + T(o(n)), 1)
+    ])) : h("", !0);
   }
-}), rt = /* @__PURE__ */ k(U, [["__scopeId", "data-v-206396cd"]]), Z = { class: "tr-default-action-buttons" }, tt = {
+}), ut = /* @__PURE__ */ w(et, [["__scopeId", "data-v-206396cd"]]), ot = {
+  key: 0,
+  class: "tr-default-action-buttons"
+}, nt = {
   key: 0,
   class: "tr-action-buttons-group"
-}, et = { class: "tr-submit-wrapper" }, nt = /* @__PURE__ */ y({
+}, st = /* @__PURE__ */ y({
   __name: "index",
   setup(t) {
-    const { hasContent: e, loading: i } = g();
-    return (r, c) => (a(), p("div", Z, [
-      m(A, { name: "tr-slide-right" }, {
-        default: x(() => [
-          s(e) || s(i) ? (a(), p("div", tt, [
-            m(A, { name: "tr-slide-right" }, {
-              default: x(() => [
-                m(M)
+    const e = W(), { hasContent: n, loading: a } = C(), { show: d } = L(), c = l(() => !!e.prepend), s = l(() => n.value || a.value), u = l(() => c.value || d.value), r = l(() => c.value || s.value);
+    return (p, g) => (i(), f($, { name: "tr-slide-right" }, {
+      default: S(() => [
+        r.value ? (i(), b("div", ot, [
+          u.value ? (i(), b("div", nt, [
+            B(p.$slots, "prepend", {}, void 0, !0),
+            x($, { name: "tr-slide-right" }, {
+              default: S(() => [
+                x(Q)
               ]),
               _: 1
-            }),
-            v("div", et, [
-              m(J)
-            ])
-          ])) : S("", !0)
-        ]),
-        _: 1
-      })
-    ]));
+            })
+          ])) : h("", !0),
+          s.value ? (i(), f(J, { key: 1 })) : h("", !0)
+        ])) : h("", !0)
+      ]),
+      _: 3
+    }));
   }
-}), lt = /* @__PURE__ */ k(nt, [["__scopeId", "data-v-209924d7"]]);
+}), dt = /* @__PURE__ */ w(st, [["__scopeId", "data-v-e9441989"]]);
 export {
-  q as A,
-  lt as D,
-  J as S,
-  rt as W,
-  M as _,
-  j as a,
-  g as u
+  Z as A,
+  dt as D,
+  K as S,
+  ut as W,
+  Q as _,
+  J as a,
+  C as u
 };

package/dist/index3.js

@@ -4,7 +4,7 @@ var C = (i, o, e) => D(i, typeof o != "symbol" ? o + "" : o, e);
 import { defineComponent as B, toRefs as H, computed as R, watch as F, openBlock as S, createBlock as x, unref as p, ref as V, reactive as A, onUnmounted as P, createElementBlock as j, Fragment as U, normalizeClass as W, createSlots as L, withCtx as y, renderSlot as z, resolveDynamicComponent as M, createCommentVNode as N } from "vue";
 import { e as O } from "./index4.js";
 import { u as I, A as b } from "./index2.js";
-import { IconUpload as T, IconVoice as _, IconRecordingWave as q } from "@opentiny/tiny-robot-svgs";
+import { IconImageUpload as T, IconVoice as _, IconRecordingWave as q } from "@opentiny/tiny-robot-svgs";
 import { _ as G } from "./_plugin-vue_export-helper.js";
 const te = /* @__PURE__ */ B({
   __name: "index",

package/dist/index4.js

@@ -754,20 +754,20 @@ function it(e = {}) {
   return { width: r, height: s };
 }
 export {
-  S as a,
-  it as b,
+  Ke as a,
+  Ze as b,
   et as c,
-  Ze as d,
+  M as d,
   tt as e,
-  Ue as f,
-  M as g,
-  Qe as h,
-  rt as i,
-  ve as j,
-  de as k,
-  nt as l,
-  Ke as m,
+  de as f,
+  ot as g,
+  rt as h,
+  ve as i,
+  nt as j,
+  Qe as k,
+  it as l,
+  qe as m,
   Je as o,
-  ot as u,
-  qe as w
+  S as u,
+  Ue as w
 };

package/dist/index6.js

@@ -1,7 +1,7 @@
-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 j, 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 We, renderList as W, markRaw as w, inject as I, provide as A, toValue as k, reactive as je, readonly as ze, withCtx as M, onMounted as ve, onUnmounted as Ve } from "vue";
+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 { _ 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 { l as Qe, w as et, g as tt, a as nt } from "./index4.js";
+import { j as Qe, m as et, d as tt, u as nt } from "./index4.js";
 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(
@@ -67,7 +67,7 @@ const xe = Symbol("bubble-message-group"), Re = Symbol("bubble-box-renderer-matc
   },
   setup(t) {
     return (e, n) => (g(), C("div", lt, [
-      j(B(he))
+      W(B(he))
     ]));
   }
 }), $e = /* @__PURE__ */ N(ct, [["__scopeId", "data-v-bc1b5ff4"]]), ut = { class: "title" }, it = { class: "detail" }, dt = /* @__PURE__ */ S({
@@ -110,10 +110,10 @@ 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 }])
             }, [
-              j(B(Xe)),
+              W(B(Xe)),
               x("span", ut, z((f = e.message.state) != null && f.thinking ? "正在思考" : "已思考"), 1)
             ], 2),
-            j(B(ye), {
+            W(B(ye), {
               class: K(["expand-icon", { "-rotate-90": !i.value }])
             }, null, 8, ["class"])
           ]),
@@ -189,7 +189,7 @@ const xe = Symbol("bubble-message-group"), Re = Symbol("bubble-box-renderer-matc
       } catch {
       }
       return R;
-    }, u = We(), b = (_) => _.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), m = (_) => {
+    }, u = je(), b = (_) => _.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), m = (_) => {
       if (!_)
         return "";
       let v = b(_);
@@ -236,7 +236,7 @@ const xe = Symbol("bubble-message-group"), Re = Symbol("bubble-box-renderer-matc
             ])
           ]),
           x("div", vt, [
-            j(B(ye), {
+            W(B(ye), {
               class: K(["expand-icon", { "-rotate-90": !d.value }]),
               onClick: c
             }, null, 8, ["class"])
@@ -276,7 +276,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, W(e.message.tool_calls, (a, u) => (g(), T(we, $({
+        (g(!0), C(F, null, j(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)
@@ -401,7 +401,7 @@ function ce(t) {
   const e = I(oe, void 0);
   if (e)
     return e;
-  const n = je(t || {});
+  const n = We(t || {});
   return A(oe, n), n;
 }
 function ue() {
@@ -616,7 +616,7 @@ const Ft = async () => {
           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 }, W(m.value, (h, c) => (g(), T(_e, {
+          m.value ? (g(!0), C(F, { key: 0 }, j(m.value, (h, c) => (g(), T(_e, {
             key: c,
             class: "tr-bubble__box",
             role: n.role,
@@ -626,7 +626,7 @@ const Ft = async () => {
             "content-index": c
           }, {
             default: M(() => [
-              j(me, {
+              W(me, {
                 message: a.value.at(0),
                 "content-index": c,
                 onStateChange: d[0] || (d[0] = (_) => r("state-change", { ..._, messageIndex: 0 }))
@@ -646,10 +646,10 @@ const Ft = async () => {
             messages: a.value
           }, {
             default: M(() => [
-              (g(!0), C(F, null, W(a.value, (h, c) => (g(), C(F, {
+              (g(!0), C(F, null, j(a.value, (h, c) => (g(), C(F, {
                 key: `message-${c}`
               }, [
-                (g(!0), C(F, null, W(u(h), (_, v) => (g(), T(me, {
+                (g(!0), C(F, null, j(u(h), (_, v) => (g(), T(me, {
                   key: `content-${v}`,
                   message: h,
                   "content-index": v,
@@ -690,7 +690,7 @@ function ge(t, e) {
   });
   return n;
 }
-function Wt(t, e, 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") => {
@@ -737,7 +737,7 @@ function Wt(t, e, n) {
     arrivedState: f
   };
 }
-const jt = /* @__PURE__ */ S({
+const Wt = /* @__PURE__ */ S({
   __name: "BubbleItem",
   props: {
     messageGroup: {},
@@ -792,7 +792,7 @@ const jt = /* @__PURE__ */ S({
     let a = async () => {
     };
     if (o.autoScroll) {
-      const p = y(() => o.messages.at(-1)), { scrollToBottom: f } = Wt(s, () => {
+      const p = y(() => o.messages.at(-1)), { scrollToBottom: f } = jt(s, () => {
         var l, d;
         return [
           o.messages.length,
@@ -848,9 +848,9 @@ const jt = /* @__PURE__ */ S({
       ref_key: "listRef",
       ref: s
     }, [
-      (g(!0), C(F, null, W(m.value, (l, d) => {
+      (g(!0), C(F, null, j(m.value, (l, d) => {
         var h;
-        return g(), T(jt, {
+        return g(), T(Wt, {
           key: d,
           role: l.role || o.fallbackRole,
           "role-config": (h = o.roleConfigs) == null ? void 0 : h[l.role || o.fallbackRole],
@@ -974,5 +974,5 @@ export {
   ie as h,
   Ye as i,
   Pt as j,
-  Wt as u
+  jt as u
 };