rt-chat-messages 1.0.1 → 1.0.3

package/dist/chat-messages.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as J, ref as C, onMounted as De, computed as O, createBlock as G, createCommentVNode as H, openBlock as i, Teleport as st, createElementBlock as d, withModifiers as Z, normalizeClass as ne, createElementVNode as a, normalizeStyle as ve, renderSlot as be, h as Se, watch as ae, nextTick as de, onUnmounted as Re, createVNode as f, withCtx as T, unref as z, createTextVNode as ze, toDisplayString as P, Fragment as ue, renderList as me, resolveDynamicComponent as Pe, withDirectives as at, vShow as nt } from "vue";
+import { defineComponent as Q, ref as b, onMounted as De, computed as X, createBlock as G, createCommentVNode as D, openBlock as o, Teleport as st, createElementBlock as u, withModifiers as Z, normalizeClass as le, createElementVNode as a, normalizeStyle as ve, renderSlot as be, h as Se, watch as J, nextTick as de, onUnmounted as Re, createVNode as f, withCtx as H, unref as I, createTextVNode as ze, toDisplayString as F, Fragment as ue, renderList as me, resolveDynamicComponent as Pe, withDirectives as at, vShow as nt } from "vue";
 import lt from "markdown-it";
 import ot from "@vscode/markdown-it-katex";
 import Le from "mermaid";
-const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
+const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
   __name: "Dialog",
   props: {
     visible: { type: Boolean, default: !1 },
@@ -13,39 +13,39 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
     appendToBody: { type: Boolean, default: !0 }
   },
   emits: ["update:visible", "close"],
-  setup(n, { emit: u }) {
-    const M = n, c = u, $ = C(!1);
+  setup(n, { emit: p }) {
+    const k = n, i = p, z = b(!1);
     De(() => {
-      $.value = !0;
+      z.value = !0;
     });
-    const b = O(() => M.fullscreen ? { width: "100%", height: "100%", margin: 0 } : { width: M.width }), x = () => {
-      c("update:visible", !1), c("close");
-    }, p = () => {
-      M.closeOnClickModal && x();
+    const $ = X(() => k.fullscreen ? { width: "100%", height: "100%", margin: 0 } : { width: k.width }), E = () => {
+      i("update:visible", !1), i("close");
+    }, x = () => {
+      k.closeOnClickModal && E();
     };
-    return (U, S) => $.value ? (i(), G(st, {
+    return (T, _) => z.value ? (o(), G(st, {
       key: 0,
       to: "body"
     }, [
-      n.visible ? (i(), d("div", {
+      n.visible ? (o(), u("div", {
         key: 0,
-        class: ne(["cm-dialog-overlay", { "is-fullscreen": n.fullscreen }]),
-        onClick: Z(p, ["self"])
+        class: le(["cm-dialog-overlay", { "is-fullscreen": n.fullscreen }]),
+        onClick: Z(x, ["self"])
       }, [
         a("div", {
           class: "cm-dialog",
-          style: ve(b.value),
+          style: ve($.value),
           role: "dialog",
           "aria-modal": "true"
         }, [
           a("div", it, [
-            be(U.$slots, "default", {}, void 0, !0)
+            be(T.$slots, "default", {}, void 0, !0)
           ]),
-          n.showClose ? (i(), d("button", {
+          n.showClose ? (o(), u("button", {
             key: 0,
             class: "cm-dialog__close",
-            onClick: x
-          }, [...S[0] || (S[0] = [
+            onClick: E
+          }, [..._[0] || (_[0] = [
             a("svg", {
               viewBox: "0 0 1024 1024",
               width: "16",
@@ -56,20 +56,20 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
                 d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
               })
             ], -1)
-          ])])) : H("", !0)
+          ])])) : D("", !0)
         ], 4)
-      ], 2)) : H("", !0)
-    ])) : H("", !0);
+      ], 2)) : D("", !0)
+    ])) : D("", !0);
   }
