@oomol-lab/open-flow 0.1.0-beta.77 → 0.1.0-beta.78

package/dist/browser/workbench.js

@@ -1,9 +1,9 @@
-import { C as DropdownMenuContent, N as DropdownMenuTrigger, T as DropdownMenuItem, d as PopoverContent, g as PopoverTrigger, h as PopoverTitle, it as providerIconAppearance, k as DropdownMenuSeparator, st as IconThemeContext, u as Popover, x as DropdownMenu } from "./ContentIcon-VZQO8VZU.js";
+import { A as DropdownMenuSeparator, E as DropdownMenuItem, P as DropdownMenuTrigger, S as DropdownMenu, _ as PopoverTrigger, d as Popover, f as PopoverContent, g as PopoverTitle, ut as IconThemeContext, w as DropdownMenuContent } from "./ContentIcon-CMn0c-kl.js";
 import { a as derive, i as compute, l as val } from "./dist-bO8nvHFH.js";
 import { c as useLang, l as useTranslate, o as I18nProvider, u as useVal } from "./dist-BFmpkX4P.js";
-import { i as TooltipTrigger, n as TooltipContent, t as Tooltip, xr as cn, yr as Button } from "./tooltip-BAWSUexx.js";
-import { C as upgradeManualTrigger, It as dequal, M as mapConditionSources, N as nodeInputMappings, S as resourceNameIssue, _ as applyFlowChanges, a as DialogFooter, d as Field, g as FlowChangeError, h as FieldLabel, i as DialogDescription, l as Icon, m as FieldGroup, nn as Input, o as DialogHeader, p as FieldError, r as DialogContent, s as DialogTitle, t as Dialog, u as Spinner, v as isTriggerNode, w as upgradeRevisionContent } from "./dialog-BcFBfRB1.js";
-import { $ as connectorActionPorts, At as setConnectorConnection, Bn as triggerOutputDefinitions, Bt as FlowTagChips, C as updateValue, Ct as setComment, Dn as normalizeFlowQuery, Dt as repairNodeNames, En as WorkbenchClient, Et as setNodePositions, Ft as dequal$1, Gn as parseWorkflowFile, Hn as connection, It as WorkflowExportMenuItem, J as scopedValue, K as combineSources, Kn as workflowFileName, Lt as IdTooltip, Mt as setServiceConnections, Nt as updateStartInputDefs, On as randomId, Ot as resetInputValues, Pt as updateTriggerSchedule, Q as resourceValue, Rn as normalizeTriggerOutputs, S as updateTriggerConfig, Sn as createI18n, St as restoreCanvasPresentation, Tn as errorNotice, Tt as setNodeContentHidden, U as addNodeIntent, Un as connectorActionMetadata, Vt as TagPicker, W as deriveAddNodeOptions, Wn as encodeWorkflowFile, Y as CacheResource, Z as resourceData, _ as updateOutputPorts, _n as EmptyTitle, _t as connectionCatalog, a as nameCreatedNodes, at as RunStore, b as updateTaskAdditionalInputs, bt as flowPresentation, c as setInputVariable, cn as followWorkbenchLink, ct as revisionView, d as updateCondition, dn as InputGroupInput, dr as invalidResponse, dt as deriveInspectorDiagnostics, et as designerGraph, f as updateHttpParameters, fn as Empty, fr as jsonValue, ft as diagnosticItems, g as updateNodeSettings, gn as EmptyMedia, gr as controlErrorCode, gt as actionWithConnections, h as updateNodeName, hn as EmptyHeader, hr as ApiError, i as deleteSelection, it as providerIcon, jn as decodeTriggerCatalog, jt as setInputSources, kn as allConnectorConnectionsQuery, kt as setCodeActions, l as setTriggerConnection, ln as InputGroup, lt as flowResourceReferences, m as updateNodeIcon, mn as EmptyDescription, mr as string, o as selectWebhookResponse, p as updateNodeDescription, pn as EmptyContent, pr as record, qn as workflowNameFromFile, r as applyFlowChanges$1, s as setInputValue, sn as useFlowQuery, sr as workflowCandidate, t as addNode, u as setTriggerEventSource, un as InputGroupAddon, ut as Latest, v as updateResolution, vn as Badge, vt as canvasPresentationChange, w as updateWebhook, wt as setFlowViewport, x as updateTaskPorts, xt as removeComments, y as updateTask, yn as EventSourcesPage, yt as commentIds, zn as sampleErrorOutputs, zt as FlowSettingsDialog } from "./flowChanges-BGo_4Ypo.js";
+import { Cr as cn, i as TooltipTrigger, n as TooltipContent, t as Tooltip, xr as Button } from "./tooltip-BDcVTNpu.js";
+import { C as upgradeManualTrigger, It as dequal, M as mapConditionSources, N as nodeInputMappings, S as resourceNameIssue, _ as applyFlowChanges, a as DialogFooter, d as Field, g as FlowChangeError, h as FieldLabel, i as DialogDescription, l as Icon, m as FieldGroup, nn as Input, o as DialogHeader, p as FieldError, r as DialogContent, s as DialogTitle, t as Dialog, u as Spinner, v as isTriggerNode, w as upgradeRevisionContent } from "./dialog-WzR4CRFH.js";
+import { $ as action, $n as triggerOutputDefinitions, $t as FlowTagChips, An as EmptyTitle, At as commentIds, Bn as normalizeFlowQuery, Bt as repairNodeNames, C as updateValue, Cn as InputGroupAddon, Ct as diagnosticItems, Dn as EmptyDescription, Dr as controlErrorCode, Dt as actionWithConnections, En as EmptyContent, Er as ApiError, Fn as createI18n, Ft as setComment, Gt as setServiceConnections, Hn as allConnectorConnectionsQuery, Ht as setCodeActions, It as setFlowViewport, J as scopedValue, Jt as dequal$1, K as combineSources, Kt as updateStartInputDefs, Lt as setNodeContentHidden, Mn as EventSourcesPage, Mt as removeComments, Nt as restoreCanvasPresentation, On as EmptyHeader, Ot as connectionCatalog, Pt as setCanvasLayout, Q as resourceValue, Qn as sampleErrorOutputs, Qt as FlowSettingsDialog, Rn as errorNotice, Rt as setNodePositions, S as updateTriggerConfig, Sn as InputGroup, St as deriveInspectorDiagnostics, Tn as Empty, Tr as record, U as addNodeIntent, Ut as setConnectorConnection, Vn as randomId, Vt as resetInputValues, W as deriveAddNodeOptions, Wn as decodeTriggerCatalog, Wt as setInputSources, Xt as IdTooltip, Y as CacheResource, Yt as WorkflowExportMenuItem, Z as resourceData, Zn as normalizeTriggerOutputs, _ as updateOutputPorts, a as nameCreatedNodes, ar as workflowFileName, b as updateTaskAdditionalInputs, bn as useFlowQuery, br as workflowCandidate, bt as flowResourceReferences, c as setInputVariable, ct as createPersistentCache, d as updateCondition, dt as designerGraph, en as TagPicker, et as provider, f as updateHttpParameters, g as updateNodeSettings, gt as RunStore, h as updateNodeName, ht as providerIcon, i as deleteSelection, ir as parseWorkflowFile, it as getActionsCache, jn as Badge, jt as flowPresentation, kn as EmptyMedia, kt as canvasPresentationChange, l as setTriggerConnection, lt as createSessionCache, m as updateNodeIcon, nr as connectorActionMetadata, nt as validateAction, o as selectWebhookResponse, or as workflowNameFromFile, ot as getConnectionsCache, p as updateNodeDescription, qt as updateTriggerSchedule, r as applyFlowChanges$1, rr as encodeWorkflowFile, s as setInputValue, st as getProvidersCache, t as addNode, tr as connection, tt as proxyResponse, u as setTriggerEventSource, v as updateResolution, w as updateWebhook, wn as InputGroupInput, wr as invalidResponse, x as updateTaskPorts, xn as followWorkbenchLink, xt as Latest, y as updateTask, yt as revisionView, zn as WorkbenchClient, zt as setVerticalNodeWidth } from "./flowChanges-Bz4dbDN_.js";
 import { a as uiLanguages, i as uiLanguageNames, n as isUiLanguage, r as resolveUiLanguage, t as importedWorkflowName } from "./languages-gYzoQqCi.js";
 import { i as objectValue, n as isJsonValue } from "./value-BbFQZZ_V.js";
 import { Suspense, forwardRef, lazy, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
@@ -517,7 +517,7 @@ function FlowDeletionDialog({ flow, workspace, container, busy, finalFocus, onCl
 }
 //#endregion
 //#region src/workbench/browser/runtime/shell/resourceBrowser.tsx
-var CreateResourceDialog = lazy(() => import("./createResourceDialog-BmtakfVg.js"));
+var CreateResourceDialog = lazy(() => import("./createResourceDialog-DCGxfKFM.js"));
 var flowIdTooltipAlignOffset = 44;
 var renamePopoverAlignOffset = -12;
 function compactFlowId(flowId) {
@@ -2368,6 +2368,21 @@ var ActorStore = class {
 	}
 };
 //#endregion
+//#region src/workbench/browser/runtime/stores/canvasDirection.ts
+var canvasDirectionPreferenceKey = "open-flow:canvas-direction";
+function readCanvasDirection(preferences) {
+	try {
+		return preferences.getItem("open-flow:canvas-direction") === "horizontal" ? "horizontal" : "vertical";
+	} catch {
+		return "vertical";
+	}
+}
+function writeCanvasDirection(preferences, direction) {
+	try {
+		preferences.setItem(canvasDirectionPreferenceKey, direction);
+	} catch {}
+}
+//#endregion
 //#region src/workbench/browser/runtime/stores/canvasInteractiveMode.ts
 var canvasInteractiveModePreferenceKey = "open-flow:canvas-interactive-mode";
 function readCanvasInteractiveMode(preferences) {
@@ -2384,676 +2399,6 @@ function writeCanvasInteractiveMode(preferences, mode) {
 	} catch {}
 }
 //#endregion
-//#region ../../node_modules/.bun/idb-keyval@6.3.0/node_modules/idb-keyval/dist/index.js
-function promisifyRequest(request) {
-	return new Promise((resolve, reject) => {
-		request.oncomplete = request.onsuccess = () => resolve(request.result);
-		request.onabort = request.onerror = () => reject(request.error);
-	});
-}
-function createStore(dbName, storeName) {
-	let dbp;
-	const getDB = () => {
-		if (dbp) return dbp;
-		const request = indexedDB.open(dbName);
-		request.onupgradeneeded = () => request.result.createObjectStore(storeName);
-		dbp = promisifyRequest(request);
-		dbp.then((db) => {
-			db.onclose = () => dbp = void 0;
-		}, () => {
-			dbp = void 0;
-		});
-		return dbp;
-	};
-	return (txMode, callback) => getDB().then((db) => callback(db.transaction(storeName, txMode).objectStore(storeName)));
-}
-//#endregion
-//#region ../../node_modules/.bun/@oomol-lab+resource-cache@0.1.4/node_modules/@oomol-lab/resource-cache/dist/src-bwD0r9NQ.mjs
-function abortError() {
-	return new DOMException("Cache operation aborted", "AbortError");
-}
-function wait(promise, lifetime, caller) {
-	const signals = caller ? [lifetime, caller] : [lifetime];
-	return new Promise((resolve, reject) => {
-		const cleanup = () => {
-			for (const signal of signals) signal.removeEventListener("abort", abort);
-		};
-		const abort = () => {
-			cleanup();
-			reject(abortError());
-		};
-		for (const signal of signals) signal.addEventListener("abort", abort, { once: true });
-		promise.then((value) => {
-			cleanup();
-			resolve(value);
-		}, (error) => {
-			cleanup();
-			reject(error);
-		});
-	});
-}
-/** @internal */
-function validateOptions(options) {
-	if (typeof options.namespace !== "string" || !options.namespace.trim()) throw new TypeError("namespace must be nonempty");
-	if (!Number.isSafeInteger(options.schemaVersion) || options.schemaVersion <= 0) throw new TypeError("schemaVersion must be a positive safe integer");
-	if (!Number.isFinite(options.maxAge) || options.maxAge < 0) throw new TypeError("maxAge must be finite and nonnegative");
-	for (const name of [
-		"key",
-		"decode",
-		"load"
-	]) if (typeof options[name] !== "function") throw new TypeError(`${name} must be a function`);
-}
-/** @internal */
-function createCache(options, backend, session) {
-	const states = /* @__PURE__ */ new Map();
-	let disposed = false;
-	let scopeBlocked = false;
-	let disposal;
-	let io = Promise.resolve();
-	function storage(action) {
-		const result = io.then(action);
-		io = result.catch(() => {});
-		return result;
-	}
-	function checkOpen() {
-		if (disposed) throw new Error("Cache is disposed");
-	}
-	function identity(query) {
-		checkOpen();
-		const key = options.key(query);
-		if (typeof key !== "string") throw new TypeError("key must return a string");
-		return key;
-	}
-	function stateFor(key) {
-		let state = states.get(key);
-		if (!state) {
-			state = {
-				controller: new AbortController(),
-				blocked: scopeBlocked
-			};
-			states.set(key, state);
-		}
-		return state;
-	}
-	function checkState(state) {
-		if (state.controller.signal.aborted) throw abortError();
-	}
-	function fresh(entry) {
-		const now = Date.now();
-		return !entry.invalidated && entry.validatedAt <= now && now - entry.validatedAt < options.maxAge;
-	}
-	function restore(value, previous) {
-		return {
-			...value.meta,
-			data: value.body ? options.decode(value.body.data) : previous.data
-		};
-	}
-	async function read(key, state) {
-		if (state.entry && fresh(state.entry)) return state.entry;
-		const entry = await storage(async () => {
-			checkState(state);
-			if (state.blocked) return state.entry;
-			try {
-				const value = await backend.read(key, state.entry?.version);
-				return value ? restore(value, state.entry) : state.entry;
-			} catch {
-				return state.entry;
-			}
-		});
-		checkState(state);
-		state.entry = entry;
-		return entry;
-	}
-	function schedule(key, query, state, force) {
-		const job = {
-			started: false,
-			force
-		};
-		job.promise = (async () => {
-			const previous = await read(key, state);
-			checkState(state);
-			if (!job.force && previous && fresh(previous)) return previous.data;
-			job.started = true;
-			const result = await options.load(query, {
-				etag: previous?.etag ?? null,
-				signal: state.controller.signal
-			});
-			checkState(state);
-			let entry;
-			if (result.modified) entry = {
-				data: result.data,
-				etag: result.etag,
-				version: crypto.getRandomValues(/* @__PURE__ */ new Uint32Array(4)).join("-"),
-				validatedAt: Date.now(),
-				invalidated: false
-			};
-			else {
-				if (!previous) throw new Error("Load protocol error: unmodified response without cached data");
-				entry = {
-					...previous,
-					etag: result.etag === void 0 ? previous.etag : result.etag,
-					validatedAt: Date.now(),
-					invalidated: false
-				};
-			}
-			await storage(async () => {
-				checkState(state);
-				try {
-					if (await backend.write(key, entry, result.modified)) state.blocked = false;
-				} catch {
-					state.blocked = true;
-				}
-				checkState(state);
-				state.entry = entry;
-			});
-			checkState(state);
-			return entry.data;
-		})();
-		state.job = job;
-		const release = () => {
-			state.job = void 0;
-		};
-		job.promise.then(release, release);
-		return job;
-	}
-	function refresh(key, query, state, force) {
-		const active = state.job;
-		if (!active) return schedule(key, query, state, force).promise;
-		if (!force) return active.promise;
-		if (!active.started) {
-			active.force = true;
-			return active.promise;
-		}
-		if (!state.queued) {
-			const start = () => {
-				checkState(state);
-				state.queued = void 0;
-				return schedule(key, query, state, true).promise;
-			};
-			state.queued = active.promise.then(start, start);
-		}
-		return state.queued;
-	}
-	function reset(key, keep) {
-		const old = states.get(key);
-		const state = {
-			controller: new AbortController(),
-			blocked: true
-		};
-		if (keep && old?.entry) state.entry = {
-			...old.entry,
-			invalidated: true
-		};
-		states.set(key, state);
-		return {
-			state,
-			cancel: () => old?.controller.abort()
-		};
-	}
-	function resetAll() {
-		const old = [...states.values()];
-		states.clear();
-		const barrier = {};
-		scopeBlocked = barrier;
-		return {
-			barrier,
-			cancel() {
-				for (const state of old) state.controller.abort();
-			}
-		};
-	}
-	return {
-		async get(query, getOptions = {}) {
-			const key = identity(query);
-			if (getOptions.signal?.aborted) throw abortError();
-			const state = stateFor(key);
-			if (!getOptions.revalidate && state.entry && fresh(state.entry)) return state.entry.data;
-			return wait(refresh(key, query, state, getOptions.revalidate === true), state.controller.signal, getOptions.signal);
-		},
-		async peek(query) {
-			const key = identity(query);
-			const state = stateFor(key);
-			const entry = await wait(read(key, state), state.controller.signal);
-			return entry ? {
-				data: entry.data,
-				etag: entry.etag,
-				validatedAt: entry.validatedAt,
-				fresh: fresh(entry)
-			} : void 0;
-		},
-		async invalidate(query) {
-			const key = identity(query);
-			const canRestore = !(states.get(key)?.blocked ?? scopeBlocked);
-			const { state, cancel } = reset(key, true);
-			const cleanup = storage(async () => {
-				const value = await backend.invalidate(key);
-				if (canRestore) state.blocked = false;
-				if (canRestore && !state.controller.signal.aborted && !state.entry && value) try {
-					state.entry = restore(value);
-				} catch {}
-			});
-			cancel();
-			await cleanup;
-		},
-		async remove(query) {
-			const key = identity(query);
-			const { state, cancel } = reset(key, false);
-			const cleanup = storage(async () => {
-				await backend.remove(key);
-				state.blocked = false;
-			});
-			cancel();
-			await cleanup;
-		},
-		async clear() {
-			checkOpen();
-			const { barrier, cancel } = resetAll();
-			const cleanup = storage(async () => {
-				await backend.clear(false);
-				if (scopeBlocked === barrier) scopeBlocked = false;
-				for (const state of states.values()) if (state.blocked === barrier) state.blocked = false;
-			});
-			cancel();
-			await cleanup;
-		},
-		dispose() {
-			if (!disposal) {
-				disposed = true;
-				const { cancel } = resetAll();
-				disposal = storage(async () => {
-					if (session) await backend.clear(true);
-				});
-				disposal = disposal.catch((error) => {
-					disposal = void 0;
-					throw error;
-				});
-				cancel();
-			}
-			return disposal;
-		}
-	};
-}
-function object(value) {
-	return typeof value === "object" && value !== null;
-}
-function metadata(value) {
-	if (!object(value) || typeof value.version !== "string" || !value.version || !(value.etag === null || typeof value.etag === "string") || typeof value.invalidated !== "boolean") return void 0;
-	const validTime = typeof value.validatedAt === "number" && Number.isFinite(value.validatedAt) && value.validatedAt >= 0;
-	return {
-		version: value.version,
-		etag: value.etag,
-		validatedAt: validTime ? value.validatedAt : 0,
-		invalidated: !validTime || value.invalidated === true
-	};
-}
-function stored(meta, body) {
-	if (!object(body) || body.version !== meta.version || !Object.hasOwn(body, "data")) return void 0;
-	return {
-		meta,
-		body: { data: body.data }
-	};
-}
-var storagePrefix = "@oomol-lab/resource-cache:";
-/** Delimit identity fields without ambiguous string concatenation. @internal */
-function scope(namespace) {
-	return storagePrefix + JSON.stringify(namespace);
-}
-/** @internal */
-function sessionScope(namespace, sessionId) {
-	return storagePrefix + JSON.stringify([namespace, sessionId]);
-}
-/** @internal */
-function persistentStorage(namespace, schemaVersion) {
-	const useStore = createStore("@oomol-lab/resource-cache", "records");
-	const prefix = `${scope(namespace)}:${schemaVersion}:`;
-	const identity = (key, part) => prefix + JSON.stringify([key, part]);
-	function transaction(mode, work) {
-		return useStore(mode, (store) => new Promise((resolve, reject) => {
-			const tx = store.transaction;
-			let value;
-			let failure;
-			tx.oncomplete = () => resolve(value);
-			tx.onabort = () => reject(failure ?? tx.error);
-			const guard = (fn) => {
-				try {
-					fn();
-				} catch (error) {
-					failure = error;
-					tx.abort();
-				}
-			};
-			const read = (request, fn) => {
-				request.onsuccess = () => guard(() => fn(request.result));
-			};
-			guard(() => work(store, read, (result) => {
-				value = result;
-			}));
-		}));
-	}
-	return {
-		read(key, version) {
-			return transaction("readonly", (store, read, result) => {
-				read(store.get(identity(key, "meta")), (raw) => {
-					const meta = metadata(raw);
-					if (!meta) return;
-					if (meta.version === version) {
-						result({ meta });
-						return;
-					}
-					read(store.get(identity(key, "body")), (body) => result(stored(meta, body)));
-				});
-			});
-		},
-		write(key, entry, modified) {
-			return transaction("readwrite", (store, read, result) => {
-				const { data, ...meta } = entry;
-				if (modified) {
-					store.put(meta, identity(key, "meta"));
-					store.put({
-						version: meta.version,
-						data
-					}, identity(key, "body"));
-					result(true);
-				} else read(store.get(identity(key, "meta")), (raw) => {
-					const matches = metadata(raw)?.version === meta.version;
-					if (matches) store.put(meta, identity(key, "meta"));
-					result(matches);
-				});
-			});
-		},
-		invalidate(key) {
-			return transaction("readwrite", (store, read, result) => {
-				read(store.get(identity(key, "meta")), (raw) => {
-					const meta = metadata(raw);
-					if (!meta) return;
-					meta.invalidated = true;
-					store.put(meta, identity(key, "meta"));
-					read(store.get(identity(key, "body")), (body) => result(stored(meta, body)));
-				});
-			});
-		},
-		remove(key) {
-			return transaction("readwrite", (store) => {
-				store.delete(identity(key, "meta"));
-				store.delete(identity(key, "body"));
-			});
-		},
-		clear() {
-			return transaction("readwrite", (store, read) => {
-				read(store.getAllKeys(), (keys) => {
-					for (const key of keys) if (typeof key === "string" && key.startsWith(prefix)) store.delete(key);
-				});
-			});
-		}
-	};
-}
-/** @internal */
-function sessionStorageBackend(namespace, schemaVersion, sessionId) {
-	const base = `${sessionScope(namespace, sessionId)}:`;
-	const prefix = `${base}${schemaVersion}:`;
-	const identity = (key) => prefix + JSON.stringify(key);
-	const record = (key) => {
-		const text = globalThis.sessionStorage.getItem(identity(key));
-		if (text === null) return void 0;
-		const raw = JSON.parse(text);
-		const meta = metadata(raw);
-		return meta ? stored(meta, raw) : void 0;
-	};
-	return {
-		async read(key, version) {
-			const value = record(key);
-			if (value && value.meta.version === version) return { meta: value.meta };
-			return value;
-		},
-		async write(key, entry, modified) {
-			if (modified) {
-				globalThis.sessionStorage.setItem(identity(key), JSON.stringify(entry));
-				return true;
-			} else {
-				const value = record(key);
-				if (value?.meta.version === entry.version) {
-					const { data: _data, ...meta } = entry;
-					globalThis.sessionStorage.setItem(identity(key), JSON.stringify({
-						...meta,
-						data: value.body.data
-					}));
-					return true;
-				}
-				return false;
-			}
-		},
-		async invalidate(key) {
-			const value = record(key);
-			if (value) {
-				value.meta.invalidated = true;
-				globalThis.sessionStorage.setItem(identity(key), JSON.stringify({
-					...value.meta,
-					...value.body
-				}));
-			}
-			return value;
-		},
-		async remove(key) {
-			globalThis.sessionStorage.removeItem(identity(key));
-		},
-		async clear(allVersions) {
-			const storage = globalThis.sessionStorage;
-			const matches = [];
-			for (let i = 0; i < storage.length; i++) {
-				const key = storage.key(i);
-				if (key.startsWith(allVersions ? base : prefix)) matches.push(key);
-			}
-			for (const key of matches) storage.removeItem(key);
-		}
-	};
-}
-/** Create an IndexedDB cache. Storage failures preserve successful network results. */
-function createPersistentCache(options) {
-	validateOptions(options);
-	return createCache({ ...options }, persistentStorage(options.namespace, options.schemaVersion), false);
-}
-/** Create a login-scoped sessionStorage cache. Data must survive JSON serialization and decoding. */
-function createSessionCache(options) {
-	validateOptions(options);
-	if (typeof options.sessionId !== "string" || !options.sessionId.trim()) throw new TypeError("sessionId must be nonempty");
-	return createCache({ ...options }, sessionStorageBackend(options.namespace, options.schemaVersion, options.sessionId), true);
-}
-//#endregion
-//#region ../../node_modules/.bun/@oomol-lab+resource-cache@0.1.4/node_modules/@oomol-lab/resource-cache/dist/oomol.mjs
-/** Namespaces reserved for the OOMOL response factories. */
-var oomolNamespaces = {
-	providers: "oomol:providers",
-	actions: "oomol:actions",
-	appCatalog: "oomol:app-catalog",
-	connections: "oomol:connections"
-};
-/** Join identity fields without nesting JSON in the storage key. */
-function readableKey(...parts) {
-	return parts.map((part) => encodeURIComponent(String(part)).replaceAll("%3A", ":")).join("/");
-}
-var singletonRegistrySymbol = Symbol.for("oomol-lab.resource-cache.oomol-singletons");
-var singletonCaches = Reflect.get(globalThis, singletonRegistrySymbol) ?? (() => {
-	const registry = /* @__PURE__ */ new Map();
-	Reflect.set(globalThis, singletonRegistrySymbol, registry);
-	return registry;
-})();
-function createOomolCache(resource, options, query) {
-	const environment = validateOomolOptions(options);
-	const { load } = options;
-	const key = readableKey(query.locale);
-	return createPersistentCache({
-		namespace: readableKey(resource, environment),
-		schemaVersion: options.schemaVersion,
-		maxAge: options.maxAge,
-		key: () => key,
-		decode: options.decode,
-		load: (_query, validation) => load({ ...query }, validation)
-	});
-}
-function createConnectionsCacheInternal(options, validated) {
-	const { environment, ownerId } = validated;
-	const { load } = options;
-	const key = readableKey(ownerId);
-	return createSessionCache({
-		namespace: readableKey(oomolNamespaces.connections, environment),
-		schemaVersion: options.schemaVersion,
-		maxAge: options.maxAge,
-		sessionId: options.sessionId,
-		key: () => key,
-		decode: options.decode,
-		load: (_query, validation) => load({ ownerId }, validation)
-	});
-}
-function validateOomolOptions(options) {
-	const environment = normalizeEnvironment(options.environment);
-	if (typeof options.locale !== "string" || !options.locale.trim()) throw new TypeError("locale must be nonempty");
-	if (typeof options.load !== "function") throw new TypeError("load must be a function");
-	return environment;
-}
-function normalizeEnvironment(value) {
-	const environment = value === void 0 ? "production" : value;
-	if (typeof environment !== "string" || !environment.trim()) throw new TypeError("environment must be nonempty");
-	return environment;
-}
-function normalizeOwnerId(value) {
-	if (typeof value !== "string" || !value.trim()) throw new TypeError("ownerId must be nonempty");
-	return value;
-}
-function validateConnectionsOptions(options) {
-	const environment = normalizeEnvironment(options.environment);
-	if (typeof options.sessionId !== "string" || !options.sessionId.trim()) throw new TypeError("sessionId must be nonempty");
-	const ownerId = normalizeOwnerId(options.ownerId);
-	if (typeof options.load !== "function") throw new TypeError("load must be a function");
-	return {
-		environment,
-		ownerId
-	};
-}
-/** Create an IndexedDB cache for the account-independent GET /v1/providers response, keyed by environment and locale. */
-function createProvidersCacheInternal(options) {
-	return createOomolCache(oomolNamespaces.providers, options, { locale: options.locale });
-}
-/** Create an IndexedDB cache for account-independent GET /v1/actions?service=…, keyed by environment, locale and service. */
-function createActionsCacheInternal(options) {
-	const environment = validateOomolOptions(options);
-	const { locale, load } = options;
-	return createPersistentCache({
-		namespace: readableKey(oomolNamespaces.actions, environment),
-		schemaVersion: options.schemaVersion,
-		maxAge: options.maxAge,
-		key: (service) => {
-			if (typeof service !== "string" || !service.trim()) throw new TypeError("service must be nonempty");
-			return readableKey(locale, service);
-		},
-		decode: options.decode,
-		load: (service, validation) => load({
-			locale,
-			service
-		}, validation)
-	});
-}
-function singletonKey(resource, options, query, sessionId) {
-	const environment = normalizeEnvironment(options.environment);
-	return sessionId === void 0 ? readableKey(resource, environment, options.schemaVersion, ...query) : readableKey(resource, environment, options.schemaVersion, sessionId, ...query);
-}
-function getSingleton(key, create) {
-	const existing = singletonCaches.get(key);
-	if (existing) return existing;
-	const cache = create();
-	let disposal;
-	const singleton = {
-		...cache,
-		dispose() {
-			if (!disposal) disposal = cache.dispose().then(() => {
-				singletonCaches.delete(key);
-			}, (error) => {
-				disposal = void 0;
-				throw error;
-			});
-			return disposal;
-		}
-	};
-	singletonCaches.set(key, singleton);
-	return singleton;
-}
-/** Return the shared Providers cache for one environment, locale and schema version. */
-function getProvidersCache(options) {
-	const query = { locale: options.locale };
-	return getSingleton(singletonKey(oomolNamespaces.providers, options, [query.locale]), () => createProvidersCacheInternal(options));
-}
-/** Return the shared Actions cache for one environment, locale and schema version. */
-function getActionsCache(options) {
-	const query = { locale: options.locale };
-	return getSingleton(singletonKey(oomolNamespaces.actions, options, [query.locale]), () => createActionsCacheInternal(options));
-}
-/** Return the shared sessionStorage cache for one login session and owner scope. */
-function getConnectionsCache(options) {
-	const validated = validateConnectionsOptions(options);
-	const query = { ownerId: validated.ownerId };
-	return getSingleton(singletonKey(oomolNamespaces.connections, options, [query.ownerId], options.sessionId), () => createConnectionsCacheInternal(options, validated));
-}
-//#endregion
-//#region src/workbench/browser/runtime/stores/proxyCatalog.ts
-/** Validate the fields we consume without discarding upstream representation fields. */
-function proxyResponse(value, validate) {
-	const source = record(value);
-	if (source.success === false) throw new ApiError(502, typeof source.errorCode == "string" ? source.errorCode : "connector.unavailable", typeof source.message == "string" ? source.message : "Connector request failed.");
-	if (source.success !== true || !Array.isArray(source.data)) return invalidResponse();
-	if (validate != null) for (const item of source.data) validate(record(item));
-	return source;
-}
-function provider(source, metadata) {
-	if (!Array.isArray(source.authTypes) || source.authTypes.some((item) => typeof item != "string")) return invalidResponse();
-	return {
-		...providerIconAppearance(metadata, source.iconSpritePosition),
-		serviceId: string(source.service),
-		serviceName: string(source.displayName),
-		noSetup: source.authTypes.length == 1 && source.authTypes[0] == "no_auth",
-		...source.iconUrl == null || source.iconUrl === "" ? {} : { icon: string(source.iconUrl) },
-		...source.homepageUrl == null || source.homepageUrl === "" ? {} : { homepageUrl: string(source.homepageUrl) }
-	};
-}
-function validateAction(source) {
-	string(source.id);
-	string(source.service);
-	string(source.name);
-	if (typeof source.description != "string") return invalidResponse();
-	connectorActionPorts(source.inputSchema, source.outputSchema);
-}
-function port(item) {
-	return {
-		nullable: item.nullable,
-		jsonSchema: jsonValue(item.json_schema),
-		...item.description == null ? {} : { description: item.description },
-		...item.value === void 0 ? {} : { value: jsonValue(item.value) }
-	};
-}
-function action(source, providers) {
-	const owner = providers.data.find((item) => item.service == source.service);
-	if (owner == null) return invalidResponse();
-	const display = provider(owner, providers.meta?.iconSprite);
-	const ports = connectorActionPorts(source.inputSchema, source.outputSchema);
-	return {
-		...display.iconSprite == null ? {} : {
-			iconSprite: display.iconSprite,
-			iconSpritePosition: display.iconSpritePosition
-		},
-		serviceId: display.serviceId,
-		serviceName: display.serviceName,
-		...display.icon == null ? {} : { icon: display.icon },
-		...display.homepageUrl == null ? {} : { homepageUrl: display.homepageUrl },
-		actionId: string(source.id),
-		...source.operationType == null ? {} : { operationType: string(source.operationType) },
-		name: string(source.name),
-		description: source.description,
-		authenticated: !owner.authTypes.includes("no_auth"),
-		inputSchema: jsonValue(source.inputSchema),
-		outputSchema: jsonValue(source.outputSchema),
-		inputs: Object.fromEntries(ports.inputs.map((item) => [item.handle, port(item)])),
-		outputs: Object.fromEntries(ports.outputs.map((item) => [item.handle, port(item)]))
-	};
-}
-//#endregion
 //#region src/workbench/browser/runtime/stores/catalogStores.ts
 var catalogMaxAge = {
 	providers: 3e5,
@@ -4423,8 +3768,11 @@ var FlowCatalog = class {
 			this.#pending.delete(flow.flowId);
 		}
 	}
-	create(name, create, tagIds) {
-		return this.#create(async () => create == null ? tagIds == null ? this.#client.createFlow(name) : this.#client.createFlow(name, void 0, void 0, tagIds) : this.#client.getFlow(await (tagIds == null ? create(name) : create(name, { tagIds }))));
+	create(name, create, tagIds, presentation) {
+		return this.#create(async () => create == null ? this.#client.createFlow(name, void 0, void 0, tagIds, presentation) : this.#client.getFlow(await (tagIds == null && presentation == null ? create(name) : create(name, {
+			...tagIds == null ? {} : { tagIds },
+			...presentation == null ? {} : { presentation }
+		}))));
 	}
 	import(file, name, key, importer, tagIds) {
 		return this.#create(async () => importer == null ? this.#client.importFlow(file, {
@@ -4691,11 +4039,11 @@ function target(selection) {
 		triggerId: selection.id
 	};
 }
