@opentiny/tiny-robot 0.3.1-alpha.6 → 0.3.1-alpha.8

package/dist/index5.js

@@ -1,301 +1,529 @@
-import { ref as _, onMounted as ne, onBeforeUnmount as oe, defineComponent as P, createElementBlock as a, openBlock as r, createElementVNode as w, createVNode as T, unref as n, toDisplayString as B, mergeModels as W, useModel as j, computed as I, normalizeStyle as ie, Fragment as S, renderList as V, createBlock as H, resolveDynamicComponent as Y, nextTick as se, normalizeClass as U, withDirectives as q, createCommentVNode as G, renderSlot as A, withKeys as F, withModifiers as J, isRef as le, vModelText as re, vShow as ae } from "vue";
-import { IconEmptySearch as ue, IconEditPen as ce, IconDelete as de, IconCheck as me, IconClose as fe, IconMenu2 as pe } from "@opentiny/tiny-robot-svgs";
-import { _ as z } from "./_plugin-vue_export-helper.js";
-import { o as Z, d as ve, c as ge, b as ye } from "./index4.js";
-import { t as O } from "./utils.js";
-const D = _(!1);
-let b = 0, $;
-function _e() {
-  const s = window.matchMedia("(hover: none) and (pointer: coarse)"), m = () => {
-    D.value = s.matches;
-  };
-  m(), s.addEventListener("change", m);
-  const t = (c) => {
-    D.value = c.pointerType !== "mouse";
-  };
-  return window.addEventListener("pointerdown", t, !0), () => {
-    s.removeEventListener("change", m), window.removeEventListener("pointerdown", t, !0);
-  };
+import { defineComponent as k, openBlock as m, createElementBlock as y, renderSlot as g, unref as v, toDisplayString as be, createCommentVNode as X, markRaw as z, provide as S, inject as C, computed as _, toValue as B, reactive as fe, createBlock as E, resolveDynamicComponent as U, mergeProps as A, withCtx as R, normalizeProps as T, guardReactiveProps as $, withDirectives as me, createElementVNode as K, normalizeClass as pe, Fragment as N, renderList as G, createVNode as ge, vShow as _e, ref as q, watch as Y, onMounted as he, onUnmounted as Be, nextTick as J } from "vue";
+import { _ as P } from "./_plugin-vue_export-helper.js";
+import { i as Re, w as xe, g as ve, a as ye } from "./index4.js";
+const Q = Symbol("bubble-message-group"), Z = Symbol("bubble-box-renderer-matches"), ee = Symbol("bubble-box-fallback-renderer"), te = Symbol(
+  "bubble-box-prop-fallback-renderer"
+), ne = Symbol("bubble-content-renderer-matches"), se = Symbol(
+  "bubble-content-fallback-renderer"
+), oe = Symbol(
+  "bubble-content-prop-fallback-renderer"
+), j = Symbol("bubble-store"), re = Symbol("bubble-state-change-fn"), et = {
+  LOADING: -1,
+  NORMAL: 0,
+  CONTENT: 10,
+  ROLE: 20
+}, Ee = {
+  class: "tr-bubble__box",
+  "data-box-type": "box"
+}, Ce = /* @__PURE__ */ k({
+  __name: "Box",
+  props: {
+    placement: {},
+    shape: {}
+  },
+  setup(t) {
+    return (n, e) => (m(), y("div", Ee, [
+      g(n.$slots, "default", {}, void 0, !0)
+    ]));
+  }
+}), ae = /* @__PURE__ */ P(Ce, [["__scopeId", "data-v-98101726"]]), Se = {
+  key: 0,
+  class: "tr-bubble__text",
+  "data-type": "text"
+}, ke = /* @__PURE__ */ k({
+  __name: "Text",
+  props: {
+    message: {},
+    contentIndex: {}
+  },
+  setup(t) {
+    const n = t, e = Oe(() => n.message, n.contentIndex);
+    return (a, c) => {
+      var i;
+      return v(e) ? (m(), y("p", Se, be(typeof v(e) == "string" ? v(e) : (i = v(e)) == null ? void 0 : i.text), 1)) : X("", !0);
+    };
+  }
+}), le = /* @__PURE__ */ P(ke, [["__scopeId", "data-v-53daeb22"]]), ce = [], ue = [], de = z(ae), ie = z(le);
+function Ie(t) {
+  const { boxRendererMatches: n, fallbackBoxRenderer: e } = t;
+  n && S(Z, n), e && S(ee, e);
 }
-function he() {
-  $ == null || $(), $ = void 0;
+function Me(t) {
+  const { fallbackBoxRenderer: n } = t;
+  n && S(te, n);
 }
-function Ce() {
-  return typeof window > "u" ? {
-    isTouchDevice: D
-  } : (ne(() => {
-    b++, b === 1 && ($ = _e());
-  }), oe(() => {
-    b = Math.max(0, b - 1), b === 0 && he();
-  }), {
-    isTouchDevice: D
+function Ae(t, n) {
+  const e = C(Z, ce), a = C(ee, void 0), c = C(te, void 0);
+  return _(() => {
+    const i = B(t), s = B(e).find((b) => b.find(i, n));
+    return s ? {
+      renderer: s.renderer,
+      attributes: s.attributes
+    } : {
+      renderer: B(c) || B(a) || de
+    };
+  });
+}
+function Le(t) {
+  const { contentRendererMatches: n, fallbackContentRenderer: e } = t;
+  n && S(ne, n), e && S(se, e);
+}
+function Te(t) {
+  const { fallbackContentRenderer: n } = t;
+  n && S(oe, n);
+}
+function $e(t, n) {
+  const e = C(ne, ue), a = C(se, void 0), c = C(oe, void 0);
+  return _(() => {
+    const i = B(t), s = B(e).find((b) => b.find(i, n));
+    return s ? s.renderer : B(c) || B(a) || ie;
   });
 }
-const ke = { class: "tr-history__empty" }, Le = { class: "tr-history__empty-icon" }, Ee = { class: "tr-history__empty-text" }, we = /* @__PURE__ */ P({
-  __name: "Empty",
+function Ne(t) {
+  S(re, t);
+}
+function tt() {
+  return C(re, (t, n) => {
+    console.warn(`[Bubble] State change function not found for key: ${t}`);
+  });
+}
+function H(t) {
+  const n = C(j, void 0);
+  if (n)
+    return n;
+  const e = fe(t || {});
+  return S(j, e), e;
+}
+const M = (t) => {
+  var n;
+  return ((n = t.state) == null ? void 0 : n.content) ?? t.content;
+}, Oe = (t, n) => _(() => {
+  const e = M(B(t));
+  return Array.isArray(e) ? e.at(n ?? 0) : e;
+});
+function Fe(t) {
+  S(Q, t);
+}
+function Ge() {
+  return C(Q, void 0);
+}
+function nt(t, n) {
+  const e = _(() => {
+    const c = Object.entries(t.message).filter(([i]) => !n.includes(i));
+    return Object.fromEntries(c);
+  }), a = _(() => ({
+    ...t,
+    message: e.value
+  }));
+  return {
+    restMessage: e,
+    restProps: a
+  };
+}
+const W = /* @__PURE__ */ k({
+  __name: "BubbleBoxWrapper",
   props: {
-    text: { default: "暂无内容" }
+    role: {},
+    placement: {},
+    shape: {},
+    messages: {},
+    contentIndex: {}
   },
-  setup(s) {
-    const m = s;
-    return (t, c) => (r(), a("div", ke, [
-      w("span", Le, [
-        T(n(ue))
+  setup(t) {
+    const n = t, e = Ae(() => n.messages, n.contentIndex);
+    return (a, c) => (m(), E(U(v(e).renderer), A({
+      "data-role": n.role,
+      "data-placement": n.placement,
+      "data-shape": n.shape
+    }, v(e).attributes), {
+      default: R(() => [
+        g(a.$slots, "default")
       ]),
-      w("span", Ee, B(m.text), 1)
-    ]));
+      _: 3
+    }, 16, ["data-role", "data-placement", "data-shape"]));
   }
-}), Re = /* @__PURE__ */ z(we, [["__scopeId", "data-v-d0340c39"]]), Ie = ["onClick"], Q = 4, xe = /* @__PURE__ */ P({
-  __name: "MenuList",
-  props: /* @__PURE__ */ W({
-    items: {},
-    menuListGap: { default: 8 }
-  }, {
-    trigger: { default: null },
-    triggerModifiers: {},
-    data: { default: null },
-    dataModifiers: {}
-  }),
-  emits: /* @__PURE__ */ W(["item-click"], ["update:trigger", "update:data"]),
-  setup(s, { emit: m }) {
-    const t = j(s, "trigger"), c = j(s, "data"), h = s, C = m, E = _(null);
-    Z(
-      E,
-      () => {
-        t.value = null, c.value = null;
-      },
-      {
-        ignore: [t]
-      }
-    );
-    const { top: p, bottom: x, left: y } = ve(t), { width: M, height: k } = ge(E, void 0, { box: "border-box" }), { height: R } = ye(), o = I(() => {
-      const L = {
-        left: `min(${O(y.value)}, calc(100% - ${O(M.value + Q)}))`
-      }, g = x.value + h.menuListGap;
-      return g + k.value + Q > R.value ? L.bottom = `calc(100% - ${O(p.value - h.menuListGap)})` : L.top = O(g), L;
-    }), v = (L) => {
-      C("item-click", L), t.value = null, c.value = null;
-    };
-    return (L, g) => (r(), a("ul", {
-      class: "tr-history__menu-list",
-      ref_key: "menuRef",
-      ref: E,
-      style: ie(o.value)
-    }, [
-      (r(!0), a(S, null, V(h.items, (u) => (r(), a("li", {
-        class: "tr-history__menu-list__item",
-        key: u.id,
-        onClick: (K) => v(u)
-      }, [
-        (r(), H(Y(u.icon))),
-        w("span", null, B(u.text), 1)
-      ], 8, Ie))), 128))
-    ], 4));
+}), D = /* @__PURE__ */ k({
+  __name: "BubbleContentWrapper",
+  props: {
+    message: {},
+    contentIndex: {}
+  },
+  emits: ["state-change"],
+  setup(t, { emit: n }) {
+    const e = t, a = $e(() => e.message, e.contentIndex), c = n;
+    return Ne((s, b) => {
+      c("state-change", {
+        key: s,
+        value: b,
+        contentIndex: e.contentIndex
+      });
+    }), (s, b) => (m(), E(U(v(a)), T($(e)), null, 16));
   }
-}), Me = /* @__PURE__ */ z(xe, [["__scopeId", "data-v-89fdb41c"]]), be = ({
-  renameControlOnClickOutside: s,
-  onItemTitleChange: m
-}) => {
-  const t = _(void 0), c = _(null), h = I(() => {
-    var o;
-    return (o = c.value) == null ? void 0 : o.at(0);
-  }), C = _(null), E = I(() => {
-    var o;
-    return (o = C.value) == null ? void 0 : o.at(0);
-  }), p = _(null), x = I(() => {
-    var o;
-    return (o = p.value) == null ? void 0 : o.at(0);
-  }), y = _(""), M = (o) => {
-    t.value = o, y.value = o.title, se(() => {
-      const v = h.value;
-      v && (v.focus(), v.select());
+}), Pe = ["data-role", "data-placement"], we = { class: "tr-bubble__body" }, Ke = { class: "tr-bubble__content" }, De = { class: "tr-bubble__after" }, Ue = /* @__PURE__ */ k({
+  __name: "Bubble",
+  props: {
+    content: {},
+    reasoning_content: {},
+    tool_calls: {},
+    tool_call_id: {},
+    name: {},
+    role: {},
+    id: {},
+    loading: { type: Boolean },
+    state: {},
+    hidden: { type: Boolean },
+    avatar: {},
+    placement: { default: "start" },
+    shape: { default: "corner" },
+    contentRenderMode: { default: "single" },
+    fallbackBoxRenderer: {},
+    fallbackContentRenderer: {}
+  },
+  emits: ["state-change"],
+  setup(t, { emit: n }) {
+    const e = t, a = n;
+    H();
+    const c = Ge(), i = _(() => B(c)), s = _(() => {
+      var w;
+      if ((w = i.value) != null && w.messages.length)
+        return i.value.messages;
+      const { role: h, content: f, reasoning_content: u, tool_calls: r, tool_call_id: l, name: d, id: o, loading: p, state: I } = e;
+      return [{ role: h, content: f, reasoning_content: u, tool_calls: r, tool_call_id: l, name: d, id: o, loading: p, state: I }];
     });
-  }, k = () => {
-    t.value = void 0, y.value = "";
-  }, R = () => {
-    t.value && m(y.value, t.value), t.value = void 0, y.value = "";
+    Me({ fallbackBoxRenderer: () => e.fallbackBoxRenderer }), Te({ fallbackContentRenderer: () => e.fallbackContentRenderer });
+    const b = _(() => s.value.length === 0 ? !0 : e.hidden), x = _(() => e.contentRenderMode === "split" && s.value.length === 1 && Array.isArray(M(s.value[0])));
+    return (h, f) => me((m(), y("div", {
+      class: "tr-bubble",
+      "data-role": e.role,
+      "data-placement": e.placement
+    }, [
+      g(h.$slots, "prefix", {
+        messages: s.value,
+        role: t.role
+      }, void 0, !0),
+      K("div", we, [
+        e.avatar ? (m(), E(U(e.avatar), {
+          key: 0,
+          class: pe(["tr-bubble__avatar", h.$style["tr-bubble__avatar"]])
+        }, null, 8, ["class"])) : X("", !0),
+        K("div", Ke, [
+          x.value ? (m(!0), y(N, { key: 0 }, G(v(M)(s.value[0]), (u, r) => (m(), E(W, {
+            key: r,
+            class: "tr-bubble__box",
+            role: e.role,
+            placement: e.placement,
+            shape: e.shape,
+            messages: s.value,
+            "content-index": r
+          }, {
+            default: R(() => [
+              ge(D, {
+                message: s.value[0],
+                "content-index": r,
+                onStateChange: f[0] || (f[0] = (l) => a("state-change", { ...l, messageIndex: 0 }))
+              }, null, 8, ["message", "content-index"]),
+              g(h.$slots, "content-footer", {
+                messages: s.value,
+                role: e.role,
+                contentIndex: r
+              }, void 0, !0)
+            ]),
+            _: 2
+          }, 1032, ["role", "placement", "shape", "messages", "content-index"]))), 128)) : (m(), E(W, {
+            key: 1,
+            role: e.role,
+            placement: e.placement,
+            shape: e.shape,
+            messages: s.value
+          }, {
+            default: R(() => [
+              (m(!0), y(N, null, G(s.value, (u, r) => (m(), y(N, {
+                key: `message-${r}`
+              }, [
+                Array.isArray(v(M)(u)) ? (m(!0), y(N, { key: 0 }, G(v(M)(u), (l, d) => (m(), E(D, {
+                  key: `content-${d}`,
+                  message: u,
+                  "content-index": d,
+                  onStateChange: (o) => a("state-change", { ...o, messageIndex: r })
+                }, null, 8, ["message", "content-index", "onStateChange"]))), 128)) : (m(), E(D, {
+                  key: 1,
+                  message: u,
+                  onStateChange: (l) => a("state-change", { ...l, messageIndex: r })
+                }, null, 8, ["message", "onStateChange"]))
+              ], 64))), 128)),
+              g(h.$slots, "content-footer", {
+                messages: s.value,
+                role: e.role
+              }, void 0, !0)
+            ]),
+            _: 3
+          }, 8, ["role", "placement", "shape", "messages"]))
+        ]),
+        K("div", De, [
+          g(h.$slots, "after", {
+            messages: s.value,
+            role: t.role
+          }, void 0, !0)
+        ])
+      ]),
+      g(h.$slots, "suffix", {
+        messages: s.value,
+        role: t.role
+      }, void 0, !0)
+    ], 8, Pe)), [
+      [_e, !b.value]
+    ]);
+  }
+}), Ye = {
+  "tr-bubble__avatar": "_tr-bubble__avatar_1r87c_2"
+}, He = {
+  $style: Ye
+}, L = /* @__PURE__ */ P(Ue, [["__cssModules", He], ["__scopeId", "data-v-eb4c3985"]]);
+function V(t, n) {
+  const e = Y(t, (a, c) => {
+    c === !0 && a === !1 && (n(), e());
+  });
+  return e;
+}
+function je(t, n, e) {
+  const { scrollOnMount: a = !0, bottomThreshold: c = 20, scrollThrottle: i = 0 } = e ?? {}, s = q(!0);
+  let b = !1;
+  const x = /* @__PURE__ */ new Set(), h = () => ye(t), { y: f, isScrolling: u } = Re(h, { throttle: i }), r = (o) => o.scrollHeight - o.scrollTop - o.clientHeight <= c, l = async (o = "auto") => {
+    const p = B(h);
+    if (p && (await J(), p.scrollTo({ top: p.scrollHeight, behavior: o }), o === "smooth" && !r(p))) {
+      const I = V(u, () => {
+        p.scrollTo({ top: p.scrollHeight, behavior: "auto" }), x.delete(I);
+      });
+      x.add(I);
+    }
+  }, d = () => {
+    b || !s.value || (b = !0, requestAnimationFrame(async () => {
+      b = !1, await l("auto");
+    }));
   };
-  return (s === "confirm" || s === "cancel") && Z(
-    h,
+  return Y(
+    f,
+    () => {
+      const o = B(h);
+      o && (s.value = r(o));
+    },
+    { flush: "post" }
+  ), xe(
+    n,
     () => {
-      s === "confirm" ? R() : k();
+      d();
     },
-    { ignore: [E, x] }
-  ), {
-    editingItem: t,
-    editorRefList: c,
-    editorConfirmRefList: C,
-    editorCancelRefList: p,
-    editorValue: y,
-    handleEdit: M,
-    handleEditCancel: k,
-    handleEditConfirm: R
+    { flush: "post", throttle: 100 }
+  ), he(() => {
+    a && l("smooth");
+  }), Be(() => {
+    x.forEach((o) => {
+      o();
+    }), x.clear();
+  }), ve("keydown", (o) => {
+    if (o.key === "End" && !s.value) {
+      const p = V(u, () => {
+        l("auto"), x.delete(p);
+      });
+      x.add(p);
+    }
+  }), {
+    scrollToBottom: l
   };
-}, X = Symbol("NO_GROUP"), Te = {
-  key: 0,
-  class: "tr-history__group-title"
-}, $e = { class: "tr-history__group-items" }, Ge = ["onClick"], Oe = ["title"], Se = ["onClick"], Be = /* @__PURE__ */ P({
-  __name: "index",
+}
+const We = /* @__PURE__ */ k({
+  __name: "BubbleItem",
   props: {
-    data: {},
-    selected: {},
-    showRenameControls: { type: Boolean, default: !1 },
-    renameControlOnClickOutside: { default: "confirm" },
-    menuItems: { default: () => [
-      { id: "rename", text: "重命名", icon: ce },
-      { id: "delete", text: "删除", icon: de }
-    ] },
-    menuListGap: { default: 8 }
+    messageGroup: {},
+    roleConfig: {},
+    contentRenderMode: {}
   },
-  emits: ["item-click", "item-title-change", "item-action"],
-  setup(s, { emit: m }) {
-    const t = s, c = m, h = (i) => {
-      var f;
-      const e = typeof ((f = i[0]) == null ? void 0 : f.group);
-      return e === "string" || e === "symbol";
-    }, C = I(() => {
-      const i = t.data;
-      return h(i) ? i : [{ group: X, items: i }];
-    }), E = I(() => C.value.length === 0 || C.value.every((i) => i.items.length === 0)), {
-      editingItem: p,
-      editorRefList: x,
-      editorConfirmRefList: y,
-      editorCancelRefList: M,
-      editorValue: k,
-      handleEdit: R,
-      handleEditCancel: o,
-      handleEditConfirm: v
-    } = be({
-      renameControlOnClickOutside: t.renameControlOnClickOutside,
-      onItemTitleChange: (i, e) => {
-        c("item-title-change", i, e);
-      }
-    }), { isTouchDevice: L } = Ce(), g = _(null), u = _(null), K = (i, e) => {
-      if (i.currentTarget instanceof HTMLButtonElement) {
-        if (u.value === e) {
-          g.value = null, u.value = null;
-          return;
-        }
-        g.value = i.currentTarget, u.value = e;
-      } else
-        g.value = null, u.value = null;
-    }, ee = (i) => {
-      const e = u.value;
-      e && (i.id === "rename" && R(e), c("item-action", i, e));
+  emits: ["state-change"],
+  setup(t, { emit: n }) {
+    const e = t, a = n;
+    return Fe(() => e.messageGroup), (c, i) => (m(), E(L, A(t.roleConfig, {
+      role: t.messageGroup.role,
+      "content-render-mode": t.contentRenderMode,
+      onStateChange: i[0] || (i[0] = (s) => a("state-change", s))
+    }), {
+      prefix: R((s) => [
+        g(c.$slots, "prefix", T($(s)))
+      ]),
+      suffix: R((s) => [
+        g(c.$slots, "suffix", T($(s)))
+      ]),
+      "content-footer": R((s) => [
+        g(c.$slots, "content-footer", T($(s)))
+      ]),
+      after: R((s) => [
+        g(c.$slots, "after", T($(s)))
+      ]),
+      _: 3
+    }, 16, ["role", "content-render-mode"]));
+  }
+}), Ve = /* @__PURE__ */ k({
+  __name: "BubbleList",
+  props: {
+    messages: {},
+    groupStrategy: { type: [String, Function], default: "divider" },
+    dividerRole: { default: "user" },
+    fallbackRole: { default: "assistant" },
+    roleConfigs: {},
+    contentRenderMode: {},
+    autoScroll: { type: Boolean }
+  },
+  emits: ["state-change"],
+  setup(t, { expose: n, emit: e }) {
+    const a = t, c = e;
+    H();
+    const i = q(null);
+    let s = async () => {
     };
-    return (i, e) => (r(), a("div", {
-      class: U(["tr-history", { "touch-device": n(L) }])
+    if (a.autoScroll) {
+      const f = _(() => a.messages.at(-1)), { scrollToBottom: u } = je(i, () => {
+        var r, l;
+        return [
+          a.messages.length,
+          (r = f.value) == null ? void 0 : r.content,
+          (l = f.value) == null ? void 0 : l.reasoning_content
+        ];
+      });
+      s = u, Y(
+        () => {
+          var r;
+          return (r = f.value) == null ? void 0 : r.role;
+        },
+        async (r) => {
+          r === "user" && (await J(), u("smooth"));
+        }
+      );
+    }
+    const b = (f) => {
+      const u = [];
+      let r = !1;
+      for (const [l, d] of f.entries()) {
+        const o = u[u.length - 1];
+        Array.isArray(M(d)) ? (u.push({
+          role: d.role || "",
+          messages: [d],
+          messageIndexes: [l],
+          startIndex: l
+        }), r = !0) : o && o.role === d.role && !r ? (o.messages.push(d), o.messageIndexes.push(l)) : (u.push({
+          role: d.role || "",
+          messages: [d],
+          messageIndexes: [l],
+          startIndex: l
+        }), r = !1);
+      }
+      return u;
+    }, x = (f, u) => {
+      const r = [];
+      let l = !1;
+      for (const [d, o] of f.entries()) {
+        const p = r[r.length - 1], I = o.role === u;
+        Array.isArray(M(o)) ? (r.push({
+          role: o.role || "",
+          messages: [o],
+          messageIndexes: [d],
+          startIndex: d
+        }), l = !0) : p && p.role === u === I && !l ? (p.messages.push(o), p.messageIndexes.push(d)) : (r.push({
+          role: I ? u : o.role || "",
+          messages: [o],
+          messageIndexes: [d],
+          startIndex: d
+        }), l = !1);
+      }
+      return r;
+    }, h = _(() => a.messages.length === 0 ? [] : typeof a.groupStrategy == "function" ? a.groupStrategy(a.messages, a.dividerRole) : a.groupStrategy === "consecutive" ? b(a.messages) : x(a.messages, a.dividerRole));
+    return n({
+      scrollToBottom: s
+    }), (f, u) => (m(), y("div", {
+      class: "tr-bubble-list",
+      ref_key: "listRef",
+      ref: i
     }, [
-      E.value ? (r(), H(Re, { key: 1 })) : (r(), a(S, { key: 0 }, [
-        (r(!0), a(S, null, V(C.value, (f) => (r(), a("div", {
-          class: "tr-history__group",
-          key: f.group
-        }, [
-          f.group !== n(X) ? (r(), a("div", Te, B(f.group), 1)) : G("", !0),
-          w("div", $e, [
-            (r(!0), a(S, null, V(f.items, (l, te) => (r(), a("div", {
-              class: U(["tr-history__item", {
-                selected: l.id && l.id === t.selected,
-                editing: n(p) === l,
-                active: u.value === l
-              }]),
-              key: l.id || te,
-              onClick: (d) => c("item-click", l)
-            }, [
-              A(i.$slots, "item-prefix", { item: l }, void 0, !0),
-              l.icon ? (r(), H(Y(l.icon), { key: 0 })) : G("", !0),
-              n(p) === l ? q((r(), a("input", {
-                key: 1,
-                class: "tr-history__item-editor",
-                type: "text",
-                onClick: e[0] || (e[0] = J(() => {
-                }, ["stop"])),
-                ref_for: !0,
-                ref_key: "editorRefList",
-                ref: x,
-                "onUpdate:modelValue": e[1] || (e[1] = (d) => le(k) ? k.value = d : null),
-                onKeydown: [
-                  e[2] || (e[2] = F(
-                    //@ts-ignore
-                    (...d) => n(v) && n(v)(...d),
-                    ["enter"]
-                  )),
-                  e[3] || (e[3] = F(
-                    //@ts-ignore
-                    (...d) => n(o) && n(o)(...d),
-                    ["escape"]
-                  ))
-                ]
-              }, null, 544)), [
-                [re, n(k)]
-              ]) : A(i.$slots, "item-title", {
-                key: 2,
-                item: l
-              }, () => [
-                w("span", {
-                  class: "text",
-                  title: l.title
-                }, B(l.title), 9, Oe)
-              ], !0),
-              w("span", {
-                class: "tr-history__item-actions",
-                onClick: e[6] || (e[6] = J(() => {
-                }, ["stop"]))
-              }, [
-                t.showRenameControls && n(p) === l ? (r(), a("button", {
-                  key: 0,
-                  class: "editor-confirm",
-                  ref_for: !0,
-                  ref_key: "editorConfirmRefList",
-                  ref: y,
-                  onClick: e[4] || (e[4] = //@ts-ignore
-                  (...d) => n(v) && n(v)(...d))
-                }, [
-                  T(n(me))
-                ], 512)) : G("", !0),
-                t.showRenameControls && n(p) === l ? (r(), a("button", {
-                  key: 1,
-                  class: "editor-cancel",
-                  ref_for: !0,
-                  ref_key: "editorCancelRefList",
-                  ref: M,
-                  onClick: e[5] || (e[5] = //@ts-ignore
-                  (...d) => n(o) && n(o)(...d))
-                }, [
-                  T(n(fe))
-                ], 512)) : G("", !0),
-                w("button", {
-                  class: U(["menu", { hidden: n(p) === l }]),
-                  onClick: (d) => K(d, l)
-                }, [
-                  T(n(pe))
-                ], 10, Se)
-              ])
-            ], 10, Ge))), 128))
-          ])
-        ]))), 128)),
-        q(T(Me, {
-          trigger: g.value,
-          "onUpdate:trigger": e[7] || (e[7] = (f) => g.value = f),
-          data: u.value,
-          "onUpdate:data": e[8] || (e[8] = (f) => u.value = f),
-          items: t.menuItems,
-          "menu-list-gap": t.menuListGap,
-          onItemClick: ee
-        }, null, 8, ["trigger", "data", "items", "menu-list-gap"]), [
-          [ae, g.value]
-        ])
-      ], 64))
-    ], 2));
+      (m(!0), y(N, null, G(h.value, (r, l) => {
+        var d;
+        return m(), E(We, {
+          key: l,
+          role: r.role || a.fallbackRole,
+          "role-config": (d = a.roleConfigs) == null ? void 0 : d[r.role || a.fallbackRole],
+          "message-group": r,
+          "content-render-mode": a.contentRenderMode,
+          onStateChange: (o) => c("state-change", { ...o, messageIndex: r.startIndex + o.messageIndex })
+        }, {
+          prefix: R((o) => [
+            g(f.$slots, "prefix", A({ ref_for: !0 }, o, {
+              messageIndexes: r.messageIndexes
+            }), void 0, !0)
+          ]),
+          suffix: R((o) => [
+            g(f.$slots, "suffix", A({ ref_for: !0 }, o, {
+              messageIndexes: r.messageIndexes
+            }), void 0, !0)
+          ]),
+          "content-footer": R((o) => [
+            g(f.$slots, "content-footer", A({ ref_for: !0 }, o, {
+              messageIndexes: r.messageIndexes
+            }), void 0, !0)
+          ]),
+          after: R((o) => [
+            g(f.$slots, "after", A({ ref_for: !0 }, o, {
+              messageIndexes: r.messageIndexes
+            }), void 0, !0)
+          ]),
+          _: 2
+        }, 1032, ["role", "role-config", "message-group", "content-render-mode", "onStateChange"]);
+      }), 128))
+    ], 512));
+  }
+}), O = /* @__PURE__ */ P(Ve, [["__scopeId", "data-v-5336988b"]]), F = /* @__PURE__ */ k({
+  __name: "BubbleProvider",
+  props: {
+    boxRendererMatches: {},
+    contentRendererMatches: {},
+    fallbackBoxRenderer: { type: [Object, Function] },
+    fallbackContentRenderer: { type: [Object, Function] },
+    store: {}
+  },
+  setup(t) {
+    const n = t;
+    H(n.store);
+    const e = _(() => (n.boxRendererMatches || []).concat(ce).sort((s, b) => (s.priority ?? 0) - (b.priority ?? 0))), a = _(() => (n.contentRendererMatches || []).concat(ue).sort((s, b) => (s.priority ?? 0) - (b.priority ?? 0))), c = _(() => n.fallbackBoxRenderer || de), i = _(() => n.fallbackContentRenderer || ie);
+    return Ie({ boxRendererMatches: e, fallbackBoxRenderer: c }), Le({ contentRendererMatches: a, fallbackContentRenderer: i }), (s, b) => g(s.$slots, "default");
   }
-}), N = /* @__PURE__ */ z(Be, [["__scopeId", "data-v-97a7e8a2"]]), De = function(s) {
-  s.component(N.name, N);
+}), st = {
+  Box: ae,
+  Text: le
 };
-Object.assign(N, {
-  name: "TrHistory",
-  install: De
-});
+L.name = "TrBubble";
+const Xe = function(t) {
+  t.component(L.name, L);
+};
+L.install = Xe;
+const ot = L;
+O.name = "TrBubbleList";
+const ze = function(t) {
+  t.component(O.name, O);
+};
+O.install = ze;
+const rt = O;
+F.name = "TrBubbleProvider";
+const qe = function(t) {
+  t.component(F.name, F);
+};
+F.install = qe;
+const at = F;
 export {
-  N as H,
-  Ce as u
+  ot as B,
+  rt as a,
+  at as b,
+  et as c,
+  st as d,
+  Ae as e,
+  $e as f,
+  tt as g,
+  Oe as h,
+  nt as i,
+  je as u
 };