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

package/dist/index5.js

@@ -1,529 +1,301 @@
-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 Me(t) {
-  const { fallbackBoxRenderer: n } = t;
-  n && S(te, n);
-}
-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;
-  });
+import { onMounted as ne, onBeforeUnmount as oe, ref as _, defineComponent as P, openBlock as r, createElementBlock as a, createElementVNode as w, createVNode as T, unref as n, toDisplayString as B, useModel as W, computed as I, normalizeStyle as ie, Fragment as S, renderList as V, createBlock as H, resolveDynamicComponent as Y, mergeModels as j, nextTick as se, normalizeClass as U, createCommentVNode as G, renderSlot as q, withDirectives as A, withKeys as F, isRef as le, withModifiers as J, 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);
+  };
 }
-function Ne(t) {
-  S(re, t);
+function he() {
+  $ == null || $(), $ = void 0;
 }
-function tt() {
-  return C(re, (t, n) => {
-    console.warn(`[Bubble] State change function not found for key: ${t}`);
+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 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",
+const ke = { class: "tr-history__empty" }, Le = { class: "tr-history__empty-icon" }, Ee = { class: "tr-history__empty-text" }, we = /* @__PURE__ */ P({
+  __name: "Empty",
   props: {
-    role: {},
-    placement: {},
-    shape: {},
-    messages: {},
-    contentIndex: {}
+    text: { default: "暂无内容" }
   },
-  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")
+  setup(s) {
+    const m = s;
+    return (t, c) => (r(), a("div", ke, [
+      w("span", Le, [
+        T(n(ue))
       ]),
-      _: 3
-    }, 16, ["data-role", "data-placement", "data-shape"]));
-  }
-}), 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));
+      w("span", Ee, B(m.text), 1)
+    ]));
   }
-}), 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 }];
-    });
-    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
+}), Re = /* @__PURE__ */ z(we, [["__scopeId", "data-v-d0340c39"]]), Ie = ["onClick"], Q = 4, xe = /* @__PURE__ */ P({
+  __name: "MenuList",
+  props: /* @__PURE__ */ j({
+    items: {},
+    menuListGap: { default: 8 }
+  }, {
+    trigger: { default: null },
+    triggerModifiers: {},
+    data: { default: null },
+    dataModifiers: {}
+  }),
+  emits: /* @__PURE__ */ j(["item-click"], ["update:trigger", "update:data"]),
+  setup(s, { emit: m }) {
+    const t = W(s, "trigger"), c = W(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)
     }, [
-      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]
-    ]);
+      (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));
   }
-}), 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");
-    }));
+}), 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());
+    });
+  }, k = () => {
+    t.value = void 0, y.value = "";
+  }, R = () => {
+    t.value && m(y.value, t.value), t.value = void 0, y.value = "";
   };
-  return Y(
-    f,
-    () => {
-      const o = B(h);
-      o && (s.value = r(o));
-    },
-    { flush: "post" }
-  ), xe(
-    n,
+  return (s === "confirm" || s === "cancel") && Z(
+    h,
     () => {
-      d();
+      s === "confirm" ? R() : k();
     },
-    { 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
+    { ignore: [E, x] }
+  ), {
+    editingItem: t,
+    editorRefList: c,
+    editorConfirmRefList: C,
+    editorCancelRefList: p,
+    editorValue: y,
+    handleEdit: M,
+    handleEditCancel: k,
+    handleEditConfirm: R
   };
-}
-const We = /* @__PURE__ */ k({
-  __name: "BubbleItem",
-  props: {
-    messageGroup: {},
-    roleConfig: {},
-    contentRenderMode: {}
-  },
-  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",
+}, 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",
   props: {
-    messages: {},
-    groupStrategy: { type: [String, Function], default: "divider" },
-    dividerRole: { default: "user" },
-    fallbackRole: { default: "assistant" },
-    roleConfigs: {},
-    contentRenderMode: {},
-    autoScroll: { type: Boolean }
+    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 }
   },
-  emits: ["state-change"],
-  setup(t, { expose: n, emit: e }) {
-    const a = t, c = e;
-    H();
-    const i = q(null);
-    let s = async () => {
-    };
-    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);
+  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);
       }
-      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
+    }), { 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));
+    };
+    return (i, e) => (r(), a("div", {
+      class: U(["tr-history", { "touch-device": n(L) }])
     }, [
-      (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");
+      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)
+            }, [
+              q(i.$slots, "item-prefix", { item: l }, void 0, !0),
+              l.icon ? (r(), H(Y(l.icon), { key: 0 })) : G("", !0),
+              n(p) === l ? A((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)]
+              ]) : q(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)),
+        A(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));
   }
-}), st = {
-  Box: ae,
-  Text: le
+}), N = /* @__PURE__ */ z(Be, [["__scopeId", "data-v-97a7e8a2"]]), De = function(s) {
+  s.component(N.name, N);
 };
-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;
+Object.assign(N, {
+  name: "TrHistory",
+  install: De
+});
 export {
-  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
+  N as H,
+  Ce as u
 };