@oomol-lab/open-flow 0.1.0-beta.82 → 0.1.0-beta.83

package/dist/render/browser/runtime.js

@@ -40,7 +40,7 @@ var OpenFlowRenderer = (function(exports) {
 		enumerable: true
 	}) : target, mod));
 	//#endregion
-	//#region ../../node_modules/.bun/html-to-image@1.11.11/node_modules/html-to-image/es/util.js
+	//#region ../../node_modules/.bun/html-to-image@1.11.13/node_modules/html-to-image/es/util.js
 	function resolveUrl(url, baseUrl) {
 		if (url.match(/^[a-z]+:\/\//i)) return url;
 		if (url.match(/^\/\//)) return window.location.protocol + url;
@@ -67,6 +67,13 @@ var OpenFlowRenderer = (function(exports) {
 		for (let i = 0, l = arrayLike.length; i < l; i++) arr.push(arrayLike[i]);
 		return arr;
 	}
+	var styleProps = null;
+	function getStyleProperties(options = {}) {
+		if (options.includeStyleProperties) return options.includeStyleProperties;
+		if (styleProps) return styleProps;
+		styleProps = toArray(window.getComputedStyle(document.documentElement));
+		return styleProps;
+	}
 	function px(node, styleProperty) {
 		const val = (node.ownerDocument.defaultView || window).getComputedStyle(node).getPropertyValue(styleProperty);
 		return val ? parseFloat(val.replace("px", "")) : 0;
@@ -90,8 +97,11 @@ var OpenFlowRenderer = (function(exports) {
 	function createImage(url) {
 		return new Promise((resolve, reject) => {
 			const img = new Image();
-			img.decode = () => resolve(img);
-			img.onload = () => resolve(img);
+			img.onload = () => {
+				img.decode().then(() => {
+					requestAnimationFrame(() => resolve(img));
+				});
+			};
 			img.onerror = reject;
 			img.crossOrigin = "anonymous";
 			img.decoding = "async";
@@ -124,22 +134,22 @@ var OpenFlowRenderer = (function(exports) {
 		return nodePrototype.constructor.name === instance.name || isInstanceOfElement(nodePrototype, instance);
 	};
 	//#endregion
-	//#region ../../node_modules/.bun/html-to-image@1.11.11/node_modules/html-to-image/es/clone-pseudos.js
+	//#region ../../node_modules/.bun/html-to-image@1.11.13/node_modules/html-to-image/es/clone-pseudos.js
 	function formatCSSText(style) {
 		const content = style.getPropertyValue("content");
 		return `${style.cssText} content: '${content.replace(/'|"/g, "")}';`;
 	}
-	function formatCSSProperties(style) {
-		return toArray(style).map((name) => {
+	function formatCSSProperties(style, options) {
+		return getStyleProperties(options).map((name) => {
 			return `${name}: ${style.getPropertyValue(name)}${style.getPropertyPriority(name) ? " !important" : ""};`;
 		}).join(" ");
 	}
-	function getPseudoElementStyle(className, pseudo, style) {
+	function getPseudoElementStyle(className, pseudo, style, options) {
 		const selector = `.${className}:${pseudo}`;
-		const cssText = style.cssText ? formatCSSText(style) : formatCSSProperties(style);
+		const cssText = style.cssText ? formatCSSText(style) : formatCSSProperties(style, options);
 		return document.createTextNode(`${selector}{${cssText}}`);
 	}
-	function clonePseudoElement(nativeNode, clonedNode, pseudo) {
+	function clonePseudoElement(nativeNode, clonedNode, pseudo, options) {
 		const style = window.getComputedStyle(nativeNode, pseudo);
 		const content = style.getPropertyValue("content");
 		if (content === "" || content === "none") return;
@@ -150,15 +160,15 @@ var OpenFlowRenderer = (function(exports) {
 			return;
 		}
 		const styleElement = document.createElement("style");
-		styleElement.appendChild(getPseudoElementStyle(className, pseudo, style));
+		styleElement.appendChild(getPseudoElementStyle(className, pseudo, style, options));
 		clonedNode.appendChild(styleElement);
 	}
-	function clonePseudoElements(nativeNode, clonedNode) {
-		clonePseudoElement(nativeNode, clonedNode, ":before");
-		clonePseudoElement(nativeNode, clonedNode, ":after");
+	function clonePseudoElements(nativeNode, clonedNode, options) {
+		clonePseudoElement(nativeNode, clonedNode, ":before", options);
+		clonePseudoElement(nativeNode, clonedNode, ":after", options);
 	}
 	//#endregion
-	//#region ../../node_modules/.bun/html-to-image@1.11.11/node_modules/html-to-image/es/mimes.js
+	//#region ../../node_modules/.bun/html-to-image@1.11.13/node_modules/html-to-image/es/mimes.js
 	var WOFF = "application/font-woff";
 	var JPEG = "image/jpeg";
 	var mimes = {
@@ -182,7 +192,7 @@ var OpenFlowRenderer = (function(exports) {
 		return mimes[getExtension(url).toLowerCase()] || "";
 	}
 	//#endregion
-	//#region ../../node_modules/.bun/html-to-image@1.11.11/node_modules/html-to-image/es/dataurl.js
+	//#region ../../node_modules/.bun/html-to-image@1.11.13/node_modules/html-to-image/es/dataurl.js
 	function getContentFromDataUrl(dataURL) {
 		return dataURL.split(/,/)[1];
 	}
@@ -239,7 +249,7 @@ var OpenFlowRenderer = (function(exports) {
 		return dataURL;
 	}
 	//#endregion
-	//#region ../../node_modules/.bun/html-to-image@1.11.11/node_modules/html-to-image/es/clone-node.js
+	//#region ../../node_modules/.bun/html-to-image@1.11.13/node_modules/html-to-image/es/clone-node.js
 	async function cloneCanvasElement(canvas) {
 		const dataURL = canvas.toDataURL();
 		if (dataURL === "data:,") return canvas.cloneNode(false);
@@ -257,17 +267,17 @@ var OpenFlowRenderer = (function(exports) {
 		const poster = video.poster;
 		return createImage(await resourceToDataURL(poster, getMimeType(poster), options));
 	}
-	async function cloneIFrameElement(iframe) {
+	async function cloneIFrameElement(iframe, options) {
 		var _a;
 		try {
-			if ((_a = iframe === null || iframe === void 0 ? void 0 : iframe.contentDocument) === null || _a === void 0 ? void 0 : _a.body) return await cloneNode(iframe.contentDocument.body, {}, true);
+			if ((_a = iframe === null || iframe === void 0 ? void 0 : iframe.contentDocument) === null || _a === void 0 ? void 0 : _a.body) return await cloneNode(iframe.contentDocument.body, options, true);
 		} catch (_b) {}
 		return iframe.cloneNode(false);
 	}
 	async function cloneSingleNode(node, options) {
 		if (isInstanceOfElement(node, HTMLCanvasElement)) return cloneCanvasElement(node);
 		if (isInstanceOfElement(node, HTMLVideoElement)) return cloneVideoElement(node, options);
-		if (isInstanceOfElement(node, HTMLIFrameElement)) return cloneIFrameElement(node);
+		if (isInstanceOfElement(node, HTMLIFrameElement)) return cloneIFrameElement(node, options);
 		return node.cloneNode(false);
 	}
 	var isSlotElement = (node) => node.tagName != null && node.tagName.toUpperCase() === "SLOT";
@@ -283,14 +293,14 @@ var OpenFlowRenderer = (function(exports) {
 		}), Promise.resolve());
 		return clonedNode;
 	}
-	function cloneCSSStyle(nativeNode, clonedNode) {
+	function cloneCSSStyle(nativeNode, clonedNode, options) {
 		const targetStyle = clonedNode.style;
 		if (!targetStyle) return;
 		const sourceStyle = window.getComputedStyle(nativeNode);
 		if (sourceStyle.cssText) {
 			targetStyle.cssText = sourceStyle.cssText;
 			targetStyle.transformOrigin = sourceStyle.transformOrigin;
-		} else toArray(sourceStyle).forEach((name) => {
+		} else getStyleProperties(options).forEach((name) => {
 			let value = sourceStyle.getPropertyValue(name);
 			if (name === "font-size" && value.endsWith("px")) value = `${Math.floor(parseFloat(value.substring(0, value.length - 2))) - .1}px`;
 			if (isInstanceOfElement(nativeNode, HTMLIFrameElement) && name === "display" && value === "inline") value = "block";
@@ -309,10 +319,10 @@ var OpenFlowRenderer = (function(exports) {
 			if (selectedOption) selectedOption.setAttribute("selected", "");
 		}
 	}
-	function decorate(nativeNode, clonedNode) {
+	function decorate(nativeNode, clonedNode, options) {
 		if (isInstanceOfElement(clonedNode, Element)) {
-			cloneCSSStyle(nativeNode, clonedNode);
-			clonePseudoElements(nativeNode, clonedNode);
+			cloneCSSStyle(nativeNode, clonedNode, options);
+			clonePseudoElements(nativeNode, clonedNode, options);
 			cloneInputValue(nativeNode, clonedNode);
 			cloneSelectValue(nativeNode, clonedNode);
 		}
@@ -349,10 +359,10 @@ var OpenFlowRenderer = (function(exports) {
 	}
 	async function cloneNode(node, options, isRoot) {
 		if (!isRoot && options.filter && !options.filter(node)) return null;
-		return Promise.resolve(node).then((clonedNode) => cloneSingleNode(clonedNode, options)).then((clonedNode) => cloneChildren(node, clonedNode, options)).then((clonedNode) => decorate(node, clonedNode)).then((clonedNode) => ensureSVGSymbols(clonedNode, options));
+		return Promise.resolve(node).then((clonedNode) => cloneSingleNode(clonedNode, options)).then((clonedNode) => cloneChildren(node, clonedNode, options)).then((clonedNode) => decorate(node, clonedNode, options)).then((clonedNode) => ensureSVGSymbols(clonedNode, options));
 	}
 	//#endregion
-	//#region ../../node_modules/.bun/html-to-image@1.11.11/node_modules/html-to-image/es/embed-resources.js
+	//#region ../../node_modules/.bun/html-to-image@1.11.13/node_modules/html-to-image/es/embed-resources.js
 	var URL_REGEX = /url\((['"]?)([^'"]+?)\1\)/g;
 	var URL_WITH_FORMAT_REGEX = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g;
 	var FONT_SRC_REGEX = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
@@ -397,7 +407,7 @@ var OpenFlowRenderer = (function(exports) {
 		return parseURLs(filteredCSSText).reduce((deferred, url) => deferred.then((css) => embed(css, url, baseUrl, options)), Promise.resolve(filteredCSSText));
 	}
 	//#endregion
-	//#region ../../node_modules/.bun/html-to-image@1.11.11/node_modules/html-to-image/es/embed-images.js
+	//#region ../../node_modules/.bun/html-to-image@1.11.13/node_modules/html-to-image/es/embed-images.js
 	async function embedProp(propName, node, options) {
 		var _a;
 		const propValue = (_a = node.style) === null || _a === void 0 ? void 0 : _a.getPropertyValue(propName);
@@ -409,8 +419,8 @@ var OpenFlowRenderer = (function(exports) {
 		return false;
 	}
 	async function embedBackground(clonedNode, options) {
-		if (!await embedProp("background", clonedNode, options)) await embedProp("background-image", clonedNode, options);
-		if (!await embedProp("mask", clonedNode, options)) await embedProp("mask-image", clonedNode, options);
+		await embedProp("background", clonedNode, options) || await embedProp("background-image", clonedNode, options);
+		await embedProp("mask", clonedNode, options) || await embedProp("-webkit-mask", clonedNode, options) || await embedProp("mask-image", clonedNode, options) || await embedProp("-webkit-mask-image", clonedNode, options);
 	}
 	async function embedImageNode(clonedNode, options) {
 		const isImageElement = isInstanceOfElement(clonedNode, HTMLImageElement);
@@ -419,7 +429,13 @@ var OpenFlowRenderer = (function(exports) {
 		const dataURL = await resourceToDataURL(url, getMimeType(url), options);
 		await new Promise((resolve, reject) => {
 			clonedNode.onload = resolve;
-			clonedNode.onerror = reject;
+			clonedNode.onerror = options.onImageErrorHandler ? (...attributes) => {
+				try {
+					resolve(options.onImageErrorHandler(...attributes));
+				} catch (error) {
+					reject(error);
+				}
+			} : reject;
 			const image = clonedNode;
 			if (image.decode) image.decode = resolve;
 			if (image.loading === "lazy") image.loading = "eager";
@@ -441,7 +457,7 @@ var OpenFlowRenderer = (function(exports) {
 		}
 	}
 	//#endregion
-	//#region ../../node_modules/.bun/html-to-image@1.11.11/node_modules/html-to-image/es/apply-style.js
+	//#region ../../node_modules/.bun/html-to-image@1.11.13/node_modules/html-to-image/es/apply-style.js
 	function applyStyle(node, options) {
 		const { style } = node;
 		if (options.backgroundColor) style.backgroundColor = options.backgroundColor;
@@ -454,7 +470,7 @@ var OpenFlowRenderer = (function(exports) {
 		return node;
 	}
 	//#endregion
-	//#region ../../node_modules/.bun/html-to-image@1.11.11/node_modules/html-to-image/es/embed-webfonts.js
+	//#region ../../node_modules/.bun/html-to-image@1.11.13/node_modules/html-to-image/es/embed-webfonts.js
 	var cssFetchCache = {};
 	async function fetchCSS(url) {
 		let cache = cssFetchCache[url];
@@ -530,7 +546,7 @@ var OpenFlowRenderer = (function(exports) {
 			} catch (e) {
 				const inline = styleSheets.find((a) => a.href == null) || document.styleSheets[0];
 				if (sheet.href != null) deferreds.push(fetchCSS(sheet.href).then((metadata) => embedFonts(metadata, options)).then((cssText) => parseCSS(cssText).forEach((rule) => {
-					inline.insertRule(rule, sheet.cssRules.length);
+					inline.insertRule(rule, inline.cssRules.length);
 				})).catch((err) => {
 					console.error("Error loading remote stylesheet", err);
 				}));
@@ -557,9 +573,26 @@ var OpenFlowRenderer = (function(exports) {
 		if (node.ownerDocument == null) throw new Error("Provided element is not within a Document");
 		return getWebFontRules(await getCSSRules(toArray(node.ownerDocument.styleSheets), options));
 	}
+	function normalizeFontFamily(font) {
+		return font.trim().replace(/["']/g, "");
+	}
+	function getUsedFonts(node) {
+		const fonts = /* @__PURE__ */ new Set();
+		function traverse(node) {
+			(node.style.fontFamily || getComputedStyle(node).fontFamily).split(",").forEach((font) => {
+				fonts.add(normalizeFontFamily(font));
+			});
+			Array.from(node.children).forEach((child) => {
+				if (child instanceof HTMLElement) traverse(child);
+			});
+		}
+		traverse(node);
+		return fonts;
+	}
 	async function getWebFontCSS(node, options) {
 		const rules = await parseWebFontRules(node, options);
-		return (await Promise.all(rules.map((rule) => {
+		const usedFonts = getUsedFonts(node);
+		return (await Promise.all(rules.filter((rule) => usedFonts.has(normalizeFontFamily(rule.style.fontFamily))).map((rule) => {
 			const baseUrl = rule.parentStyleSheet ? rule.parentStyleSheet.href : null;
 			return embedResources(rule.cssText, baseUrl, options);
 		}))).join("\n");
@@ -575,7 +608,7 @@ var OpenFlowRenderer = (function(exports) {
 		}
 	}
 	//#endregion
-	//#region ../../node_modules/.bun/html-to-image@1.11.11/node_modules/html-to-image/es/index.js
+	//#region ../../node_modules/.bun/html-to-image@1.11.13/node_modules/html-to-image/es/index.js
 	async function toSvg(node, options = {}) {
 		const { width, height } = getImageSize(node, options);
 		const clonedNode = await cloneNode(node, options, true);
@@ -8070,9 +8103,23 @@ var OpenFlowRenderer = (function(exports) {
 		exports.hydrateRoot = m.hydrateRoot;
 	}));
 	//#endregion
-	//#region src/ui/browser/icons/ContentIcon.module.scss
+	//#region src/render/common/png.ts
 	var import_react$4 = /* @__PURE__ */ __toESM(require_react(), 1);
 	var import_client = require_client();
+	var flowPngAspectRatios = [
+		"auto",
+		"1:1",
+		"4:3",
+		"3:4",
+		"16:9",
+		"9:16"
+	];
+	function getFlowPngAspectRatio(value) {
+		if (value == null || value === "auto") return void 0;
+		if (!flowPngAspectRatios.includes(value)) throw new TypeError("Unsupported PNG canvas aspect ratio.");
+		const [width, height] = value.split(":").map(Number);
+		return [width, height];
+	}
 	var ContentIcon_module_default = {
 		img: "ContentIcon_img_4e5d2",
 		initials: "ContentIcon_initials_4e5d2",
@@ -23766,6 +23813,578 @@ var OpenFlowRenderer = (function(exports) {
 		return theme === "dark" ? open_flow_dark_default : open_flow_light_default;
 	}
 	//#endregion
+	//#region ../../node_modules/.bun/@wopjs+disposable@0.1.24/node_modules/@wopjs/disposable/dist/index.mjs
+	var isFn = (value) => !!(value && value.constructor && value.call && value.apply);
+	/**
+	* Check if a value is a {@link DisposableType}.
+	* @param value The value to check.
+	* @returns True if the value is a {@link DisposableType}, false otherwise.
+	*/
+	var isDisposable = (value) => isFn(value) || isFn(value?.dispose);
+	/**
+	* Dispose a disposable object or a disposer function. Log the error if any.
+	* @param disposable A disposable object or a disposer function. Do nothing otherwise.
+	*/
+	function dispose(disposable) {
+		try {
+			if (disposable) {
+				if (isFn(disposable.dispose)) disposable.dispose();
+				else if (isFn(disposable)) disposable();
+			}
+		} catch (e) {
+			console.error(e);
+		}
+	}
+	var isAbortable = (disposable) => isDisposable(disposable) && isFn(disposable.abortable);
+	/**
+	* Create a {@link DisposableStore} that manages {@link Disposer}s and {@link IDisposable}s.
+	*
+	* A {@link DisposableStore} is also a {@link Disposer}, which means it can be the `dispose` method of an {@link IDisposable}.
+	*
+	* A {@link DisposableStore} is also an {@link IDisposable}, which means it can be managed by another {@link DisposableStore}.
+	*
+	* @example
+	* ```ts
+	* import { type IDisposable, disposableStore } from "@wopjs/disposable";
+	*
+	* class A implements IDisposable {
+	*   dispose = disposableStore()
+	*   constructor() {
+	*     this.dispose.add(...);
+	*   }
+	* }
+	*
+	* class B implements IDisposable {
+	*   dispose = disposableStore()
+	*   a = this.dispose.add(new A())
+	*   constructor() {
+	*     this.dispose.add(...);
+	*  }
+	* }
+	*
+	* const b = new B();
+	* b.dispose(); // dispose both `b` and `b.a`.
+	* ```
+	*
+	* @param disposables Optional array of {@link DisposableType}s added to the store.
+	* @returns A disposable store.
+	*/
+	function disposableStore(disposables) {
+		let isDisposing;
+		function disposableStore() {
+			if (!isDisposing) {
+				isDisposing = 1;
+				isDisposing = disposableStore._disposables_ = disposableStore._disposables_?.forEach(dispose);
+			}
+		}
+		disposableStore.dispose = disposableStore;
+		disposableStore.size = size$3;
+		disposableStore.has = has$2;
+		disposableStore.add = add$1;
+		disposableStore.make = make;
+		disposableStore.remove = remove$1;
+		disposableStore.flush = flush$1;
+		if (disposables) disposableStore.add(disposables);
+		return disposableStore;
+	}
+	function _addOne(disposable) {
+		if (!this._disposables_?.has(disposable)) {
+			(this._disposables_ ??= /* @__PURE__ */ new Set()).add(disposable);
+			if (isAbortable(disposable)) disposable.abortable(remove$1.bind(this, disposable));
+		}
+	}
+	function add$1(disposables) {
+		Array.isArray(disposables) ? disposables.forEach(_addOne, this) : _addOne.call(this, disposables);
+		return disposables;
+	}
+	function flush$1(disposable) {
+		dispose(disposable ? this.remove(disposable) && disposable : this);
+	}
+	function has$2(disposable) {
+		return !!this._disposables_?.has(disposable);
+	}
+	function make(executor) {
+		const disposable = executor();
+		return disposable && this.add(disposable);
+	}
+	function remove$1(disposable) {
+		return !!this._disposables_?.delete(disposable);
+	}
+	function size$3() {
+		return this._disposables_?.size || 0;
+	}
+	//#endregion
+	//#region ../../node_modules/.bun/value-enhancer@5.7.2/node_modules/value-enhancer/dist/index.mjs
+	var INIT_VALUE, identity$4, strictEqual, arrayShallowEqual, getValue, getValues, getValVersion, invoke, attachSetter, isVal, tick, pendingTasks1, pendingTasks2, pendingTasks, pending, flush, schedule, cancelTask, registry$1, ValAgent, RefValAgent, ValImpl, readonlyVal, val, from$1, combine$1, compute, derive;
+	var init_dist$3 = __esmMin((() => {
+		INIT_VALUE = {};
+		identity$4 = (value) => value;
+		strictEqual = Object.is;
+		arrayShallowEqual = (arrA, arrB) => {
+			if (strictEqual(arrA, arrB)) return true;
+			if (!Array.isArray(arrA) || !Array.isArray(arrB)) return false;
+			const len = arrA.length;
+			if (arrB.length !== len) return false;
+			for (let i = 0; i < len; i++) if (!strictEqual(arrA[i], arrB[i])) return false;
+			return true;
+		};
+		getValue = (val2) => val2.value;
+		getValues = (valInputs) => valInputs.map(getValue);
+		getValVersion = (val$) => val$.$version;
+		invoke = (fn, value) => {
+			try {
+				fn(value);
+			} catch (e) {
+				console.error(e);
+			}
+		};
+		attachSetter = (val$, set) => (val$.set = set, val$);
+		isVal = (val$) => !!val$?.$valCompute;
+		tick = /* @__PURE__ */ Promise.resolve();
+		pendingTasks1 = /* @__PURE__ */ new Set();
+		pendingTasks2 = /* @__PURE__ */ new Set();
+		pendingTasks = pendingTasks1;
+		flush = () => {
+			const currentPendingTasks = pendingTasks;
+			pendingTasks = pendingTasks === pendingTasks1 ? pendingTasks2 : pendingTasks1;
+			pending = false;
+			for (const subs of currentPendingTasks) subs.t();
+			currentPendingTasks.clear();
+		};
+		schedule = (task) => {
+			pendingTasks.add(task);
+			pending = pending || tick.then(flush);
+		};
+		cancelTask = (task) => pendingTasks.delete(task);
+		registry$1 = /* @__PURE__ */ new FinalizationRegistry(invoke);
+		ValAgent = class {
+			constructor(getValue2, config, onChange) {
+				this.#getValue = getValue2;
+				this.q = (config?.equal ?? strictEqual) || void 0;
+				this.e = config?.eager;
+				this.m = config?.name;
+				this.#onDisposeValue = config?.onDisposeValue;
+				if (onChange) {
+					const ref = new WeakRef(this);
+					const disposeEffect = () => {
+						if (disposeListen) {
+							const dispose = disposeListen;
+							disposeListen = void 0;
+							dispose();
+						}
+					};
+					let disposeListen = onChange(() => {
+						const agent = ref.deref();
+						if (agent) agent.n();
+						else disposeEffect();
+					});
+					if (disposeListen) registry$1.register(this, this.#disposeEffect = disposeEffect);
+				}
+			}
+			g = this;
+			b = /* @__PURE__ */ new Map();
+			s = 4;
+			v;
+			c = INIT_VALUE;
+			q;
+			e;
+			m;
+			u = () => {
+				if (this.s & 4) {
+					this.s &= -5;
+					const newValue = this.#getValue();
+					if (this.c === INIT_VALUE) this.w(newValue);
+					else if (!this.q?.(newValue, this.c)) {
+						this.w(newValue);
+						if (this.s & 1) this.s |= 2;
+					}
+				}
+				return this.c;
+			};
+			n = () => {
+				if (this.#disposed) console.error(this.c, /* @__PURE__ */ new Error(`${this.m || ""} disposed`));
+				this.s |= 4;
+				if (this.b.size) {
+					this.s |= 1;
+					if (this[3]) this.#invoke(3);
+					if (this[2]) {
+						this.u();
+						if (this.s & 2) this.#invoke(2);
+					}
+					if (this[1]) schedule(this);
+					else this.s &= -4;
+				}
+			};
+			a(subscriber, mode) {
+				const currentMode = this.b.get(subscriber);
+				if (currentMode) this[currentMode]--;
+				this.b.set(subscriber, mode);
+				this[mode]++;
+				return () => this.r(subscriber);
+			}
+			r(subscriber) {
+				if (subscriber) {
+					const mode = this.b.get(subscriber);
+					if (mode) {
+						this.b.delete(subscriber);
+						this[mode]--;
+					}
+				} else {
+					this.b.clear();
+					this[1] = this[2] = this[3] = 0;
+					cancelTask(this);
+				}
+			}
+			t() {
+				if (this[1]) {
+					this.u();
+					if (this.s & 2) this.#invoke(1);
+				}
+				this.s &= -4;
+			}
+			d() {
+				const oldValue = this.c;
+				this.r();
+				registry$1.unregister(this);
+				this.#disposeEffect?.();
+				this.#disposed = true;
+				if (this.#onDisposeValue && oldValue !== INIT_VALUE) this.#onDisposeValue(oldValue);
+			}
+			w(value) {
+				this.w = this.q?.(value, value) ? this.y : this.x;
+				this.w(value);
+			}
+			x(value) {
+				const oldValue = this.c;
+				this.c = value;
+				this.v = Symbol();
+				if (this.#onDisposeValue && oldValue !== INIT_VALUE && oldValue !== value) this.#onDisposeValue(oldValue);
+			}
+			y(value) {
+				const oldValue = this.c;
+				this.c = this.v = value;
+				if (this.#onDisposeValue && oldValue !== INIT_VALUE && oldValue !== value) this.#onDisposeValue(oldValue);
+			}
+			[1] = 0;
+			[2] = 0;
+			[3] = 0;
+			#disposeEffect;
+			#onDisposeValue;
+			#getValue;
+			#invoke(mode) {
+				for (const [sub, subMode] of this.b) if (subMode === mode) invoke(sub, this.c);
+			}
+			#disposed;
+		};
+		RefValAgent = class {
+			#subs = /* @__PURE__ */ new WeakSet();
+			constructor(agent) {
+				this.g = agent.g;
+				this.e = agent.e;
+				this.u = agent.u;
+				this.n = agent.n;
+				this.b = agent.b;
+			}
+			get v() {
+				return this.g.v;
+			}
+			g;
+			b;
+			e;
+			u;
+			n;
+			a(subscriber, mode) {
+				this.#subs.add(subscriber);
+				return this.g.a(subscriber, mode);
+			}
+			r(subscriber) {
+				if (subscriber) {
+					if (this.#subs.has(subscriber)) {
+						this.#subs.delete(subscriber);
+						this.g.r(subscriber);
+					}
+				} else for (const sub of this.g.b.keys()) this.r(sub);
+			}
+			d() {
+				this.r();
+			}
+		};
+		ValImpl = class {
+			/**
+			* Manage subscribers for a val.
+			*/
+			#agent;
+			constructor(agent) {
+				this.#agent = agent;
+				this.get = agent.u;
+				agent.u();
+			}
+			/** Debug display name. */
+			get name() {
+				return this.#agent.m;
+			}
+			get $version() {
+				this.get();
+				return this.#agent.v;
+			}
+			get value() {
+				return this.get();
+			}
+			set value(value) {
+				this.set?.(value);
+			}
+			set;
+			get;
+			ref(writable) {
+				const val$ = new ValImpl(new RefValAgent(this.#agent));
+				return writable && this.set ? attachSetter(val$, this.set) : val$;
+			}
+			reaction(subscriber, eager = this.#agent.e) {
+				return this.#agent.a(subscriber, eager ? 2 : 1);
+			}
+			subscribe(subscriber, eager = this.#agent.e) {
+				const disposer = this.reaction(subscriber, eager);
+				invoke(subscriber, this.get());
+				return disposer;
+			}
+			$valCompute(subscriber) {
+				return this.#agent.a(subscriber, 3);
+			}
+			unsubscribe(subscriber) {
+				this.#agent.r(subscriber);
+			}
+			dispose() {
+				this.#agent.d();
+			}
+			/**
+			* @returns the string representation of `this.value`.
+			*
+			* @example
+			* ```js
+			* const v$ = val(val(val(1)));
+			* console.log(`${v$}`); // "1"
+			* ```
+			*/
+			toString() {
+				return String(this.get());
+			}
+			/**
+			* @returns the JSON representation of `this.value`.
+			*
+			* @example
+			* ```js
+			* const v$ = val(val(val({ a: 1 })));
+			* JSON.stringify(v$); // '{"a":1}'
+			* ```
+			*/
+			toJSON(key) {
+				const value = this.get();
+				return value && value.toJSON ? value.toJSON(key) : value;
+			}
+		};
+		readonlyVal = (value, config) => {
+			let currentValue = value;
+			const get = () => currentValue;
+			const subs = new ValAgent(get, config);
+			const set = (value2) => {
+				if (!subs.q?.(value2, currentValue)) {
+					currentValue = value2;
+					subs.n();
+				}
+			};
+			return [new ValImpl(subs), set];
+		};
+		val = (value, config) => attachSetter(...readonlyVal(value, config));
+		from$1 = (getValue2, onChange, config) => new ValImpl(new ValAgent(getValue2, config, onChange));
+		combine$1 = (valInputs, transform = identity$4, config) => {
+			let cachedValue;
+			let cachedSrcVersions;
+			return from$1(() => {
+				const versions = valInputs.map(getValVersion);
+				if (!cachedSrcVersions || !arrayShallowEqual(versions, cachedSrcVersions)) {
+					cachedSrcVersions = versions;
+					cachedValue = transform(getValues(valInputs));
+				}
+				return cachedValue;
+			}, (notify) => {
+				const disposers = valInputs.map((val2) => val2.$valCompute(notify));
+				return () => disposers.forEach(invoke);
+			}, config);
+		};
+		compute = (effect, config) => {
+			let scopeLevel = 0;
+			let currentDeps = /* @__PURE__ */ new Map();
+			let oldDeps = /* @__PURE__ */ new Map();
+			const get = (val$) => {
+				if (!isVal(val$)) {
+					if (!isVal(val$?.$)) return val$;
+					val$ = val$.$;
+				}
+				if (currentDeps.has(val$)) {
+					if (!strictEqual(val$.$version, currentDeps.get(val$))) currentDeps.set(val$, INIT_VALUE);
+				} else {
+					if (!oldDeps.delete(val$)) val$.$valCompute(agent.n);
+					currentDeps.set(val$, val$.$version);
+				}
+				return val$.value;
+			};
+			let currentValue;
+			const agent = new ValAgent(() => {
+				if (!scopeLevel) {
+					if (currentDeps.size) x: {
+						for (const [dep, version] of currentDeps) if (!strictEqual(dep.$version, version)) break x;
+						return currentValue;
+					}
+					const tmp = currentDeps;
+					currentDeps = oldDeps;
+					oldDeps = tmp;
+					scopeLevel++;
+				}
+				currentValue = effect(get);
+				if (!--scopeLevel && oldDeps.size) {
+					for (const dep of oldDeps.keys()) dep.unsubscribe(agent.n);
+					oldDeps.clear();
+				}
+				return currentValue;
+			}, config, () => () => {
+				if (currentDeps.size) {
+					for (const dep of currentDeps.keys()) dep.unsubscribe(agent.n);
+					currentDeps.clear();
+				}
+			});
+			return new ValImpl(agent);
+		};
+		derive = (val2, transform = identity$4, config) => {
+			let cachedValue;
+			let cachedSrcVersion = INIT_VALUE;
+			return from$1(() => {
+				const version = val2.$version;
+				if (!strictEqual(version, cachedSrcVersion)) {
+					cachedSrcVersion = version;
+					cachedValue = transform(val2.value);
+				}
+				return cachedValue;
+			}, (notify) => val2.$valCompute(notify), config);
+		};
+	}));
+	//#endregion
+	//#region ../../node_modules/.bun/value-enhancer@5.7.2/node_modules/value-enhancer/dist/collections.mjs
+	init_dist$3();
+	var ReactiveMapImpl = class extends Map {
+		constructor(entries, config) {
+			super();
+			if (config) this.#onDeleted = config.onDeleted;
+			const [$, set$] = readonlyVal(this, { equal: false });
+			this.$ = $;
+			this.#notify = () => set$(this);
+			if (entries) for (const [key, value] of entries) this.set(key, value);
+		}
+		$;
+		#notify;
+		#onDeleted;
+		#delete(key) {
+			if (this.#onDeleted) {
+				if (super.has(key)) {
+					const value = super.get(key);
+					super.delete(key);
+					this.#onDeleted(value);
+					return true;
+				}
+				return false;
+			}
+			return super.delete(key);
+		}
+		#clear() {
+			if (this.#onDeleted) {
+				const deleted = new Set(this.values());
+				super.clear();
+				for (const value of deleted) this.#onDeleted(value);
+			} else super.clear();
+		}
+		delete(key) {
+			const deleted = this.#delete(key);
+			if (deleted) this.#notify();
+			return deleted;
+		}
+		batchDelete(keys) {
+			let deleted = false;
+			for (const key of keys) deleted = this.#delete(key) || deleted;
+			if (deleted) this.#notify();
+			return deleted;
+		}
+		clear() {
+			if (this.size > 0) {
+				this.#clear();
+				this.#notify();
+			}
+		}
+		#set(key, value) {
+			if (this.has(key)) {
+				const oldValue = this.get(key);
+				if (strictEqual(oldValue, value)) return false;
+				super.set(key, value);
+				if (this.#onDeleted) this.#onDeleted(oldValue);
+			} else super.set(key, value);
+			return true;
+		}
+		set(key, value) {
+			if (this.#set(key, value)) this.#notify();
+			return this;
+		}
+		batchSet(entries) {
+			let isDirty = false;
+			for (const [key, value] of entries) isDirty = this.#set(key, value) || isDirty;
+			if (isDirty) this.#notify();
+			return this;
+		}
+		rename(oldKey, newKey) {
+			if (!strictEqual(oldKey, newKey)) {
+				const value = this.get(oldKey);
+				if (super.delete(oldKey)) {
+					this.set(newKey, value);
+					return true;
+				}
+			}
+			return false;
+		}
+		replace(entries) {
+			const oldMap = new Map(this);
+			const deletedValues = new Set(this.values());
+			let hasNewValue = false;
+			super.clear();
+			for (const [key, value] of entries) {
+				super.set(key, value);
+				deletedValues.delete(value);
+				hasNewValue = hasNewValue || !oldMap.has(key) || !Object.is(oldMap.get(key), value);
+				oldMap.delete(key);
+			}
+			if (hasNewValue || oldMap.size > 0 || deletedValues.size > 0) {
+				if (this.#onDeleted) for (const value of deletedValues) this.#onDeleted(value);
+				this.#notify();
+			}
+			return deletedValues.values();
+		}
+		toJSON() {
+			const result = {};
+			for (const [key, value] of this) if (key != null) {
+				const k = String(key);
+				const v = value;
+				result[k] = v && v.toJSON ? v.toJSON(k) : v;
+			}
+			return result;
+		}
+		dispose() {
+			this.$.dispose();
+			if (this.size > 0) this.#clear();
+		}
+	};
+	var reactiveMap = (entries, config) => new ReactiveMapImpl(entries, config);
+	//#endregion
+	//#region src/canvas/common/direction.ts
+	function canvasDirection(value) {
+		return value === "vertical" ? "vertical" : "horizontal";
+	}
+	//#endregion
 	//#region ../../node_modules/.bun/@dagrejs+dagre@3.1.1/node_modules/@dagrejs/dagre/dist/dagre.esm.js
 	var Te = Object.defineProperty;
 	var In = (e, n, t) => n in e ? Te(e, n, {
@@ -26002,801 +26621,199 @@ var OpenFlowRenderer = (function(exports) {
 	}
 	/*! For license information please see dagre.esm.js.LEGAL.txt */
 	//#endregion
-	//#region ../../node_modules/.bun/@wopjs+disposable@0.1.24/node_modules/@wopjs/disposable/dist/index.mjs
-	var isFn = (value) => !!(value && value.constructor && value.call && value.apply);
-	/**
-	* Check if a value is a {@link DisposableType}.
-	* @param value The value to check.
-	* @returns True if the value is a {@link DisposableType}, false otherwise.
-	*/
-	var isDisposable = (value) => isFn(value) || isFn(value?.dispose);
-	/**
-	* Dispose a disposable object or a disposer function. Log the error if any.
-	* @param disposable A disposable object or a disposer function. Do nothing otherwise.
-	*/
-	function dispose(disposable) {
-		try {
-			if (disposable) {
-				if (isFn(disposable.dispose)) disposable.dispose();
-				else if (isFn(disposable)) disposable();
-			}
-		} catch (e) {
-			console.error(e);
-		}
-	}
-	var isAbortable = (disposable) => isDisposable(disposable) && isFn(disposable.abortable);
-	/**
-	* Create a {@link DisposableStore} that manages {@link Disposer}s and {@link IDisposable}s.
-	*
-	* A {@link DisposableStore} is also a {@link Disposer}, which means it can be the `dispose` method of an {@link IDisposable}.
-	*
-	* A {@link DisposableStore} is also an {@link IDisposable}, which means it can be managed by another {@link DisposableStore}.
-	*
-	* @example
-	* ```ts
-	* import { type IDisposable, disposableStore } from "@wopjs/disposable";
-	*
-	* class A implements IDisposable {
-	*   dispose = disposableStore()
-	*   constructor() {
-	*     this.dispose.add(...);
-	*   }
-	* }
-	*
-	* class B implements IDisposable {
-	*   dispose = disposableStore()
-	*   a = this.dispose.add(new A())
-	*   constructor() {
-	*     this.dispose.add(...);
-	*  }
-	* }
-	*
-	* const b = new B();
-	* b.dispose(); // dispose both `b` and `b.a`.
-	* ```
-	*
-	* @param disposables Optional array of {@link DisposableType}s added to the store.
-	* @returns A disposable store.
-	*/
-	function disposableStore(disposables) {
-		let isDisposing;
-		function disposableStore() {
-			if (!isDisposing) {
-				isDisposing = 1;
-				isDisposing = disposableStore._disposables_ = disposableStore._disposables_?.forEach(dispose);
-			}
-		}
-		disposableStore.dispose = disposableStore;
-		disposableStore.size = size$3;
-		disposableStore.has = has$2;
-		disposableStore.add = add$1;
-		disposableStore.make = make;
-		disposableStore.remove = remove$1;
-		disposableStore.flush = flush$1;
-		if (disposables) disposableStore.add(disposables);
-		return disposableStore;
-	}
-	function _addOne(disposable) {
-		if (!this._disposables_?.has(disposable)) {
-			(this._disposables_ ??= /* @__PURE__ */ new Set()).add(disposable);
-			if (isAbortable(disposable)) disposable.abortable(remove$1.bind(this, disposable));
-		}
-	}
-	function add$1(disposables) {
-		Array.isArray(disposables) ? disposables.forEach(_addOne, this) : _addOne.call(this, disposables);
-		return disposables;
-	}
-	function flush$1(disposable) {
-		dispose(disposable ? this.remove(disposable) && disposable : this);
-	}
-	function has$2(disposable) {
-		return !!this._disposables_?.has(disposable);
-	}
-	function make(executor) {
-		const disposable = executor();
-		return disposable && this.add(disposable);
-	}
-	function remove$1(disposable) {
-		return !!this._disposables_?.delete(disposable);
-	}
-	function size$3() {
-		return this._disposables_?.size || 0;
-	}
-	Array.isArray;
-	var isNumber$5 = (value) => {
-		try {
-			return Number(value) === value;
-		} catch {
-			return false;
-		}
-	};
-	var isDate = (value) => {
-		return Object.prototype.toString.call(value) === "[object Date]";
-	};
-	//#endregion
-	//#region ../../node_modules/.bun/radash@12.1.1/node_modules/radash/dist/esm/array.mjs
-	var cluster = (list2, size = 2) => {
-		const clusterCount = Math.ceil(list2.length / size);
-		return new Array(clusterCount).fill(null).map((_c, i) => {
-			return list2.slice(i * size, i * size + size);
-		});
-	};
-	//#endregion
-	//#region ../../node_modules/.bun/value-enhancer@5.7.2/node_modules/value-enhancer/dist/index.mjs
-	var INIT_VALUE, identity$4, strictEqual, arrayShallowEqual, getValue, getValues, getValVersion, invoke, attachSetter, isVal, tick, pendingTasks1, pendingTasks2, pendingTasks, pending, flush, schedule, cancelTask, registry$1, ValAgent, RefValAgent, ValImpl, readonlyVal, val, from$1, combine$1, compute, derive;
-	var init_dist$3 = __esmMin((() => {
-		INIT_VALUE = {};
-		identity$4 = (value) => value;
-		strictEqual = Object.is;
-		arrayShallowEqual = (arrA, arrB) => {
-			if (strictEqual(arrA, arrB)) return true;
-			if (!Array.isArray(arrA) || !Array.isArray(arrB)) return false;
-			const len = arrA.length;
-			if (arrB.length !== len) return false;
-			for (let i = 0; i < len; i++) if (!strictEqual(arrA[i], arrB[i])) return false;
-			return true;
-		};
-		getValue = (val2) => val2.value;
-		getValues = (valInputs) => valInputs.map(getValue);
-		getValVersion = (val$) => val$.$version;
-		invoke = (fn, value) => {
-			try {
-				fn(value);
-			} catch (e) {
-				console.error(e);
-			}
-		};
-		attachSetter = (val$, set) => (val$.set = set, val$);
-		isVal = (val$) => !!val$?.$valCompute;
-		tick = /* @__PURE__ */ Promise.resolve();
-		pendingTasks1 = /* @__PURE__ */ new Set();
-		pendingTasks2 = /* @__PURE__ */ new Set();
-		pendingTasks = pendingTasks1;
-		flush = () => {
-			const currentPendingTasks = pendingTasks;
-			pendingTasks = pendingTasks === pendingTasks1 ? pendingTasks2 : pendingTasks1;
-			pending = false;
-			for (const subs of currentPendingTasks) subs.t();
-			currentPendingTasks.clear();
-		};
-		schedule = (task) => {
-			pendingTasks.add(task);
-			pending = pending || tick.then(flush);
-		};
-		cancelTask = (task) => pendingTasks.delete(task);
-		registry$1 = /* @__PURE__ */ new FinalizationRegistry(invoke);
-		ValAgent = class {
-			constructor(getValue2, config, onChange) {
-				this.#getValue = getValue2;
-				this.q = (config?.equal ?? strictEqual) || void 0;
-				this.e = config?.eager;
-				this.m = config?.name;
-				this.#onDisposeValue = config?.onDisposeValue;
-				if (onChange) {
-					const ref = new WeakRef(this);
-					const disposeEffect = () => {
-						if (disposeListen) {
-							const dispose = disposeListen;
-							disposeListen = void 0;
-							dispose();
-						}
-					};
-					let disposeListen = onChange(() => {
-						const agent = ref.deref();
-						if (agent) agent.n();
-						else disposeEffect();
-					});
-					if (disposeListen) registry$1.register(this, this.#disposeEffect = disposeEffect);
-				}
-			}
-			g = this;
-			b = /* @__PURE__ */ new Map();
-			s = 4;
-			v;
-			c = INIT_VALUE;
-			q;
-			e;
-			m;
-			u = () => {
-				if (this.s & 4) {
-					this.s &= -5;
-					const newValue = this.#getValue();
-					if (this.c === INIT_VALUE) this.w(newValue);
-					else if (!this.q?.(newValue, this.c)) {
-						this.w(newValue);
-						if (this.s & 1) this.s |= 2;
-					}
-				}
-				return this.c;
+	//#region src/canvas/browser/base/routeLayout.ts
+	var clearance = 16;
+	var portOffset = 24;
+	/** Orthogonal channels around the measured cards, in primary/cross coordinates. */
+	function routeLayout(nodes, edges) {
+		const byId = new Map(nodes.map((node) => [node.id, node]));
+		const connections = edges.map((edge) => {
+			const source = byId.get(edge.source);
+			const target = byId.get(edge.target);
+			const output = {
+				x: source.x + (edge.sourceOffset?.x ?? source.width),
+				y: source.y + (edge.sourceOffset?.y ?? source.height / 2)
 			};
-			n = () => {
-				if (this.#disposed) console.error(this.c, /* @__PURE__ */ new Error(`${this.m || ""} disposed`));
-				this.s |= 4;
-				if (this.b.size) {
-					this.s |= 1;
-					if (this[3]) this.#invoke(3);
-					if (this[2]) {
-						this.u();
-						if (this.s & 2) this.#invoke(2);
-					}
-					if (this[1]) schedule(this);
-					else this.s &= -4;
-				}
+			const input = {
+				x: target.x + (edge.targetOffset?.x ?? 0),
+				y: target.y + (edge.targetOffset?.y ?? target.height / 2)
 			};
-			a(subscriber, mode) {
-				const currentMode = this.b.get(subscriber);
-				if (currentMode) this[currentMode]--;
-				this.b.set(subscriber, mode);
-				this[mode]++;
-				return () => this.r(subscriber);
-			}
-			r(subscriber) {
-				if (subscriber) {
-					const mode = this.b.get(subscriber);
-					if (mode) {
-						this.b.delete(subscriber);
-						this[mode]--;
-					}
-				} else {
-					this.b.clear();
-					this[1] = this[2] = this[3] = 0;
-					cancelTask(this);
-				}
-			}
-			t() {
-				if (this[1]) {
-					this.u();
-					if (this.s & 2) this.#invoke(1);
-				}
-				this.s &= -4;
-			}
-			d() {
-				const oldValue = this.c;
-				this.r();
-				registry$1.unregister(this);
-				this.#disposeEffect?.();
-				this.#disposed = true;
-				if (this.#onDisposeValue && oldValue !== INIT_VALUE) this.#onDisposeValue(oldValue);
-			}
-			w(value) {
-				this.w = this.q?.(value, value) ? this.y : this.x;
-				this.w(value);
-			}
-			x(value) {
-				const oldValue = this.c;
-				this.c = value;
-				this.v = Symbol();
-				if (this.#onDisposeValue && oldValue !== INIT_VALUE && oldValue !== value) this.#onDisposeValue(oldValue);
-			}
-			y(value) {
-				const oldValue = this.c;
-				this.c = this.v = value;
-				if (this.#onDisposeValue && oldValue !== INIT_VALUE && oldValue !== value) this.#onDisposeValue(oldValue);
-			}
-			[1] = 0;
-			[2] = 0;
-			[3] = 0;
-			#disposeEffect;
-			#onDisposeValue;
-			#getValue;
-			#invoke(mode) {
-				for (const [sub, subMode] of this.b) if (subMode === mode) invoke(sub, this.c);
-			}
-			#disposed;
-		};
-		RefValAgent = class {
-			#subs = /* @__PURE__ */ new WeakSet();
-			constructor(agent) {
-				this.g = agent.g;
-				this.e = agent.e;
-				this.u = agent.u;
-				this.n = agent.n;
-				this.b = agent.b;
-			}
-			get v() {
-				return this.g.v;
-			}
-			g;
-			b;
-			e;
-			u;
-			n;
-			a(subscriber, mode) {
-				this.#subs.add(subscriber);
-				return this.g.a(subscriber, mode);
-			}
-			r(subscriber) {
-				if (subscriber) {
-					if (this.#subs.has(subscriber)) {
-						this.#subs.delete(subscriber);
-						this.g.r(subscriber);
-					}
-				} else for (const sub of this.g.b.keys()) this.r(sub);
-			}
-			d() {
-				this.r();
-			}
-		};
-		ValImpl = class {
-			/**
-			* Manage subscribers for a val.
-			*/
-			#agent;
-			constructor(agent) {
-				this.#agent = agent;
-				this.get = agent.u;
-				agent.u();
-			}
-			/** Debug display name. */
-			get name() {
-				return this.#agent.m;
-			}
-			get $version() {
-				this.get();
-				return this.#agent.v;
-			}
-			get value() {
-				return this.get();
-			}
-			set value(value) {
-				this.set?.(value);
-			}
-			set;
-			get;
-			ref(writable) {
-				const val$ = new ValImpl(new RefValAgent(this.#agent));
-				return writable && this.set ? attachSetter(val$, this.set) : val$;
-			}
-			reaction(subscriber, eager = this.#agent.e) {
-				return this.#agent.a(subscriber, eager ? 2 : 1);
-			}
-			subscribe(subscriber, eager = this.#agent.e) {
-				const disposer = this.reaction(subscriber, eager);
-				invoke(subscriber, this.get());
-				return disposer;
-			}
-			$valCompute(subscriber) {
-				return this.#agent.a(subscriber, 3);
-			}
-			unsubscribe(subscriber) {
-				this.#agent.r(subscriber);
-			}
-			dispose() {
-				this.#agent.d();
-			}
-			/**
-			* @returns the string representation of `this.value`.
-			*
-			* @example
-			* ```js
-			* const v$ = val(val(val(1)));
-			* console.log(`${v$}`); // "1"
-			* ```
-			*/
-			toString() {
-				return String(this.get());
-			}
-			/**
-			* @returns the JSON representation of `this.value`.
-			*
-			* @example
-			* ```js
-			* const v$ = val(val(val({ a: 1 })));
-			* JSON.stringify(v$); // '{"a":1}'
-			* ```
-			*/
-			toJSON(key) {
-				const value = this.get();
-				return value && value.toJSON ? value.toJSON(key) : value;
-			}
-		};
-		readonlyVal = (value, config) => {
-			let currentValue = value;
-			const get = () => currentValue;
-			const subs = new ValAgent(get, config);
-			const set = (value2) => {
-				if (!subs.q?.(value2, currentValue)) {
-					currentValue = value2;
-					subs.n();
-				}
-			};
-			return [new ValImpl(subs), set];
-		};
-		val = (value, config) => attachSetter(...readonlyVal(value, config));
-		from$1 = (getValue2, onChange, config) => new ValImpl(new ValAgent(getValue2, config, onChange));
-		combine$1 = (valInputs, transform = identity$4, config) => {
-			let cachedValue;
-			let cachedSrcVersions;
-			return from$1(() => {
-				const versions = valInputs.map(getValVersion);
-				if (!cachedSrcVersions || !arrayShallowEqual(versions, cachedSrcVersions)) {
-					cachedSrcVersions = versions;
-					cachedValue = transform(getValues(valInputs));
-				}
-				return cachedValue;
-			}, (notify) => {
-				const disposers = valInputs.map((val2) => val2.$valCompute(notify));
-				return () => disposers.forEach(invoke);
-			}, config);
-		};
-		compute = (effect, config) => {
-			let scopeLevel = 0;
-			let currentDeps = /* @__PURE__ */ new Map();
-			let oldDeps = /* @__PURE__ */ new Map();
-			const get = (val$) => {
-				if (!isVal(val$)) {
-					if (!isVal(val$?.$)) return val$;
-					val$ = val$.$;
-				}
-				if (currentDeps.has(val$)) {
-					if (!strictEqual(val$.$version, currentDeps.get(val$))) currentDeps.set(val$, INIT_VALUE);
-				} else {
-					if (!oldDeps.delete(val$)) val$.$valCompute(agent.n);
-					currentDeps.set(val$, val$.$version);
+			const offset = output.x < input.x ? Math.min(portOffset, (input.x - output.x) / 2) : portOffset;
+			return {
+				id: edge.id,
+				source: output,
+				target: input,
+				returnSide: input.x <= output.x ? Math.sign(input.y - output.y) : 0,
+				start: {
+					x: output.x + offset,
+					y: output.y
+				},
+				end: {
+					x: input.x - offset,
+					y: input.y
 				}
-				return val$.value;
 			};
-			let currentValue;
-			const agent = new ValAgent(() => {
-				if (!scopeLevel) {
-					if (currentDeps.size) x: {
-						for (const [dep, version] of currentDeps) if (!strictEqual(dep.$version, version)) break x;
-						return currentValue;
-					}
-					const tmp = currentDeps;
-					currentDeps = oldDeps;
-					oldDeps = tmp;
-					scopeLevel++;
-				}
-				currentValue = effect(get);
-				if (!--scopeLevel && oldDeps.size) {
-					for (const dep of oldDeps.keys()) dep.unsubscribe(agent.n);
-					oldDeps.clear();
-				}
-				return currentValue;
-			}, config, () => () => {
-				if (currentDeps.size) {
-					for (const dep of currentDeps.keys()) dep.unsubscribe(agent.n);
-					currentDeps.clear();
-				}
+		});
+		const obstacles = nodes.map((node) => ({
+			left: node.x - clearance,
+			right: node.x + node.width + clearance,
+			top: node.y - clearance,
+			bottom: node.y + node.height + clearance
+		}));
+		const routes = /* @__PURE__ */ new Map();
+		const pending = connections.filter((edge) => {
+			if (edge.start.x > edge.end.x) return true;
+			const middle = (edge.start.x + edge.end.x) / 2;
+			const points = [
+				edge.start,
+				{
+					x: middle,
+					y: edge.start.y
+				},
+				{
+					x: middle,
+					y: edge.end.y
+				},
+				edge.end
+			];
+			for (let index = 1; index < points.length; index++) {
+				const a = points[index - 1];
+				const b = points[index];
+				if (obstacles.some((rect) => a.x === b.x ? a.x > rect.left && a.x < rect.right && Math.max(a.y, b.y) > rect.top && Math.min(a.y, b.y) < rect.bottom : a.y > rect.top && a.y < rect.bottom && Math.max(a.x, b.x) > rect.left && Math.min(a.x, b.x) < rect.right)) return true;
+			}
+			routes.set(edge.id, [
+				edge.source,
+				points[1],
+				points[2],
+				edge.target
+			]);
+			return false;
+		});
+		if (!pending.length) return routes;
+		const xs = [.../* @__PURE__ */ new Set([...obstacles.flatMap((rect) => [rect.left, rect.right]), ...pending.flatMap((edge) => [edge.start.x, edge.end.x])])].toSorted((a, b) => a - b);
+		const ys = [.../* @__PURE__ */ new Set([...obstacles.flatMap((rect) => [rect.top, rect.bottom]), ...pending.flatMap((edge) => [edge.start.y, edge.end.y])])].toSorted((a, b) => a - b);
+		const xIndex = new Map(xs.map((value, index) => [value, index]));
+		const yIndex = new Map(ys.map((value, index) => [value, index]));
+		const columns = xs.length;
+		const size = columns * ys.length;
+		const horizontal = new Uint8Array(size);
+		const vertical = new Uint8Array(size);
+		for (const rect of obstacles) {
+			const left = xIndex.get(rect.left);
+			const right = xIndex.get(rect.right);
+			const top = yIndex.get(rect.top);
+			const bottom = yIndex.get(rect.bottom);
+			for (let y = top + 1; y < bottom; y++) for (let x = left; x < right; x++) horizontal[y * columns + x] = 1;
+			for (let x = left + 1; x < right; x++) for (let y = top; y < bottom; y++) vertical[y * columns + x] = 1;
+		}
+		const distances = new Float64Array(size * 2);
+		const previous = new Int32Array(size * 2);
+		const visited = new Uint32Array(size * 2);
+		for (const [routeIndex, edge] of pending.entries()) {
+			const generation = routeIndex + 1;
+			const start = yIndex.get(edge.start.y) * columns + xIndex.get(edge.start.x);
+			const end = yIndex.get(edge.end.y) * columns + xIndex.get(edge.end.x);
+			const queue = [];
+			const heuristic = (vertex) => Math.abs(xs[vertex % columns] - edge.end.x) + Math.abs(ys[Math.floor(vertex / columns)] - edge.end.y);
+			distances[start * 2] = 0;
+			previous[start * 2] = -1;
+			visited[start * 2] = generation;
+			enqueue(queue, {
+				state: start * 2,
+				score: heuristic(start)
 			});
-			return new ValImpl(agent);
-		};
-		derive = (val2, transform = identity$4, config) => {
-			let cachedValue;
-			let cachedSrcVersion = INIT_VALUE;
-			return from$1(() => {
-				const version = val2.$version;
-				if (!strictEqual(version, cachedSrcVersion)) {
-					cachedSrcVersion = version;
-					cachedValue = transform(val2.value);
-				}
-				return cachedValue;
-			}, (notify) => val2.$valCompute(notify), config);
-		};
-	}));
-	//#endregion
-	//#region ../../node_modules/.bun/value-enhancer@5.7.2/node_modules/value-enhancer/dist/collections.mjs
-	init_dist$3();
-	var ReactiveMapImpl = class extends Map {
-		constructor(entries, config) {
-			super();
-			if (config) this.#onDeleted = config.onDeleted;
-			const [$, set$] = readonlyVal(this, { equal: false });
-			this.$ = $;
-			this.#notify = () => set$(this);
-			if (entries) for (const [key, value] of entries) this.set(key, value);
-		}
-		$;
-		#notify;
-		#onDeleted;
-		#delete(key) {
-			if (this.#onDeleted) {
-				if (super.has(key)) {
-					const value = super.get(key);
-					super.delete(key);
-					this.#onDeleted(value);
-					return true;
+			let finish = -1;
+			while (queue.length) {
+				const entry = dequeue(queue);
+				const vertex = Math.floor(entry.state / 2);
+				if (entry.score > distances[entry.state] + heuristic(vertex) + 1e-6) continue;
+				if (vertex === end) {
+					finish = entry.state;
+					break;
 				}
-				return false;
-			}
-			return super.delete(key);
-		}
-		#clear() {
-			if (this.#onDeleted) {
-				const deleted = new Set(this.values());
-				super.clear();
-				for (const value of deleted) this.#onDeleted(value);
-			} else super.clear();
-		}
-		delete(key) {
-			const deleted = this.#delete(key);
-			if (deleted) this.#notify();
-			return deleted;
-		}
-		batchDelete(keys) {
-			let deleted = false;
-			for (const key of keys) deleted = this.#delete(key) || deleted;
-			if (deleted) this.#notify();
-			return deleted;
-		}
-		clear() {
-			if (this.size > 0) {
-				this.#clear();
-				this.#notify();
-			}
-		}
-		#set(key, value) {
-			if (this.has(key)) {
-				const oldValue = this.get(key);
-				if (strictEqual(oldValue, value)) return false;
-				super.set(key, value);
-				if (this.#onDeleted) this.#onDeleted(oldValue);
-			} else super.set(key, value);
-			return true;
-		}
-		set(key, value) {
-			if (this.#set(key, value)) this.#notify();
-			return this;
-		}
-		batchSet(entries) {
-			let isDirty = false;
-			for (const [key, value] of entries) isDirty = this.#set(key, value) || isDirty;
-			if (isDirty) this.#notify();
-			return this;
-		}
-		rename(oldKey, newKey) {
-			if (!strictEqual(oldKey, newKey)) {
-				const value = this.get(oldKey);
-				if (super.delete(oldKey)) {
-					this.set(newKey, value);
-					return true;
+				const x = vertex % columns;
+				const y = Math.floor(vertex / columns);
+				const moves = [
+					x > 0 && !horizontal[vertex - 1] ? vertex - 1 : -1,
+					x + 1 < columns && !horizontal[vertex] ? vertex + 1 : -1,
+					y > 0 && !vertical[vertex - columns] ? vertex - columns : -1,
+					y + 1 < ys.length && !vertical[vertex] ? vertex + columns : -1
+				];
+				for (const [index, next] of moves.entries()) {
+					if (next < 0 || vertex === start && index === 0 || next === end && index === 0) continue;
+					if (edge.returnSide * (ys[Math.floor(next / columns)] - edge.start.y) < -1e-6) continue;
+					const axis = index < 2 ? 0 : 1;
+					const state = next * 2 + axis;
+					const length = Math.abs(xs[next % columns] - xs[x]) + Math.abs(ys[Math.floor(next / columns)] - ys[y]);
+					const distance = distances[entry.state] + length + (entry.state % 2 === axis ? 0 : 8);
+					if (visited[state] === generation && distance >= distances[state]) continue;
+					visited[state] = generation;
+					distances[state] = distance;
+					previous[state] = entry.state;
+					enqueue(queue, {
+						state,
+						score: distance + heuristic(next)
+					});
 				}
 			}
-			return false;
-		}
-		replace(entries) {
-			const oldMap = new Map(this);
-			const deletedValues = new Set(this.values());
-			let hasNewValue = false;
-			super.clear();
-			for (const [key, value] of entries) {
-				super.set(key, value);
-				deletedValues.delete(value);
-				hasNewValue = hasNewValue || !oldMap.has(key) || !Object.is(oldMap.get(key), value);
-				oldMap.delete(key);
-			}
-			if (hasNewValue || oldMap.size > 0 || deletedValues.size > 0) {
-				if (this.#onDeleted) for (const value of deletedValues) this.#onDeleted(value);
-				this.#notify();
-			}
-			return deletedValues.values();
-		}
-		toJSON() {
-			const result = {};
-			for (const [key, value] of this) if (key != null) {
-				const k = String(key);
-				const v = value;
-				result[k] = v && v.toJSON ? v.toJSON(k) : v;
+			if (finish < 0) throw new Error("Could not route the compact workflow connection.");
+			const points = [];
+			for (let state = finish; state >= 0; state = previous[state]) {
+				const vertex = Math.floor(state / 2);
+				points.push({
+					x: xs[vertex % columns],
+					y: ys[Math.floor(vertex / columns)]
+				});
 			}
-			return result;
-		}
-		dispose() {
-			this.$.dispose();
-			if (this.size > 0) this.#clear();
-		}
-	};
-	var reactiveMap = (entries, config) => new ReactiveMapImpl(entries, config);
-	//#endregion
-	//#region src/canvas/common/direction.ts
-	function canvasDirection(value) {
-		return value === "vertical" ? "vertical" : "horizontal";
-	}
-	//#endregion
-	//#region ../../node_modules/.bun/@wopjs+cast@0.1.16/node_modules/@wopjs/cast/dist/index.mjs
-	var isBoolean$1, isString$1, isArray$1, isObject$2, isPlainObject$3, toPlainObject;
-	var init_dist$2 = __esmMin((() => {
-		isBoolean$1 = (x) => x === true || x === false;
-		isString$1 = (x) => typeof x === "string";
-		isArray$1 = Array.isArray;
-		isObject$2 = (x) => x !== null && typeof x === "object";
-		isPlainObject$3 = (x) => isObject$2(x) && !isArray$1(x);
-		toPlainObject = (x) => isPlainObject$3(x) ? x : void 0;
-	}));
-	//#endregion
-	//#region src/canvas/browser/base/compare.ts
-	init_dist$2();
-	var isSameXYPosition = (p1, p2) => !p1 || !p2 ? p1 === p2 : p1.x === p2.x && p1.y === p2.y;
-	var isSize = (s) => isPlainObject$3(s) && isNumber$5(s.width) && isNumber$5(s.height);
-	var isSameSize = (s1, s2) => !s1 || !s2 ? s1 === s2 : s1.width === s2.width && s1.height === s2.height;
-	var isSameViewport = (v1, v2) => !v1 || !v2 ? v1 === v2 : v1.x === v2.x && v1.y === v2.y && v1.zoom === v2.zoom;
-	function isFunction$1(value) {
-		return typeof value === "function";
-	}
-	function asArray(value) {
-		return value == null ? [] : Array.isArray(value) ? value : [value];
-	}
-	function coalesce(array) {
-		return array.filter((e) => e != null);
-	}
-	function toTrue(value) {
-		return value === true ? true : void 0;
-	}
-	/**
-	* Skips the update when the object has already been removed from the reactive value.
-	*
-	* ```js
-	* const setName = updatePartial(object$, "name")
-	* ```
-	*/
-	function updatePartial(val, field, equal = Object.is) {
-		return (fieldValue) => {
-			if (val.value && !equal(val.value[field], fieldValue)) val.set({
-				...val.value,
-				[field]: fieldValue
+			points.reverse();
+			const turns = points.filter((point, index) => {
+				const before = points[index - 1];
+				const after = points[index + 1];
+				return !before || !after || !(before.x === point.x && point.x === after.x || before.y === point.y && point.y === after.y);
 			});
-		};
-	}
-	//#endregion
-	//#region src/canvas/browser/base/dom.ts
-	var nav$1 = typeof navigator !== "undefined" ? navigator : { platform: "" };
-	var isMac$1 = /*#__PURE__*/ /Mac/.test(nav$1.platform);
-	function stopEvent$1(event, cancelBubble) {
-		event.preventDefault();
-		if (cancelBubble) event.stopPropagation();
-	}
-	/**
-	* @example
-	* ```js
-	* onClick(ev => isInside(ev.target, '.class1, .class2'))
-	* ```
-	*/
-	function isInside(target, selector) {
-		return target?.closest?.(selector) != null;
-	}
-	//#endregion
-	//#region src/canvas/browser/stores/node/constants.ts
-	var NODE_TYPE = /* @__PURE__ */ function(NODE_TYPE) {
-		NODE_TYPE["TaskNode"] = "task_node";
-		NODE_TYPE["ValueNode"] = "value_node";
-		NODE_TYPE["ConditionNode"] = "condition_node";
-		NODE_TYPE["CommentNode"] = "comment_node";
-		NODE_TYPE["TriggerNode"] = "trigger_node";
-		return NODE_TYPE;
-	}({});
-	//#endregion
-	//#region src/canvas/browser/base/canvas.ts
-	var CANVAS_CLASSNAME = "open-flow-canvas";
-	function minimumCanvasCardWidth(direction, branchCount) {
-		return direction === "vertical" && branchCount > 0 ? Math.max(320, branchCount * 96 + (branchCount - 1) * 6 + 16 + 2) : 320;
-	}
-	function canvasCardWidth(direction, branchCount, preferredWidth) {
-		const minimum = minimumCanvasCardWidth(direction, branchCount);
-		return direction === "vertical" && preferredWidth != null && Number.isFinite(preferredWidth) ? Math.max(minimum, preferredWidth) : minimum;
-	}
-	/** Marks an area that React Flow can drag. */
-	var NODE_HANDLE_CLASSNAME = "open-flow-canvas-node-handle";
-	var DEFAULT_POSITION = /* @__PURE__ */ Object.freeze({
-		x: 0,
-		y: 0
-	});
-	//#endregion
-	//#region src/canvas/browser/base/rfHelpers.ts
-	init_dist$2();
-	/** Converts a manifest node identifier to a React Flow identifier. */
-	function toRFNodeId(nodeId, nodeType) {
-		return (nodeType === NODE_TYPE.CommentNode ? "c:" : "m:") + nodeId;
-	}
-	function getRFNodeType(rfNodeId) {
-		if (rfNodeId[1] === ":") switch (rfNodeId[0]) {
-			case "m": return "manifest_node";
-			case "c": return "comment_node";
-		}
-	}
-	function toManifestNodeId(rfNodeId) {
-		if (rfNodeId[1] === ":") switch (rfNodeId[0]) {
-			case "m":
-			case "c": return rfNodeId.slice(2);
+			routes.set(edge.id, [
+				edge.source,
+				...turns,
+				edge.target
+			]);
 		}
-		return rfNodeId;
-	}
-	function toRFHandleName(handleName) {
-		return `h:${handleName}`;
+		return routes;
 	}
-	function toManifestHandleName(rfHandleName) {
-		if (rfHandleName[1] === ":") {
-			if (rfHandleName[0] === "h") return rfHandleName.slice(2);
+	function enqueue(queue, entry) {
+		let index = queue.length;
+		queue.push(entry);
+		while (index > 0) {
+			const parent = Math.floor((index - 1) / 2);
+			if (queue[parent].score <= entry.score) break;
+			queue[index] = queue[parent];
+			index = parent;
 		}
-		return rfHandleName;
+		queue[index] = entry;
 	}
-	function applyNodeChanges$1(changes, nodes, commentNodes, editable$) {
-		let toRemove;
-		for (const change of changes) {
-			const rfNodeId = change.id;
-			if (!rfNodeId) continue;
-			let nodeId;
-			let nodeStore;
-			const rfNodeType = getRFNodeType(rfNodeId);
-			if (rfNodeType === "comment_node") {
-				nodeId = toManifestNodeId(rfNodeId);
-				nodeStore = commentNodes?.get(nodeId);
-			} else if (rfNodeType === "manifest_node") {
-				nodeId = toManifestNodeId(rfNodeId);
-				nodeStore = nodes.get(nodeId);
-			}
-			if (!nodeStore || toRemove?.has(nodeStore)) continue;
-			switch (change.type) {
-				case "add":
-					console.error(/* @__PURE__ */ new Error("Should not happen: add node change should be handled by flow store"));
-					break;
-				case "remove":
-					if (editable$.value) (toRemove ??= /* @__PURE__ */ new Set()).add(nodeStore);
-					break;
-				case "select":
-					nodeStore.$$.selected.set(change.selected);
-					break;
-				case "position": {
-					const current = nodeStore.$.rfNode.value;
-					const position = change.position ?? current.position ?? DEFAULT_POSITION;
-					if (!isSameXYPosition(current.position, position) || current.dragging !== change.dragging) nodeStore.$$.rfNode.set({
-						...current,
-						position,
-						dragging: change.dragging
-					});
-					break;
-				}
-				case "dimensions": {
-					const current = nodeStore.$.rfNode.value;
-					const update = { ...current };
-					if (isSize(change.dimensions)) {
-						update.measured = change.dimensions;
-						if (change.setAttributes) {
-							update.width = change.dimensions.width;
-							update.height = change.dimensions.height;
-						}
-					}
-					if (isBoolean$1(change.resizing)) update.resizing = change.resizing;
-					if (current.measured?.width != update.measured?.width || current.measured?.height != update.measured?.height || current.width != update.width || current.height != update.height || current.resizing != update.resizing) nodeStore.$$.rfNode.set(update);
-					break;
-				}
-				case "replace":
-					if (editable$.value) nodeStore.$$.rfNode.set(change.item);
-					break;
-				default: console.error(/* @__PURE__ */ new Error("Unknown node change type"), change);
-			}
-		}
-		return toRemove;
-	}
-	function applyEdgeChanges$1(changes, edges, editable$) {
-		let toRemoveConnections;
-		for (const change of changes) {
-			const edgeId = change.id;
-			if (!edgeId) continue;
-			const edgeStore = edges.find((edge) => edge.id === edgeId)?.data?.store;
-			if (!edgeStore || toRemoveConnections?.has(edgeStore.connection)) continue;
-			switch (change.type) {
-				case "add":
-					console.error(/* @__PURE__ */ new Error("Should not happen: add edge change should be handled by flow store"));
-					break;
-				case "remove":
-					if (editable$.value) (toRemoveConnections ??= /* @__PURE__ */ new Set()).add(edgeStore.connection);
-					break;
-				case "select":
-					edgeStore.$$.selected.set(change.selected);
-					break;
-				case "replace":
-					if (editable$.value) edgeStore.$$.selected.set(change.item.selected);
-					break;
-				default: console.error(/* @__PURE__ */ new Error("Unknown edge change type"), change);
-			}
+	function dequeue(queue) {
+		const first = queue[0];
+		const last = queue.pop();
+		if (!queue.length) return first;
+		let index = 0;
+		while (index * 2 + 1 < queue.length) {
+			let child = index * 2 + 1;
+			if (child + 1 < queue.length && queue[child + 1].score < queue[child].score) child++;
+			if (last.score <= queue[child].score) break;
+			queue[index] = queue[child];
+			index = child;
 		}
-		return toRemoveConnections;
-	}
-	function isRectIntersect(a, b) {
-		return a.x < b.x + b.width && a.x + a.width > b.x && a.y < b.y + b.height && a.y + a.height > b.y;
+		queue[index] = last;
+		return first;
 	}
 	//#endregion
 	//#region src/canvas/browser/base/wrapLayout.ts
+	/** Normalize primary/cross coordinates without rotating cards. */
+	function layoutAxes(point, direction) {
+		return direction === "vertical" ? {
+			x: point.y,
+			y: point.x
+		} : point;
+	}
 	var columnsPerRow = 6;
 	var rowGap = 160;
 	/** Wrap whole dependency columns; unmeasured default placement keeps six columns per row. */
@@ -26842,6 +26859,559 @@ var OpenFlowRenderer = (function(exports) {
 		return positions;
 	}
 	//#endregion
+	//#region src/canvas/browser/base/compactLayout.ts
+	function bounds(nodes, routes = /* @__PURE__ */ new Map()) {
+		const points = [...routes.values()].flat();
+		for (const node of nodes) points.push(node, {
+			x: node.x + node.width,
+			y: node.y + node.height
+		});
+		const x = Math.min(...points.map((point) => point.x));
+		const y = Math.min(...points.map((point) => point.y));
+		return {
+			x,
+			y,
+			width: Math.max(...points.map((point) => point.x)) - x,
+			height: Math.max(...points.map((point) => point.y)) - y
+		};
+	}
+	/** Place branches at their earliest dependency level, rather than delaying short
+	* branches until the longest sibling reaches a shared join. Cycles remain one
+	* component whose internal order follows the measured base layout. */
+	function dependencyLevels(nodes, edges, gap) {
+		const graph = new ie.Graph();
+		for (const node of nodes) graph.setNode(node.id);
+		for (const edge of edges) graph.setEdge(edge.source, edge.target);
+		const components = ie.alg.tarjan(graph);
+		const componentOf = new Map(components.flatMap((members, index) => members.map((id) => [id, String(index)])));
+		const dependencies = new ie.Graph();
+		for (let index = 0; index < components.length; index++) dependencies.setNode(String(index));
+		for (const edge of edges) {
+			const source = componentOf.get(edge.source);
+			const target = componentOf.get(edge.target);
+			if (source !== target) dependencies.setEdge(source, target);
+		}
+		const byId = new Map(nodes.map((node) => [node.id, node]));
+		const levels = /* @__PURE__ */ new Map();
+		const ends = /* @__PURE__ */ new Map();
+		for (const id of ie.alg.topsort(dependencies)) {
+			const start = Math.max(0, ...(dependencies.predecessors(id) ?? []).map((parent) => ends.get(parent) + 1));
+			const members = components[Number(id)].map((member) => byId.get(member)).toSorted((a, b) => a.column - b.column || a.y - b.y);
+			for (const [index, member] of members.entries()) levels.set(member.id, start + index);
+			ends.set(id, start + members.length - 1);
+		}
+		const isolated = nodes.filter((node) => graph.nodeEdges(node.id)?.length === 0);
+		const isolatedColumns = [...new Set(isolated.map((node) => node.column))].toSorted((a, b) => a - b);
+		for (const node of isolated) levels.set(node.id, isolatedColumns.indexOf(node.column));
+		let primary = 0;
+		const groups = [...Map.groupBy(nodes, (node) => levels.get(node.id)).entries()].toSorted(([a], [b]) => a - b);
+		for (const [level, members] of groups) {
+			const size = Math.max(...members.map((node) => node.width));
+			for (const node of members) Object.assign(node, {
+				column: level,
+				x: primary + (size - node.width) / 2
+			});
+			primary += size + gap;
+		}
+	}
+	/** Compact each connected subgraph, then wrap the forest to the requested ratio. */
+	function compactLayout(graph, insets = {
+		width: 0,
+		height: 0
+	}, aspectRatio = 1) {
+		if (!graph.nodes.length) return {
+			positions: {},
+			routes: /* @__PURE__ */ new Map(),
+			bounds: {
+				x: 0,
+				y: 0,
+				width: 320,
+				height: 120
+			}
+		};
+		const connected = new ie.Graph();
+		for (const node of graph.nodes) connected.setNode(node.id);
+		for (const edge of graph.edges) connected.setEdge(edge.source, edge.target);
+		const members = ie.alg.components(connected);
+		if (members.length === 1) return compactComponent(graph, insets, aspectRatio);
+		const componentOf = new Map(members.flatMap((ids, index) => ids.map((id) => [id, index])));
+		const edges = Map.groupBy(graph.edges, (edge) => componentOf.get(edge.source));
+		return packComponents([...Map.groupBy(graph.nodes, (node) => componentOf.get(node.id))].map(([id, nodes]) => ({
+			nodes,
+			edges: edges.get(id) ?? [],
+			bounds: bounds(nodes)
+		})).toSorted((a, b) => a.bounds.x - b.bounds.x || a.bounds.y - b.bounds.y).map((component) => component.nodes.length === 1 && !component.edges.length ? {
+			positions: { [component.nodes[0].id]: component.nodes[0] },
+			routes: /* @__PURE__ */ new Map(),
+			bounds: component.bounds
+		} : compactComponent(component, {
+			width: 0,
+			height: 0
+		}, aspectRatio)), insets, aspectRatio);
+	}
+	/** Keep reading order, with a larger gap between independent trees than within one. */
+	function packComponents(layouts, insets, aspectRatio) {
+		const gap = 96;
+		const largestWidth = Math.max(...layouts.map((layout) => layout.bounds.width));
+		const contentArea = layouts.reduce((sum, layout) => sum + layout.bounds.width * layout.bounds.height, 0);
+		const limits = /* @__PURE__ */ new Set([largestWidth, Math.max(largestWidth, Math.sqrt(contentArea * aspectRatio))]);
+		let prefixWidth = -96;
+		for (const layout of layouts) {
+			prefixWidth += layout.bounds.width + gap;
+			limits.add(Math.max(largestWidth, prefixWidth));
+		}
+		let best;
+		for (const limit of limits) {
+			let x = 0;
+			let y = 0;
+			let width = 0;
+			let rowHeight = 0;
+			let rows = 1;
+			const positions = layouts.map((layout) => {
+				if (x > 0 && x + layout.bounds.width > limit + 1e-6) {
+					y += rowHeight + gap;
+					x = rowHeight = 0;
+					rows++;
+				}
+				const position = {
+					x: x - layout.bounds.x,
+					y: y - layout.bounds.y
+				};
+				width = Math.max(width, x + layout.bounds.width);
+				rowHeight = Math.max(rowHeight, layout.bounds.height);
+				x += layout.bounds.width + gap;
+				return position;
+			});
+			const height = y + rowHeight;
+			const score = Math.max((width + insets.width) / aspectRatio, height + insets.height);
+			const area = (width + insets.width) * (height + insets.height);
+			if (!best || score < best.score - 1e-9 || Math.abs(score - best.score) < 1e-9 && (area < best.area || area === best.area && rows < best.rows)) best = {
+				positions,
+				width,
+				height,
+				score,
+				area,
+				rows
+			};
+		}
+		const translate = (point, index) => ({
+			x: point.x + best.positions[index].x,
+			y: point.y + best.positions[index].y
+		});
+		return {
+			positions: Object.fromEntries(layouts.flatMap((layout, index) => Object.entries(layout.positions).map(([id, point]) => [id, translate(point, index)]))),
+			routes: new Map(layouts.flatMap((layout, index) => [...layout.routes].map(([id, points]) => [id, points.map((point) => translate(point, index))]))),
+			bounds: {
+				x: 0,
+				y: 0,
+				width: best.width,
+				height: best.height
+			}
+		};
+	}
+	/** Bend dependency paths continuously; the ports retain their original orientation. */
+	function compactComponent(graph, insets, aspectRatio) {
+		const normalized = graph.nodes.map((node) => ({
+			...node,
+			...layoutAxes(node, "vertical"),
+			width: node.height,
+			height: node.width
+		}));
+		dependencyLevels(normalized, graph.edges, 48);
+		const incoming = new Set(graph.edges.map((edge) => edge.target));
+		const outgoing = new Set(graph.edges.map((edge) => edge.source));
+		const roots = normalized.filter((node) => !incoming.has(node.id) && outgoing.has(node.id));
+		const centers = (roots.length ? roots : normalized).map((node) => node.y + node.height / 2);
+		const center = centers.reduce((sum, value) => sum + value, 0) / centers.length;
+		const gap = 48;
+		const pathNodes = normalized.filter((node) => incoming.has(node.id) || outgoing.has(node.id));
+		const crossSize = Math.max(...(pathNodes.length ? pathNodes : normalized).map((node) => node.height));
+		const bow = crossSize * .75;
+		const separation = crossSize + 48;
+		const bucketSize = Math.max(...normalized.map((node) => node.width)) + gap;
+		const byId = new Map(normalized.map((node) => [node.id, node]));
+		const forwardEdges = graph.edges.filter((edge) => byId.get(edge.source).column < byId.get(edge.target).column);
+		const parents = Map.groupBy(forwardEdges, (edge) => edge.target);
+		const children = Map.groupBy(forwardEdges, (edge) => edge.source);
+		const ordered = normalized.toSorted((a, b) => a.column - b.column || a.y - b.y);
+		const remaining = /* @__PURE__ */ new Map();
+		for (const node of ordered.toReversed()) remaining.set(node.id, 1 + Math.max(0, ...(children.get(node.id) ?? []).filter((edge) => parents.get(edge.target)?.length === 1).map((edge) => remaining.get(edge.target))));
+		const rankEnds = new Map([...Map.groupBy(normalized, (node) => node.column)].map(([rank, nodes]) => [rank, Math.max(...nodes.map((node) => node.x + node.width))]));
+		const spans = /* @__PURE__ */ new Set([Infinity, ...rankEnds.values()]);
+		let best;
+		for (const span of spans) {
+			const placed = /* @__PURE__ */ new Map();
+			const buckets = /* @__PURE__ */ new Map();
+			let turns = 0;
+			for (const original of ordered) {
+				const upstream = parents.get(original.id)?.map((edge) => placed.get(edge.source)) ?? [];
+				const parent = upstream[0];
+				const side = original.y + original.height / 2 < center - 1e-6 ? -1 : 1;
+				let primary = upstream.length ? Math.max(...upstream.map(({ node }) => {
+					const source = byId.get(node.id);
+					return node.x + rankEnds.get(source.column) - source.x;
+				})) + gap : original.x;
+				let shift = 0;
+				let start = 0;
+				if (upstream.length > 1) {
+					primary = Math.max(...upstream.map((entry) => entry.extent)) + gap;
+					shift = upstream.reduce((sum, { node }) => sum + node.y + node.height / 2, 0) / upstream.length - original.y - original.height / 2;
+					start = primary;
+				} else if (parent) {
+					shift = parent.shift;
+					start = parent.start;
+					if ((children.get(parent.node.id)?.length ?? 0) > 1) {
+						shift = parent.node.y - byId.get(parent.node.id).y;
+						start = primary;
+					} else if (primary + original.width > span && remaining.get(original.id) > 2) {
+						primary = Math.max(0, start - span / 3);
+						shift = parent.shift + side * separation;
+						start = primary;
+						turns++;
+					}
+				}
+				const progress = Number.isFinite(span) && span > start ? Math.min(1, Math.max(0, (primary - start) / (span - start))) : 0;
+				const drift = side * bow * Math.sin(progress * Math.PI);
+				const node = {
+					...original,
+					x: primary,
+					y: original.y + shift + drift
+				};
+				const firstBucket = Math.floor(node.x / bucketSize);
+				const lastBucket = Math.floor((node.x + node.width + gap) / bucketSize);
+				const nearby = /* @__PURE__ */ new Set();
+				for (let bucket = firstBucket; bucket <= lastBucket; bucket++) for (const entry of buckets.get(bucket) ?? []) nearby.add(entry);
+				const candidates = [...nearby].toSorted((a, b) => a.order - b.order);
+				while (true) {
+					const collision = candidates.find(({ node: other }) => node.x < other.x + other.width + 48 - 1e-6 && other.x < node.x + node.width + 48 - 1e-6 && node.y < other.y + other.height + 48 - 1e-6 && other.y < node.y + node.height + 48 - 1e-6);
+					if (!collision) break;
+					node.y = side < 0 ? collision.node.y - node.height - 48 : collision.node.y + collision.node.height + 48;
+				}
+				const placement = {
+					node,
+					order: placed.size,
+					shift: node.y - original.y - drift,
+					start,
+					extent: Math.max(node.x + node.width, ...upstream.map((entry) => entry.extent))
+				};
+				placed.set(node.id, placement);
+				for (let bucket = firstBucket; bucket <= lastBucket; bucket++) {
+					const entries = buckets.get(bucket);
+					if (entries) entries.push(placement);
+					else buckets.set(bucket, [placement]);
+				}
+			}
+			const nodes = [...placed.values()].map((entry) => entry.node);
+			const extent = bounds(nodes);
+			const width = extent.height + insets.width + 48;
+			const height = extent.width + insets.height + 48;
+			const area = width * height;
+			const score = Math.max(width / aspectRatio, height);
+			if (!best || score < best.score - 1e-9 || Math.abs(score - best.score) < 1e-9 && (area < best.area || area === best.area && turns < best.turns)) best = {
+				nodes,
+				score,
+				area,
+				turns
+			};
+		}
+		const routes = routeLayout(best.nodes, graph.edges.map((edge) => Object.assign({}, edge, {
+			sourceOffset: edge.sourceOffset && layoutAxes(edge.sourceOffset, "vertical"),
+			targetOffset: edge.targetOffset && layoutAxes(edge.targetOffset, "vertical")
+		})));
+		const physicalNodes = best.nodes.map((node) => Object.assign({}, node, layoutAxes(node, "vertical"), {
+			width: node.height,
+			height: node.width
+		}));
+		const physicalRoutes = new Map([...routes].map(([id, points]) => [id, points.map((point) => layoutAxes(point, "vertical"))]));
+		return {
+			positions: Object.fromEntries(physicalNodes.map(({ id, x, y }) => [id, {
+				x,
+				y
+			}])),
+			routes: physicalRoutes,
+			bounds: bounds(physicalNodes, physicalRoutes)
+		};
+	}
+	//#endregion
+	//#region ../../node_modules/.bun/@wopjs+cast@0.1.16/node_modules/@wopjs/cast/dist/index.mjs
+	var isBoolean$1, isString$1, isArray$2, isObject$2, isPlainObject$3, toPlainObject;
+	var init_dist$2 = __esmMin((() => {
+		isBoolean$1 = (x) => x === true || x === false;
+		isString$1 = (x) => typeof x === "string";
+		isArray$2 = Array.isArray;
+		isObject$2 = (x) => x !== null && typeof x === "object";
+		isPlainObject$3 = (x) => isObject$2(x) && !isArray$2(x);
+		toPlainObject = (x) => isPlainObject$3(x) ? x : void 0;
+	}));
+	Array.isArray;
+	var isNumber$5 = (value) => {
+		try {
+			return Number(value) === value;
+		} catch {
+			return false;
+		}
+	};
+	var isDate = (value) => {
+		return Object.prototype.toString.call(value) === "[object Date]";
+	};
+	//#endregion
+	//#region ../../node_modules/.bun/radash@12.1.1/node_modules/radash/dist/esm/array.mjs
+	var cluster = (list2, size = 2) => {
+		const clusterCount = Math.ceil(list2.length / size);
+		return new Array(clusterCount).fill(null).map((_c, i) => {
+			return list2.slice(i * size, i * size + size);
+		});
+	};
+	//#endregion
+	//#region src/canvas/browser/base/compare.ts
+	init_dist$2();
+	var isSameXYPosition = (p1, p2) => !p1 || !p2 ? p1 === p2 : p1.x === p2.x && p1.y === p2.y;
+	var isSize = (s) => isPlainObject$3(s) && isNumber$5(s.width) && isNumber$5(s.height);
+	var isSameSize = (s1, s2) => !s1 || !s2 ? s1 === s2 : s1.width === s2.width && s1.height === s2.height;
+	var isSameViewport = (v1, v2) => !v1 || !v2 ? v1 === v2 : v1.x === v2.x && v1.y === v2.y && v1.zoom === v2.zoom;
+	function isFunction$1(value) {
+		return typeof value === "function";
+	}
+	function asArray(value) {
+		return value == null ? [] : Array.isArray(value) ? value : [value];
+	}
+	function coalesce(array) {
+		return array.filter((e) => e != null);
+	}
+	function toTrue(value) {
+		return value === true ? true : void 0;
+	}
+	/**
+	* Skips the update when the object has already been removed from the reactive value.
+	*
+	* ```js
+	* const setName = updatePartial(object$, "name")
+	* ```
+	*/
+	function updatePartial(val, field, equal = Object.is) {
+		return (fieldValue) => {
+			if (val.value && !equal(val.value[field], fieldValue)) val.set({
+				...val.value,
+				[field]: fieldValue
+			});
+		};
+	}
+	//#endregion
+	//#region src/canvas/browser/base/dom.ts
+	var nav$1 = typeof navigator !== "undefined" ? navigator : { platform: "" };
+	var isMac$1 = /*#__PURE__*/ /Mac/.test(nav$1.platform);
+	function stopEvent$1(event, cancelBubble) {
+		event.preventDefault();
+		if (cancelBubble) event.stopPropagation();
+	}
+	/**
+	* @example
+	* ```js
+	* onClick(ev => isInside(ev.target, '.class1, .class2'))
+	* ```
+	*/
+	function isInside(target, selector) {
+		return target?.closest?.(selector) != null;
+	}
+	//#endregion
+	//#region src/canvas/browser/base/graphLayout.ts
+	/** The measured dependency layout shared by canvas arrangement and image export. */
+	function graphLayout(nodes, edges, direction) {
+		if (!nodes.length) return {
+			nodes: [],
+			edges: []
+		};
+		const graph = new ie.Graph().setDefaultEdgeLabel(() => ({}));
+		graph.setGraph({
+			rankdir: direction === "vertical" ? "TB" : "LR",
+			ranksep: direction === "vertical" ? 48 : 80
+		});
+		const singles = new Set(nodes.map((node) => node.id));
+		for (const node of nodes) graph.setNode(node.id, {
+			width: node.width,
+			height: node.height
+		});
+		const connections = edges.filter((edge) => graph.hasNode(edge.source) && graph.hasNode(edge.target));
+		for (const edge of connections) {
+			singles.delete(edge.source);
+			singles.delete(edge.target);
+			graph.setEdge(edge.source, edge.target);
+		}
+		const isolated = [...singles];
+		for (let start = 0; start < isolated.length; start += 10) for (let index = start; index < Math.min(start + 9, isolated.length - 1); index++) graph.setEdge(isolated[index], isolated[index + 1]);
+		const constraints = [];
+		const ordering = new ie.Graph();
+		for (const node of nodes) {
+			const targets = [...new Set(node.branchHandles?.flatMap((handle) => connections.filter((edge) => edge.source === node.id && edge.sourceHandle === handle).map((edge) => edge.target)))];
+			for (let index = 1; index < targets.length; index++) {
+				const left = targets[index - 1];
+				const right = targets[index];
+				ordering.setEdge(left, right);
+				if (ie.alg.isAcyclic(ordering)) constraints.push({
+					left,
+					right
+				});
+				else ordering.removeEdge(left, right);
+			}
+		}
+		Oe(graph, { constraints });
+		return {
+			nodes: nodes.map((node) => {
+				const { x, y, width, height, rank } = graph.node(node.id);
+				return {
+					id: node.id,
+					column: rank,
+					x: x - width / 2,
+					y: y - height / 2,
+					width,
+					height
+				};
+			}),
+			edges: connections.map((edge) => Object.assign({}, edge, { points: graph.edge(edge.source, edge.target).points }))
+		};
+	}
+	//#endregion
+	//#region src/canvas/browser/stores/node/constants.ts
+	var NODE_TYPE = /* @__PURE__ */ function(NODE_TYPE) {
+		NODE_TYPE["TaskNode"] = "task_node";
+		NODE_TYPE["ValueNode"] = "value_node";
+		NODE_TYPE["ConditionNode"] = "condition_node";
+		NODE_TYPE["CommentNode"] = "comment_node";
+		NODE_TYPE["TriggerNode"] = "trigger_node";
+		return NODE_TYPE;
+	}({});
+	//#endregion
+	//#region src/canvas/browser/base/canvas.ts
+	var CANVAS_CLASSNAME = "open-flow-canvas";
+	function minimumCanvasCardWidth(direction, branchCount) {
+		return direction === "vertical" && branchCount > 0 ? Math.max(320, branchCount * 96 + (branchCount - 1) * 6 + 16 + 2) : 320;
+	}
+	function canvasCardWidth(direction, branchCount, preferredWidth) {
+		const minimum = minimumCanvasCardWidth(direction, branchCount);
+		return direction === "vertical" && preferredWidth != null && Number.isFinite(preferredWidth) ? Math.max(minimum, preferredWidth) : minimum;
+	}
+	/** Marks an area that React Flow can drag. */
+	var NODE_HANDLE_CLASSNAME = "open-flow-canvas-node-handle";
+	var DEFAULT_POSITION = /* @__PURE__ */ Object.freeze({
+		x: 0,
+		y: 0
+	});
+	//#endregion
+	//#region src/canvas/browser/base/rfHelpers.ts
+	init_dist$2();
+	/** Converts a manifest node identifier to a React Flow identifier. */
+	function toRFNodeId(nodeId, nodeType) {
+		return (nodeType === NODE_TYPE.CommentNode ? "c:" : "m:") + nodeId;
+	}
+	function getRFNodeType(rfNodeId) {
+		if (rfNodeId[1] === ":") switch (rfNodeId[0]) {
+			case "m": return "manifest_node";
+			case "c": return "comment_node";
+		}
+	}
+	function toManifestNodeId(rfNodeId) {
+		if (rfNodeId[1] === ":") switch (rfNodeId[0]) {
+			case "m":
+			case "c": return rfNodeId.slice(2);
+		}
+		return rfNodeId;
+	}
+	function toRFHandleName(handleName) {
+		return `h:${handleName}`;
+	}
+	function toManifestHandleName(rfHandleName) {
+		if (rfHandleName[1] === ":") {
+			if (rfHandleName[0] === "h") return rfHandleName.slice(2);
+		}
+		return rfHandleName;
+	}
+	function applyNodeChanges$1(changes, nodes, commentNodes, editable$) {
+		let toRemove;
+		for (const change of changes) {
+			const rfNodeId = change.id;
+			if (!rfNodeId) continue;
+			let nodeId;
+			let nodeStore;
+			const rfNodeType = getRFNodeType(rfNodeId);
+			if (rfNodeType === "comment_node") {
+				nodeId = toManifestNodeId(rfNodeId);
+				nodeStore = commentNodes?.get(nodeId);
+			} else if (rfNodeType === "manifest_node") {
+				nodeId = toManifestNodeId(rfNodeId);
+				nodeStore = nodes.get(nodeId);
+			}
+			if (!nodeStore || toRemove?.has(nodeStore)) continue;
+			switch (change.type) {
+				case "add":
+					console.error(/* @__PURE__ */ new Error("Should not happen: add node change should be handled by flow store"));
+					break;
+				case "remove":
+					if (editable$.value) (toRemove ??= /* @__PURE__ */ new Set()).add(nodeStore);
+					break;
+				case "select":
+					nodeStore.$$.selected.set(change.selected);
+					break;
+				case "position": {
+					const current = nodeStore.$.rfNode.value;
+					const position = change.position ?? current.position ?? DEFAULT_POSITION;
+					if (!isSameXYPosition(current.position, position) || current.dragging !== change.dragging) nodeStore.$$.rfNode.set({
+						...current,
+						position,
+						dragging: change.dragging
+					});
+					break;
+				}
+				case "dimensions": {
+					const current = nodeStore.$.rfNode.value;
+					const update = { ...current };
+					if (isSize(change.dimensions)) {
+						update.measured = change.dimensions;
+						if (change.setAttributes) {
+							update.width = change.dimensions.width;
+							update.height = change.dimensions.height;
+						}
+					}
+					if (isBoolean$1(change.resizing)) update.resizing = change.resizing;
+					if (current.measured?.width != update.measured?.width || current.measured?.height != update.measured?.height || current.width != update.width || current.height != update.height || current.resizing != update.resizing) nodeStore.$$.rfNode.set(update);
+					break;
+				}
+				case "replace":
+					if (editable$.value) nodeStore.$$.rfNode.set(change.item);
+					break;
+				default: console.error(/* @__PURE__ */ new Error("Unknown node change type"), change);
+			}
+		}
+		return toRemove;
+	}
+	function applyEdgeChanges$1(changes, edges, editable$) {
+		let toRemoveConnections;
+		for (const change of changes) {
+			const edgeId = change.id;
+			if (!edgeId) continue;
+			const edgeStore = edges.find((edge) => edge.id === edgeId)?.data?.store;
+			if (!edgeStore || toRemoveConnections?.has(edgeStore.connection)) continue;
+			switch (change.type) {
+				case "add":
+					console.error(/* @__PURE__ */ new Error("Should not happen: add edge change should be handled by flow store"));
+					break;
+				case "remove":
+					if (editable$.value) (toRemoveConnections ??= /* @__PURE__ */ new Set()).add(edgeStore.connection);
+					break;
+				case "select":
+					edgeStore.$$.selected.set(change.selected);
+					break;
+				case "replace":
+					if (editable$.value) edgeStore.$$.selected.set(change.item.selected);
+					break;
+				default: console.error(/* @__PURE__ */ new Error("Unknown edge change type"), change);
+			}
+		}
+		return toRemoveConnections;
+	}
+	function isRectIntersect(a, b) {
+		return a.x < b.x + b.width && a.x + a.width > b.x && a.y < b.y + b.height && a.y + a.height > b.y;
+	}
+	//#endregion
 	//#region src/canvas/browser/graph/FlowCanvas/model.ts
 	function toViewEdge(source, sourceHandle, target, targetHandle) {
 		return {
@@ -32530,6 +33100,7 @@ var OpenFlowRenderer = (function(exports) {
 		constructor(model, editable, language, callbacks, autoLayout = false, interactiveMode$) {
 			this.canDeleteNodes = true;
 			this.dispose = disposableStore();
+			this.connectionRoutes = this.dispose.add(val(/* @__PURE__ */ new Map()));
 			this.ignoredNodeIds = this.dispose.add(val([]));
 			this.ignoreNodes = (nodeIds, ignored) => {
 				if (this.$.editable.value) this.#callbacks.onIgnoreNodes?.(nodeIds, ignored);
@@ -32814,67 +33385,52 @@ var OpenFlowRenderer = (function(exports) {
 				if (position) node.$$.position.set(position);
 			}
 		}
-		layoutPositions(nodes, availableWidth) {
-			const g = new ie.Graph().setDefaultEdgeLabel(() => ({}));
-			const vertical = this.$.direction.value === "vertical";
-			g.setGraph({
-				rankdir: vertical ? "TB" : "LR",
-				ranksep: vertical ? 48 : 80
-			});
-			const singles = /* @__PURE__ */ new Set();
-			for (const node of nodes) {
-				const { id, measured } = node.$.rfNode.value;
-				singles.add(id);
-				g.setNode(id, {
-					width: measured?.width ?? 0,
-					height: measured?.height ?? 0
-				});
-			}
-			for (const rfEdge of this.$.rfEdges.value) {
-				if (!g.hasNode(rfEdge.source) || !g.hasNode(rfEdge.target)) continue;
-				singles.delete(rfEdge.source);
-				singles.delete(rfEdge.target);
-				g.setEdge(rfEdge.source, rfEdge.target);
-			}
-			if (singles.size > 0) for (const list of cluster([...singles], 10)) for (let i = 0; i < list.length - 1; i++) g.setEdge(list[i], list[i + 1]);
-			const constraints = [];
-			const ordering = new ie.Graph();
-			for (const node of nodes) {
-				if (!NodeStore.is(node)) continue;
-				const content = node.content$.value;
-				if (content.kind !== "condition" && content.kind !== "approval" && content.kind !== "wait") continue;
-				const targets = [...new Set(content.outputs.flatMap((port) => "handle" in port ? this.#connections.value.filter((edge) => edge.source === node.nodeId && edge.sourceHandle === `$branch:${port.handle}`).flatMap((edge) => {
-					const target = this.$.nodes.get(edge.target);
-					return target && g.hasNode(target.rfNodeId) ? [target.rfNodeId] : [];
-				}) : []))];
-				for (let index = 1; index < targets.length; index++) {
-					const left = targets[index - 1];
-					const right = targets[index];
-					ordering.setEdge(left, right);
-					if (ie.alg.isAcyclic(ordering)) constraints.push({
-						left,
-						right
-					});
-					else ordering.removeEdge(left, right);
-				}
-			}
-			Oe(g, { constraints });
-			const layoutNodes = nodes.map((node) => {
-				const { x, y, width, height, rank } = g.node(node.rfNodeId);
+		measuredLayout(nodes) {
+			return graphLayout(nodes.map((node) => {
+				const measured = node.$.measured.value;
+				const content = NodeStore.is(node) ? node.content$.value : void 0;
 				return {
 					id: node.nodeId,
-					column: rank,
-					x: x - width / 2,
-					y: y - height / 2,
-					width,
-					height
+					width: measured?.width ?? 0,
+					height: measured?.height ?? 0,
+					branchHandles: content?.kind === "condition" || content?.kind === "approval" || content?.kind === "wait" ? content.outputs.flatMap((port) => "handle" in port ? ["$branch:" + port.handle] : []) : void 0
 				};
-			});
+			}), this.#connections.value.map((edge) => ({
+				...edge,
+				id: getRFEdgeId(edge)
+			})), this.$.direction.value);
+		}
+		layoutPositions(nodes, availableWidth) {
+			const { nodes: layoutNodes } = this.measuredLayout(nodes);
 			return this.$.direction.value === "horizontal" ? wrapLayout(layoutNodes, availableWidth) : Object.fromEntries(layoutNodes.map(({ id, x, y }) => [id, {
 				x,
 				y
 			}]));
 		}
+		/** Arrange the isolated export store without saving presentation or history. */
+		compactForExport(insets, instance, aspectRatio = 1) {
+			const graph = this.measuredLayout(this.allLayoutNodes());
+			const port = (id, handle, type) => {
+				const node = this.$.nodes.get(id);
+				const measured = (node && instance?.getInternalNode(node.rfNodeId)?.internals.handleBounds?.[type])?.find((entry) => entry.id === `h:${handle}`);
+				return measured && {
+					x: measured.x + measured.width / 2,
+					y: measured.y + (type === "source" ? measured.height : 0)
+				};
+			};
+			const connections = new Map(this.#connections.value.map((edge) => [getRFEdgeId(edge), edge]));
+			const edges = graph.edges.map((edge) => Object.assign({}, edge, {
+				sourceOffset: port(edge.source, connections.get(edge.id)?.sourceHandle, "source"),
+				targetOffset: port(edge.target, connections.get(edge.id)?.targetHandle, "target")
+			}));
+			const result = compactLayout({
+				nodes: graph.nodes,
+				edges
+			}, insets, aspectRatio);
+			this.applyPositions(result.positions);
+			this.connectionRoutes.set(result.routes);
+			return result.bounds;
+		}
 		doRemoveNodes(nodes) {
 			if (this.disposed || !nodes?.size) return;
 			for (const node of nodes) this.pendingNodeDeletes.add(node);
@@ -32970,6 +33526,49 @@ var OpenFlowRenderer = (function(exports) {
 		}
 	};
 	//#endregion
+	//#region src/canvas/browser/graph/FlowCanvas/captureStyles.ts
+	/** Capture authored properties instead of hundreds of unrelated browser defaults. */
+	function captureStyleProperties(root) {
+		const complete = () => Array.from(getComputedStyle(root)).filter((name) => !name.startsWith("--"));
+		const properties = /* @__PURE__ */ new Set(["width", "height"]);
+		const add = (style) => {
+			for (const name of Array.from(style)) {
+				if (name === "all") return false;
+				if (!name.startsWith("--")) properties.add(name);
+			}
+			return true;
+		};
+		const collect = (rules) => {
+			for (const rule of rules) {
+				const style = rule.style;
+				if (style) {
+					const selector = rule.selectorText?.replace(/::[\w-]+(?:\([^)]*\))?/g, "");
+					let matches = true;
+					if (selector) try {
+						matches = root.closest(selector) != null || root.querySelector(selector) != null;
+					} catch {}
+					if (matches && !add(style)) return false;
+				}
+				if ("cssRules" in rule && !collect(rule.cssRules)) return false;
+				const imported = rule.styleSheet;
+				if (imported && !collect(imported.cssRules)) return false;
+			}
+			return true;
+		};
+		try {
+			const doc = root.ownerDocument;
+			for (const sheet of [...doc.styleSheets, ...doc.adoptedStyleSheets]) if (!collect(sheet.cssRules)) return complete();
+		} catch {
+			return complete();
+		}
+		for (let ancestor = root; ancestor; ancestor = ancestor.parentElement) if (!add(ancestor.style)) return complete();
+		for (const node of [root, ...root.querySelectorAll("*")]) {
+			if (node.style && !add(node.style)) return complete();
+			for (const attribute of node.attributes) if (CSS.supports(attribute.name, "initial")) properties.add(attribute.name);
+		}
+		return [...properties].toSorted();
+	}
+	//#endregion
 	//#region ../../node_modules/.bun/use-value-enhancer@5.0.7+5fffd67310d91248/node_modules/use-value-enhancer/dist/use-value-enhancer.mjs
 	var import_react$3, getVal, noop$3, returnsNoop, defaultArgs, useValWithUseSyncExternalStore, useValWithUseEffect, useVal;
 	var init_use_value_enhancer = __esmMin((() => {
@@ -55741,11 +56340,47 @@ var OpenFlowRenderer = (function(exports) {
 		};
 	}
 	/** Align arrows with their ports and route returns outside both cards. */
-	function getConnectionPath({ sourceBounds, targetBounds, ...params }) {
+	function getConnectionPath({ sourceBounds, targetBounds, waypoints, ...params }) {
 		const { sourcePosition = Position$1.Bottom, targetPosition = Position$1.Top } = params;
 		const vertical = sourcePosition === Position$1.Bottom && targetPosition === Position$1.Top || sourcePosition === Position$1.Top && targetPosition === Position$1.Bottom;
 		const reverse = sourcePosition === Position$1.Left && targetPosition === Position$1.Right || sourcePosition === Position$1.Top && targetPosition === Position$1.Bottom;
 		const horizontal = sourcePosition === Position$1.Right && targetPosition === Position$1.Left || sourcePosition === Position$1.Left && targetPosition === Position$1.Right;
+		if (waypoints && waypoints.length > 2) {
+			const interior = waypoints.slice(1, -1);
+			const first = interior[0];
+			const last = interior.at(-1);
+			const points = [
+				{
+					x: params.sourceX,
+					y: params.sourceY
+				},
+				vertical ? {
+					x: params.sourceX,
+					y: first.y
+				} : {
+					x: first.x,
+					y: params.sourceY
+				},
+				...interior,
+				vertical ? {
+					x: params.targetX,
+					y: last.y
+				} : {
+					x: last.x,
+					y: params.targetY
+				},
+				{
+					x: params.targetX,
+					y: params.targetY
+				}
+			];
+			const label = interior[Math.floor(interior.length / 2)];
+			return [
+				roundedConnectionPath(points),
+				label.x,
+				label.y
+			];
+		}
 		const primary = (x, y) => vertical ? y : x;
 		const cross = (x, y) => vertical ? x : y;
 		const sourceX = primary(params.sourceX, params.sourceY);
@@ -55830,6 +56465,15 @@ var OpenFlowRenderer = (function(exports) {
 			y: point.x
 		} : point);
 		if (reverse) points.reverse();
+		const middle = (left + right) / 2;
+		return [
+			roundedConnectionPath(points),
+			vertical ? laneY : middle,
+			vertical ? middle : laneY
+		];
+	}
+	function roundedConnectionPath(input) {
+		const points = input.filter((point, index) => index === 0 || point.x !== input[index - 1].x || point.y !== input[index - 1].y);
 		const radius = 16;
 		let path = `M ${points[0].x} ${points[0].y}`;
 		for (let i = 1; i < points.length - 1; i++) {
@@ -55843,12 +56487,7 @@ var OpenFlowRenderer = (function(exports) {
 			path += ` Q ${corner.x} ${corner.y} ${corner.x + (next.x - corner.x) * r / after} ${corner.y + (next.y - corner.y) * r / after}`;
 		}
 		const end = points.at(-1);
-		const middle = (left + right) / 2;
-		return [
-			`${path} L ${end.x} ${end.y}`,
-			vertical ? laneY : middle,
-			vertical ? middle : laneY
-		];
+		return `${path} L ${end.x} ${end.y}`;
 	}
 	//#endregion
 	//#region src/canvas/browser/graph/Edges/EdgeGradient.tsx
@@ -55877,12 +56516,14 @@ var OpenFlowRenderer = (function(exports) {
 		const error = useVal(edgeStore?.$.error);
 		const canvasStore = useCanvasStore();
 		const scale = useVal(canvasStore.$.scale);
+		const routes = useVal(canvasStore.connectionRoutes);
 		const gap = 3;
 		const targetX = props.targetX + (props.targetPosition == Position$1.Left ? -3 : props.targetPosition == Position$1.Right ? gap : 0);
 		const targetY = props.targetY + (props.targetPosition == Position$1.Top ? -3 : props.targetPosition == Position$1.Bottom ? gap : 0);
 		const sourceNode = useInternalNode(props.source);
 		const targetNode = useInternalNode(props.target);
 		const [path, labelX, labelY] = getConnectionPath({
+			waypoints: routes.get(props.id),
 			sourceBounds: connectionNodeBounds(sourceNode),
 			targetBounds: connectionNodeBounds(targetNode),
 			sourceX: props.sourceX,
@@ -60827,7 +61468,7 @@ var OpenFlowRenderer = (function(exports) {
 	}
 	function DataRender(props) {
 		const value = props.value;
-		if (isArray$1(value)) return /* @__PURE__ */ (0, import_jsx_runtime$2.jsx)(JsonArray, { ...props });
+		if (isArray$2(value)) return /* @__PURE__ */ (0, import_jsx_runtime$2.jsx)(JsonArray, { ...props });
 		if (isPlainObject$3(value) && !isDate(value)) return /* @__PURE__ */ (0, import_jsx_runtime$2.jsx)(JsonObject, { ...props });
 		return /* @__PURE__ */ (0, import_jsx_runtime$2.jsx)(JsonPrimitiveValue, { ...props });
 	}
@@ -249336,7 +249977,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 	//#endregion
 	//#region src/canvas/browser/graph/FlowCanvas/FlowCanvas.tsx
 	init_use_value_enhancer();
-	var FlowCanvas = ({ flowCanvasStore, annotationContext, onActivateSelection, onSelectionStart, onSelectionEnd, onInspectSelection, inspectorOpen = false, onRequestAddNode, cornerTools, cornerLeading, topLeftTools, bottomRightTools, toolbar, dark, dottedBackground, fitView, nodesDraggable, layoutMotion, className, addNodeRequest, addItemRequest, onMove, onMoveEnd, onNodeDragStop, onSelectionChange, isValidConnection, onDropAddItem }) => {
+	var FlowCanvas = ({ flowCanvasStore, annotationContext, onActivateSelection, onSelectionStart, onSelectionEnd, onInspectSelection, inspectorOpen = false, onRequestAddNode, cornerTools, cornerLeading, topLeftTools, bottomRightTools, toolbar, dark, dottedBackground, fitView, nodesDraggable, layoutMotion, className, addNodeRequest, addItemRequest, onInit, onMove, onMoveEnd, onNodeDragStop, onSelectionChange, isValidConnection, onDropAddItem }) => {
 		const editable = useVal(flowCanvasStore.$.editable);
 		const direction = useVal(flowCanvasStore.$.direction);
 		const changingDirection = useVal(flowCanvasStore.$.changingDirection);
@@ -249400,7 +250041,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 							onRelayout: editable ? flowCanvasStore.onRelayout : void 0,
 							onLayoutMeasured: flowCanvasStore.completeLayout,
 							onInstance: flowCanvasStore.rfCommand.onRFInstance,
-							onInit: flowCanvasStore.onInit,
+							onInit: (instance) => {
+								flowCanvasStore.onInit();
+								onInit?.(instance);
+							},
 							onCopy: flowCanvasStore.onCopy,
 							onPaste: flowCanvasStore.onPaste,
 							waitNode: flowCanvasStore.waitNode,
@@ -249518,10 +250162,22 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			if (performance.now() > deadline) throw new Error("Timed out preparing workflow images.");
 		}
 	}
-	async function renderPng(dataUrl, width, height, background, frame) {
+	async function renderPng(dataUrl, width, height, background, frame, aspectRatio) {
 		const ratio = Math.min(2, maximumDimension / width, maximumDimension / height, Math.sqrt(maximumPixels / (width * height)));
-		let outputWidth = Math.max(1, Math.floor(width * ratio));
-		let outputHeight = Math.max(1, Math.floor(height * ratio));
+		const dimensions = (scale) => {
+			if (aspectRatio) {
+				const units = Math.max(1, Math.floor(Math.min(width * scale / aspectRatio[0], height * scale / aspectRatio[1])));
+				return {
+					width: units * aspectRatio[0],
+					height: units * aspectRatio[1]
+				};
+			}
+			return {
+				width: Math.max(1, Math.floor(width * scale)),
+				height: Math.max(1, Math.floor(height * scale))
+			};
+		};
+		let output = dimensions(ratio);
 		const image = new Image();
 		const logo = frame ? new Image() : void 0;
 		image.decoding = "async";
@@ -249535,28 +250191,28 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			for (let attempt = 0; attempt < 3; attempt++) {
 				const canvas = document.createElement("canvas");
 				try {
-					canvas.width = outputWidth;
-					canvas.height = outputHeight;
-					const context = canvas.getContext("2d", { alpha: false });
+					canvas.width = output.width;
+					canvas.height = output.height;
+					const context = canvas.getContext("2d", { alpha: !!frame });
 					if (!context) throw new Error("Unable to allocate the workflow image.");
-					context.fillStyle = frame?.outerBackground ?? background;
-					context.fillRect(0, 0, outputWidth, outputHeight);
 					if (frame && logo) {
-						context.scale(outputWidth / width, outputHeight / height);
+						context.scale(output.width / width, output.height / height);
 						drawFrame(context, image, logo, width, height, background, frame);
-					} else context.drawImage(image, 0, 0, outputWidth, outputHeight);
+					} else {
+						context.fillStyle = background;
+						context.fillRect(0, 0, output.width, output.height);
+						context.drawImage(image, 0, 0, output.width, output.height);
+					}
 					if (context.isContextLost?.()) throw new Error("The workflow image context was lost.");
 					const blob = await new Promise((resolve) => canvas.toBlob(resolve, "image/png"));
 					if (!blob || context.isContextLost?.()) throw new Error("Unable to encode the workflow image.");
 					return {
 						blob,
-						width: outputWidth,
-						height: outputHeight
+						...output
 					};
 				} catch (error) {
-					if (attempt === 2 || outputWidth === 1 && outputHeight === 1) throw error;
-					outputWidth = Math.max(1, Math.floor(outputWidth / 2));
-					outputHeight = Math.max(1, Math.floor(outputHeight / 2));
+					if (attempt === 2 || output.width === 1 && output.height === 1) throw error;
+					output = dimensions(ratio / 2 ** (attempt + 1));
 				} finally {
 					canvas.width = canvas.height = 0;
 				}
@@ -249568,7 +250224,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		}
 	}
 	/** Render the real canvas at full detail without moving or changing the user's canvas. */
-	async function captureFlowImage(model, language, options) {
+	async function captureFlowImage(model, language, options, aspectRatio) {
 		const contentPadding = options.frame ? padding / 2 : padding;
 		const positions = model.nodes.map((node) => node.position);
 		const minX = Math.min(0, ...positions.map((position) => position.x));
@@ -249595,6 +250251,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		host.setAttribute("aria-hidden", "true");
 		document.body.append(host);
 		const root = (0, import_client.createRoot)(host);
+		let instance;
 		const store = new CanvasStore(snapshot, false, language, {
 			onMoveNodes: () => {},
 			onChangeComment: () => {}
@@ -249606,12 +250263,34 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				dark: options.dark ?? false,
 				fitView: false,
 				layoutMotion: false,
-				nodesDraggable: false
+				nodesDraggable: false,
+				onInit: (value) => {
+					instance = value;
+				}
 			}))));
 			const deadline = performance.now() + 15e3;
 			await waitFor(() => store.$.initialized.value && store.$.rfNodes.value.every((node) => !!node.measured?.width && !!node.measured.height), deadline);
 			let hasImagePlaceholders = await prepareImages(host, deadline);
 			await waitFor(() => document.fonts.status === "loaded", deadline);
+			if (options.layout === "compact" && store.$.direction.value === "vertical") {
+				await nextFrame();
+				await nextFrame();
+				const bounds = store.compactForExport({
+					width: contentPadding * 2 + (options.frame ? 40 : 0),
+					height: contentPadding * 2 + (options.frame ? 72 : 0)
+				}, instance, aspectRatio ? aspectRatio[0] / aspectRatio[1] : 1);
+				host.style.width = Math.ceil(bounds.width + contentPadding * 2 + 1e3) + "px";
+				host.style.height = Math.ceil(bounds.height + contentPadding * 2 + 1e3) + "px";
+				store.$$.viewport.set({
+					x: contentPadding - bounds.x,
+					y: contentPadding - bounds.y,
+					zoom: 1
+				});
+				await nextFrame();
+				await nextFrame();
+				hasImagePlaceholders = await prepareImages(host, deadline) || hasImagePlaceholders;
+				await waitFor(() => document.fonts.status === "loaded", deadline);
+			}
 			const viewport = host.querySelector(".react-flow__viewport");
 			const origin = viewport.getBoundingClientRect();
 			const bounds = [...viewport.querySelectorAll(".react-flow__node, [data-canvas-bounds]")].map((node) => {
@@ -249628,8 +250307,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			const top = bounds.length ? Math.min(...bounds.map((rect) => rect.y)) : 0;
 			const right = bounds.length ? Math.max(...bounds.map((rect) => rect.x + rect.width)) : 320;
 			const bottom = bounds.length ? Math.max(...bounds.map((rect) => rect.y + rect.height)) : 120;
-			const width = Math.ceil(right - left + contentPadding * 2);
-			const height = Math.ceil(bottom - top + contentPadding * 2);
+			const naturalWidth = Math.ceil(right - left + contentPadding * 2);
+			const naturalHeight = Math.ceil(bottom - top + contentPadding * 2);
+			const frameWidth = options.frame ? 40 : 0;
+			const frameHeight = options.frame ? 72 : 0;
+			const units = aspectRatio ? Math.ceil(Math.max((naturalWidth + frameWidth) / aspectRatio[0], (naturalHeight + frameHeight) / aspectRatio[1])) : 0;
+			const width = aspectRatio ? units * aspectRatio[0] - frameWidth : naturalWidth;
+			const height = aspectRatio ? units * aspectRatio[1] - frameHeight : naturalHeight;
 			const background = getComputedStyle(host.querySelector(".react-flow")).backgroundColor;
 			const dataUrl = await toSvg(viewport, {
 				width,
@@ -249637,8 +250321,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				imagePlaceholder,
 				preferredFontFormat: "woff2",
 				includeQueryParams: true,
+				includeStyleProperties: captureStyleProperties(viewport),
+				filter: (node) => {
+					if (!(node instanceof HTMLElement)) return true;
+					const style = getComputedStyle(node);
+					return style.display !== "none" && style.opacity !== "0";
+				},
 				style: {
-					transform: `translate(${contentPadding - left}px, ${contentPadding - top}px)`,
+					transform: `translate(${contentPadding + (width - naturalWidth) / 2 - left}px, ${contentPadding + (height - naturalHeight) / 2 - top}px)`,
 					transformOrigin: "0 0"
 				}
 			});
@@ -249655,13 +250345,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				});
 				host.append(palette);
 				const style = getComputedStyle(palette);
-				const outerBackground = style.backgroundColor;
 				if (options.dark) palette.style.backgroundColor = "var(--ui-card)";
 				frame = {
 					title: options.title ?? "",
 					logo: openFlowLogoSource(options.dark ? "dark" : "light"),
 					background: getComputedStyle(palette).backgroundColor,
-					outerBackground,
 					foreground: style.color,
 					border: style.borderColor,
 					fontFamily: getComputedStyle(viewport).fontFamily || "sans-serif"
@@ -249669,8 +250357,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 			}
 			return {
 				dataUrl,
-				width: width + (frame ? 40 : 0),
-				height: height + (frame ? 72 : 0),
+				width: width + frameWidth,
+				height: height + frameHeight,
 				background,
 				frame,
 				hasImagePlaceholders
@@ -249682,9 +250370,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 		}
 	}
 	async function flowToPng(model, language = "en", options = {}) {
-		const { dataUrl, width, height, background, frame, hasImagePlaceholders } = await captureFlowImage(model, language, options);
+		const aspectRatio = getFlowPngAspectRatio(options.aspectRatio);
+		const { dataUrl, width, height, background, frame, hasImagePlaceholders } = await captureFlowImage(model, language, options, aspectRatio);
 		return {
-			...await renderPng(dataUrl, width, height, background, frame),
+			...await renderPng(dataUrl, width, height, background, frame, aspectRatio),
 			hasImagePlaceholders
 		};
 	}
@@ -250630,14 +251319,24 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				"exportFlow": "Export workflow",
 				"exportPng": "Export PNG image",
 				"exportPngFrame": "Show frame",
+				"exportPngCompact": "Compact layout",
 				"exportPngLight": "Light",
 				"exportPngDark": "Dark",
-				"exportPngPending": "Exporting PNG…",
-				"exportPngPendingDescription": "Preparing the workflow and image resources. Large images may take a little longer.",
 				"exportPngComplete": "PNG image exported.",
 				"exportPngPartial": "PNG image exported. Some images were replaced with placeholders.",
 				"exportPngFailed": "Could not export the PNG image. Please try again.",
-				"importInvalid": "Invalid or unsupported workflow file."
+				"importInvalid": "Invalid or unsupported workflow file.",
+				"exportPngAspectRatio": "Canvas ratio",
+				"exportPngAuto": "Auto",
+				"exportPngLayout": "Layout",
+				"exportPngOriginal": "Original",
+				"exportPngTheme": "Theme",
+				"exportPngPreview": "Preview",
+				"exportPngPreviewPending": "Generating preview…",
+				"exportPngPreviewFailed": "Could not generate the preview.",
+				"exportPngPreviewPartial": "Some images could not load and were replaced with placeholders.",
+				"exportPngDownload": "Download PNG",
+				"exportPngPreviewRetry": "Retry"
 			},
 			inspector: /* @__PURE__ */ JSON.parse("{\"outline\":\"Node outline\",\"backToOutline\":\"Back to node outline\",\"emptyOutline\":\"No nodes yet\",\"triggers\":\"Triggers\",\"nodes\":\"Nodes\",\"multipleSelected\":\"{{count}} nodes selected\",\"account\":{\"contactAdmin\":\"You do not have permission to perform this operation. Contact an administrator.\",\"accessTitle\":\"Access permissions\",\"manageFlowAccess\":\"Connections available to Code\",\"configureAccess\":\"Choose an account\",\"manageAccount\":\"Manage accounts\",\"required\":\"Account connection required\",\"addAccount\":\"Add account\",\"manage\":\"Manage\",\"authorizationPending\":\"Finish authorization in the Connection page, then return here to refresh this account.\",\"chooseAccount\":\"Choose an account\",\"deferred\":\"Not configured for now\",\"clearDeferred\":\"Clear selection\",\"noAccounts\":\"No accounts available\",\"connectBeforeRun\":\"Connect {{service}} before this block can run or be published.\",\"connectService\":\"Connect {{service}}\",\"connection\":\"Connection\",\"loading\":\"Loading connections…\",\"oomolBuiltIn\":\"OOMOL Built-in\",\"missing\":\"The account selected for this node is unavailable. Choose another account or manage connections.\",\"refreshFailed\":\"Connections could not be refreshed.\",\"retry\":\"Retry\",\"status\":{\"disconnected\":\"This Connection is disconnected. Reconnect it or choose another account.\",\"error\":\"This Connection has an error. Repair it or choose another account.\",\"reauth_required\":\"This Connection needs authorization again. Reconnect it or choose another account.\"},\"statusUnavailable\":\"Connection status is unavailable for {{action}}.\",\"teamDefault\":\"Team default\",\"title\":\"Account\",\"unavailable\":\"unavailable\"},\"close\":\"Close inspector\",\"configurationRequired\":\"Configuration required\",\"diagnostics\":\"Diagnostics\",\"errors\":{\"jsonObject\":\"{{label}} must be a JSON object.\",\"portDefinitions\":\"Enter valid port definitions.\"},\"node\":{\"nameDuplicate\":\"A node with this name already exists in this graph.\",\"nameEmpty\":\"Node name cannot be empty.\",\"timeout\":\"Timeout (ms)\",\"maxExecutions\":\"Node execution limit\",\"maxExecutionsError\":\"Node execution limit must be a positive integer.\",\"timeoutError\":\"Timeout must be a positive integer in milliseconds.\",\"title\":\"Node settings\",\"description\":\"Purpose\",\"describe\":\"Describe what this step does.\",\"icon\":\"Icon\",\"name\":\"Title\",\"retry\":\"Retry on error\",\"retryCount\":\"Up to {{count}} retries\",\"retryInterval\":\"Retry interval\",\"retryError\":\"Use an interval of 1–60 whole seconds.\",\"retryHint\":\"The retry count is the number of additional attempts after the first execution. Retries repeat the entire node and may repeat external operations. The timeout includes all attempts and intervals.\",\"retryNone\":\"No retries\",\"retrySeconds\":\"seconds\",\"retryHelp\":\"About retries\",\"retryOnce\":\"Retry once\",\"onError\":\"On failure\",\"onErrorStop\":\"Stop workflow\",\"onErrorOutput\":\"Output to error port\",\"onErrorHelp\":\"About failure handling\",\"onErrorHint\":\"After retries fail, write the error to the system error output and continue along existing connections. On success, error is null. Cancellation, timeouts, resource limits and indeterminate outcomes still stop execution.\",\"systemOutputs\":\"System outputs\",\"systemError\":\"Error information (system)\",\"errorFields\":{\"error\":\"Error information when the node fails; null on success.\",\"code\":\"A code identifying the type of error.\",\"message\":\"A description of the error, with sensitive content redacted.\",\"nodeId\":\"The ID of the node that failed.\",\"nodeName\":\"The node name at the time of failure.\",\"runId\":\"The ID of this workflow run.\",\"executionId\":\"The ID of this node execution, shared across its retry attempts.\"}},\"selectNode\":\"Select one Draft node to inspect and edit it.\",\"locateNode\":\"Locate this node on the canvas\",\"task\":{\"sharedPermissions\":\"Use Flow shared permission group\",\"sharedPermissionsHint\":\"Use all Actions authorized by the Flow permission group. No need to add them to this node.\",\"httpHosts\":\"HTTP hosts\",\"httpHostsHint\":\"One host per line. *.example.com includes subdomains.\",\"httpHostsInvalid\":\"\\\"{{host}}\\\" is not a valid host. Use a host name such as api.example.com.\",\"httpHostsLimit\":\"Declare at most {{count}} hosts.\",\"addAction\":\"Add Action\",\"removeAction\":\"Remove Action\",\"actionAccount\":\"Account\",\"chooseAccount\":\"Choose an account\",\"permissionSaveFailed\":\"Could not save Code permissions. Retry the change.\",\"chatText\":\"Chat text\",\"connectorAction\":\"Connector action\",\"definition\":\"Task definition\",\"discardCode\":\"Discard changes\",\"editorLoading\":\"Loading editor…\",\"editorUnavailable\":\"The code editor couldn’t be loaded.\",\"inputPorts\":\"Input ports\",\"javascriptModule\":\"Code\",\"missing\":\"The referenced Task does not exist.\",\"outputPorts\":\"Output ports\",\"responseMode\":\"Response mode\",\"source\":\"Source\",\"structuredJson\":\"Structured JSON\",\"retrySave\":\"Retry save\",\"additionalInputs\":\"Additional inputs\",\"httpHostsUpdated\":\"Hosts changed elsewhere. The latest configuration is loaded; review it before saving.\"},\"wait\":{\"approval\":\"Approve or reject\",\"changeNotification\":\"Change\",\"continue\":\"Continue\",\"mode\":\"Resolution\",\"inputsLoading\":\"Loading notification parameters…\",\"pendingDescription\":\"The pending output fires once when waiting begins and provides confirmation links and related data. Connect it to send a message or run other steps.\",\"prompt\":\"Prompt\",\"promptError\":\"Prompt must contain 1 to 1,000 characters.\",\"autoContinue\":\"Automatic continuation\",\"autoOff\":\"Off\",\"autoAfter\":\"After a duration\",\"autoAt\":\"At a specific time\",\"autoSeconds\":\"Duration (seconds)\",\"autoDate\":\"Date and time\",\"autoInvalid\":\"Enter a positive duration or a valid date and time.\",\"autoDescription\":\"You can continue manually before the scheduled time.\"},\"title\":\"Inspector\",\"sources\":{\"loading\":\"Loading input sources…\",\"loadFailed\":\"Could not load input sources. Reopen the menu to retry.\",\"checkFailed\":\"Could not check this source.\",\"select\":\"Select input source\",\"title\":\"Input source\",\"sourceMissing\":\"The original input source no longer exists. Choose again.\",\"outputMissing\":\"“{{output}}” could not be found in “{{source}}”. Choose again.\",\"wholeObject\":\"Whole object\",\"fieldMissing\":\"Field {{field}} is no longer declared in “{{output}}”. Choose again.\",\"notReady\":\"“{{source}} {{handle}}” may not have a value when this step runs.\",\"sourceConflict\":\"These fields may have values at the same time: {{sources}}. Only one can be used here.\",\"incompatibleRight\":\"The right value type is incompatible with this comparison.\",\"incompatible\":\"Mismatch\",\"unverified\":\"Unverified\",\"schemaIncompatible\":\"The data format does not match.\",\"schemaPathIncompatible\":\"The data format of “{{path}}” does not match.\",\"schemaCompareFailed\":\"Could not check the data format. Check the JSON Schema.\",\"binaryIncompatible\":\"Binary data cannot be used here.\",\"artifactIncompatible\":\"File data cannot be used here.\",\"nullableIncompatible\":\"A value is required, but the selected field may be empty.\",\"typeIncompatible\":\"Expected {{target}}, but the selected field is {{source}}.\",\"propertyTypeIncompatible\":\"“{{path}}” must be {{target}}, but it is {{source}}.\",\"requiredIncompatible\":\"The required property “{{property}}” may be missing.\",\"enumIncompatible\":\"Some possible values are not accepted: {{values}}.\",\"constIncompatible\":\"Only {{target}} is accepted, but the selected field is always {{source}}.\",\"constraintSubject\":\"“{{path}}” \",\"minLength\":\"{{subject}}must contain at least {{value}} characters.\",\"maxLength\":\"{{subject}}must contain at most {{value}} characters.\",\"pattern\":\"{{subject}}must match {{value}}.\",\"minimum\":\"{{subject}}cannot be less than {{value}}.\",\"exclusiveMinimum\":\"{{subject}}must be greater than {{value}}.\",\"maximum\":\"{{subject}}cannot be greater than {{value}}.\",\"exclusiveMaximum\":\"{{subject}}must be less than {{value}}.\",\"multipleOf\":\"{{subject}}must be a multiple of {{value}}.\",\"minItems\":\"{{subject}}must contain at least {{value}} items.\",\"maxItems\":\"{{subject}}must contain at most {{value}} items.\",\"minProperties\":\"{{subject}}must contain at least {{value}} properties.\",\"maxProperties\":\"{{subject}}must contain at most {{value}} properties.\",\"integer\":\"Integer\",\"unknownType\":\"unknown type\",\"typeSeparator\":\" or \"},\"actions\":{\"flowAccess\":\"Available services\",\"flowAccessHint\":\"Manage connections shared by all Code nodes in this Flow\",\"chooseConnection\":\"Choose a {{provider}} connection\",\"connectionDescription\":\"The connection is inserted into this call. Flow provider access still controls whether it may be used.\",\"title\":\"Actions available to this code\",\"search\":\"Search actions\",\"description\":\"Choose the actions and accounts this code can use.\",\"empty\":\"No matching actions.\",\"remove\":\"Remove\",\"default\":\"Default account\",\"defaultHint\":\"Used when the call does not specify an account.\",\"removeAction\":\"Remove action\",\"explicit\":\"Choose explicitly in code\",\"connect\":\"Connect account\",\"refresh\":\"Refresh accounts\",\"aliases\":\"Update saved aliases\",\"add\":\"Add action\",\"cancel\":\"Cancel\",\"loading\":\"Searching…\",\"needsAccount\":\"Connect an account\",\"accounts\":\"{{count}} accounts\",\"public\":\"No account needed\",\"allowed\":\"Allowed accounts\",\"unavailable\":\"Unavailable\",\"details\":\"Connection details\",\"example\":\"Call example\",\"syntax\":\"Call syntax\",\"nested\":\"Provider method\",\"fullId\":\"Full ID\",\"copy\":\"Copy\",\"copied\":\"Copied\",\"copyError\":\"Copy failed. Select the code and copy it manually.\",\"introDescription\":\"Add actions as needed to call external apps through {{context}}.\",\"insertAction\":\"Insert code\",\"chooseAccounts\":\"Manage accounts\"},\"comment\":{\"markdown\":\"Markdown\",\"preview\":\"Preview\"},\"ports\":{\"reorder\":\"Reorder {{name}}\",\"reorderHint\":\"Drag to reorder within the group, or use Up / Down while focused.\",\"moved\":\"{{name}} moved to position {{position}}.\",\"groupSettings\":\"Group settings\",\"connected\":\"Connected\",\"sort\":\"Sort\",\"finishSorting\":\"Done sorting\",\"inputsTitle\":\"Inputs\",\"requiredInputs\":\"Required\",\"optionalInputs\":\"Optional\",\"noInputs\":\"This node does not require input data.\",\"noOutputs\":\"This node does not provide output data.\",\"outputsTitle\":\"Outputs\",\"valuesTitle\":\"Values\",\"columnHandle\":\"Handle\",\"columnName\":\"Name\",\"columnType\":\"Type\",\"columnValue\":\"Value\",\"builtIn\":{\"cron\":{\"scheduledAt\":\"The scheduled time that triggered this run, in ISO 8601 format.\"},\"webhook\":{\"headers\":\"The headers received with this Webhook request.\",\"query\":\"The URL query parameters received with this Webhook request.\",\"body\":\"The body received with this Webhook request.\",\"webhookUrl\":\"The Webhook URL that received this request, without query parameters.\"}},\"startParametersTitle\":\"Start parameters\"}}"),
 			language: { "label": "Language" },
@@ -252010,14 +252709,24 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				"exportFlow": "导出工作流",
 				"exportPng": "导出 PNG 图片",
 				"exportPngFrame": "显示外框",
+				"exportPngCompact": "紧凑布局",
 				"exportPngLight": "浅色",
 				"exportPngDark": "深色",
-				"exportPngPending": "正在导出 PNG…",
-				"exportPngPendingDescription": "正在处理工作流和图片资源，图片较大时可能需要一些时间。",
 				"exportPngComplete": "PNG 图片已导出。",
 				"exportPngPartial": "PNG 图片已导出，部分图片已用占位图替代。",
 				"exportPngFailed": "PNG 图片导出失败，请重试。",
-				"importInvalid": "文件损坏或工作流格式不受支持。"
+				"importInvalid": "文件损坏或工作流格式不受支持。",
+				"exportPngAspectRatio": "画布比例",
+				"exportPngAuto": "自动",
+				"exportPngLayout": "布局",
+				"exportPngOriginal": "原布局",
+				"exportPngTheme": "主题",
+				"exportPngPreview": "预览",
+				"exportPngPreviewPending": "正在生成预览…",
+				"exportPngPreviewFailed": "预览生成失败，请重试。",
+				"exportPngPreviewPartial": "部分图片加载失败，已使用占位图。",
+				"exportPngDownload": "下载 PNG",
+				"exportPngPreviewRetry": "重试"
 			},
 			inspector: /* @__PURE__ */ JSON.parse("{\"outline\":\"节点大纲\",\"backToOutline\":\"返回节点大纲\",\"emptyOutline\":\"暂无节点\",\"triggers\":\"触发器\",\"nodes\":\"节点\",\"multipleSelected\":\"已选择 {{count}} 个节点\",\"account\":{\"contactAdmin\":\"你没有执行此操作的权限，请联系管理员。\",\"accessTitle\":\"访问权限\",\"manageFlowAccess\":\"Code 允许使用的连接\",\"configureAccess\":\"选择可用账号\",\"manageAccount\":\"管理账号\",\"required\":\"待连接账号\",\"addAccount\":\"添加账号\",\"manage\":\"管理\",\"authorizationPending\":\"请在 Connection 页面完成授权，返回这里后会刷新当前账号。\",\"chooseAccount\":\"选择账号\",\"deferred\":\"暂不设置\",\"clearDeferred\":\"清除选择\",\"noAccounts\":\"暂无可用账号\",\"connectBeforeRun\":\"请先连接 {{service}}，此节点才能运行或发布。\",\"connectService\":\"连接 {{service}}\",\"connection\":\"连接\",\"loading\":\"正在加载连接…\",\"oomolBuiltIn\":\"OOMOL 内置账号\",\"missing\":\"此节点选择的账号当前不可用，请选择其他账号或管理账号。\",\"refreshFailed\":\"无法刷新 Connection。\",\"retry\":\"重试\",\"status\":{\"disconnected\":\"此 Connection 已断开，请重新连接或选择其他账号。\",\"error\":\"此 Connection 状态异常，请修复后重试或选择其他账号。\",\"reauth_required\":\"此 Connection 需要重新授权，请重新连接或选择其他账号。\"},\"statusUnavailable\":\"暂时无法获取 {{action}} 的连接状态。\",\"teamDefault\":\"团队默认\",\"title\":\"账号\",\"unavailable\":\"不可用\"},\"close\":\"关闭检查器\",\"configurationRequired\":\"配置待完成\",\"diagnostics\":\"诊断\",\"errors\":{\"jsonObject\":\"{{label}} 必须是 JSON 对象。\",\"portDefinitions\":\"请输入有效的端口定义。\"},\"node\":{\"nameDuplicate\":\"当前图中已存在同名节点。\",\"nameEmpty\":\"节点名称不能为空。\",\"timeout\":\"超时时间（毫秒）\",\"maxExecutions\":\"节点执行上限\",\"maxExecutionsError\":\"节点执行上限必须是正整数。\",\"timeoutError\":\"超时时间必须是以毫秒为单位的正整数。\",\"title\":\"节点设置\",\"description\":\"用途说明\",\"describe\":\"描述这一步要完成什么。\",\"icon\":\"图标\",\"name\":\"标题\",\"retry\":\"失败重试\",\"retryCount\":\"最多重试 {{count}} 次\",\"retryInterval\":\"重试间隔\",\"retryError\":\"间隔须为 1～60 整数秒。\",\"retryHint\":\"重试次数是首次执行失败后的追加次数。重试会重新执行整个节点，可能重复外部操作。超时包含全部尝试和等待间隔。\",\"retryNone\":\"不重试\",\"retrySeconds\":\"秒\",\"retryHelp\":\"重试说明\",\"retryOnce\":\"最多重试 1 次\",\"onError\":\"失败处理\",\"onErrorStop\":\"终止工作流\",\"onErrorOutput\":\"输出到 error 端口\",\"onErrorHelp\":\"失败处理说明\",\"onErrorHint\":\"重试后仍失败时，将错误写入系统 error 并沿现有连线继续。成功时 error 为 null。取消、超时、资源限制和结果不确定仍终止工作流。\",\"systemOutputs\":\"系统输出\",\"systemError\":\"错误信息（系统）\",\"errorFields\":{\"error\":\"节点失败时的错误信息；成功时为 null。\",\"code\":\"用于识别错误类型的错误码。\",\"message\":\"错误的说明信息，敏感内容已脱敏。\",\"nodeId\":\"发生错误的节点 ID。\",\"nodeName\":\"发生错误时的节点名称。\",\"runId\":\"本次工作流运行的 ID。\",\"executionId\":\"本次节点执行的 ID，多次重试共用此 ID。\"}},\"selectNode\":\"选择一个草稿节点以查看和编辑。\",\"locateNode\":\"在画布上定位该节点\",\"task\":{\"sharedPermissions\":\"使用 Flow 共享权限组\",\"sharedPermissionsHint\":\"直接使用 Flow 共享权限组已授权的全部 Actions，无需逐个添加。\",\"httpHosts\":\"HTTP 主机\",\"httpHostsHint\":\"每行一个主机，支持 *.example.com 子域名匹配。\",\"httpHostsInvalid\":\"“{{host}}”不是有效的主机，请填写 api.example.com 这样的主机名。\",\"httpHostsLimit\":\"最多声明 {{count}} 个主机。\",\"addAction\":\"添加 Action\",\"removeAction\":\"移除 Action\",\"actionAccount\":\"账号\",\"chooseAccount\":\"选择账号\",\"permissionSaveFailed\":\"无法保存 Code 权限，请重试。\",\"chatText\":\"对话文本\",\"connectorAction\":\"连接器操作\",\"definition\":\"任务定义\",\"discardCode\":\"放弃修改\",\"editorLoading\":\"正在加载编辑器…\",\"editorUnavailable\":\"代码编辑器加载失败。\",\"inputPorts\":\"输入端口\",\"javascriptModule\":\"代码\",\"missing\":\"引用的任务不存在。\",\"outputPorts\":\"输出端口\",\"responseMode\":\"响应模式\",\"source\":\"源代码\",\"structuredJson\":\"结构化 JSON\",\"retrySave\":\"重试保存\",\"additionalInputs\":\"附加输入\",\"httpHostsUpdated\":\"主机配置已在别处更新。已加载最新配置，请检查后再保存。\"},\"wait\":{\"approval\":\"通过或拒绝\",\"changeNotification\":\"更换\",\"continue\":\"继续\",\"mode\":\"处理方式\",\"inputsLoading\":\"正在加载通知参数…\",\"pendingDescription\":\"待确认出口在开始等待时触发一次，提供确认链接及相关数据。连接此出口可发送消息或执行其他步骤。\",\"prompt\":\"提示\",\"promptError\":\"提示必须包含 1 到 1,000 个字符。\",\"autoContinue\":\"自动继续\",\"autoOff\":\"关闭\",\"autoAfter\":\"等待一段时间\",\"autoAt\":\"到指定时间\",\"autoSeconds\":\"等待时长（秒）\",\"autoDate\":\"日期和时间\",\"autoInvalid\":\"请输入正数时长或有效的日期和时间。\",\"autoDescription\":\"可提前手动继续。\"},\"title\":\"检查器\",\"sources\":{\"loading\":\"正在加载输入来源…\",\"loadFailed\":\"无法加载输入来源，请重新打开菜单重试。\",\"checkFailed\":\"无法检查此来源。\",\"select\":\"选择输入来源\",\"title\":\"输入来源\",\"sourceMissing\":\"原输入来源已不存在，请重新选择。\",\"outputMissing\":\"“{{source}}”中找不到“{{output}}”，请重新选择。\",\"wholeObject\":\"整个对象\",\"fieldMissing\":\"“{{output}}”中已不再声明字段 {{field}}，请重新选择。\",\"notReady\":\"运行到这里时，“{{source}} {{handle}}”可能还没有值。\",\"sourceConflict\":\"这些字段可能同时有值：{{sources}}。这里只能取一个。\",\"incompatibleRight\":\"右值类型不符合此比较的要求。\",\"incompatible\":\"不兼容\",\"unverified\":\"无法验证\",\"schemaIncompatible\":\"数据格式不匹配。\",\"schemaPathIncompatible\":\"“{{path}}”的数据格式不匹配。\",\"schemaCompareFailed\":\"无法检查数据格式，请检查 JSON Schema。\",\"binaryIncompatible\":\"不能使用二进制数据。\",\"artifactIncompatible\":\"不能使用文件数据。\",\"nullableIncompatible\":\"不能为空，但所选字段可能为空。\",\"typeIncompatible\":\"需要{{target}}，但所选字段是{{source}}。\",\"propertyTypeIncompatible\":\"“{{path}}”需要{{target}}，实际是{{source}}。\",\"requiredIncompatible\":\"不一定包含必填属性“{{property}}”。\",\"enumIncompatible\":\"可能出现不接受的值：{{values}}。\",\"constIncompatible\":\"只接受 {{target}}，所选字段固定为 {{source}}。\",\"constraintSubject\":\"“{{path}}”\",\"minLength\":\"{{subject}}至少需要 {{value}} 个字符。\",\"maxLength\":\"{{subject}}最多接受 {{value}} 个字符。\",\"pattern\":\"{{subject}}文本格式应符合 {{value}}。\",\"minimum\":\"{{subject}}不能小于 {{value}}。\",\"exclusiveMinimum\":\"{{subject}}必须大于 {{value}}。\",\"maximum\":\"{{subject}}不能大于 {{value}}。\",\"exclusiveMaximum\":\"{{subject}}必须小于 {{value}}。\",\"multipleOf\":\"{{subject}}必须是 {{value}} 的倍数。\",\"minItems\":\"{{subject}}至少需要 {{value}} 项。\",\"maxItems\":\"{{subject}}最多接受 {{value}} 项。\",\"minProperties\":\"{{subject}}至少需要 {{value}} 个属性。\",\"maxProperties\":\"{{subject}}最多接受 {{value}} 个属性。\",\"integer\":\"整数\",\"unknownType\":\"未知类型\",\"typeSeparator\":\"或\"},\"actions\":{\"flowAccess\":\"可用服务\",\"flowAccessHint\":\"管理整个工作流的 Code 共享使用的连接\",\"chooseConnection\":\"选择 {{provider}} Connection\",\"connectionDescription\":\"Connection 将写入本次调用；是否允许使用仍由工作流 Provider Access 决定。\",\"title\":\"代码可调用的动作\",\"search\":\"搜索应用或动作…\",\"description\":\"搜索并添加这段代码需要调用的动作。\",\"empty\":\"没有匹配的 Action。\",\"remove\":\"移除\",\"default\":\"默认账号\",\"defaultHint\":\"调用时未指定账号，将使用此账号。\",\"removeAction\":\"移除动作\",\"explicit\":\"每次调用时指定\",\"connect\":\"连接账号\",\"refresh\":\"刷新账号\",\"aliases\":\"同步账号别名\",\"add\":\"添加动作\",\"cancel\":\"取消\",\"loading\":\"搜索中…\",\"needsAccount\":\"待连接账号\",\"accounts\":\"{{count}} 个账号\",\"public\":\"无需账号\",\"allowed\":\"允许使用的账号\",\"unavailable\":\"不可用\",\"details\":\"账号详情\",\"example\":\"调用示例\",\"syntax\":\"调用写法\",\"nested\":\"分层写法\",\"fullId\":\"完整 ID\",\"copy\":\"复制\",\"copied\":\"已复制\",\"copyError\":\"复制失败，请选中示例代码手动复制。\",\"introDescription\":\"按需添加动作，通过 {{context}} 调用外部应用。\",\"insertAction\":\"插入代码\",\"chooseAccounts\":\"管理账号\"},\"comment\":{\"markdown\":\"Markdown\",\"preview\":\"预览\"},\"ports\":{\"reorder\":\"调整 {{name}} 的顺序\",\"reorderHint\":\"拖动调整组内顺序，或聚焦后使用上、下方向键。\",\"moved\":\"{{name}} 已移至第 {{position}} 位。\",\"groupSettings\":\"分组设置\",\"connected\":\"已连接\",\"sort\":\"排序\",\"finishSorting\":\"完成排序\",\"inputsTitle\":\"输入\",\"requiredInputs\":\"必填\",\"optionalInputs\":\"选填\",\"noInputs\":\"此节点不需要输入数据\",\"noOutputs\":\"此节点不提供输出数据\",\"outputsTitle\":\"输出\",\"valuesTitle\":\"数据\",\"columnHandle\":\"Handle\",\"columnName\":\"名称\",\"columnType\":\"类型\",\"columnValue\":\"值\",\"builtIn\":{\"cron\":{\"scheduledAt\":\"本次运行的计划触发时间，采用 ISO 8601 格式。\"},\"webhook\":{\"headers\":\"此 Webhook 请求携带的请求头。\",\"query\":\"此 Webhook 请求携带的 URL 查询参数。\",\"body\":\"此 Webhook 请求携带的请求体。\",\"webhookUrl\":\"接收此次请求的 Webhook URL，不含查询参数。\"}},\"startParametersTitle\":\"启动参数\"}}"),
 			language: { "label": "语言" },
@@ -253390,14 +254099,24 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				"exportFlow": "匯出工作流",
 				"exportPng": "匯出 PNG 圖片",
 				"exportPngFrame": "顯示外框",
+				"exportPngCompact": "緊湊配置",
 				"exportPngLight": "淺色",
 				"exportPngDark": "深色",
-				"exportPngPending": "正在匯出 PNG…",
-				"exportPngPendingDescription": "正在處理工作流程和圖片資源，圖片較大時可能需要一些時間。",
 				"exportPngComplete": "PNG 圖片已匯出。",
 				"exportPngPartial": "PNG 圖片已匯出，部分圖片已用佔位圖替代。",
 				"exportPngFailed": "PNG 圖片匯出失敗，請重試。",
-				"importInvalid": "檔案損壞或工作流格式不受支援。"
+				"importInvalid": "檔案損壞或工作流格式不受支援。",
+				"exportPngAspectRatio": "畫布比例",
+				"exportPngAuto": "自動",
+				"exportPngLayout": "配置",
+				"exportPngOriginal": "原配置",
+				"exportPngTheme": "主題",
+				"exportPngPreview": "預覽",
+				"exportPngPreviewPending": "正在產生預覽…",
+				"exportPngPreviewFailed": "無法產生預覽，請重試。",
+				"exportPngPreviewPartial": "部分圖片載入失敗，已使用預留位置圖片。",
+				"exportPngDownload": "下載 PNG",
+				"exportPngPreviewRetry": "重試"
 			},
 			inspector: /* @__PURE__ */ JSON.parse("{\"outline\":\"節點大綱\",\"backToOutline\":\"返回節點大綱\",\"emptyOutline\":\"暫無節點\",\"triggers\":\"觸發器\",\"nodes\":\"節點\",\"multipleSelected\":\"已選擇 {{count}} 個節點\",\"account\":{\"contactAdmin\":\"你沒有執行此操作的權限，請聯絡管理員。\",\"accessTitle\":\"存取權限\",\"manageFlowAccess\":\"Code 允許使用的連線\",\"configureAccess\":\"選擇可用帳號\",\"manageAccount\":\"管理帳號\",\"required\":\"待連線帳號\",\"addAccount\":\"新增帳號\",\"manage\":\"管理\",\"authorizationPending\":\"請在 Connection 頁面完成授權，再回到這裡重新整理這個帳號。\",\"chooseAccount\":\"選擇帳號\",\"deferred\":\"暫不設定\",\"clearDeferred\":\"清除選擇\",\"noAccounts\":\"暫無可用帳號\",\"connectBeforeRun\":\"請先連接 {{service}}，這個節點才能執行或發布。\",\"connectService\":\"連接 {{service}}\",\"connection\":\"Connection\",\"loading\":\"正在載入 Connection…\",\"oomolBuiltIn\":\"OOMOL 內建帳號\",\"missing\":\"此節點選擇的帳號目前無法使用，請選擇其他帳號或管理帳號。\",\"refreshFailed\":\"無法重新整理 Connection。\",\"retry\":\"重試\",\"status\":{\"disconnected\":\"這個 Connection 已中斷。請重新連接或選擇其他帳號。\",\"error\":\"這個 Connection 發生錯誤。請修復它或選擇其他帳號。\",\"reauth_required\":\"這個 Connection 需要重新授權。請重新連接或選擇其他帳號。\"},\"statusUnavailable\":\"無法取得 {{action}} 的 Connection 狀態。\",\"teamDefault\":\"團隊預設\",\"title\":\"帳號\",\"unavailable\":\"無法使用\"},\"close\":\"關閉檢查器\",\"configurationRequired\":\"尚未完成設定\",\"diagnostics\":\"診斷\",\"errors\":{\"jsonObject\":\"{{label}} 必須是 JSON 物件。\",\"portDefinitions\":\"請輸入有效的埠定義。\"},\"node\":{\"nameDuplicate\":\"目前圖中已存在同名節點。\",\"nameEmpty\":\"節點名稱不能為空。\",\"timeout\":\"逾時時間（毫秒）\",\"maxExecutions\":\"節點執行上限\",\"maxExecutionsError\":\"節點執行上限必須是正整數。\",\"timeoutError\":\"逾時時間必須是以毫秒為單位的正整數。\",\"title\":\"節點設定\",\"description\":\"用途說明\",\"describe\":\"描述這個步驟要完成什麼。\",\"icon\":\"圖示\",\"name\":\"標題\",\"retry\":\"失敗重試\",\"retryCount\":\"最多重試 {{count}} 次\",\"retryInterval\":\"重試間隔\",\"retryError\":\"間隔須為 1～60 整數秒。\",\"retryHint\":\"重試次數是首次執行失敗後的追加次數。重試會重新執行整個節點，可能重複外部操作。逾時包含全部嘗試和等待間隔。\",\"retryNone\":\"不重試\",\"retrySeconds\":\"秒\",\"retryHelp\":\"重試說明\",\"retryOnce\":\"最多重試 1 次\",\"onError\":\"失敗處理\",\"onErrorStop\":\"終止工作流程\",\"onErrorOutput\":\"輸出至 error 連接埠\",\"onErrorHelp\":\"失敗處理說明\",\"onErrorHint\":\"重試後仍失敗時，將錯誤寫入系統 error 並沿現有連線繼續。成功時 error 為 null。取消、逾時、資源限制及結果不確定仍終止工作流程。\",\"systemOutputs\":\"系統輸出\",\"systemError\":\"錯誤資訊（系統）\",\"errorFields\":{\"error\":\"節點失敗時的錯誤資訊；成功時為 null。\",\"code\":\"用於識別錯誤類型的錯誤碼。\",\"message\":\"錯誤的說明資訊，敏感內容已遮蔽。\",\"nodeId\":\"發生錯誤的節點 ID。\",\"nodeName\":\"發生錯誤時的節點名稱。\",\"runId\":\"本次工作流程執行的 ID。\",\"executionId\":\"本次節點執行的 ID，多次重試共用此 ID。\"}},\"selectNode\":\"選取一個草稿節點即可檢視並編輯它。\",\"locateNode\":\"在畫布上定位此節點\",\"task\":{\"sharedPermissions\":\"使用 Flow 共用權限群組\",\"sharedPermissionsHint\":\"直接使用 Flow 共用權限群組已授權的所有 Actions，無需逐一新增。\",\"httpHosts\":\"HTTP 主機\",\"httpHostsHint\":\"每行一個主機，支援 *.example.com 子網域比對。\",\"httpHostsInvalid\":\"「{{host}}」不是有效的主機，請填寫 api.example.com 這類主機名稱。\",\"httpHostsLimit\":\"最多宣告 {{count}} 個主機。\",\"addAction\":\"新增 Action\",\"removeAction\":\"移除 Action\",\"actionAccount\":\"帳號\",\"chooseAccount\":\"選擇帳號\",\"permissionSaveFailed\":\"無法儲存 Code 權限，請重試。\",\"chatText\":\"對話文字\",\"connectorAction\":\"Connector 操作\",\"definition\":\"任務定義\",\"discardCode\":\"放棄變更\",\"editorLoading\":\"正在載入編輯器…\",\"editorUnavailable\":\"無法載入程式碼編輯器。\",\"inputPorts\":\"輸入埠\",\"javascriptModule\":\"程式碼\",\"missing\":\"引用的任務不存在。\",\"outputPorts\":\"輸出埠\",\"responseMode\":\"回應模式\",\"source\":\"原始碼\",\"structuredJson\":\"結構化 JSON\",\"retrySave\":\"重試儲存\",\"additionalInputs\":\"附加輸入\",\"httpHostsUpdated\":\"主機設定已在別處更新。已載入最新設定，請檢查後再儲存。\"},\"wait\":{\"approval\":\"通過或拒絕\",\"changeNotification\":\"更換\",\"continue\":\"繼續\",\"mode\":\"處理方式\",\"inputsLoading\":\"正在載入通知參數…\",\"pendingDescription\":\"待確認出口在開始等待時觸發一次，提供確認連結及相關資料。連接此出口可傳送訊息或執行其他步驟。\",\"prompt\":\"提示\",\"promptError\":\"提示必須包含 1 到 1,000 個字元。\",\"autoContinue\":\"自動繼續\",\"autoOff\":\"關閉\",\"autoAfter\":\"等待一段時間\",\"autoAt\":\"到指定時間\",\"autoSeconds\":\"等待時長（秒）\",\"autoDate\":\"日期和時間\",\"autoInvalid\":\"請輸入正數時長或有效的日期和時間。\",\"autoDescription\":\"可提前手動繼續。\"},\"title\":\"檢查器\",\"sources\":{\"loading\":\"正在載入輸入來源…\",\"loadFailed\":\"無法載入輸入來源，請重新開啟選單重試。\",\"checkFailed\":\"無法檢查此來源。\",\"select\":\"選擇輸入來源\",\"title\":\"輸入來源\",\"sourceMissing\":\"原輸入來源已不存在，請重新選擇。\",\"outputMissing\":\"「{{source}}」中找不到「{{output}}」，請重新選擇。\",\"wholeObject\":\"整個物件\",\"fieldMissing\":\"「{{output}}」中已不再宣告欄位 {{field}}，請重新選擇。\",\"notReady\":\"執行到這裡時，「{{source}} {{handle}}」可能還沒有值。\",\"sourceConflict\":\"這些欄位可能同時有值：{{sources}}。這裡只能取一個。\",\"incompatibleRight\":\"右值類型不符合此比較的要求。\",\"incompatible\":\"不相容\",\"unverified\":\"無法驗證\",\"schemaIncompatible\":\"資料格式不符。\",\"schemaPathIncompatible\":\"「{{path}}」的資料格式不符。\",\"schemaCompareFailed\":\"無法檢查資料格式，請檢查 JSON Schema。\",\"binaryIncompatible\":\"不能使用二進位資料。\",\"artifactIncompatible\":\"不能使用檔案資料。\",\"nullableIncompatible\":\"不能為空，但所選欄位可能為空。\",\"typeIncompatible\":\"需要{{target}}，但所選欄位是{{source}}。\",\"propertyTypeIncompatible\":\"「{{path}}」需要{{target}}，實際是{{source}}。\",\"requiredIncompatible\":\"不一定包含必填屬性「{{property}}」。\",\"enumIncompatible\":\"可能出現不接受的值：{{values}}。\",\"constIncompatible\":\"只接受 {{target}}，所選欄位固定為 {{source}}。\",\"constraintSubject\":\"「{{path}}」\",\"minLength\":\"{{subject}}至少需要 {{value}} 個字元。\",\"maxLength\":\"{{subject}}最多接受 {{value}} 個字元。\",\"pattern\":\"{{subject}}文字格式應符合 {{value}}。\",\"minimum\":\"{{subject}}不能小於 {{value}}。\",\"exclusiveMinimum\":\"{{subject}}必須大於 {{value}}。\",\"maximum\":\"{{subject}}不能大於 {{value}}。\",\"exclusiveMaximum\":\"{{subject}}必須小於 {{value}}。\",\"multipleOf\":\"{{subject}}必須是 {{value}} 的倍數。\",\"minItems\":\"{{subject}}至少需要 {{value}} 項。\",\"maxItems\":\"{{subject}}最多接受 {{value}} 項。\",\"minProperties\":\"{{subject}}至少需要 {{value}} 個屬性。\",\"maxProperties\":\"{{subject}}最多接受 {{value}} 個屬性。\",\"integer\":\"整數\",\"unknownType\":\"未知類型\",\"typeSeparator\":\"或\"},\"actions\":{\"flowAccess\":\"可用服務\",\"flowAccessHint\":\"管理此 Flow 中所有 Code 節點共用的連線\",\"chooseConnection\":\"選擇 {{provider}} Connection\",\"connectionDescription\":\"Connection 將寫入這次呼叫；是否允許使用仍由 Flow Provider Access 決定。\",\"title\":\"程式碼可呼叫的動作\",\"search\":\"搜尋應用程式或動作…\",\"description\":\"搜尋並新增這段程式碼需要呼叫的動作。\",\"empty\":\"沒有符合的 Action。\",\"remove\":\"移除\",\"default\":\"預設帳號\",\"defaultHint\":\"呼叫時未指定帳號，將使用此帳號。\",\"removeAction\":\"移除動作\",\"explicit\":\"在程式碼中明確選擇\",\"connect\":\"連接帳號\",\"refresh\":\"重新整理帳號\",\"aliases\":\"同步帳號別名\",\"add\":\"新增動作\",\"cancel\":\"取消\",\"loading\":\"搜尋中…\",\"needsAccount\":\"待連接帳號\",\"accounts\":\"{{count}} 個帳號\",\"public\":\"無需帳號\",\"allowed\":\"可用帳號\",\"unavailable\":\"無法使用\",\"details\":\"帳號詳情\",\"example\":\"呼叫範例\",\"syntax\":\"呼叫寫法\",\"nested\":\"分層寫法\",\"fullId\":\"完整 ID\",\"copy\":\"複製\",\"copied\":\"已複製\",\"copyError\":\"複製失敗，請選取範例程式碼手動複製。\",\"introDescription\":\"依需求新增動作，透過 {{context}} 呼叫外部應用程式。\",\"insertAction\":\"插入程式碼\",\"chooseAccounts\":\"管理帳號\"},\"comment\":{\"markdown\":\"Markdown\",\"preview\":\"預覽\"},\"ports\":{\"reorder\":\"調整 {{name}} 的順序\",\"reorderHint\":\"拖動調整組內順序，或聚焦後使用上、下方向鍵。\",\"moved\":\"{{name}} 已移至第 {{position}} 位。\",\"groupSettings\":\"群組設定\",\"connected\":\"已連接\",\"sort\":\"排序\",\"finishSorting\":\"完成排序\",\"inputsTitle\":\"輸入\",\"requiredInputs\":\"必填\",\"optionalInputs\":\"選填\",\"noInputs\":\"此節點不需要輸入資料\",\"noOutputs\":\"此節點不提供輸出資料\",\"outputsTitle\":\"輸出\",\"valuesTitle\":\"資料\",\"columnHandle\":\"Handle\",\"columnName\":\"名稱\",\"columnType\":\"類型\",\"columnValue\":\"值\",\"builtIn\":{\"cron\":{\"scheduledAt\":\"本次執行的排程觸發時間，採用 ISO 8601 格式。\"},\"webhook\":{\"headers\":\"此 Webhook 請求攜帶的請求標頭。\",\"query\":\"此 Webhook 請求攜帶的 URL 查詢參數。\",\"body\":\"此 Webhook 請求攜帶的請求本文。\",\"webhookUrl\":\"接收此次請求的 Webhook URL，不含查詢參數。\"}},\"startParametersTitle\":\"啟動參數\"}}"),
 			language: { "label": "語言" },
@@ -254770,14 +255489,24 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				"exportFlow": "ワークフローをエクスポート",
 				"exportPng": "PNG 画像をエクスポート",
 				"exportPngFrame": "フレームを表示",
+				"exportPngCompact": "コンパクトな配置",
 				"exportPngLight": "ライト",
 				"exportPngDark": "ダーク",
-				"exportPngPending": "PNG をエクスポート中…",
-				"exportPngPendingDescription": "ワークフローと画像を準備しています。画像が大きい場合は時間がかかることがあります。",
 				"exportPngComplete": "PNG 画像をエクスポートしました。",
 				"exportPngPartial": "PNG 画像をエクスポートしました。一部の画像はプレースホルダーに置き換えられました。",
 				"exportPngFailed": "PNG 画像をエクスポートできませんでした。もう一度お試しください。",
-				"importInvalid": "無効または未対応のワークフローファイルです。"
+				"importInvalid": "無効または未対応のワークフローファイルです。",
+				"exportPngAspectRatio": "キャンバス比率",
+				"exportPngAuto": "自動",
+				"exportPngLayout": "レイアウト",
+				"exportPngOriginal": "元の配置",
+				"exportPngTheme": "テーマ",
+				"exportPngPreview": "プレビュー",
+				"exportPngPreviewPending": "プレビューを生成中…",
+				"exportPngPreviewFailed": "プレビューを生成できませんでした。",
+				"exportPngPreviewPartial": "一部の画像を読み込めず、代替画像に置き換えました。",
+				"exportPngDownload": "PNG をダウンロード",
+				"exportPngPreviewRetry": "再試行"
 			},
 			inspector: /* @__PURE__ */ JSON.parse("{\"outline\":\"ノード一覧\",\"backToOutline\":\"ノード一覧に戻る\",\"emptyOutline\":\"ノードはまだありません\",\"triggers\":\"トリガー\",\"nodes\":\"ノード\",\"multipleSelected\":\"{{count}} 個のノードを選択中\",\"account\":{\"contactAdmin\":\"この操作を実行する権限がありません。管理者にお問い合わせください。\",\"accessTitle\":\"アクセス権限\",\"manageFlowAccess\":\"Code で使用できる接続\",\"configureAccess\":\"アカウントを選択\",\"manageAccount\":\"アカウントを管理\",\"required\":\"アカウント接続が必要\",\"addAccount\":\"アカウントを追加\",\"manage\":\"管理\",\"authorizationPending\":\"Connection ページで認証を完了してください。ここに戻ると、このアカウントが更新されます。\",\"chooseAccount\":\"アカウントを選択\",\"deferred\":\"今は設定しない\",\"clearDeferred\":\"選択をクリア\",\"noAccounts\":\"利用可能なアカウントがありません\",\"connectBeforeRun\":\"このノードを実行または公開するには、先に {{service}} を接続してください。\",\"connectService\":\"{{service}} を接続\",\"connection\":\"Connection\",\"loading\":\"Connection を読み込み中…\",\"oomolBuiltIn\":\"OOMOL 組み込みアカウント\",\"missing\":\"このノードで選択されたアカウントは現在利用できません。別のアカウントを選択するか、アカウントを管理してください。\",\"refreshFailed\":\"Connection を更新できませんでした。\",\"retry\":\"再試行\",\"status\":{\"disconnected\":\"この Connection は切断されています。再接続するか、別のアカウントを選択してください。\",\"error\":\"この Connection にエラーがあります。修復するか、別のアカウントを選択してください。\",\"reauth_required\":\"この Connection は再認証が必要です。再接続するか、別のアカウントを選択してください。\"},\"statusUnavailable\":\"{{action}} の Connection 状態を取得できません。\",\"teamDefault\":\"チームのデフォルト\",\"title\":\"アカウント\",\"unavailable\":\"利用不可\"},\"close\":\"インスペクターを閉じる\",\"configurationRequired\":\"設定が必要\",\"diagnostics\":\"診断\",\"errors\":{\"jsonObject\":\"{{label}} は JSON オブジェクトである必要があります。\",\"portDefinitions\":\"有効なポート定義を入力してください。\"},\"node\":{\"nameDuplicate\":\"このグラフには同じ名前のノードが既に存在します。\",\"nameEmpty\":\"ノード名を空にすることはできません。\",\"timeout\":\"タイムアウト（ミリ秒）\",\"maxExecutions\":\"ノード実行上限\",\"maxExecutionsError\":\"ノード実行上限は正の整数で指定してください。\",\"timeoutError\":\"タイムアウトはミリ秒単位の正の整数で指定してください。\",\"title\":\"ノード設定\",\"description\":\"目的\",\"describe\":\"このステップの目的を記述します。\",\"icon\":\"アイコン\",\"name\":\"タイトル\",\"retry\":\"失敗時の再試行\",\"retryCount\":\"最大 {{count}} 回再試行\",\"retryInterval\":\"再試行の間隔\",\"retryError\":\"間隔は 1～60 の整数秒で指定してください。\",\"retryHint\":\"再試行回数は、初回の実行に失敗した後に追加する試行の回数です。再試行はノード全体を再実行するため、外部操作が重複する場合があります。タイムアウトには全試行と待機時間を含みます。\",\"retryNone\":\"再試行しない\",\"retrySeconds\":\"秒\",\"retryHelp\":\"再試行について\",\"retryOnce\":\"最大 1 回再試行\",\"onError\":\"失敗時の処理\",\"onErrorStop\":\"ワークフローを停止\",\"onErrorOutput\":\"error ポートに出力\",\"onErrorHelp\":\"失敗時の処理について\",\"onErrorHint\":\"再試行後も失敗した場合、システム error にエラーを出力して既存の接続で続行します。成功時は null です。キャンセル、タイムアウト、リソース制限、結果不明の場合は停止します。\",\"systemOutputs\":\"システム出力\",\"systemError\":\"エラー情報（システム）\",\"errorFields\":{\"error\":\"ノードが失敗した場合のエラー情報。成功時は null です。\",\"code\":\"エラーの種類を識別するコード。\",\"message\":\"機密情報をマスクしたエラーの説明。\",\"nodeId\":\"エラーが発生したノードの ID。\",\"nodeName\":\"エラー発生時のノード名。\",\"runId\":\"今回のワークフロー実行の ID。\",\"executionId\":\"今回のノード実行の ID。再試行でも同じ ID を使用します。\"}},\"selectNode\":\"ドラフトのノードを 1 つ選択すると、内容を確認して編集できます。\",\"locateNode\":\"キャンバス上でこのノードを表示\",\"task\":{\"sharedPermissions\":\"Flow の共有権限グループを使用\",\"sharedPermissionsHint\":\"Flow の共有権限グループで許可されたすべての Action を使用します。個別の追加は不要です。\",\"httpHosts\":\"HTTP ホスト\",\"httpHostsHint\":\"1 行に 1 ホスト。*.example.com はサブドメインに一致します。\",\"httpHostsInvalid\":\"「{{host}}」は有効なホストではありません。api.example.com のようなホスト名を入力してください。\",\"httpHostsLimit\":\"宣言できるホストは最大 {{count}} 個です。\",\"addAction\":\"Action を追加\",\"removeAction\":\"Action を削除\",\"actionAccount\":\"アカウント\",\"chooseAccount\":\"アカウントを選択\",\"permissionSaveFailed\":\"Code の権限を保存できませんでした。再試行してください。\",\"chatText\":\"チャットテキスト\",\"connectorAction\":\"Connector アクション\",\"definition\":\"タスク定義\",\"discardCode\":\"変更を破棄\",\"editorLoading\":\"エディターを読み込み中…\",\"editorUnavailable\":\"コードエディターを読み込めませんでした。\",\"inputPorts\":\"入力ポート\",\"javascriptModule\":\"コード\",\"missing\":\"参照しているタスクが存在しません。\",\"outputPorts\":\"出力ポート\",\"responseMode\":\"応答モード\",\"source\":\"ソースコード\",\"structuredJson\":\"構造化 JSON\",\"retrySave\":\"保存を再試行\",\"additionalInputs\":\"追加入力\",\"httpHostsUpdated\":\"ホスト設定が別の場所で更新されました。最新の設定を読み込みました。確認してから保存してください。\"},\"wait\":{\"approval\":\"承認または拒否\",\"changeNotification\":\"変更\",\"continue\":\"続行\",\"mode\":\"処理方法\",\"inputsLoading\":\"通知パラメーターを読み込んでいます…\",\"pendingDescription\":\"確認待ち出力は待機開始時に一度だけ発火し、確認リンクと関連データを提供します。接続先でメッセージの送信や他のステップを実行できます。\",\"prompt\":\"プロンプト\",\"promptError\":\"プロンプトは1〜1,000文字で入力してください。\",\"autoContinue\":\"自動続行\",\"autoOff\":\"オフ\",\"autoAfter\":\"一定時間後\",\"autoAt\":\"指定日時\",\"autoSeconds\":\"待機時間（秒）\",\"autoDate\":\"日時\",\"autoInvalid\":\"正の待機時間または有効な日時を入力してください。\",\"autoDescription\":\"予定時刻前に手動で続行できます。\"},\"title\":\"インスペクター\",\"sources\":{\"loading\":\"入力元を読み込み中…\",\"loadFailed\":\"入力元を読み込めません。メニューを開き直してください。\",\"checkFailed\":\"このソースを確認できませんでした。\",\"select\":\"入力元を選択\",\"title\":\"入力元\",\"sourceMissing\":\"元の入力元は存在しません。選択し直してください。\",\"outputMissing\":\"「{{source}}」に「{{output}}」が見つかりません。選択し直してください。\",\"wholeObject\":\"オブジェクト全体\",\"fieldMissing\":\"「{{output}}」にフィールド {{field}} が宣言されていません。選択し直してください。\",\"notReady\":\"ここを実行するとき、「{{source}} {{handle}}」にまだ値がない可能性があります。\",\"sourceConflict\":\"同時に値を持つ可能性があります：{{sources}}。ここでは 1 つだけ使用できます。\",\"incompatibleRight\":\"右辺の値の型はこの比較に対応していません。\",\"incompatible\":\"非互換\",\"unverified\":\"未検証\",\"schemaIncompatible\":\"データ形式が一致しません。\",\"schemaPathIncompatible\":\"「{{path}}」のデータ形式が一致しません。\",\"schemaCompareFailed\":\"データ形式を確認できません。JSON Schema を確認してください。\",\"binaryIncompatible\":\"バイナリデータは使用できません。\",\"artifactIncompatible\":\"ファイルデータは使用できません。\",\"nullableIncompatible\":\"値が必要ですが、選択したフィールドは空になる可能性があります。\",\"typeIncompatible\":\"{{target}}が必要ですが、選択したフィールドは{{source}}です。\",\"propertyTypeIncompatible\":\"「{{path}}」は{{target}}である必要がありますが、実際は{{source}}です。\",\"requiredIncompatible\":\"必須プロパティ「{{property}}」がない可能性があります。\",\"enumIncompatible\":\"使用できない値が含まれる可能性があります：{{values}}。\",\"constIncompatible\":\"{{target}}のみ使用できますが、選択したフィールドは常に {{source}} です。\",\"constraintSubject\":\"「{{path}}」は\",\"minLength\":\"{{subject}}少なくとも {{value}} 文字必要です。\",\"maxLength\":\"{{subject}}最大 {{value}} 文字です。\",\"pattern\":\"{{subject}}{{value}} に一致する必要があります。\",\"minimum\":\"{{subject}}{{value}} 未満にできません。\",\"exclusiveMinimum\":\"{{subject}}{{value}} より大きい必要があります。\",\"maximum\":\"{{subject}}{{value}} を超えられません。\",\"exclusiveMaximum\":\"{{subject}}{{value}} より小さい必要があります。\",\"multipleOf\":\"{{subject}}{{value}} の倍数である必要があります。\",\"minItems\":\"{{subject}}少なくとも {{value}} 項必要です。\",\"maxItems\":\"{{subject}}最大 {{value}} 項です。\",\"minProperties\":\"{{subject}}少なくとも {{value}} 個のプロパティが必要です。\",\"maxProperties\":\"{{subject}}最大 {{value}} 個のプロパティです。\",\"integer\":\"整数\",\"unknownType\":\"不明な型\",\"typeSeparator\":\"または\"},\"actions\":{\"flowAccess\":\"利用可能なサービス\",\"flowAccessHint\":\"この Flow のすべての Code ノードで共有する接続を管理\",\"chooseConnection\":\"{{provider}} Connection を選択\",\"connectionDescription\":\"Connection はこの呼び出しに挿入されます。使用可否は引き続き Flow Provider Access によって制御されます。\",\"title\":\"このコードから呼び出せるアクション\",\"search\":\"Action を検索\",\"description\":\"このコードで使用する Action とアカウントを選択します。\",\"empty\":\"一致する Action はありません。\",\"remove\":\"削除\",\"default\":\"既定のアカウント\",\"defaultHint\":\"呼び出し時にアカウントを指定しない場合に使用します。\",\"removeAction\":\"アクションを削除\",\"explicit\":\"コード内で明示的に選択\",\"connect\":\"アカウントを接続\",\"refresh\":\"アカウントを更新\",\"aliases\":\"保存済みの別名を更新\",\"add\":\"アクションを追加\",\"cancel\":\"キャンセル\",\"loading\":\"検索中…\",\"needsAccount\":\"アカウントを接続\",\"accounts\":\"{{count}} アカウント\",\"public\":\"アカウント不要\",\"allowed\":\"使用するアカウント\",\"unavailable\":\"利用不可\",\"details\":\"接続の詳細\",\"example\":\"呼び出し例\",\"syntax\":\"呼び出し形式\",\"nested\":\"プロバイダー形式\",\"fullId\":\"完全な ID\",\"copy\":\"コピー\",\"copied\":\"コピー済み\",\"copyError\":\"コピーできませんでした。コードを選択して手動でコピーしてください。\",\"introDescription\":\"必要に応じてアクションを追加し、{{context}} から外部アプリを呼び出せます。\",\"insertAction\":\"コードを挿入\",\"chooseAccounts\":\"アカウントを管理\"},\"comment\":{\"markdown\":\"Markdown\",\"preview\":\"プレビュー\"},\"ports\":{\"reorder\":\"{{name}} の順序を変更\",\"reorderHint\":\"ドラッグでグループ内の順序を変更。フォーカス時は上下キーでも移動できます。\",\"moved\":\"{{name}} を {{position}} 番目に移動しました。\",\"groupSettings\":\"グループ設定\",\"connected\":\"接続済み\",\"sort\":\"並べ替え\",\"finishSorting\":\"並べ替えを完了\",\"inputsTitle\":\"入力\",\"requiredInputs\":\"必須\",\"optionalInputs\":\"任意\",\"noInputs\":\"このノードには入力データが必要ありません。\",\"noOutputs\":\"このノードは出力データを提供しません。\",\"outputsTitle\":\"出力\",\"valuesTitle\":\"値\",\"columnHandle\":\"Handle\",\"columnName\":\"名前\",\"columnType\":\"型\",\"columnValue\":\"値\",\"builtIn\":{\"cron\":{\"scheduledAt\":\"この実行をトリガーした予定時刻（ISO 8601 形式）です。\"},\"webhook\":{\"headers\":\"この Webhook リクエストで受信したリクエストヘッダーです。\",\"query\":\"この Webhook リクエストで受信した URL クエリパラメーターです。\",\"body\":\"この Webhook リクエストで受信したリクエストボディです。\",\"webhookUrl\":\"このリクエストを受信した Webhook URL（クエリパラメーターを除く）です。\"}},\"startParametersTitle\":\"開始パラメーター\"}}"),
 			language: { "label": "言語" },
@@ -256150,14 +256879,24 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				"exportFlow": "워크플로 내보내기",
 				"exportPng": "PNG 이미지 내보내기",
 				"exportPngFrame": "프레임 표시",
+				"exportPngCompact": "간결한 배치",
 				"exportPngLight": "라이트",
 				"exportPngDark": "다크",
-				"exportPngPending": "PNG 내보내는 중…",
-				"exportPngPendingDescription": "워크플로와 이미지를 준비하고 있습니다. 이미지가 크면 시간이 더 걸릴 수 있습니다.",
 				"exportPngComplete": "PNG 이미지를 내보냈습니다.",
 				"exportPngPartial": "PNG 이미지를 내보냈습니다. 일부 이미지는 자리 표시자로 대체되었습니다.",
 				"exportPngFailed": "PNG 이미지를 내보내지 못했습니다. 다시 시도해 주세요.",
-				"importInvalid": "잘못되었거나 지원하지 않는 워크플로 파일입니다."
+				"importInvalid": "잘못되었거나 지원하지 않는 워크플로 파일입니다.",
+				"exportPngAspectRatio": "캔버스 비율",
+				"exportPngAuto": "자동",
+				"exportPngLayout": "레이아웃",
+				"exportPngOriginal": "원래 배치",
+				"exportPngTheme": "테마",
+				"exportPngPreview": "미리보기",
+				"exportPngPreviewPending": "미리보기 생성 중…",
+				"exportPngPreviewFailed": "미리보기를 생성하지 못했습니다.",
+				"exportPngPreviewPartial": "일부 이미지를 불러오지 못해 대체 이미지로 표시했습니다.",
+				"exportPngDownload": "PNG 다운로드",
+				"exportPngPreviewRetry": "다시 시도"
 			},
 			inspector: /* @__PURE__ */ JSON.parse("{\"outline\":\"노드 목록\",\"backToOutline\":\"노드 목록으로 돌아가기\",\"emptyOutline\":\"아직 노드가 없습니다\",\"triggers\":\"트리거\",\"nodes\":\"노드\",\"multipleSelected\":\"노드 {{count}}개 선택됨\",\"account\":{\"contactAdmin\":\"이 작업을 실행할 권한이 없습니다. 관리자에게 문의하세요.\",\"accessTitle\":\"접근 권한\",\"manageFlowAccess\":\"Code에서 사용할 수 있는 연결\",\"configureAccess\":\"계정 선택\",\"manageAccount\":\"계정 관리\",\"required\":\"계정 연결 필요\",\"addAccount\":\"계정 추가\",\"manage\":\"관리\",\"authorizationPending\":\"Connection 페이지에서 인증을 마친 뒤 여기로 돌아와 이 계정을 새로 고치세요.\",\"chooseAccount\":\"계정 선택\",\"deferred\":\"지금은 설정하지 않음\",\"clearDeferred\":\"선택 지우기\",\"noAccounts\":\"사용 가능한 계정이 없습니다\",\"connectBeforeRun\":\"이 블록을 실행하거나 게시하려면 먼저 {{service}}에 연결하세요.\",\"connectService\":\"{{service}} 연결\",\"connection\":\"Connection\",\"loading\":\"Connection 불러오는 중…\",\"oomolBuiltIn\":\"OOMOL 기본 제공 계정\",\"missing\":\"이 노드에서 선택한 계정을 현재 사용할 수 없습니다. 다른 계정을 선택하거나 계정을 관리하세요.\",\"refreshFailed\":\"Connection을 새로 고치지 못했습니다.\",\"retry\":\"다시 시도\",\"status\":{\"disconnected\":\"이 Connection은 연결이 끊어졌습니다. 다시 연결하거나 다른 계정을 선택하세요.\",\"error\":\"이 Connection에 오류가 있습니다. 문제를 해결하거나 다른 계정을 선택하세요.\",\"reauth_required\":\"이 Connection은 다시 인증해야 합니다. 다시 연결하거나 다른 계정을 선택하세요.\"},\"statusUnavailable\":\"{{action}}의 Connection 상태를 확인할 수 없습니다.\",\"teamDefault\":\"팀 기본값\",\"title\":\"계정\",\"unavailable\":\"사용할 수 없음\"},\"close\":\"인스펙터 닫기\",\"configurationRequired\":\"설정 필요\",\"diagnostics\":\"진단\",\"errors\":{\"jsonObject\":\"{{label}} 값은 JSON 객체여야 합니다.\",\"portDefinitions\":\"올바른 포트 정의를 입력하세요.\"},\"node\":{\"nameDuplicate\":\"이 그래프에 같은 이름의 노드가 이미 있습니다.\",\"nameEmpty\":\"노드 이름은 비워 둘 수 없습니다.\",\"timeout\":\"제한 시간(ms)\",\"maxExecutions\":\"노드 실행 한도\",\"maxExecutionsError\":\"노드 실행 한도는 양의 정수여야 합니다.\",\"timeoutError\":\"제한 시간은 밀리초 단위의 양의 정수여야 합니다.\",\"title\":\"노드 설정\",\"description\":\"목적\",\"describe\":\"이 단계의 목적을 설명하세요.\",\"icon\":\"아이콘\",\"name\":\"제목\",\"retry\":\"실패 시 재시도\",\"retryCount\":\"최대 {{count}}회 재시도\",\"retryInterval\":\"재시도 간격\",\"retryError\":\"간격은 1~60초의 정수로 입력하세요.\",\"retryHint\":\"재시도 횟수는 최초 실행 실패 후 추가로 시도하는 횟수입니다. 노드 전체를 다시 실행하므로 외부 작업이 중복될 수 있습니다. 제한 시간에는 모든 시도와 대기 시간이 포함됩니다.\",\"retryNone\":\"재시도 안 함\",\"retrySeconds\":\"초\",\"retryHelp\":\"재시도 안내\",\"retryOnce\":\"최대 1회 재시도\",\"onError\":\"실패 처리\",\"onErrorStop\":\"워크플로 중지\",\"onErrorOutput\":\"error 포트로 출력\",\"onErrorHelp\":\"실패 처리 안내\",\"onErrorHint\":\"재시도 후에도 실패하면 시스템 error에 오류를 기록하고 기존 연결을 따라 계속합니다. 성공 시 null입니다. 취소, 시간 초과, 리소스 제한 및 결과 불명 상태는 실행을 중지합니다.\",\"systemOutputs\":\"시스템 출력\",\"systemError\":\"오류 정보(시스템)\",\"errorFields\":{\"error\":\"노드 실패 시 오류 정보입니다. 성공 시 null입니다.\",\"code\":\"오류 유형을 식별하는 코드입니다.\",\"message\":\"민감한 내용이 가려진 오류 설명입니다.\",\"nodeId\":\"오류가 발생한 노드의 ID입니다.\",\"nodeName\":\"오류 발생 시점의 노드 이름입니다.\",\"runId\":\"이번 워크플로 실행의 ID입니다.\",\"executionId\":\"이번 노드 실행의 ID입니다. 재시도에서도 같은 ID를 사용합니다.\"}},\"selectNode\":\"확인하고 편집할 초안 노드를 하나 선택하세요.\",\"locateNode\":\"캔버스에서 이 노드 위치 보기\",\"task\":{\"sharedPermissions\":\"Flow 공유 권한 그룹 사용\",\"sharedPermissionsHint\":\"Flow 공유 권한 그룹에서 승인한 모든 Action을 사용합니다. 개별적으로 추가할 필요가 없습니다.\",\"httpHosts\":\"HTTP 호스트\",\"httpHostsHint\":\"한 줄에 호스트 하나. *.example.com은 하위 도메인과 일치합니다.\",\"httpHostsInvalid\":\"\\\"{{host}}\\\"은(는) 올바른 호스트가 아닙니다. api.example.com 같은 호스트 이름을 입력하세요.\",\"httpHostsLimit\":\"호스트는 최대 {{count}}개까지 선언할 수 있습니다.\",\"addAction\":\"Action 추가\",\"removeAction\":\"Action 제거\",\"actionAccount\":\"계정\",\"chooseAccount\":\"계정 선택\",\"permissionSaveFailed\":\"Code 권한을 저장하지 못했습니다. 다시 시도하세요.\",\"chatText\":\"대화 텍스트\",\"connectorAction\":\"Connector 액션\",\"definition\":\"태스크 정의\",\"discardCode\":\"변경 사항 버리기\",\"editorLoading\":\"편집기 불러오는 중…\",\"editorUnavailable\":\"코드 편집기를 불러오지 못했습니다.\",\"inputPorts\":\"입력 포트\",\"javascriptModule\":\"코드\",\"missing\":\"참조된 태스크가 존재하지 않습니다.\",\"outputPorts\":\"출력 포트\",\"responseMode\":\"응답 모드\",\"source\":\"소스\",\"structuredJson\":\"구조화된 JSON\",\"retrySave\":\"저장 재시도\",\"additionalInputs\":\"추가 입력\",\"httpHostsUpdated\":\"다른 곳에서 호스트 설정이 변경되었습니다. 최신 설정을 불러왔습니다. 확인 후 저장하세요.\"},\"wait\":{\"approval\":\"승인 또는 거부\",\"changeNotification\":\"변경\",\"continue\":\"계속\",\"mode\":\"처리 방식\",\"inputsLoading\":\"알림 매개변수를 불러오는 중…\",\"pendingDescription\":\"확인 대기 출력은 대기가 시작될 때 한 번 실행되어 확인 링크와 관련 데이터를 제공합니다. 연결하여 메시지를 보내거나 다른 단계를 실행할 수 있습니다.\",\"prompt\":\"프롬프트\",\"promptError\":\"프롬프트는 1~1,000자여야 합니다.\",\"autoContinue\":\"자동 계속\",\"autoOff\":\"끄기\",\"autoAfter\":\"일정 시간 후\",\"autoAt\":\"지정 시간에\",\"autoSeconds\":\"대기 시간(초)\",\"autoDate\":\"날짜 및 시간\",\"autoInvalid\":\"양수 대기 시간 또는 유효한 날짜와 시간을 입력하세요.\",\"autoDescription\":\"예정 시간 전에 수동으로 계속할 수 있습니다.\"},\"title\":\"인스펙터\",\"sources\":{\"loading\":\"입력 소스 불러오는 중…\",\"loadFailed\":\"입력 소스를 불러올 수 없습니다. 메뉴를 다시 열어 주세요.\",\"checkFailed\":\"이 소스를 확인할 수 없습니다.\",\"select\":\"입력 소스 선택\",\"title\":\"입력 소스\",\"sourceMissing\":\"기존 입력 소스가 더 이상 존재하지 않습니다. 다시 선택하세요.\",\"outputMissing\":\"“{{source}}”에서 “{{output}}”을(를) 찾을 수 없습니다. 다시 선택하세요.\",\"wholeObject\":\"전체 객체\",\"fieldMissing\":\"“{{output}}”에 {{field}} 필드가 선언되어 있지 않습니다. 다시 선택하세요.\",\"notReady\":\"여기까지 실행될 때 “{{source}} {{handle}}”에 아직 값이 없을 수 있습니다.\",\"sourceConflict\":\"다음 필드에 값이 동시에 있을 수 있습니다: {{sources}}. 여기서는 하나만 사용할 수 있습니다.\",\"incompatibleRight\":\"오른쪽 값의 형식이 이 비교와 호환되지 않습니다.\",\"incompatible\":\"호환되지 않음\",\"unverified\":\"확인되지 않음\",\"schemaIncompatible\":\"데이터 형식이 일치하지 않습니다.\",\"schemaPathIncompatible\":\"“{{path}}”의 데이터 형식이 일치하지 않습니다.\",\"schemaCompareFailed\":\"데이터 형식을 확인할 수 없습니다. JSON Schema를 확인하세요.\",\"binaryIncompatible\":\"바이너리 데이터는 사용할 수 없습니다.\",\"artifactIncompatible\":\"파일 데이터는 사용할 수 없습니다.\",\"nullableIncompatible\":\"값이 필요하지만 선택한 필드는 비어 있을 수 있습니다.\",\"typeIncompatible\":\"{{target}}이(가) 필요하지만 선택한 필드는 {{source}}입니다.\",\"propertyTypeIncompatible\":\"“{{path}}”은(는) {{target}}이어야 하지만 실제로는 {{source}}입니다.\",\"requiredIncompatible\":\"필수 속성 “{{property}}”이(가) 없을 수 있습니다.\",\"enumIncompatible\":\"허용되지 않는 값이 포함될 수 있습니다: {{values}}.\",\"constIncompatible\":\"{{target}}만 허용되지만 선택한 필드는 항상 {{source}}입니다.\",\"constraintSubject\":\"“{{path}}”은(는) \",\"minLength\":\"{{subject}}최소 {{value}}자여야 합니다.\",\"maxLength\":\"{{subject}}최대 {{value}}자여야 합니다.\",\"pattern\":\"{{subject}}{{value}} 형식과 일치해야 합니다.\",\"minimum\":\"{{subject}}{{value}}보다 작을 수 없습니다.\",\"exclusiveMinimum\":\"{{subject}}{{value}}보다 커야 합니다.\",\"maximum\":\"{{subject}}{{value}}보다 클 수 없습니다.\",\"exclusiveMaximum\":\"{{subject}}{{value}}보다 작아야 합니다.\",\"multipleOf\":\"{{subject}}{{value}}의 배수여야 합니다.\",\"minItems\":\"{{subject}}최소 {{value}}개 항목이 필요합니다.\",\"maxItems\":\"{{subject}}최대 {{value}}개 항목을 허용합니다.\",\"minProperties\":\"{{subject}}최소 {{value}}개 속성이 필요합니다.\",\"maxProperties\":\"{{subject}}최대 {{value}}개 속성을 허용합니다.\",\"integer\":\"정수\",\"unknownType\":\"알 수 없는 유형\",\"typeSeparator\":\" 또는 \"},\"actions\":{\"flowAccess\":\"사용 가능한 서비스\",\"flowAccessHint\":\"이 Flow의 모든 Code 노드가 공유하는 연결 관리\",\"chooseConnection\":\"{{provider}} Connection 선택\",\"connectionDescription\":\"Connection이 이 호출에 삽입됩니다. 사용 가능 여부는 계속 Flow Provider Access에서 제어합니다.\",\"title\":\"이 코드에서 호출할 수 있는 작업\",\"search\":\"Action 검색\",\"description\":\"이 코드에서 사용할 Action과 계정을 선택하세요.\",\"empty\":\"일치하는 Action이 없습니다.\",\"remove\":\"제거\",\"default\":\"기본 계정\",\"defaultHint\":\"호출 시 계정을 지정하지 않으면 이 계정을 사용합니다.\",\"removeAction\":\"액션 제거\",\"explicit\":\"코드에서 명시적으로 선택\",\"connect\":\"계정 연결\",\"refresh\":\"계정 새로 고침\",\"aliases\":\"저장된 별칭 업데이트\",\"add\":\"액션 추가\",\"cancel\":\"취소\",\"loading\":\"검색 중…\",\"needsAccount\":\"계정 연결 필요\",\"accounts\":\"계정 {{count}}개\",\"public\":\"계정 불필요\",\"allowed\":\"사용할 계정\",\"unavailable\":\"사용 불가\",\"details\":\"연결 세부 정보\",\"example\":\"호출 예제\",\"syntax\":\"호출 형식\",\"nested\":\"계층형\",\"fullId\":\"전체 ID\",\"copy\":\"복사\",\"copied\":\"복사됨\",\"copyError\":\"복사하지 못했습니다. 코드를 선택하여 직접 복사하세요.\",\"introDescription\":\"필요한 작업을 추가하고 {{context}}로 외부 앱을 호출하세요.\",\"insertAction\":\"코드 삽입\",\"chooseAccounts\":\"계정 관리\"},\"comment\":{\"markdown\":\"Markdown\",\"preview\":\"미리보기\"},\"ports\":{\"reorder\":\"{{name}} 순서 변경\",\"reorderHint\":\"그룹 안에서 드래그하거나 포커스 후 위 / 아래 키로 순서를 변경하세요.\",\"moved\":\"{{name}}이(가) {{position}}번째로 이동했습니다.\",\"groupSettings\":\"그룹 설정\",\"connected\":\"연결됨\",\"sort\":\"순서 변경\",\"finishSorting\":\"순서 변경 완료\",\"inputsTitle\":\"입력\",\"requiredInputs\":\"필수\",\"optionalInputs\":\"선택\",\"noInputs\":\"이 노드에는 입력 데이터가 필요하지 않습니다.\",\"noOutputs\":\"이 노드는 출력 데이터를 제공하지 않습니다.\",\"outputsTitle\":\"출력\",\"valuesTitle\":\"값\",\"columnHandle\":\"Handle\",\"columnName\":\"이름\",\"columnType\":\"유형\",\"columnValue\":\"값\",\"builtIn\":{\"cron\":{\"scheduledAt\":\"이 실행을 트리거한 예약 시간이며 ISO 8601 형식입니다.\"},\"webhook\":{\"headers\":\"이 Webhook 요청과 함께 수신된 요청 헤더입니다.\",\"query\":\"이 Webhook 요청과 함께 수신된 URL 쿼리 매개변수입니다.\",\"body\":\"이 Webhook 요청과 함께 수신된 요청 본문입니다.\",\"webhookUrl\":\"이 요청을 수신한 Webhook URL이며 쿼리 매개변수는 포함하지 않습니다.\"}},\"startParametersTitle\":\"시작 매개변수\"}}"),
 			language: { "label": "언어" },
@@ -257530,14 +258269,24 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				"exportFlow": "Экспортировать процесс",
 				"exportPng": "Экспорт изображения PNG",
 				"exportPngFrame": "Показать рамку",
+				"exportPngCompact": "Компактная компоновка",
 				"exportPngLight": "Светлая",
 				"exportPngDark": "Тёмная",
-				"exportPngPending": "Экспорт PNG…",
-				"exportPngPendingDescription": "Подготовка рабочего процесса и изображений. Большие изображения могут потребовать больше времени.",
 				"exportPngComplete": "Изображение PNG экспортировано.",
 				"exportPngPartial": "Изображение PNG экспортировано. Некоторые изображения заменены заглушками.",
 				"exportPngFailed": "Не удалось экспортировать изображение PNG. Повторите попытку.",
-				"importInvalid": "Некорректный или неподдерживаемый файл процесса."
+				"importInvalid": "Некорректный или неподдерживаемый файл процесса.",
+				"exportPngAspectRatio": "Пропорции холста",
+				"exportPngAuto": "Авто",
+				"exportPngLayout": "Компоновка",
+				"exportPngOriginal": "Исходная",
+				"exportPngTheme": "Тема",
+				"exportPngPreview": "Предпросмотр",
+				"exportPngPreviewPending": "Создание предпросмотра…",
+				"exportPngPreviewFailed": "Не удалось создать предпросмотр.",
+				"exportPngPreviewPartial": "Некоторые изображения заменены заглушками.",
+				"exportPngDownload": "Скачать PNG",
+				"exportPngPreviewRetry": "Повторить"
 			},
 			inspector: /* @__PURE__ */ JSON.parse("{\"outline\":\"Список узлов\",\"backToOutline\":\"Вернуться к списку узлов\",\"emptyOutline\":\"Узлов пока нет\",\"triggers\":\"Триггеры\",\"nodes\":\"Узлы\",\"multipleSelected\":\"Выбрано узлов: {{count}}\",\"account\":{\"contactAdmin\":\"У вас нет прав для выполнения этой операции. Обратитесь к администратору.\",\"accessTitle\":\"Права доступа\",\"manageFlowAccess\":\"Подключения, доступные Code\",\"configureAccess\":\"Выбрать аккаунт\",\"manageAccount\":\"Управление аккаунтами\",\"required\":\"Требуется подключение аккаунта\",\"addAccount\":\"Добавить аккаунт\",\"manage\":\"Управление\",\"authorizationPending\":\"Завершите авторизацию на странице Connection, затем вернитесь сюда, чтобы обновить этот аккаунт.\",\"chooseAccount\":\"Выберите аккаунт\",\"deferred\":\"Пока не настраивать\",\"clearDeferred\":\"Сбросить выбор\",\"noAccounts\":\"Нет доступных аккаунтов\",\"connectBeforeRun\":\"Подключите {{service}}, чтобы этот узел можно было запускать и публиковать.\",\"connectService\":\"Подключить {{service}}\",\"connection\":\"Connection\",\"loading\":\"Загрузка Connection…\",\"oomolBuiltIn\":\"Встроенный аккаунт OOMOL\",\"missing\":\"Выбранный для этого узла аккаунт недоступен. Выберите другой аккаунт или откройте управление подключениями.\",\"refreshFailed\":\"Не удалось обновить Connection.\",\"retry\":\"Повторить\",\"status\":{\"disconnected\":\"Этот Connection отключён. Подключите его заново или выберите другой аккаунт.\",\"error\":\"В этом Connection ошибка. Исправьте её или выберите другой аккаунт.\",\"reauth_required\":\"Этому Connection нужна повторная авторизация. Подключите его заново или выберите другой аккаунт.\"},\"statusUnavailable\":\"Статус Connection недоступен для {{action}}.\",\"teamDefault\":\"По умолчанию для команды\",\"title\":\"Аккаунт\",\"unavailable\":\"недоступно\"},\"close\":\"Закрыть инспектор\",\"configurationRequired\":\"Требуется настройка\",\"diagnostics\":\"Диагностика\",\"errors\":{\"jsonObject\":\"{{label}} должен быть JSON-объектом.\",\"portDefinitions\":\"Введите корректные определения портов.\"},\"node\":{\"nameDuplicate\":\"Узел с таким именем уже существует в этом графе.\",\"nameEmpty\":\"Имя узла не может быть пустым.\",\"timeout\":\"Время ожидания (мс)\",\"maxExecutions\":\"Лимит выполнений узла\",\"maxExecutionsError\":\"Лимит выполнений узла должен быть положительным целым числом.\",\"timeoutError\":\"Время ожидания должно быть положительным целым числом в миллисекундах.\",\"title\":\"Настройки узла\",\"description\":\"Назначение\",\"describe\":\"Опишите назначение этого шага.\",\"icon\":\"Значок\",\"name\":\"Заголовок\",\"retry\":\"Повторять при ошибке\",\"retryCount\":\"До {{count}} повторов\",\"retryInterval\":\"Интервал повторов\",\"retryError\":\"Укажите целый интервал от 1 до 60 секунд.\",\"retryHint\":\"Число повторов означает дополнительные попытки после неудачной первой попытки. Повтор запускает весь узел заново и может повторить внешние операции. Тайм-аут включает все попытки и интервалы.\",\"retryNone\":\"Без повторов\",\"retrySeconds\":\"сек.\",\"retryHelp\":\"О повторах\",\"retryOnce\":\"Не более 1 повтора\",\"onError\":\"При ошибке\",\"onErrorStop\":\"Остановить процесс\",\"onErrorOutput\":\"Вывод в порт error\",\"onErrorHelp\":\"Обработка ошибок\",\"onErrorHint\":\"После неудачных повторов записать ошибку в системный выход error и продолжить по существующим связям. При успехе error равен null. Отмена, тайм-ауты, ограничения ресурсов и неопределённые результаты останавливают выполнение.\",\"systemOutputs\":\"Системные выходы\",\"systemError\":\"Ошибка (системная)\",\"errorFields\":{\"error\":\"Информация об ошибке узла; при успешном выполнении — null.\",\"code\":\"Код, определяющий тип ошибки.\",\"message\":\"Описание ошибки со скрытыми конфиденциальными данными.\",\"nodeId\":\"Идентификатор узла, в котором произошла ошибка.\",\"nodeName\":\"Имя узла на момент ошибки.\",\"runId\":\"Идентификатор этого запуска рабочего процесса.\",\"executionId\":\"Идентификатор этого выполнения узла, общий для всех повторных попыток.\"}},\"selectNode\":\"Выберите один узел черновика, чтобы просмотреть и изменить его.\",\"locateNode\":\"Найти этот узел на холсте\",\"task\":{\"sharedPermissions\":\"Использовать общую группу разрешений Flow\",\"sharedPermissionsHint\":\"Используйте все Actions, разрешённые общей группой Flow. Добавлять их в узел по отдельности не нужно.\",\"httpHosts\":\"HTTP-хосты\",\"httpHostsHint\":\"Один хост на строку. *.example.com включает поддомены.\",\"httpHostsInvalid\":\"«{{host}}» — недопустимый хост. Укажите имя хоста, например api.example.com.\",\"httpHostsLimit\":\"Можно объявить не более {{count}} хостов.\",\"addAction\":\"Добавить Action\",\"removeAction\":\"Удалить Action\",\"actionAccount\":\"Аккаунт\",\"chooseAccount\":\"Выбрать аккаунт\",\"permissionSaveFailed\":\"Не удалось сохранить разрешения Code. Повторите попытку.\",\"chatText\":\"Текст чата\",\"connectorAction\":\"Действие Connector\",\"definition\":\"Определение задачи\",\"discardCode\":\"Отменить изменения\",\"editorLoading\":\"Загрузка редактора…\",\"editorUnavailable\":\"Не удалось загрузить редактор кода.\",\"inputPorts\":\"Входные порты\",\"javascriptModule\":\"Код\",\"missing\":\"Указанная задача не существует.\",\"outputPorts\":\"Выходные порты\",\"responseMode\":\"Режим ответа\",\"source\":\"Исходный код\",\"structuredJson\":\"Структурированный JSON\",\"retrySave\":\"Повторить сохранение\",\"additionalInputs\":\"Дополнительные входы\",\"httpHostsUpdated\":\"Настройки хостов изменены в другом месте. Загружена новая конфигурация; проверьте её перед сохранением.\"},\"wait\":{\"approval\":\"Одобрить или отклонить\",\"changeNotification\":\"Изменить\",\"continue\":\"Продолжить\",\"mode\":\"Обработка\",\"inputsLoading\":\"Загрузка параметров уведомления…\",\"pendingDescription\":\"Выход ожидания срабатывает один раз при начале ожидания и передаёт ссылки подтверждения и связанные данные. Подключите его для отправки сообщения или выполнения других шагов.\",\"prompt\":\"Запрос\",\"promptError\":\"Запрос должен содержать от 1 до 1 000 символов.\",\"autoContinue\":\"Автоматическое продолжение\",\"autoOff\":\"Выключено\",\"autoAfter\":\"Через интервал\",\"autoAt\":\"В указанное время\",\"autoSeconds\":\"Длительность (секунды)\",\"autoDate\":\"Дата и время\",\"autoInvalid\":\"Введите положительную длительность или корректные дату и время.\",\"autoDescription\":\"До указанного времени можно продолжить вручную.\"},\"title\":\"Инспектор\",\"sources\":{\"loading\":\"Загрузка источников входных данных…\",\"loadFailed\":\"Не удалось загрузить источники входных данных. Откройте меню ещё раз.\",\"checkFailed\":\"Не удалось проверить этот источник.\",\"select\":\"Выбрать источник входных данных\",\"title\":\"Источник входных данных\",\"sourceMissing\":\"Исходный источник входных данных больше не существует. Выберите другой.\",\"outputMissing\":\"«{{output}}» не найден в «{{source}}». Выберите снова.\",\"wholeObject\":\"Весь объект\",\"fieldMissing\":\"Поле {{field}} больше не объявлено в «{{output}}». Выберите снова.\",\"notReady\":\"К моменту выполнения этого шага у «{{source}} {{handle}}» может ещё не быть значения.\",\"sourceConflict\":\"Эти поля могут иметь значения одновременно: {{sources}}. Здесь можно использовать только одно.\",\"incompatibleRight\":\"Тип правого значения несовместим с этим сравнением.\",\"incompatible\":\"Несовместимо\",\"unverified\":\"Не проверено\",\"schemaIncompatible\":\"Формат данных не совпадает.\",\"schemaPathIncompatible\":\"Формат данных «{{path}}» не совпадает.\",\"schemaCompareFailed\":\"Не удалось проверить формат данных. Проверьте схему JSON.\",\"binaryIncompatible\":\"Двоичные данные здесь использовать нельзя.\",\"artifactIncompatible\":\"Файловые данные здесь использовать нельзя.\",\"nullableIncompatible\":\"Требуется значение, но выбранное поле может быть пустым.\",\"typeIncompatible\":\"Ожидается {{target}}, но выбранное поле имеет тип {{source}}.\",\"propertyTypeIncompatible\":\"«{{path}}» должно иметь тип {{target}}, но имеет тип {{source}}.\",\"requiredIncompatible\":\"Обязательное свойство «{{property}}» может отсутствовать.\",\"enumIncompatible\":\"Некоторые возможные значения не принимаются: {{values}}.\",\"constIncompatible\":\"Принимается только {{target}}, но выбранное поле всегда равно {{source}}.\",\"constraintSubject\":\"«{{path}}» \",\"minLength\":\"{{subject}}должно содержать не менее {{value}} символов.\",\"maxLength\":\"{{subject}}должно содержать не более {{value}} символов.\",\"pattern\":\"{{subject}}должно соответствовать {{value}}.\",\"minimum\":\"{{subject}}не может быть меньше {{value}}.\",\"exclusiveMinimum\":\"{{subject}}должно быть больше {{value}}.\",\"maximum\":\"{{subject}}не может быть больше {{value}}.\",\"exclusiveMaximum\":\"{{subject}}должно быть меньше {{value}}.\",\"multipleOf\":\"{{subject}}должно быть кратно {{value}}.\",\"minItems\":\"{{subject}}должно содержать не менее {{value}} элементов.\",\"maxItems\":\"{{subject}}должно содержать не более {{value}} элементов.\",\"minProperties\":\"{{subject}}должно содержать не менее {{value}} свойств.\",\"maxProperties\":\"{{subject}}должно содержать не более {{value}} свойств.\",\"integer\":\"Целое число\",\"unknownType\":\"неизвестный тип\",\"typeSeparator\":\" или \"},\"actions\":{\"flowAccess\":\"Доступные сервисы\",\"flowAccessHint\":\"Управлять подключениями, общими для всех узлов Code в этом Flow\",\"chooseConnection\":\"Выбрать подключение {{provider}}\",\"connectionDescription\":\"Подключение будет вставлено в этот вызов. Возможность его использования по-прежнему контролирует Flow Provider Access.\",\"title\":\"Действия, доступные коду\",\"search\":\"Поиск действий\",\"description\":\"Выберите действия и аккаунты, доступные этому коду.\",\"empty\":\"Подходящих действий нет.\",\"remove\":\"Удалить\",\"default\":\"Аккаунт по умолчанию\",\"defaultHint\":\"Используется, если при вызове не указан аккаунт.\",\"removeAction\":\"Удалить действие\",\"explicit\":\"Выбирать явно в коде\",\"connect\":\"Подключить аккаунт\",\"refresh\":\"Обновить аккаунты\",\"aliases\":\"Обновить сохранённые псевдонимы\",\"add\":\"Добавить действие\",\"cancel\":\"Отмена\",\"loading\":\"Поиск…\",\"needsAccount\":\"Подключите аккаунт\",\"accounts\":\"Аккаунты: {{count}}\",\"public\":\"Без аккаунта\",\"allowed\":\"Разрешённые аккаунты\",\"unavailable\":\"Недоступен\",\"details\":\"Данные подключений\",\"example\":\"Пример вызова\",\"syntax\":\"Синтаксис вызова\",\"nested\":\"Через провайдера\",\"fullId\":\"Полный ID\",\"copy\":\"Копировать\",\"copied\":\"Скопировано\",\"copyError\":\"Не удалось скопировать. Выделите код и скопируйте вручную.\",\"introDescription\":\"При необходимости добавьте действия для вызова внешних приложений через {{context}}.\",\"insertAction\":\"Вставить код\",\"chooseAccounts\":\"Управление аккаунтами\"},\"comment\":{\"markdown\":\"Markdown\",\"preview\":\"Предпросмотр\"},\"ports\":{\"reorder\":\"Изменить порядок {{name}}\",\"reorderHint\":\"Перетащите внутри группы или используйте стрелки вверх / вниз при фокусе.\",\"moved\":\"{{name}} перемещён на позицию {{position}}.\",\"groupSettings\":\"Настройки группы\",\"connected\":\"Подключено\",\"sort\":\"Изменить порядок\",\"finishSorting\":\"Готово\",\"inputsTitle\":\"Входы\",\"requiredInputs\":\"Обязательные\",\"optionalInputs\":\"Необязательные\",\"noInputs\":\"Этому узлу не требуются входные данные.\",\"noOutputs\":\"Этот узел не предоставляет выходных данных.\",\"outputsTitle\":\"Выходы\",\"valuesTitle\":\"Значения\",\"columnHandle\":\"Handle\",\"columnName\":\"Имя\",\"columnType\":\"Тип\",\"columnValue\":\"Значение\",\"builtIn\":{\"cron\":{\"scheduledAt\":\"Запланированное время этого запуска в формате ISO 8601.\"},\"webhook\":{\"headers\":\"Заголовки, полученные с этим Webhook-запросом.\",\"query\":\"Параметры URL-запроса, полученные с этим Webhook-запросом.\",\"body\":\"Тело, полученное с этим Webhook-запросом.\",\"webhookUrl\":\"URL Webhook, получивший этот запрос, без параметров запроса.\"}},\"startParametersTitle\":\"Параметры запуска\"}}"),
 			language: { "label": "Язык" },
@@ -258910,14 +259659,24 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 				"exportFlow": "Exporter le workflow",
 				"exportPng": "Exporter une image PNG",
 				"exportPngFrame": "Afficher le cadre",
+				"exportPngCompact": "Disposition compacte",
 				"exportPngLight": "Clair",
 				"exportPngDark": "Sombre",
-				"exportPngPending": "Exportation du PNG…",
-				"exportPngPendingDescription": "Préparation du workflow et des images. Les images volumineuses peuvent prendre un peu plus de temps.",
 				"exportPngComplete": "Image PNG exportée.",
 				"exportPngPartial": "Image PNG exportée. Certaines images ont été remplacées par des espaces réservés.",
 				"exportPngFailed": "Impossible d’exporter l’image PNG. Veuillez réessayer.",
-				"importInvalid": "Fichier de workflow invalide ou non pris en charge."
+				"importInvalid": "Fichier de workflow invalide ou non pris en charge.",
+				"exportPngAspectRatio": "Format du canevas",
+				"exportPngAuto": "Auto",
+				"exportPngLayout": "Disposition",
+				"exportPngOriginal": "Originale",
+				"exportPngTheme": "Thème",
+				"exportPngPreview": "Aperçu",
+				"exportPngPreviewPending": "Génération de l’aperçu…",
+				"exportPngPreviewFailed": "Impossible de générer l’aperçu.",
+				"exportPngPreviewPartial": "Certaines images ont été remplacées par des espaces réservés.",
+				"exportPngDownload": "Télécharger le PNG",
+				"exportPngPreviewRetry": "Réessayer"
 			},
 			inspector: /* @__PURE__ */ JSON.parse("{\"outline\":\"Liste des nœuds\",\"backToOutline\":\"Retour à la liste des nœuds\",\"emptyOutline\":\"Aucun nœud pour le moment\",\"triggers\":\"Déclencheurs\",\"nodes\":\"Nœuds\",\"multipleSelected\":\"{{count}} nœuds sélectionnés\",\"account\":{\"contactAdmin\":\"Vous n’avez pas l’autorisation d’effectuer cette opération. Contactez un administrateur.\",\"accessTitle\":\"Autorisations d’accès\",\"manageFlowAccess\":\"Connexions disponibles pour Code\",\"configureAccess\":\"Choisir un compte\",\"manageAccount\":\"Gérer les comptes\",\"required\":\"Compte à connecter\",\"addAccount\":\"Ajouter un compte\",\"manage\":\"Gérer\",\"authorizationPending\":\"Terminez l'autorisation sur la page Connection, puis revenez ici pour actualiser ce compte.\",\"chooseAccount\":\"Choisir un compte\",\"deferred\":\"Ne pas configurer maintenant\",\"clearDeferred\":\"Effacer la sélection\",\"noAccounts\":\"Aucun compte disponible\",\"connectBeforeRun\":\"Connectez {{service}} pour que ce bloc puisse être exécuté ou publié.\",\"connectService\":\"Connecter {{service}}\",\"connection\":\"Connection\",\"loading\":\"Chargement des Connections…\",\"oomolBuiltIn\":\"Compte intégré OOMOL\",\"missing\":\"Le compte sélectionné pour ce nœud est indisponible. Choisissez un autre compte ou gérez les connexions.\",\"refreshFailed\":\"Impossible d'actualiser les Connections.\",\"retry\":\"Réessayer\",\"status\":{\"disconnected\":\"Cette Connection est déconnectée. Reconnectez-la ou choisissez un autre compte.\",\"error\":\"Cette Connection présente une erreur. Réparez-la ou choisissez un autre compte.\",\"reauth_required\":\"Cette Connection doit être autorisée à nouveau. Reconnectez-la ou choisissez un autre compte.\"},\"statusUnavailable\":\"Le statut de la Connection est indisponible pour {{action}}.\",\"teamDefault\":\"Par défaut de l'équipe\",\"title\":\"Compte\",\"unavailable\":\"indisponible\"},\"close\":\"Fermer l'inspecteur\",\"configurationRequired\":\"Configuration requise\",\"diagnostics\":\"Diagnostics\",\"errors\":{\"jsonObject\":\"{{label}} doit être un objet JSON.\",\"portDefinitions\":\"Saisissez des définitions de ports valides.\"},\"node\":{\"nameDuplicate\":\"Un nœud portant ce nom existe déjà dans ce graphe.\",\"nameEmpty\":\"Le nom du nœud ne peut pas être vide.\",\"timeout\":\"Délai d'expiration (ms)\",\"maxExecutions\":\"Limite d’exécutions du nœud\",\"maxExecutionsError\":\"La limite d’exécutions du nœud doit être un entier positif.\",\"timeoutError\":\"Le délai d'expiration doit être un entier positif exprimé en millisecondes.\",\"title\":\"Paramètres du nœud\",\"description\":\"Objectif\",\"describe\":\"Décrivez le rôle de cette étape.\",\"icon\":\"Icône\",\"name\":\"Titre\",\"retry\":\"Réessayer en cas d’erreur\",\"retryCount\":\"Nouvelles tentatives : {{count}} max.\",\"retryInterval\":\"Intervalle\",\"retryError\":\"Indiquez un intervalle entier de 1 à 60 secondes.\",\"retryHint\":\"Le nombre de nouvelles tentatives s’ajoute à la première exécution en cas d’échec. Chaque tentative réexécute le nœud entier et peut répéter des opérations externes. Le délai maximal inclut toutes les tentatives et les intervalles.\",\"retryNone\":\"Aucune nouvelle tentative\",\"retrySeconds\":\"secondes\",\"retryHelp\":\"À propos des nouvelles tentatives\",\"retryOnce\":\"Une nouvelle tentative max.\",\"onError\":\"En cas d’échec\",\"onErrorStop\":\"Arrêter le workflow\",\"onErrorOutput\":\"Sortir vers le port error\",\"onErrorHelp\":\"Gestion des échecs\",\"onErrorHint\":\"Après les nouvelles tentatives, placer l’erreur dans la sortie système error et continuer par les connexions existantes. En cas de succès, error vaut null. Annulation, délais, limites de ressources et résultats indéterminés arrêtent toujours l’exécution.\",\"systemOutputs\":\"Sorties système\",\"systemError\":\"Erreur (système)\",\"errorFields\":{\"error\":\"Informations sur l’erreur en cas d’échec du nœud ; null en cas de réussite.\",\"code\":\"Code identifiant le type d’erreur.\",\"message\":\"Description de l’erreur, avec les informations sensibles masquées.\",\"nodeId\":\"Identifiant du nœud ayant échoué.\",\"nodeName\":\"Nom du nœud au moment de l’échec.\",\"runId\":\"Identifiant de cette exécution du workflow.\",\"executionId\":\"Identifiant de cette exécution du nœud, commun à toutes ses tentatives.\"}},\"selectNode\":\"Sélectionnez un nœud du Brouillon pour l'inspecter et le modifier.\",\"locateNode\":\"Localiser ce nœud sur le canevas\",\"task\":{\"sharedPermissions\":\"Utiliser le groupe d’autorisations partagé du Flow\",\"sharedPermissionsHint\":\"Utilisez toutes les Actions autorisées par le groupe du Flow, sans les ajouter à ce nœud.\",\"httpHosts\":\"Hôtes HTTP\",\"httpHostsHint\":\"Un hôte par ligne. *.example.com inclut les sous-domaines.\",\"httpHostsInvalid\":\"« {{host}} » n’est pas un hôte valide. Utilisez un nom d’hôte comme api.example.com.\",\"httpHostsLimit\":\"Déclarez au plus {{count}} hôtes.\",\"addAction\":\"Ajouter une action\",\"removeAction\":\"Supprimer l’action\",\"actionAccount\":\"Compte\",\"chooseAccount\":\"Choisir un compte\",\"permissionSaveFailed\":\"Impossible d’enregistrer les autorisations Code. Réessayez.\",\"chatText\":\"Texte de conversation\",\"connectorAction\":\"Action Connector\",\"definition\":\"Définition de la tâche\",\"discardCode\":\"Abandonner les modifications\",\"editorLoading\":\"Chargement de l'éditeur…\",\"editorUnavailable\":\"Impossible de charger l'éditeur de code.\",\"inputPorts\":\"Ports d'entrée\",\"javascriptModule\":\"Code\",\"missing\":\"La tâche référencée n'existe pas.\",\"outputPorts\":\"Ports de sortie\",\"responseMode\":\"Mode de réponse\",\"source\":\"Source\",\"structuredJson\":\"JSON structuré\",\"retrySave\":\"Réessayer\",\"additionalInputs\":\"Entrées supplémentaires\",\"httpHostsUpdated\":\"Les hôtes ont été modifiés ailleurs. La dernière configuration est chargée ; vérifiez-la avant d’enregistrer.\"},\"wait\":{\"approval\":\"Approuver ou refuser\",\"changeNotification\":\"Changer\",\"continue\":\"Continuer\",\"mode\":\"Traitement\",\"inputsLoading\":\"Chargement des paramètres de notification…\",\"pendingDescription\":\"La sortie en attente se déclenche une fois au début de l’attente et fournit les liens de confirmation et les données associées. Reliez-la pour envoyer un message ou exécuter d’autres étapes.\",\"prompt\":\"Invite\",\"promptError\":\"L’invite doit contenir entre 1 et 1 000 caractères.\",\"autoContinue\":\"Reprise automatique\",\"autoOff\":\"Désactivée\",\"autoAfter\":\"Après une durée\",\"autoAt\":\"À une date précise\",\"autoSeconds\":\"Durée (secondes)\",\"autoDate\":\"Date et heure\",\"autoInvalid\":\"Saisissez une durée positive ou une date et une heure valides.\",\"autoDescription\":\"Vous pouvez reprendre manuellement avant l’heure prévue.\"},\"title\":\"Inspecteur\",\"sources\":{\"loading\":\"Chargement des sources d’entrée…\",\"loadFailed\":\"Impossible de charger les sources d’entrée. Rouvrez le menu pour réessayer.\",\"checkFailed\":\"Impossible de vérifier cette source.\",\"select\":\"Sélectionner la source d’entrée\",\"title\":\"Source d’entrée\",\"sourceMissing\":\"La source d’entrée d’origine n’existe plus. Choisissez-en une autre.\",\"outputMissing\":\"« {{output}} » est introuvable dans « {{source}} ». Choisissez à nouveau.\",\"wholeObject\":\"Objet entier\",\"fieldMissing\":\"Le champ {{field}} n’est plus déclaré dans « {{output}} ». Choisissez à nouveau.\",\"notReady\":\"« {{source}} {{handle}} » peut ne pas avoir de valeur lors de cette étape.\",\"sourceConflict\":\"Ces champs peuvent avoir une valeur en même temps : {{sources}}. Un seul peut être utilisé ici.\",\"incompatibleRight\":\"Le type de la valeur de droite est incompatible avec cette comparaison.\",\"incompatible\":\"Incompatible\",\"unverified\":\"Non vérifié\",\"schemaIncompatible\":\"Le format des données ne correspond pas.\",\"schemaPathIncompatible\":\"Le format de « {{path}} » ne correspond pas.\",\"schemaCompareFailed\":\"Impossible de vérifier le format. Vérifiez le schéma JSON.\",\"binaryIncompatible\":\"Les données binaires ne peuvent pas être utilisées ici.\",\"artifactIncompatible\":\"Les données de fichier ne peuvent pas être utilisées ici.\",\"nullableIncompatible\":\"Une valeur est requise, mais le champ sélectionné peut être vide.\",\"typeIncompatible\":\"Le type attendu est {{target}}, mais le champ sélectionné est de type {{source}}.\",\"propertyTypeIncompatible\":\"« {{path}} » doit être de type {{target}}, mais est de type {{source}}.\",\"requiredIncompatible\":\"La propriété requise « {{property}} » peut être absente.\",\"enumIncompatible\":\"Certaines valeurs possibles ne sont pas acceptées : {{values}}.\",\"constIncompatible\":\"Seul {{target}} est accepté, mais le champ sélectionné vaut toujours {{source}}.\",\"constraintSubject\":\"« {{path}} » \",\"minLength\":\"{{subject}}doit contenir au moins {{value}} caractères.\",\"maxLength\":\"{{subject}}doit contenir au plus {{value}} caractères.\",\"pattern\":\"{{subject}}doit correspondre à {{value}}.\",\"minimum\":\"{{subject}}ne peut pas être inférieur à {{value}}.\",\"exclusiveMinimum\":\"{{subject}}doit être supérieur à {{value}}.\",\"maximum\":\"{{subject}}ne peut pas être supérieur à {{value}}.\",\"exclusiveMaximum\":\"{{subject}}doit être inférieur à {{value}}.\",\"multipleOf\":\"{{subject}}doit être un multiple de {{value}}.\",\"minItems\":\"{{subject}}doit contenir au moins {{value}} éléments.\",\"maxItems\":\"{{subject}}doit contenir au plus {{value}} éléments.\",\"minProperties\":\"{{subject}}doit contenir au moins {{value}} propriétés.\",\"maxProperties\":\"{{subject}}doit contenir au plus {{value}} propriétés.\",\"integer\":\"Entier\",\"unknownType\":\"type inconnu\",\"typeSeparator\":\" ou \"},\"actions\":{\"flowAccess\":\"Services disponibles\",\"flowAccessHint\":\"Gérer les connexions partagées par tous les nœuds Code de ce Flow\",\"chooseConnection\":\"Choisir une connexion {{provider}}\",\"connectionDescription\":\"La connexion est insérée dans cet appel. L’accès Provider du Flow détermine toujours si elle peut être utilisée.\",\"title\":\"Actions accessibles au code\",\"search\":\"Rechercher des actions\",\"description\":\"Choisissez les actions et les comptes autorisés pour ce code.\",\"empty\":\"Aucune action correspondante.\",\"remove\":\"Retirer\",\"default\":\"Compte par défaut\",\"defaultHint\":\"Compte utilisé si aucun compte n’est précisé lors de l’appel.\",\"removeAction\":\"Retirer l’action\",\"explicit\":\"Choisir explicitement dans le code\",\"connect\":\"Connecter un compte\",\"refresh\":\"Actualiser les comptes\",\"aliases\":\"Mettre à jour les alias enregistrés\",\"add\":\"Ajouter une action\",\"cancel\":\"Annuler\",\"loading\":\"Recherche…\",\"needsAccount\":\"Connecter un compte\",\"accounts\":\"{{count}} comptes\",\"public\":\"Sans compte\",\"allowed\":\"Comptes autorisés\",\"unavailable\":\"Indisponible\",\"details\":\"Détails des connexions\",\"example\":\"Exemple d’appel\",\"syntax\":\"Syntaxe d’appel\",\"nested\":\"Par fournisseur\",\"fullId\":\"ID complet\",\"copy\":\"Copier\",\"copied\":\"Copié\",\"copyError\":\"Échec de la copie. Sélectionnez le code pour le copier manuellement.\",\"introDescription\":\"Ajoutez des actions au besoin pour appeler des applications externes via {{context}}.\",\"insertAction\":\"Insérer le code\",\"chooseAccounts\":\"Gérer les comptes\"},\"comment\":{\"markdown\":\"Markdown\",\"preview\":\"Aperçu\"},\"ports\":{\"reorder\":\"Réordonner {{name}}\",\"reorderHint\":\"Glissez dans le groupe ou utilisez les flèches haut / bas au clavier.\",\"moved\":\"{{name}} déplacé en position {{position}}.\",\"groupSettings\":\"Paramètres du groupe\",\"connected\":\"Connecté\",\"sort\":\"Réordonner\",\"finishSorting\":\"Terminer\",\"inputsTitle\":\"Entrées\",\"requiredInputs\":\"Obligatoires\",\"optionalInputs\":\"Facultatifs\",\"noInputs\":\"Ce nœud ne nécessite pas de données d’entrée.\",\"noOutputs\":\"Ce nœud ne fournit pas de données de sortie.\",\"outputsTitle\":\"Sorties\",\"valuesTitle\":\"Valeurs\",\"columnHandle\":\"Handle\",\"columnName\":\"Nom\",\"columnType\":\"Type\",\"columnValue\":\"Valeur\",\"builtIn\":{\"cron\":{\"scheduledAt\":\"Heure planifiée ayant déclenché cette exécution, au format ISO 8601.\"},\"webhook\":{\"headers\":\"Les en-têtes reçus avec cette requête Webhook.\",\"query\":\"Les paramètres de requête URL reçus avec cette requête Webhook.\",\"body\":\"Le corps reçu avec cette requête Webhook.\",\"webhookUrl\":\"L’URL Webhook ayant reçu cette requête, sans les paramètres de requête.\"}},\"startParametersTitle\":\"Paramètres de démarrage\"}}"),
 			language: { "label": "Langue" },
@@ -266740,6 +267499,8 @@ export function identity(value) { return value }
 		const i18n = createI18n(language);
 		try {
 			const result = await flowToPng(designerGraph(workflow, workflow.presentation, [], {}, {}, i18n.t), language, {
+				layout: options.layout,
+				aspectRatio: options.aspectRatio,
 				dark: options.dark,
 				frame: options.frame,
 				title: options.title ?? workflow.name ?? "Workflow"