@loopstack/loopstack-studio 0.29.4 → 0.30.0

package/dist/node_modules/mermaid/dist/mermaid.core.js

@@ -1,7 +1,7 @@
+import select_default from "../../d3-selection/src/select.js";
 import { __name, log, setLogLevel } from "./chunks/mermaid.core/chunk-AGHRB4JF.js";
 import { purify } from "../../dompurify/dist/purify.es.js";
 import { UnknownDiagramError, addDirective, assignWithDepth_default, configureSvgSize, cssStyleSheetToString, defaultConfig, detectType, detectors, evaluate, frontMatterRegex, getConfig, getDiagram, getDiagramLoader, getEffectiveHtmlLabels, getSiteConfig, registerDiagram, registerLazyLoadedDiagrams, reset, sanitizeCss, saveConfigFromInitialize, setConfig, setSiteConfig, styles_default, themes_default, updateSiteConfig } from "./chunks/mermaid.core/chunk-CSCIHK7Q.js";
-import select_default from "../../d3-selection/src/select.js";
 import "../../d3/src/index.js";
 import { selectSvgElement } from "./chunks/mermaid.core/chunk-WU5MYG2G.js";
 import { JSON_SCHEMA, load } from "./chunks/mermaid.core/chunk-XPW4576I.js";
