netstar-ai-chat 1.0.0

package/dist/index4-CzKbdrmD.js

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