-}), le = (n, u) => {
-  const M = n.__vccOpts || n;
-  for (const [c, $] of u)
-    M[c] = $;
-  return M;
-}, Me = /* @__PURE__ */ le(rt, [["__scopeId", "data-v-efdf0259"]]), ct = ["disabled"], dt = {
+}), oe = (n, p) => {
+  const k = n.__vccOpts || n;
+  for (const [i, z] of p)
+    k[i] = z;
+  return k;
+}, Me = /* @__PURE__ */ oe(rt, [["__scopeId", "data-v-efdf0259"]]), ct = ["disabled"], dt = {
   key: 0,
   class: "cm-icon-loading"
-}, ut = /* @__PURE__ */ J({
+}, ut = /* @__PURE__ */ Q({
   __name: "Button",
   props: {
     type: { default: "default" },
@@ -79,20 +79,20 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
     loading: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(n, { emit: u }) {
-    const M = n, c = u, $ = (b) => {
-      M.disabled || M.loading || c("click", b);
+  setup(n, { emit: p }) {
+    const k = n, i = p, z = ($) => {
+      k.disabled || k.loading || i("click", $);
     };
-    return (b, x) => (i(), d("button", {
-      class: ne(["cm-button", [
+    return ($, E) => (o(), u("button", {
+      class: le(["cm-button", [
         `cm-button--${n.type}`,
         `cm-button--${n.size}`,
         { "is-circle": n.circle, "is-disabled": n.disabled, "is-loading": n.loading }
       ]]),
       disabled: n.disabled || n.loading,
-      onClick: $
+      onClick: z
     }, [
-      n.loading ? (i(), d("span", dt, [...x[0] || (x[0] = [
+      n.loading ? (o(), u("span", dt, [...E[0] || (E[0] = [
         a("svg", {
           viewBox: "0 0 1024 1024",
           width: "1em",
@@ -103,10 +103,10 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
             d: "M512 64a448 448 0 0 1 448 448 32 32 0 1 1-64 0 416 416 0 0 0-416-416 416 416 0 0 0-416 416 32 32 0 1 1-64 0 448 448 0 0 1 448-448z"
           })
         ], -1)
-      ])])) : be(b.$slots, "default", { key: 1 }, void 0, !0)
+      ])])) : be($.$slots, "default", { key: 1 }, void 0, !0)
     ], 10, ct));
   }
-}), F = /* @__PURE__ */ le(ut, [["__scopeId", "data-v-bab126c7"]]), N = (n, u) => J({
+}), N = /* @__PURE__ */ oe(ut, [["__scopeId", "data-v-bab126c7"]]), U = (n, p) => Q({
   name: n,
   render() {
     return Se(
@@ -119,46 +119,46 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
         fill: "currentColor",
         style: "vertical-align: middle"
       },
-      [Se("path", { d: u })]
+      [Se("path", { d: p })]
     );
   }
-}), fe = N(
+}), fe = U(
   "Close",
   "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
-), Ee = N(
+), Ee = U(
   "ZoomIn",
   "M637.696 587.392a316.032 316.032 0 1 0-45.44 49.344l191.232 191.296a32 32 0 0 0 45.312-45.184L637.696 587.392zM73.152 357.696a284.48 284.48 0 1 1 284.48 284.48A284.672 284.672 0 0 1 73.152 357.568zm268.48-154.56a32 32 0 0 0-32 32v90.496h-90.56a32 32 0 0 0 0 64h90.56v90.56a32 32 0 0 0 64 0v-90.496h90.496a32 32 0 0 0 0-64H373.632v-90.56a32 32 0 0 0-32-32z"
-), Ie = N(
+), Ie = U(
   "ZoomOut",
   "M637.696 587.392a316.032 316.032 0 1 0-45.44 49.344l191.232 191.296a32 32 0 0 0 45.312-45.184L637.696 587.392zM73.152 357.696a284.48 284.48 0 1 1 284.48 284.48A284.672 284.672 0 0 1 73.152 357.568zm145.92-58.56a32 32 0 0 0 0 64h245.12a32 32 0 0 0 0-64H219.072z"
-), Be = N(
+), Be = U(
   "Document",
   "M854.6 288.7c0.4 0 0.7 0 1 0v431.5c0 17.6-14.4 32-32 32H200.4c-17.6 0-32-14.4-32-32l0-575.2c0-17.6 14.4-32 32-32h391.5c0 0.3 0 0.7 0 1l0 142.1c0 17.6 14.4 32.1 32 32.1h142.6c0-0.4 0-0.7 0-1.1L854.6 288.7zM790.2 220.2L668 97.9v122.3h122.2zM240 448h544a32 32 0 0 0 0-64H240a32 32 0 0 0 0 64zm0 128h544a32 32 0 0 0 0-64H240a32 32 0 0 0 0 64zm0 128h384a32 32 0 0 0 0-64H240a32 32 0 0 0 0 64z"
-), Ae = N(
+), Ae = U(
   "Download",
   "M505.7 661a8 8 0 0 0 12.6 0l112-141.7c4.1-5.2 0.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"
-), mt = N(
+), mt = U(
   "VideoPlay",
   "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 832a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm-48-247.616L668.608 512 464 375.616v272.768zm10.656-340.32a32 32 0 0 1 32 32V673.92a32 32 0 0 1-50.208 26.24l-236.8-161.92a32 32 0 0 1 0-52.48l236.8-161.92a32 32 0 0 1 18.208-5.632z"
-), vt = N(
+), vt = U(
   "VideoPause",
   "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 832a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm-96-544a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V384a32 32 0 0 1 32-32zm192 0a32 32 0 0 1 32 32v256a32 32 0 0 1-64 0V384a32 32 0 0 1 32-32z"
-), gt = N(
+), gt = U(
   "ArrowLeft",
   "M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"
-), ht = N(
+), ht = U(
   "ArrowRight",
   "M340.864 149.312a29.12 29.12 0 0 0-41.728 0 30.592 30.592 0 0 0 0 42.752L611.072 511.936 299.136 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L672.448 534.272a32 32 0 0 0 0-44.672L340.864 149.312z"
-), Te = N(
+), Te = U(
   "Spinner",
   "M512 64a448 448 0 0 1 448 448 32 32 0 1 1-64 0 416 416 0 0 0-416-416 416 416 0 0 0-416 416 32 32 0 1 1-64 0 448 448 0 0 1 448-448z"
-), He = N(
+), He = U(
   "Check",
   "M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1 0.4-12.8-6.3-12.8z"
-), ft = N(
+), ft = U(
   "ChevronUp",
   "M854.6 642.5l-320-320c-12.5-12.5-32.8-12.5-45.3 0l-320 320c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L512 390.6l297.4 297.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3z"
-), pt = N(
+), pt = U(
   "ChevronDown",
   "M854.6 381.5l-320 320c-12.5 12.5-32.8 12.5-45.3 0l-320-320c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L512 633.4l297.4-297.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3z"
 ), yt = ["src", "alt"], wt = { class: "preview-controls" }, kt = { class: "cm-button-group" }, Mt = {
@@ -167,15 +167,15 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
 }, Ct = ["innerHTML"], bt = { class: "preview-controls" }, _t = { class: "cm-button-group" }, $t = {
   key: 0,
   class: "mobile-close-hint"
-}, xt = /* @__PURE__ */ J({
+}, xt = /* @__PURE__ */ Q({
   __name: "MarkdownMessage",
   props: {
     content: {},
     isStreaming: { type: Boolean, default: !1 }
   },
   setup(n) {
-    const u = n, M = C(), c = C(), $ = C(!1), b = C(""), x = C(""), p = C(!1), U = C(""), S = C(!1), o = C(1), k = C({ x: 0, y: 0 }), L = C(!1), B = C({ x: 0, y: 0 }), A = C(1), _ = C({ x: 0, y: 0 }), oe = C(!1), Q = C({ x: 0, y: 0 }), ee = C(""), q = C(/* @__PURE__ */ new Map());
-    let te = 0;
+    const p = n, k = b(), i = b(), z = b(!1), $ = b(""), E = b(""), x = b(!1), T = b(""), _ = b(!1), c = b(1), d = b({ x: 0, y: 0 }), M = b(!1), L = b({ x: 0, y: 0 }), S = b(1), C = b({ x: 0, y: 0 }), ee = b(!1), te = b({ x: 0, y: 0 }), se = b(""), q = b(/* @__PURE__ */ new Map());
+    let ae = 0;
     Le.initialize({
       startOnLoad: !1,
       theme: "default",
@@ -185,8 +185,8 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
     const ge = (e) => {
       const t = e.renderer.rules.fence;
       e.renderer.rules.fence = (l, g, r, s, v) => {
-        const w = l[g], R = w.content.trim();
-        return (w.info ? w.info.trim() : "") === "mermaid" ? (te++, `<div class="mermaid-container"><pre class="mermaid" data-mermaid-id="${`mermaid-${Date.now()}-${te}`}">${R}</pre></div>`) : t(l, g, r, s, v);
+        const w = l[g], P = w.content.trim();
+        return (w.info ? w.info.trim() : "") === "mermaid" ? (ae++, `<div class="mermaid-container"><pre class="mermaid" data-mermaid-id="${`mermaid-${Date.now()}-${ae}`}">${P}</pre></div>`) : t(l, g, r, s, v);
       };
     }, j = new lt({
       html: !0,
@@ -211,15 +211,15 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
     j.renderer.rules.image = function(e, t, l, g, r) {
       const s = e[t], v = s.attrIndex("src");
       if (v >= 0) {
-        const w = s.attrs[v][1], I = "img-" + ((Y) => {
-          let D = 0;
-          for (let V = 0; V < Y.length; V++) {
-            const X = Y.charCodeAt(V);
-            D = (D << 5) - D + X, D = D & D;
+        const w = s.attrs[v][1], A = "img-" + ((W) => {
+          let R = 0;
+          for (let Y = 0; Y < W.length; Y++) {
+            const V = W.charCodeAt(Y);
+            R = (R << 5) - R + V, R = R & R;
           }
-          return Math.abs(D).toString(36);
+          return Math.abs(R).toString(36);
         })(w);
-        s.attrSet("id", I), s.attrSet("data-image-id", I), s.attrSet("key", I), s.attrSet("loading", "eager"), s.attrSet("decoding", "async"), s.attrSet("fetchpriority", "high"), s.attrSet("data-src", w), s.attrSet("data-cached", "true");
+        s.attrSet("id", A), s.attrSet("data-image-id", A), s.attrSet("key", A), s.attrSet("loading", "eager"), s.attrSet("decoding", "async"), s.attrSet("fetchpriority", "high"), s.attrSet("data-src", w), s.attrSet("data-cached", "true");
       }
       return ie(e, t, l, g, r);
     }, j.use(ot, {
@@ -242,13 +242,13 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
           (/^#{1,6}\s/.test(s) || /^\*{1,2}[^*]+\*{1,2}/.test(s) || /^[-*+]\s/.test(s) || /^\d+\.\s/.test(s) || /!\[.*?\]\(.*?\)/.test(s) || /\[.*?\]\(.*?\)/.test(s) || /^\|.+\|/.test(s) || /^\|[\s-:]+\|/m.test(s)) && (e = s);
         }
       }
-      if (u.isStreaming) {
+      if (p.isStreaming) {
         const g = /^```(?:markdown|md)?\s*\n/;
         if (g.test(e)) {
           const s = e.replace(g, "");
           (/^#{1,6}\s/.test(s) || /^\|.+\|/.test(s) || /^\|[\s-:]+\|/m.test(s) || /!\[.*?\]\(.*?\)/.test(s) || /\[.*?\]\(.*?\)/.test(s)) && (e = e.replace(g, ""));
         }
-        if (/^```(?:markdown|md)?\s*\n/.test(u.content)) {
+        if (/^```(?:markdown|md)?\s*\n/.test(p.content)) {
           const s = /\n```\s*$/;
           s.test(e) && (e = e.replace(s, ""));
         }
@@ -256,7 +256,7 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
       return e = e.replace(
         /```(?:markdown|md)\s*\n([\s\S]*?)\n```/g,
         (g, r) => r
-      ), u.isStreaming && (e = pe(e)), e;
+      ), p.isStreaming && (e = pe(e)), e;
     }, ye = (e) => {
       if (!e.includes("<img"))
         return e;
@@ -275,11 +275,11 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
         g = g.replace(s, v);
       return g;
     }, we = (e) => {
-      if (!c.value)
+      if (!i.value)
         return;
-      const t = c.value;
-      if (!u.isStreaming || t.children.length === 0) {
-        t.innerHTML = e, u.isStreaming || de(() => {
+      const t = i.value;
+      if (!p.isStreaming || t.children.length === 0) {
+        t.innerHTML = e, p.isStreaming || de(() => {
           xe(), y();
         });
         return;
@@ -303,19 +303,19 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
       t.innerHTML = "", t.appendChild(r);
     }, K = () => {
       try {
-        if (!u.content) {
-          ee.value = "", c.value && (c.value.innerHTML = ""), u.isStreaming || q.value.clear();
+        if (!p.content) {
+          se.value = "", i.value && (i.value.innerHTML = ""), p.isStreaming || q.value.clear();
           return;
         }
-        const e = he(u.content);
+        const e = he(p.content);
         let t = j.render(e);
-        u.isStreaming && t.includes("<img") && (t = ye(t)), t !== ee.value && (ee.value = t, we(t)), u.isStreaming || q.value.clear();
+        p.isStreaming && t.includes("<img") && (t = ye(t)), t !== se.value && (se.value = t, we(t)), p.isStreaming || q.value.clear();
       } catch (e) {
-        console.error("Markdown rendering error:", e), c.value && (c.value.innerHTML = `<pre style="white-space: pre-wrap; word-wrap: break-word;">${u.content}</pre>`);
+        console.error("Markdown rendering error:", e), i.value && (i.value.innerHTML = `<pre style="white-space: pre-wrap; word-wrap: break-word;">${p.content}</pre>`);
       }
     };
-    ae(() => u.content, K), ae(
-      () => u.isStreaming,
+    J(() => p.content, K), J(
+      () => p.isStreaming,
       (e, t) => {
         t && !e && de(() => {
           K();
@@ -323,7 +323,7 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
       }
     );
     const m = () => {
-      S.value = window.innerWidth < 768;
+      _.value = window.innerWidth < 768;
     }, h = (e) => {
       let t = e;
       return t = t.replace(/!\[([^\]]*)\]\([^)]+\)/g, "$1"), [
@@ -340,8 +340,8 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
       }), t;
     }, y = async () => {
       var t, l;
-      if (u.isStreaming || (await de(), !M.value)) return;
-      const e = M.value.querySelectorAll(".mermaid");
+      if (p.isStreaming || (await de(), !k.value)) return;
+      const e = k.value.querySelectorAll(".mermaid");
       if (e.length !== 0)
         for (const g of Array.from(e)) {
           const r = g;
@@ -349,12 +349,12 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
           if (s && r.getAttribute("data-processed") !== "true")
             try {
               r.setAttribute("data-processed", "true"), s = h(s);
-              const v = r.getAttribute("data-mermaid-id") || `mermaid-${Date.now()}-${Math.random()}`, { svg: w } = await Le.render(v, s), R = r.parentElement;
-              if (R) {
-                const I = document.createElement("div");
-                I.className = "mermaid-svg", I.innerHTML = w, I.setAttribute("data-mermaid-svg", "true"), I.style.cursor = "pointer", I.title = "Click to zoom", I.addEventListener("click", (Y) => {
-                  Y.preventDefault(), Y.stopPropagation(), U.value = w, A.value = 1, _.value = { x: 0, y: 0 }, p.value = !0;
-                }), R.replaceChild(I, r);
+              const v = r.getAttribute("data-mermaid-id") || `mermaid-${Date.now()}-${Math.random()}`, { svg: w } = await Le.render(v, s), P = r.parentElement;
+              if (P) {
+                const A = document.createElement("div");
+                A.className = "mermaid-svg", A.innerHTML = w, A.setAttribute("data-mermaid-svg", "true"), A.style.cursor = "pointer", A.title = "Click to zoom", A.addEventListener("click", (W) => {
+                  W.preventDefault(), W.stopPropagation(), T.value = w, S.value = 1, C.value = { x: 0, y: 0 }, x.value = !0;
+                }), P.replaceChild(A, r);
               }
             } catch (v) {
               console.error("Mermaid render failure:", v);
@@ -362,209 +362,209 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
               w.className = "mermaid-error", w.textContent = `Mermaid render error: ${v}`, (l = r.parentElement) == null || l.replaceChild(w, r);
             }
         }
-    }, E = (e) => {
+    }, B = (e) => {
       e.preventDefault(), e.stopPropagation();
       const t = e.target;
-      b.value = t.src, x.value = t.alt || "Image Preview", o.value = 1, k.value = { x: 0, y: 0 }, $.value = !0;
-    }, W = () => {
-      o.value <= 1 && (k.value = { x: 0, y: 0 });
-    }, Ve = () => {
-      o.value = Math.min(o.value + 1, 10), W();
+      $.value = t.src, E.value = t.alt || "Image Preview", c.value = 1, d.value = { x: 0, y: 0 }, z.value = !0;
+    }, O = () => {
+      c.value <= 1 && (d.value = { x: 0, y: 0 });
     }, Ue = () => {
-      o.value = Math.max(o.value - 1, 0.5), W();
-    }, _e = () => {
-      o.value = 1, k.value = { x: 0, y: 0 };
+      c.value = Math.min(c.value + 1, 10), O();
     }, Ye = () => {
-      o.value <= 1 && ($.value = !1);
-    }, We = (e) => {
-      e.preventDefault();
-      const t = e.deltaY > 0 ? -0.5 : 0.5, l = Math.max(0.5, Math.min(10, o.value + t));
-      o.value = l, W();
+      c.value = Math.max(c.value - 1, 0.5), O();
+    }, _e = () => {
+      c.value = 1, d.value = { x: 0, y: 0 };
+    }, We = () => {
+      c.value <= 1 && (z.value = !1);
     }, Oe = (e) => {
+      e.preventDefault();
+      const t = e.deltaY > 0 ? -0.5 : 0.5, l = Math.max(0.5, Math.min(10, c.value + t));
+      c.value = l, O();
+    }, Xe = (e) => {
       var s;
-      if (o.value <= 1) return;
-      e.preventDefault(), L.value = !0, B.value = {
-        x: e.clientX - k.value.x,
-        y: e.clientY - k.value.y
+      if (c.value <= 1) return;
+      e.preventDefault(), M.value = !0, L.value = {
+        x: e.clientX - d.value.x,
+        y: e.clientY - d.value.y
       };
       const t = e.target, l = (s = t.parentElement) == null ? void 0 : s.getBoundingClientRect(), g = (v) => {
-        if (!L.value || !l) return;
-        let w = v.clientX - B.value.x, R = v.clientY - B.value.y;
-        const I = t.offsetWidth, Y = t.offsetHeight, D = I * o.value, V = Y * o.value, X = 0.3, ke = l.width * (1 - X - 0.5) - D / 2, re = D / 2 - l.width * (1 - X - 0.5), ce = l.height * (1 - X - 0.5) - V / 2, se = V / 2 - l.height * (1 - X - 0.5);
-        D > l.width ? w = Math.max(ke, Math.min(re, w)) : w = 0, V > l.height ? R = Math.max(ce, Math.min(se, R)) : R = 0, k.value = { x: w, y: R };
+        if (!M.value || !l) return;
+        let w = v.clientX - L.value.x, P = v.clientY - L.value.y;
+        const A = t.offsetWidth, W = t.offsetHeight, R = A * c.value, Y = W * c.value, V = 0.3, ke = l.width * (1 - V - 0.5) - R / 2, re = R / 2 - l.width * (1 - V - 0.5), ce = l.height * (1 - V - 0.5) - Y / 2, ne = Y / 2 - l.height * (1 - V - 0.5);
+        R > l.width ? w = Math.max(ke, Math.min(re, w)) : w = 0, Y > l.height ? P = Math.max(ce, Math.min(ne, P)) : P = 0, d.value = { x: w, y: P };
       }, r = () => {
-        L.value = !1, document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", r);
+        M.value = !1, document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", r);
       };
       document.addEventListener("mousemove", g), document.addEventListener("mouseup", r);
-    }, Xe = (e) => {
-      var R;
+    }, Ve = (e) => {
+      var P;
       if (e.touches.length !== 1) return;
       const t = e.touches[0], l = t.clientX, g = t.clientY;
-      if (o.value <= 1) return;
-      L.value = !0, B.value = {
-        x: l - k.value.x,
-        y: g - k.value.y
+      if (c.value <= 1) return;
+      M.value = !0, L.value = {
+        x: l - d.value.x,
+        y: g - d.value.y
       };
-      const r = e.target, s = (R = r.parentElement) == null ? void 0 : R.getBoundingClientRect(), v = (I) => {
-        if (!L.value || I.touches.length !== 1 || !s)
+      const r = e.target, s = (P = r.parentElement) == null ? void 0 : P.getBoundingClientRect(), v = (A) => {
+        if (!M.value || A.touches.length !== 1 || !s)
           return;
-        const Y = I.touches[0];
-        let D = Y.clientX - B.value.x, V = Y.clientY - B.value.y;
-        const X = r.offsetWidth, ke = r.offsetHeight, re = X * o.value, ce = ke * o.value, se = 0.3, Je = s.width * (1 - se - 0.5) - re / 2, Qe = re / 2 - s.width * (1 - se - 0.5), et = s.height * (1 - se - 0.5) - ce / 2, tt = ce / 2 - s.height * (1 - se - 0.5);
-        re > s.width ? D = Math.max(Je, Math.min(Qe, D)) : D = 0, ce > s.height ? V = Math.max(et, Math.min(tt, V)) : V = 0, k.value = { x: D, y: V };
+        const W = A.touches[0];
+        let R = W.clientX - L.value.x, Y = W.clientY - L.value.y;
+        const V = r.offsetWidth, ke = r.offsetHeight, re = V * c.value, ce = ke * c.value, ne = 0.3, Je = s.width * (1 - ne - 0.5) - re / 2, Qe = re / 2 - s.width * (1 - ne - 0.5), et = s.height * (1 - ne - 0.5) - ce / 2, tt = ce / 2 - s.height * (1 - ne - 0.5);
+        re > s.width ? R = Math.max(Je, Math.min(Qe, R)) : R = 0, ce > s.height ? Y = Math.max(et, Math.min(tt, Y)) : Y = 0, d.value = { x: R, y: Y };
       }, w = () => {
-        L.value = !1, document.removeEventListener("touchmove", v), document.removeEventListener("touchend", w);
+        M.value = !1, document.removeEventListener("touchmove", v), document.removeEventListener("touchend", w);
       };
       document.addEventListener("touchmove", v, { passive: !1 }), document.addEventListener("touchend", w);
     }, Ze = () => {
-      A.value = Math.min(A.value + 1, 10);
+      S.value = Math.min(S.value + 1, 10);
     }, qe = () => {
-      A.value = Math.max(A.value - 1, 0.5);
+      S.value = Math.max(S.value - 1, 0.5);
     }, $e = () => {
-      A.value = 1, _.value = { x: 0, y: 0 };
+      S.value = 1, C.value = { x: 0, y: 0 };
     }, je = (e) => {
       e.preventDefault();
       const t = e.deltaY > 0 ? -0.5 : 0.5;
-      A.value = Math.max(0.5, Math.min(10, A.value + t));
+      S.value = Math.max(0.5, Math.min(10, S.value + t));
     }, Ke = (e) => {
       var s, v;
-      if (A.value <= 1) return;
-      e.preventDefault(), oe.value = !0, Q.value = {
-        x: e.clientX - _.value.x,
-        y: e.clientY - _.value.y
+      if (S.value <= 1) return;
+      e.preventDefault(), ee.value = !0, te.value = {
+        x: e.clientX - C.value.x,
+        y: e.clientY - C.value.y
       };
       const l = (v = (s = e.target.closest(".mermaid-preview-content")) == null ? void 0 : s.parentElement) == null ? void 0 : v.getBoundingClientRect(), g = (w) => {
-        if (!oe.value || !l) return;
-        let R = w.clientX - Q.value.x, I = w.clientY - Q.value.y;
-        _.value = { x: R, y: I };
+        if (!ee.value || !l) return;
+        let P = w.clientX - te.value.x, A = w.clientY - te.value.y;
+        C.value = { x: P, y: A };
       }, r = () => {
-        oe.value = !1, document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", r);
+        ee.value = !1, document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", r);
       };
       document.addEventListener("mousemove", g), document.addEventListener("mouseup", r);
     }, Ge = (e) => {
     }, xe = () => {
-      u.isStreaming || de(() => {
-        if (!M.value) return;
-        M.value.querySelectorAll(
+      p.isStreaming || de(() => {
+        if (!k.value) return;
+        k.value.querySelectorAll(
           ".markdown-content img"
         ).forEach((t) => {
           const l = t;
-          l.getAttribute("data-processed") !== "true" && (l.setAttribute("data-processed", "true"), l.style.cursor = "pointer", l.addEventListener("click", E));
+          l.getAttribute("data-processed") !== "true" && (l.setAttribute("data-processed", "true"), l.style.cursor = "pointer", l.addEventListener("click", B));
         });
       });
     };
     return De(() => {
       m(), window.addEventListener("resize", m), K(), xe(), y();
     }), Re(() => {
-      M.value && M.value.querySelectorAll(
+      k.value && k.value.querySelectorAll(
         ".markdown-content img"
       ).forEach((t) => {
-        t.removeEventListener("click", E);
+        t.removeEventListener("click", B);
       });
-    }), (e, t) => (i(), d("div", {
+    }), (e, t) => (o(), u("div", {
       class: "markdown-message",
       ref_key: "markdownContainer",
-      ref: M
+      ref: k
     }, [
       a("div", {
         ref_key: "markdownContent",
-        ref: c,
+        ref: i,
         class: "markdown-content"
       }, null, 512),
       f(Me, {
-        visible: $.value,
-        "onUpdate:visible": t[2] || (t[2] = (l) => $.value = l),
-        width: S.value ? "95vw" : "80vw",
-        fullscreen: S.value,
+        visible: z.value,
+        "onUpdate:visible": t[2] || (t[2] = (l) => z.value = l),
+        width: _.value ? "95vw" : "80vw",
+        fullscreen: _.value,
         class: "image-preview-dialog",
         "close-on-click-modal": !1,
         "append-to-body": ""
       }, {
-        default: T(() => [
+        default: H(() => [
           a("div", {
             class: "image-preview-container",
-            onClick: t[1] || (t[1] = Z((l) => $.value = !1, ["self"]))
+            onClick: t[1] || (t[1] = Z((l) => z.value = !1, ["self"]))
           }, [
             a("img", {
-              src: b.value,
-              alt: x.value,
+              src: $.value,
+              alt: E.value,
               class: "preview-image",
               style: ve({
-                transform: `translate(${k.value.x}px, ${k.value.y}px) scale(${o.value})`
+                transform: `translate(${d.value.x}px, ${d.value.y}px) scale(${c.value})`
               }),
-              onWheel: Z(We, ["prevent"]),
+              onWheel: Z(Oe, ["prevent"]),
               onDblclick: _e,
-              onMousedown: Oe,
-              onTouchstart: Z(Xe, ["prevent"]),
-              onClick: Ye
+              onMousedown: Xe,
+              onTouchstart: Z(Ve, ["prevent"]),
+              onClick: We
             }, null, 44, yt),
             a("div", wt, [
               a("div", kt, [
-                f(F, {
+                f(N, {
                   size: "small",
-                  onClick: Ue,
-                  disabled: o.value <= 0.5
+                  onClick: Ye,
+                  disabled: c.value <= 0.5
                 }, {
-                  default: T(() => [
-                    f(z(Ie))
+                  default: H(() => [
+                    f(I(Ie))
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
-                f(F, {
+                f(N, {
                   size: "small",
                   onClick: _e
                 }, {
-                  default: T(() => [
-                    ze(P(Math.round(o.value * 100)) + "% ", 1)
+                  default: H(() => [
+                    ze(F(Math.round(c.value * 100)) + "% ", 1)
                   ]),
                   _: 1
                 }),
-                f(F, {
+                f(N, {
                   size: "small",
-                  onClick: Ve,
-                  disabled: o.value >= 10
+                  onClick: Ue,
+                  disabled: c.value >= 10
                 }, {
-                  default: T(() => [
-                    f(z(Ee))
+                  default: H(() => [
+                    f(I(Ee))
                   ]),
                   _: 1
                 }, 8, ["disabled"])
               ]),
-              f(F, {
+              f(N, {
                 size: "small",
-                onClick: t[0] || (t[0] = (l) => $.value = !1),
+                onClick: t[0] || (t[0] = (l) => z.value = !1),
                 type: "danger"
               }, {
-                default: T(() => [
-                  f(z(fe))
+                default: H(() => [
+                  f(I(fe))
                 ]),
                 _: 1
               })
             ]),
-            S.value ? (i(), d("div", Mt, "双击重置 · 轻触关闭")) : H("", !0)
+            _.value ? (o(), u("div", Mt, "双击重置 · 轻触关闭")) : D("", !0)
           ])
         ]),
         _: 1
       }, 8, ["visible", "width", "fullscreen"]),
       f(Me, {
-        visible: p.value,
-        "onUpdate:visible": t[5] || (t[5] = (l) => p.value = l),
-        width: S.value ? "95vw" : "90vw",
-        fullscreen: S.value,
+        visible: x.value,
+        "onUpdate:visible": t[5] || (t[5] = (l) => x.value = l),
+        width: _.value ? "95vw" : "90vw",
+        fullscreen: _.value,
         class: "mermaid-preview-dialog",
         "close-on-click-modal": !1,
         "append-to-body": ""
       }, {
-        default: T(() => [
+        default: H(() => [
           a("div", {
             class: "mermaid-preview-container",
-            onClick: t[4] || (t[4] = Z((l) => p.value = !1, ["self"]))
+            onClick: t[4] || (t[4] = Z((l) => x.value = !1, ["self"]))
           }, [
             a("div", {
               class: "mermaid-preview-content",
-              innerHTML: U.value,
+              innerHTML: T.value,
               style: ve({
-                transform: `translate(${_.value.x}px, ${_.value.y}px) scale(${A.value})`
+                transform: `translate(${C.value.x}px, ${C.value.y}px) scale(${S.value})`
               }),
               onWheel: Z(je, ["prevent"]),
               onDblclick: $e,
@@ -573,55 +573,55 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
             }, null, 44, Ct),
             a("div", bt, [
               a("div", _t, [
-                f(F, {
+                f(N, {
                   size: "small",
                   onClick: qe,
-                  disabled: A.value <= 0.5
+                  disabled: S.value <= 0.5
                 }, {
-                  default: T(() => [
-                    f(z(Ie))
+                  default: H(() => [
+                    f(I(Ie))
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
-                f(F, {
+                f(N, {
                   size: "small",
                   onClick: $e
                 }, {
-                  default: T(() => [
-                    ze(P(Math.round(A.value * 100)) + "% ", 1)
+                  default: H(() => [
+                    ze(F(Math.round(S.value * 100)) + "% ", 1)
                   ]),
                   _: 1
                 }),
-                f(F, {
+                f(N, {
                   size: "small",
                   onClick: Ze,
-                  disabled: A.value >= 10
+                  disabled: S.value >= 10
                 }, {
-                  default: T(() => [
-                    f(z(Ee))
+                  default: H(() => [
+                    f(I(Ee))
                   ]),
                   _: 1
                 }, 8, ["disabled"])
               ]),
-              f(F, {
+              f(N, {
                 size: "small",
-                onClick: t[3] || (t[3] = (l) => p.value = !1),
+                onClick: t[3] || (t[3] = (l) => x.value = !1),
                 type: "danger"
               }, {
-                default: T(() => [
-                  f(z(fe))
+                default: H(() => [
+                  f(I(fe))
                 ]),
                 _: 1
               })
             ]),
-            S.value ? (i(), d("div", $t, "双击重置 · 轻触关闭")) : H("", !0)
+            _.value ? (o(), u("div", $t, "双击重置 · 轻触关闭")) : D("", !0)
           ])
         ]),
         _: 1
       }, 8, ["visible", "width", "fullscreen"])
     ], 512));
   }
-}), Fe = /* @__PURE__ */ le(xt, [["__scopeId", "data-v-3b421627"]]), St = {
+}), Fe = /* @__PURE__ */ oe(xt, [["__scopeId", "data-v-e47faf67"]]), St = {
   key: 0,
   class: "text-content"
 }, zt = {
@@ -636,13 +636,13 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
 }, At = { class: "file-icon-wrapper" }, Tt = { class: "attachment-info" }, Ht = { class: "attachment-name" }, Dt = { class: "attachment-size" }, Rt = {
   key: 3,
   class: "files-content"
-}, Pt = ["onClick"], Ft = { class: "file-icon-wrapper-small" }, Nt = { class: "file-info" }, Vt = { class: "file-name" }, Ut = { class: "file-type" }, Yt = { class: "file-actions" }, Wt = {
+}, Pt = ["onClick"], Ft = { class: "file-icon-wrapper-small" }, Nt = { class: "file-info" }, Ut = { class: "file-name" }, Yt = { class: "file-type" }, Wt = { class: "file-actions" }, Ot = {
   key: 4,
   class: "audio-content"
-}, Ot = { class: "audio-player" }, Xt = { class: "audio-info" }, Zt = { class: "audio-progress" }, qt = { class: "progress-bar" }, jt = { class: "audio-time" }, Kt = { class: "image-preview-container" }, Gt = ["src"], Jt = {
+}, Xt = { class: "audio-player" }, Vt = { class: "audio-info" }, Zt = { class: "audio-progress" }, qt = { class: "progress-bar" }, jt = { class: "audio-time" }, Kt = { class: "image-preview-container" }, Gt = ["src"], Jt = {
   key: 0,
   class: "image-nav"
-}, Qt = { class: "image-counter" }, es = /* @__PURE__ */ J({
+}, Qt = { class: "image-counter" }, es = /* @__PURE__ */ Q({
   __name: "MultimodalMessage",
   props: {
     message: {},
@@ -650,237 +650,237 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
     isStreaming: { type: Boolean, default: !1 }
   },
   setup(n) {
-    const u = n, M = O(() => {
+    const p = n, k = X(() => {
       try {
-        return u.message.metadata ? JSON.parse(u.message.metadata) : {};
+        return p.message.metadata ? JSON.parse(p.message.metadata) : {};
       } catch {
         return {};
       }
-    }), c = O(
-      () => M.value.imageUrls || []
-    ), $ = O(() => M.value.fileUrls || []), b = O(() => M.value.audioUrl), x = O(() => u.message.attachments && u.message.attachments.length > 0 ? u.message.attachments : M.value.attachments && Array.isArray(M.value.attachments) ? M.value.attachments : []), p = C(!1), U = C(""), S = C(0), o = C(!1), k = C(!1), L = C(0), B = C(0), A = O(() => B.value > 0 ? L.value / B.value * 100 : 0);
-    let _ = null;
-    const oe = (m, h) => {
-      U.value = m, S.value = h, p.value = !0;
-    }, Q = () => {
-      S.value > 0 && (S.value--, U.value = c.value[S.value]);
-    }, ee = () => {
-      S.value < c.value.length - 1 && (S.value++, U.value = c.value[S.value]);
+    }), i = X(
+      () => k.value.imageUrls || []
+    ), z = X(() => k.value.fileUrls || []), $ = X(() => k.value.audioUrl), E = X(() => p.message.attachments && p.message.attachments.length > 0 ? p.message.attachments : k.value.attachments && Array.isArray(k.value.attachments) ? k.value.attachments : []), x = b(!1), T = b(""), _ = b(0), c = b(!1), d = b(!1), M = b(0), L = b(0), S = X(() => L.value > 0 ? M.value / L.value * 100 : 0);
+    let C = null;
+    const ee = (m, h) => {
+      T.value = m, _.value = h, x.value = !0;
+    }, te = () => {
+      _.value > 0 && (_.value--, T.value = i.value[_.value]);
+    }, se = () => {
+      _.value < i.value.length - 1 && (_.value++, T.value = i.value[_.value]);
     }, q = (m, h) => {
       console.error("Image load failed:", h);
       const y = m.target;
       y.style.display = "none";
-    }, te = (m) => {
+    }, ae = (m) => {
       try {
-        const y = new URL(m).pathname, E = y.substring(y.lastIndexOf("/") + 1);
-        return decodeURIComponent(E) || "Unknown File";
+        const y = new URL(m).pathname, B = y.substring(y.lastIndexOf("/") + 1);
+        return decodeURIComponent(B) || "Unknown File";
       } catch {
         return "Unknown File";
       }
     }, ge = (m) => {
-      var E;
-      return ((E = te(m).split(".").pop()) == null ? void 0 : E.toUpperCase()) || "FILE";
+      var B;
+      return ((B = ae(m).split(".").pop()) == null ? void 0 : B.toUpperCase()) || "FILE";
     }, j = (m) => {
       const h = ge(m).toLowerCase();
       ["jpg", "jpeg", "png", "gif", "webp", "pdf"].includes(h) ? window.open(m, "_blank") : ie(m);
     }, ie = (m) => {
       try {
         const h = document.createElement("a");
-        h.href = m, h.download = te(m), h.target = "_blank", document.body.appendChild(h), h.click(), document.body.removeChild(h);
+        h.href = m, h.download = ae(m), h.target = "_blank", document.body.appendChild(h), h.click(), document.body.removeChild(h);
       } catch (h) {
         console.error("Download failed:", h), alert("下载失败");
       }
     }, pe = async () => {
-      if (b.value)
+      if ($.value)
         try {
-          _ || (_ = new Audio(), _.src = b.value, _.addEventListener("loadedmetadata", () => {
-            B.value = (_ == null ? void 0 : _.duration) || 0;
-          }), _.addEventListener("timeupdate", () => {
-            L.value = (_ == null ? void 0 : _.currentTime) || 0;
-          }), _.addEventListener("ended", () => {
-            o.value = !1, L.value = 0;
-          }), _.addEventListener("error", (m) => {
-            console.error("Audio playback error:", m), k.value = !1, o.value = !1;
-          })), o.value ? (_.pause(), o.value = !1) : (k.value = !0, await _.play(), o.value = !0, k.value = !1);
+          C || (C = new Audio(), C.src = $.value, C.addEventListener("loadedmetadata", () => {
+            L.value = (C == null ? void 0 : C.duration) || 0;
+          }), C.addEventListener("timeupdate", () => {
+            M.value = (C == null ? void 0 : C.currentTime) || 0;
+          }), C.addEventListener("ended", () => {
+            c.value = !1, M.value = 0;
+          }), C.addEventListener("error", (m) => {
+            console.error("Audio playback error:", m), d.value = !1, c.value = !1;
+          })), c.value ? (C.pause(), c.value = !1) : (d.value = !0, await C.play(), c.value = !0, d.value = !1);
         } catch (m) {
-          console.error("Audio playback failed:", m), k.value = !1, o.value = !1;
+          console.error("Audio playback failed:", m), d.value = !1, c.value = !1;
         }
     }, he = (m) => {
       const h = Math.floor(m / 60), y = Math.floor(m % 60);
       return `${h}:${y.toString().padStart(2, "0")}`;
     }, ye = (m) => {
       if (m === 0) return "0 B";
-      const h = 1024, y = ["B", "KB", "MB", "GB"], E = Math.floor(Math.log(m) / Math.log(h));
-      return (m / Math.pow(h, E)).toFixed(2) + y[E];
+      const h = 1024, y = ["B", "KB", "MB", "GB"], B = Math.floor(Math.log(m) / Math.log(h));
+      return (m / Math.pow(h, B)).toFixed(2) + y[B];
     }, we = (m) => {
       var y;
       return ((y = m.split(".").pop()) == null ? void 0 : y.toUpperCase()) || "FILE";
     }, K = (m) => {
-      p.value && (m.key === "ArrowLeft" ? Q() : m.key === "ArrowRight" ? ee() : m.key === "Escape" && (p.value = !1));
+      x.value && (m.key === "ArrowLeft" ? te() : m.key === "ArrowRight" ? se() : m.key === "Escape" && (x.value = !1));
     };
-    return ae(p, (m) => {
+    return J(x, (m) => {
       m ? document.addEventListener("keydown", K) : document.removeEventListener("keydown", K);
     }), Re(() => {
-      _ && (_.pause(), _ = null), document.removeEventListener("keydown", K);
-    }), (m, h) => (i(), d("div", {
-      class: ne(["multimodal-message", { "is-user": n.isUser, "is-assistant": !n.isUser }])
+      C && (C.pause(), C = null), document.removeEventListener("keydown", K);
+    }), (m, h) => (o(), u("div", {
+      class: le(["multimodal-message", { "is-user": n.isUser, "is-assistant": !n.isUser }])
     }, [
-      n.message.content ? (i(), d("div", St, [
+      n.message.content ? (o(), u("div", St, [
         f(Fe, {
           content: n.message.content,
           "is-streaming": n.isStreaming
         }, null, 8, ["content", "is-streaming"])
-      ])) : H("", !0),
-      c.value && c.value.length > 0 ? (i(), d("div", zt, [
+      ])) : D("", !0),
+      i.value && i.value.length > 0 ? (o(), u("div", zt, [
         a("div", {
-          class: ne(["images-grid", `grid-${Math.min(c.value.length, 4)}`])
+          class: le(["images-grid", `grid-${Math.min(i.value.length, 4)}`])
         }, [
-          (i(!0), d(ue, null, me(c.value.slice(0, 4), (y, E) => (i(), d("div", {
-            key: E,
+          (o(!0), u(ue, null, me(i.value.slice(0, 4), (y, B) => (o(), u("div", {
+            key: B,
             class: "image-item",
-            onClick: (W) => oe(y, E)
+            onClick: (O) => ee(y, B)
           }, [
             a("img", {
               src: y,
-              alt: `图片 ${E + 1}`,
-              onError: (W) => q(W, y),
+              alt: `图片 ${B + 1}`,
+              onError: (O) => q(O, y),
               loading: "lazy"
             }, null, 40, Et),
-            E === 3 && c.value.length > 4 ? (i(), d("div", It, " +" + P(c.value.length - 4), 1)) : H("", !0)
+            B === 3 && i.value.length > 4 ? (o(), u("div", It, " +" + F(i.value.length - 4), 1)) : D("", !0)
           ], 8, Lt))), 128))
         ], 2)
-      ])) : H("", !0),
-      x.value && x.value.length > 0 ? (i(), d("div", Bt, [
-        (i(!0), d(ue, null, me(x.value, (y, E) => (i(), d("div", {
-          key: E,
+      ])) : D("", !0),
+      E.value && E.value.length > 0 ? (o(), u("div", Bt, [
+        (o(!0), u(ue, null, me(E.value, (y, B) => (o(), u("div", {
+          key: B,
           class: "attachment-item"
         }, [
           a("div", At, [
-            f(z(Be), { class: "file-icon" })
+            f(I(Be), { class: "file-icon" })
           ]),
           a("div", Tt, [
-            a("span", Ht, P(y.name), 1),
-            a("span", Dt, P(we(y.name)) + "   " + P(ye(y.size)), 1)
+            a("span", Ht, F(y.name), 1),
+            a("span", Dt, F(we(y.name)) + "   " + F(ye(y.size)), 1)
           ])
         ]))), 128))
-      ])) : H("", !0),
-      $.value && $.value.length > 0 ? (i(), d("div", Rt, [
-        (i(!0), d(ue, null, me($.value, (y, E) => (i(), d("div", {
-          key: E,
+      ])) : D("", !0),
+      z.value && z.value.length > 0 ? (o(), u("div", Rt, [
+        (o(!0), u(ue, null, me(z.value, (y, B) => (o(), u("div", {
+          key: B,
           class: "file-item",
-          onClick: (W) => j(y)
+          onClick: (O) => j(y)
         }, [
           a("div", Ft, [
-            f(z(Be), { class: "file-icon" })
+            f(I(Be), { class: "file-icon" })
           ]),
           a("div", Nt, [
-            a("span", Vt, P(te(y)), 1),
-            a("span", Ut, P(ge(y)), 1)
+            a("span", Ut, F(ae(y)), 1),
+            a("span", Yt, F(ge(y)), 1)
           ]),
-          a("div", Yt, [
-            f(F, {
+          a("div", Wt, [
+            f(N, {
               size: "small",
               type: "text",
-              onClick: Z((W) => ie(y), ["stop"])
+              onClick: Z((O) => ie(y), ["stop"])
             }, {
-              default: T(() => [
-                f(z(Ae))
+              default: H(() => [
+                f(I(Ae))
               ]),
               _: 1
             }, 8, ["onClick"])
           ])
         ], 8, Pt))), 128))
-      ])) : H("", !0),
-      b.value ? (i(), d("div", Wt, [
-        a("div", Ot, [
-          f(F, {
+      ])) : D("", !0),
+      $.value ? (o(), u("div", Ot, [
+        a("div", Xt, [
+          f(N, {
             onClick: pe,
-            loading: k.value,
+            loading: d.value,
             circle: "",
             size: "small",
             class: "play-btn"
           }, {
-            default: T(() => [
-              (i(), G(Pe(o.value ? z(vt) : z(mt))))
+            default: H(() => [
+              (o(), G(Pe(c.value ? I(vt) : I(mt))))
             ]),
             _: 1
           }, 8, ["loading"]),
-          a("div", Xt, [
+          a("div", Vt, [
             a("div", Zt, [
               a("div", qt, [
                 a("div", {
                   class: "progress-fill",
-                  style: ve({ width: A.value + "%" })
+                  style: ve({ width: S.value + "%" })
                 }, null, 4)
               ])
             ]),
             a("div", jt, [
-              a("span", null, P(he(L.value)), 1),
+              a("span", null, F(he(M.value)), 1),
               h[4] || (h[4] = a("span", null, "/", -1)),
-              a("span", null, P(he(B.value)), 1)
+              a("span", null, F(he(L.value)), 1)
             ])
           ]),
-          f(F, {
-            onClick: h[0] || (h[0] = (y) => ie(b.value)),
+          f(N, {
+            onClick: h[0] || (h[0] = (y) => ie($.value)),
             size: "small",
             type: "text",
             class: "download-btn"
           }, {
-            default: T(() => [
-              f(z(Ae))
+            default: H(() => [
+              f(I(Ae))
             ]),
             _: 1
           })
         ])
-      ])) : H("", !0),
+      ])) : D("", !0),
       f(Me, {
-        visible: p.value,
-        "onUpdate:visible": h[3] || (h[3] = (y) => p.value = y),
+        visible: x.value,
+        "onUpdate:visible": h[3] || (h[3] = (y) => x.value = y),
         width: "90%",
         "show-close": !1,
         "append-to-body": "",
         class: "image-preview-dialog-wrapper"
       }, {
-        default: T(() => [
+        default: H(() => [
           a("div", Kt, [
             a("img", {
-              src: U.value,
+              src: T.value,
               alt: "预览图片",
               class: "preview-image",
-              onClick: h[1] || (h[1] = (y) => p.value = !1)
+              onClick: h[1] || (h[1] = (y) => x.value = !1)
             }, null, 8, Gt),
-            c.value && c.value.length > 1 ? (i(), d("div", Jt, [
-              f(F, {
-                onClick: Q,
-                disabled: S.value === 0,
+            i.value && i.value.length > 1 ? (o(), u("div", Jt, [
+              f(N, {
+                onClick: te,
+                disabled: _.value === 0,
                 circle: "",
                 class: "nav-btn"
               }, {
-                default: T(() => [
-                  f(z(gt))
+                default: H(() => [
+                  f(I(gt))
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              a("span", Qt, P(S.value + 1) + " / " + P(c.value.length), 1),
-              f(F, {
-                onClick: ee,
-                disabled: S.value === c.value.length - 1,
+              a("span", Qt, F(_.value + 1) + " / " + F(i.value.length), 1),
+              f(N, {
+                onClick: se,
+                disabled: _.value === i.value.length - 1,
                 circle: "",
                 class: "nav-btn"
               }, {
-                default: T(() => [
-                  f(z(ht))
+                default: H(() => [
+                  f(I(ht))
                 ]),
                 _: 1
               }, 8, ["disabled"])
-            ])) : H("", !0),
-            f(F, {
-              onClick: h[2] || (h[2] = (y) => p.value = !1),
+            ])) : D("", !0),
+            f(N, {
+              onClick: h[2] || (h[2] = (y) => x.value = !1),
               class: "close-btn",
               circle: ""
             }, {
-              default: T(() => [
-                f(z(fe))
+              default: H(() => [
+                f(I(fe))
               ]),
               _: 1
             })
@@ -890,7 +890,7 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
       }, 8, ["visible"])
     ], 2));
   }
-}), Ce = /* @__PURE__ */ le(es, [["__scopeId", "data-v-8a954827"]]), ts = {
+}), Ce = /* @__PURE__ */ oe(es, [["__scopeId", "data-v-7795fedb"]]), ts = {
   key: 0,
   class: "agent-steps"
 }, ss = { class: "steps-indicator" }, as = {
@@ -902,69 +902,74 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
 }, ls = { class: "steps-summary" }, os = { class: "icon-chevron" }, is = { class: "steps-list" }, rs = { class: "step-icon" }, cs = {
   key: 3,
   class: "icon-dot"
-}, ds = { class: "step-name" }, us = /* @__PURE__ */ J({
+}, ds = { class: "step-name" }, us = /* @__PURE__ */ Q({
   __name: "AgentSteps",
   props: {
     steps: {}
   },
-  setup(n) {
-    const u = n, M = C(!0), c = O(
-      () => u.steps.some((b) => b.status === "running")
-    ), $ = O(() => {
-      const b = u.steps.find((p) => p.status === "running");
-      if (b)
-        return `正在${b.displayName}...`;
-      const x = u.steps.filter(
-        (p) => p.status === "completed"
+  emits: ["resize"],
+  setup(n, { emit: p }) {
+    const k = n, i = b(!0), z = p, $ = () => {
+      i.value = !i.value, setTimeout(() => {
+        z("resize");
+      }, 300);
+    }, E = X(
+      () => k.steps.some((T) => T.status === "running")
+    ), x = X(() => {
+      const T = k.steps.find((c) => c.status === "running");
+      if (T)
+        return `正在${T.displayName}...`;
+      const _ = k.steps.filter(
+        (c) => c.status === "completed"
       ).length;
-      return x === u.steps.length ? "处理完成" : `已完成 ${x}/${u.steps.length} 个步骤`;
+      return _ === k.steps.length ? "处理完成" : `已完成 ${_}/${k.steps.length} 个步骤`;
     });
-    return (b, x) => n.steps.length > 0 ? (i(), d("div", ts, [
+    return (T, _) => n.steps.length > 0 ? (o(), u("div", ts, [
       a("div", {
         class: "steps-header",
-        onClick: x[0] || (x[0] = (p) => M.value = !M.value)
+        onClick: $
       }, [
         a("div", ss, [
-          c.value ? (i(), d("div", as, [
-            f(z(Te))
-          ])) : (i(), d("div", ns, [
-            f(z(He))
+          E.value ? (o(), u("div", as, [
+            f(I(Te))
+          ])) : (o(), u("div", ns, [
+            f(I(He))
           ]))
         ]),
-        a("span", ls, P($.value), 1),
+        a("span", ls, F(x.value), 1),
         a("div", os, [
-          (i(), G(Pe(M.value ? z(ft) : z(pt))))
+          (o(), G(Pe(i.value ? I(ft) : I(pt))))
         ])
       ]),
       at(a("div", is, [
-        (i(!0), d(ue, null, me(n.steps, (p) => (i(), d("div", {
-          key: p.name,
-          class: ne(["step-item", {
-            "is-running": p.status === "running",
-            "is-completed": p.status === "completed",
-            "is-error": p.status === "error"
+        (o(!0), u(ue, null, me(n.steps, (c) => (o(), u("div", {
+          key: c.name,
+          class: le(["step-item", {
+            "is-running": c.status === "running",
+            "is-completed": c.status === "completed",
+            "is-error": c.status === "error"
           }])
         }, [
           a("div", rs, [
-            p.status === "running" ? (i(), G(z(Te), {
+            c.status === "running" ? (o(), G(I(Te), {
               key: 0,
               class: "icon-spin"
-            })) : p.status === "completed" ? (i(), G(z(He), { key: 1 })) : p.status === "error" ? (i(), G(z(fe), { key: 2 })) : (i(), d("div", cs))
+            })) : c.status === "completed" ? (o(), G(I(He), { key: 1 })) : c.status === "error" ? (o(), G(I(fe), { key: 2 })) : (o(), u("div", cs))
           ]),
-          a("span", ds, P(p.displayName), 1)
+          a("span", ds, F(c.displayName), 1)
         ], 2))), 128))
       ], 512), [
-        [nt, M.value]
+        [nt, i.value]
       ])
-    ])) : H("", !0);
+    ])) : D("", !0);
   }
-}), Ne = /* @__PURE__ */ le(us, [["__scopeId", "data-v-eaae06ac"]]), ms = { class: "chat-message-list-root" }, vs = {
+}), Ne = /* @__PURE__ */ oe(us, [["__scopeId", "data-v-181f5844"]]), ms = { class: "chat-message-list-root" }, vs = {
   key: 0,
   class: "bg-grid"
 }, gs = {
   key: 0,
   class: "welcome-screen"
-}, hs = { class: "cm-welcome-center" }, fs = { class: "welcome-logo" }, ps = ["src"], ys = {
+}, hs = { class: "welcome-content" }, fs = { class: "welcome-logo" }, ps = ["src"], ys = {
   key: 1,
   class: "default-logo"
 }, ws = { class: "welcome-title" }, ks = {
@@ -982,7 +987,7 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
 }, $s = ["onClick"], xs = {
   key: 0,
   class: "message-row message-assistant"
-}, Ss = /* @__PURE__ */ J({
+}, Ss = /* @__PURE__ */ Q({
   __name: "ChatMessageList",
   props: {
     messages: { default: () => [] },
@@ -995,69 +1000,85 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
     showAgentSteps: { type: Boolean, default: !0 },
     autoScroll: { type: Boolean, default: !0 },
     contentPaddingTop: { default: "80px" },
-    contentPaddingBottom: { default: "100px" },
+    contentPaddingBottom: { default: "140px" },
     showBackground: { type: Boolean, default: !0 }
   },
   emits: ["copy", "scroll", "scroll-bottom"],
-  setup(n, { expose: u, emit: M }) {
-    const c = n, $ = M, b = C(null), x = C(!1), p = async (o = "smooth") => {
-      await de(), b.value && b.value.scrollTo({
-        top: b.value.scrollHeight,
-        behavior: o
+  setup(n, { expose: p, emit: k }) {
+    const i = n, z = k, $ = b(null), E = b(!1), x = async (d = "smooth") => {
+      await de(), $.value && $.value.scrollTo({
+        top: $.value.scrollHeight,
+        behavior: d
       });
-    }, U = (o) => {
-      $("scroll", o);
-      const k = o.target;
-      if (!k) return;
-      const { scrollTop: L, scrollHeight: B, clientHeight: A } = k;
-      B - L - A < 50 ? (x.value = !1, $("scroll-bottom")) : c.isStreaming && (x.value = !0);
+    }, T = (d) => {
+      z("scroll", d);
+      const M = d.target;
+      if (!M) return;
+      const { scrollTop: L, scrollHeight: S, clientHeight: C } = M;
+      S - L - C < 50 ? (E.value = !1, z("scroll-bottom")) : E.value = !0;
     };
-    ae(
-      () => c.messages.length,
-      async () => {
-        c.autoScroll && !x.value && p();
+    J(
+      () => i.messages.length,
+      async (d, M) => {
+        d > (M || 0) && (E.value = !1), i.autoScroll && !E.value && x();
       }
-    ), ae(
+    ), J(
       () => {
-        var o;
-        return (o = c.messages[c.messages.length - 1]) == null ? void 0 : o.content;
+        var d;
+        return (d = i.messages[i.messages.length - 1]) == null ? void 0 : d.content;
       },
-      async (o, k) => {
-        c.isStreaming && c.autoScroll && !x.value && o && k && o.length > k.length && b.value && (b.value.scrollTop = b.value.scrollHeight);
+      async (d, M) => {
+        if (i.isStreaming && i.autoScroll && !E.value) {
+          const L = (d == null ? void 0 : d.length) || 0, S = (M == null ? void 0 : M.length) || 0;
+          L > S && $.value && $.value.scrollTo({
+            top: $.value.scrollHeight,
+            behavior: "instant"
+          });
+        }
       }
-    ), ae(
-      () => c.isTyping,
-      (o) => {
-        o && c.autoScroll && p();
+    ), J(
+      () => i.isTyping,
+      (d) => {
+        d && i.autoScroll && x();
       }
     );
-    const S = (o) => {
-      $("copy", o), navigator.clipboard && o.content && navigator.clipboard.writeText(o.content);
+    const _ = (d) => {
+      z("copy", d), navigator.clipboard && d.content && navigator.clipboard.writeText(d.content);
+    };
+    J(
+      () => i.agentSteps,
+      () => {
+        i.autoScroll && !E.value && x();
+      },
+      { deep: !0 }
+    );
+    const c = () => {
+      i.autoScroll && !E.value && x();
     };
-    return u({
-      scrollToBottom: p,
-      containerRef: b
-    }), (o, k) => (i(), d("div", ms, [
-      n.showBackground ? (i(), d("div", vs)) : H("", !0),
+    return p({
+      scrollToBottom: x,
+      containerRef: $
+    }), (d, M) => (o(), u("div", ms, [
+      n.showBackground ? (o(), u("div", vs)) : D("", !0),
       a("div", {
         class: "chat-message-list",
         ref_key: "containerRef",
-        ref: b,
-        onScroll: U,
+        ref: $,
+        onScroll: T,
         style: ve({
           paddingTop: n.contentPaddingTop,
           paddingBottom: n.contentPaddingBottom
         })
       }, [
-        n.showWelcome && n.messages.length === 0 ? (i(), d("div", gs, [
-          be(o.$slots, "welcome", {}, () => [
+        n.showWelcome && n.messages.length === 0 ? (o(), u("div", gs, [
+          be(d.$slots, "welcome", {}, () => [
             a("div", hs, [
               a("div", fs, [
-                n.appLogo ? (i(), d("img", {
+                n.appLogo ? (o(), u("img", {
                   key: 0,
                   src: n.appLogo,
                   alt: "Logo"
-                }, null, 8, ps)) : (i(), d("div", ys, [...k[0] || (k[0] = [
+                }, null, 8, ps)) : (o(), u("div", ys, [...M[0] || (M[0] = [
                   a("svg", {
                     viewBox: "0 0 1024 1024",
                     width: "32",
@@ -1070,41 +1091,42 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
                   ], -1)
                 ])]))
               ]),
-              a("h2", ws, P(n.appName), 1),
-              k[1] || (k[1] = a("p", { class: "welcome-desc" }, "今天有什么可以帮您？", -1))
+              a("h2", ws, F(n.appName), 1),
+              M[1] || (M[1] = a("p", { class: "welcome-desc" }, "今天有什么可以帮您？", -1))
             ])
           ], !0)
-        ])) : (i(), d("div", ks, [
-          (i(!0), d(ue, null, me(n.messages, (L, B) => (i(), d("div", {
-            key: L.id || B,
-            class: ne([
+        ])) : (o(), u("div", ks, [
+          (o(!0), u(ue, null, me(n.messages, (L, S) => (o(), u("div", {
+            key: L.id || S,
+            class: le([
               "message-row",
               L.role === "user" ? "message-user" : "message-assistant"
             ])
           }, [
-            L.role === "user" ? (i(), d("div", Ms, [
+            L.role === "user" ? (o(), u("div", Ms, [
               f(Ce, {
                 message: L,
                 "is-user": !0
               }, null, 8, ["message"])
-            ])) : (i(), d("div", Cs, [
-              n.showAgentSteps && B === n.messages.length - 1 && n.agentSteps && n.agentSteps.length > 0 ? (i(), G(Ne, {
+            ])) : (o(), u("div", Cs, [
+              n.showAgentSteps && S === n.messages.length - 1 && n.agentSteps && n.agentSteps.length > 0 ? (o(), G(Ne, {
                 key: 0,
-                steps: n.agentSteps
-              }, null, 8, ["steps"])) : H("", !0),
+                steps: n.agentSteps,
+                onResize: c
+              }, null, 8, ["steps"])) : D("", !0),
               a("div", bs, [
                 f(Ce, {
                   message: L,
                   "is-user": !1,
-                  "is-streaming": n.isStreaming && B === n.messages.length - 1
+                  "is-streaming": n.isStreaming && S === n.messages.length - 1
                 }, null, 8, ["message", "is-streaming"])
               ]),
-              L.content && !(n.isStreaming && B === n.messages.length - 1) ? (i(), d("div", _s, [
+              L.content && !(n.isStreaming && S === n.messages.length - 1) ? (o(), u("div", _s, [
                 a("button", {
                   class: "action-btn",
-                  onClick: (A) => S(L),
+                  onClick: (C) => _(L),
                   title: "复制"
-                }, [...k[2] || (k[2] = [
+                }, [...M[2] || (M[2] = [
                   a("svg", {
                     viewBox: "0 0 1024 1024",
                     width: "12",
@@ -1117,10 +1139,10 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
                   ], -1),
                   a("span", null, "复制", -1)
                 ])], 8, $s)
-              ])) : H("", !0)
+              ])) : D("", !0)
             ]))
           ], 2))), 128)),
-          n.isTyping ? (i(), d("div", xs, [...k[3] || (k[3] = [
+          n.isTyping ? (o(), u("div", xs, [...M[3] || (M[3] = [
             a("div", { class: "typing-indicator" }, [
               a("div", { class: "typing-dot" }),
               a("div", {
@@ -1132,12 +1154,12 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
                 style: { "animation-delay": "0.4s" }
               })
             ], -1)
-          ])])) : H("", !0)
+          ])])) : D("", !0)
         ]))
       ], 36)
     ]));
   }
-}), zs = /* @__PURE__ */ le(Ss, [["__scopeId", "data-v-bbd7bdf6"]]), As = {
+}), zs = /* @__PURE__ */ oe(Ss, [["__scopeId", "data-v-02d657d5"]]), As = {
   install(n) {
     n.component("ChatMessageList", zs), n.component("MultimodalMessage", Ce), n.component("MarkdownMessage", Fe), n.component("AgentSteps", Ne);
   }