@@ -31,7 +31,7 @@ var id = "c4", c4Detector_default = {
 	}, "loader")
 }, id2 = "flowchart", flowDetector_default = {
 	id: id2,
-	detector: /* @__PURE__ */ __name((e, w) => w?.flowchart?.defaultRenderer === "dagre-wrapper" || w?.flowchart?.defaultRenderer === "elk" ? !1 : /^\s*graph/.test(e), "detector"),
+	detector: /* @__PURE__ */ __name((e, C) => C?.flowchart?.defaultRenderer === "dagre-wrapper" || C?.flowchart?.defaultRenderer === "elk" ? !1 : /^\s*graph/.test(e), "detector"),
 	loader: /* @__PURE__ */ __name(async () => {
 		let { diagram: e } = await import("./chunks/mermaid.core/flowDiagram-I6XJVG4X.js");
 		return {
@@ -41,7 +41,7 @@ var id = "c4", c4Detector_default = {
 	}, "loader")
 }, id3 = "flowchart-v2", flowDetector_v2_default = {
 	id: id3,
-	detector: /* @__PURE__ */ __name((e, w) => w?.flowchart?.defaultRenderer === "dagre-d3" ? !1 : (w?.flowchart?.defaultRenderer === "elk" && (w.layout = "elk"), /^\s*graph/.test(e) && w?.flowchart?.defaultRenderer === "dagre-wrapper" ? !0 : /^\s*flowchart/.test(e)), "detector"),
+	detector: /* @__PURE__ */ __name((e, C) => C?.flowchart?.defaultRenderer === "dagre-d3" ? !1 : (C?.flowchart?.defaultRenderer === "elk" && (C.layout = "elk"), /^\s*graph/.test(e) && C?.flowchart?.defaultRenderer === "dagre-wrapper" ? !0 : /^\s*flowchart/.test(e)), "detector"),
 	loader: /* @__PURE__ */ __name(async () => {
 		let { diagram: e } = await import("./chunks/mermaid.core/flowDiagram-I6XJVG4X.js");
 		return {
@@ -141,7 +141,7 @@ var id = "c4", c4Detector_default = {
 	}, "loader")
 }, id13 = "class", classDetector_default = {
 	id: id13,
-	detector: /* @__PURE__ */ __name((e, w) => w?.class?.defaultRenderer === "dagre-wrapper" ? !1 : /^\s*classDiagram/.test(e), "detector"),
+	detector: /* @__PURE__ */ __name((e, C) => C?.class?.defaultRenderer === "dagre-wrapper" ? !1 : /^\s*classDiagram/.test(e), "detector"),
 	loader: /* @__PURE__ */ __name(async () => {
 		let { diagram: e } = await import("./chunks/mermaid.core/classDiagram-4FO5ZUOK.js");
 		return {
@@ -151,7 +151,7 @@ var id = "c4", c4Detector_default = {
 	}, "loader")
 }, id14 = "classDiagram", classDetector_V2_default = {
 	id: id14,
-	detector: /* @__PURE__ */ __name((e, w) => /^\s*classDiagram/.test(e) && w?.class?.defaultRenderer === "dagre-wrapper" ? !0 : /^\s*classDiagram-v2/.test(e), "detector"),
+	detector: /* @__PURE__ */ __name((e, C) => /^\s*classDiagram/.test(e) && C?.class?.defaultRenderer === "dagre-wrapper" ? !0 : /^\s*classDiagram-v2/.test(e), "detector"),
 	loader: /* @__PURE__ */ __name(async () => {
 		let { diagram: e } = await import("./chunks/mermaid.core/classDiagram-v2-Q7XG4LA2.js");
 		return {
@@ -161,7 +161,7 @@ var id = "c4", c4Detector_default = {
 	}, "loader")
 }, id15 = "state", stateDetector_default = {
 	id: id15,
-	detector: /* @__PURE__ */ __name((e, w) => w?.state?.defaultRenderer === "dagre-wrapper" ? !1 : /^\s*stateDiagram/.test(e), "detector"),
+	detector: /* @__PURE__ */ __name((e, C) => C?.state?.defaultRenderer === "dagre-wrapper" ? !1 : /^\s*stateDiagram/.test(e), "detector"),
 	loader: /* @__PURE__ */ __name(async () => {
 		let { diagram: e } = await import("./chunks/mermaid.core/stateDiagram-AJRCARHV.js");
 		return {
@@ -171,7 +171,7 @@ var id = "c4", c4Detector_default = {
 	}, "loader")
 }, id16 = "stateDiagram", stateDetector_V2_default = {
 	id: id16,
-	detector: /* @__PURE__ */ __name((e, w) => !!(/^\s*stateDiagram-v2/.test(e) || /^\s*stateDiagram/.test(e) && w?.state?.defaultRenderer === "dagre-wrapper"), "detector"),
+	detector: /* @__PURE__ */ __name((e, C) => !!(/^\s*stateDiagram-v2/.test(e) || /^\s*stateDiagram/.test(e) && C?.state?.defaultRenderer === "dagre-wrapper"), "detector"),
 	loader: /* @__PURE__ */ __name(async () => {
 		let { diagram: e } = await import("./chunks/mermaid.core/stateDiagram-v2-BHNVJYJU.js");
 		return {
@@ -189,17 +189,17 @@ var id = "c4", c4Detector_default = {
 			diagram: e
 		};
 	}, "loader")
-}, renderer = { draw: /* @__PURE__ */ __name((e, T, E) => {
+}, renderer = { draw: /* @__PURE__ */ __name((e, C, T) => {
 	log.debug("rendering svg for syntax error\n");
-	let D = selectSvgElement(T), O = D.append("g");
-	D.attr("viewBox", "0 0 2412 512"), configureSvgSize(D, 100, 512, !0), O.append("path").attr("class", "error-icon").attr("d", "m411.313,123.313c6.25-6.25 6.25-16.375 0-22.625s-16.375-6.25-22.625,0l-32,32-9.375,9.375-20.688-20.688c-12.484-12.5-32.766-12.5-45.25,0l-16,16c-1.261,1.261-2.304,2.648-3.31,4.051-21.739-8.561-45.324-13.426-70.065-13.426-105.867,0-192,86.133-192,192s86.133,192 192,192 192-86.133 192-192c0-24.741-4.864-48.327-13.426-70.065 1.402-1.007 2.79-2.049 4.051-3.31l16-16c12.5-12.492 12.5-32.758 0-45.25l-20.688-20.688 9.375-9.375 32.001-31.999zm-219.313,100.687c-52.938,0-96,43.063-96,96 0,8.836-7.164,16-16,16s-16-7.164-16-16c0-70.578 57.422-128 128-128 8.836,0 16,7.164 16,16s-7.164,16-16,16z"), O.append("path").attr("class", "error-icon").attr("d", "m459.02,148.98c-6.25-6.25-16.375-6.25-22.625,0s-6.25,16.375 0,22.625l16,16c3.125,3.125 7.219,4.688 11.313,4.688 4.094,0 8.188-1.563 11.313-4.688 6.25-6.25 6.25-16.375 0-22.625l-16.001-16z"), O.append("path").attr("class", "error-icon").attr("d", "m340.395,75.605c3.125,3.125 7.219,4.688 11.313,4.688 4.094,0 8.188-1.563 11.313-4.688 6.25-6.25 6.25-16.375 0-22.625l-16-16c-6.25-6.25-16.375-6.25-22.625,0s-6.25,16.375 0,22.625l15.999,16z"), O.append("path").attr("class", "error-icon").attr("d", "m400,64c8.844,0 16-7.164 16-16v-32c0-8.836-7.156-16-16-16-8.844,0-16,7.164-16,16v32c0,8.836 7.156,16 16,16z"), O.append("path").attr("class", "error-icon").attr("d", "m496,96.586h-32c-8.844,0-16,7.164-16,16 0,8.836 7.156,16 16,16h32c8.844,0 16-7.164 16-16 0-8.836-7.156-16-16-16z"), O.append("path").attr("class", "error-icon").attr("d", "m436.98,75.605c3.125,3.125 7.219,4.688 11.313,4.688 4.094,0 8.188-1.563 11.313-4.688l32-32c6.25-6.25 6.25-16.375 0-22.625s-16.375-6.25-22.625,0l-32,32c-6.251,6.25-6.251,16.375-0.001,22.625z"), O.append("text").attr("class", "error-text").attr("x", 1440).attr("y", 250).attr("font-size", "150px").style("text-anchor", "middle").text("Syntax error in text"), O.append("text").attr("class", "error-text").attr("x", 1250).attr("y", 400).attr("font-size", "100px").style("text-anchor", "middle").text(`mermaid version ${E}`);
+	let E = selectSvgElement(C), D = E.append("g");
+	E.attr("viewBox", "0 0 2412 512"), configureSvgSize(E, 100, 512, !0), D.append("path").attr("class", "error-icon").attr("d", "m411.313,123.313c6.25-6.25 6.25-16.375 0-22.625s-16.375-6.25-22.625,0l-32,32-9.375,9.375-20.688-20.688c-12.484-12.5-32.766-12.5-45.25,0l-16,16c-1.261,1.261-2.304,2.648-3.31,4.051-21.739-8.561-45.324-13.426-70.065-13.426-105.867,0-192,86.133-192,192s86.133,192 192,192 192-86.133 192-192c0-24.741-4.864-48.327-13.426-70.065 1.402-1.007 2.79-2.049 4.051-3.31l16-16c12.5-12.492 12.5-32.758 0-45.25l-20.688-20.688 9.375-9.375 32.001-31.999zm-219.313,100.687c-52.938,0-96,43.063-96,96 0,8.836-7.164,16-16,16s-16-7.164-16-16c0-70.578 57.422-128 128-128 8.836,0 16,7.164 16,16s-7.164,16-16,16z"), D.append("path").attr("class", "error-icon").attr("d", "m459.02,148.98c-6.25-6.25-16.375-6.25-22.625,0s-6.25,16.375 0,22.625l16,16c3.125,3.125 7.219,4.688 11.313,4.688 4.094,0 8.188-1.563 11.313-4.688 6.25-6.25 6.25-16.375 0-22.625l-16.001-16z"), D.append("path").attr("class", "error-icon").attr("d", "m340.395,75.605c3.125,3.125 7.219,4.688 11.313,4.688 4.094,0 8.188-1.563 11.313-4.688 6.25-6.25 6.25-16.375 0-22.625l-16-16c-6.25-6.25-16.375-6.25-22.625,0s-6.25,16.375 0,22.625l15.999,16z"), D.append("path").attr("class", "error-icon").attr("d", "m400,64c8.844,0 16-7.164 16-16v-32c0-8.836-7.156-16-16-16-8.844,0-16,7.164-16,16v32c0,8.836 7.156,16 16,16z"), D.append("path").attr("class", "error-icon").attr("d", "m496,96.586h-32c-8.844,0-16,7.164-16,16 0,8.836 7.156,16 16,16h32c8.844,0 16-7.164 16-16 0-8.836-7.156-16-16-16z"), D.append("path").attr("class", "error-icon").attr("d", "m436.98,75.605c3.125,3.125 7.219,4.688 11.313,4.688 4.094,0 8.188-1.563 11.313-4.688l32-32c6.25-6.25 6.25-16.375 0-22.625s-16.375-6.25-22.625,0l-32,32c-6.251,6.25-6.251,16.375-0.001,22.625z"), D.append("text").attr("class", "error-text").attr("x", 1440).attr("y", 250).attr("font-size", "150px").style("text-anchor", "middle").text("Syntax error in text"), D.append("text").attr("class", "error-text").attr("x", 1250).attr("y", 400).attr("font-size", "100px").style("text-anchor", "middle").text(`mermaid version ${T}`);
 }, "draw") }, errorRenderer_default = renderer, errorDiagram_default = {
 	db: {},
 	renderer,
 	parser: { parse: /* @__PURE__ */ __name(() => {}, "parse") }
 }, id18 = "flowchart-elk", detector_default = {
 	id: id18,
-	detector: /* @__PURE__ */ __name((e, w = {}) => /^\s*flowchart-elk/.test(e) || /^\s*(flowchart|graph)/.test(e) && w?.flowchart?.defaultRenderer === "elk" ? (w.layout = "elk", !0) : !1, "detector"),
+	detector: /* @__PURE__ */ __name((e, C = {}) => /^\s*flowchart-elk/.test(e) || /^\s*(flowchart|graph)/.test(e) && C?.flowchart?.defaultRenderer === "elk" ? (C.layout = "elk", !0) : !1, "detector"),
 	loader: /* @__PURE__ */ __name(async () => {
 		let { diagram: e } = await import("./chunks/mermaid.core/flowDiagram-I6XJVG4X.js");
 		return {
@@ -359,62 +359,62 @@ var id = "c4", c4Detector_default = {
 	}, (e) => e.toLowerCase().trimStart().startsWith("---")), registerLazyLoadedDiagrams(detector_default, detector_default3, architectureDetector_default), registerLazyLoadedDiagrams(c4Detector_default, detector_default4, classDetector_V2_default, classDetector_default, erDetector_default, ganttDetector_default, info, pie, requirementDetector_default, sequenceDetector_default, flowDetector_v2_default, flowDetector_default, detector_default2, gitGraphDetector_default, stateDetector_V2_default, stateDetector_default, journeyDetector_default, quadrantDetector_default, sankeyDetector_default, packet, xychartDetector_default, blockDetector_default, detector_default6, detector_default5, radar, ishikawa, treemap, vennDetector_default, wardleyDetector_default));
 }, "addDiagrams"), loadRegisteredDiagrams = /* @__PURE__ */ __name(async () => {
 	log.debug("Loading registered diagrams");
-	let e = (await Promise.allSettled(Object.entries(detectors).map(async ([e, { detector: T, loader: E }]) => {
-		if (E) try {
+	let e = (await Promise.allSettled(Object.entries(detectors).map(async ([e, { detector: C, loader: T }]) => {
+		if (T) try {
 			getDiagram(e);
 		} catch {
 			try {
-				let { diagram: e, id: w } = await E();
-				registerDiagram(w, e, T);
-			} catch (T) {
-				throw log.error(`Failed to load external diagram with key ${e}. Removing from detectors.`), delete detectors[e], T;
+				let { diagram: e, id: w } = await T();
+				registerDiagram(w, e, C);
+			} catch (C) {
+				throw log.error(`Failed to load external diagram with key ${e}. Removing from detectors.`), delete detectors[e], C;
 			}
 		}
 	}))).filter((e) => e.status === "rejected");
 	if (e.length > 0) {
 		log.error(`Failed to load ${e.length} external diagrams`);
-		for (let T of e) log.error(T);
+		for (let C of e) log.error(C);
 		throw Error(`Failed to load ${e.length} external diagrams`);
 	}
 }, "loadRegisteredDiagrams"), SVG_ROLE = "graphics-document document";
-function setA11yDiagramInfo(e, w) {
-	e.attr("role", SVG_ROLE), w !== "" && e.attr("aria-roledescription", w);
+function setA11yDiagramInfo(e, C) {
+	e.attr("role", SVG_ROLE), C !== "" && e.attr("aria-roledescription", C);
 }
 __name(setA11yDiagramInfo, "setA11yDiagramInfo");
-function addSVGa11yTitleDescription(e, w, T, E) {
+function addSVGa11yTitleDescription(e, C, w, T) {
 	if (e.insert !== void 0) {
-		if (T) {
-			let w = `chart-desc-${E}`;
-			e.attr("aria-describedby", w), e.insert("desc", ":first-child").attr("id", w).text(T);
-		}
 		if (w) {
-			let T = `chart-title-${E}`;
-			e.attr("aria-labelledby", T), e.insert("title", ":first-child").attr("id", T).text(w);
+			let C = `chart-desc-${T}`;
+			e.attr("aria-describedby", C), e.insert("desc", ":first-child").attr("id", C).text(w);
+		}
+		if (C) {
+			let w = `chart-title-${T}`;
+			e.attr("aria-labelledby", w), e.insert("title", ":first-child").attr("id", w).text(C);
 		}
 	}
 }
 __name(addSVGa11yTitleDescription, "addSVGa11yTitleDescription");
-var Diagram = class w {
-	constructor(e, w, T, E, D) {
-		this.type = e, this.text = w, this.db = T, this.parser = E, this.renderer = D;
+var Diagram = class e {
+	constructor(e, C, w, T, E) {
+		this.type = e, this.text = C, this.db = w, this.parser = T, this.renderer = E;
 	}
 	static #e = __name(this, "Diagram");
-	static async fromText(e, T = {}) {
-		let E = getConfig(), O = detectType(e, E);
-		e = encodeEntities(e) + "\n";
+	static async fromText(C, w = {}) {
+		let T = getConfig(), E = detectType(C, T);
+		C = encodeEntities(C) + "\n";
 		try {
-			getDiagram(O);
+			getDiagram(E);
 		} catch {
-			let e = getDiagramLoader(O);
-			if (!e) throw new UnknownDiagramError(`Diagram ${O} not found.`);
-			let { id: w, diagram: T } = await e();
-			registerDiagram(w, T);
+			let e = getDiagramLoader(E);
+			if (!e) throw new UnknownDiagramError(`Diagram ${E} not found.`);
+			let { id: C, diagram: w } = await e();
+			registerDiagram(C, w);
 		}
-		let { db: k, parser: A, renderer: j, init: M } = getDiagram(O);
-		return A.parser && (A.parser.yy = k), k.clear?.(), M?.(E), T.title && k.setDiagramTitle?.(T.title), await A.parse(e), new w(O, e, k, A, j);
+		let { db: O, parser: k, renderer: A, init: j } = getDiagram(E);
+		return k.parser && (k.parser.yy = O), O.clear?.(), j?.(T), w.title && O.setDiagramTitle?.(w.title), await k.parse(C), new e(E, C, O, k, A);
 	}
-	async render(e, w) {
-		await this.renderer.draw(this.text, e, w, this);
+	async render(e, C) {
+		await this.renderer.draw(this.text, e, C, this);
 	}
 	getParser() {
 		return this.parser;
@@ -428,124 +428,124 @@ var Diagram = class w {
 	}), interactionFunctions = [];
 }, "attachFunctions"), cleanupComments = /* @__PURE__ */ __name((e) => e.replace(/^\s*%%(?!{)[^\n]+\n?/gm, "").trimStart(), "cleanupComments");
 function extractFrontMatter(e) {
-	let w = e.match(frontMatterRegex);
-	if (!w) return {
+	let C = e.match(frontMatterRegex);
+	if (!C) return {
 		text: e,
 		metadata: {}
 	};
-	let T = load(w[1], { schema: JSON_SCHEMA }) ?? {};
-	T = typeof T == "object" && !Array.isArray(T) ? T : {};
-	let E = {};
-	return T.displayMode && (E.displayMode = T.displayMode.toString()), T.title && (E.title = T.title.toString()), T.config && (E.config = T.config), {
-		text: e.slice(w[0].length),
-		metadata: E
+	let w = load(C[1], { schema: JSON_SCHEMA }) ?? {};
+	w = typeof w == "object" && !Array.isArray(w) ? w : {};
+	let T = {};
+	return w.displayMode && (T.displayMode = w.displayMode.toString()), w.title && (T.title = w.title.toString()), w.config && (T.config = w.config), {
+		text: e.slice(C[0].length),
+		metadata: T
 	};
 }
 __name(extractFrontMatter, "extractFrontMatter");
-var cleanupText = /* @__PURE__ */ __name((e) => e.replace(/\r\n?/g, "\n").replace(/<(\w+)([^>]*)>/g, (e, w, T) => "<" + w + T.replace(/="([^"]*)"/g, "='$1'") + ">"), "cleanupText"), processFrontmatter = /* @__PURE__ */ __name((e) => {
-	let { text: w, metadata: T } = extractFrontMatter(e), { displayMode: E, title: D, config: O = {} } = T;
-	return E && (O.gantt ||= {}, O.gantt.displayMode = E), {
-		title: D,
-		config: O,
-		text: w
+var cleanupText = /* @__PURE__ */ __name((e) => e.replace(/\r\n?/g, "\n").replace(/<(\w+)([^>]*)>/g, (e, C, w) => "<" + C + w.replace(/="([^"]*)"/g, "='$1'") + ">"), "cleanupText"), processFrontmatter = /* @__PURE__ */ __name((e) => {
+	let { text: C, metadata: w } = extractFrontMatter(e), { displayMode: T, title: E, config: D = {} } = w;
+	return T && (D.gantt ||= {}, D.gantt.displayMode = T), {
+		title: E,
+		config: D,
+		text: C
 	};
 }, "processFrontmatter"), processDirectives = /* @__PURE__ */ __name((e) => {
-	let w = utils_default.detectInit(e) ?? {}, T = utils_default.detectDirective(e, "wrap");
-	return Array.isArray(T) ? w.wrap = T.some(({ type: e }) => e === "wrap") : T?.type === "wrap" && (w.wrap = !0), {
+	let C = utils_default.detectInit(e) ?? {}, w = utils_default.detectDirective(e, "wrap");
+	return Array.isArray(w) ? C.wrap = w.some(({ type: e }) => e === "wrap") : w?.type === "wrap" && (C.wrap = !0), {
 		text: removeDirectives(e),
-		directive: w
+		directive: C
 	};
 }, "processDirectives");
 function preprocessDiagram(e) {
-	let w = processFrontmatter(cleanupText(e)), T = processDirectives(w.text), E = cleanAndMerge(w.config, T.directive);
-	return e = cleanupComments(T.text), {
+	let C = processFrontmatter(cleanupText(e)), w = processDirectives(C.text), T = cleanAndMerge(C.config, w.directive);
+	return e = cleanupComments(w.text), {
 		code: e,
-		title: w.title,
-		config: E
+		title: C.title,
+		config: T
 	};
 }
 __name(preprocessDiagram, "preprocessDiagram");
 function toBase64(e) {
-	let w = new TextEncoder().encode(e), T = Array.from(w, (e) => String.fromCodePoint(e)).join("");
-	return btoa(T);
+	let C = new TextEncoder().encode(e), w = Array.from(C, (e) => String.fromCodePoint(e)).join("");
+	return btoa(w);
 }
 __name(toBase64, "toBase64");
 var MAX_TEXTLENGTH = 5e4, MAX_TEXTLENGTH_EXCEEDED_MSG = "graph TB;a[Maximum text size in diagram exceeded];style a fill:#faa", SECURITY_LVL_SANDBOX = "sandbox", SECURITY_LVL_LOOSE = "loose", XMLNS_SVG_STD = "http://www.w3.org/2000/svg", XMLNS_XLINK_STD = "http://www.w3.org/1999/xlink", XMLNS_XHTML_STD = "http://www.w3.org/1999/xhtml", IFRAME_WIDTH = "100%", IFRAME_HEIGHT = "100%", IFRAME_STYLES = "border:0;margin:0;", IFRAME_BODY_STYLE = "margin:0", IFRAME_SANDBOX_OPTS = "allow-top-navigation-by-user-activation allow-popups", IFRAME_NOT_SUPPORTED_MSG = "The \"iframe\" tag is not supported by your browser.", DOMPURIFY_TAGS = ["foreignobject"], DOMPURIFY_ATTR = ["dominant-baseline"];
 function processAndSetConfigs(e) {
-	let w = preprocessDiagram(e);
-	return reset(), addDirective(w.config ?? {}), w;
+	let C = preprocessDiagram(e);
+	return reset(), addDirective(C.config ?? {}), C;
 }
 __name(processAndSetConfigs, "processAndSetConfigs");
-async function parse(e, w) {
+async function parse(e, C) {
 	addDiagrams();
 	try {
-		let { code: w, config: T } = processAndSetConfigs(e);
+		let { code: C, config: w } = processAndSetConfigs(e);
 		return {
-			diagramType: (await getDiagramFromText(w)).type,
-			config: T
+			diagramType: (await getDiagramFromText(C)).type,
+			config: w
 		};
 	} catch (e) {
-		if (w?.suppressErrors) return !1;
+		if (C?.suppressErrors) return !1;
 		throw e;
 	}
 }
 __name(parse, "parse");
-var cssImportantStyles = /* @__PURE__ */ __name((e, w, T = []) => `.${e} ${w} ${sanitizeCss(`{ ${T.join(" !important; ")} !important; }`)}`, "cssImportantStyles"), createCssStyles = /* @__PURE__ */ __name((e, w = /* @__PURE__ */ new Map()) => {
-	let T = new CSSStyleSheet();
-	if (e.fontFamily !== void 0 && T.insertRule(`:root { --mermaid-font-family: ${e.fontFamily}}`, T.cssRules.length), e.altFontFamily !== void 0 && T.insertRule(`:root { --mermaid-alt-font-family: ${e.altFontFamily}}`, T.cssRules.length), w instanceof Map) {
-		let E = getEffectiveHtmlLabels(e) ? ["> *", "span"] : [
+var cssImportantStyles = /* @__PURE__ */ __name((e, C, w = []) => `.${e} ${C} ${sanitizeCss(`{ ${w.join(" !important; ")} !important; }`)}`, "cssImportantStyles"), createCssStyles = /* @__PURE__ */ __name((e, C = /* @__PURE__ */ new Map()) => {
+	let w = new CSSStyleSheet();
+	if (e.fontFamily !== void 0 && w.insertRule(`:root { --mermaid-font-family: ${e.fontFamily}}`, w.cssRules.length), e.altFontFamily !== void 0 && w.insertRule(`:root { --mermaid-alt-font-family: ${e.altFontFamily}}`, w.cssRules.length), C instanceof Map) {
+		let T = getEffectiveHtmlLabels(e) ? ["> *", "span"] : [
 			"rect",
 			"polygon",
 			"ellipse",
 			"circle",
 			"path"
 		];
-		w.forEach((e) => {
-			isEmpty(e.styles) || E.forEach((w) => {
-				T.insertRule(cssImportantStyles(e.id, w, e.styles), T.cssRules.length);
-			}), isEmpty(e.textStyles) || T.insertRule(cssImportantStyles(e.id, "tspan", (e?.textStyles || []).map((e) => e.replace("color", "fill"))), T.cssRules.length);
+		C.forEach((e) => {
+			isEmpty(e.styles) || T.forEach((C) => {
+				w.insertRule(cssImportantStyles(e.id, C, e.styles), w.cssRules.length);
+			}), isEmpty(e.textStyles) || w.insertRule(cssImportantStyles(e.id, "tspan", (e?.textStyles || []).map((e) => e.replace("color", "fill"))), w.cssRules.length);
 		});
 	}
-	let E = "";
-	if (e.themeCSS !== void 0) if (typeof T.replaceSync == "function") {
-		let w = new CSSStyleSheet();
-		w.replaceSync(e.themeCSS), E = cssStyleSheetToString(w) + "\n";
-	} else E += `${e.themeCSS}
+	let T = "";
+	if (e.themeCSS !== void 0) if (typeof w.replaceSync == "function") {
+		let C = new CSSStyleSheet();
+		C.replaceSync(e.themeCSS), T = cssStyleSheetToString(C) + "\n";
+	} else T += `${e.themeCSS}
 `;
-	return E + cssStyleSheetToString(T);
-}, "createCssStyles"), compileCSS = /* @__PURE__ */ __name((T, E) => serialize(compile(`${T}{${E}}`), middleware([/* @__PURE__ */ __name(function(e, E, D, O) {
-	if (e.type === "rule" && Array.isArray(e.props)) {
-		if (e.parent && e.parent.type === "@keyframes") return;
-		e.props = e.props.map((e) => e.startsWith(T) ? e : `${T} ${e}`);
-	} else e.type.startsWith("@") && ([...[
+	return T + cssStyleSheetToString(w);
+}, "createCssStyles"), compileCSS = /* @__PURE__ */ __name((e, T) => serialize(compile(`${e}{${T}}`), middleware([/* @__PURE__ */ __name(function(C, T, E, D) {
+	if (C.type === "rule" && Array.isArray(C.props)) {
+		if (C.parent && C.parent.type === "@keyframes") return;
+		C.props = C.props.map((C) => C.startsWith(e) ? C : `${e} ${C}`);
+	} else C.type.startsWith("@") && ([...[
 		"@media",
 		"@supports",
 		"@layer",
 		"@scope",
 		"@container",
 		"@starting-style"
-	], "@keyframes"].includes(e.type) || (log.warn(`Removing unsupported at-rule ${e.type} from CSS`), e.type = COMMENT));
-}, "addNamespace"), stringify])), "compileCSS"), createUserStyles = /* @__PURE__ */ __name((e, w, T, E) => compileCSS(E, styles_default(w, createCssStyles(e, T), {
+	], "@keyframes"].includes(C.type) || (log.warn(`Removing unsupported at-rule ${C.type} from CSS`), C.type = COMMENT));
+}, "addNamespace"), stringify])), "compileCSS"), createUserStyles = /* @__PURE__ */ __name((e, C, w, T) => compileCSS(T, styles_default(C, createCssStyles(e, w), {
 	...e.themeVariables,
 	theme: e.theme,
 	look: e.look
-}, E)), "createUserStyles"), cleanUpSvgCode = /* @__PURE__ */ __name((e = "", w, T) => {
-	let E = e;
-	return !T && !w && (E = E.replace(/marker-end="url\([\d+./:=?A-Za-z-]*?#/g, "marker-end=\"url(#")), E = decodeEntities(E), E = E.replace(/<br>/g, "<br/>"), E;
-}, "cleanUpSvgCode"), putIntoIFrame = /* @__PURE__ */ __name((e = "", w) => `<iframe style="width:${IFRAME_WIDTH};height:${w?.viewBox?.baseVal?.height ? w.viewBox.baseVal.height + "px" : IFRAME_HEIGHT};${IFRAME_STYLES}" src="data:text/html;charset=UTF-8;base64,${toBase64(`<body style="${IFRAME_BODY_STYLE}">${e}</body>`)}" sandbox="${IFRAME_SANDBOX_OPTS}">
+}, T)), "createUserStyles"), cleanUpSvgCode = /* @__PURE__ */ __name((e = "", C, w) => {
+	let T = e;
+	return !w && !C && (T = T.replace(/marker-end="url\([\d+./:=?A-Za-z-]*?#/g, "marker-end=\"url(#")), T = decodeEntities(T), T = T.replace(/<br>/g, "<br/>"), T;
+}, "cleanUpSvgCode"), putIntoIFrame = /* @__PURE__ */ __name((e = "", C) => `<iframe style="width:${IFRAME_WIDTH};height:${C?.viewBox?.baseVal?.height ? C.viewBox.baseVal.height + "px" : IFRAME_HEIGHT};${IFRAME_STYLES}" src="data:text/html;charset=UTF-8;base64,${toBase64(`<body style="${IFRAME_BODY_STYLE}">${e}</body>`)}" sandbox="${IFRAME_SANDBOX_OPTS}">
   ${IFRAME_NOT_SUPPORTED_MSG}
-</iframe>`, "putIntoIFrame"), appendDivSvgG = /* @__PURE__ */ __name((e, w, T, E, D) => {
-	let O = e.append("div");
-	O.attr("id", T), E && O.attr("style", E);
-	let k = O.append("svg").attr("id", w).attr("width", "100%").attr("xmlns", XMLNS_SVG_STD);
-	return D && k.attr("xmlns:xlink", D), k.append("g"), e;
+</iframe>`, "putIntoIFrame"), appendDivSvgG = /* @__PURE__ */ __name((e, C, w, T, E) => {
+	let D = e.append("div");
+	D.attr("id", w), T && D.attr("style", T);
+	let O = D.append("svg").attr("id", C).attr("width", "100%").attr("xmlns", XMLNS_SVG_STD);
+	return E && O.attr("xmlns:xlink", E), O.append("g"), e;
 }, "appendDivSvgG");
-function sandboxedIframe(e, w) {
-	return e.append("iframe").attr("id", w).attr("style", "width: 100%; height: 100%;").attr("sandbox", "");
+function sandboxedIframe(e, C) {
+	return e.append("iframe").attr("id", C).attr("style", "width: 100%; height: 100%;").attr("sandbox", "");
 }
 __name(sandboxedIframe, "sandboxedIframe");
-var removeExistingElements = /* @__PURE__ */ __name((e, w, T, E) => {
-	e.getElementById(w)?.remove(), e.getElementById(T)?.remove(), e.getElementById(E)?.remove();
+var removeExistingElements = /* @__PURE__ */ __name((e, C, w, T) => {
+	e.getElementById(C)?.remove(), e.getElementById(w)?.remove(), e.getElementById(T)?.remove();
 }, "removeExistingElements"), render = /* @__PURE__ */ __name(async function(T, D, O) {
 	addDiagrams();
 	let k = processAndSetConfigs(D);
@@ -553,8 +553,8 @@ var removeExistingElements = /* @__PURE__ */ __name((e, w, T, E) => {
 	let A = getConfig();
 	log.debug(A), D.length > (A?.maxTextSize ?? MAX_TEXTLENGTH) && (D = MAX_TEXTLENGTH_EXCEEDED_MSG);
 	let j = `#${T}`, M = "i" + T, N = "#" + M, P = "d" + T, F = "#" + P, I = /* @__PURE__ */ __name(() => {
-		let e = select_default(R ? N : F).node();
-		e && "remove" in e && e.remove();
+		let C = select_default(R ? N : F).node();
+		C && "remove" in C && C.remove();
 	}, "removeTempElements"), L = select_default(document.body), R = A.securityLevel === SECURITY_LVL_SANDBOX, z = A.securityLevel === SECURITY_LVL_LOOSE, B = A.fontFamily;
 	O === void 0 ? (removeExistingElements(document, T, P, M), R ? (L = select_default(sandboxedIframe(select_default(document.body), M).nodes()[0].contentDocument.body), L.node().style.margin = "0") : L = select_default("body"), appendDivSvgG(L, T, P)) : (O && (O.innerHTML = ""), R ? (L = select_default(sandboxedIframe(select_default(O), M).nodes()[0].contentDocument.body), L.node().style.margin = "0") : L = select_default(O), appendDivSvgG(L, T, P, `font-family: ${B}`, XMLNS_XLINK_STD));
 	let V, H;
@@ -590,16 +590,16 @@ var removeExistingElements = /* @__PURE__ */ __name((e, w, T, E) => {
 	};
 }, "render");
 function initialize(e = {}) {
-	let w = assignWithDepth_default({}, e);
-	w?.fontFamily && !w.themeVariables?.fontFamily && (w.themeVariables ||= {}, w.themeVariables.fontFamily = w.fontFamily), saveConfigFromInitialize(w), w?.theme && w.theme in themes_default ? w.themeVariables = themes_default[w.theme].getThemeVariables(w.themeVariables) : w && (w.themeVariables = themes_default.default.getThemeVariables(w.themeVariables)), setLogLevel((typeof w == "object" ? setSiteConfig(w) : getSiteConfig()).logLevel), addDiagrams();
+	let C = assignWithDepth_default({}, e);
+	C?.fontFamily && !C.themeVariables?.fontFamily && (C.themeVariables ||= {}, C.themeVariables.fontFamily = C.fontFamily), saveConfigFromInitialize(C), C?.theme && C.theme in themes_default ? C.themeVariables = themes_default[C.theme].getThemeVariables(C.themeVariables) : C && (C.themeVariables = themes_default.default.getThemeVariables(C.themeVariables)), setLogLevel((typeof C == "object" ? setSiteConfig(C) : getSiteConfig()).logLevel), addDiagrams();
 }
 __name(initialize, "initialize");
-var getDiagramFromText = /* @__PURE__ */ __name((e, w = {}) => {
-	let { code: T } = preprocessDiagram(e);
-	return Diagram.fromText(T, w);
+var getDiagramFromText = /* @__PURE__ */ __name((e, C = {}) => {
+	let { code: w } = preprocessDiagram(e);
+	return Diagram.fromText(w, C);
 }, "getDiagramFromText");
-function addA11yInfo(e, w, T, E) {
-	setA11yDiagramInfo(w, e), addSVGa11yTitleDescription(w, T, E, w.attr("id"));
+function addA11yInfo(e, C, w, T) {
+	setA11yDiagramInfo(C, e), addSVGa11yTitleDescription(C, w, T, C.attr("id"));
 }
 __name(addA11yInfo, "addA11yInfo");
 var mermaidAPI = Object.freeze({
@@ -620,12 +620,12 @@ var mermaidAPI = Object.freeze({
 	defaultConfig
 });
 setLogLevel(getConfig().logLevel), reset(getConfig());
-var handleError = /* @__PURE__ */ __name((e, T, E) => {
-	log.warn(e), isDetailedError(e) ? (E && E(e.str, e.hash), T.push({
+var handleError = /* @__PURE__ */ __name((e, C, T) => {
+	log.warn(e), isDetailedError(e) ? (T && T(e.str, e.hash), C.push({
 		...e,
 		message: e.str,
 		error: e
-	})) : (E && E(e), e instanceof Error && T.push({
+	})) : (T && T(e), e instanceof Error && C.push({
 		str: e.message,
 		message: e.message,
 		hash: e.name,
@@ -634,44 +634,44 @@ var handleError = /* @__PURE__ */ __name((e, T, E) => {
 }, "handleError"), run = /* @__PURE__ */ __name(async function(e = { querySelector: ".mermaid" }) {
 	try {
 		await runThrowsErrors(e);
-	} catch (T) {
-		if (isDetailedError(T) && log.error(T.str), mermaid.parseError && mermaid.parseError(T), !e.suppressErrors) throw log.error("Use the suppressErrors option to suppress these errors"), T;
+	} catch (C) {
+		if (isDetailedError(C) && log.error(C.str), mermaid.parseError && mermaid.parseError(C), !e.suppressErrors) throw log.error("Use the suppressErrors option to suppress these errors"), C;
 	}
-}, "run"), runThrowsErrors = /* @__PURE__ */ __name(async function({ postRenderCallback: e, querySelector: T, nodes: E } = { querySelector: ".mermaid" }) {
-	let D = mermaidAPI.getConfig();
+}, "run"), runThrowsErrors = /* @__PURE__ */ __name(async function({ postRenderCallback: e, querySelector: C, nodes: T } = { querySelector: ".mermaid" }) {
+	let E = mermaidAPI.getConfig();
 	log.debug(`${e ? "" : "No "}Callback function found`);
-	let O;
-	if (E) O = E;
-	else if (T) O = document.querySelectorAll(T);
+	let D;
+	if (T) D = T;
+	else if (C) D = document.querySelectorAll(C);
 	else throw Error("Nodes and querySelector are both undefined");
-	log.debug(`Found ${O.length} diagrams`), D?.startOnLoad !== void 0 && (log.debug("Start On Load: " + D?.startOnLoad), mermaidAPI.updateSiteConfig({ startOnLoad: D?.startOnLoad }));
-	let k = new utils_default.InitIDGenerator(D.deterministicIds, D.deterministicIDSeed), A, j = [];
-	for (let T of Array.from(O)) {
-		if (log.info("Rendering diagram: " + T.id), T.getAttribute("data-processed")) continue;
-		T.setAttribute("data-processed", "true");
-		let E = `mermaid-${k.next()}`;
-		A = T.innerHTML, A = dedent(utils_default.entityDecode(A)).trim().replace(/<br\s*\/?>/gi, "<br/>");
-		let D = utils_default.detectInit(A);
-		D && log.debug("Detected early reinit: ", D);
+	log.debug(`Found ${D.length} diagrams`), E?.startOnLoad !== void 0 && (log.debug("Start On Load: " + E?.startOnLoad), mermaidAPI.updateSiteConfig({ startOnLoad: E?.startOnLoad }));
+	let O = new utils_default.InitIDGenerator(E.deterministicIds, E.deterministicIDSeed), k, A = [];
+	for (let C of Array.from(D)) {
+		if (log.info("Rendering diagram: " + C.id), C.getAttribute("data-processed")) continue;
+		C.setAttribute("data-processed", "true");
+		let T = `mermaid-${O.next()}`;
+		k = C.innerHTML, k = dedent(utils_default.entityDecode(k)).trim().replace(/<br\s*\/?>/gi, "<br/>");
+		let E = utils_default.detectInit(k);
+		E && log.debug("Detected early reinit: ", E);
 		try {
-			let { svg: w, bindFunctions: D } = await render2(E, A, T);
-			T.innerHTML = w, e && await e(E), D && D(T);
+			let { svg: w, bindFunctions: E } = await render2(T, k, C);
+			C.innerHTML = w, e && await e(T), E && E(C);
 		} catch (e) {
-			handleError(e, j, mermaid.parseError);
+			handleError(e, A, mermaid.parseError);
 		}
 	}
-	if (j.length > 0) throw j[0];
+	if (A.length > 0) throw A[0];
 }, "runThrowsErrors"), initialize2 = /* @__PURE__ */ __name(function(e) {
 	mermaidAPI.initialize(e);
-}, "initialize"), init = /* @__PURE__ */ __name(async function(e, T, E) {
+}, "initialize"), init = /* @__PURE__ */ __name(async function(e, C, T) {
 	log.warn("mermaid.init is deprecated. Please use run instead."), e && initialize2(e);
-	let D = {
-		postRenderCallback: E,
+	let E = {
+		postRenderCallback: T,
 		querySelector: ".mermaid"
 	};
-	typeof T == "string" ? D.querySelector = T : T && (T instanceof HTMLElement ? D.nodes = [T] : D.nodes = T), await run(D);
-}, "init"), registerExternalDiagrams = /* @__PURE__ */ __name(async (e, { lazyLoad: w = !0 } = {}) => {
-	addDiagrams(), registerLazyLoadedDiagrams(...e), w === !1 && await loadRegisteredDiagrams();
+	typeof C == "string" ? E.querySelector = C : C && (C instanceof HTMLElement ? E.nodes = [C] : E.nodes = C), await run(E);
+}, "init"), registerExternalDiagrams = /* @__PURE__ */ __name(async (e, { lazyLoad: C = !0 } = {}) => {
+	addDiagrams(), registerLazyLoadedDiagrams(...e), C === !1 && await loadRegisteredDiagrams();
 }, "registerExternalDiagrams"), contentLoaded = /* @__PURE__ */ __name(function() {
 	if (mermaid.startOnLoad) {
 		let { startOnLoad: e } = mermaidAPI.getConfig();
@@ -693,24 +693,24 @@ var setParseErrorHandler = /* @__PURE__ */ __name(function(e) {
 		}
 		executionQueueRunning = !1;
 	}
-}, "executeQueue"), parse2 = /* @__PURE__ */ __name(async (T, E) => new Promise((D, O) => {
-	let k = /* @__PURE__ */ __name(() => new Promise((e, k) => {
-		mermaidAPI.parse(T, E).then((w) => {
-			e(w), D(w);
+}, "executeQueue"), parse2 = /* @__PURE__ */ __name(async (e, T) => new Promise((E, D) => {
+	let O = /* @__PURE__ */ __name(() => new Promise((C, O) => {
+		mermaidAPI.parse(e, T).then((e) => {
+			C(e), E(e);
 		}, (e) => {
-			log.error("Error parsing", e), mermaid.parseError?.(e), k(e), O(e);
+			log.error("Error parsing", e), mermaid.parseError?.(e), O(e), D(e);
 		});
 	}), "performCall");
-	executionQueue.push(k), executeQueue().catch(O);
-}), "parse"), render2 = /* @__PURE__ */ __name((T, E, D) => new Promise((O, k) => {
-	let A = /* @__PURE__ */ __name(() => new Promise((e, A) => {
-		mermaidAPI.render(T, E, D).then((w) => {
-			e(w), O(w);
+	executionQueue.push(O), executeQueue().catch(D);
+}), "parse"), render2 = /* @__PURE__ */ __name((e, T, E) => new Promise((D, O) => {
+	let k = /* @__PURE__ */ __name(() => new Promise((C, k) => {
+		mermaidAPI.render(e, T, E).then((e) => {
+			C(e), D(e);
 		}, (e) => {
-			log.error("Error parsing", e), mermaid.parseError?.(e), A(e), k(e);
+			log.error("Error parsing", e), mermaid.parseError?.(e), k(e), O(e);
 		});
 	}), "performCall");
-	executionQueue.push(A), executeQueue().catch(k);
+	executionQueue.push(k), executeQueue().catch(O);
 }), "render"), mermaid = {
 	startOnLoad: !0,
 	mermaidAPI,

package/dist/node_modules/motion/dist/es/react.js

@@ -1,3 +1,10 @@
-import { motion } from "framer-motion";
+import { __export, __reExport } from "../../../../_virtual/rolldown_runtime.js";
+import { m, motion } from "framer-motion";
 export * from "framer-motion";
-export { motion };
+var react_exports = /* @__PURE__ */ __export({
+	m: () => m,
+	motion: () => motion
+}, 1);
+import * as import_framer_motion from "framer-motion";
+__reExport(react_exports, import_framer_motion, void 0, 1);
+export { motion, react_exports };

package/dist/pages/DebugWorkflowDetailsPage.js

@@ -35,7 +35,7 @@ function DebugWorkflowDetailsPage() {
 		label: "Debug Workflows",
 		href: T
 	}, m[7] = T, m[8] = E);
-	let D = b?.title || b?.alias || y || "Workflow Details", O;
+	let D = b?.title || b?.workflowName || y || "Workflow Details", O;
 	m[9] === D ? O = m[10] : (O = {
 		label: D,
 		current: !0
@@ -51,7 +51,7 @@ function DebugWorkflowDetailsPage() {
 		children: [
 			/* @__PURE__ */ jsx("h1", {
 				className: "text-3xl font-bold tracking-tight",
-				children: b.title || b.alias
+				children: b.title || b.workflowName
 			}),
 			/* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground",