@opentiny/tiny-robot 0.4.0-alpha.7 → 0.4.0-beta.0

package/dist/index6.js

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