@opentiny/tiny-robot 0.4.0-alpha.13 → 0.4.0-alpha.15

package/dist/index6.js

@@ -1,939 +1,161 @@
-import { defineComponent as k, openBlock as _, createElementBlock as B, renderSlot as C, ref as L, computed as y, watch as H, unref as E, normalizeClass as K, createVNode as j, watchEffect as q, nextTick as ee, Fragment as w, createElementVNode as R, toDisplayString as z, withDirectives as Z, vShow as Q, createBlock as I, resolveDynamicComponent as Y, normalizeProps as D, guardReactiveProps as P, createCommentVNode as se, useCssModule as Ye, renderList as W, mergeProps as F, markRaw as O, inject as T, provide as $, toValue as S, reactive as Je, readonly as We, withCtx as M, onMounted as ve, onUnmounted as je } from "vue";
+import { onMounted as U, nextTick as B, h as C, render as R, onBeforeUnmount as D, defineComponent as b, Teleport as W, computed as h, ref as E, openBlock as g, createBlock as F, Transition as j, normalizeProps as q, guardReactiveProps as L, withCtx as Z, createElementBlock as G, renderSlot as J, createCommentVNode as K, useSlots as Q, watch as X, useAttrs as Y, resolveDynamicComponent as ee, unref as S, mergeProps as k, createVNode as te } from "vue";
+import { b as oe, c as re, e as ne } from "./index5.js";
+import { t as u } from "./utils.js";
 import { _ as N } from "./_plugin-vue_export-helper.js";
