rt-chat-messages 1.0.2 → 1.0.3

package/dist/chat-messages.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as Q, ref as C, onMounted as De, computed as O, createBlock as G, createCommentVNode as D, openBlock as i, Teleport as st, createElementBlock as d, 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 L, createTextVNode as ze, toDisplayString as F, 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";
@@ -14,20 +14,20 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
   },
   emits: ["update:visible", "close"],
   setup(n, { emit: p }) {
-    const k = n, o = p, S = C(!1);
+    const k = n, i = p, z = b(!1);
     De(() => {
-      S.value = !0;
+      z.value = !0;
     });
-    const $ = O(() => k.fullscreen ? { width: "100%", height: "100%", margin: 0 } : { width: k.width }), E = () => {
-      o("update:visible", !1), o("close");
+    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 (T, b) => 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: le(["cm-dialog-overlay", { "is-fullscreen": n.fullscreen }]),
         onClick: Z(x, ["self"])
@@ -41,11 +41,11 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
           a("div", it, [
             be(T.$slots, "default", {}, void 0, !0)
           ]),
-          n.showClose ? (i(), d("button", {
+          n.showClose ? (o(), u("button", {
             key: 0,
             class: "cm-dialog__close",
             onClick: E
-          }, [...b[0] || (b[0] = [
+          }, [..._[0] || (_[0] = [
             a("svg", {
               viewBox: "0 0 1024 1024",
               width: "16",
@@ -63,8 +63,8 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
   }
 }), oe = (n, p) => {
   const k = n.__vccOpts || n;
-  for (const [o, S] of p)
-    k[o] = S;
+  for (const [i, z] of p)
+    k[i] = z;
   return k;
 }, Me = /* @__PURE__ */ oe(rt, [["__scopeId", "data-v-efdf0259"]]), ct = ["disabled"], dt = {
   key: 0,
@@ -80,19 +80,19 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
   },
   emits: ["click"],
   setup(n, { emit: p }) {
-    const k = n, o = p, S = ($) => {
-      k.disabled || k.loading || o("click", $);
+    const k = n, i = p, z = ($) => {
+      k.disabled || k.loading || i("click", $);
     };
-    return ($, E) => (i(), d("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: S
+      onClick: z
     }, [
-      n.loading ? (i(), d("span", dt, [...E[0] || (E[0] = [
+      n.loading ? (o(), u("span", dt, [...E[0] || (E[0] = [
         a("svg", {
           viewBox: "0 0 1024 1024",
           width: "1em",
@@ -106,7 +106,7 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
       ])])) : be($.$slots, "default", { key: 1 }, void 0, !0)
     ], 10, ct));
   }
-}), N = /* @__PURE__ */ oe(ut, [["__scopeId", "data-v-bab126c7"]]), V = (n, p) => Q({
+}), N = /* @__PURE__ */ oe(ut, [["__scopeId", "data-v-bab126c7"]]), U = (n, p) => Q({
   name: n,
   render() {
     return Se(
@@ -122,43 +122,43 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
       [Se("path", { d: p })]
     );
   }
-}), fe = V(
+}), 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 = V(
+), 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 = V(
+), 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 = V(
+), 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 = V(
+), 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 = V(
+), 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 = V(
+), 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 = V(
+), 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 = V(
+), 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 = V(
+), 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 = V(
+), 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 = V(
+), 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 = V(
+), 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 = {
@@ -174,7 +174,7 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
     isStreaming: { type: Boolean, default: !1 }
   },
   setup(n) {
-    const p = n, k = C(), o = C(), S = C(!1), $ = C(""), E = C(""), x = C(!1), T = C(""), b = C(!1), c = C(1), v = C({ x: 0, y: 0 }), _ = C(!1), I = C({ x: 0, y: 0 }), z = C(1), M = C({ x: 0, y: 0 }), ee = C(!1), te = C({ x: 0, y: 0 }), se = C(""), q = C(/* @__PURE__ */ new Map());
+    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,
@@ -184,9 +184,9 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
     });
     const ge = (e) => {
       const t = e.renderer.rules.fence;
-      e.renderer.rules.fence = (l, g, r, s, m) => {
+      e.renderer.rules.fence = (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, m);
+        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,
@@ -209,13 +209,13 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
       return r.renderToken(e, t, l);
     };
     j.renderer.rules.image = function(e, t, l, g, r) {
-      const s = e[t], m = s.attrIndex("src");
-      if (m >= 0) {
-        const w = s.attrs[m][1], A = "img-" + ((Y) => {
+      const s = e[t], v = s.attrIndex("src");
+      if (v >= 0) {
+        const w = s.attrs[v][1], A = "img-" + ((W) => {
           let R = 0;
-          for (let U = 0; U < Y.length; U++) {
-            const X = Y.charCodeAt(U);
-            R = (R << 5) - R + X, R = R & R;
+          for (let Y = 0; Y < W.length; Y++) {
+            const V = W.charCodeAt(Y);
+            R = (R << 5) - R + V, R = R & R;
           }
           return Math.abs(R).toString(36);
         })(w);
@@ -264,20 +264,20 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
       let l, g = e;
       const r = [];
       for (; (l = t.exec(e)) !== null; ) {
-        const s = l[0], m = l[1];
-        if (q.value.has(m)) {
-          const w = q.value.get(m);
+        const s = l[0], v = l[1];
+        if (q.value.has(v)) {
+          const w = q.value.get(v);
           s !== w && r.push({ original: s, cached: w });
         } else
-          q.value.set(m, s);
+          q.value.set(v, s);
       }
-      for (const { original: s, cached: m } of r)
-        g = g.replace(s, m);
+      for (const { original: s, cached: v } of r)
+        g = g.replace(s, v);
       return g;
     }, we = (e) => {
-      if (!o.value)
+      if (!i.value)
         return;
-      const t = o.value;
+      const t = i.value;
       if (!p.isStreaming || t.children.length === 0) {
         t.innerHTML = e, p.isStreaming || de(() => {
           xe(), y();
@@ -288,12 +288,12 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
       l.innerHTML = e;
       const g = /* @__PURE__ */ new Map();
       t.querySelectorAll("img[data-image-id]").forEach((s) => {
-        const m = s.getAttribute("data-image-id");
-        m && g.set(m, s);
+        const v = s.getAttribute("data-image-id");
+        v && g.set(v, s);
       }), l.querySelectorAll("img[data-image-id]").forEach((s) => {
-        const m = s.getAttribute("data-image-id");
-        if (m && g.has(m)) {
-          const w = g.get(m);
+        const v = s.getAttribute("data-image-id");
+        if (v && g.has(v)) {
+          const w = g.get(v);
           s.parentNode && s.parentNode.replaceChild(w, s);
         }
       });
@@ -304,14 +304,14 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
     }, K = () => {
       try {
         if (!p.content) {
-          se.value = "", o.value && (o.value.innerHTML = ""), p.isStreaming || q.value.clear();
+          se.value = "", i.value && (i.value.innerHTML = ""), p.isStreaming || q.value.clear();
           return;
         }
         const e = he(p.content);
         let t = j.render(e);
         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), o.value && (o.value.innerHTML = `<pre style="white-space: pre-wrap; word-wrap: break-word;">${p.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>`);
       }
     };
     J(() => p.content, K), J(
@@ -322,8 +322,8 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
         });
       }
     );
-    const u = () => {
-      b.value = window.innerWidth < 768;
+    const m = () => {
+      _.value = window.innerWidth < 768;
     }, h = (e) => {
       let t = e;
       return t = t.replace(/!\[([^\]]*)\]\([^)]+\)/g, "$1"), [
@@ -331,10 +331,10 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
         /([A-Za-z0-9_]+)\(([^)]*[\u4e00-\u9fa5]+[^)]*)\)/g,
         /([A-Za-z0-9_]+)\{([^}]*[\u4e00-\u9fa5]+[^}]*)\}/g
       ].forEach((g) => {
-        t = t.replace(g, (r, s, m) => {
-          if (m.startsWith('"') && m.endsWith('"'))
+        t = t.replace(g, (r, s, v) => {
+          if (v.startsWith('"') && v.endsWith('"'))
             return r;
-          let w = m.replace(/^["']+|["']+$/g, "").replace(/["]/g, '\\"');
+          let w = v.replace(/^["']+|["']+$/g, "").replace(/["]/g, '\\"');
           return r.includes("[") ? `${s}["${w}"]` : r.includes("(") ? `${s}("${w}")` : r.includes("{") ? `${s}{"${w}"}` : r;
         });
       }), t;
@@ -349,94 +349,94 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
           if (s && r.getAttribute("data-processed") !== "true")
             try {
               r.setAttribute("data-processed", "true"), s = h(s);
-              const m = r.getAttribute("data-mermaid-id") || `mermaid-${Date.now()}-${Math.random()}`, { svg: w } = await Le.render(m, s), P = r.parentElement;
+              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", (Y) => {
-                  Y.preventDefault(), Y.stopPropagation(), T.value = w, z.value = 1, M.value = { x: 0, y: 0 }, x.value = !0;
+                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 (m) {
-              console.error("Mermaid render failure:", m);
+            } catch (v) {
+              console.error("Mermaid render failure:", v);
               const w = document.createElement("div");
-              w.className = "mermaid-error", w.textContent = `Mermaid render error: ${m}`, (l = r.parentElement) == null || l.replaceChild(w, r);
+              w.className = "mermaid-error", w.textContent = `Mermaid render error: ${v}`, (l = r.parentElement) == null || l.replaceChild(w, r);
             }
         }
     }, B = (e) => {
       e.preventDefault(), e.stopPropagation();
       const t = e.target;
-      $.value = t.src, E.value = t.alt || "Image Preview", c.value = 1, v.value = { x: 0, y: 0 }, S.value = !0;
-    }, W = () => {
-      c.value <= 1 && (v.value = { x: 0, y: 0 });
-    }, Ve = () => {
-      c.value = Math.min(c.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 = () => {
-      c.value = Math.max(c.value - 1, 0.5), W();
-    }, _e = () => {
-      c.value = 1, v.value = { x: 0, y: 0 };
+      c.value = Math.min(c.value + 1, 10), O();
     }, Ye = () => {
-      c.value <= 1 && (S.value = !1);
-    }, We = (e) => {
+      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, W();
-    }, Oe = (e) => {
+      c.value = l, O();
+    }, Xe = (e) => {
       var s;
       if (c.value <= 1) return;
-      e.preventDefault(), _.value = !0, I.value = {
-        x: e.clientX - v.value.x,
-        y: e.clientY - v.value.y
+      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 = (m) => {
-        if (!_.value || !l) return;
-        let w = m.clientX - I.value.x, P = m.clientY - I.value.y;
-        const A = t.offsetWidth, Y = t.offsetHeight, R = A * c.value, U = Y * c.value, X = 0.3, ke = l.width * (1 - X - 0.5) - R / 2, re = R / 2 - l.width * (1 - X - 0.5), ce = l.height * (1 - X - 0.5) - U / 2, ne = U / 2 - l.height * (1 - X - 0.5);
-        R > l.width ? w = Math.max(ke, Math.min(re, w)) : w = 0, U > l.height ? P = Math.max(ce, Math.min(ne, P)) : P = 0, v.value = { x: w, y: P };
+      const t = e.target, l = (s = t.parentElement) == null ? void 0 : s.getBoundingClientRect(), g = (v) => {
+        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 = () => {
-        _.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) => {
+    }, Ve = (e) => {
       var P;
       if (e.touches.length !== 1) return;
       const t = e.touches[0], l = t.clientX, g = t.clientY;
       if (c.value <= 1) return;
-      _.value = !0, I.value = {
-        x: l - v.value.x,
-        y: g - v.value.y
+      M.value = !0, L.value = {
+        x: l - d.value.x,
+        y: g - d.value.y
       };
-      const r = e.target, s = (P = r.parentElement) == null ? void 0 : P.getBoundingClientRect(), m = (A) => {
-        if (!_.value || A.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 = A.touches[0];
-        let R = Y.clientX - I.value.x, U = Y.clientY - I.value.y;
-        const X = r.offsetWidth, ke = r.offsetHeight, re = X * 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 ? U = Math.max(et, Math.min(tt, U)) : U = 0, v.value = { x: R, y: U };
+        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 = () => {
-        _.value = !1, document.removeEventListener("touchmove", m), document.removeEventListener("touchend", w);
+        M.value = !1, document.removeEventListener("touchmove", v), document.removeEventListener("touchend", w);
       };
-      document.addEventListener("touchmove", m, { passive: !1 }), document.addEventListener("touchend", w);
+      document.addEventListener("touchmove", v, { passive: !1 }), document.addEventListener("touchend", w);
     }, Ze = () => {
-      z.value = Math.min(z.value + 1, 10);
+      S.value = Math.min(S.value + 1, 10);
     }, qe = () => {
-      z.value = Math.max(z.value - 1, 0.5);
+      S.value = Math.max(S.value - 1, 0.5);
     }, $e = () => {
-      z.value = 1, M.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;
-      z.value = Math.max(0.5, Math.min(10, z.value + t));
+      S.value = Math.max(0.5, Math.min(10, S.value + t));
     }, Ke = (e) => {
-      var s, m;
-      if (z.value <= 1) return;
+      var s, v;
+      if (S.value <= 1) return;
       e.preventDefault(), ee.value = !0, te.value = {
-        x: e.clientX - M.value.x,
-        y: e.clientY - M.value.y
+        x: e.clientX - C.value.x,
+        y: e.clientY - C.value.y
       };
-      const l = (m = (s = e.target.closest(".mermaid-preview-content")) == null ? void 0 : s.parentElement) == null ? void 0 : m.getBoundingClientRect(), g = (w) => {
+      const l = (v = (s = e.target.closest(".mermaid-preview-content")) == null ? void 0 : s.parentElement) == null ? void 0 : v.getBoundingClientRect(), g = (w) => {
         if (!ee.value || !l) return;
         let P = w.clientX - te.value.x, A = w.clientY - te.value.y;
-        M.value = { x: P, y: A };
+        C.value = { x: P, y: A };
       }, r = () => {
         ee.value = !1, document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", r);
       };
@@ -454,28 +454,28 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
       });
     };
     return De(() => {
-      u(), window.addEventListener("resize", u), K(), xe(), y();
+      m(), window.addEventListener("resize", m), K(), xe(), y();
     }), Re(() => {
       k.value && k.value.querySelectorAll(
         ".markdown-content img"
       ).forEach((t) => {
         t.removeEventListener("click", B);
       });
-    }), (e, t) => (i(), d("div", {
+    }), (e, t) => (o(), u("div", {
       class: "markdown-message",
       ref_key: "markdownContainer",
       ref: k
     }, [
       a("div", {
         ref_key: "markdownContent",
-        ref: o,
+        ref: i,
         class: "markdown-content"
       }, null, 512),
       f(Me, {
-        visible: S.value,
-        "onUpdate:visible": t[2] || (t[2] = (l) => S.value = l),
-        width: b.value ? "95vw" : "80vw",
-        fullscreen: b.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": ""
@@ -483,30 +483,30 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
         default: H(() => [
           a("div", {
             class: "image-preview-container",
-            onClick: t[1] || (t[1] = Z((l) => S.value = !1, ["self"]))
+            onClick: t[1] || (t[1] = Z((l) => z.value = !1, ["self"]))
           }, [
             a("img", {
               src: $.value,
               alt: E.value,
               class: "preview-image",
               style: ve({
-                transform: `translate(${v.value.x}px, ${v.value.y}px) scale(${c.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(N, {
                   size: "small",
-                  onClick: Ue,
+                  onClick: Ye,
                   disabled: c.value <= 0.5
                 }, {
                   default: H(() => [
-                    f(L(Ie))
+                    f(I(Ie))
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
@@ -521,27 +521,27 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
                 }),
                 f(N, {
                   size: "small",
-                  onClick: Ve,
+                  onClick: Ue,
                   disabled: c.value >= 10
                 }, {
                   default: H(() => [
-                    f(L(Ee))
+                    f(I(Ee))
                   ]),
                   _: 1
                 }, 8, ["disabled"])
               ]),
               f(N, {
                 size: "small",
-                onClick: t[0] || (t[0] = (l) => S.value = !1),
+                onClick: t[0] || (t[0] = (l) => z.value = !1),
                 type: "danger"
               }, {
                 default: H(() => [
-                  f(L(fe))
+                  f(I(fe))
                 ]),
                 _: 1
               })
             ]),
-            b.value ? (i(), d("div", Mt, "双击重置 · 轻触关闭")) : D("", !0)
+            _.value ? (o(), u("div", Mt, "双击重置 · 轻触关闭")) : D("", !0)
           ])
         ]),
         _: 1
@@ -549,8 +549,8 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
       f(Me, {
         visible: x.value,
         "onUpdate:visible": t[5] || (t[5] = (l) => x.value = l),
-        width: b.value ? "95vw" : "90vw",
-        fullscreen: b.value,
+        width: _.value ? "95vw" : "90vw",
+        fullscreen: _.value,
         class: "mermaid-preview-dialog",
         "close-on-click-modal": !1,
         "append-to-body": ""
@@ -564,7 +564,7 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
               class: "mermaid-preview-content",
               innerHTML: T.value,
               style: ve({
-                transform: `translate(${M.value.x}px, ${M.value.y}px) scale(${z.value})`
+                transform: `translate(${C.value.x}px, ${C.value.y}px) scale(${S.value})`
               }),
               onWheel: Z(je, ["prevent"]),
               onDblclick: $e,
@@ -576,10 +576,10 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
                 f(N, {
                   size: "small",
                   onClick: qe,
-                  disabled: z.value <= 0.5
+                  disabled: S.value <= 0.5
                 }, {
                   default: H(() => [
-                    f(L(Ie))
+                    f(I(Ie))
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
@@ -588,17 +588,17 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
                   onClick: $e
                 }, {
                   default: H(() => [
-                    ze(F(Math.round(z.value * 100)) + "% ", 1)
+                    ze(F(Math.round(S.value * 100)) + "% ", 1)
                   ]),
                   _: 1
                 }),
                 f(N, {
                   size: "small",
                   onClick: Ze,
-                  disabled: z.value >= 10
+                  disabled: S.value >= 10
                 }, {
                   default: H(() => [
-                    f(L(Ee))
+                    f(I(Ee))
                   ]),
                   _: 1
                 }, 8, ["disabled"])
@@ -609,12 +609,12 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
                 type: "danger"
               }, {
                 default: H(() => [
-                  f(L(fe))
+                  f(I(fe))
                 ]),
                 _: 1
               })
             ]),
-            b.value ? (i(), d("div", $t, "双击重置 · 轻触关闭")) : D("", !0)
+            _.value ? (o(), u("div", $t, "双击重置 · 轻触关闭")) : D("", !0)
           ])
         ]),
         _: 1
@@ -636,10 +636,10 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
 }, 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__ */ Q({
@@ -650,113 +650,113 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
     isStreaming: { type: Boolean, default: !1 }
   },
   setup(n) {
-    const p = n, k = O(() => {
+    const p = n, k = X(() => {
       try {
         return p.message.metadata ? JSON.parse(p.message.metadata) : {};
       } catch {
         return {};
       }
-    }), o = O(
+    }), i = X(
       () => k.value.imageUrls || []
-    ), S = O(() => k.value.fileUrls || []), $ = O(() => k.value.audioUrl), E = O(() => p.message.attachments && p.message.attachments.length > 0 ? p.message.attachments : k.value.attachments && Array.isArray(k.value.attachments) ? k.value.attachments : []), x = C(!1), T = C(""), b = C(0), c = C(!1), v = C(!1), _ = C(0), I = C(0), z = O(() => I.value > 0 ? _.value / I.value * 100 : 0);
-    let M = null;
-    const ee = (u, h) => {
-      T.value = u, b.value = h, x.value = !0;
+    ), 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 = () => {
-      b.value > 0 && (b.value--, T.value = o.value[b.value]);
+      _.value > 0 && (_.value--, T.value = i.value[_.value]);
     }, se = () => {
-      b.value < o.value.length - 1 && (b.value++, T.value = o.value[b.value]);
-    }, q = (u, h) => {
+      _.value < i.value.length - 1 && (_.value++, T.value = i.value[_.value]);
+    }, q = (m, h) => {
       console.error("Image load failed:", h);
-      const y = u.target;
+      const y = m.target;
       y.style.display = "none";
-    }, ae = (u) => {
+    }, ae = (m) => {
       try {
-        const y = new URL(u).pathname, B = y.substring(y.lastIndexOf("/") + 1);
+        const y = new URL(m).pathname, B = y.substring(y.lastIndexOf("/") + 1);
         return decodeURIComponent(B) || "Unknown File";
       } catch {
         return "Unknown File";
       }
-    }, ge = (u) => {
+    }, ge = (m) => {
       var B;
-      return ((B = ae(u).split(".").pop()) == null ? void 0 : B.toUpperCase()) || "FILE";
-    }, j = (u) => {
-      const h = ge(u).toLowerCase();
-      ["jpg", "jpeg", "png", "gif", "webp", "pdf"].includes(h) ? window.open(u, "_blank") : ie(u);
-    }, ie = (u) => {
+      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 = u, h.download = ae(u), 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 ($.value)
         try {
-          M || (M = new Audio(), M.src = $.value, M.addEventListener("loadedmetadata", () => {
-            I.value = (M == null ? void 0 : M.duration) || 0;
-          }), M.addEventListener("timeupdate", () => {
-            _.value = (M == null ? void 0 : M.currentTime) || 0;
-          }), M.addEventListener("ended", () => {
-            c.value = !1, _.value = 0;
-          }), M.addEventListener("error", (u) => {
-            console.error("Audio playback error:", u), v.value = !1, c.value = !1;
-          })), c.value ? (M.pause(), c.value = !1) : (v.value = !0, await M.play(), c.value = !0, v.value = !1);
-        } catch (u) {
-          console.error("Audio playback failed:", u), v.value = !1, c.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), d.value = !1, c.value = !1;
         }
-    }, he = (u) => {
-      const h = Math.floor(u / 60), y = Math.floor(u % 60);
+    }, he = (m) => {
+      const h = Math.floor(m / 60), y = Math.floor(m % 60);
       return `${h}:${y.toString().padStart(2, "0")}`;
-    }, ye = (u) => {
-      if (u === 0) return "0 B";
-      const h = 1024, y = ["B", "KB", "MB", "GB"], B = Math.floor(Math.log(u) / Math.log(h));
-      return (u / Math.pow(h, B)).toFixed(2) + y[B];
-    }, we = (u) => {
+    }, ye = (m) => {
+      if (m === 0) return "0 B";
+      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 = u.split(".").pop()) == null ? void 0 : y.toUpperCase()) || "FILE";
-    }, K = (u) => {
-      x.value && (u.key === "ArrowLeft" ? te() : u.key === "ArrowRight" ? se() : u.key === "Escape" && (x.value = !1));
+      return ((y = m.split(".").pop()) == null ? void 0 : y.toUpperCase()) || "FILE";
+    }, K = (m) => {
+      x.value && (m.key === "ArrowLeft" ? te() : m.key === "ArrowRight" ? se() : m.key === "Escape" && (x.value = !1));
     };
-    return J(x, (u) => {
-      u ? document.addEventListener("keydown", K) : document.removeEventListener("keydown", K);
+    return J(x, (m) => {
+      m ? document.addEventListener("keydown", K) : document.removeEventListener("keydown", K);
     }), Re(() => {
-      M && (M.pause(), M = null), document.removeEventListener("keydown", K);
-    }), (u, h) => (i(), d("div", {
+      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"])
       ])) : D("", !0),
-      o.value && o.value.length > 0 ? (i(), d("div", zt, [
+      i.value && i.value.length > 0 ? (o(), u("div", zt, [
         a("div", {
-          class: le(["images-grid", `grid-${Math.min(o.value.length, 4)}`])
+          class: le(["images-grid", `grid-${Math.min(i.value.length, 4)}`])
         }, [
-          (i(!0), d(ue, null, me(o.value.slice(0, 4), (y, B) => (i(), d("div", {
+          (o(!0), u(ue, null, me(i.value.slice(0, 4), (y, B) => (o(), u("div", {
             key: B,
             class: "image-item",
-            onClick: (W) => ee(y, B)
+            onClick: (O) => ee(y, B)
           }, [
             a("img", {
               src: y,
               alt: `图片 ${B + 1}`,
-              onError: (W) => q(W, y),
+              onError: (O) => q(O, y),
               loading: "lazy"
             }, null, 40, Et),
-            B === 3 && o.value.length > 4 ? (i(), d("div", It, " +" + F(o.value.length - 4), 1)) : D("", !0)
+            B === 3 && i.value.length > 4 ? (o(), u("div", It, " +" + F(i.value.length - 4), 1)) : D("", !0)
           ], 8, Lt))), 128))
         ], 2)
       ])) : D("", !0),
-      E.value && E.value.length > 0 ? (i(), d("div", Bt, [
-        (i(!0), d(ue, null, me(E.value, (y, B) => (i(), d("div", {
+      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(L(Be), { class: "file-icon" })
+            f(I(Be), { class: "file-icon" })
           ]),
           a("div", Tt, [
             a("span", Ht, F(y.name), 1),
@@ -764,60 +764,60 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
           ])
         ]))), 128))
       ])) : D("", !0),
-      S.value && S.value.length > 0 ? (i(), d("div", Rt, [
-        (i(!0), d(ue, null, me(S.value, (y, B) => (i(), d("div", {
+      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(L(Be), { class: "file-icon" })
+            f(I(Be), { class: "file-icon" })
           ]),
           a("div", Nt, [
-            a("span", Vt, F(ae(y)), 1),
-            a("span", Ut, F(ge(y)), 1)
+            a("span", Ut, F(ae(y)), 1),
+            a("span", Yt, F(ge(y)), 1)
           ]),
-          a("div", Yt, [
+          a("div", Wt, [
             f(N, {
               size: "small",
               type: "text",
-              onClick: Z((W) => ie(y), ["stop"])
+              onClick: Z((O) => ie(y), ["stop"])
             }, {
               default: H(() => [
-                f(L(Ae))
+                f(I(Ae))
               ]),
               _: 1
             }, 8, ["onClick"])
           ])
         ], 8, Pt))), 128))
       ])) : D("", !0),
-      $.value ? (i(), d("div", Wt, [
-        a("div", Ot, [
+      $.value ? (o(), u("div", Ot, [
+        a("div", Xt, [
           f(N, {
             onClick: pe,
-            loading: v.value,
+            loading: d.value,
             circle: "",
             size: "small",
             class: "play-btn"
           }, {
             default: H(() => [
-              (i(), G(Pe(c.value ? L(vt) : L(mt))))
+              (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: z.value + "%" })
+                  style: ve({ width: S.value + "%" })
                 }, null, 4)
               ])
             ]),
             a("div", jt, [
-              a("span", null, F(he(_.value)), 1),
+              a("span", null, F(he(M.value)), 1),
               h[4] || (h[4] = a("span", null, "/", -1)),
-              a("span", null, F(he(I.value)), 1)
+              a("span", null, F(he(L.value)), 1)
             ])
           ]),
           f(N, {
@@ -827,7 +827,7 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
             class: "download-btn"
           }, {
             default: H(() => [
-              f(L(Ae))
+              f(I(Ae))
             ]),
             _: 1
           })
@@ -849,27 +849,27 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
               class: "preview-image",
               onClick: h[1] || (h[1] = (y) => x.value = !1)
             }, null, 8, Gt),
-            o.value && o.value.length > 1 ? (i(), d("div", Jt, [
+            i.value && i.value.length > 1 ? (o(), u("div", Jt, [
               f(N, {
                 onClick: te,
-                disabled: b.value === 0,
+                disabled: _.value === 0,
                 circle: "",
                 class: "nav-btn"
               }, {
                 default: H(() => [
-                  f(L(gt))
+                  f(I(gt))
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              a("span", Qt, F(b.value + 1) + " / " + F(o.value.length), 1),
+              a("span", Qt, F(_.value + 1) + " / " + F(i.value.length), 1),
               f(N, {
                 onClick: se,
-                disabled: b.value === o.value.length - 1,
+                disabled: _.value === i.value.length - 1,
                 circle: "",
                 class: "nav-btn"
               }, {
                 default: H(() => [
-                  f(L(ht))
+                  f(I(ht))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -880,7 +880,7 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
               circle: ""
             }, {
               default: H(() => [
-                f(L(fe))
+                f(I(fe))
               ]),
               _: 1
             })
@@ -909,40 +909,40 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
   },
   emits: ["resize"],
   setup(n, { emit: p }) {
-    const k = n, o = C(!0), S = p, $ = () => {
-      o.value = !o.value, setTimeout(() => {
-        S("resize");
+    const k = n, i = b(!0), z = p, $ = () => {
+      i.value = !i.value, setTimeout(() => {
+        z("resize");
       }, 300);
-    }, E = O(
+    }, E = X(
       () => k.steps.some((T) => T.status === "running")
-    ), x = O(() => {
+    ), x = X(() => {
       const T = k.steps.find((c) => c.status === "running");
       if (T)
         return `正在${T.displayName}...`;
-      const b = k.steps.filter(
+      const _ = k.steps.filter(
         (c) => c.status === "completed"
       ).length;
-      return b === k.steps.length ? "处理完成" : `已完成 ${b}/${k.steps.length} 个步骤`;
+      return _ === k.steps.length ? "处理完成" : `已完成 ${_}/${k.steps.length} 个步骤`;
     });
-    return (T, b) => n.steps.length > 0 ? (i(), d("div", ts, [
+    return (T, _) => n.steps.length > 0 ? (o(), u("div", ts, [
       a("div", {
         class: "steps-header",
         onClick: $
       }, [
         a("div", ss, [
-          E.value ? (i(), d("div", as, [
-            f(L(Te))
-          ])) : (i(), d("div", ns, [
-            f(L(He))
+          E.value ? (o(), u("div", as, [
+            f(I(Te))
+          ])) : (o(), u("div", ns, [
+            f(I(He))
           ]))
         ]),
         a("span", ls, F(x.value), 1),
         a("div", os, [
-          (i(), G(Pe(o.value ? L(ft) : L(pt))))
+          (o(), G(Pe(i.value ? I(ft) : I(pt))))
         ])
       ]),
       at(a("div", is, [
-        (i(!0), d(ue, null, me(n.steps, (c) => (i(), d("div", {
+        (o(!0), u(ue, null, me(n.steps, (c) => (o(), u("div", {
           key: c.name,
           class: le(["step-item", {
             "is-running": c.status === "running",
@@ -951,15 +951,15 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
           }])
         }, [
           a("div", rs, [
-            c.status === "running" ? (i(), G(L(Te), {
+            c.status === "running" ? (o(), G(I(Te), {
               key: 0,
               class: "icon-spin"
-            })) : c.status === "completed" ? (i(), G(L(He), { key: 1 })) : c.status === "error" ? (i(), G(L(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, F(c.displayName), 1)
         ], 2))), 128))
       ], 512), [
-        [nt, o.value]
+        [nt, i.value]
       ])
     ])) : D("", !0);
   }
@@ -1005,55 +1005,61 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
   },
   emits: ["copy", "scroll", "scroll-bottom"],
   setup(n, { expose: p, emit: k }) {
-    const o = n, S = k, $ = C(null), E = C(!1), x = async (v = "smooth") => {
+    const i = n, z = k, $ = b(null), E = b(!1), x = async (d = "smooth") => {
       await de(), $.value && $.value.scrollTo({
         top: $.value.scrollHeight,
-        behavior: v
+        behavior: d
       });
-    }, T = (v) => {
-      S("scroll", v);
-      const _ = v.target;
-      if (!_) return;
-      const { scrollTop: I, scrollHeight: z, clientHeight: M } = _;
-      z - I - M < 50 ? (E.value = !1, S("scroll-bottom")) : o.isStreaming && (E.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;
     };
     J(
-      () => o.messages.length,
-      async () => {
-        o.autoScroll && !E.value && x();
+      () => i.messages.length,
+      async (d, M) => {
+        d > (M || 0) && (E.value = !1), i.autoScroll && !E.value && x();
       }
     ), J(
       () => {
-        var v;
-        return (v = o.messages[o.messages.length - 1]) == null ? void 0 : v.content;
+        var d;
+        return (d = i.messages[i.messages.length - 1]) == null ? void 0 : d.content;
       },
-      async (v, _) => {
-        o.isStreaming && o.autoScroll && !E.value && v && _ && v.length > _.length && $.value && ($.value.scrollTop = $.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"
+          });
+        }
       }
     ), J(
-      () => o.isTyping,
-      (v) => {
-        v && o.autoScroll && x();
+      () => i.isTyping,
+      (d) => {
+        d && i.autoScroll && x();
       }
     );
-    const b = (v) => {
-      S("copy", v), navigator.clipboard && v.content && navigator.clipboard.writeText(v.content);
+    const _ = (d) => {
+      z("copy", d), navigator.clipboard && d.content && navigator.clipboard.writeText(d.content);
     };
     J(
-      () => o.agentSteps,
+      () => i.agentSteps,
       () => {
-        o.autoScroll && !E.value && x();
+        i.autoScroll && !E.value && x();
       },
       { deep: !0 }
     );
     const c = () => {
-      o.autoScroll && !E.value && x();
+      i.autoScroll && !E.value && x();
     };
     return p({
       scrollToBottom: x,
       containerRef: $
-    }), (v, _) => (i(), d("div", ms, [
-      n.showBackground ? (i(), d("div", vs)) : D("", !0),
+    }), (d, M) => (o(), u("div", ms, [
+      n.showBackground ? (o(), u("div", vs)) : D("", !0),
       a("div", {
         class: "chat-message-list",
         ref_key: "containerRef",
@@ -1064,15 +1070,15 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
           paddingBottom: n.contentPaddingBottom
         })
       }, [
-        n.showWelcome && n.messages.length === 0 ? (i(), d("div", gs, [
-          be(v.$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, [..._[0] || (_[0] = [
+                }, null, 8, ps)) : (o(), u("div", ys, [...M[0] || (M[0] = [
                   a("svg", {
                     viewBox: "0 0 1024 1024",
                     width: "32",
@@ -1086,41 +1092,41 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
                 ])]))
               ]),
               a("h2", ws, F(n.appName), 1),
-              _[1] || (_[1] = a("p", { class: "welcome-desc" }, "今天有什么可以帮您？", -1))
+              M[1] || (M[1] = a("p", { class: "welcome-desc" }, "今天有什么可以帮您？", -1))
             ])
           ], !0)
-        ])) : (i(), d("div", ks, [
-          (i(!0), d(ue, null, me(n.messages, (I, z) => (i(), d("div", {
-            key: I.id || z,
+        ])) : (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",
-              I.role === "user" ? "message-user" : "message-assistant"
+              L.role === "user" ? "message-user" : "message-assistant"
             ])
           }, [
-            I.role === "user" ? (i(), d("div", Ms, [
+            L.role === "user" ? (o(), u("div", Ms, [
               f(Ce, {
-                message: I,
+                message: L,
                 "is-user": !0
               }, null, 8, ["message"])
-            ])) : (i(), d("div", Cs, [
-              n.showAgentSteps && z === 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,
                 onResize: c
               }, null, 8, ["steps"])) : D("", !0),
               a("div", bs, [
                 f(Ce, {
-                  message: I,
+                  message: L,
                   "is-user": !1,
-                  "is-streaming": n.isStreaming && z === n.messages.length - 1
+                  "is-streaming": n.isStreaming && S === n.messages.length - 1
                 }, null, 8, ["message", "is-streaming"])
               ]),
-              I.content && !(n.isStreaming && z === 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: (M) => b(I),
+                  onClick: (C) => _(L),
                   title: "复制"
-                }, [..._[2] || (_[2] = [
+                }, [...M[2] || (M[2] = [
                   a("svg", {
                     viewBox: "0 0 1024 1024",
                     width: "12",
@@ -1136,7 +1142,7 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
               ])) : D("", !0)
             ]))
           ], 2))), 128)),
-          n.isTyping ? (i(), d("div", xs, [..._[3] || (_[3] = [
+          n.isTyping ? (o(), u("div", xs, [...M[3] || (M[3] = [
             a("div", { class: "typing-indicator" }, [
               a("div", { class: "typing-dot" }),
               a("div", {
@@ -1153,7 +1159,7 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
       ], 36)
     ]));
   }
-}), zs = /* @__PURE__ */ oe(Ss, [["__scopeId", "data-v-e2996e5d"]]), 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);
   }