-function option(definition, i18n, display) {
+function option(definition, i18n, display, provider) {
 	return {
 		description: display?.description ?? definition.description,
 		group: i18n.t("addNode.integrationTriggers"),
-		icon: providerIcon({
+		icon: providerIcon(provider ?? {
 			serviceId: definition.provider,
 			serviceName: definition.provider
 		}),
@@ -4787,6 +4135,7 @@ var TriggerStore = class {
 		return scopedValue(signal, (get) => {
 			const state = get(source);
 			get(this.#i18n.t$);
+			const providers = get(this.#workspace.catalogs.providers.get(void 0, this.#i18n.lang)).data;
 			const enabled = get(this.#workspace.$.flowId) != null && get(this.#workspace.$.draft) != null;
 			const catalog = state.data;
 			const definitions = catalog?.definitions.filter((item) => !query || [
@@ -4801,7 +4150,7 @@ var TriggerStore = class {
 			].some((value) => value?.toLowerCase().includes(query)));
 			return {
 				...state,
-				data: !enabled ? [] : definitions?.map((definition) => option(definition, this.#i18n, catalog.display[definition.key]))
+				data: !enabled ? [] : definitions?.map((definition) => option(definition, this.#i18n, catalog.display[definition.key], providers?.find((provider) => provider.serviceId == definition.provider)))
 			};
 		});
 	}
@@ -5048,6 +4397,7 @@ var CanvasClipboard = class {
 	copy(revision, graph, nodeIds) {
 		const selected = new Set(nodeIds);
 		this.#value = {
+			verticalNodeWidths: Object.fromEntries(graph.nodes.flatMap((node) => node.kind === "condition" && node.verticalWidth != null && selected.has(node.id) ? [[node.id, node.verticalWidth]] : [])),
 			hiddenNodeIds: graph.nodes.flatMap((node) => node.contentHidden && selected.has(node.id) ? [node.id] : []),
 			comments: graph.nodes.flatMap((node) => node.kind == "comment" && selected.has(node.id) ? [{
 				content: node.content,
@@ -5064,6 +4414,7 @@ var CanvasClipboard = class {
 	}) {
 		if (this.#value == null) return;
 		const hiddenNodeIds = new Set(this.#value.hiddenNodeIds);
+		const verticalNodeWidths = this.#value.verticalNodeWidths;
 		const pasted = pasteNodes(revision, this.#value.nodes, this.identity);
 		const comments = this.#value.comments.map((comment) => ({
 			...comment,
@@ -5091,7 +4442,10 @@ var CanvasClipboard = class {
 			nodeIds: [...pasted.nodeIds, ...comments.map((comment) => comment.nodeId)],
 			update: (value) => {
 				let next = setNodePositions(value, positions);
-				for (const [index, sourceId] of pasted.sourceIds.entries()) if (hiddenNodeIds.has(sourceId)) next = setNodeContentHidden(next, pasted.nodeIds[index], true);
+				for (const [index, sourceId] of pasted.sourceIds.entries()) {
+					if (hiddenNodeIds.has(sourceId)) next = setNodeContentHidden(next, pasted.nodeIds[index], true);
+					if (verticalNodeWidths[sourceId] != null) next = setVerticalNodeWidth(next, pasted.nodeIds[index], verticalNodeWidths[sourceId]);
+				}
 				for (const comment of comments) {
 					if (hiddenNodeIds.has(comment.sourceId)) next = setNodeContentHidden(next, comment.nodeId, true);
 					next = setComment(next, comment.nodeId, {
@@ -6237,7 +5591,7 @@ var EditSession = class {
 		if (draft == null || presentation == null) return false;
 		const next = update?.(presentation.value) ?? presentation.value;
 		const presentationChange = canvasPresentationChange(presentation.value, next);
-		if (dequal(applyFlowChanges$1(draft, changes).content, draft.content) && presentationChange.nodeIds.length == 0) return true;
+		if (dequal(applyFlowChanges$1(draft, changes).content, draft.content) && presentationChange.nodeIds.length == 0 && !presentationChange.directionChanged) return true;
 		const generation = this.#history.generation;
 		const inverse = inverseFlowChanges(draft.content, changes);
 		this.#history.beginChange();
@@ -6941,8 +6295,8 @@ var WorkspaceStore = class {
 			this.#edits.set({ busy: void 0 });
 		}
 	}
-	createFlow(name, create, tagIds) {
-		return this.#createFlow(() => this.#flows.create(name, create, tagIds));
+	createFlow(name, create, tagIds, presentation) {
+		return this.#createFlow(() => this.#flows.create(name, create, tagIds, presentation));
 	}
 	importFlow(file, name, key, importer, tagIds) {
 		return this.#createFlow(() => this.#flows.import(file, name, key, importer, tagIds));
@@ -7071,7 +6425,10 @@ var WorkspaceStore = class {
 		const changes = deleteSelection(revision, this.#model.value.selectedNodeIds);
 		await this.#edits.canvasChange("delete", this.#model.value.selectedNodeIds.length, changes, (value) => {
 			let next = commentNodes.size == 0 ? value : removeComments(value, commentNodes);
-			for (const nodeId of selectedNodeIds) next = setNodeContentHidden(next, nodeId, false);
+			for (const nodeId of selectedNodeIds) {
+				next = setNodeContentHidden(next, nodeId, false);
+				next = setVerticalNodeWidth(next, nodeId, void 0);
+			}
 			return next;
 		}, []);
 	}
@@ -7096,6 +6453,13 @@ var WorkspaceStore = class {
 		if (node == null || node.kind == "condition") return;
 		await this.#edits.canvasChange("edit", 1, [], (value) => setNodeContentHidden(value, nodeId, hidden));
 	}
+	async saveNodeWidth(nodeId, width, position) {
+		if (this.#model.value.draft == null || !this.#designer().nodes.some((node) => node.id === nodeId && node.kind === "condition")) return false;
+		return await this.#edits.canvasChange("edit", 1, [], (value) => {
+			const next = setVerticalNodeWidth(value, nodeId, width);
+			return position == null ? next : setNodePositions(next, { [nodeId]: position });
+		});
+	}
 	async saveComment(nodeId, comment) {
 		if (this.#model.value.draft == null) return;
 		const position = this.#designer().nodes.find((node) => node.id == nodeId)?.position;
@@ -7153,6 +6517,9 @@ var WorkspaceStore = class {
 	saveModuleEditor() {
 		return this.#edits.saveModuleEditor();
 	}
+	async changeDirection(direction, positions) {
+		return await this.#edits.canvasChange("move", Object.keys(positions).length, [], (value) => setCanvasLayout(value, direction, positions));
+	}
 	async moveNodes(positions) {
 		if (this.#model.value.draft == null) return;
 		await this.#edits.canvasChange("move", Object.keys(positions).length, [], (value) => setNodePositions(value, positions));
@@ -7264,6 +6631,7 @@ var WorkbenchStore = class {
 	#openingCreatedFlow;
 	#stopAccessReaction;
 	#accessLoading;
+	#defaultDirection;
 	constructor(client, preferences, identity = randomId, i18n = createI18n(), host = blockedExternalPages, variables = true, cacheSessionId = crypto.randomUUID()) {
 		this.#externalRuns = new Latest();
 		this.#notice = val();
@@ -7284,6 +6652,7 @@ var WorkbenchStore = class {
 		this.provideAddNodeOptionChoices = (optionId, signal) => this.connectors.provideAddNodeOptionChoices(optionId, signal);
 		this.actors = new ActorStore(host.resolveActor);
 		this.preferences = preferences;
+		this.#defaultDirection = readCanvasDirection(preferences);
 		this.interactiveMode$ = val(readCanvasInteractiveMode(preferences));
 		this.interactiveMode$.reaction((mode) => writeCanvasInteractiveMode(preferences, mode), true);
 		this.#client = client;
@@ -7449,7 +6818,7 @@ var WorkbenchStore = class {
 		const model = this.$.designer.value;
 		const title = this.workspace.$.flow.value?.name ?? this.workspace.$.flowId.value ?? "Workflow";
 		try {
-			const { downloadFlowSvg } = await import("./exportSvg-CG8hEUNk.js");
+			const { downloadFlowSvg } = await import("./exportSvg-CYwyYiuH.js");
 			await downloadFlowSvg(model, title, language, options);
 			if (!this.#disposed) this.#notice.set({
 				kind: "success",
@@ -7516,7 +6885,13 @@ var WorkbenchStore = class {
 		return await this.#openNewFlow(await this.workspace.importFlow(file, name, key, importer, tagIds), "notice.flowImported");
 	}
 	async createFlow(name, create, tagIds) {
-		return await this.#openNewFlow(await this.workspace.createFlow(name, create, tagIds));
+		return await this.#openNewFlow(await this.workspace.createFlow(name, create, tagIds, setCanvasLayout({}, this.#defaultDirection)));
+	}
+	async changeDirection(direction, positions) {
+		if (!await this.workspace.changeDirection(direction, positions)) return false;
+		this.#defaultDirection = direction;
+		writeCanvasDirection(this.preferences, direction);
+		return true;
 	}
 	async #openNewFlow(created, notice) {
 		if (this.#disposed || created == null) return false;
@@ -7703,7 +7078,7 @@ var WorkbenchStore = class {
 };
 //#endregion
 //#region src/workbench/browser/runtime/openFlowWorkbench.tsx
-var FlowWorkspace = lazy(() => import("./flowWorkspace-BFHGev7s.js"));
+var FlowWorkspace = lazy(() => import("./flowWorkspace-BI6L6a4r.js"));
 function OpenFlowSessionGate({ action, description, error, onSubmit, onTokenChange, pending = false, title, token, tokenLabel }) {
 	const hasToken = token != null && tokenLabel != null && onTokenChange != null;
 	const tokenValue = token ?? "";
@@ -7809,8 +7184,7 @@ function FlowNameBridge({ store, onChange }) {
 	useEffect(() => () => onChange(void 0), [onChange]);
 	return null;
 }
-function Workbench({ importRef, catalogWidth, createFlow, importFlow, createFlowDisabled, createFlowField, connectionHref, hrefFor, initializing, language, navigation, onConfigureConnector, onManageConnectorAccess, onLanguageChange, store, theme }) {
-	const flowId = useVal(store.workspace.$.flowId);
+function Workbench({ importRef, catalogWidth, createFlow, importFlow, createFlowDisabled, createFlowField, connectionHref, hrefFor, flowId, initializing, language, navigation, onConfigureConnector, onManageConnectorAccess, onLanguageChange, store, theme }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: "app-shell",
 		children: flowId == null ? /* @__PURE__ */ jsx(FlowBrowser, {
@@ -7920,6 +7294,7 @@ var Session = forwardRef(function Session({ catalogWidth, createFlow, importFlow
 						createFlowField,
 						connectionHref,
 						hrefFor,
+						flowId: location.flowId,
 						initializing: !started,
 						language,
 						navigation,