-import { IconLoading as he, IconAtom as ze, IconArrowDown as ye, IconPlugin as fe, IconError as Ve, IconCancelled as Xe } from "@opentiny/tiny-robot-svgs";
-import { i as qe, w as Ze, g as Qe, a as et } 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-prop-fallback-renderer"
-), Ee = Symbol("bubble-content-renderer-matches"), ke = Symbol(
-  "bubble-content-fallback-renderer"
-), Se = Symbol(
-  "bubble-content-prop-fallback-renderer"
-), oe = Symbol("bubble-store"), Ie = Symbol("bubble-state-change-fn"), Te = Symbol("bubble-list-context"), G = {
-  LOADING: -1,
-  NORMAL: 0,
-  CONTENT: 10,
-  ROLE: 20
-}, tt = {
-  class: "tr-bubble__box",
-  "data-box-type": "box"
-}, nt = /* @__PURE__ */ k({
-  __name: "Box",
-  props: {
-    placement: {},
-    shape: {}
-  },
-  setup(t) {
-    return (e, n) => (_(), B("div", tt, [
-      C(e.$slots, "default", {}, void 0, !0)
-    ]));
-  }
-}), re = /* @__PURE__ */ N(nt, [["__scopeId", "data-v-98101726"]]), ot = ["src", "alt"], st = /* @__PURE__ */ k({
-  __name: "Image",
-  props: {
-    message: {},
-    contentIndex: {}
-  },
-  setup(t) {
-    const e = t, n = L(!1), s = L(!1), { content: a } = ie(e), i = y(() => a.value ? typeof a.value.image_url == "string" ? a.value.image_url : a.value.image_url.url : null);
-    H(i, () => {
-      n.value = !1, s.value = !1;
-    });
-    const o = () => {
-      n.value = !0, s.value = !1;
-    }, r = () => {
-      s.value = !0, n.value = !0;
-    };
-    return (u, b) => {
-      var v;
-      return _(), B("img", {
-        class: K(["tr-bubble__image", { loading: !n.value }]),
-        src: i.value,
-        alt: (v = E(a)) == null ? void 0 : v.text,
-        loading: "lazy",
-        onLoad: o,
-        onError: r,
-        "data-type": "image"
-      }, null, 42, ot);
-    };
-  }
-}), Le = /* @__PURE__ */ N(st, [["__scopeId", "data-v-e59794cb"]]), rt = {
-  class: "tr-bubble__loading",
-  "data-type": "loading"
-}, at = /* @__PURE__ */ k({
-  __name: "Loading",
-  props: {
-    message: {},
-    contentIndex: {}
-  },
-  setup(t) {
-    return (e, n) => (_(), B("div", rt, [
-      j(E(he))
-    ]));
-  }
-}), Me = /* @__PURE__ */ N(at, [["__scopeId", "data-v-bc1b5ff4"]]), lt = {
-  class: "tr-bubble__reasoning",
-  "data-type": "reasoning"
-}, ct = { class: "title" }, ut = { class: "detail" }, it = /* @__PURE__ */ k({
-  __name: "Reasoning",
-  props: {
-    message: {},
-    contentIndex: {}
-  },
-  setup(t) {
-    const e = t, { restMessage: n, restProps: s } = Ke(e, ["reasoning_content"]), a = le(n, e.contentIndex), i = L(!1);
-    q(() => {
-      var b;
-      i.value = ((b = e.message.state) == null ? void 0 : b.open) ?? !1;
-    });
-    const o = He(), r = () => {
-      i.value = !i.value, o("open", i.value);
-    }, u = L(null);
-    return H(
-      () => e.message.reasoning_content,
-      () => {
-        ee(() => {
-          u.value && u.value.scrollTo({
-            top: u.value.scrollHeight,
-            behavior: "smooth"
-          });
-        });
-      }
-    ), (b, v) => {
-      var p, m;
-      return _(), B(w, null, [
-        R("div", lt, [
-          R("div", {
-            class: "header",
-            onClick: r
-          }, [
-            R("div", {
-              class: K(["icon-and-text", { thinking: (p = e.message.state) == null ? void 0 : p.thinking }])
-            }, [
-              j(E(ze)),
-              R("span", ct, z((m = e.message.state) != null && m.thinking ? "正在思考" : "已思考"), 1)
-            ], 2),
-            j(E(ye), {
-              class: K(["expand-icon", { "-rotate-90": !i.value }])
-            }, null, 8, ["class"])
-          ]),
-          Z(R("div", ut, [
-            v[0] || (v[0] = R("div", { class: "side-border" }, [
-              R("div", { class: "dot-wrapper" }, [
-                R("div", { class: "dot" })
-              ]),
-              R("div", { class: "border-line" })
-            ], -1)),
-            R("p", {
-              class: "detail-content",
-              ref_key: "detailRef",
-              ref: u
-            }, z(e.message.reasoning_content), 513)
-          ], 512), [
-            [Q, i.value]
-          ])
-        ]),
-        (_(), I(Y(E(a)), D(P(E(s))), null, 16))
-      ], 64);
-    };
-  }
-}), $e = /* @__PURE__ */ N(it, [["__scopeId", "data-v-a8e2bce1"]]), dt = {
-  key: 0,
-  class: "tr-bubble__text",
-  "data-type": "text"
-}, ft = /* @__PURE__ */ k({
-  __name: "Text",
-  props: {
-    message: {},
-    contentIndex: {}
-  },
-  setup(t) {
-    const e = t, { contentText: n } = ie(e);
-    return (s, a) => E(n) ? (_(), B("p", dt, z(E(n)), 1)) : se("", !0);
-  }
-}), ae = /* @__PURE__ */ N(ft, [["__scopeId", "data-v-93592ecb"]]), Ae = /* @__PURE__ */ k({
-  __name: "ToolRole",
-  props: {
-    message: {},
-    contentIndex: {}
-  },
-  setup(t) {
-    const e = t, n = ue();
-    return q(() => {
-      e.message.tool_call_id && (n.toolCallResults || (n.toolCallResults = {}), n.toolCallResults[e.message.tool_call_id] = e.message.content ?? "");
-    }), (s, a) => se("", !0);
-  }
-}), pt = {
-  class: "tr-bubble__tool-call",
-  "data-type": "tool-call"
-}, bt = { class: "header" }, _t = { class: "header-left" }, mt = { class: "title" }, gt = { class: "header-right" }, vt = { class: "divider" }, ht = ["innerHTML"], yt = /* @__PURE__ */ k({
-  __name: "Tool",
-  props: {
-    message: {},
-    contentIndex: {},
-    toolCallIndex: {}
-  },
-  setup(t) {
-    const e = t, { toolCall: n, toolCallWithResult: s, state: a } = Dt(e), i = /* @__PURE__ */ new Map([
-      ["running", { text: "正在调用", icon: he }],
-      ["success", { text: "已调用", icon: fe }],
-      ["failed", { text: "调用失败", icon: Ve }],
-      ["cancelled", { text: "已取消", icon: Xe }]
-    ]), o = y(() => {
-      var d;
-      return i.get(((d = a.value) == null ? void 0 : d.status) || "") || { text: "", icon: fe };
-    }), r = (d, g = 2) => {
-      let x = "";
-      try {
-        typeof d == "string" ? x = JSON.stringify(JSON.parse(d), null, g) : x = JSON.stringify(d, null, g);
-      } catch {
-      }
-      return x;
-    }, u = Ye(), b = (d) => d.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), v = (d) => {
-      if (!d)
-        return "";
-      let g = b(d);
-      return g = g.replace(
-        /("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?)/g,
-        (x) => {
-          let A = "number";
-          return /^"/.test(x) ? A = /:$/.test(x) ? "key" : "string" : /true|false/.test(x) ? A = "boolean" : /null/.test(x) && (A = "null"), `<span class="${u[A]}">${x}</span>`;
-        }
-      ), g;
-    }, p = y(() => r(s.value, 2)), m = y(() => v(p.value)), l = L(null);
-    H(p, (d, g) => {
-      g === "" || g === "{}" || ee(() => {
-        l.value && l.value.scrollTo({
-          top: l.value.scrollHeight,
-          behavior: "smooth"
-        });
-      });
+import { u as se } from "./useSlotRefs.js";
+const pe = b({
+  setup: (r) => () => C(W, r.propsFactory(), r.vnodeFactory()),
+  props: ["propsFactory", "vnodeFactory"]
+});
+function ae(r, n) {
+  let e = null, t = null, s = !1;
+  U(() => {
+    B(() => {
+      s || (t = document.createElement("div"), e = C(pe, { propsFactory: r, vnodeFactory: n }), R(e, t));
     });
-    const f = L(!1);
-    q(() => {
-      f.value = a.value.open ?? !1;
+  }), D(() => {
+    s = !0, B(() => {
+      t && (R(null, t), t.remove(), e = null, t = null);
     });
-    const h = He(), c = () => {
-      var g, x;
-      f.value = !f.value;
-      const d = (g = n.value) == null ? void 0 : g.id;
-      d && h("toolCall", {
-        ...(x = e.message.state) == null ? void 0 : x.toolCall,
-        [d]: { ...a.value, open: f.value }
-      });
-    };
-    return (d, g) => {
-      var x;
-      return _(), B("div", pt, [
-        R("div", bt, [
-          R("div", _t, [
-            (_(), I(Y(o.value.icon), {
-              class: K(["header-icon", `icon-${E(a).status}`])
-            }, null, 8, ["class"])),
-            R("span", null, [
-              R("span", null, z(o.value.text) + " ", 1),
-              R("span", mt, z(((x = E(n)) == null ? void 0 : x.function.name) || "Untitled"), 1)
-            ])
-          ]),
-          R("div", gt, [
-            j(E(ye), {
-              class: K(["expand-icon", { "-rotate-90": !f.value }]),
-              onClick: c
-            }, null, 8, ["class"])
-          ])
-        ]),
-        Z(R("div", vt, null, 512), [
-          [Q, f.value]
-        ]),
-        Z(R("div", {
-          class: "detail",
-          innerHTML: m.value,
-          ref_key: "detailRef",
-          ref: l
-        }, null, 8, ht), [
-          [Q, f.value]
-        ])
-      ]);
-    };
-  }
-}), xt = "_key_1b448_2", Rt = "_number_1b448_6", Bt = "_string_1b448_10", Ct = "_boolean_1b448_14", Et = {
-  key: xt,
-  number: Rt,
-  string: Bt,
-  boolean: Ct,
-  null: "_null_1b448_18"
-}, kt = {
-  $style: Et
-}, Ne = /* @__PURE__ */ N(yt, [["__cssModules", kt], ["__scopeId", "data-v-d5b7675f"]]), Oe = /* @__PURE__ */ k({
-  __name: "Tools",
-  props: {
-    message: {},
-    contentIndex: {}
-  },
-  setup(t) {
-    const e = t, { restMessage: n, restProps: s } = Ke(e, ["tool_calls"]), a = le(n, e.contentIndex);
-    return (i, o) => (_(), B(w, null, [
-      (_(), I(Y(E(a)), D(P(E(s))), null, 16)),
-      (_(!0), B(w, null, W(e.message.tool_calls, (r, u) => (_(), I(Ne, F({
-        key: r.id
-      }, { ref_for: !0 }, e, { "tool-call-index": u }), null, 16, ["tool-call-index"]))), 128))
-    ], 64));
-  }
-}), we = [
-  {
-    find: (t, e) => (e == null ? void 0 : e.type) === "image_url",
-    renderer: O(re),
-    priority: G.NORMAL,
-    attributes: { "data-box-type": "image" }
-  }
-], De = [
-  {
-    find: (t) => !!t.loading,
-    renderer: O(Me),
-    priority: G.LOADING
-  },
-  {
-    find: (t) => typeof t.reasoning_content == "string",
-    renderer: O($e),
-    priority: G.NORMAL
-  },
-  {
-    find: (t) => Array.isArray(t.tool_calls) && t.tool_calls.length > 0,
-    renderer: O(Oe),
-    priority: G.NORMAL
-  },
-  {
-    find: (t, e) => e.type === "image_url",
-    renderer: O(Le),
-    priority: G.CONTENT
-  },
-  {
-    find: (t) => t.role === "tool",
-    renderer: O(Ae),
-    priority: G.ROLE
-  }
-], Fe = O(re), Pe = O(ae), pe = Symbol("BUBBLE_CONTENT_RESOLVER_KEY"), te = (t) => {
-  const e = T(pe, void 0), n = e ?? t;
-  return !e && t && $(pe, t), n ? (a) => {
-    const i = S(n);
-    return i == null ? void 0 : i(a);
-  } : (a) => a.content;
-};
-function St(t) {
-  const { boxRendererMatches: e, fallbackBoxRenderer: n } = t;
-  e && $(Re, e), n && $(Be, n);
-}
-function It(t) {
-  const { fallbackBoxRenderer: e } = t;
-  e && $(Ce, e);
-}
-function Tt(t, e) {
-  const n = T(Re, we), s = T(Be, void 0), a = T(Ce, void 0), i = te();
-  if (typeof e == "number" && S(t).length !== 1)
-    throw new Error("[BubbleBoxRenderer] When contentIndex is a number, messages array length must be 1");
-  const o = (r) => {
-    if (r.length !== 1)
-      return { content: void 0, index: void 0 };
-    const u = i(r.at(0));
-    return {
-      content: Array.isArray(u) ? u.at(e ?? 0) : { type: "text", text: u || "" },
-      index: e ?? 0
-    };
-  };
-  return y(() => {
-    const r = S(t), { content: u, index: b } = o(r), v = S(n).find((p) => p.find(r, u, b));
-    return v ? {
-      renderer: v.renderer,
-      attributes: v.attributes
-    } : {
-      renderer: S(a) || S(s) || Fe
-    };
   });
 }
-function Lt(t) {
-  const { contentRendererMatches: e, fallbackContentRenderer: n } = t;
-  e && $(Ee, e), n && $(ke, n);
-}
-function Mt(t) {
-  const { fallbackContentRenderer: e } = t;
-  e && $(Se, e);
-}
-function le(t, e) {
-  const n = T(Ee, De), s = T(ke, void 0), a = T(Se, void 0), i = te();
-  return y(() => {
-    const o = S(t), r = i(o), u = Array.isArray(r) ? r.at(e ?? 0) : { type: "text", text: r || "" }, b = S(n).find((v) => v.find(o, u, e));
-    return b ? b.renderer : S(a) || S(s) || Pe;
-  });
-}
-function $t(t) {
-  $(Ie, t);
-}
-function He() {
-  return T(Ie, (t, e) => {
-    console.warn(`[Bubble] State change function not found for key: ${t}`);
+function ce(r, n) {
+  return h(() => {
+    var v;
+    if (n instanceof HTMLElement)
+      return n;
+    const e = n, t = oe(r), s = (v = t == null ? void 0 : t.getRootNode) == null ? void 0 : v.call(t), i = s instanceof ShadowRoot, d = i ? s : document.body;
+    if (e) {
+      if (!i && e === "body")
+        return document.body;
+      const f = d.querySelector(e);
+      if (f instanceof Node) return f;
+    }
+    return d;
   });
 }
-function ce(t) {
-  const e = T(oe, void 0);
-  if (e)
-    return e;
-  const n = Je(t || {});
-  return $(oe, n), n;
-}
-function ue() {
-  return T(oe, {});
-}
-function Ge(t) {
-  H(
-    t,
-    (e, n, s) => {
-      if (!e) return;
-      const a = (i) => {
-        var u;
-        const o = window.getSelection();
-        if (!e.contains((o == null ? void 0 : o.anchorNode) || null)) return;
-        i.preventDefault();
-        const r = (o == null ? void 0 : o.toString().replace(/\n{2,}/g, `
-`)) || "";
-        (u = i.clipboardData) == null || u.setData("text/plain", r);
-      };
-      e.addEventListener("copy", a), s(() => e.removeEventListener("copy", a));
-    },
-    { immediate: !0, flush: "post" }
-  );
-}
-const ie = (t) => {
-  const e = te(), n = y(() => {
-    const a = e(t.message);
-    return Array.isArray(a) ? a.at(t.contentIndex) : { type: "text", text: a || "" };
-  }), s = y(() => n.value.type === "text" ? String(n.value.text) : "");
-  return {
-    content: n,
-    contentText: s
-  };
-};
-function At(t) {
-  $(xe, t);
-}
-function Nt() {
-  return T(xe, void 0);
-}
-function Ke(t, e) {
-  const n = y(() => {
-    const a = Object.entries(t.message).filter(([i]) => !e.includes(i));
-    return Object.fromEntries(a);
-  }), s = y(() => ({
-    ...t,
-    message: n.value
-  }));
-  return {
-    restMessage: n,
-    restProps: s
-  };
-}
-let ne = null;
-const Ot = () => (ne || (ne = import("./index5.js")), ne);
-let J = null;
-const wt = async () => {
-  if (J)
-    return J;
-  try {
-    const [t, e] = await Promise.all([import("markdown-it"), import("dompurify")]);
-    return J = { markdown: t.default, dompurify: e.default }, J;
-  } catch {
-    return console.warn("[BubbleMarkdownRenderer] install markdown-it and dompurify to use markdown renderer"), J = null, null;
-  }
-}, be = ["running", "success", "failed", "cancelled"], Dt = (t) => {
-  const e = y(() => {
-    var o, r;
-    return (r = (o = t.message) == null ? void 0 : o.tool_calls) == null ? void 0 : r[t.toolCallIndex];
-  }), n = ue(), s = y(() => {
-    var v, p, m;
-    let o = n.toolCallDefaultStatus;
-    o && !be.includes(o) && (o = void 0);
-    const r = n.toolCallDefaultOpen;
-    let u = {
-      status: o,
-      open: r
-    };
-    const b = (v = e.value) == null ? void 0 : v.id;
-    if (b) {
-      const l = (m = (p = t.message.state) == null ? void 0 : p.toolCall) == null ? void 0 : m[b];
-      if (l) {
-        const { status: f, open: h, ...c } = l;
-        f && be.includes(f) && (u.status = f), h !== void 0 && (u.open = h), u = { ...u, ...c };
-      }
-    }
-    return u;
-  }), a = y(() => {
-    var r, u;
-    const o = (r = e.value) == null ? void 0 : r.id;
-    if (o)
-      return (u = n.toolCallResults) == null ? void 0 : u[o];
-  }), i = L({});
-  return q(() => {
-    var u;
-    const o = (u = e.value) == null ? void 0 : u.function.arguments, r = a.value;
-    Ot().then(({ jsonrepair: b }) => {
-      const v = b(typeof o == "string" ? o || "{}" : JSON.stringify(o));
-      i.value = {
-        arguments: JSON.parse(v),
-        result: r ? JSON.parse(b(r || "{}")) : void 0
-      };
-    }).catch((b) => {
-      console.warn(b);
-    });
-  }), {
-    toolCall: e,
-    toolCallWithResult: We(i),
-    state: s
-  };
-}, _e = /* @__PURE__ */ k({
-  __name: "BubbleBoxWrapper",
+const ie = /* @__PURE__ */ b({
+  __name: "Popper",
   props: {
-    role: {},
-    placement: {},
-    shape: {},
-    messages: {},
-    contentIndex: {}
-  },
-  setup(t) {
-    const e = t, n = Tt(() => e.messages, e.contentIndex);
-    return (s, a) => (_(), I(Y(E(n).renderer), F({
-      "data-role": e.role,
-      "data-placement": e.placement,
-      "data-shape": e.shape
-    }, E(n).attributes), {
-      default: M(() => [
-        C(s.$slots, "default")
+    show: { type: Boolean },
+    transitionProps: {}
+  },
+  setup(r, { expose: n }) {
+    const e = E(null);
+    return n({
+      popperRef: e
+    }), (t, s) => (g(), F(j, q(L(r.transitionProps)), {
+      default: Z(() => [
+        r.show ? (g(), G("div", {
+          key: 0,
+          class: "tr-base-popper",
+          ref_key: "popperRef",
+          ref: e
+        }, [
+          J(t.$slots, "default", {}, void 0, !0)
+        ], 512)) : K("", !0)
       ]),
       _: 3
-    }, 16, ["data-role", "data-placement", "data-shape"]));
-  }
-}), me = /* @__PURE__ */ k({
-  __name: "BubbleContentWrapper",
-  props: {
-    message: {},
-    contentIndex: {}
-  },
-  emits: ["state-change"],
-  setup(t, { emit: e }) {
-    const n = t, s = le(() => n.message, n.contentIndex), a = e;
-    return $t((o, r) => {
-      a("state-change", {
-        key: o,
-        value: r,
-        contentIndex: n.contentIndex
-      });
-    }), (o, r) => (_(), I(Y(E(s)), D(P(n)), null, 16));
+    }, 16));
   }
-}), Ft = ["data-role", "data-placement"], Pt = { class: "tr-bubble__body" }, Ht = { class: "tr-bubble__content" }, Gt = { class: "tr-bubble__after" }, Kt = /* @__PURE__ */ k({
-  __name: "Bubble",
+}), le = /* @__PURE__ */ N(ie, [["__scopeId", "data-v-25c13ab7"]]), ue = /* @__PURE__ */ b({
+  inheritAttrs: !1,
+  __name: "index",
   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" },
-    contentResolver: { type: Function, default: (t) => t.content },
-    fallbackBoxRenderer: {},
-    fallbackContentRenderer: {}
-  },
-  emits: ["state-change"],
-  setup(t, { emit: e }) {
-    const n = t, s = te(() => n.contentResolver), a = e;
-    ce();
-    const i = Nt(), o = y(() => S(i)), r = y(() => {
-      var de;
-      if ((de = o.value) != null && de.messages.length)
-        return o.value.messages;
-      const { role: l, content: f, reasoning_content: h, tool_calls: c, tool_call_id: d, name: g, id: x, loading: A, state: Ue } = n;
-      return [{ role: l, content: f, reasoning_content: h, tool_calls: c, tool_call_id: d, name: g, id: x, loading: A, state: Ue }];
-    }), u = (l) => {
-      const f = s(l);
-      return Array.isArray(f) ? f : [{ type: "text", text: f || "" }];
-    };
-    It({ fallbackBoxRenderer: () => n.fallbackBoxRenderer }), Mt({ fallbackContentRenderer: () => n.fallbackContentRenderer });
-    const b = y(() => r.value.length === 0 ? !0 : n.hidden), v = y(() => {
-      if (n.contentRenderMode === "split" && r.value.length === 1) {
-        const l = s(r.value.at(0));
-        if (Array.isArray(l))
-          return l;
-      }
-      return null;
-    }), p = T(Te, !1), m = L(null);
-    return p || Ge(m), (l, f) => Z((_(), B("div", {
-      class: "tr-bubble",
-      ref_key: "bubbleRef",
-      ref: m,
-      "data-role": n.role,
-      "data-placement": n.placement
-    }, [
-      C(l.$slots, "prefix", {
-        messages: r.value,
-        role: t.role
-      }, void 0, !0),
-      R("div", Pt, [
-        n.avatar ? (_(), I(Y(n.avatar), {
-          key: 0,
-          class: K(["tr-bubble__avatar", l.$style["tr-bubble__avatar"]])
-        }, null, 8, ["class"])) : se("", !0),
-        R("div", Ht, [
-          v.value ? (_(!0), B(w, { key: 0 }, W(v.value, (h, c) => (_(), I(_e, {
-            key: c,
-            class: "tr-bubble__box",
-            role: n.role,
-            placement: n.placement,
-            shape: n.shape,
-            messages: r.value,
-            "content-index": c
-          }, {
-            default: M(() => [
-              j(me, {
-                message: r.value.at(0),
-                "content-index": c,
-                onStateChange: f[0] || (f[0] = (d) => a("state-change", { ...d, messageIndex: 0 }))
-              }, null, 8, ["message", "content-index"]),
-              C(l.$slots, "content-footer", {
-                messages: r.value,
-                role: n.role,
-                contentIndex: c
-              }, void 0, !0)
-            ]),
-            _: 2
-          }, 1032, ["role", "placement", "shape", "messages", "content-index"]))), 128)) : (_(), I(_e, {
-            key: 1,
-            role: n.role,
-            placement: n.placement,
-            shape: n.shape,
-            messages: r.value
-          }, {
-            default: M(() => [
-              (_(!0), B(w, null, W(r.value, (h, c) => (_(), B(w, {
-                key: `message-${c}`
-              }, [
-                (_(!0), B(w, null, W(u(h), (d, g) => (_(), I(me, {
-                  key: `content-${g}`,
-                  message: h,
-                  "content-index": g,
-                  onStateChange: (x) => a("state-change", { ...x, messageIndex: c })
-                }, null, 8, ["message", "content-index", "onStateChange"]))), 128))
-              ], 64))), 128)),
-              C(l.$slots, "content-footer", {
-                messages: r.value,
-                role: n.role
-              }, void 0, !0)
-            ]),
-            _: 3
-          }, 8, ["role", "placement", "shape", "messages"]))
-        ]),
-        R("div", Gt, [
-          C(l.$slots, "after", {
-            messages: r.value,
-            role: t.role
-          }, void 0, !0)
-        ])
-      ]),
-      C(l.$slots, "suffix", {
-        messages: r.value,
-        role: t.role
-      }, void 0, !0)
-    ], 8, Ft)), [
-      [Q, !b.value]
-    ]);
-  }
-}), Ut = {
-  "tr-bubble__avatar": "_tr-bubble__avatar_1r87c_2"
-}, Yt = {
-  $style: Ut
-}, U = /* @__PURE__ */ N(Kt, [["__cssModules", Yt], ["__scopeId", "data-v-2d927bba"]]);
-function ge(t, e) {
-  const n = H(t, (s, a) => {
-    a === !0 && s === !1 && (e(), n());
-  });
-  return n;
-}
-function Jt(t, e, n) {
-  const { scrollOnMount: s = !0, bottomThreshold: a = 20, scrollThrottle: i = 0 } = n ?? {}, o = L(!0);
-  let r = !1;
-  const u = /* @__PURE__ */ new Set(), b = () => et(t), { y: v, isScrolling: p, arrivedState: m } = qe(b, { throttle: i }), l = (c) => c.scrollHeight - c.scrollTop - c.clientHeight <= a, f = async (c = "auto") => {
-    const d = S(b);
-    if (d && (await ee(), d.scrollTo({ top: d.scrollHeight, behavior: c }), c === "smooth" && !l(d))) {
-      const g = ge(p, () => {
-        d.scrollTo({ top: d.scrollHeight, behavior: "auto" }), u.delete(g);
-      });
-      u.add(g);
-    }
-  }, h = () => {
-    r || !o.value || (r = !0, requestAnimationFrame(async () => {
-      r = !1, await f("auto");
-    }));
-  };
-  return H(
-    v,
-    () => {
-      const c = S(b);
-      c && (o.value = l(c));
+    appendTo: {},
+    offset: {},
+    placement: {
+      default: "top-center"
     },
-    { flush: "post" }
-  ), Ze(
-    e,
-    () => {
-      h();
+    preventOverflow: {
+      type: Boolean
     },
-    { flush: "post", throttle: 100 }
-  ), ve(() => {
-    s && f("smooth");
-  }), je(() => {
-    u.forEach((c) => {
-      c();
-    }), u.clear();
-  }), Qe("keydown", (c) => {
-    if (c.key === "End" && !o.value) {
-      const d = ge(p, () => {
-        f("auto"), u.delete(d);
-      });
-      u.add(d);
-    }
-  }), {
-    scrollToBottom: f,
-    arrivedState: m
-  };
-}
-const Wt = /* @__PURE__ */ k({
-  __name: "BubbleItem",
-  props: {
-    messageGroup: {},
-    roleConfig: {},
-    contentRenderMode: {},
-    contentResolver: { type: Function }
-  },
-  emits: ["state-change"],
-  setup(t, { emit: e }) {
-    const n = t, s = e;
-    return At(() => n.messageGroup), (a, i) => (_(), I(U, F(t.roleConfig, {
-      role: t.messageGroup.role,
-      "content-render-mode": t.contentRenderMode,
-      "content-resolver": t.contentResolver,
-      onStateChange: i[0] || (i[0] = (o) => s("state-change", o))
+    show: {
+      type: Boolean
+    },
+    transitionProps: {},
+    triggerEvents: {}
+  },
+  setup(r, {
+    expose: n
+  }) {
+    const e = r, t = Q(), {
+      vnodes: s,
+      ref: i,
+      setRef: d
+    } = se(t.trigger), v = (o = {}) => {
+      const p = {};
+      for (const [c, a] of Object.entries(o))
+        /^on[A-Z]/.test(c) && typeof a == "function" && (p[c] = a);
+      return p;
+    }, f = E(null), _ = h(() => {
+      var o;
+      return ((o = f.value) == null ? void 0 : o.popperRef) || null;
+    }), m = h(() => {
+      var o, p;
+      return typeof e.offset == "number" ? {
+        mainAxis: e.offset,
+        crossAxis: 0
+      } : {
+        mainAxis: ((o = e.offset) == null ? void 0 : o.mainAxis) ?? 0,
+        crossAxis: ((p = e.offset) == null ? void 0 : p.crossAxis) ?? 0
+      };
     }), {
-      prefix: M((o) => [
-        C(a.$slots, "prefix", D(P(o)))
-      ]),
-      suffix: M((o) => [
-        C(a.$slots, "suffix", D(P(o)))
-      ]),
-      "content-footer": M((o) => [
-        C(a.$slots, "content-footer", D(P(o)))
-      ]),
-      after: M((o) => [
-        C(a.$slots, "after", D(P(o)))
-      ]),
-      _: 3
-    }, 16, ["role", "content-render-mode", "content-resolver"]));
-  }
-}), jt = /* @__PURE__ */ k({
-  __name: "BubbleList",
-  props: {
-    messages: {},
-    groupStrategy: { type: [String, Function], default: "divider" },
-    dividerRole: { default: "user" },
-    fallbackRole: { default: "assistant" },
-    roleConfigs: {},
-    contentRenderMode: {},
-    contentResolver: { type: Function, default: (t) => t.content },
-    autoScroll: { type: Boolean }
-  },
-  emits: ["state-change"],
-  setup(t, { expose: e, emit: n }) {
-    const s = t, a = n;
-    ce(), $(Te, !0);
-    const i = (p) => {
-      var m, l;
-      return p ? !!((l = (m = s.roleConfigs) == null ? void 0 : m[p]) != null && l.hidden) : !1;
-    }, o = L(null);
-    let r = async () => {
-    };
-    if (s.autoScroll) {
-      const p = y(() => s.messages.at(-1)), { scrollToBottom: m } = Jt(o, () => {
-        var l, f;
-        return [
-          s.messages.length,
-          (l = p.value) == null ? void 0 : l.content,
-          (f = p.value) == null ? void 0 : f.reasoning_content
-        ];
-      });
-      r = m, H(
-        () => {
-          var l;
-          return (l = p.value) == null ? void 0 : l.role;
-        },
-        async (l) => {
-          l === "user" && (await ee(), m("smooth"));
+      top: $,
+      bottom: O,
+      left: w,
+      right: V,
+      width: z,
+      update: A
+    } = re(i), {
+      width: x,
+      height: P
+    } = ne(_, void 0, {
+      box: "border-box"
+    }), H = h(() => {
+      const {
+        placement: o,
+        preventOverflow: p
+      } = e, c = {}, a = (l, y) => {
+        if (!p) {
+          c[l] = y;
+          return;
         }
-      );
-    }
-    Ge(o);
-    const u = (p) => {
-      const m = [];
-      let l = !1;
-      for (const [f, h] of p.entries()) {
-        const c = m[m.length - 1], d = h.role || "", g = i(h.role);
-        c && (l && g || c.role === d && l === g) ? (c.messages.push(h), c.messageIndexes.push(f)) : m.push({
-          role: d,
-          messages: [h],
-          messageIndexes: [f],
-          startIndex: f
-        }), l = g;
-      }
-      return m;
-    }, b = (p, m) => {
-      const l = [];
-      let f = !1;
-      for (const [h, c] of p.entries()) {
-        const d = l[l.length - 1], g = c.role === m, x = c.role || "", A = i(c.role);
-        d && // divider 消息（分割角色）永远不与任何组进行合并
-        !g && // divider 组（分割角色）不允许被追加消息，确保 divider 组永远只有 1 条 message
-        d.role !== m && // hidden / 非 hidden 分组隔离
-        f === A ? (d.messages.push(c), d.messageIndexes.push(h)) : l.push({
-          role: g ? m : x,
-          messages: [c],
-          messageIndexes: [h],
-          startIndex: h
-        }), f = A;
-      }
-      return l;
-    }, v = y(() => s.messages.length === 0 ? [] : typeof s.groupStrategy == "function" ? s.groupStrategy(s.messages, s.dividerRole) : s.groupStrategy === "consecutive" ? u(s.messages) : b(s.messages, s.dividerRole));
-    return e({
-      scrollToBottom: r
-    }), (p, m) => (_(), B("div", {
-      class: "tr-bubble-list",
-      ref_key: "listRef",
-      ref: o
-    }, [
-      (_(!0), B(w, null, W(v.value, (l, f) => {
-        var h;
-        return _(), I(Wt, {
-          key: f,
-          role: l.role || s.fallbackRole,
-          "role-config": (h = s.roleConfigs) == null ? void 0 : h[l.role || s.fallbackRole],
-          "message-group": l,
-          "content-render-mode": s.contentRenderMode,
-          "content-resolver": s.contentResolver,
-          onStateChange: (c) => a("state-change", { ...c, messageIndex: l.startIndex + c.messageIndex })
-        }, {
-          prefix: M((c) => [
-            C(p.$slots, "prefix", F({ ref_for: !0 }, c, {
-              messageIndexes: l.messageIndexes
-            }), void 0, !0)
-          ]),
-          suffix: M((c) => [
-            C(p.$slots, "suffix", F({ ref_for: !0 }, c, {
-              messageIndexes: l.messageIndexes
-            }), void 0, !0)
-          ]),
-          "content-footer": M((c) => [
-            C(p.$slots, "content-footer", F({ ref_for: !0 }, c, {
-              messageIndexes: l.messageIndexes
-            }), void 0, !0)
-          ]),
-          after: M((c) => [
-            C(p.$slots, "after", F({ ref_for: !0 }, c, {
-              messageIndexes: l.messageIndexes
-            }), void 0, !0)
-          ]),
-          _: 2
-        }, 1032, ["role", "role-config", "message-group", "content-render-mode", "content-resolver", "onStateChange"]);
-      }), 128))
-    ], 512));
-  }
-}), V = /* @__PURE__ */ N(jt, [["__scopeId", "data-v-e217fbb7"]]), X = /* @__PURE__ */ k({
-  __name: "BubbleProvider",
-  props: {
-    boxRendererMatches: {},
-    contentRendererMatches: {},
-    fallbackBoxRenderer: { type: [Object, Function] },
-    fallbackContentRenderer: { type: [Object, Function] },
-    store: {}
-  },
-  setup(t) {
-    const e = t;
-    ce(e.store);
-    const n = y(() => (e.boxRendererMatches || []).concat(we).sort((o, r) => (o.priority ?? 0) - (r.priority ?? 0))), s = y(() => (e.contentRendererMatches || []).concat(De).sort((o, r) => (o.priority ?? 0) - (r.priority ?? 0))), a = y(() => e.fallbackBoxRenderer || Fe), i = y(() => e.fallbackContentRenderer || Pe);
-    return St({ boxRendererMatches: n, fallbackBoxRenderer: a }), Lt({ contentRendererMatches: s, fallbackContentRenderer: i }), (o, r) => C(o.$slots, "default");
-  }
-}), zt = ["innerHTML"], Vt = /* @__PURE__ */ k({
-  __name: "Markdown",
-  props: {
-    message: {},
-    contentIndex: {}
-  },
-  setup(t) {
-    const e = t, { contentText: n } = ie(e), s = L(null);
-    ve(async () => {
-      s.value = await wt();
+        const T = u(l === "top" ? P.value : x.value);
+        l === "top" ? c[l] = `clamp(var(--tr-base-popper-min-top), ${y}, calc(var(--tr-base-popper-max-bottom) - ${T}))` : l === "left" && (c[l] = `clamp(var(--tr-base-popper-min-left), ${y}, calc(var(--tr-base-popper-max-right) - ${T}))`);
+      };
+      return o.includes("top") && a("top", u($.value - P.value - m.value.mainAxis)), o.includes("bottom") && a("top", u(O.value + m.value.mainAxis)), o.includes("left") && a("left", u(w.value + m.value.crossAxis)), o.includes("right") && a("left", u(V.value - x.value + m.value.crossAxis)), o.includes("center") && a("left", u(w.value + z.value / 2 - x.value / 2 + m.value.crossAxis)), c;
     });
-    const { mdConfig: a, dompurifyConfig: i } = ue(), o = L("");
-    return q(() => {
-      if (s.value) {
-        const { markdown: r, dompurify: u } = s.value, b = r(a || {}).render(n.value);
-        o.value = u.sanitize(b, i);
+    X(() => e.show, (o) => {
+      o && A();
+    }, {
+      flush: "post"
+    });
+    const I = ce(i, e.appendTo), M = Y();
+    return ae(() => ({
+      to: I.value
+    }), () => te(le, k({
+      ref: f,
+      show: e.show,
+      transitionProps: e.transitionProps,
+      style: H.value
+    }, M), {
+      default: () => {
+        var o;
+        return [(o = t.content) == null ? void 0 : o.call(t)];
       }
-    }), (r, u) => o.value ? (_(), B("div", {
-      key: 0,
-      class: "tr-bubble__markdown markdown-body",
-      "data-type": "markdown",
-      innerHTML: o.value
-    }, null, 8, zt)) : (_(), I(ae, D(F({ key: 1 }, e)), null, 16));
-  }
-}), Xt = /* @__PURE__ */ N(Vt, [["__scopeId", "data-v-eb1c196f"]]), sn = {
-  Box: re,
-  Image: Le,
-  Loading: Me,
-  Markdown: Xt,
-  Reasoning: $e,
-  Text: ae,
-  Tool: Ne,
-  ToolRole: Ae,
-  Tools: Oe
-};
-U.name = "TrBubble";
-const qt = function(t) {
-  t.component(U.name, U);
-};
-U.install = qt;
-const rn = U;
-V.name = "TrBubbleList";
-const Zt = function(t) {
-  t.component(V.name, V);
-};
-V.install = Zt;
-const an = V;
-X.name = "TrBubbleProvider";
-const Qt = function(t) {
-  t.component(X.name, X);
-};
-X.install = Qt;
-const ln = X;
+    })), n({
+      triggerRef: i,
+      popperRef: _,
+      update: A
+    }), (o, p) => (g(), F(ee(S(s)[0]), k({
+      ref: S(d)
+    }, v(e.triggerEvents)), null, 16));
+  }
+}), fe = /* @__PURE__ */ N(ue, [["__scopeId", "data-v-f1e25842"]]);
+fe.name = "TrBasePopper";
 export {
-  rn as B,
-  an as a,
-  ln as b,
-  G as c,
-  sn as d,
-  Tt as e,
-  le as f,
-  He as g,
-  ie as h,
-  Ke as i,
-  Dt as j,
-  Jt as u
+  fe as B,
+  ae as c,
+  ce as u
 };