@opentiny/tiny-robot 0.4.0-alpha.9 → 0.4.0

package/dist/index2.js

@@ -1,945 +1,199 @@
-import { defineComponent as k, openBlock as _, createElementBlock as R, renderSlot as B, ref as T, computed as h, watch as H, unref as C, normalizeClass as U, createVNode as V, watchEffect as Q, nextTick as se, Fragment as w, createElementVNode as y, toDisplayString as X, withDirectives as te, vShow as ne, createBlock as S, 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 L, provide as $, toValue as I, reactive as We, readonly as je, withCtx as M, onMounted as ye, onUnmounted as ze } from "vue";
-import { _ as A } from "./_plugin-vue_export-helper.js";
-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 { u as Ze, w as Qe, a as et, b as tt } from "./index5.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",
+import { inject as A, defineComponent as h, computed as d, openBlock as i, createBlock as b, unref as o, withCtx as x, createElementVNode as f, normalizeClass as v, renderSlot as B, resolveDynamicComponent as D, normalizeStyle as E, createElementBlock as p, createVNode as m, toDisplayString as w, createCommentVNode as k, Transition as I } from "vue";
+import { _ as S } from "./_plugin-vue_export-helper.js";
+import { IconSend as P, IconStop as N, IconClear as F } from "@opentiny/tiny-robot-svgs";
+import { TinyTooltip as T } from "@opentiny/vue";
+const R = Symbol("sender-context");
+function g() {
+  const a = A(R);
+  if (!a)
+    throw new Error("useSenderContext must be used within Sender component");
+  return a;
+}
+function $(a) {
+  if (a)
+    return typeof a == "string" ? () => a : a;
+}
+const L = ["disabled"], V = ["disabled"], W = /* @__PURE__ */ h({
+  __name: "index",
   props: {
-    placement: {},
-    shape: {}
-  },
-  setup(t) {
-    return (e, n) => (_(), R("div", nt, [
-      B(e.$slots, "default", {}, void 0, !0)
-    ]));
-  }
-}), ce = /* @__PURE__ */ A(st, [["__scopeId", "data-v-98101726"]]), ot = ["src", "alt"], rt = /* @__PURE__ */ k({
-  __name: "Image",
-  props: {
-    message: {},
-    contentIndex: {}
-  },
-  setup(t) {
-    const e = t, n = T(!1), s = T(!1), { content: r } = pe(e), f = h(() => r.value ? typeof r.value.image_url == "string" ? r.value.image_url : r.value.image_url.url : null);
-    H(f, () => {
-      n.value = !1, s.value = !1;
-    });
-    const o = () => {
-      n.value = !0, s.value = !1;
-    }, a = () => {
-      s.value = !0, n.value = !0;
-    };
-    return (i, b) => {
-      var g;
-      return _(), R("img", {
-        class: U(["tr-bubble__image", { loading: !n.value }]),
-        src: f.value,
-        alt: (g = C(r)) == null ? void 0 : g.text,
-        loading: "lazy",
-        onLoad: o,
-        onError: a,
-        "data-type": "image"
-      }, null, 42, ot);
-    };
-  }
-}), $e = /* @__PURE__ */ A(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) => (_(), R("div", at, [
-      V(C(xe))
-    ]));
-  }
-}), Ae = /* @__PURE__ */ A(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: s } = Ye(e, ["reasoning_content"]), r = ie(n, e.contentIndex), f = T(!1);
-    Q(() => {
-      var b;
-      f.value = ((b = e.message.state) == null ? void 0 : b.open) ?? !1;
-    });
-    const o = Ke(), a = () => {
-      f.value = !f.value, o("open", f.value);
-    }, i = T(null);
-    return H(
-      () => e.message.reasoning_content,
-      () => {
-        se(() => {
-          i.value && i.value.scrollTo({
-            top: i.value.scrollHeight,
-            behavior: "smooth"
-          });
-        });
-      }
-    ), (b, g) => {
-      var x, m;
-      return _(), R(w, null, [
-        y("div", ct, [
-          y("div", {
-            class: "header",
-            onClick: a
-          }, [
-            y("div", {
-              class: U(["icon-and-text", { thinking: (x = e.message.state) == null ? void 0 : x.thinking }])
-            }, [
-              V(C(Ve)),
-              y("span", ut, X((m = e.message.state) != null && m.thinking ? "正在思考" : "已思考"), 1)
-            ], 2),
-            V(C(Re), {
-              class: U(["expand-icon", { "-rotate-90": !f.value }])
-            }, null, 8, ["class"])
-          ]),
-          te(y("div", it, [
-            g[0] || (g[0] = y("div", { class: "side-border" }, [
-              y("div", { class: "dot-wrapper" }, [
-                y("div", { class: "dot" })
-              ]),
-              y("div", { class: "border-line" })
-            ], -1)),
-            y("p", {
-              class: "detail-content",
-              ref_key: "detailRef",
-              ref: i
-            }, X(e.message.reasoning_content), 513)
-          ], 512), [
-            [ne, f.value]
-          ])
-        ]),
-        (_(), S(J(C(r)), D(G(C(s))), null, 16))
-      ], 64);
-    };
-  }
-}), Ne = /* @__PURE__ */ A(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 (s, r) => C(n) ? (_(), R("p", ft, X(C(n)), 1)) : le("", !0);
-  }
-}), ue = /* @__PURE__ */ A(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 ?? "");
-    }), (s, r) => 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: s, state: r } = Ft(e), f = /* @__PURE__ */ new Map([
-      ["running", { text: "正在调用", icon: xe }],
-      ["success", { text: "已调用", icon: me }],
-      ["failed", { text: "调用失败", icon: Xe }],
-      ["cancelled", { text: "已取消", icon: qe }]
-    ]), o = h(() => {
-      var l;
-      return f.get(((l = r.value) == null ? void 0 : l.status) || "") || { text: "", icon: me };
-    }), a = (l, c = 2) => {
-      let p = "";
-      try {
-        typeof l == "string" ? p = JSON.stringify(JSON.parse(l), null, c) : p = JSON.stringify(l, null, c);
-      } catch {
-      }
-      return p;
-    }, i = Je(), b = (l) => {
-      if (!l)
-        return "";
-      let c = l;
-      return c = c.replace(
-        /("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?)/g,
-        (p) => {
-          let E = "number";
-          return /^"/.test(p) ? E = /:$/.test(p) ? "key" : "string" : /true|false/.test(p) ? E = "boolean" : /null/.test(p) && (E = "null"), `<span class="${i[E]}">${p}</span>`;
-        }
-      ), c;
-    }, g = h(() => a(s.value, 2)), x = h(() => b(g.value)), m = T(null);
-    H(g, (l, c) => {
-      c === "" || c === "{}" || se(() => {
-        m.value && m.value.scrollTo({
-          top: m.value.scrollHeight,
-          behavior: "smooth"
-        });
-      });
-    });
-    const d = T(!1);
-    Q(() => {
-      d.value = r.value.open ?? !1;
-    });
-    const u = Ke(), v = () => {
-      var c, p;
-      d.value = !d.value;
-      const l = (c = n.value) == null ? void 0 : c.id;
-      l && u("toolCall", {
-        ...(p = e.message.state) == null ? void 0 : p.toolCall,
-        [l]: { ...r.value, open: d.value }
-      });
-    };
-    return (l, c) => {
-      var p;
-      return _(), R("div", mt, [
-        y("div", _t, [
-          y("div", bt, [
-            (_(), S(J(o.value.icon), {
-              class: U(["header-icon", `icon-${C(r).status}`])
-            }, null, 8, ["class"])),
-            y("span", null, [
-              y("span", null, X(o.value.text) + " ", 1),
-              y("span", gt, X(((p = C(n)) == null ? void 0 : p.function.name) || "Untitled"), 1)
-            ])
-          ]),
-          y("div", vt, [
-            V(C(Re), {
-              class: U(["expand-icon", { "-rotate-90": !d.value }]),
-              onClick: v
-            }, null, 8, ["class"])
-          ])
-        ]),
-        te(y("div", ht, null, 512), [
-          [ne, d.value]
-        ]),
-        te(y("div", {
-          class: "detail",
-          innerHTML: x.value,
-          ref_key: "detailRef",
-          ref: m
-        }, null, 8, yt), [
-          [ne, d.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__ */ A(xt, [["__cssModules", It], ["__scopeId", "data-v-9d7f5409"]]), De = /* @__PURE__ */ k({
-  __name: "Tools",
-  props: {
-    message: {},
-    contentIndex: {}
-  },
-  setup(t) {
-    const e = t, { restMessage: n, restProps: s } = Ye(e, ["tool_calls"]), r = ie(n, e.contentIndex);
-    return (f, o) => (_(), R(w, null, [
-      (_(), S(J(C(r)), D(G(C(s))), null, 16)),
-      (_(!0), R(w, null, z(e.message.tool_calls, (a, i) => (_(), S(we, F({
-        key: a.id
-      }, { ref_for: !0 }, e, { "tool-call-index": i }), 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 = L(_e, void 0), n = e ?? t;
-  return !e && t && $(_e, t), n ? (r) => {
-    const f = I(n);
-    return f == null ? void 0 : f(r);
-  } : (r) => r.content;
-};
-function St(t) {
-  const { boxRendererMatches: e, fallbackBoxRenderer: n } = t;
-  e && $(Ce, e), n && $(Ee, n);
-}
-function Lt(t) {
-  const { fallbackBoxRenderer: e } = t;
-  e && $(ke, e);
-}
-function Tt(t, e) {
-  const n = L(Ce, Fe), s = L(Ee, void 0), r = L(ke, void 0), f = ee();
-  if (typeof e == "number" && I(t).length !== 1)
-    throw new Error("[BubbleBoxRenderer] When contentIndex is a number, messages array length must be 1");
-  const o = (a) => {
-    if (a.length !== 1)
-      return { content: void 0, index: void 0 };
-    const i = f(a.at(0));
-    return {
-      content: Array.isArray(i) ? i.at(e ?? 0) : { type: "text", text: i || "" },
-      index: e ?? 0
-    };
-  };
-  return h(() => {
-    const a = I(t), { content: i, index: b } = o(a), g = I(n).find((x) => x.find(a, i, b));
-    return g ? {
-      renderer: g.renderer,
-      attributes: g.attributes
-    } : {
-      renderer: I(r) || I(s) || Ge
-    };
-  });
-}
-function Mt(t) {
-  const { contentRendererMatches: e, fallbackContentRenderer: n } = t;
-  e && $(Ie, e), n && $(Se, n);
-}
-function $t(t) {
-  const { fallbackContentRenderer: e } = t;
-  e && $(Le, e);
-}
-function ie(t, e) {
-  const n = L(Ie, Pe), s = L(Se, void 0), r = L(Le, void 0), f = ee();
-  return h(() => {
-    const o = I(t), a = f(o), i = Array.isArray(a) ? a.at(e ?? 0) : { type: "text", text: a || "" }, b = I(n).find((g) => g.find(o, i, e));
-    return b ? b.renderer : I(r) || I(s) || He;
-  });
-}
-function At(t) {
-  $(Te, t);
-}
-function Ke() {
-  return L(Te, (t, e) => {
-    console.warn(`[Bubble] State change function not found for key: ${t}`);
-  });
-}
-function de(t) {
-  const e = L(ae, void 0);
-  if (e)
-    return e;
-  const n = We(t || {});
-  return $(ae, n), n;
-}
-function fe() {
-  return L(ae, {});
-}
-function Ue(t) {
-  let e = null;
-  e = H(
-    t,
-    (n) => {
-      e && (e(), e = null), n && n.addEventListener("copy", (s) => {
-        var o;
-        const r = window.getSelection();
-        if (!n.contains((r == null ? void 0 : r.anchorNode) || null)) return;
-        s.preventDefault();
-        const f = (r == null ? void 0 : r.toString().replace(/\n{2,}/g, `
-`)) || "";
-        (o = s.clipboardData) == null || o.setData("text/plain", f);
-      });
-    },
-    { immediate: !0, flush: "post" }
-  );
-}
-const pe = (t) => {
-  const e = ee(), n = h(() => {
-    const r = e(t.message);
-    return Array.isArray(r) ? r.at(t.contentIndex) : { type: "text", text: r || "" };
-  }), s = h(() => n.value.type === "text" ? String(n.value.text) : "");
-  return {
-    content: n,
-    contentText: s
-  };
-};
-function Nt(t) {
-  $(Be, t);
-}
-function Ot() {
-  return L(Be, void 0);
-}
-function Ye(t, e) {
-  const n = h(() => {
-    const r = Object.entries(t.message).filter(([f]) => !e.includes(f));
-    return Object.fromEntries(r);
-  }), s = h(() => ({
-    ...t,
-    message: n.value
-  }));
-  return {
-    restMessage: n,
-    restProps: s
-  };
-}
-let re = null;
-const wt = () => (re || (re = import("./index4.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 = h(() => {
-    var o, a;
-    return (a = (o = t.message) == null ? void 0 : o.tool_calls) == null ? void 0 : a[t.toolCallIndex];
-  }), n = fe(), s = h(() => {
-    var g, x, m;
-    let o = n.toolCallDefaultStatus;
-    o && !be.includes(o) && (o = void 0);
-    const a = n.toolCallDefaultOpen;
-    let i = {
-      status: o,
-      open: a
-    };
-    const b = (g = e.value) == null ? void 0 : g.id;
-    if (b) {
-      const d = (m = (x = t.message.state) == null ? void 0 : x.toolCall) == null ? void 0 : m[b];
-      if (d) {
-        const { status: u, open: v, ...l } = d;
-        u && be.includes(u) && (i.status = u), v !== void 0 && (i.open = v), i = { ...i, ...l };
-      }
-    }
-    return i;
-  }), r = h(() => {
-    var a, i;
-    const o = (a = e.value) == null ? void 0 : a.id;
-    if (o)
-      return (i = n.toolCallResults) == null ? void 0 : i[o];
-  }), f = T({});
-  return Q(() => {
-    var i;
-    const o = (i = e.value) == null ? void 0 : i.function.arguments, a = r.value;
-    wt().then(({ jsonrepair: b }) => {
-      const g = b(typeof o == "string" ? o || "{}" : JSON.stringify(o));
-      f.value = {
-        arguments: JSON.parse(g),
-        result: a ? JSON.parse(b(a || "{}")) : void 0
-      };
-    }).catch((b) => {
-      console.warn(b);
-    });
-  }), {
-    toolCall: e,
-    toolCallWithResult: je(f),
-    state: s
-  };
-}, ge = /* @__PURE__ */ k({
-  __name: "BubbleBoxWrapper",
-  props: {
-    role: {},
-    placement: {},
-    shape: {},
-    messages: {},
-    contentIndex: {}
-  },
-  setup(t) {
-    const e = t, n = Tt(() => e.messages, e.contentIndex);
-    return (s, r) => (_(), S(J(C(n).renderer), F({
-      "data-role": e.role,
-      "data-placement": e.placement,
-      "data-shape": e.shape
-    }, C(n).attributes), {
-      default: M(() => [
-        B(s.$slots, "default")
+    icon: {},
+    disabled: { type: Boolean, default: !1 },
+    active: { type: Boolean, default: !1 },
+    tooltip: {},
+    tooltipPlacement: { default: "top" },
+    size: {}
+  },
+  setup(a) {
+    const t = a, s = d(() => $(t.tooltip)), l = d(() => t.size ? { fontSize: typeof t.size == "number" ? `${t.size}px` : t.size } : {});
+    return (r, c) => t.tooltip ? (i(), b(o(T), {
+      key: 0,
+      "render-content": s.value,
+      placement: t.tooltipPlacement,
+      effect: "light",
+      "visible-arrow": !1,
+      "popper-class": "tr-action-button-tooltip-popper"
+    }, {
+      default: x(() => [
+        f("button", {
+          class: v(["tr-action-button", { active: t.active }]),
+          disabled: t.disabled,
+          onFocusCapture: c[0] || (c[0] = (u) => u.stopPropagation())
+        }, [
+          B(r.$slots, "icon", {}, () => [
+            (i(), b(D(t.icon), {
+              style: E(l.value)
+            }, null, 8, ["style"]))
+          ], !0)
+        ], 42, L)
       ]),
       _: 3
-    }, 16, ["data-role", "data-placement", "data-shape"]));
-  }
-}), ve = /* @__PURE__ */ k({
-  __name: "BubbleContentWrapper",
-  props: {
-    message: {},
-    contentIndex: {}
-  },
-  emits: ["state-change"],
-  setup(t, { emit: e }) {
-    const n = t, s = ie(() => n.message, n.contentIndex), r = e;
-    return At((o, a) => {
-      r("state-change", {
-        key: o,
-        value: a,
-        contentIndex: n.contentIndex
-      });
-    }), (o, a) => (_(), S(J(C(s)), 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, s = ee(() => n.contentResolver), r = e;
-    de();
-    const f = Ot(), o = h(() => I(f)), a = h(() => {
-      var W;
-      if ((W = o.value) != null && W.messages.length)
-        return o.value.messages;
-      const { role: d, content: u, reasoning_content: v, tool_calls: l, tool_call_id: c, name: p, id: E, loading: N, state: P } = n;
-      return [{ role: d, content: u, reasoning_content: v, tool_calls: l, tool_call_id: c, name: p, id: E, loading: N, state: P }];
-    }), i = (d) => {
-      const u = s(d);
-      return Array.isArray(u) ? u : [{ type: "text", text: u || "" }];
-    };
-    Lt({ fallbackBoxRenderer: () => n.fallbackBoxRenderer }), $t({ fallbackContentRenderer: () => n.fallbackContentRenderer });
-    const b = h(() => a.value.length === 0 ? !0 : n.hidden), g = h(() => {
-      if (n.contentRenderMode === "split" && a.value.length === 1) {
-        const d = s(a.value.at(0));
-        if (Array.isArray(d))
-          return d;
-      }
-      return null;
-    }), x = L(Me, !1), m = T(null);
-    return x || Ue(m), (d, u) => te((_(), R("div", {
-      class: "tr-bubble",
-      ref_key: "bubbleRef",
-      ref: m,
-      "data-role": n.role,
-      "data-placement": n.placement
+    }, 8, ["render-content", "placement"])) : (i(), p("button", {
+      key: 1,
+      class: v(["tr-action-button", { active: t.active }]),
+      disabled: t.disabled
     }, [
-      B(d.$slots, "prefix", {
-        messages: a.value,
-        role: t.role
-      }, void 0, !0),
-      y("div", Gt, [
-        n.avatar ? (_(), S(J(n.avatar), {
-          key: 0,
-          class: U(["tr-bubble__avatar", d.$style["tr-bubble__avatar"]])
-        }, null, 8, ["class"])) : le("", !0),
-        y("div", Ht, [
-          g.value ? (_(!0), R(w, { key: 0 }, z(g.value, (v, l) => (_(), S(ge, {
-            key: l,
-            class: "tr-bubble__box",
-            role: n.role,
-            placement: n.placement,
-            shape: n.shape,
-            messages: a.value,
-            "content-index": l
-          }, {
-            default: M(() => [
-              V(ve, {
-                message: a.value.at(0),
-                "content-index": l,
-                onStateChange: u[0] || (u[0] = (c) => r("state-change", { ...c, messageIndex: 0 }))
-              }, null, 8, ["message", "content-index"]),
-              B(d.$slots, "content-footer", {
-                messages: a.value,
-                role: n.role,
-                contentIndex: l
-              }, void 0, !0)
-            ]),
-            _: 2
-          }, 1032, ["role", "placement", "shape", "messages", "content-index"]))), 128)) : (_(), S(ge, {
-            key: 1,
-            role: n.role,
-            placement: n.placement,
-            shape: n.shape,
-            messages: a.value
-          }, {
-            default: M(() => [
-              (_(!0), R(w, null, z(a.value, (v, l) => (_(), R(w, {
-                key: `message-${l}`
-              }, [
-                (_(!0), R(w, null, z(i(v), (c, p) => (_(), S(ve, {
-                  key: `content-${p}`,
-                  message: v,
-                  "content-index": p,
-                  onStateChange: (E) => r("state-change", { ...E, messageIndex: l })
-                }, null, 8, ["message", "content-index", "onStateChange"]))), 128))
-              ], 64))), 128)),
-              B(d.$slots, "content-footer", {
-                messages: a.value,
-                role: n.role
-              }, void 0, !0)
-            ]),
-            _: 3
-          }, 8, ["role", "placement", "shape", "messages"]))
-        ]),
-        y("div", Kt, [
-          B(d.$slots, "after", {
-            messages: a.value,
-            role: t.role
-          }, void 0, !0)
-        ])
-      ]),
-      B(d.$slots, "suffix", {
-        messages: a.value,
-        role: t.role
-      }, void 0, !0)
-    ], 8, Pt)), [
-      [ne, !b.value]
-    ]);
-  }
-}), Yt = {
-  "tr-bubble__avatar": "_tr-bubble__avatar_1r87c_2"
-}, Jt = {
-  $style: Yt
-}, Y = /* @__PURE__ */ A(Ut, [["__cssModules", Jt], ["__scopeId", "data-v-2d927bba"]]);
-function he(t, e) {
-  const n = H(t, (s, r) => {
-    r === !0 && s === !1 && (e(), n());
-  });
-  return n;
-}
-function Wt(t, e, n) {
-  const { scrollOnMount: s = !0, bottomThreshold: r = 20, scrollThrottle: f = 0 } = n ?? {}, o = T(!0);
-  let a = !1;
-  const i = /* @__PURE__ */ new Set(), b = () => tt(t), { y: g, isScrolling: x, arrivedState: m } = Ze(b, { throttle: f }), d = (l) => l.scrollHeight - l.scrollTop - l.clientHeight <= r, u = async (l = "auto") => {
-    const c = I(b);
-    if (c && (await se(), c.scrollTo({ top: c.scrollHeight, behavior: l }), l === "smooth" && !d(c))) {
-      const p = he(x, () => {
-        c.scrollTo({ top: c.scrollHeight, behavior: "auto" }), i.delete(p);
-      });
-      i.add(p);
-    }
-  }, v = () => {
-    a || !o.value || (a = !0, requestAnimationFrame(async () => {
-      a = !1, await u("auto");
-    }));
-  };
-  return H(
-    g,
-    () => {
-      const l = I(b);
-      l && (o.value = d(l));
-    },
-    { flush: "post" }
-  ), Qe(
-    e,
-    () => {
-      v();
-    },
-    { flush: "post", throttle: 100 }
-  ), ye(() => {
-    s && u("smooth");
-  }), ze(() => {
-    i.forEach((l) => {
-      l();
-    }), i.clear();
-  }), et("keydown", (l) => {
-    if (l.key === "End" && !o.value) {
-      const c = he(x, () => {
-        u("auto"), i.delete(c);
-      });
-      i.add(c);
-    }
-  }), {
-    scrollToBottom: u,
-    arrivedState: m
-  };
-}
-const jt = /* @__PURE__ */ k({
-  __name: "BubbleItem",
-  props: {
-    messageGroup: {},
-    roleConfig: {},
-    contentRenderMode: {},
-    contentResolver: { type: Function }
-  },
-  emits: ["state-change"],
-  setup(t, { emit: e }) {
-    const n = t, s = e;
-    return Nt(() => n.messageGroup), (r, f) => (_(), S(Y, F(t.roleConfig, {
-      role: t.messageGroup.role,
-      "content-render-mode": t.contentRenderMode,
-      "content-resolver": t.contentResolver,
-      onStateChange: f[0] || (f[0] = (o) => s("state-change", o))
-    }), {
-      prefix: M((o) => [
-        B(r.$slots, "prefix", D(G(o)))
-      ]),
-      suffix: M((o) => [
-        B(r.$slots, "suffix", D(G(o)))
-      ]),
-      "content-footer": M((o) => [
-        B(r.$slots, "content-footer", D(G(o)))
-      ]),
-      after: M((o) => [
-        B(r.$slots, "after", D(G(o)))
-      ]),
-      _: 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 s = t, r = n;
-    de(), $(Me, !0);
-    const f = ee(() => s.contentResolver), o = (m) => {
-      var d, u;
-      return m ? !!((u = (d = s.roleConfigs) == null ? void 0 : d[m]) != null && u.hidden) : !1;
-    }, a = T(null);
-    let i = async () => {
+      B(r.$slots, "icon", {}, () => [
+        (i(), b(D(t.icon), {
+          style: E(l.value)
+        }, null, 8, ["style"]))
+      ], !0)
+    ], 10, V));
+  }
+}), O = /* @__PURE__ */ S(W, [["__scopeId", "data-v-01ebbab5"]]), j = {
+  key: 0,
+  class: "tr-sender-submit-button__cancel-text"
+}, K = /* @__PURE__ */ h({
+  __name: "index",
+  setup(a) {
+    const { canSubmit: t, loading: s, defaultActions: l, submit: r, cancel: c, stopText: u } = g(), _ = d(() => {
+      var e, n;
+      return (n = (e = l.value) == null ? void 0 : e.submit) != null && n.disabled ? !0 : !t.value && !s.value;
+    }), y = d(() => {
+      var e, n;
+      return $((n = (e = l.value) == null ? void 0 : e.submit) == null ? void 0 : n.tooltip);
+    }), z = d(() => {
+      var e, n;
+      return ((n = (e = l.value) == null ? void 0 : e.submit) == null ? void 0 : n.tooltipPlacement) ?? "top";
+    }), C = () => {
+      _.value || (s.value ? c() : r());
     };
-    if (s.autoScroll) {
-      const m = h(() => s.messages.at(-1)), { scrollToBottom: d } = Wt(a, () => {
-        var u, v;
-        return [
-          s.messages.length,
-          (u = m.value) == null ? void 0 : u.content,
-          (v = m.value) == null ? void 0 : v.reasoning_content
-        ];
-      });
-      i = d, H(
-        () => {
-          var u;
-          return (u = m.value) == null ? void 0 : u.role;
-        },
-        async (u) => {
-          u === "user" && (await se(), d("smooth"));
+    return (e, n) => y.value && !o(s) ? (i(), b(o(T), {
+      key: 0,
+      "render-content": y.value,
+      placement: z.value,
+      effect: "light",
+      "visible-arrow": !1,
+      "popper-class": "tr-submit-button-tooltip-popper"
+    }, {
+      default: x(() => [
+        f("div", {
+          class: v([
+            "tr-sender-submit-button",
+            {
+              "is-disabled": _.value,
+              "is-loading": o(s)
+            }
+          ]),
+          onClick: C
+        }, [
+          m(o(P), { class: "tr-sender-submit-button__icon" })
+        ], 2)
+      ]),
+      _: 1
+    }, 8, ["render-content", "placement"])) : (i(), p("div", {
+      key: 1,
+      class: v([
+        "tr-sender-submit-button",
+        {
+          "is-disabled": _.value,
+          "is-loading": o(s)
         }
-      );
-    }
-    Ue(a);
-    const b = (m) => {
-      const d = [];
-      let u = !1, v = !1;
-      for (const [l, c] of m.entries()) {
-        const p = d[d.length - 1], E = c.role === "user" && Array.isArray(f(c)), N = c.role || "", P = o(c.role);
-        E ? (d.push({
-          role: N,
-          messages: [c],
-          messageIndexes: [l],
-          startIndex: l
-        }), u = !0) : p && !u && (v && P || p.role === N && v === P) ? (p.messages.push(c), p.messageIndexes.push(l)) : (d.push({
-          role: N,
-          messages: [c],
-          messageIndexes: [l],
-          startIndex: l
-        }), u = !1), v = P;
-      }
-      return d;
-    }, g = (m, d) => {
-      const u = [];
-      let v = !1, l = !1;
-      for (const [c, p] of m.entries()) {
-        const E = u[u.length - 1], N = p.role === d, P = p.role === "user" && Array.isArray(f(p)), W = p.role || "", oe = o(p.role);
-        P ? (u.push({
-          role: W,
-          messages: [p],
-          messageIndexes: [c],
-          startIndex: c
-        }), v = !0) : E && !v && (l && oe || E.role === d === N && l === oe) ? (E.messages.push(p), E.messageIndexes.push(c)) : (u.push({
-          role: N ? d : W,
-          messages: [p],
-          messageIndexes: [c],
-          startIndex: c
-        }), v = !1), l = oe;
-      }
-      return u;
-    }, x = h(() => s.messages.length === 0 ? [] : typeof s.groupStrategy == "function" ? s.groupStrategy(s.messages, s.dividerRole) : s.groupStrategy === "consecutive" ? b(s.messages) : g(s.messages, s.dividerRole));
-    return e({
-      scrollToBottom: i
-    }), (m, d) => (_(), R("div", {
-      class: "tr-bubble-list",
-      ref_key: "listRef",
-      ref: a
+      ]),
+      onClick: C
     }, [
-      (_(!0), R(w, null, z(x.value, (u, v) => {
-        var l;
-        return _(), S(jt, {
-          key: v,
-          role: u.role || s.fallbackRole,
-          "role-config": (l = s.roleConfigs) == null ? void 0 : l[u.role || s.fallbackRole],
-          "message-group": u,
-          "content-render-mode": s.contentRenderMode,
-          "content-resolver": s.contentResolver,
-          onStateChange: (c) => r("state-change", { ...c, messageIndex: u.startIndex + c.messageIndex })
-        }, {
-          prefix: M((c) => [
-            B(m.$slots, "prefix", F({ ref_for: !0 }, c, {
-              messageIndexes: u.messageIndexes
-            }), void 0, !0)
-          ]),
-          suffix: M((c) => [
-            B(m.$slots, "suffix", F({ ref_for: !0 }, c, {
-              messageIndexes: u.messageIndexes
-            }), void 0, !0)
-          ]),
-          "content-footer": M((c) => [
-            B(m.$slots, "content-footer", F({ ref_for: !0 }, c, {
-              messageIndexes: u.messageIndexes
-            }), void 0, !0)
-          ]),
-          after: M((c) => [
-            B(m.$slots, "after", F({ ref_for: !0 }, c, {
-              messageIndexes: u.messageIndexes
-            }), void 0, !0)
-          ]),
-          _: 2
-        }, 1032, ["role", "role-config", "message-group", "content-render-mode", "content-resolver", "onStateChange"]);
-      }), 128))
-    ], 512));
-  }
-}), q = /* @__PURE__ */ A(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 = h(() => (e.boxRendererMatches || []).concat(Fe).sort((o, a) => (o.priority ?? 0) - (a.priority ?? 0))), s = h(() => (e.contentRendererMatches || []).concat(Pe).sort((o, a) => (o.priority ?? 0) - (a.priority ?? 0))), r = h(() => e.fallbackBoxRenderer || Ge), f = h(() => e.fallbackContentRenderer || He);
-    return St({ boxRendererMatches: n, fallbackBoxRenderer: r }), Mt({ contentRendererMatches: s, fallbackContentRenderer: f }), (o, a) => B(o.$slots, "default");
-  }
-}), Vt = ["innerHTML"], Xt = /* @__PURE__ */ k({
-  __name: "Markdown",
-  props: {
-    message: {},
-    contentIndex: {}
-  },
-  setup(t) {
-    const e = t, { contentText: n } = pe(e), s = T(null);
-    ye(async () => {
-      s.value = await Dt();
-    });
-    const { mdConfig: r, dompurifyConfig: f } = fe(), o = T("");
-    return Q(() => {
-      if (s.value) {
-        const { markdown: a, dompurify: i } = s.value;
-        o.value = a(r || {}).render(n.value), i.sanitize(o.value, f);
-      }
-    }), (a, i) => o.value ? (_(), R("div", {
+      o(s) ? (i(), p("div", {
+        key: 1,
+        class: v(["tr-sender-submit-button__cancel", { "icon-only": !o(u) }])
+      }, [
+        m(o(N), { class: "tr-sender-submit-button__cancel-icon" }),
+        o(u) ? (i(), p("span", j, w(o(u)), 1)) : k("", !0)
+      ], 2)) : (i(), b(o(P), {
+        key: 0,
+        class: "tr-sender-submit-button__icon"
+      }))
+    ], 2));
+  }
+}), X = /* @__PURE__ */ S(K, [["__scopeId", "data-v-4b48493a"]]), Y = /* @__PURE__ */ h({
+  __name: "index",
+  setup(a) {
+    const { hasContent: t, clearable: s, clear: l, loading: r, defaultActions: c } = g(), u = d(() => {
+      var e, n;
+      return ((n = (e = c.value) == null ? void 0 : e.clear) == null ? void 0 : n.disabled) !== void 0 ? c.value.clear.disabled : !1;
+    }), _ = d(() => {
+      var e, n;
+      return $((n = (e = c.value) == null ? void 0 : e.clear) == null ? void 0 : n.tooltip);
+    }), y = d(() => {
+      var e, n;
+      return ((n = (e = c.value) == null ? void 0 : e.clear) == null ? void 0 : n.tooltipPlacement) ?? "top";
+    }), z = d(() => s.value && t.value && !r.value && !u.value), C = () => {
+      u.value || l();
+    };
+    return (e, n) => z.value ? (i(), b(O, {
       key: 0,
-      class: "tr-bubble__markdown markdown-body",
-      "data-type": "markdown",
-      innerHTML: o.value
-    }, null, 8, Vt)) : (_(), S(ue, D(F({ key: 1 }, e)), null, 16));
+      icon: o(F),
+      disabled: u.value,
+      tooltip: _.value,
+      "tooltip-placement": y.value,
+      onClick: C
+    }, null, 8, ["icon", "disabled", "tooltip", "tooltip-placement"])) : k("", !0);
+  }
+}), q = {
+  key: 0,
+  class: "tr-sender-word-counter"
+}, G = /* @__PURE__ */ h({
+  __name: "index",
+  setup(a) {
+    const { characterCount: t, maxLength: s, isOverLimit: l, showWordLimit: r } = g(), c = d(() => r.value && s.value !== void 0);
+    return (u, _) => c.value ? (i(), p("span", q, [
+      f("span", {
+        class: v({ "is-over-limit": o(l) })
+      }, w(o(t)), 3),
+      f("span", null, "/" + w(o(s)), 1)
+    ])) : k("", !0);
+  }
+}), nt = /* @__PURE__ */ S(G, [["__scopeId", "data-v-206396cd"]]), H = { class: "tr-default-action-buttons" }, J = {
+  key: 0,
+  class: "tr-action-buttons-group"
+}, M = { class: "tr-submit-wrapper" }, Q = /* @__PURE__ */ h({
+  __name: "index",
+  setup(a) {
+    const { hasContent: t, loading: s } = g();
+    return (l, r) => (i(), p("div", H, [
+      m(I, { name: "tr-slide-right" }, {
+        default: x(() => [
+          o(t) || o(s) ? (i(), p("div", J, [
+            m(I, { name: "tr-slide-right" }, {
+              default: x(() => [
+                m(Y)
+              ]),
+              _: 1
+            }),
+            f("div", M, [
+              m(X)
+            ])
+          ])) : k("", !0)
+        ]),
+        _: 1
+      })
+    ]));
   }
-}), qt = /* @__PURE__ */ A(Xt, [["__scopeId", "data-v-a7de666c"]]), 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;
+}), ot = /* @__PURE__ */ S(Q, [["__scopeId", "data-v-209924d7"]]);
 export {
-  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
+  O as A,
+  ot as D,
+  X as S,
+  nt as W,
+  Y as _,
+  R as a,
+  g as u
 };