rt-chat-messages 1.0.4 → 1.0.6

package/dist/chat-messages.es.js

@@ -1,8 +1,9 @@
-import { defineComponent as Q, ref as b, onMounted as De, computed as X, createBlock as G, createCommentVNode as D, openBlock as o, Teleport as st, createElementBlock as u, withModifiers as Z, normalizeClass as le, createElementVNode as a, normalizeStyle as ve, renderSlot as be, h as Se, watch as J, nextTick as de, onUnmounted as Re, createVNode as f, withCtx as H, unref as I, createTextVNode as ze, toDisplayString as F, Fragment as ue, renderList as me, resolveDynamicComponent as Pe, withDirectives as at, vShow as nt } from "vue";
-import lt from "markdown-it";
-import ot from "@vscode/markdown-it-katex";
-import Le from "mermaid";
-const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
+import { defineComponent as Me, ref as C, onMounted as Ve, computed as Y, createBlock as de, createCommentVNode as B, openBlock as d, Teleport as at, createElementBlock as p, withModifiers as he, normalizeClass as le, createElementVNode as l, normalizeStyle as be, renderSlot as Fe, h as Oe, watch as ye, nextTick as oe, onUnmounted as He, createVNode as M, withCtx as W, unref as U, createTextVNode as We, toDisplayString as N, Fragment as ze, renderList as Ee, resolveDynamicComponent as Ke, withDirectives as nt, vShow as ot, createStaticVNode as lt, Transition as rt, getCurrentInstance as it } from "vue";
+import { useMessageProcessor as ct, A2UISurface as ut, useA2UIConfig as dt, DEFAULT_CATALOG as mt, provideA2UI as vt, defaultTheme as ft } from "a2ui-vue";
+import gt from "markdown-it";
+import pt from "@vscode/markdown-it-katex";
+import je from "mermaid";
+const ht = { class: "cm-dialog__body" }, yt = /* @__PURE__ */ Me({
   __name: "Dialog",
   props: {
     visible: { type: Boolean, default: !1 },
@@ -13,63 +14,63 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
     appendToBody: { type: Boolean, default: !0 }
   },
   emits: ["update:visible", "close"],
-  setup(n, { emit: p }) {
-    const k = n, i = p, z = b(!1);
-    De(() => {
-      z.value = !0;
+  setup(r, { emit: y }) {
+    const b = r, w = y, m = C(!1);
+    Ve(() => {
+      m.value = !0;
     });
-    const $ = X(() => k.fullscreen ? { width: "100%", height: "100%", margin: 0 } : { width: k.width }), E = () => {
-      i("update:visible", !1), i("close");
+    const A = Y(() => b.fullscreen ? { width: "100%", height: "100%", margin: 0 } : { width: b.width }), $ = () => {
+      w("update:visible", !1), w("close");
     }, x = () => {
-      k.closeOnClickModal && E();
+      b.closeOnClickModal && $();
     };
-    return (T, _) => z.value ? (o(), G(st, {
+    return (H, D) => m.value ? (d(), de(at, {
       key: 0,
       to: "body"
     }, [
-      n.visible ? (o(), u("div", {
+      r.visible ? (d(), p("div", {
         key: 0,
-        class: le(["cm-dialog-overlay", { "is-fullscreen": n.fullscreen }]),
-        onClick: Z(x, ["self"])
+        class: le(["cm-dialog-overlay", { "is-fullscreen": r.fullscreen }]),
+        onClick: he(x, ["self"])
       }, [
-        a("div", {
+        l("div", {
           class: "cm-dialog",
-          style: ve($.value),
+          style: be(A.value),
           role: "dialog",
           "aria-modal": "true"
         }, [
-          a("div", it, [
-            be(T.$slots, "default", {}, void 0, !0)
+          l("div", ht, [
+            Fe(H.$slots, "default", {}, void 0, !0)
           ]),
-          n.showClose ? (o(), u("button", {
+          r.showClose ? (d(), p("button", {
             key: 0,
             class: "cm-dialog__close",
-            onClick: E
-          }, [..._[0] || (_[0] = [
-            a("svg", {
+            onClick: $
+          }, [...D[0] || (D[0] = [
+            l("svg", {
               viewBox: "0 0 1024 1024",
               width: "16",
               height: "16"
             }, [
-              a("path", {
+              l("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)
-          ])])) : D("", !0)
+          ])])) : B("", !0)
         ], 4)
-      ], 2)) : D("", !0)
-    ])) : D("", !0);
+      ], 2)) : B("", !0)
+    ])) : B("", !0);
   }
-}), oe = (n, p) => {
-  const k = n.__vccOpts || n;
-  for (const [i, z] of p)
-    k[i] = z;
-  return k;
-}, Me = /* @__PURE__ */ oe(rt, [["__scopeId", "data-v-efdf0259"]]), ct = ["disabled"], dt = {
+}), Ce = (r, y) => {
+  const b = r.__vccOpts || r;
+  for (const [w, m] of y)
+    b[w] = m;
+  return b;
+}, Pe = /* @__PURE__ */ Ce(yt, [["__scopeId", "data-v-efdf0259"]]), wt = ["disabled"], kt = {
   key: 0,
   class: "cm-icon-loading"
-}, ut = /* @__PURE__ */ Q({
+}, bt = /* @__PURE__ */ Me({
   __name: "Button",
   props: {
     type: { default: "default" },
@@ -79,37 +80,37 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
     loading: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(n, { emit: p }) {
-    const k = n, i = p, z = ($) => {
-      k.disabled || k.loading || i("click", $);
+  setup(r, { emit: y }) {
+    const b = r, w = y, m = (A) => {
+      b.disabled || b.loading || w("click", A);
     };
-    return ($, E) => (o(), u("button", {
+    return (A, $) => (d(), p("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 }
+        `cm-button--${r.type}`,
+        `cm-button--${r.size}`,
+        { "is-circle": r.circle, "is-disabled": r.disabled, "is-loading": r.loading }
       ]]),
-      disabled: n.disabled || n.loading,
-      onClick: z
+      disabled: r.disabled || r.loading,
+      onClick: m
     }, [
-      n.loading ? (o(), u("span", dt, [...E[0] || (E[0] = [
-        a("svg", {
+      r.loading ? (d(), p("span", kt, [...$[0] || ($[0] = [
+        l("svg", {
           viewBox: "0 0 1024 1024",
           width: "1em",
           height: "1em"
         }, [
-          a("path", {
+          l("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($.$slots, "default", { key: 1 }, void 0, !0)
-    ], 10, ct));
+      ])])) : Fe(A.$slots, "default", { key: 1 }, void 0, !0)
+    ], 10, wt));
   }
-}), N = /* @__PURE__ */ oe(ut, [["__scopeId", "data-v-bab126c7"]]), U = (n, p) => Q({
-  name: n,
+}), K = /* @__PURE__ */ Ce(bt, [["__scopeId", "data-v-bab126c7"]]), J = (r, y) => Me({
+  name: r,
   render() {
-    return Se(
+    return Oe(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -119,76 +120,76 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
         fill: "currentColor",
         style: "vertical-align: middle"
       },
-      [Se("path", { d: p })]
+      [Oe("path", { d: y })]
     );
   }
-}), fe = U(
+}), Ue = J(
   "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 = U(
+), Ye = J(
   "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 = U(
+), Ne = J(
   "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 = U(
+), Mt = J(
   "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 = U(
+), Xe = J(
   "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 = U(
+), St = J(
   "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 = U(
+), Ct = J(
   "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 = U(
+), _t = J(
   "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 = U(
+), At = J(
   "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 = U(
+), qe = J(
   "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 = U(
+), Ze = J(
   "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 = U(
+), $t = J(
   "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 = U(
+), xt = J(
   "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 = {
+), It = ["src", "alt"], Lt = { class: "preview-controls" }, zt = { class: "cm-button-group" }, Et = {
   key: 0,
   class: "mobile-close-hint"
-}, Ct = ["innerHTML"], bt = { class: "preview-controls" }, _t = { class: "cm-button-group" }, $t = {
+}, Ut = ["innerHTML"], Tt = { class: "preview-controls" }, Bt = { class: "cm-button-group" }, Ht = {
   key: 0,
   class: "mobile-close-hint"
-}, xt = /* @__PURE__ */ Q({
+}, Dt = /* @__PURE__ */ Me({
   __name: "MarkdownMessage",
   props: {
     content: {},
     isStreaming: { type: Boolean, default: !1 }
   },
-  setup(n) {
-    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({
+  setup(r) {
+    const y = r, b = C(), w = C(), m = C(!1), A = C(""), $ = C(""), x = C(!1), H = C(""), D = C(!1), k = C(1), V = C({ x: 0, y: 0 }), L = C(!1), R = C({ x: 0, y: 0 }), S = C(1), O = C({ x: 0, y: 0 }), _ = C(!1), we = C({ x: 0, y: 0 }), z = C(""), re = C(/* @__PURE__ */ new Map()), me = C(!1);
+    let ke = 0;
+    je.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], P = w.content.trim();
-        return (w.info ? w.info.trim() : "") === "mermaid" ? (ae++, `<div class="mermaid-container"><pre class="mermaid" data-mermaid-id="${`mermaid-${Date.now()}-${ae}`}">${P}</pre></div>`) : t(l, g, r, s, v);
+    const _e = (a) => {
+      const o = a.renderer.rules.fence;
+      a.renderer.rules.fence = (c, g, u, e, t) => {
+        const s = c[g], n = s.content.trim();
+        return (s.info ? s.info.trim() : "") === "mermaid" ? (ke++, `<div class="mermaid-container"><pre class="mermaid" data-mermaid-id="${`mermaid-${Date.now()}-${ke}`}">${n}</pre></div>`) : o(c, g, u, e, t);
       };
-    }, j = new lt({
+    }, X = new gt({
       html: !0,
       // 允许HTML标签，以便markdown渲染的标签能正常显示
       xhtmlOut: !1,
@@ -202,685 +203,737 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
       // 启用一些语言中性的替换 + 引号美化
       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>`;
+      highlight: function(a, o) {
+        return o && o.trim() ? `<pre class="hljs language-${o}"><code>${((g) => g.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;"))(a)}</code></pre>` : `<pre class="hljs"><code>${a}</code></pre>`;
       }
-    }), ie = j.renderer.rules.image || function(e, t, l, g, r) {
-      return r.renderToken(e, t, l);
+    }), ee = X.renderer.rules.image || function(a, o, c, g, u) {
+      return u.renderToken(a, o, c);
     };
-    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], A = "img-" + ((W) => {
-          let R = 0;
-          for (let Y = 0; Y < W.length; Y++) {
-            const V = W.charCodeAt(Y);
-            R = (R << 5) - R + V, R = R & R;
+    X.renderer.rules.image = function(a, o, c, g, u) {
+      const e = a[o], t = e.attrIndex("src");
+      if (t >= 0) {
+        const s = e.attrs[t][1], v = "img-" + ((E) => {
+          let P = 0;
+          for (let j = 0; j < E.length; j++) {
+            const pe = E.charCodeAt(j);
+            P = (P << 5) - P + pe, P = P & P;
           }
-          return Math.abs(R).toString(36);
-        })(w);
-        s.attrSet("id", A), s.attrSet("data-image-id", A), s.attrSet("key", A), s.attrSet("loading", "eager"), s.attrSet("decoding", "async"), s.attrSet("fetchpriority", "high"), s.attrSet("data-src", w), s.attrSet("data-cached", "true");
+          return Math.abs(P).toString(36);
+        })(s);
+        e.attrSet("id", v), e.attrSet("data-image-id", v), e.attrSet("key", v), e.attrSet("loading", "eager"), e.attrSet("decoding", "async"), e.attrSet("fetchpriority", "high"), e.attrSet("data-src", s), e.attrSet("data-cached", "true");
       }
-      return ie(e, t, l, g, r);
-    }, j.use(ot, {
+      return ee(a, o, c, g, u);
+    }, X.use(pt, {
       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];
+    }), X.use(_e);
+    const q = (a) => {
+      const o = a.match(/```[\w]*\n/g), c = a.match(/\n```/g), g = (o == null ? void 0 : o.length) || 0, u = (c == null ? void 0 : c.length) || 0;
+      return g > u && (a += "\n```"), a;
+    }, T = (a) => {
+      if (!a) return "";
+      a = a.replace(/；；\s*$/g, ""), a = a.replace(/;;\s*$/g, "");
+      const o = /^```(?:markdown|md)\s*\n([\s\S]*?)\n```$/, c = a.match(o);
+      if (c)
+        a = c[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);
+        const g = /^```\s*\n([\s\S]*?)\n```$/, u = a.match(g);
+        if (u) {
+          const e = u[1];
+          (/^#{1,6}\s/.test(e) || /^\*{1,2}[^*]+\*{1,2}/.test(e) || /^[-*+]\s/.test(e) || /^\d+\.\s/.test(e) || /!\[.*?\]\(.*?\)/.test(e) || /\[.*?\]\(.*?\)/.test(e) || /^\|.+\|/.test(e) || /^\|[\s-:]+\|/m.test(e)) && (a = e);
         }
       }
-      if (p.isStreaming) {
+      if (y.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 (g.test(a)) {
+          const e = a.replace(g, "");
+          (/^#{1,6}\s/.test(e) || /^\|.+\|/.test(e) || /^\|[\s-:]+\|/m.test(e) || /!\[.*?\]\(.*?\)/.test(e) || /\[.*?\]\(.*?\)/.test(e)) && (a = a.replace(g, ""));
         }
-        if (/^```(?:markdown|md)?\s*\n/.test(p.content)) {
-          const s = /\n```\s*$/;
-          s.test(e) && (e = e.replace(s, ""));
+        if (/^```(?:markdown|md)?\s*\n/.test(y.content)) {
+          const e = /\n```\s*$/;
+          e.test(a) && (a = a.replace(e, ""));
         }
       }
-      return e = e.replace(
+      return a = a.replace(
         /```(?:markdown|md)\s*\n([\s\S]*?)\n```/g,
-        (g, r) => r
-      ), p.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 });
+        (g, u) => u
+      ), y.isStreaming && (a = q(a)), a;
+    }, te = (a) => {
+      if (!a.includes("<img"))
+        return a;
+      const o = /<img[^>]*?src="([^"]*)"[^>]*?>/g;
+      let c, g = a;
+      const u = [];
+      for (; (c = o.exec(a)) !== null; ) {
+        const e = c[0], t = c[1];
+        if (re.value.has(t)) {
+          const s = re.value.get(t);
+          e !== s && u.push({ original: e, cached: s });
         } else
-          q.value.set(v, s);
+          re.value.set(t, e);
       }
-      for (const { original: s, cached: v } of r)
-        g = g.replace(s, v);
+      for (const { original: e, cached: t } of u)
+        g = g.replace(e, t);
       return g;
-    }, we = (e) => {
-      if (!i.value)
+    }, Ae = (a) => {
+      if (!w.value)
         return;
-      const t = i.value;
-      if (!p.isStreaming || t.children.length === 0) {
-        t.innerHTML = e, p.isStreaming || de(() => {
-          xe(), y();
+      const o = w.value, c = /* @__PURE__ */ new Map();
+      if (y.isStreaming && o.children.length > 0 && o.querySelectorAll("img[data-image-id]").forEach((g) => {
+        const u = g.getAttribute("data-image-id");
+        u && c.set(u, g);
+      }), o.innerHTML = a, !y.isStreaming) {
+        oe(() => {
+          Be(), h();
         });
         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);
+      c.size > 0 && o.querySelectorAll("img[data-image-id]").forEach((g) => {
+        const u = g.getAttribute("data-image-id");
+        if (u && c.has(u)) {
+          const e = c.get(u);
+          g.parentNode && e !== g && g.parentNode.replaceChild(e, g);
         }
       });
-      const r = document.createDocumentFragment();
-      for (; l.firstChild; )
-        r.appendChild(l.firstChild);
-      t.innerHTML = "", t.appendChild(r);
-    }, K = () => {
+    }, G = () => {
       try {
-        if (!p.content) {
-          se.value = "", i.value && (i.value.innerHTML = ""), p.isStreaming || q.value.clear();
+        if (!y.content) {
+          z.value = "", w.value && (w.value.innerHTML = ""), y.isStreaming || re.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), i.value && (i.value.innerHTML = `<pre style="white-space: pre-wrap; word-wrap: break-word;">${p.content}</pre>`);
+        if (document.hidden && y.isStreaming) {
+          me.value = !0;
+          return;
+        }
+        const a = T(y.content);
+        let o = X.render(a);
+        y.isStreaming && o.includes("<img") && (o = te(o)), o !== z.value && (z.value = o, Ae(o)), y.isStreaming || re.value.clear();
+      } catch (a) {
+        console.error("Markdown rendering error:", a), w.value && (w.value.innerHTML = `<pre style="white-space: pre-wrap; word-wrap: break-word;">${y.content}</pre>`);
       }
     };
-    J(() => p.content, K), J(
-      () => p.isStreaming,
-      (e, t) => {
-        t && !e && de(() => {
-          K();
+    ye(() => y.content, G), ye(
+      () => y.isStreaming,
+      (a, o) => {
+        o && !a && oe(() => {
+          G();
         });
       }
     );
-    const m = () => {
-      _.value = window.innerWidth < 768;
-    }, h = (e) => {
-      let t = e;
-      return t = t.replace(/!\[([^\]]*)\]\([^)]+\)/g, "$1"), [
+    const Q = () => {
+      !document.hidden && me.value && (me.value = !1, oe(() => {
+        G();
+      }));
+    };
+    document.addEventListener("visibilitychange", Q), He(() => {
+      document.removeEventListener("visibilitychange", Q);
+    });
+    const i = () => {
+      D.value = window.innerWidth < 768;
+    }, f = (a) => {
+      let o = a;
+      return o = o.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;
+        o = o.replace(g, (u, e, t) => {
+          if (t.startsWith('"') && t.endsWith('"'))
+            return u;
+          let s = t.replace(/^["']+|["']+$/g, "").replace(/["]/g, '\\"');
+          return u.includes("[") ? `${e}["${s}"]` : u.includes("(") ? `${e}("${s}")` : u.includes("{") ? `${e}{"${s}"}` : u;
         });
-      }), t;
-    }, y = async () => {
-      var t, l;
-      if (p.isStreaming || (await de(), !k.value)) return;
-      const e = k.value.querySelectorAll(".mermaid");
-      if (e.length !== 0)
-        for (const g of Array.from(e)) {
-          const r = g;
-          let s = (t = r.textContent) == null ? void 0 : t.trim();
-          if (s && r.getAttribute("data-processed") !== "true")
+      }), o;
+    }, h = async () => {
+      var o, c;
+      if (y.isStreaming || (await oe(), !b.value)) return;
+      const a = b.value.querySelectorAll(".mermaid");
+      if (a.length !== 0)
+        for (const g of Array.from(a)) {
+          const u = g;
+          let e = (o = u.textContent) == null ? void 0 : o.trim();
+          if (e && u.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), P = r.parentElement;
-              if (P) {
-                const A = document.createElement("div");
-                A.className = "mermaid-svg", A.innerHTML = w, A.setAttribute("data-mermaid-svg", "true"), A.style.cursor = "pointer", A.title = "Click to zoom", A.addEventListener("click", (W) => {
-                  W.preventDefault(), W.stopPropagation(), T.value = w, S.value = 1, C.value = { x: 0, y: 0 }, x.value = !0;
-                }), P.replaceChild(A, r);
+              u.setAttribute("data-processed", "true"), e = f(e);
+              const t = u.getAttribute("data-mermaid-id") || `mermaid-${Date.now()}-${Math.random()}`, { svg: s } = await je.render(t, e), n = u.parentElement;
+              if (n) {
+                const v = document.createElement("div");
+                v.className = "mermaid-svg", v.innerHTML = s, v.setAttribute("data-mermaid-svg", "true"), v.style.cursor = "pointer", v.title = "Click to zoom", v.addEventListener("click", (E) => {
+                  E.preventDefault(), E.stopPropagation(), H.value = s, S.value = 1, O.value = { x: 0, y: 0 }, x.value = !0;
+                }), n.replaceChild(v, u);
               }
-            } 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);
+            } catch (t) {
+              console.error("Mermaid render failure:", t);
+              const s = document.createElement("div");
+              s.className = "mermaid-error", s.textContent = `Mermaid render error: ${t}`, (c = u.parentElement) == null || c.replaceChild(s, u);
             }
         }
-    }, B = (e) => {
-      e.preventDefault(), e.stopPropagation();
-      const t = e.target;
-      $.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.min(c.value + 1, 10), O();
-    }, Ye = () => {
-      c.value = Math.max(c.value - 1, 0.5), O();
-    }, _e = () => {
-      c.value = 1, d.value = { x: 0, y: 0 };
-    }, We = () => {
-      c.value <= 1 && (z.value = !1);
-    }, Oe = (e) => {
-      e.preventDefault();
-      const t = e.deltaY > 0 ? -0.5 : 0.5, l = Math.max(0.5, Math.min(10, c.value + t));
-      c.value = l, O();
-    }, Xe = (e) => {
-      var s;
-      if (c.value <= 1) return;
-      e.preventDefault(), M.value = !0, L.value = {
-        x: e.clientX - d.value.x,
-        y: e.clientY - d.value.y
+    }, I = (a) => {
+      a.preventDefault(), a.stopPropagation();
+      const o = a.target;
+      A.value = o.src, $.value = o.alt || "Image Preview", k.value = 1, V.value = { x: 0, y: 0 }, m.value = !0;
+    }, F = () => {
+      k.value <= 1 && (V.value = { x: 0, y: 0 });
+    }, ve = () => {
+      k.value = Math.min(k.value + 1, 10), F();
+    }, fe = () => {
+      k.value = Math.max(k.value - 1, 0.5), F();
+    }, ie = () => {
+      k.value = 1, V.value = { x: 0, y: 0 };
+    }, $e = () => {
+      k.value <= 1 && (m.value = !1);
+    }, se = (a) => {
+      a.preventDefault();
+      const o = a.deltaY > 0 ? -0.5 : 0.5, c = Math.max(0.5, Math.min(10, k.value + o));
+      k.value = c, F();
+    }, ae = (a) => {
+      var e;
+      if (k.value <= 1) return;
+      a.preventDefault(), L.value = !0, R.value = {
+        x: a.clientX - V.value.x,
+        y: a.clientY - V.value.y
       };
-      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 = () => {
-        M.value = !1, document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", r);
+      const o = a.target, c = (e = o.parentElement) == null ? void 0 : e.getBoundingClientRect(), g = (t) => {
+        if (!L.value || !c) return;
+        let s = t.clientX - R.value.x, n = t.clientY - R.value.y;
+        const v = o.offsetWidth, E = o.offsetHeight, P = v * k.value, j = E * k.value, pe = 0.3, De = c.width * (1 - pe - 0.5) - P / 2, Ie = P / 2 - c.width * (1 - pe - 0.5), Le = c.height * (1 - pe - 0.5) - j / 2, Se = j / 2 - c.height * (1 - pe - 0.5);
+        P > c.width ? s = Math.max(De, Math.min(Ie, s)) : s = 0, j > c.height ? n = Math.max(Le, Math.min(Se, n)) : n = 0, V.value = { x: s, y: n };
+      }, u = () => {
+        L.value = !1, document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", u);
       };
-      document.addEventListener("mousemove", g), document.addEventListener("mouseup", r);
-    }, 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;
-      M.value = !0, L.value = {
-        x: l - d.value.x,
-        y: g - d.value.y
+      document.addEventListener("mousemove", g), document.addEventListener("mouseup", u);
+    }, ne = (a) => {
+      var n;
+      if (a.touches.length !== 1) return;
+      const o = a.touches[0], c = o.clientX, g = o.clientY;
+      if (k.value <= 1) return;
+      L.value = !0, R.value = {
+        x: c - V.value.x,
+        y: g - V.value.y
       };
-      const r = e.target, s = (P = r.parentElement) == null ? void 0 : P.getBoundingClientRect(), v = (A) => {
-        if (!M.value || A.touches.length !== 1 || !s)
+      const u = a.target, e = (n = u.parentElement) == null ? void 0 : n.getBoundingClientRect(), t = (v) => {
+        if (!L.value || v.touches.length !== 1 || !e)
           return;
-        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 = () => {
-        M.value = !1, document.removeEventListener("touchmove", v), document.removeEventListener("touchend", w);
+        const E = v.touches[0];
+        let P = E.clientX - R.value.x, j = E.clientY - R.value.y;
+        const pe = u.offsetWidth, De = u.offsetHeight, Ie = pe * k.value, Le = De * k.value, Se = 0.3, Qe = e.width * (1 - Se - 0.5) - Ie / 2, et = Ie / 2 - e.width * (1 - Se - 0.5), tt = e.height * (1 - Se - 0.5) - Le / 2, st = Le / 2 - e.height * (1 - Se - 0.5);
+        Ie > e.width ? P = Math.max(Qe, Math.min(et, P)) : P = 0, Le > e.height ? j = Math.max(tt, Math.min(st, j)) : j = 0, V.value = { x: P, y: j };
+      }, s = () => {
+        L.value = !1, document.removeEventListener("touchmove", t), document.removeEventListener("touchend", s);
       };
-      document.addEventListener("touchmove", v, { passive: !1 }), document.addEventListener("touchend", w);
-    }, Ze = () => {
+      document.addEventListener("touchmove", t, { passive: !1 }), document.addEventListener("touchend", s);
+    }, Z = () => {
       S.value = Math.min(S.value + 1, 10);
-    }, qe = () => {
+    }, xe = () => {
       S.value = Math.max(S.value - 1, 0.5);
-    }, $e = () => {
-      S.value = 1, C.value = { x: 0, y: 0 };
-    }, je = (e) => {
-      e.preventDefault();
-      const t = e.deltaY > 0 ? -0.5 : 0.5;
-      S.value = Math.max(0.5, Math.min(10, S.value + t));
-    }, Ke = (e) => {
-      var s, v;
+    }, ce = () => {
+      S.value = 1, O.value = { x: 0, y: 0 };
+    }, ge = (a) => {
+      a.preventDefault();
+      const o = a.deltaY > 0 ? -0.5 : 0.5;
+      S.value = Math.max(0.5, Math.min(10, S.value + o));
+    }, Te = (a) => {
+      var e, t;
       if (S.value <= 1) return;
-      e.preventDefault(), ee.value = !0, te.value = {
-        x: e.clientX - C.value.x,
-        y: e.clientY - C.value.y
+      a.preventDefault(), _.value = !0, we.value = {
+        x: a.clientX - O.value.x,
+        y: a.clientY - O.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 (!ee.value || !l) return;
-        let P = w.clientX - te.value.x, A = w.clientY - te.value.y;
-        C.value = { x: P, y: A };
-      }, r = () => {
-        ee.value = !1, document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", r);
+      const c = (t = (e = a.target.closest(".mermaid-preview-content")) == null ? void 0 : e.parentElement) == null ? void 0 : t.getBoundingClientRect(), g = (s) => {
+        if (!_.value || !c) return;
+        let n = s.clientX - we.value.x, v = s.clientY - we.value.y;
+        O.value = { x: n, y: v };
+      }, u = () => {
+        _.value = !1, document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", u);
       };
-      document.addEventListener("mousemove", g), document.addEventListener("mouseup", r);
-    }, Ge = (e) => {
-    }, xe = () => {
-      p.isStreaming || de(() => {
-        if (!k.value) return;
-        k.value.querySelectorAll(
+      document.addEventListener("mousemove", g), document.addEventListener("mouseup", u);
+    }, ue = (a) => {
+    }, Be = () => {
+      y.isStreaming || oe(() => {
+        if (!b.value) return;
+        b.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", B));
+        ).forEach((o) => {
+          const c = o;
+          c.getAttribute("data-processed") !== "true" && (c.setAttribute("data-processed", "true"), c.style.cursor = "pointer", c.addEventListener("click", I));
         });
       });
     };
-    return De(() => {
-      m(), window.addEventListener("resize", m), K(), xe(), y();
-    }), Re(() => {
-      k.value && k.value.querySelectorAll(
+    return Ve(() => {
+      i(), window.addEventListener("resize", i), G(), Be(), h();
+    }), He(() => {
+      b.value && b.value.querySelectorAll(
         ".markdown-content img"
-      ).forEach((t) => {
-        t.removeEventListener("click", B);
+      ).forEach((o) => {
+        o.removeEventListener("click", I);
       });
-    }), (e, t) => (o(), u("div", {
+    }), (a, o) => (d(), p("div", {
       class: "markdown-message",
       ref_key: "markdownContainer",
-      ref: k
+      ref: b
     }, [
-      a("div", {
+      l("div", {
         ref_key: "markdownContent",
-        ref: i,
+        ref: w,
         class: "markdown-content"
       }, null, 512),
-      f(Me, {
-        visible: z.value,
-        "onUpdate:visible": t[2] || (t[2] = (l) => z.value = l),
-        width: _.value ? "95vw" : "80vw",
-        fullscreen: _.value,
+      M(Pe, {
+        visible: m.value,
+        "onUpdate:visible": o[2] || (o[2] = (c) => m.value = c),
+        width: D.value ? "95vw" : "80vw",
+        fullscreen: D.value,
         class: "image-preview-dialog",
         "close-on-click-modal": !1,
         "append-to-body": ""
       }, {
-        default: H(() => [
-          a("div", {
+        default: W(() => [
+          l("div", {
             class: "image-preview-container",
-            onClick: t[1] || (t[1] = Z((l) => z.value = !1, ["self"]))
+            onClick: o[1] || (o[1] = he((c) => m.value = !1, ["self"]))
           }, [
-            a("img", {
-              src: $.value,
-              alt: E.value,
+            l("img", {
+              src: A.value,
+              alt: $.value,
               class: "preview-image",
-              style: ve({
-                transform: `translate(${d.value.x}px, ${d.value.y}px) scale(${c.value})`
+              style: be({
+                transform: `translate(${V.value.x}px, ${V.value.y}px) scale(${k.value})`
               }),
-              onWheel: Z(Oe, ["prevent"]),
-              onDblclick: _e,
-              onMousedown: Xe,
-              onTouchstart: Z(Ve, ["prevent"]),
-              onClick: We
-            }, null, 44, yt),
-            a("div", wt, [
-              a("div", kt, [
-                f(N, {
+              onWheel: he(se, ["prevent"]),
+              onDblclick: ie,
+              onMousedown: ae,
+              onTouchstart: he(ne, ["prevent"]),
+              onClick: $e
+            }, null, 44, It),
+            l("div", Lt, [
+              l("div", zt, [
+                M(K, {
                   size: "small",
-                  onClick: Ye,
-                  disabled: c.value <= 0.5
+                  onClick: fe,
+                  disabled: k.value <= 0.5
                 }, {
-                  default: H(() => [
-                    f(I(Ie))
+                  default: W(() => [
+                    M(U(Ne))
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
-                f(N, {
+                M(K, {
                   size: "small",
-                  onClick: _e
+                  onClick: ie
                 }, {
-                  default: H(() => [
-                    ze(F(Math.round(c.value * 100)) + "% ", 1)
+                  default: W(() => [
+                    We(N(Math.round(k.value * 100)) + "% ", 1)
                   ]),
                   _: 1
                 }),
-                f(N, {
+                M(K, {
                   size: "small",
-                  onClick: Ue,
-                  disabled: c.value >= 10
+                  onClick: ve,
+                  disabled: k.value >= 10
                 }, {
-                  default: H(() => [
-                    f(I(Ee))
+                  default: W(() => [
+                    M(U(Ye))
                   ]),
                   _: 1
                 }, 8, ["disabled"])
               ]),
-              f(N, {
+              M(K, {
                 size: "small",
-                onClick: t[0] || (t[0] = (l) => z.value = !1),
+                onClick: o[0] || (o[0] = (c) => m.value = !1),
                 type: "danger"
               }, {
-                default: H(() => [
-                  f(I(fe))
+                default: W(() => [
+                  M(U(Ue))
                 ]),
                 _: 1
               })
             ]),
-            _.value ? (o(), u("div", Mt, "双击重置 · 轻触关闭")) : D("", !0)
+            D.value ? (d(), p("div", Et, "双击重置 · 轻触关闭")) : B("", !0)
           ])
         ]),
         _: 1
       }, 8, ["visible", "width", "fullscreen"]),
-      f(Me, {
+      M(Pe, {
         visible: x.value,
-        "onUpdate:visible": t[5] || (t[5] = (l) => x.value = l),
-        width: _.value ? "95vw" : "90vw",
-        fullscreen: _.value,
+        "onUpdate:visible": o[5] || (o[5] = (c) => x.value = c),
+        width: D.value ? "95vw" : "90vw",
+        fullscreen: D.value,
         class: "mermaid-preview-dialog",
         "close-on-click-modal": !1,
         "append-to-body": ""
       }, {
-        default: H(() => [
-          a("div", {
+        default: W(() => [
+          l("div", {
             class: "mermaid-preview-container",
-            onClick: t[4] || (t[4] = Z((l) => x.value = !1, ["self"]))
+            onClick: o[4] || (o[4] = he((c) => x.value = !1, ["self"]))
           }, [
-            a("div", {
+            l("div", {
               class: "mermaid-preview-content",
-              innerHTML: T.value,
-              style: ve({
-                transform: `translate(${C.value.x}px, ${C.value.y}px) scale(${S.value})`
+              innerHTML: H.value,
+              style: be({
+                transform: `translate(${O.value.x}px, ${O.value.y}px) scale(${S.value})`
               }),
-              onWheel: Z(je, ["prevent"]),
-              onDblclick: $e,
-              onMousedown: Ke,
-              onTouchstart: Z(Ge, ["prevent"])
-            }, null, 44, Ct),
-            a("div", bt, [
-              a("div", _t, [
-                f(N, {
+              onWheel: he(ge, ["prevent"]),
+              onDblclick: ce,
+              onMousedown: Te,
+              onTouchstart: he(ue, ["prevent"])
+            }, null, 44, Ut),
+            l("div", Tt, [
+              l("div", Bt, [
+                M(K, {
                   size: "small",
-                  onClick: qe,
+                  onClick: xe,
                   disabled: S.value <= 0.5
                 }, {
-                  default: H(() => [
-                    f(I(Ie))
+                  default: W(() => [
+                    M(U(Ne))
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
-                f(N, {
+                M(K, {
                   size: "small",
-                  onClick: $e
+                  onClick: ce
                 }, {
-                  default: H(() => [
-                    ze(F(Math.round(S.value * 100)) + "% ", 1)
+                  default: W(() => [
+                    We(N(Math.round(S.value * 100)) + "% ", 1)
                   ]),
                   _: 1
                 }),
-                f(N, {
+                M(K, {
                   size: "small",
-                  onClick: Ze,
+                  onClick: Z,
                   disabled: S.value >= 10
                 }, {
-                  default: H(() => [
-                    f(I(Ee))
+                  default: W(() => [
+                    M(U(Ye))
                   ]),
                   _: 1
                 }, 8, ["disabled"])
               ]),
-              f(N, {
+              M(K, {
                 size: "small",
-                onClick: t[3] || (t[3] = (l) => x.value = !1),
+                onClick: o[3] || (o[3] = (c) => x.value = !1),
                 type: "danger"
               }, {
-                default: H(() => [
-                  f(I(fe))
+                default: W(() => [
+                  M(U(Ue))
                 ]),
                 _: 1
               })
             ]),
-            _.value ? (o(), u("div", $t, "双击重置 · 轻触关闭")) : D("", !0)
+            D.value ? (d(), p("div", Ht, "双击重置 · 轻触关闭")) : B("", !0)
           ])
         ]),
         _: 1
       }, 8, ["visible", "width", "fullscreen"])
     ], 512));
   }
-}), Fe = /* @__PURE__ */ oe(xt, [["__scopeId", "data-v-e47faf67"]]), St = {
+}), Je = /* @__PURE__ */ Ce(Dt, [["__scopeId", "data-v-c6385dde"]]), Pt = {
   key: 0,
   class: "text-content"
-}, zt = {
+}, Rt = {
   key: 1,
   class: "images-content"
-}, Lt = ["onClick"], Et = ["src", "alt", "onError"], It = {
+}, Vt = ["onClick"], Ft = ["src", "alt", "onError"], Ot = {
   key: 0,
   class: "more-images"
-}, Bt = {
+}, Wt = {
   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" }, Ut = { class: "file-name" }, Yt = { class: "file-type" }, Wt = { class: "file-actions" }, Ot = {
-  key: 4,
+}, jt = ["onClick"], Yt = { class: "file-icon-wrapper-small" }, Nt = ["title"], Xt = { class: "file-name" }, qt = { class: "file-type" }, Zt = { class: "file-actions" }, Kt = {
+  key: 3,
   class: "audio-content"
-}, 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 = {
+}, Jt = { class: "audio-player" }, Gt = { class: "audio-info" }, Qt = { class: "audio-progress" }, es = { class: "progress-bar" }, ts = { class: "audio-time" }, ss = { class: "image-preview-container" }, as = ["src"], ns = {
   key: 0,
   class: "image-nav"
-}, Qt = { class: "image-counter" }, es = /* @__PURE__ */ Q({
+}, os = { class: "image-counter" }, ls = /* @__PURE__ */ Me({
   __name: "MultimodalMessage",
   props: {
     message: {},
     isUser: { type: Boolean, default: !1 },
-    isStreaming: { type: Boolean, default: !1 }
+    isStreaming: { type: Boolean, default: !1 },
+    apiBaseUrl: { default: "" },
+    onDownload: {}
   },
-  setup(n) {
-    const p = n, k = X(() => {
+  setup(r) {
+    const y = r, b = Y(() => {
       try {
-        return p.message.metadata ? JSON.parse(p.message.metadata) : {};
+        return y.message.metadata ? JSON.parse(y.message.metadata) : {};
       } catch {
         return {};
       }
-    }), i = X(
-      () => k.value.imageUrls || []
-    ), z = X(() => k.value.fileUrls || []), $ = X(() => k.value.audioUrl), E = X(() => p.message.attachments && p.message.attachments.length > 0 ? p.message.attachments : k.value.attachments && Array.isArray(k.value.attachments) ? k.value.attachments : []), x = b(!1), T = b(""), _ = b(0), c = b(!1), d = b(!1), M = b(0), L = b(0), S = X(() => L.value > 0 ? M.value / L.value * 100 : 0);
-    let C = null;
-    const ee = (m, h) => {
-      T.value = m, _.value = h, x.value = !0;
-    }, te = () => {
-      _.value > 0 && (_.value--, T.value = i.value[_.value]);
-    }, se = () => {
-      _.value < i.value.length - 1 && (_.value++, T.value = i.value[_.value]);
-    }, q = (m, h) => {
-      console.error("Image load failed:", h);
-      const y = m.target;
-      y.style.display = "none";
-    }, ae = (m) => {
+    }), w = Y(
+      () => b.value.imageUrls || []
+    ), m = Y(() => b.value.audioUrl), A = C(/* @__PURE__ */ new Set()), $ = Y(
+      () => b.value.fileUrls || []
+    ), x = Y(() => $.value), H = Y(() => y.message.attachments && y.message.attachments.length > 0 ? y.message.attachments : b.value.attachments && Array.isArray(b.value.attachments) ? b.value.attachments : []), D = Y(() => {
+      const i = [];
+      return H.value && H.value.length > 0 ? H.value.forEach((f) => {
+        var I, F;
+        ((I = f.type) == null ? void 0 : I.startsWith("image/")) || ((F = f.name) == null ? void 0 : F.match(/\.(jpg|jpeg|png|gif|webp|svg|bmp|ico)$/i)) || i.push({
+          url: f.url || f.download_url || f.file_url || "",
+          name: f.original_name || f.name || "Unknown File",
+          type: ee(f.original_name || f.name || "Unknown File")
+        });
+      }) : x.value && x.value.length > 0 && x.value.forEach((f) => {
+        i.push({
+          url: f,
+          name: X(f),
+          type: ee(f)
+        });
+      }), i;
+    }), k = C(!1), V = C(""), L = C(0), R = C(!1), S = C(!1), O = C(0), _ = C(0), we = Y(() => _.value > 0 ? O.value / _.value * 100 : 0);
+    let z = null;
+    const re = (i, f) => {
+      V.value = i, L.value = f, k.value = !0;
+    }, me = () => {
+      L.value > 0 && (L.value--, V.value = w.value[L.value]);
+    }, ke = () => {
+      L.value < w.value.length - 1 && (L.value++, V.value = w.value[L.value]);
+    }, _e = (i, f) => {
+      console.error("Image load failed:", f);
+      const h = i.target;
+      h.style.display = "none";
+    }, X = (i) => {
+      if (!i) return "Unknown File";
+      if (!i.includes("/"))
+        return decodeURIComponent(i) || "Unknown File";
       try {
-        const y = new URL(m).pathname, B = y.substring(y.lastIndexOf("/") + 1);
-        return decodeURIComponent(B) || "Unknown File";
+        const f = i.lastIndexOf("/"), h = f >= 0 ? i.substring(f + 1) : i;
+        return decodeURIComponent(h) || "Unknown File";
       } catch {
         return "Unknown File";
       }
-    }, ge = (m) => {
-      var B;
-      return ((B = ae(m).split(".").pop()) == null ? void 0 : B.toUpperCase()) || "FILE";
-    }, j = (m) => {
-      const h = ge(m).toLowerCase();
-      ["jpg", "jpeg", "png", "gif", "webp", "pdf"].includes(h) ? window.open(m, "_blank") : ie(m);
-    }, ie = (m) => {
+    }, ee = (i) => {
+      var I;
+      return ((I = X(i).split(".").pop()) == null ? void 0 : I.toUpperCase()) || "FILE";
+    }, q = (i, f) => {
+      te(i, f);
+    }, T = (i) => !i || i.startsWith("http://") || i.startsWith("https://") || i.startsWith("blob:") ? i : (y.apiBaseUrl ? y.apiBaseUrl.replace(/\/$/, "") : "") + (i.startsWith("/") ? i : "/" + i), te = async (i, f) => {
       try {
-        const h = document.createElement("a");
-        h.href = m, h.download = ae(m), h.target = "_blank", document.body.appendChild(h), h.click(), document.body.removeChild(h);
+        const h = T(i);
+        if (console.log("正在下载文件...", h), y.onDownload && (A.value = /* @__PURE__ */ new Set([...A.value, i]), await y.onDownload(i, f) !== !1)) {
+          const Z = new Set(A.value);
+          Z.delete(i), A.value = Z;
+          return;
+        }
+        A.value = /* @__PURE__ */ new Set([...A.value, i]);
+        const I = localStorage.getItem("token"), F = {};
+        if (I && (F.Authorization = I.startsWith("Bearer ") ? I : `Bearer ${I}`), typeof window < "u" && typeof window.plus < "u") {
+          const ne = window.plus, Z = ne.downloader.createDownload(
+            h,
+            {
+              method: "GET",
+              filename: "_downloads/" + (f || X(i))
+            },
+            (xe, ce) => {
+              const ge = new Set(A.value);
+              ge.delete(i), A.value = ge, ce === 200 || ce === 206 ? ne.runtime.openFile(xe.filename) : console.error("App 环境原生下载失败, status:", ce);
+            }
+          );
+          F.Authorization && Z.setRequestHeader(
+            "Authorization",
+            F.Authorization
+          ), Z.start();
+          return;
+        }
+        const ve = await fetch(h, { headers: F });
+        if (!ve.ok)
+          throw new Error(`下载失败: ${ve.status}`);
+        let fe = f;
+        const ie = ve.headers.get("Content-Disposition");
+        if (ie) {
+          const ne = ie.match(/filename\*=UTF-8''(.+)/i);
+          if (ne)
+            fe = decodeURIComponent(ne[1]);
+          else {
+            const Z = ie.match(/filename="?([^";\n]+)"?/i);
+            Z && (fe = Z[1]);
+          }
+        }
+        const $e = await ve.blob(), se = URL.createObjectURL($e), ae = document.createElement("a");
+        ae.href = se, ae.download = fe || f || X(i), document.body.appendChild(ae), ae.click(), document.body.removeChild(ae), URL.revokeObjectURL(se);
       } catch (h) {
-        console.error("Download failed:", h), alert("下载失败");
+        console.error("下载文件失败:", h);
+      } finally {
+        const h = new Set(A.value);
+        h.delete(i), A.value = h;
       }
-    }, pe = async () => {
-      if ($.value)
+    }, Ae = async () => {
+      if (m.value)
         try {
-          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;
+          z || (z = new Audio(), z.src = T(m.value), z.addEventListener("loadedmetadata", () => {
+            _.value = (z == null ? void 0 : z.duration) || 0;
+          }), z.addEventListener("timeupdate", () => {
+            O.value = (z == null ? void 0 : z.currentTime) || 0;
+          }), z.addEventListener("ended", () => {
+            R.value = !1, O.value = 0;
+          }), z.addEventListener("error", (i) => {
+            console.error("Audio playback error:", i), S.value = !1, R.value = !1;
+          })), R.value ? (z.pause(), R.value = !1) : (S.value = !0, await z.play(), R.value = !0, S.value = !1);
+        } catch (i) {
+          console.error("Audio playback failed:", i), S.value = !1, R.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"], B = Math.floor(Math.log(m) / Math.log(h));
-      return (m / Math.pow(h, B)).toFixed(2) + y[B];
-    }, we = (m) => {
-      var y;
-      return ((y = m.split(".").pop()) == null ? void 0 : y.toUpperCase()) || "FILE";
-    }, K = (m) => {
-      x.value && (m.key === "ArrowLeft" ? te() : m.key === "ArrowRight" ? se() : m.key === "Escape" && (x.value = !1));
+    }, G = (i) => {
+      const f = Math.floor(i / 60), h = Math.floor(i % 60);
+      return `${f}:${h.toString().padStart(2, "0")}`;
+    }, Q = (i) => {
+      k.value && (i.key === "ArrowLeft" ? me() : i.key === "ArrowRight" ? ke() : i.key === "Escape" && (k.value = !1));
     };
-    return J(x, (m) => {
-      m ? document.addEventListener("keydown", K) : document.removeEventListener("keydown", K);
-    }), Re(() => {
-      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 }])
+    return ye(k, (i) => {
+      i ? document.addEventListener("keydown", Q) : document.removeEventListener("keydown", Q);
+    }), He(() => {
+      z && (z.pause(), z = null), document.removeEventListener("keydown", Q);
+    }), (i, f) => (d(), p("div", {
+      class: le(["multimodal-message", { "is-user": r.isUser, "is-assistant": !r.isUser }])
     }, [
-      n.message.content ? (o(), u("div", St, [
-        f(Fe, {
-          content: n.message.content,
-          "is-streaming": n.isStreaming
+      r.message.content ? (d(), p("div", Pt, [
+        M(Je, {
+          content: r.message.content,
+          "is-streaming": r.isStreaming
         }, null, 8, ["content", "is-streaming"])
-      ])) : D("", !0),
-      i.value && i.value.length > 0 ? (o(), u("div", zt, [
-        a("div", {
-          class: le(["images-grid", `grid-${Math.min(i.value.length, 4)}`])
+      ])) : B("", !0),
+      w.value && w.value.length > 0 ? (d(), p("div", Rt, [
+        l("div", {
+          class: le(["images-grid", `grid-${Math.min(w.value.length, 4)}`])
         }, [
-          (o(!0), u(ue, null, me(i.value.slice(0, 4), (y, B) => (o(), u("div", {
-            key: B,
+          (d(!0), p(ze, null, Ee(w.value.slice(0, 4), (h, I) => (d(), p("div", {
+            key: I,
             class: "image-item",
-            onClick: (O) => ee(y, B)
+            onClick: (F) => re(h, I)
           }, [
-            a("img", {
-              src: y,
-              alt: `图片 ${B + 1}`,
-              onError: (O) => q(O, y),
+            l("img", {
+              src: h,
+              alt: `图片 ${I + 1}`,
+              onError: (F) => _e(F, h),
               loading: "lazy"
-            }, null, 40, Et),
-            B === 3 && i.value.length > 4 ? (o(), u("div", It, " +" + F(i.value.length - 4), 1)) : D("", !0)
-          ], 8, Lt))), 128))
+            }, null, 40, Ft),
+            I === 3 && w.value.length > 4 ? (d(), p("div", Ot, " +" + N(w.value.length - 4), 1)) : B("", !0)
+          ], 8, Vt))), 128))
         ], 2)
-      ])) : D("", !0),
-      E.value && E.value.length > 0 ? (o(), u("div", Bt, [
-        (o(!0), u(ue, null, me(E.value, (y, B) => (o(), u("div", {
-          key: B,
-          class: "attachment-item"
-        }, [
-          a("div", At, [
-            f(I(Be), { class: "file-icon" })
-          ]),
-          a("div", Tt, [
-            a("span", Ht, F(y.name), 1),
-            a("span", Dt, F(we(y.name)) + "   " + F(ye(y.size)), 1)
-          ])
-        ]))), 128))
-      ])) : D("", !0),
-      z.value && z.value.length > 0 ? (o(), u("div", Rt, [
-        (o(!0), u(ue, null, me(z.value, (y, B) => (o(), u("div", {
-          key: B,
+      ])) : B("", !0),
+      D.value && D.value.length > 0 ? (d(), p("div", Wt, [
+        (d(!0), p(ze, null, Ee(D.value, (h, I) => (d(), p("div", {
+          key: I,
           class: "file-item",
-          onClick: (O) => j(y)
+          onClick: (F) => q(h.url, h.name)
         }, [
-          a("div", Ft, [
-            f(I(Be), { class: "file-icon" })
-          ]),
-          a("div", Nt, [
-            a("span", Ut, F(ae(y)), 1),
-            a("span", Yt, F(ge(y)), 1)
+          l("div", Yt, [
+            M(U(Mt), { class: "file-icon" })
           ]),
-          a("div", Wt, [
-            f(N, {
+          l("div", {
+            class: "file-info",
+            title: h.name
+          }, [
+            l("span", Xt, N(h.name), 1),
+            l("span", qt, N(h.type), 1)
+          ], 8, Nt),
+          l("div", Zt, [
+            M(K, {
               size: "small",
               type: "text",
-              onClick: Z((O) => ie(y), ["stop"])
+              disabled: A.value.has(h.url),
+              onClick: he((F) => te(h.url, h.name), ["stop"])
             }, {
-              default: H(() => [
-                f(I(Ae))
+              default: W(() => [
+                M(U(Xe), {
+                  class: le({ "icon-spin": A.value.has(h.url) })
+                }, null, 8, ["class"])
               ]),
-              _: 1
-            }, 8, ["onClick"])
+              _: 2
+            }, 1032, ["disabled", "onClick"])
           ])
-        ], 8, Pt))), 128))
-      ])) : D("", !0),
-      $.value ? (o(), u("div", Ot, [
-        a("div", Xt, [
-          f(N, {
-            onClick: pe,
-            loading: d.value,
+        ], 8, jt))), 128))
+      ])) : B("", !0),
+      m.value ? (d(), p("div", Kt, [
+        l("div", Jt, [
+          M(K, {
+            onClick: Ae,
+            loading: S.value,
             circle: "",
             size: "small",
             class: "play-btn"
           }, {
-            default: H(() => [
-              (o(), G(Pe(c.value ? I(vt) : I(mt))))
+            default: W(() => [
+              (d(), de(Ke(R.value ? U(Ct) : U(St))))
             ]),
             _: 1
           }, 8, ["loading"]),
-          a("div", Vt, [
-            a("div", Zt, [
-              a("div", qt, [
-                a("div", {
+          l("div", Gt, [
+            l("div", Qt, [
+              l("div", es, [
+                l("div", {
                   class: "progress-fill",
-                  style: ve({ width: S.value + "%" })
+                  style: be({ width: we.value + "%" })
                 }, null, 4)
               ])
             ]),
-            a("div", jt, [
-              a("span", null, F(he(M.value)), 1),
-              h[4] || (h[4] = a("span", null, "/", -1)),
-              a("span", null, F(he(L.value)), 1)
+            l("div", ts, [
+              l("span", null, N(G(O.value)), 1),
+              f[4] || (f[4] = l("span", null, "/", -1)),
+              l("span", null, N(G(_.value)), 1)
             ])
           ]),
-          f(N, {
-            onClick: h[0] || (h[0] = (y) => ie($.value)),
+          M(K, {
+            onClick: f[0] || (f[0] = (h) => te(m.value)),
             size: "small",
             type: "text",
             class: "download-btn"
           }, {
-            default: H(() => [
-              f(I(Ae))
+            default: W(() => [
+              M(U(Xe))
             ]),
             _: 1
           })
         ])
-      ])) : D("", !0),
-      f(Me, {
-        visible: x.value,
-        "onUpdate:visible": h[3] || (h[3] = (y) => x.value = y),
+      ])) : B("", !0),
+      M(Pe, {
+        visible: k.value,
+        "onUpdate:visible": f[3] || (f[3] = (h) => k.value = h),
         width: "90%",
         "show-close": !1,
         "append-to-body": "",
         class: "image-preview-dialog-wrapper"
       }, {
-        default: H(() => [
-          a("div", Kt, [
-            a("img", {
-              src: T.value,
+        default: W(() => [
+          l("div", ss, [
+            l("img", {
+              src: V.value,
               alt: "预览图片",
               class: "preview-image",
-              onClick: h[1] || (h[1] = (y) => x.value = !1)
-            }, null, 8, Gt),
-            i.value && i.value.length > 1 ? (o(), u("div", Jt, [
-              f(N, {
-                onClick: te,
-                disabled: _.value === 0,
+              onClick: f[1] || (f[1] = (h) => k.value = !1)
+            }, null, 8, as),
+            w.value && w.value.length > 1 ? (d(), p("div", ns, [
+              M(K, {
+                onClick: me,
+                disabled: L.value === 0,
                 circle: "",
                 class: "nav-btn"
               }, {
-                default: H(() => [
-                  f(I(gt))
+                default: W(() => [
+                  M(U(_t))
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              a("span", Qt, F(_.value + 1) + " / " + F(i.value.length), 1),
-              f(N, {
-                onClick: se,
-                disabled: _.value === i.value.length - 1,
+              l("span", os, N(L.value + 1) + " / " + N(w.value.length), 1),
+              M(K, {
+                onClick: ke,
+                disabled: L.value === w.value.length - 1,
                 circle: "",
                 class: "nav-btn"
               }, {
-                default: H(() => [
-                  f(I(ht))
+                default: W(() => [
+                  M(U(At))
                 ]),
                 _: 1
               }, 8, ["disabled"])
-            ])) : D("", !0),
-            f(N, {
-              onClick: h[2] || (h[2] = (y) => x.value = !1),
+            ])) : B("", !0),
+            M(K, {
+              onClick: f[2] || (f[2] = (h) => k.value = !1),
               class: "close-btn",
               circle: ""
             }, {
-              default: H(() => [
-                f(I(fe))
+              default: W(() => [
+                M(U(Ue))
               ]),
               _: 1
             })
@@ -890,104 +943,143 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
       }, 8, ["visible"])
     ], 2));
   }
-}), Ce = /* @__PURE__ */ oe(es, [["__scopeId", "data-v-7795fedb"]]), ts = {
-  key: 0,
-  class: "agent-steps"
-}, ss = { class: "steps-indicator" }, as = {
+}), Re = /* @__PURE__ */ Ce(ls, [["__scopeId", "data-v-96cd8b34"]]), rs = ["aria-expanded"], is = { class: "steps-indicator" }, cs = {
   key: 0,
   class: "icon-running"
-}, ns = {
+}, us = {
   key: 1,
+  class: "icon-error"
+}, ds = {
+  key: 2,
   class: "icon-completed"
-}, ls = { class: "steps-summary" }, os = { class: "icon-chevron" }, is = { class: "steps-list" }, rs = { class: "step-icon" }, cs = {
+}, ms = { class: "steps-copy" }, vs = { class: "steps-summary" }, fs = { class: "steps-meta" }, gs = { class: "steps-count" }, ps = { class: "icon-chevron" }, hs = {
+  class: "steps-progress",
+  "aria-hidden": "true"
+}, ys = { class: "steps-list" }, ws = {
+  class: "step-rail",
+  "aria-hidden": "true"
+}, ks = { class: "step-icon" }, bs = {
   key: 3,
   class: "icon-dot"
-}, ds = { class: "step-name" }, us = /* @__PURE__ */ Q({
+}, Ms = { class: "step-name" }, Ss = { class: "step-status" }, Cs = /* @__PURE__ */ Me({
   __name: "AgentSteps",
   props: {
     steps: {}
   },
   emits: ["resize"],
-  setup(n, { emit: p }) {
-    const k = n, i = b(!0), z = p, $ = () => {
-      i.value = !i.value, setTimeout(() => {
-        z("resize");
-      }, 300);
-    }, E = X(
-      () => k.steps.some((T) => T.status === "running")
-    ), x = X(() => {
-      const T = k.steps.find((c) => c.status === "running");
-      if (T)
-        return `正在${T.displayName}...`;
-      const _ = k.steps.filter(
-        (c) => c.status === "completed"
-      ).length;
-      return _ === k.steps.length ? "处理完成" : `已完成 ${_}/${k.steps.length} 个步骤`;
-    });
-    return (T, _) => n.steps.length > 0 ? (o(), u("div", ts, [
-      a("div", {
+  setup(r, { emit: y }) {
+    const b = r, w = C(!0), m = y, A = () => {
+      w.value = !w.value, oe(() => {
+        requestAnimationFrame(() => m("resize"));
+      });
+    }, $ = Y(
+      () => b.steps.some((S) => S.status === "running")
+    ), x = Y(() => b.steps.some((S) => S.status === "error")), H = Y(
+      () => b.steps.filter((S) => S.status === "completed").length
+    ), D = Y(() => b.steps.length === 0 ? 0 : Math.round(H.value / b.steps.length * 100)), k = Y(() => ({
+      width: `${D.value}%`
+    })), V = Y(() => $.value ? "智能处理流程" : x.value ? "需要关注" : "全部步骤已同步"), L = Y(() => {
+      const S = b.steps.find((O) => O.status === "running");
+      return S ? `正在处理 ${S.displayName}` : x.value ? "处理遇到问题" : H.value === b.steps.length ? "处理完成" : `已完成 ${H.value}/${b.steps.length} 个步骤`;
+    }), R = (S) => S === "running" ? "进行中" : S === "error" ? "异常" : "完成";
+    return (S, O) => r.steps.length > 0 ? (d(), p("div", {
+      key: 0,
+      class: le(["agent-steps", {
+        "is-running": $.value,
+        "is-error": x.value,
+        "is-collapsed": !w.value
+      }])
+    }, [
+      l("button", {
+        type: "button",
         class: "steps-header",
-        onClick: $
+        "aria-expanded": w.value,
+        onClick: A
       }, [
-        a("div", ss, [
-          E.value ? (o(), u("div", as, [
-            f(I(Te))
-          ])) : (o(), u("div", ns, [
-            f(I(He))
+        l("span", is, [
+          $.value ? (d(), p("span", cs, [
+            M(U(qe))
+          ])) : x.value ? (d(), p("span", us, [
+            M(U(Ue))
+          ])) : (d(), p("span", ds, [
+            M(U(Ze))
           ]))
         ]),
-        a("span", ls, F(x.value), 1),
-        a("div", os, [
-          (o(), G(Pe(i.value ? I(ft) : I(pt))))
+        l("span", ms, [
+          l("span", vs, N(L.value), 1),
+          l("span", fs, N(V.value), 1)
+        ]),
+        l("span", gs, N(H.value) + "/" + N(r.steps.length), 1),
+        l("span", ps, [
+          (d(), de(Ke(w.value ? U($t) : U(xt))))
         ])
+      ], 8, rs),
+      l("div", hs, [
+        l("span", {
+          style: be(k.value)
+        }, null, 4)
       ]),
-      at(a("div", is, [
-        (o(!0), u(ue, null, me(n.steps, (c) => (o(), u("div", {
-          key: c.name,
+      nt(l("div", ys, [
+        (d(!0), p(ze, null, Ee(r.steps, (_) => (d(), p("div", {
+          key: _.name,
           class: le(["step-item", {
-            "is-running": c.status === "running",
-            "is-completed": c.status === "completed",
-            "is-error": c.status === "error"
+            "is-running": _.status === "running",
+            "is-completed": _.status === "completed",
+            "is-error": _.status === "error"
           }])
         }, [
-          a("div", rs, [
-            c.status === "running" ? (o(), G(I(Te), {
-              key: 0,
-              class: "icon-spin"
-            })) : c.status === "completed" ? (o(), G(I(He), { key: 1 })) : c.status === "error" ? (o(), G(I(fe), { key: 2 })) : (o(), u("div", cs))
+          l("span", ws, [
+            l("span", ks, [
+              _.status === "running" ? (d(), de(U(qe), {
+                key: 0,
+                class: "icon-spin"
+              })) : _.status === "completed" ? (d(), de(U(Ze), { key: 1 })) : _.status === "error" ? (d(), de(U(Ue), { key: 2 })) : (d(), p("span", bs))
+            ])
           ]),
-          a("span", ds, F(c.displayName), 1)
+          l("span", Ms, N(_.displayName), 1),
+          l("span", Ss, N(R(_.status)), 1)
         ], 2))), 128))
       ], 512), [
-        [nt, i.value]
+        [ot, w.value]
       ])
-    ])) : D("", !0);
+    ], 2)) : B("", !0);
   }
-}), Ne = /* @__PURE__ */ oe(us, [["__scopeId", "data-v-181f5844"]]), ms = { class: "chat-message-list-root" }, vs = {
+}), Ge = /* @__PURE__ */ Ce(Cs, [["__scopeId", "data-v-5030f19a"]]), _s = { class: "chat-message-list-root" }, As = {
   key: 0,
   class: "bg-grid"
-}, gs = {
+}, $s = {
   key: 0,
   class: "welcome-screen"
-}, hs = { class: "welcome-content" }, fs = { class: "welcome-logo" }, ps = ["src"], ys = {
+}, xs = { class: "welcome-content" }, Is = { class: "welcome-logo" }, Ls = ["src"], zs = {
   key: 1,
   class: "default-logo"
-}, ws = { class: "welcome-title" }, ks = {
+}, Es = { class: "welcome-title" }, Us = {
   key: 1,
   class: "messages-container"
-}, Ms = {
+}, Ts = {
+  key: 0,
+  class: "user-message-wrapper"
+}, Bs = { class: "message-bubble user-bubble" }, Hs = {
   key: 0,
-  class: "message-bubble user-bubble"
-}, Cs = {
+  class: "message-actions user-actions"
+}, Ds = ["onClick"], Ps = {
   key: 1,
   class: "message-content assistant-content"
-}, bs = { class: "message-bubble assistant-bubble" }, _s = {
+}, Rs = {
+  key: 2,
+  class: "a2ui-card-skeleton",
+  "aria-hidden": "true"
+}, Vs = {
   key: 1,
   class: "message-actions"
-}, $s = ["onClick"], xs = {
+}, Fs = ["onClick"], Os = {
   key: 0,
   class: "message-row message-assistant"
-}, Ss = /* @__PURE__ */ Q({
+}, Ws = {
+  key: 0,
+  class: "loading-ring",
+  viewBox: "0 0 36 36"
+}, js = /* @__PURE__ */ Me({
   __name: "ChatMessageList",
   props: {
     messages: { default: () => [] },
@@ -1001,173 +1093,514 @@ const it = { class: "cm-dialog__body" }, rt = /* @__PURE__ */ Q({
     autoScroll: { type: Boolean, default: !0 },
     contentPaddingTop: { default: "80px" },
     contentPaddingBottom: { default: "140px" },
-    showBackground: { type: Boolean, default: !0 }
+    showBackground: { type: Boolean, default: !0 },
+    apiBaseUrl: { default: "" },
+    enableA2UI: { type: Boolean, default: !0 },
+    autoProvideA2UI: { type: Boolean, default: !0 },
+    a2uiCatalog: {},
+    hideA2UIRawContent: { type: Boolean, default: !0 },
+    showA2UISkeleton: { type: Boolean, default: !0 },
+    a2uiActionHandler: {}
   },
-  emits: ["copy", "scroll", "scroll-bottom"],
-  setup(n, { expose: p, emit: k }) {
-    const i = n, z = k, $ = b(null), E = b(!1), x = async (d = "smooth") => {
-      await de(), $.value && $.value.scrollTo({
-        top: $.value.scrollHeight,
-        behavior: d
-      });
-    }, 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;
+  emits: [
+    "copy",
+    "scroll",
+    "scroll-bottom",
+    "a2ui-action",
+    "a2ui-error"
+  ],
+  setup(r, { expose: y, emit: b }) {
+    const w = /* @__PURE__ */ new WeakMap(), m = r, A = b, $ = C(null), x = C(!1), H = C(!0), D = C({}), k = C({});
+    (() => {
+      var s;
+      if (!m.autoProvideA2UI) return;
+      if (!m.a2uiCatalog)
+        try {
+          dt();
+          return;
+        } catch {
+        }
+      const e = (s = it()) == null ? void 0 : s.appContext.app, t = m.a2uiCatalog || mt;
+      !e || w.get(e) === t || (vt({
+        app: e,
+        catalog: t,
+        theme: ft
+      }), w.set(e, t));
+    })();
+    const L = ct(), R = () => {
+      if (!$.value) return !0;
+      const { scrollTop: e, scrollHeight: t, clientHeight: s } = $.value;
+      return t - e - s < 50;
+    }, S = () => {
+      H.value = R();
+    }, O = (e) => {
+      var s, n;
+      return !e || typeof e != "object" || e.version !== "v0.9" || [
+        e.createSurface,
+        e.updateComponents,
+        e.updateDataModel,
+        e.deleteSurface
+      ].filter(Boolean).length !== 1 ? !1 : e.createSurface ? we(e.createSurface) : e.updateComponents ? _e(e.updateComponents) : e.updateDataModel ? typeof ((s = _(e.updateDataModel)) == null ? void 0 : s.surfaceId) == "string" : e.deleteSurface ? typeof ((n = _(e.deleteSurface)) == null ? void 0 : n.surfaceId) == "string" : !1;
+    }, _ = (e) => e && typeof e == "object" && !Array.isArray(e) ? e : null, we = (e) => {
+      const t = _(e);
+      if (!t) return !1;
+      const s = Object.keys(t);
+      return typeof t.surfaceId == "string" && typeof t.catalogId == "string" && s.every((n) => n === "surfaceId" || n === "catalogId");
+    }, z = (e) => Array.isArray(e) ? e.every((t) => {
+      const s = _(t);
+      return !!(s && typeof s.label == "string" && typeof s.value == "string");
+    }) : !1, re = (e) => Array.isArray(e) && e.every((t) => typeof t == "string"), me = (e) => Array.isArray(e) ? e.every((t) => {
+      const s = _(t);
+      return !!(s && typeof s.label == "string" && typeof s.value == "string");
+    }) : !1, ke = (e) => {
+      const t = _(e);
+      return !(!t || typeof t.id != "string" || typeof t.component != "string" || Object.prototype.hasOwnProperty.call(t, "props") || Object.prototype.hasOwnProperty.call(t, "componentType") || Object.prototype.hasOwnProperty.call(t, "component_type") || t.facts !== void 0 && !z(t.facts) || t.tags !== void 0 && !re(t.tags) || ["policyOptions", "audienceOptions", "detailOptions"].some(
+        (n) => t[n] !== void 0 && !me(t[n])
+      ));
+    }, _e = (e) => {
+      const t = _(e);
+      return !t || typeof t.surfaceId != "string" || !Array.isArray(t.components) || t.components.length === 0 ? !1 : t.components.every(ke);
+    }, X = (e) => {
+      const t = e.trim();
+      if (!t) return null;
+      const s = t.match(/^```(?:json|a2ui|agui|ag-ui)?\s*([\s\S]*?)\s*```$/i), n = s ? s[1].trim() : t;
+      if (!n.startsWith("{") && !n.startsWith("[")) return null;
+      try {
+        return JSON.parse(n);
+      } catch {
+        return null;
+      }
+    }, ee = (e) => {
+      if (typeof e != "string") return null;
+      const t = e.trim().toLowerCase();
+      return t === "text_only" || t === "text-only" || t === "text" ? "text_only" : t === "ui_only" || t === "ui-only" || t === "ui" ? "ui_only" : t === "text_and_ui" || t === "text-and-ui" || t === "text+ui" || t === "both" ? "text_and_ui" : null;
+    }, q = (e) => {
+      const t = ee(e);
+      if (t) return t;
+      if (typeof e == "string") {
+        const n = X(e);
+        return n ? q(n) : null;
+      }
+      if (Array.isArray(e)) {
+        for (const n of e) {
+          const v = q(n);
+          if (v) return v;
+        }
+        return null;
+      }
+      const s = _(e);
+      return s && (ee(s.displayMode) || ee(s.display_mode) || ee(s.a2uiDisplayMode) || ee(s.a2ui_display_mode) || q(s.metadata) || q(s.payload) || q(s.data)) || null;
+    }, T = (e) => {
+      if (!e) return [];
+      if (typeof e == "string") {
+        const v = X(e);
+        return v ? T(v) : Array.from(
+          e.matchAll(/```(?:agui|ag-ui|a2ui|json)\s*\n([\s\S]*?)\n```/gi)
+        ).flatMap((E) => {
+          const P = X(E[1]);
+          return P ? T(P) : [];
+        });
+      }
+      if (Array.isArray(e)) {
+        const v = e.map((E) => _(E)).filter((E) => !!E);
+        return v.length === e.length && v.every(O) ? v : te(e);
+      }
+      if (typeof e != "object") return [];
+      const t = e;
+      if (O(t)) return [t];
+      const s = te(t);
+      if (s.length > 0) return s;
+      const n = h(t);
+      return n.length > 0 ? n : [];
+    }, te = (e) => {
+      if (!e) return [];
+      if (typeof e == "string") {
+        const s = X(e);
+        return s ? te(s) : [];
+      }
+      if (typeof e != "object") return [];
+      if (Array.isArray(e))
+        return e.map((n) => _(n)).filter((n) => !!n).flatMap(G);
+      const t = e;
+      return t.protocol === "ag-ui" ? te(t.aguiEvents || t.agui_events) : Ae(t) ? G(t) : [];
+    }, Ae = (e) => {
+      const t = String(e.type || "").toUpperCase();
+      return t ? t === "STATE_SNAPSHOT" ? Q(e.state).length > 0 : t === "STATE_DELTA" ? Q(e.delta).length > 0 : !0 : !1;
+    }, G = (e) => {
+      const t = String(e.type || "").toUpperCase();
+      if (t === "STATE_SNAPSHOT") {
+        const s = Q(e.state);
+        return s.length > 0 ? s : f(e);
+      }
+      if (t === "STATE_DELTA") {
+        const s = Q(e.delta);
+        return s.length > 0 ? s : f(e);
+      }
+      return [];
+    }, Q = (e) => {
+      const t = _(e);
+      return t ? [
+        ...T(t.a2uiMessages),
+        ...T(t.a2ui_messages),
+        ...T(t.a2ui)
+      ] : [];
+    }, i = (e) => {
+      const t = _(e);
+      return t ? G(t) : [];
+    }, f = (e) => [
+      ...i(e.rawEvent),
+      ...i(e.raw_event)
+    ], h = (e) => {
+      const t = [
+        e.value,
+        e.metadata,
+        e.payload,
+        e.data,
+        e.a2uiMessages,
+        e.a2ui_messages,
+        e.a2ui,
+        e.aguiEvents,
+        e.agui_events,
+        e.agui
+      ];
+      for (const s of t) {
+        if (s === void 0 || s === e) continue;
+        const n = T(s);
+        if (n.length > 0) return n;
+      }
+      return [];
+    }, I = (e) => [
+      ...T(e.a2ui),
+      ...T(e.a2uiMessage),
+      ...T(e.a2uiMessages),
+      ...T(e.a2ui_message),
+      ...T(e.a2ui_messages),
+      ...T(e.agui),
+      ...T(e.aguiEvents),
+      ...T(e.agui_events),
+      ...T(e.metadata),
+      ...T(e.content)
+    ], F = (e) => q(e.displayMode) || q(e.display_mode) || q(e.a2uiDisplayMode) || q(e.a2ui_display_mode) || q(e.metadata) || null, ve = (e) => {
+      var t, s, n, v;
+      return ((t = e == null ? void 0 : e.createSurface) == null ? void 0 : t.surfaceId) || ((s = e == null ? void 0 : e.updateComponents) == null ? void 0 : s.surfaceId) || ((n = e == null ? void 0 : e.updateDataModel) == null ? void 0 : n.surfaceId) || ((v = e == null ? void 0 : e.deleteSurface) == null ? void 0 : v.surfaceId) || null;
+    }, fe = (e, t) => String(e.id || `index-${t}`), ie = (e, t, s = !1) => {
+      const n = { ...k.value }, v = { ...D.value }, E = s ? new Set(v[e] || []) : /* @__PURE__ */ new Set();
+      for (const P of t) {
+        const j = ve(P);
+        j && (n[j] = e, E.add(j));
+      }
+      v[e] = Array.from(E), k.value = n, D.value = v;
+    }, $e = () => {
+      if (L.clearSurfaces(), D.value = {}, k.value = {}, !m.enableA2UI) return;
+      const e = [];
+      if (m.messages.forEach((t, s) => {
+        const n = I(t);
+        if (n.length === 0) return;
+        const v = fe(t, s);
+        ie(v, n), e.push(...n);
+      }), e.length !== 0)
+        try {
+          L.processMessages(e);
+        } catch (t) {
+          console.warn("[rt-chat-messages] A2UI payload render failed", t), A("a2ui-error", t);
+        }
+    }, se = (e, t) => {
+      if (!m.enableA2UI) return [];
+      if (F(e) === "text_only") return [];
+      const n = fe(e, t);
+      return (D.value[n] || []).filter(
+        (v) => k.value[v] === n
+      );
+    }, ae = (e) => {
+      const t = typeof e.content == "string" ? e.content.trimStart() : "";
+      if (!t || I(e).length > 0) return !1;
+      const s = t.match(/^```([^\s\n`]*)?/);
+      if (!s) return !1;
+      const n = (s[1] || "").toLowerCase();
+      return n ? ["a", "ag", "agu", "agui", "ag-", "ag-u", "ag-ui", "a2", "a2u", "a2ui"].includes(n) : !1;
+    }, ne = (e, t) => !!(m.enableA2UI && m.showA2UISkeleton && m.isStreaming && t === m.messages.length - 1 && se(e, t).length === 0 && ae(e)), Z = (e, t) => {
+      if (!m.hideA2UIRawContent || e.attachments && e.attachments.length > 0) return !0;
+      if (ae(e) || !e.content) return !1;
+      if (I(e).length === 0) return !0;
+      const n = F(e);
+      return n === "text_only" || n === "text_and_ui" ? !0 : n === "ui_only" ? !1 : se(e, t).length === 0;
+    }, xe = async (e) => {
+      var s;
+      const t = (s = e == null ? void 0 : e.message) == null ? void 0 : s.action;
+      A("a2ui-action", t, e);
+      try {
+        const n = m.a2uiActionHandler ? await m.a2uiActionHandler(e) : [], v = T(n);
+        if (v.length > 0) {
+          const E = k.value[t == null ? void 0 : t.surfaceId];
+          E && ie(E, v, !0), L.processMessages(v), m.autoScroll && !x.value && (await oe(), ue("smooth"));
+        }
+        e.resolve(v);
+      } catch (n) {
+        A("a2ui-error", n), e.reject(n instanceof Error ? n : new Error(String(n)));
+      }
     };
-    J(
-      () => i.messages.length,
-      async (d, M) => {
-        d > (M || 0) && (E.value = !1), i.autoScroll && !E.value && x();
+    let ce = 0, ge = !1;
+    const Te = () => {
+      R() || (H.value = !1, x.value = !0);
+    }, ue = async (e = "smooth", t = !1) => {
+      if (await oe(), $.value) {
+        if (t && (x.value = !1), x.value) return;
+        H.value = !0, ge = !0, $.value.scrollTo({
+          top: $.value.scrollHeight,
+          behavior: e
+        }), setTimeout(() => {
+          ge = !1;
+        }, 50);
       }
-    ), J(
-      () => {
-        var d;
-        return (d = i.messages[i.messages.length - 1]) == null ? void 0 : d.content;
-      },
-      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({
+    }, Be = (e) => {
+      if (A("scroll", e), !$.value) return;
+      const t = $.value.scrollTop, s = t < ce;
+      ce = t, !ge && s && (x.value = !0, H.value = !1), R() && (H.value = !0, x.value = !1, A("scroll-bottom"));
+    };
+    ye(
+      () => m.messages.length,
+      async (e, t) => {
+        e > (t || 0) && (x.value = !1, m.autoScroll && ue("instant"));
+      }
+    ), ye(
+      () => [m.messages, m.enableA2UI],
+      $e,
+      { deep: !0, immediate: !0 }
+    );
+    let a = null;
+    ye(
+      () => m.messages,
+      async () => {
+        if (!m.isStreaming || !m.autoScroll || x.value || document.hidden)
+          return;
+        const e = m.messages[m.messages.length - 1];
+        !e || e.role !== "assistant" || (a && cancelAnimationFrame(a), a = requestAnimationFrame(async () => {
+          await oe(), $.value && !x.value && $.value.scrollTo({
             top: $.value.scrollHeight,
             behavior: "instant"
           });
-        }
-      }
-    ), J(
-      () => i.isTyping,
-      (d) => {
-        d && i.autoScroll && x();
+        }));
+      },
+      { deep: !0 }
+    ), ye(
+      () => m.isTyping,
+      (e) => {
+        e && m.autoScroll && ue("instant");
       }
     );
-    const _ = (d) => {
-      z("copy", d), navigator.clipboard && d.content && navigator.clipboard.writeText(d.content);
+    const o = (e) => {
+      A("copy", e), navigator.clipboard && e.content && navigator.clipboard.writeText(e.content);
     };
-    J(
-      () => i.agentSteps,
+    ye(
+      () => m.agentSteps,
       () => {
-        i.autoScroll && !E.value && x();
+        m.autoScroll && !x.value && ue();
       },
       { deep: !0 }
     );
     const c = () => {
-      i.autoScroll && !E.value && x();
+      m.autoScroll && !x.value && ue();
+    }, g = () => {
+      !document.hidden && m.isStreaming && m.autoScroll && !x.value && oe(() => {
+        $.value && ($.value.scrollTo({
+          top: $.value.scrollHeight,
+          behavior: "instant"
+        }), H.value = !0);
+      });
     };
-    return p({
-      scrollToBottom: x,
+    let u;
+    return Ve(() => {
+      S(), u = L.onEvent(xe), document.addEventListener("visibilitychange", g);
+    }), He(() => {
+      u == null || u(), document.removeEventListener("visibilitychange", g);
+    }), y({
+      scrollToBottom: ue,
       containerRef: $
-    }), (d, M) => (o(), u("div", ms, [
-      n.showBackground ? (o(), u("div", vs)) : D("", !0),
-      a("div", {
+    }), (e, t) => (d(), p("div", _s, [
+      r.showBackground ? (d(), p("div", As)) : B("", !0),
+      l("div", {
         class: "chat-message-list",
         ref_key: "containerRef",
         ref: $,
-        onScroll: T,
-        style: ve({
-          paddingTop: n.contentPaddingTop,
-          paddingBottom: n.contentPaddingBottom
+        onScroll: Be,
+        onWheel: Te,
+        onTouchmove: Te,
+        style: be({
+          paddingTop: r.contentPaddingTop,
+          paddingBottom: r.contentPaddingBottom
         })
       }, [
-        n.showWelcome && n.messages.length === 0 ? (o(), u("div", gs, [
-          be(d.$slots, "welcome", {}, () => [
-            a("div", hs, [
-              a("div", fs, [
-                n.appLogo ? (o(), u("img", {
+        r.showWelcome && r.messages.length === 0 ? (d(), p("div", $s, [
+          Fe(e.$slots, "welcome", {}, () => [
+            l("div", xs, [
+              l("div", Is, [
+                r.appLogo ? (d(), p("img", {
                   key: 0,
-                  src: n.appLogo,
+                  src: r.appLogo,
                   alt: "Logo"
-                }, null, 8, ps)) : (o(), u("div", ys, [...M[0] || (M[0] = [
-                  a("svg", {
+                }, null, 8, Ls)) : (d(), p("div", zs, [...t[1] || (t[1] = [
+                  l("svg", {
                     viewBox: "0 0 1024 1024",
                     width: "32",
                     height: "32"
                   }, [
-                    a("path", {
+                    l("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, F(n.appName), 1),
-              M[1] || (M[1] = a("p", { class: "welcome-desc" }, "今天有什么可以帮您？", -1))
+              l("h2", Es, N(r.appName), 1),
+              t[2] || (t[2] = l("p", { class: "welcome-desc" }, "今天有什么可以帮您？", -1))
             ])
           ], !0)
-        ])) : (o(), u("div", ks, [
-          (o(!0), u(ue, null, me(n.messages, (L, S) => (o(), u("div", {
-            key: L.id || S,
+        ])) : (d(), p("div", Us, [
+          (d(!0), p(ze, null, Ee(r.messages, (s, n) => (d(), p("div", {
+            key: s.id || n,
             class: le([
               "message-row",
-              L.role === "user" ? "message-user" : "message-assistant"
+              s.role === "user" ? "message-user" : "message-assistant"
             ])
           }, [
-            L.role === "user" ? (o(), u("div", Ms, [
-              f(Ce, {
-                message: L,
-                "is-user": !0
-              }, null, 8, ["message"])
-            ])) : (o(), u("div", Cs, [
-              n.showAgentSteps && S === n.messages.length - 1 && n.agentSteps && n.agentSteps.length > 0 ? (o(), G(Ne, {
+            s.role === "user" ? (d(), p("div", Ts, [
+              l("div", Bs, [
+                M(Re, {
+                  message: s,
+                  "is-user": !0,
+                  "api-base-url": r.apiBaseUrl
+                }, null, 8, ["message", "api-base-url"])
+              ]),
+              s.content ? (d(), p("div", Hs, [
+                l("button", {
+                  class: "action-btn",
+                  onClick: (v) => o(s),
+                  title: "复制"
+                }, [...t[3] || (t[3] = [
+                  l("svg", {
+                    viewBox: "0 0 1024 1024",
+                    width: "12",
+                    height: "12"
+                  }, [
+                    l("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),
+                  l("span", null, "复制", -1)
+                ])], 8, Ds)
+              ])) : B("", !0)
+            ])) : (d(), p("div", Ps, [
+              r.showAgentSteps && n === r.messages.length - 1 && r.agentSteps && r.agentSteps.length > 0 ? (d(), de(Ge, {
                 key: 0,
-                steps: n.agentSteps,
+                steps: r.agentSteps,
                 onResize: c
-              }, null, 8, ["steps"])) : D("", !0),
-              a("div", bs, [
-                f(Ce, {
-                  message: L,
+              }, null, 8, ["steps"])) : B("", !0),
+              l("div", {
+                class: le(["message-bubble assistant-bubble", { "assistant-bubble-a2ui": se(s, n).length > 0 }])
+              }, [
+                Z(s, n) ? (d(), de(Re, {
+                  key: 0,
+                  message: s,
                   "is-user": !1,
-                  "is-streaming": n.isStreaming && S === n.messages.length - 1
-                }, null, 8, ["message", "is-streaming"])
-              ]),
-              L.content && !(n.isStreaming && S === n.messages.length - 1) ? (o(), u("div", _s, [
-                a("button", {
+                  "api-base-url": r.apiBaseUrl,
+                  "is-streaming": r.isStreaming && n === r.messages.length - 1
+                }, null, 8, ["message", "api-base-url", "is-streaming"])) : B("", !0),
+                se(s, n).length > 0 ? (d(), p("div", {
+                  key: 1,
+                  class: le(["a2ui-surfaces", { "a2ui-surfaces-with-content": Z(s, n) }])
+                }, [
+                  (d(!0), p(ze, null, Ee(se(s, n), (v) => (d(), de(U(ut), {
+                    key: v,
+                    "surface-id": v
+                  }, null, 8, ["surface-id"]))), 128))
+                ], 2)) : B("", !0),
+                ne(s, n) ? (d(), p("div", Rs, [...t[4] || (t[4] = [
+                  lt('<div class="skeleton-header" data-v-eac8b914><div class="skeleton-avatar skeleton-shimmer" data-v-eac8b914></div><div class="skeleton-title-group" data-v-eac8b914><div class="skeleton-line skeleton-title skeleton-shimmer" data-v-eac8b914></div><div class="skeleton-line skeleton-subtitle skeleton-shimmer" data-v-eac8b914></div></div></div><div class="skeleton-line skeleton-summary skeleton-shimmer" data-v-eac8b914></div><div class="skeleton-line skeleton-summary short skeleton-shimmer" data-v-eac8b914></div><div class="skeleton-facts" data-v-eac8b914><div class="skeleton-fact skeleton-shimmer" data-v-eac8b914></div><div class="skeleton-fact skeleton-shimmer" data-v-eac8b914></div><div class="skeleton-fact skeleton-shimmer" data-v-eac8b914></div></div>', 4)
+                ])])) : B("", !0)
+              ], 2),
+              Z(s, n) && s.content && !(r.isStreaming && n === r.messages.length - 1) ? (d(), p("div", Vs, [
+                l("button", {
                   class: "action-btn",
-                  onClick: (C) => _(L),
+                  onClick: (v) => o(s),
                   title: "复制"
-                }, [...M[2] || (M[2] = [
-                  a("svg", {
+                }, [...t[5] || (t[5] = [
+                  l("svg", {
                     viewBox: "0 0 1024 1024",
                     width: "12",
                     height: "12"
                   }, [
-                    a("path", {
+                    l("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)
-              ])) : D("", !0)
+                  l("span", null, "复制", -1)
+                ])], 8, Fs)
+              ])) : B("", !0)
             ]))
           ], 2))), 128)),
-          n.isTyping ? (o(), u("div", xs, [...M[3] || (M[3] = [
-            a("div", { class: "typing-indicator" }, [
-              a("div", { class: "typing-dot" }),
-              a("div", {
+          r.isTyping ? (d(), p("div", Os, [...t[6] || (t[6] = [
+            l("div", { class: "typing-indicator" }, [
+              l("div", { class: "typing-dot" }),
+              l("div", {
                 class: "typing-dot",
                 style: { "animation-delay": "0.2s" }
               }),
-              a("div", {
+              l("div", {
                 class: "typing-dot",
                 style: { "animation-delay": "0.4s" }
               })
             ], -1)
-          ])])) : D("", !0)
+          ])])) : B("", !0)
         ]))
-      ], 36)
+      ], 36),
+      M(rt, { name: "fade-slide" }, {
+        default: W(() => [
+          H.value ? B("", !0) : (d(), p("button", {
+            key: 0,
+            class: "scroll-to-bottom-btn",
+            style: be({ bottom: `calc(${r.contentPaddingBottom || "140px"} + 20px)` }),
+            onClick: t[0] || (t[0] = (s) => ue("smooth", !0))
+          }, [
+            t[8] || (t[8] = l("div", { class: "btn-inner" }, [
+              l("svg", {
+                class: "arrow-icon",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor"
+              }, [
+                l("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "2.5",
+                  d: "M19 9l-7 7-7-7"
+                })
+              ])
+            ], -1)),
+            r.isStreaming ? (d(), p("svg", Ws, [...t[7] || (t[7] = [
+              l("circle", {
+                class: "loading-circle",
+                cx: "18",
+                cy: "18",
+                r: "16"
+              }, null, -1)
+            ])])) : B("", !0)
+          ], 4))
+        ]),
+        _: 1
+      })
     ]));
   }
-}), 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);
+}), Ys = /* @__PURE__ */ Ce(js, [["__scopeId", "data-v-eac8b914"]]), Js = {
+  install(r) {
+    r.component("ChatMessageList", Ys), r.component("MultimodalMessage", Re), r.component("MarkdownMessage", Je), r.component("AgentSteps", Ge);
   }
 };
 export {
-  Ne as AgentSteps,
-  zs as ChatMessageList,
-  Fe as MarkdownMessage,
-  Ce as MultimodalMessage,
-  As as default
+  Ge as AgentSteps,
+  Ys as ChatMessageList,
+  Je as MarkdownMessage,
+  Re as MultimodalMessage,
+  Js as default
 };