@scalar/agent-chat 0.2.3 → 0.2.6

package/dist/index5-Bmz0gMSP.js

@@ -1,590 +0,0 @@
-import { defineComponent as zt, ref as d, computed as K, watch as Y, onBeforeUnmount as Lt, onMounted as At, onUnmounted as Ft, createElementBlock as w, openBlock as g, normalizeClass as y, createCommentVNode as Q, withDirectives as Ht, renderSlot as Je, createElementVNode as n, unref as h, toDisplayString as xe, normalizeStyle as yt, createBlock as Rt, mergeProps as xt, toHandlers as kt, Teleport as Nt, createVNode as _t, Transition as Xt, withCtx as Yt, withModifiers as Vt, vShow as Zt, nextTick as A } from "vue";
-import { J as qt, n as It, o as Ut, Y as bt, a as Wt, m as Gt, u as Jt, b as Kt } from "./index-BOvT43H8.js";
-import { e as Qt } from "./safeRaf-I3a3-dyJ.js";
-var el = Object.defineProperty, tl = Object.defineProperties, ll = Object.getOwnPropertyDescriptors, Mt = Object.getOwnPropertySymbols, rl = Object.prototype.hasOwnProperty, nl = Object.prototype.propertyIsEnumerable, Tt = (L, j, M) => j in L ? el(L, j, { enumerable: !0, configurable: !0, writable: !0, value: M }) : L[j] = M, Ke = (L, j) => {
-  for (var M in j || (j = {})) rl.call(j, M) && Tt(L, M, j[M]);
-  if (Mt) for (var M of Mt(j)) nl.call(j, M) && Tt(L, M, j[M]);
-  return L;
-}, D = (L, j, M) => new Promise((ke, o) => {
-  var re = (F) => {
-    try {
-      P(M.next(F));
-    } catch (ne) {
-      o(ne);
-    }
-  }, be = (F) => {
-    try {
-      P(M.throw(F));
-    } catch (ne) {
-      o(ne);
-    }
-  }, P = (F) => F.done ? ke(F.value) : Promise.resolve(F.value).then(re, be);
-  P((M = M.apply(L, j)).next());
-});
-const ol = { key: 0 }, al = { key: 1, class: "flex items-center gap-x-2 overflow-hidden" }, il = ["src"], ul = { key: 2 }, sl = { class: "flex items-center gap-x-1" }, cl = { class: "flex items-center gap-x-1" }, dl = { key: 4 }, vl = { key: 5, class: "flex items-center gap-x-1" }, ml = ["aria-pressed"], fl = { key: 0, xmlns: "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", "aria-hidden": "true", role: "img", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "w-3 h-3" }, hl = { key: 1, xmlns: "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", "aria-hidden": "true", role: "img", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "w-3 h-3" }, gl = ["disabled"], pl = ["disabled"], wl = { key: 0, xmlns: "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", "aria-hidden": "true", role: "img", width: "0.75rem", height: "0.75rem", viewBox: "0 0 24 24" }, yl = { key: 1, xmlns: "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", "aria-hidden": "true", role: "img", width: "0.75rem", height: "0.75rem", viewBox: "0 0 24 24" }, xl = { key: 1, class: "relative" }, kl = { key: 0, class: "absolute top-2 right-2 z-10 rounded-lg" }, bl = { class: "flex items-center gap-2 backdrop-blur rounded-lg" }, Ml = { class: "markstream-vue" }, Tl = { class: "absolute top-6 right-6 z-50 flex items-center gap-2" }, Qe = /* @__PURE__ */ qt(/* @__PURE__ */ zt({ __name: "MermaidBlockNode", props: { node: {}, maxHeight: { default: "500px" }, loading: { type: Boolean, default: !0 }, isDark: { type: Boolean }, workerTimeoutMs: { default: 1400 }, parseTimeoutMs: { default: 1800 }, renderTimeoutMs: { default: 2500 }, fullRenderTimeoutMs: { default: 4e3 }, showHeader: { type: Boolean, default: !0 }, showModeToggle: { type: Boolean, default: !0 }, showCopyButton: { type: Boolean, default: !0 }, showExportButton: { type: Boolean, default: !0 }, showFullscreenButton: { type: Boolean, default: !0 }, showCollapseButton: { type: Boolean, default: !0 }, showZoomControls: { type: Boolean, default: !0 }, enableWheelZoom: { type: Boolean, default: !1 }, isStrict: { type: Boolean, default: !1 } }, emits: ["copy", "export", "openModal", "toggleMode"], setup(L, { emit: j }) {
-  var M, ke;
-  const o = L, re = j, be = { USE_PROFILES: { svg: !0 }, FORBID_TAGS: ["script"], FORBID_ATTR: [/^on/i], ADD_TAGS: ["style"], ADD_ATTR: ["style"], SAFE_FOR_TEMPLATES: !0 }, P = d(!1), F = K(() => o.isStrict ? "strict" : "loose"), ne = K(() => ({ startOnLoad: !1, securityLevel: F.value, dompurifyConfig: F.value === "strict" ? be : void 0, flowchart: F.value === "strict" ? { htmlLabels: !1 } : void 0 })), Ct = [/javascript:/i, /expression\s*\(/i, /url\s*\(\s*javascript:/i, /@import/i], Dt = /^(?:https?:|mailto:|tel:|#|\/|data:image\/(?:png|gif|jpe?g|webp);)/i;
-  function Bt(t) {
-    if (!t) return "";
-    const e = t.trim();
-    return Dt.test(e) ? e : "";
-  }
-  function Me(t) {
-    if (t) try {
-      t.replaceChildren();
-    } catch {
-      t.innerHTML = "";
-    }
-  }
-  function oe(t, e) {
-    if (!t) return "";
-    if (F.value === "strict") return (function(l, r) {
-      if (!l) return "";
-      try {
-        l.replaceChildren();
-      } catch {
-        l.innerHTML = "";
-      }
-      const c = (function(a) {
-        if (typeof window > "u" || typeof DOMParser > "u" || !a) return null;
-        const s = a.replace(/["']\s*javascript:/gi, "#").replace(/\bjavascript:/gi, "#").replace(/["']\s*vbscript:/gi, "#").replace(/\bvbscript:/gi, "#").replace(/\bdata:text\/html/gi, "#"), i = new DOMParser().parseFromString(s, "image/svg+xml").documentElement;
-        if (!i || i.nodeName.toLowerCase() !== "svg") return null;
-        const m = i;
-        return (function(v) {
-          const p = /* @__PURE__ */ new Set(["script"]), z = [v, ...Array.from(v.querySelectorAll("*"))];
-          for (const C of z) {
-            if (p.has(C.tagName.toLowerCase())) {
-              C.remove();
-              continue;
-            }
-            const X = Array.from(C.attributes);
-            for (const N of X) {
-              const b = N.name;
-              if (/^on/i.test(b)) C.removeAttribute(b);
-              else {
-                if (b === "style" && N.value) {
-                  const k = N.value;
-                  if (Ct.some((Xe) => Xe.test(k))) {
-                    C.removeAttribute(b);
-                    continue;
-                  }
-                }
-                if ((b === "href" || b === "xlink:href") && N.value) {
-                  const k = Bt(N.value);
-                  if (!k) {
-                    C.removeAttribute(b);
-                    continue;
-                  }
-                  k !== N.value && C.setAttribute(b, k);
-                }
-              }
-            }
-          }
-        })(m), m;
-      })(r);
-      return c ? (l.appendChild(c), l.innerHTML) : "";
-    })(t, e);
-    try {
-      t.replaceChildren();
-    } catch {
-      t.innerHTML = "";
-    }
-    if (e) try {
-      t.insertAdjacentHTML("afterbegin", e);
-    } catch {
-      t.innerHTML = e;
-    }
-    return t.innerHTML;
-  }
-  const { t: f } = It();
-  function Te() {
-    return D(this, null, function* () {
-      try {
-        const t = yield Kt();
-        return P.value = !!t, t;
-      } catch (t) {
-        throw P.value = !1, t;
-      }
-    });
-  }
-  typeof window < "u" && D(null, null, function* () {
-    var t;
-    try {
-      const e = yield Te();
-      if (!e) return;
-      (t = e?.initialize) == null || t.call(e, Ke({}, ne.value));
-    } catch (e) {
-      P.value = !1, console.warn("[markstream-vue] Failed to initialize mermaid renderer. Call enableMermaid() to configure a loader.", e);
-    }
-  });
-  const Ce = d(!1), V = d(!1), Z = d(), u = d(), ae = d(), De = d(null), Et = Ut(), me = d(null), ie = d(typeof window > "u"), et = d(), R = K(() => o.node.code.replace(/\]::([^:])/g, "]:::$1").replace(/:::subgraphNode$/gm, "::subgraphNode")), x = d(1), O = d(0), $ = d(0), Be = d(!1), Ee = d({ x: 0, y: 0 }), E = d(!1), Se = d(!1), U = d(!1), je = d(null), Pe = d(0), Ye = d(!1);
-  let fe = null, he = null, ge = 0;
-  const tt = (M = globalThis.requestIdleCallback) != null ? M : (t, e) => setTimeout(() => t({ didTimeout: !0 }), 16), ue = /* @__PURE__ */ (function() {
-    let t = null;
-    return (...e) => {
-      t && clearTimeout(t), t = setTimeout(() => (() => {
-        tt(() => {
-          pt();
-        }, { timeout: 500 });
-      })(...e), 300);
-    };
-  })();
-  function pe() {
-    he != null && (globalThis.clearTimeout(he), he = null);
-  }
-  function lt(t = 600) {
-    if (typeof globalThis > "u") return;
-    const e = Math.max(0, t);
-    pe(), he = globalThis.setTimeout(() => {
-      he = null, o.loading || U.value || !ie.value ? lt(Math.min(1200, Math.max(300, 1.2 * e))) : ue();
-    }, e);
-  }
-  const W = d("360px");
-  let se = null;
-  const B = d(!1), ee = d(!1), G = d({}), rt = d(null), we = d(""), Ve = d(0);
-  let H = null;
-  const q = d(!1), te = d({ zoom: 1, translateX: 0, translateY: 0, containerHeight: "360px" }), nt = K(() => o.enableWheelZoom ? { wheel: jt } : {}), I = K(() => {
-    var t, e, l, r;
-    return { worker: (t = o.workerTimeoutMs) != null ? t : 1400, parse: (e = o.parseTimeoutMs) != null ? e : 1800, render: (l = o.renderTimeoutMs) != null ? l : 2500, fullRender: (r = o.fullRenderTimeoutMs) != null ? r : 4e3 };
-  }), St = (ke = globalThis.cancelIdleCallback) != null ? ke : (t) => clearTimeout(t);
-  let ce = null, Oe = null, de = !1, ye = 800, _ = null, $e = 0, Ze = !0;
-  function ze(t, e) {
-    const l = e?.timeoutMs, r = e?.signal;
-    if (r?.aborted) return Promise.reject(new DOMException("Aborted", "AbortError"));
-    let c = null, a = !1, s = null;
-    return new Promise((i, m) => {
-      const v = () => {
-        c != null && clearTimeout(c), s && r && r.removeEventListener("abort", s);
-      };
-      l && l > 0 && (c = globalThis.setTimeout(() => {
-        a || (a = !0, v(), m(new Error("Operation timed out")));
-      }, l)), r && (s = () => {
-        a || (a = !0, v(), m(new DOMException("Aborted", "AbortError")));
-      }, r.addEventListener("abort", s)), t().then((p) => {
-        a || (a = !0, v(), i(p));
-      }).catch((p) => {
-        a || (a = !0, v(), m(p));
-      });
-    });
-  }
-  function ot(t) {
-    if (typeof document > "u" || !u.value) return;
-    const e = document.createElement("div");
-    e.className = "text-red-500 p-4", e.textContent = "Failed to render diagram: ";
-    const l = document.createElement("span");
-    l.textContent = t instanceof Error ? t.message : "Unknown error", e.appendChild(l), Me(u.value), u.value.appendChild(e), W.value = "360px", q.value = !0, le();
-  }
-  function at(t) {
-    return !t || t.disabled;
-  }
-  function S(t, e, l = "top") {
-    if (at(t.currentTarget)) return;
-    const r = t, c = r?.clientX != null && r?.clientY != null ? { x: r.clientX, y: r.clientY } : void 0;
-    bt(t.currentTarget, e, l, !1, c, o.isDark);
-  }
-  function T() {
-    Wt();
-  }
-  function it(t) {
-    if (at(t.currentTarget)) return;
-    const e = Ce.value ? f("common.copied") || "Copied" : f("common.copy") || "Copy", l = t, r = l?.clientX != null && l?.clientY != null ? { x: l.clientX, y: l.clientY } : void 0;
-    bt(t.currentTarget, e, "top", !1, r, o.isDark);
-  }
-  function ut(t, e) {
-    const l = `%%{init: {"theme": "${e === "dark" ? "dark" : "default"}"}}%%
-`;
-    return t.trimStart().startsWith("%%{") ? t : l + t;
-  }
-  function st() {
-    return Ze && !E.value && !B.value && !q.value;
-  }
-  function ct(t) {
-    const e = t.split(/\r?\n/);
-    for (; e.length > 0; ) {
-      const l = e[e.length - 1].trimEnd();
-      if (l !== "") {
-        if (!(/^[-=~>|<\s]+$/.test(l.trim()) || /(?:--|==|~~|->|<-|-\||-\)|-x|o-|\|-|\.-)\s*$/.test(l) || /[-|><]$/.test(l) || /(?:graph|flowchart|sequenceDiagram|classDiagram|stateDiagram|erDiagram|gantt)\s*$/i.test(l))) break;
-        e.pop();
-      } else e.pop();
-    }
-    return e.join(`
-`);
-  }
-  function Le(t, e, l) {
-    return D(this, null, function* () {
-      var r;
-      try {
-        return yield Jt(t, e, (r = l?.timeoutMs) != null ? r : I.value.worker);
-      } catch {
-        return yield (function(a, s, i) {
-          return D(this, null, function* () {
-            var m, v;
-            const p = yield Te();
-            if (!p) return;
-            const z = p, C = ut(a, s);
-            if (typeof z.parse == "function") return yield ze(() => z.parse(C), { timeoutMs: (m = i?.timeoutMs) != null ? m : I.value.parse, signal: i?.signal }), !0;
-            const X = `mermaid-parse-${Math.random().toString(36).slice(2, 9)}`;
-            return yield ze(() => p.render(X, C), { timeoutMs: (v = i?.timeoutMs) != null ? v : I.value.render, signal: i?.signal }), !0;
-          });
-        })(t, e, l);
-      }
-    });
-  }
-  typeof window < "u" && Y(() => Z.value, (t) => {
-    var e;
-    if ((e = me.value) == null || e.destroy(), me.value = null, !t) return void (ie.value = !1);
-    const l = Et(t, { rootMargin: "400px" });
-    me.value = l, ie.value = l.isVisible.value, l.whenVisible.then(() => {
-      ie.value = !0;
-    });
-  }, { immediate: !0 }), Lt(() => {
-    var t;
-    (t = me.value) == null || t.destroy(), me.value = null;
-  });
-  const Ae = K(() => E.value || U.value || V.value);
-  function qe(t) {
-    if (!Z.value || !u.value) return;
-    const e = u.value.querySelector("svg");
-    if (!e) return;
-    let l = 0, r = 0;
-    const c = e.getAttribute("viewBox"), a = e.getAttribute("width"), s = e.getAttribute("height");
-    if (c) {
-      const i = c.split(" ");
-      i.length === 4 && (l = Number.parseFloat(i[2]), r = Number.parseFloat(i[3]));
-    }
-    if (l && r || a && s && (l = Number.parseFloat(a), r = Number.parseFloat(s)), Number.isNaN(l) || Number.isNaN(r) || l <= 0 || r <= 0) try {
-      const i = e.getBBox();
-      i && i.width > 0 && i.height > 0 && (l = i.width, r = i.height);
-    } catch (i) {
-      return void console.error("Failed to get SVG BBox:", i);
-    }
-    if (l > 0 && r > 0) {
-      const i = r / l;
-      let m = (t ?? Z.value.clientWidth) * i;
-      m > r && (m = r), W.value = `${m}px`;
-    }
-  }
-  const J = d(!1), Ie = K(() => ({ transform: `translate(${O.value}px, ${$.value}px) scale(${x.value})` }));
-  function dt(t) {
-    t.key === "Escape" && J.value && Ue();
-  }
-  function Ue() {
-    if (J.value = !1, ae.value && Me(ae.value), De.value = null, typeof document < "u") try {
-      document.body.style.overflow = "";
-    } catch {
-    }
-    if (typeof window < "u") try {
-      window.removeEventListener("keydown", dt);
-    } catch {
-    }
-  }
-  function vt() {
-    x.value < 3 && (x.value += 0.1);
-  }
-  function mt() {
-    x.value > 0.5 && (x.value -= 0.1);
-  }
-  function ft() {
-    x.value = 1, O.value = 0, $.value = 0;
-  }
-  function Fe(t) {
-    Be.value = !0, t instanceof MouseEvent ? Ee.value = { x: t.clientX - O.value, y: t.clientY - $.value } : Ee.value = { x: t.touches[0].clientX - O.value, y: t.touches[0].clientY - $.value };
-  }
-  function He(t) {
-    if (!Be.value) return;
-    let e, l;
-    t instanceof MouseEvent ? (e = t.clientX, l = t.clientY) : (e = t.touches[0].clientX, l = t.touches[0].clientY), O.value = e - Ee.value.x, $.value = l - Ee.value.y;
-  }
-  function ve() {
-    Be.value = !1;
-  }
-  function jt(t) {
-    if (o.enableWheelZoom && (t.ctrlKey || t.metaKey)) {
-      if (t.preventDefault(), !Z.value) return;
-      const e = Z.value.getBoundingClientRect(), l = t.clientX - e.left, r = t.clientY - e.top, c = l - e.width / 2, a = r - e.height / 2, s = (c - O.value) / x.value, i = (a - $.value) / x.value, m = 0.01, v = -t.deltaY * m, p = Math.min(Math.max(x.value + v, 0.5), 3);
-      p !== x.value && (O.value = c - s * p, $.value = a - i * p, x.value = p);
-    }
-  }
-  function Pt() {
-    return D(this, null, function* () {
-      try {
-        const t = R.value, e = { payload: { type: "copy", text: t }, defaultPrevented: !1, preventDefault() {
-          this.defaultPrevented = !0;
-        } };
-        if (re("copy", e), e.defaultPrevented) return;
-        typeof navigator < "u" && navigator.clipboard && typeof navigator.clipboard.writeText == "function" && (yield navigator.clipboard.writeText(t)), Ce.value = !0, setTimeout(() => {
-          Ce.value = !1;
-        }, 1e3);
-      } catch (t) {
-        console.error("Failed to copy:", t);
-      }
-    });
-  }
-  function Ot() {
-    var t;
-    const e = (t = u.value) == null ? void 0 : t.querySelector("svg");
-    if (!e) return void console.error("SVG element not found");
-    const l = new XMLSerializer().serializeToString(e), r = { payload: { type: "export" }, defaultPrevented: !1, preventDefault() {
-      this.defaultPrevented = !0;
-    }, svgElement: e, svgString: l };
-    re("export", r), r.defaultPrevented || (function(c, a = null) {
-      D(this, null, function* () {
-        try {
-          const s = a ?? new XMLSerializer().serializeToString(c), i = new Blob([s], { type: "image/svg+xml;charset=utf-8" }), m = URL.createObjectURL(i);
-          if (typeof document < "u") {
-            const v = document.createElement("a");
-            v.href = m, v.download = `mermaid-diagram-${Date.now()}.svg`;
-            try {
-              document.body.appendChild(v), v.click(), document.body.removeChild(v);
-            } catch {
-            }
-            URL.revokeObjectURL(m);
-          }
-        } catch (s) {
-          console.error("Failed to export SVG:", s);
-        }
-      });
-    })(e, l);
-  }
-  function $t() {
-    var t, e;
-    const l = (e = (t = u.value) == null ? void 0 : t.querySelector("svg")) != null ? e : null, r = l ? new XMLSerializer().serializeToString(l) : null, c = { payload: { type: "open-modal" }, defaultPrevented: !1, preventDefault() {
-      this.defaultPrevented = !0;
-    }, svgElement: l, svgString: r };
-    re("openModal", c), c.defaultPrevented || (function() {
-      if (J.value = !0, typeof document < "u") try {
-        document.body.style.overflow = "hidden";
-      } catch {
-      }
-      if (typeof window < "u") try {
-        window.addEventListener("keydown", dt);
-      } catch {
-      }
-      A(() => {
-        if (Z.value && ae.value) {
-          const a = Z.value.cloneNode(!0);
-          a.classList.add("fullscreen");
-          const s = a.querySelector("[data-mermaid-wrapper]");
-          s && (De.value = s, s.style.transform = Ie.value.transform), Me(ae.value), ae.value.appendChild(a);
-        }
-      });
-    })();
-  }
-  function ht(t) {
-    const e = { payload: { type: "toggle-mode", target: t }, defaultPrevented: !1, preventDefault() {
-      this.defaultPrevented = !0;
-    } };
-    re("toggleMode", t, e), e.defaultPrevented || gt(t);
-  }
-  function gt(t) {
-    return D(this, null, function* () {
-      const e = et.value;
-      if (!e) return Se.value = !0, void (E.value = t === "source");
-      const l = e.getBoundingClientRect().height;
-      e.style.height = `${l}px`, e.style.overflow = "hidden", Se.value = !0, E.value = t === "source", yield A();
-      const r = e.scrollHeight;
-      e.style.transition = "height 180ms ease", e.offsetHeight, e.style.height = `${r}px`;
-      const c = () => {
-        e.style.transition = "", e.style.height = "", e.style.overflow = "", e.removeEventListener("transitionend", a);
-      };
-      function a() {
-        c();
-      }
-      e.addEventListener("transitionend", a), setTimeout(() => c(), 220);
-    });
-  }
-  function Re() {
-    return D(this, null, function* () {
-      return U.value ? je.value : u.value || (yield A(), u.value) ? (U.value = !0, je.value = D(null, null, function* () {
-        var t, e, l;
-        u.value && (u.value.style.opacity = "0");
-        try {
-          const r = yield Te();
-          if (!r) return;
-          const c = `mermaid-${Date.now()}-${Math.random().toString(36).substring(2, 11)}`;
-          B.value || ee.value || (t = r.initialize) == null || t.call(r, (e = Ke({}, ne.value), l = { dompurifyConfig: Ke({}, be) }, tl(e, ll(l))));
-          const a = (function(m, v = R.value) {
-            const p = v, z = `%%{init: {"theme": "${m === "dark" ? "dark" : "default"}"}}%%
-`;
-            return p.trim().startsWith("%%{") ? p : z + p;
-          })(o.isDark ? "dark" : "light"), s = yield ze(() => r.render(c, a), { timeoutMs: I.value.fullRender }), i = s?.svg;
-          if (u.value) {
-            const m = oe(u.value, i);
-            B.value || ee.value || (qe(), B.value = !0, te.value = { zoom: x.value, translateX: O.value, translateY: $.value, containerHeight: W.value });
-            const v = o.isDark ? "dark" : "light";
-            m && (G.value[v] = m), ee.value && (ee.value = !1), q.value = !1, ge = 0, pe();
-          }
-        } catch (r) {
-          const c = (function(s) {
-            const i = typeof s == "string" ? s : typeof s?.message == "string" ? s.message : "";
-            return typeof i == "string" && /timed out/i.test(i);
-          })(r), a = ge + 1;
-          c && a <= 3 ? (ge = a, lt(Math.min(1200, 600 * a))) : (ge = 0, pe(), console.error("Failed to render mermaid diagram:", r), o.loading === !1 && ot(r));
-        } finally {
-          yield A(), u.value && (u.value.style.opacity = "1"), U.value = !1, je.value = null;
-        }
-      }), je.value) : void console.warn("Mermaid container not ready");
-    });
-  }
-  function pt() {
-    return D(this, null, function* () {
-      var t, e;
-      const l = Date.now(), r = ++Ve.value;
-      H && H.abort(), H = new AbortController();
-      const c = H.signal, a = o.isDark ? "dark" : "light", s = R.value, i = s.replace(/\s+/g, "");
-      if (!s.trim()) return u.value && Me(u.value), rt.value = null, we.value = "", void (q.value = !1);
-      if (i === we.value) return;
-      try {
-        const v = yield (function(z, C, X) {
-          return D(this, null, function* () {
-            var N;
-            try {
-              if (yield Le(z, C, X)) return { fullOk: !0, prefixOk: !1 };
-            } catch (k) {
-              if (k?.name === "AbortError") throw k;
-            }
-            let b = ct(z);
-            if (b && b.trim() && b !== z) try {
-              try {
-                const k = yield Gt(z, C, (N = X?.timeoutMs) != null ? N : I.value.worker);
-                k && k.trim() && (b = k);
-              } catch {
-              }
-              if (yield Le(b, C, X)) return { fullOk: !1, prefixOk: !0, prefix: b };
-            } catch (k) {
-              if (k?.name === "AbortError") throw k;
-            }
-            return { fullOk: !1, prefixOk: !1 };
-          });
-        })(s, a, { signal: c, timeoutMs: I.value.worker });
-        if (v.fullOk) return yield Re(), void (Ve.value === r && (rt.value = (e = (t = u.value) == null ? void 0 : t.innerHTML) != null ? e : null, we.value = i, q.value = !1));
-        const p = $e && l <= $e;
-        if (v.prefixOk && v.prefix && st() && !p) return void (yield (function(z) {
-          return D(this, null, function* () {
-            if (st() && (u.value || (yield A(), u.value)) && !U.value) {
-              U.value = !0;
-              try {
-                const C = yield Te();
-                if (!C) return;
-                const X = `mermaid-partial-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, N = o.isDark ? "dark" : "light", b = ct(z), k = ut(b && b.trim() ? b : z, N);
-                u.value && (u.value.style.opacity = "0");
-                const Xe = yield ze(() => C.render(X, k), { timeoutMs: I.value.render }), wt = Xe?.svg;
-                u.value && wt && (oe(u.value, wt), qe());
-              } catch {
-              } finally {
-                yield A(), u.value && (u.value.style.opacity = "1"), U.value = !1;
-              }
-            }
-          });
-        })(v.prefix));
-      } catch (v) {
-        if (v?.name === "AbortError") return;
-      }
-      if (Ve.value !== r || q.value) return;
-      const m = G.value[a];
-      m && u.value && oe(u.value, m);
-    });
-  }
-  function le() {
-    de && (de = !1, ye = 800, Ze = !1, _ && (_.abort(), _ = null), ce && (globalThis.clearTimeout(ce), ce = null), Oe && (St(Oe), Oe = null), $e = Date.now());
-  }
-  function Ne() {
-    if (le(), H) {
-      try {
-        H.abort();
-      } catch {
-      }
-      H = null;
-    }
-    if (_) {
-      try {
-        _.abort();
-      } catch {
-      }
-      _ = null;
-    }
-    pe(), ge = 0;
-  }
-  function We(t = 800) {
-    de && (ce && globalThis.clearTimeout(ce), ce = globalThis.setTimeout(() => {
-      Oe = tt(() => D(null, null, function* () {
-        if (!de) return;
-        if (E.value || B.value) return void le();
-        const e = o.isDark ? "dark" : "light", l = R.value;
-        if (l.trim()) {
-          _ && _.abort(), _ = new AbortController();
-          try {
-            if ((yield Le(l, e, { signal: _.signal, timeoutMs: I.value.worker })) && (yield Re(), B.value)) return void le();
-          } catch {
-          }
-          ye = Math.min(Math.floor(1.5 * ye), 4e3), We(ye);
-        } else We(ye);
-      }), { timeout: 500 });
-    }, t));
-  }
-  function Ge() {
-    de || E.value || B.value || (de = !0, $e = 0, Ze = !0, We(500));
-  }
-  Y(Ie, (t) => {
-    J.value && De.value && (De.value.style.transform = t.transform);
-  }, { immediate: !0 }), Y(() => R.value, () => {
-    B.value = !1, G.value = {}, ue(), !E.value && P.value && Ge(), (function() {
-      if (!E.value || !P.value) return;
-      const t = R.value.length;
-      t !== Pe.value && (Ye.value = !0, Pe.value = t, fe && clearTimeout(fe), fe = setTimeout(() => {
-        Ye.value && E.value && R.value.trim() && (Ye.value = !1, gt("preview"));
-      }, 500));
-    })();
-  }), Y(() => o.isDark, () => D(null, null, function* () {
-    if (!B.value || q.value) return;
-    const t = o.isDark ? "dark" : "light", e = G.value[t];
-    if (e) return void (u.value && oe(u.value, e));
-    const l = { zoom: x.value, translateX: O.value, translateY: $.value, containerHeight: W.value }, r = x.value !== 1 || O.value !== 0 || $.value !== 0;
-    ee.value = !0, r && (x.value = 1, O.value = 0, $.value = 0, yield A()), yield Re(), r && (yield A(), x.value = l.zoom, O.value = l.translateX, $.value = l.translateY, W.value = l.containerHeight, te.value = l);
-  })), Y(() => E.value, (t) => D(null, null, function* () {
-    if (t) le(), B.value && (te.value = { zoom: x.value, translateX: O.value, translateY: $.value, containerHeight: W.value });
-    else {
-      if (q.value) return;
-      const e = o.isDark ? "dark" : "light";
-      if (B.value && G.value[e]) return yield A(), u.value && oe(u.value, G.value[e]), x.value = te.value.zoom, O.value = te.value.translateX, $.value = te.value.translateY, void (W.value = te.value.containerHeight);
-      if (yield A(), !P.value) return;
-      yield pt(), Ge();
-    }
-  })), Y(() => o.loading, (t, e) => D(null, null, function* () {
-    if (e === !0 && t === !1) {
-      const l = R.value.trim();
-      if (!l) return Ne();
-      const r = o.isDark ? "dark" : "light", c = l.replace(/\s+/g, "");
-      if (B.value && c === we.value) return yield A(), u.value && !u.value.querySelector("svg") && G.value[r] && oe(u.value, G.value[r]), void Ne();
-      try {
-        yield Le(l, r, { timeoutMs: I.value.worker }), yield Re(), we.value = c, q.value = !1, Ne();
-      } catch (a) {
-        Ne(), ot(a);
-      }
-    }
-  })), Y(Z, (t) => {
-    se && se.disconnect(), !t || B.value || ee.value || (se = new ResizeObserver((e) => {
-      e && e.length > 0 && !B.value && !ee.value && Qt(() => {
-        qe(e[0].contentRect.width);
-      });
-    }), se.observe(t));
-  }, { immediate: !0 }), At(() => D(null, null, function* () {
-    yield A(), Se.value || (E.value = !P.value), ie.value && (ue(), Pe.value = R.value.length);
-  })), Y(() => P.value, (t) => {
-    Se.value || (E.value = !t);
-  }), Y(() => ie.value, (t) => {
-    t && (B.value || (ue(), Pe.value = R.value.length), o.loading || B.value || ue());
-  }, { immediate: !1 }), Ft(() => {
-    fe && clearTimeout(fe), se && se.disconnect(), H && (H.abort(), H = null), le(), pe();
-  }), Y(() => V.value, (t) => D(null, null, function* () {
-    t ? (le(), H && H.abort()) : B.value || (yield A(), ue(), E.value || Ge());
-  }), { immediate: !1 });
-  const _e = K(() => o.isDark ? "mermaid-action-btn p-2 text-xs rounded text-gray-400 hover:bg-gray-700 hover:text-gray-200" : "mermaid-action-btn p-2 text-xs rounded text-gray-600 hover:bg-gray-200 hover:text-gray-700");
-  return (t, e) => (g(), w("div", { class: y(["my-4 rounded-lg border overflow-hidden shadow-sm", [o.isDark ? "border-gray-700/30" : "border-gray-200", { "is-rendering": o.loading }]]) }, [o.showHeader ? (g(), w("div", { key: 0, class: y(["mermaid-block-header flex justify-between items-center px-4 py-2.5 border-b", o.isDark ? "bg-gray-800 border-gray-700/30" : "bg-gray-50 border-gray-200"]) }, [t.$slots["header-left"] ? (g(), w("div", ol, [Je(t.$slots, "header-left", {}, void 0, !0)])) : (g(), w("div", al, [n("img", { src: h("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%20width='16'%20height='16'%3e%3cpath%20fill='none'%20stroke='%23ca9ee6'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M1.5%202.5c0%206%202.25%205.75%204%207%20.83.67%201.17%202%201%204h3c-.17-2%20.17-3.33%201-4%201.75-1.25%204-1%204-7C12%202.5%2010%203%208%207%206%203%204%202.5%201.5%202.5'%20/%3e%3c/svg%3e"), class: "w-4 h-4 my-0", alt: "Mermaid" }, null, 8, il), n("span", { class: y(["text-sm font-medium font-mono truncate", o.isDark ? "text-gray-400" : "text-gray-600"]) }, "Mermaid", 2)])), t.$slots["header-center"] ? (g(), w("div", ul, [Je(t.$slots, "header-center", {}, void 0, !0)])) : o.showModeToggle && P.value ? (g(), w("div", { key: 3, class: y(["flex items-center gap-x-1 rounded-md p-0.5", o.isDark ? "bg-gray-700" : "bg-gray-100"]) }, [n("button", { class: y(["px-2.5 py-1 text-xs rounded transition-colors", [E.value ? o.isDark ? "text-gray-400 hover:text-gray-200" : "text-gray-500 hover:text-gray-700" : o.isDark ? "bg-gray-600 text-gray-200 shadow-sm" : "bg-white text-gray-700 shadow-sm"]]), onClick: e[0] || (e[0] = () => ht("preview")), onMouseenter: e[1] || (e[1] = (l) => S(l, h(f)("common.preview") || "Preview")), onFocus: e[2] || (e[2] = (l) => S(l, h(f)("common.preview") || "Preview")), onMouseleave: T, onBlur: T }, [n("div", sl, [e[21] || (e[21] = n("svg", { xmlns: "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", "aria-hidden": "true", role: "img", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "w-3 h-3" }, [n("g", { fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2" }, [n("path", { d: "M2.062 12.348a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 19.876 0a1 1 0 0 1 0 .696a10.75 10.75 0 0 1-19.876 0" }), n("circle", { cx: "12", cy: "12", r: "3" })])], -1)), n("span", null, xe(h(f)("common.preview") || "Preview"), 1)])], 34), n("button", { class: y(["px-2.5 py-1 text-xs rounded transition-colors", [E.value ? o.isDark ? "bg-gray-600 text-gray-200 shadow-sm" : "bg-white text-gray-700 shadow-sm" : o.isDark ? "text-gray-400 hover:text-gray-200" : "text-gray-500 hover:text-gray-700"]]), onClick: e[3] || (e[3] = () => ht("source")), onMouseenter: e[4] || (e[4] = (l) => S(l, h(f)("common.source") || "Source")), onFocus: e[5] || (e[5] = (l) => S(l, h(f)("common.source") || "Source")), onMouseleave: T, onBlur: T }, [n("div", cl, [e[22] || (e[22] = n("svg", { xmlns: "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", "aria-hidden": "true", role: "img", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "w-3 h-3" }, [n("path", { fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "m16 18l6-6l-6-6M8 6l-6 6l6 6" })], -1)), n("span", null, xe(h(f)("common.source") || "Source"), 1)])], 34)], 2)) : Q("", !0), t.$slots["header-right"] ? (g(), w("div", dl, [Je(t.$slots, "header-right", {}, void 0, !0)])) : (g(), w("div", vl, [o.showCollapseButton ? (g(), w("button", { key: 0, class: y(_e.value), "aria-pressed": V.value, onClick: e[6] || (e[6] = (l) => V.value = !V.value), onMouseenter: e[7] || (e[7] = (l) => S(l, V.value ? h(f)("common.expand") || "Expand" : h(f)("common.collapse") || "Collapse")), onFocus: e[8] || (e[8] = (l) => S(l, V.value ? h(f)("common.expand") || "Expand" : h(f)("common.collapse") || "Collapse")), onMouseleave: T, onBlur: T }, [(g(), w("svg", { style: yt({ rotate: V.value ? "0deg" : "90deg" }), xmlns: "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", "aria-hidden": "true", role: "img", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "w-3 h-3" }, [...e[23] || (e[23] = [n("path", { fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "m9 18l6-6l-6-6" }, null, -1)])], 4))], 42, ml)) : Q("", !0), o.showCopyButton ? (g(), w("button", { key: 1, class: y(_e.value), onClick: Pt, onMouseenter: e[9] || (e[9] = (l) => it(l)), onFocus: e[10] || (e[10] = (l) => it(l)), onMouseleave: T, onBlur: T }, [Ce.value ? (g(), w("svg", hl, [...e[25] || (e[25] = [n("path", { fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M20 6L9 17l-5-5" }, null, -1)])])) : (g(), w("svg", fl, [...e[24] || (e[24] = [n("g", { fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2" }, [n("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }), n("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })], -1)])]))], 34)) : Q("", !0), o.showExportButton && P.value ? (g(), w("button", { key: 2, class: y(`${_e.value} ${Ae.value ? "opacity-50 cursor-not-allowed" : ""}`), disabled: Ae.value, onClick: Ot, onMouseenter: e[11] || (e[11] = (l) => S(l, h(f)("common.export") || "Export")), onFocus: e[12] || (e[12] = (l) => S(l, h(f)("common.export") || "Export")), onMouseleave: T, onBlur: T }, [...e[26] || (e[26] = [n("svg", { xmlns: "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", "aria-hidden": "true", role: "img", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "w-3 h-3" }, [n("g", { fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2" }, [n("path", { d: "M12 15V3m9 12v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), n("path", { d: "m7 10l5 5l5-5" })])], -1)])], 42, gl)) : Q("", !0), o.showFullscreenButton && P.value ? (g(), w("button", { key: 3, class: y(`${_e.value} ${Ae.value ? "opacity-50 cursor-not-allowed" : ""}`), disabled: Ae.value, onClick: $t, onMouseenter: e[13] || (e[13] = (l) => S(l, J.value ? h(f)("common.minimize") || "Minimize" : h(f)("common.open") || "Open")), onFocus: e[14] || (e[14] = (l) => S(l, J.value ? h(f)("common.minimize") || "Minimize" : h(f)("common.open") || "Open")), onMouseleave: T, onBlur: T }, [J.value ? (g(), w("svg", yl, [...e[28] || (e[28] = [n("path", { fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "m14 10l7-7m-1 7h-6V4M3 21l7-7m-6 0h6v6" }, null, -1)])])) : (g(), w("svg", wl, [...e[27] || (e[27] = [n("path", { fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M15 3h6v6m0-6l-7 7M3 21l7-7m-1 7H3v-6" }, null, -1)])]))], 42, pl)) : Q("", !0)]))], 2)) : Q("", !0), Ht(n("div", { ref_key: "modeContainerRef", ref: et }, [E.value ? (g(), w("div", { key: 0, class: y(["p-4", o.isDark ? "bg-gray-900" : "bg-gray-50"]) }, [n("pre", { class: y(["text-sm font-mono whitespace-pre-wrap", o.isDark ? "text-gray-300" : "text-gray-700"]) }, xe(R.value), 3)], 2)) : (g(), w("div", xl, [o.showZoomControls ? (g(), w("div", kl, [n("div", bl, [n("button", { class: y(["p-2 text-xs rounded transition-colors", [o.isDark ? "text-gray-400 hover:bg-gray-700" : "text-gray-600 hover:bg-gray-200"]]), onClick: vt, onMouseenter: e[15] || (e[15] = (l) => S(l, h(f)("common.zoomIn") || "Zoom in")), onFocus: e[16] || (e[16] = (l) => S(l, h(f)("common.zoomIn") || "Zoom in")), onMouseleave: T, onBlur: T }, [...e[29] || (e[29] = [n("svg", { xmlns: "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", "aria-hidden": "true", role: "img", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "w-3 h-3" }, [n("g", { fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2" }, [n("circle", { cx: "11", cy: "11", r: "8" }), n("path", { d: "m21 21l-4.35-4.35M11 8v6m-3-3h6" })])], -1)])], 34), n("button", { class: y(["p-2 text-xs rounded transition-colors", [o.isDark ? "text-gray-400 hover:bg-gray-700" : "text-gray-600 hover:bg-gray-200"]]), onClick: mt, onMouseenter: e[17] || (e[17] = (l) => S(l, h(f)("common.zoomOut") || "Zoom out")), onFocus: e[18] || (e[18] = (l) => S(l, h(f)("common.zoomOut") || "Zoom out")), onMouseleave: T, onBlur: T }, [...e[30] || (e[30] = [n("svg", { xmlns: "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", "aria-hidden": "true", role: "img", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "w-3 h-3" }, [n("g", { fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2" }, [n("circle", { cx: "11", cy: "11", r: "8" }), n("path", { d: "m21 21l-4.35-4.35M8 11h6" })])], -1)])], 34), n("button", { class: y(["p-2 text-xs rounded transition-colors", [o.isDark ? "text-gray-400 hover:bg-gray-700" : "text-gray-600 hover:bg-gray-200"]]), onClick: ft, onMouseenter: e[19] || (e[19] = (l) => S(l, h(f)("common.resetZoom") || "Reset zoom")), onFocus: e[20] || (e[20] = (l) => S(l, h(f)("common.resetZoom") || "Reset zoom")), onMouseleave: T, onBlur: T }, xe(Math.round(100 * x.value)) + "% ", 35)])])) : Q("", !0), n("div", xt({ ref_key: "mermaidContainer", ref: Z, class: ["min-h-[360px] relative transition-all duration-100 overflow-hidden block", o.isDark ? "bg-gray-900" : "bg-gray-50"], style: { height: W.value } }, kt(nt.value, !0), { onMousedown: Fe, onMousemove: He, onMouseup: ve, onMouseleave: ve, onTouchstartPassive: Fe, onTouchmovePassive: He, onTouchendPassive: ve }), [n("div", { "data-mermaid-wrapper": "", class: y(["absolute inset-0 cursor-grab", { "cursor-grabbing": Be.value }]), style: yt(Ie.value) }, [n("div", { ref_key: "mermaidContent", ref: u, class: "_mermaid w-full text-center flex items-center justify-center min-h-full" }, null, 512)], 6)], 16), (g(), Rt(Nt, { to: "body" }, [n("div", Ml, [_t(Xt, { name: "mermaid-dialog", appear: "" }, { default: Yt(() => [J.value ? (g(), w("div", { key: 0, class: "fixed inset-0 z-50 flex items-center justify-center bg-black/70 p-4", onClick: Vt(Ue, ["self"]) }, [n("div", { class: y(["dialog-panel relative w-full h-full max-w-full max-h-full rounded shadow-lg overflow-hidden", o.isDark ? "bg-gray-900" : "bg-white"]) }, [n("div", Tl, [n("button", { class: y(["p-2 text-xs rounded transition-colors", [o.isDark ? "text-gray-400 hover:bg-gray-700" : "text-gray-600 hover:bg-gray-200"]]), onClick: vt }, [...e[31] || (e[31] = [n("svg", { xmlns: "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", "aria-hidden": "true", role: "img", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "w-3 h-3" }, [n("g", { fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2" }, [n("circle", { cx: "11", cy: "11", r: "8" }), n("path", { d: "m21 21l-4.35-4.35M11 8v6m-3-3h6" })])], -1)])], 2), n("button", { class: y(["p-2 text-xs rounded transition-colors", [o.isDark ? "text-gray-400 hover:bg-gray-700" : "text-gray-600 hover:bg-gray-200"]]), onClick: mt }, [...e[32] || (e[32] = [n("svg", { xmlns: "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", "aria-hidden": "true", role: "img", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "w-3 h-3" }, [n("g", { fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2" }, [n("circle", { cx: "11", cy: "11", r: "8" }), n("path", { d: "m21 21l-4.35-4.35M8 11h6" })])], -1)])], 2), n("button", { class: y(["p-2 text-xs rounded transition-colors", [o.isDark ? "text-gray-400 hover:bg-gray-700" : "text-gray-600 hover:bg-gray-200"]]), onClick: ft }, xe(Math.round(100 * x.value)) + "% ", 3), n("button", { class: y(["inline-flex items-center justify-center p-2 rounded transition-colors", [o.isDark ? "text-gray-400 hover:bg-gray-700" : "text-gray-600 hover:bg-gray-200"]]), onClick: Ue }, [...e[33] || (e[33] = [n("svg", { xmlns: "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", "aria-hidden": "true", role: "img", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "w-3 h-3" }, [n("path", { fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M18 6L6 18M6 6l12 12" })], -1)])], 2)]), n("div", xt({ ref_key: "modalContent", ref: ae, class: "w-full h-full flex items-center justify-center p-4 overflow-hidden" }, kt(nt.value, !0), { onMousedown: Fe, onMousemove: He, onMouseup: ve, onMouseleave: ve, onTouchstartPassive: Fe, onTouchmovePassive: He, onTouchendPassive: ve }), null, 16)], 2)])) : Q("", !0)]), _: 1 })])]))]))], 512), [[Zt, !V.value]])], 2));
-} }), [["__scopeId", "data-v-51607788"]]);
-Qe.install = (L) => {
-  L.component(Qe.__name, Qe);
-};
-export {
-  Qe as default
-};