@opentiny/tiny-robot 0.4.0-alpha.1 → 0.4.0-alpha.11

package/dist/index2.js

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