rt-chat-messages 1.0.0

package/dist/chat-messages.es.js

@@ -0,0 +1,1151 @@
+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 lt from "markdown-it";
+import ot from "@vscode/markdown-it-katex";
+import Le from "mermaid";
+const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ J({
+  __name: "Dialog",
+  props: {
+    visible: { type: Boolean, default: !1 },
+    width: { default: "50%" },
+    fullscreen: { type: Boolean, default: !1 },
+    showClose: { type: Boolean, default: !0 },
+    closeOnClickModal: { type: Boolean, default: !0 },
+    appendToBody: { type: Boolean, default: !0 }
+  },
+  emits: ["update:visible", "close"],
+  setup(n, { emit: u }) {
+    const M = n, c = u, $ = C(!1);
+    De(() => {
+      $.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();
+    };
+    return (U, S) => $.value ? (i(), G(st, {
+      key: 0,
+      to: "body"
+    }, [
+      n.visible ? (i(), d("div", {
+        key: 0,
+        class: ne(["cm-dialog-overlay", { "is-fullscreen": n.fullscreen }]),
+        onClick: Z(p, ["self"])
+      }, [
+        a("div", {
+          class: "cm-dialog",
+          style: ve(b.value),
+          role: "dialog",
+          "aria-modal": "true"
+        }, [
+          a("div", it, [
+            be(U.$slots, "default", {}, void 0, !0)
+          ]),
+          n.showClose ? (i(), d("button", {
+            key: 0,
+            class: "cm-dialog__close",
+            onClick: x
+          }, [...S[0] || (S[0] = [
+            a("svg", {
+              viewBox: "0 0 1024 1024",
+              width: "16",
+              height: "16"
+            }, [
+              a("path", {
+                fill: "currentColor",
+                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)
+        ], 4)
+      ], 2)) : H("", !0)
+    ])) : H("", !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 = {
+  key: 0,
+  class: "cm-icon-loading"
+}, ut = /* @__PURE__ */ J({
+  __name: "Button",
+  props: {
+    type: { default: "default" },
+    size: { default: "default" },
+    circle: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(n, { emit: u }) {
+    const M = n, c = u, $ = (b) => {
+      M.disabled || M.loading || c("click", b);
+    };
+    return (b, x) => (i(), d("button", {
+      class: ne(["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: $
+    }, [
+      n.loading ? (i(), d("span", dt, [...x[0] || (x[0] = [
+        a("svg", {
+          viewBox: "0 0 1024 1024",
+          width: "1em",
+          height: "1em"
+        }, [
+          a("path", {
+            fill: "currentColor",
+            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)
+    ], 10, ct));
+  }
+}), F = /* @__PURE__ */ le(ut, [["__scopeId", "data-v-bab126c7"]]), N = (n, u) => J({
+  name: n,
+  render() {
+    return Se(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 1024 1024",
+        width: "1em",
+        height: "1em",
+        fill: "currentColor",
+        style: "vertical-align: middle"
+      },
+      [Se("path", { d: u })]
+    );
+  }
+}), fe = N(
+  "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(
+  "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(
+  "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(
+  "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(
+  "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(
+  "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(
+  "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(
+  "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(
+  "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(
+  "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(
+  "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(
+  "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(
+  "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 = {
+  key: 0,
+  class: "mobile-close-hint"
+}, Ct = ["innerHTML"], bt = { class: "preview-controls" }, _t = { class: "cm-button-group" }, $t = {
+  key: 0,
+  class: "mobile-close-hint"
+}, xt = /* @__PURE__ */ J({
+  __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;
+    Le.initialize({
+      startOnLoad: !1,
+      theme: "default",
+      securityLevel: "loose",
+      fontFamily: "inherit"
+    });
+    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);
+      };
+    }, j = new lt({
+      html: !0,
+      // 允许HTML标签，以便markdown渲染的标签能正常显示
+      xhtmlOut: !1,
+      breaks: !0,
+      // 转换段落里的 '\n' 到 <br>
+      langPrefix: "language-",
+      // 给围栏代码块的CSS语言前缀
+      linkify: !0,
+      // 将类似URL的文本自动转换为链接
+      typographer: !0,
+      // 启用一些语言中性的替换 + 引号美化
+      quotes: `""''`,
+      // 双引号和单引号的替换对，中文环境
+      highlight: function(e, t) {
+        return t && t.trim() ? `<pre class="hljs language-${t}"><code>${((g) => g.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;"))(e)}</code></pre>` : `<pre class="hljs"><code>${e}</code></pre>`;
+      }
+    }), ie = j.renderer.rules.image || function(e, t, l, g, r) {
+      return r.renderToken(e, t, l);
+    };
+    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;
+          }
+          return Math.abs(D).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");
+      }
+      return ie(e, t, l, g, r);
+    }, j.use(ot, {
+      throwOnError: !1,
+      errorColor: "#cc0000"
+    }), j.use(ge);
+    const pe = (e) => {
+      const t = e.match(/```[\w]*\n/g), l = e.match(/\n```/g), g = (t == null ? void 0 : t.length) || 0, r = (l == null ? void 0 : l.length) || 0;
+      return g > r && (e += "\n```"), e;
+    }, he = (e) => {
+      if (!e) return "";
+      e = e.replace(/；；\s*$/g, ""), e = e.replace(/;;\s*$/g, "");
+      const t = /^```(?:markdown|md)\s*\n([\s\S]*?)\n```$/, l = e.match(t);
+      if (l)
+        e = l[1];
+      else {
+        const g = /^```\s*\n([\s\S]*?)\n```$/, r = e.match(g);
+        if (r) {
+          const s = r[1];
+          (/^#{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) {
+        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)) {
+          const s = /\n```\s*$/;
+          s.test(e) && (e = e.replace(s, ""));
+        }
+      }
+      return e = e.replace(
+        /```(?:markdown|md)\s*\n([\s\S]*?)\n```/g,
+        (g, r) => r
+      ), u.isStreaming && (e = pe(e)), e;
+    }, ye = (e) => {
+      if (!e.includes("<img"))
+        return e;
+      const t = /<img[^>]*?src="([^"]*)"[^>]*?>/g;
+      let l, g = e;
+      const r = [];
+      for (; (l = t.exec(e)) !== null; ) {
+        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(v, s);
+      }
+      for (const { original: s, cached: v } of r)
+        g = g.replace(s, v);
+      return g;
+    }, we = (e) => {
+      if (!c.value)
+        return;
+      const t = c.value;
+      if (!u.isStreaming || t.children.length === 0) {
+        t.innerHTML = e, u.isStreaming || de(() => {
+          xe(), y();
+        });
+        return;
+      }
+      const l = document.createElement("div");
+      l.innerHTML = e;
+      const g = /* @__PURE__ */ new Map();
+      t.querySelectorAll("img[data-image-id]").forEach((s) => {
+        const v = s.getAttribute("data-image-id");
+        v && g.set(v, s);
+      }), l.querySelectorAll("img[data-image-id]").forEach((s) => {
+        const v = s.getAttribute("data-image-id");
+        if (v && g.has(v)) {
+          const w = g.get(v);
+          s.parentNode && s.parentNode.replaceChild(w, s);
+        }
+      });
+      const r = document.createDocumentFragment();
+      for (; l.firstChild; )
+        r.appendChild(l.firstChild);
+      t.innerHTML = "", t.appendChild(r);
+    }, K = () => {
+      try {
+        if (!u.content) {
+          ee.value = "", c.value && (c.value.innerHTML = ""), u.isStreaming || q.value.clear();
+          return;
+        }
+        const e = he(u.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();
+      } 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>`);
+      }
+    };
+    ae(() => u.content, K), ae(
+      () => u.isStreaming,
+      (e, t) => {
+        t && !e && de(() => {
+          K();
+        });
+      }
+    );
+    const m = () => {
+      S.value = window.innerWidth < 768;
+    }, h = (e) => {
+      let t = e;
+      return t = t.replace(/!\[([^\]]*)\]\([^)]+\)/g, "$1"), [
+        /([A-Za-z0-9_]+)\[([^\]]*[\u4e00-\u9fa5]+[^\]]*)\]/g,
+        /([A-Za-z0-9_]+)\(([^)]*[\u4e00-\u9fa5]+[^)]*)\)/g,
+        /([A-Za-z0-9_]+)\{([^}]*[\u4e00-\u9fa5]+[^}]*)\}/g
+      ].forEach((g) => {
+        t = t.replace(g, (r, s, v) => {
+          if (v.startsWith('"') && v.endsWith('"'))
+            return r;
+          let w = v.replace(/^["']+|["']+$/g, "").replace(/["]/g, '\\"');
+          return r.includes("[") ? `${s}["${w}"]` : r.includes("(") ? `${s}("${w}")` : r.includes("{") ? `${s}{"${w}"}` : r;
+        });
+      }), t;
+    }, y = async () => {
+      var t, l;
+      if (u.isStreaming || (await de(), !M.value)) return;
+      const e = M.value.querySelectorAll(".mermaid");
+      if (e.length !== 0)
+        for (const g of Array.from(e)) {
+          const r = g;
+          let s = (t = r.textContent) == null ? void 0 : t.trim();
+          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);
+              }
+            } catch (v) {
+              console.error("Mermaid render failure:", v);
+              const w = document.createElement("div");
+              w.className = "mermaid-error", w.textContent = `Mermaid render error: ${v}`, (l = r.parentElement) == null || l.replaceChild(w, r);
+            }
+        }
+    }, E = (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();
+    }, Ue = () => {
+      o.value = Math.max(o.value - 1, 0.5), W();
+    }, _e = () => {
+      o.value = 1, k.value = { x: 0, y: 0 };
+    }, 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();
+    }, Oe = (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
+      };
+      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 };
+      }, r = () => {
+        L.value = !1, document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", r);
+      };
+      document.addEventListener("mousemove", g), document.addEventListener("mouseup", r);
+    }, Xe = (e) => {
+      var R;
+      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
+      };
+      const r = e.target, s = (R = r.parentElement) == null ? void 0 : R.getBoundingClientRect(), v = (I) => {
+        if (!L.value || I.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 };
+      }, w = () => {
+        L.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);
+    }, qe = () => {
+      A.value = Math.max(A.value - 1, 0.5);
+    }, $e = () => {
+      A.value = 1, _.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));
+    }, 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
+      };
+      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 };
+      }, r = () => {
+        oe.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(
+          ".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));
+        });
+      });
+    };
+    return De(() => {
+      m(), window.addEventListener("resize", m), K(), xe(), y();
+    }), Re(() => {
+      M.value && M.value.querySelectorAll(
+        ".markdown-content img"
+      ).forEach((t) => {
+        t.removeEventListener("click", E);
+      });
+    }), (e, t) => (i(), d("div", {
+      class: "markdown-message",
+      ref_key: "markdownContainer",
+      ref: M
+    }, [
+      a("div", {
+        ref_key: "markdownContent",
+        ref: c,
+        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,
+        class: "image-preview-dialog",
+        "close-on-click-modal": !1,
+        "append-to-body": ""
+      }, {
+        default: T(() => [
+          a("div", {
+            class: "image-preview-container",
+            onClick: t[1] || (t[1] = Z((l) => $.value = !1, ["self"]))
+          }, [
+            a("img", {
+              src: b.value,
+              alt: x.value,
+              class: "preview-image",
+              style: ve({
+                transform: `translate(${k.value.x}px, ${k.value.y}px) scale(${o.value})`
+              }),
+              onWheel: Z(We, ["prevent"]),
+              onDblclick: _e,
+              onMousedown: Oe,
+              onTouchstart: Z(Xe, ["prevent"]),
+              onClick: Ye
+            }, null, 44, yt),
+            a("div", wt, [
+              a("div", kt, [
+                f(F, {
+                  size: "small",
+                  onClick: Ue,
+                  disabled: o.value <= 0.5
+                }, {
+                  default: T(() => [
+                    f(z(Ie))
+                  ]),
+                  _: 1
+                }, 8, ["disabled"]),
+                f(F, {
+                  size: "small",
+                  onClick: _e
+                }, {
+                  default: T(() => [
+                    ze(P(Math.round(o.value * 100)) + "% ", 1)
+                  ]),
+                  _: 1
+                }),
+                f(F, {
+                  size: "small",
+                  onClick: Ve,
+                  disabled: o.value >= 10
+                }, {
+                  default: T(() => [
+                    f(z(Ee))
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])
+              ]),
+              f(F, {
+                size: "small",
+                onClick: t[0] || (t[0] = (l) => $.value = !1),
+                type: "danger"
+              }, {
+                default: T(() => [
+                  f(z(fe))
+                ]),
+                _: 1
+              })
+            ]),
+            S.value ? (i(), d("div", Mt, "双击重置 · 轻触关闭")) : H("", !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,
+        class: "mermaid-preview-dialog",
+        "close-on-click-modal": !1,
+        "append-to-body": ""
+      }, {
+        default: T(() => [
+          a("div", {
+            class: "mermaid-preview-container",
+            onClick: t[4] || (t[4] = Z((l) => p.value = !1, ["self"]))
+          }, [
+            a("div", {
+              class: "mermaid-preview-content",
+              innerHTML: U.value,
+              style: ve({
+                transform: `translate(${_.value.x}px, ${_.value.y}px) scale(${A.value})`
+              }),
+              onWheel: Z(je, ["prevent"]),
+              onDblclick: $e,
+              onMousedown: Ke,
+              onTouchstart: Z(Ge, ["prevent"])
+            }, null, 44, Ct),
+            a("div", bt, [
+              a("div", _t, [
+                f(F, {
+                  size: "small",
+                  onClick: qe,
+                  disabled: A.value <= 0.5
+                }, {
+                  default: T(() => [
+                    f(z(Ie))
+                  ]),
+                  _: 1
+                }, 8, ["disabled"]),
+                f(F, {
+                  size: "small",
+                  onClick: $e
+                }, {
+                  default: T(() => [
+                    ze(P(Math.round(A.value * 100)) + "% ", 1)
+                  ]),
+                  _: 1
+                }),
+                f(F, {
+                  size: "small",
+                  onClick: Ze,
+                  disabled: A.value >= 10
+                }, {
+                  default: T(() => [
+                    f(z(Ee))
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])
+              ]),
+              f(F, {
+                size: "small",
+                onClick: t[3] || (t[3] = (l) => p.value = !1),
+                type: "danger"
+              }, {
+                default: T(() => [
+                  f(z(fe))
+                ]),
+                _: 1
+              })
+            ]),
+            S.value ? (i(), d("div", $t, "双击重置 · 轻触关闭")) : H("", !0)
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible", "width", "fullscreen"])
+    ], 512));
+  }
+}), Fe = /* @__PURE__ */ le(xt, [["__scopeId", "data-v-3b421627"]]), St = {
+  key: 0,
+  class: "text-content"
+}, zt = {
+  key: 1,
+  class: "images-content"
+}, Lt = ["onClick"], Et = ["src", "alt", "onError"], It = {
+  key: 0,
+  class: "more-images"
+}, Bt = {
+  key: 2,
+  class: "attachments-content"
+}, 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 = {
+  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 = {
+  key: 0,
+  class: "image-nav"
+}, Qt = { class: "image-counter" }, es = /* @__PURE__ */ J({
+  __name: "MultimodalMessage",
+  props: {
+    message: {},
+    isUser: { type: Boolean, default: !1 },
+    isStreaming: { type: Boolean, default: !1 }
+  },
+  setup(n) {
+    const u = n, M = O(() => {
+      try {
+        return u.message.metadata ? JSON.parse(u.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]);
+    }, q = (m, h) => {
+      console.error("Image load failed:", h);
+      const y = m.target;
+      y.style.display = "none";
+    }, te = (m) => {
+      try {
+        const y = new URL(m).pathname, E = y.substring(y.lastIndexOf("/") + 1);
+        return decodeURIComponent(E) || "Unknown File";
+      } catch {
+        return "Unknown File";
+      }
+    }, ge = (m) => {
+      var E;
+      return ((E = te(m).split(".").pop()) == null ? void 0 : E.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);
+      } catch (h) {
+        console.error("Download failed:", h), alert("下载失败");
+      }
+    }, pe = async () => {
+      if (b.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);
+        } catch (m) {
+          console.error("Audio playback failed:", m), k.value = !1, o.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];
+    }, 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));
+    };
+    return ae(p, (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 }])
+    }, [
+      n.message.content ? (i(), d("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, [
+        a("div", {
+          class: ne(["images-grid", `grid-${Math.min(c.value.length, 4)}`])
+        }, [
+          (i(!0), d(ue, null, me(c.value.slice(0, 4), (y, E) => (i(), d("div", {
+            key: E,
+            class: "image-item",
+            onClick: (W) => oe(y, E)
+          }, [
+            a("img", {
+              src: y,
+              alt: `图片 ${E + 1}`,
+              onError: (W) => q(W, y),
+              loading: "lazy"
+            }, null, 40, Et),
+            E === 3 && c.value.length > 4 ? (i(), d("div", It, " +" + P(c.value.length - 4), 1)) : H("", !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,
+          class: "attachment-item"
+        }, [
+          a("div", At, [
+            f(z(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)
+          ])
+        ]))), 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,
+          class: "file-item",
+          onClick: (W) => j(y)
+        }, [
+          a("div", Ft, [
+            f(z(Be), { class: "file-icon" })
+          ]),
+          a("div", Nt, [
+            a("span", Vt, P(te(y)), 1),
+            a("span", Ut, P(ge(y)), 1)
+          ]),
+          a("div", Yt, [
+            f(F, {
+              size: "small",
+              type: "text",
+              onClick: Z((W) => ie(y), ["stop"])
+            }, {
+              default: T(() => [
+                f(z(Ae))
+              ]),
+              _: 1
+            }, 8, ["onClick"])
+          ])
+        ], 8, Pt))), 128))
+      ])) : H("", !0),
+      b.value ? (i(), d("div", Wt, [
+        a("div", Ot, [
+          f(F, {
+            onClick: pe,
+            loading: k.value,
+            circle: "",
+            size: "small",
+            class: "play-btn"
+          }, {
+            default: T(() => [
+              (i(), G(Pe(o.value ? z(vt) : z(mt))))
+            ]),
+            _: 1
+          }, 8, ["loading"]),
+          a("div", Xt, [
+            a("div", Zt, [
+              a("div", qt, [
+                a("div", {
+                  class: "progress-fill",
+                  style: ve({ width: A.value + "%" })
+                }, null, 4)
+              ])
+            ]),
+            a("div", jt, [
+              a("span", null, P(he(L.value)), 1),
+              h[4] || (h[4] = a("span", null, "/", -1)),
+              a("span", null, P(he(B.value)), 1)
+            ])
+          ]),
+          f(F, {
+            onClick: h[0] || (h[0] = (y) => ie(b.value)),
+            size: "small",
+            type: "text",
+            class: "download-btn"
+          }, {
+            default: T(() => [
+              f(z(Ae))
+            ]),
+            _: 1
+          })
+        ])
+      ])) : H("", !0),
+      f(Me, {
+        visible: p.value,
+        "onUpdate:visible": h[3] || (h[3] = (y) => p.value = y),
+        width: "90%",
+        "show-close": !1,
+        "append-to-body": "",
+        class: "image-preview-dialog-wrapper"
+      }, {
+        default: T(() => [
+          a("div", Kt, [
+            a("img", {
+              src: U.value,
+              alt: "预览图片",
+              class: "preview-image",
+              onClick: h[1] || (h[1] = (y) => p.value = !1)
+            }, null, 8, Gt),
+            c.value && c.value.length > 1 ? (i(), d("div", Jt, [
+              f(F, {
+                onClick: Q,
+                disabled: S.value === 0,
+                circle: "",
+                class: "nav-btn"
+              }, {
+                default: T(() => [
+                  f(z(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,
+                circle: "",
+                class: "nav-btn"
+              }, {
+                default: T(() => [
+                  f(z(ht))
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ])) : H("", !0),
+            f(F, {
+              onClick: h[2] || (h[2] = (y) => p.value = !1),
+              class: "close-btn",
+              circle: ""
+            }, {
+              default: T(() => [
+                f(z(fe))
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible"])
+    ], 2));
+  }
+}), Ce = /* @__PURE__ */ le(es, [["__scopeId", "data-v-8a954827"]]), ts = {
+  key: 0,
+  class: "agent-steps"
+}, ss = { class: "steps-indicator" }, as = {
+  key: 0,
+  class: "icon-running"
+}, ns = {
+  key: 1,
+  class: "icon-completed"
+}, 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({
+  __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"
+      ).length;
+      return x === u.steps.length ? "处理完成" : `已完成 ${x}/${u.steps.length} 个步骤`;
+    });
+    return (b, x) => n.steps.length > 0 ? (i(), d("div", ts, [
+      a("div", {
+        class: "steps-header",
+        onClick: x[0] || (x[0] = (p) => M.value = !M.value)
+      }, [
+        a("div", ss, [
+          c.value ? (i(), d("div", as, [
+            f(z(Te))
+          ])) : (i(), d("div", ns, [
+            f(z(He))
+          ]))
+        ]),
+        a("span", ls, P($.value), 1),
+        a("div", os, [
+          (i(), G(Pe(M.value ? z(ft) : z(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"
+          }])
+        }, [
+          a("div", rs, [
+            p.status === "running" ? (i(), G(z(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))
+          ]),
+          a("span", ds, P(p.displayName), 1)
+        ], 2))), 128))
+      ], 512), [
+        [nt, M.value]
+      ])
+    ])) : H("", !0);
+  }
+}), Ne = /* @__PURE__ */ le(us, [["__scopeId", "data-v-eaae06ac"]]), 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 = {
+  key: 1,
+  class: "default-logo"
+}, ws = { class: "welcome-title" }, ks = {
+  key: 1,
+  class: "messages-container"
+}, Ms = {
+  key: 0,
+  class: "message-bubble user-bubble"
+}, Cs = {
+  key: 1,
+  class: "message-content assistant-content"
+}, bs = { class: "message-bubble assistant-bubble" }, _s = {
+  key: 1,
+  class: "message-actions"
+}, $s = ["onClick"], xs = {
+  key: 0,
+  class: "message-row message-assistant"
+}, Ss = /* @__PURE__ */ J({
+  __name: "ChatMessageList",
+  props: {
+    messages: { default: () => [] },
+    isStreaming: { type: Boolean, default: !1 },
+    isTyping: { type: Boolean, default: !1 },
+    showWelcome: { type: Boolean, default: !0 },
+    appName: { default: "AI助手" },
+    appLogo: {},
+    agentSteps: {},
+    showAgentSteps: { type: Boolean, default: !0 },
+    autoScroll: { type: Boolean, default: !0 },
+    contentPaddingTop: { default: "80px" },
+    contentPaddingBottom: { default: "100px" },
+    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
+      });
+    }, 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);
+    };
+    ae(
+      () => c.messages.length,
+      async () => {
+        c.autoScroll && !x.value && p();
+      }
+    ), ae(
+      () => {
+        var o;
+        return (o = c.messages[c.messages.length - 1]) == null ? void 0 : o.content;
+      },
+      async (o, k) => {
+        c.isStreaming && c.autoScroll && !x.value && o && k && o.length > k.length && b.value && (b.value.scrollTop = b.value.scrollHeight);
+      }
+    ), ae(
+      () => c.isTyping,
+      (o) => {
+        o && c.autoScroll && p();
+      }
+    );
+    const S = (o) => {
+      $("copy", o), navigator.clipboard && o.content && navigator.clipboard.writeText(o.content);
+    };
+    return u({
+      scrollToBottom: p,
+      containerRef: b
+    }), (o, k) => (i(), d("div", ms, [
+      n.showBackground ? (i(), d("div", vs)) : H("", !0),
+      a("div", {
+        class: "chat-message-list",
+        ref_key: "containerRef",
+        ref: b,
+        onScroll: U,
+        style: ve({
+          paddingTop: n.contentPaddingTop,
+          paddingBottom: n.contentPaddingBottom
+        })
+      }, [
+        n.showWelcome && n.messages.length === 0 ? (i(), d("div", gs, [
+          be(o.$slots, "welcome", {}, () => [
+            a("div", hs, [
+              a("div", fs, [
+                n.appLogo ? (i(), d("img", {
+                  key: 0,
+                  src: n.appLogo,
+                  alt: "Logo"
+                }, null, 8, ps)) : (i(), d("div", ys, [...k[0] || (k[0] = [
+                  a("svg", {
+                    viewBox: "0 0 1024 1024",
+                    width: "32",
+                    height: "32"
+                  }, [
+                    a("path", {
+                      fill: "currentColor",
+                      d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                    })
+                  ], -1)
+                ])]))
+              ]),
+              a("h2", ws, P(n.appName), 1),
+              k[1] || (k[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([
+              "message-row",
+              L.role === "user" ? "message-user" : "message-assistant"
+            ])
+          }, [
+            L.role === "user" ? (i(), d("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, {
+                key: 0,
+                steps: n.agentSteps
+              }, null, 8, ["steps"])) : H("", !0),
+              a("div", bs, [
+                f(Ce, {
+                  message: L,
+                  "is-user": !1,
+                  "is-streaming": n.isStreaming && B === n.messages.length - 1
+                }, null, 8, ["message", "is-streaming"])
+              ]),
+              L.content && !(n.isStreaming && B === n.messages.length - 1) ? (i(), d("div", _s, [
+                a("button", {
+                  class: "action-btn",
+                  onClick: (A) => S(L),
+                  title: "复制"
+                }, [...k[2] || (k[2] = [
+                  a("svg", {
+                    viewBox: "0 0 1024 1024",
+                    width: "12",
+                    height: "12"
+                  }, [
+                    a("path", {
+                      fill: "currentColor",
+                      d: "M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c6 6 14.1 9.4 22.6 9.4H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM352 853.3V704h149.3l-149.3 149.3zM224 256h448v640H416V672c0-17.7-14.3-32-32-32H224V256z"
+                    })
+                  ], -1),
+                  a("span", null, "复制", -1)
+                ])], 8, $s)
+              ])) : H("", !0)
+            ]))
+          ], 2))), 128)),
+          n.isTyping ? (i(), d("div", xs, [...k[3] || (k[3] = [
+            a("div", { class: "typing-indicator" }, [
+              a("div", { class: "typing-dot" }),
+              a("div", {
+                class: "typing-dot",
+                style: { "animation-delay": "0.2s" }
+              }),
+              a("div", {
+                class: "typing-dot",
+                style: { "animation-delay": "0.4s" }
+              })
+            ], -1)
+          ])])) : H("", !0)
+        ]))
+      ], 36)
+    ]));
+  }
+}), zs = /* @__PURE__ */ le(Ss, [["__scopeId", "data-v-bbd7bdf6"]]), As = {
+  install(n) {
+    n.component("ChatMessageList", zs), n.component("MultimodalMessage", Ce), n.component("MarkdownMessage", Fe), n.component("AgentSteps", Ne);
+  }
+};
+export {
+  Ne as AgentSteps,
+  zs as ChatMessageList,
+  Fe as MarkdownMessage,
+  Ce as MultimodalMessage,
+  As as default
+};