@scalar/agent-chat 0.2.1 → 0.2.3

package/dist/index5-Bmz0gMSP.js

@@ -0,0 +1,590 @@
+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
+};