@oomol-lab/open-flow 0.1.0-beta.70 → 0.1.0-beta.72

package/dist/browser/workbench.js

@@ -2,8 +2,8 @@ import { C as DropdownMenuContent, N as DropdownMenuTrigger, T as DropdownMenuIt
 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 { br as cn, i as TooltipTrigger, n as TooltipContent, t as Tooltip, vr as Button } from "./tooltip-wZJRB9oP.js";
-import { A as upgradeManualTrigger, It as Input, R as mapConditionSources, S as applyFlowChanges, a as DialogFooter, d as Field, gt as dequal$1, h as FieldLabel, i as DialogDescription, j as upgradeRevisionContent, k as resourceNameIssue, l as Icon, m as FieldGroup, o as DialogHeader, p as FieldError, r as DialogContent, s as DialogTitle, t as Dialog, u as Spinner, w as isTriggerNode, x as FlowChangeError, z as nodeInputMappings } from "./dialog-DcGOzUP2.js";
-import { $ as designerGraph, $t as errorNotice, An as workflowCandidate, At as setInputSources, Bt as Empty, C as updateWebhook, Ct as setFlowViewport, Dt as resetInputValues, Et as repairNodeNames, Fn as jsonValue, Ft as IdTooltip, G as combineSources, Gt as EmptyTitle, H as addNodeIntent, Ht as EmptyDescription, In as record, It as followWorkbenchLink, J as CacheResource, Kt as Badge, Ln as string, Lt as InputGroup, Mt as updateStartInputDefs, Nt as updateTriggerSchedule, Ot as setCodeActions, Pn as invalidResponse, Pt as WorkflowExportMenuItem, Q as connectorActionPorts, Rn as ApiError, Rt as InputGroupAddon, S as updateValue, St as setComment, Tt as setNodePositions, U as deriveAddNodeOptions, Ut as EmptyHeader, Vt as EmptyContent, Wt as EmptyMedia, X as resourceData, Xt as createI18n, Z as resourceValue, _ as updateResolution, _n as parseWorkflowFile, _t as canvasPresentationChange, a as nameCreatedNodes, b as updateTaskPorts, bt as removeComments, c as setInputVariable, ct as flowResourceReferences, d as updateCondition, dn as sampleErrorOutputs, dt as diagnosticItems, en as WorkbenchClient, f as updateNodeDescription, fn as triggerOutputDefinitions, g as updateOutputPorts, gn as encodeWorkflowFile, gt as connectionCatalog, h as updateNodeSettings, hn as connectorActionMetadata, ht as actionWithConnections, i as deleteSelection, in as decodeTriggerCatalog, it as RunStore, jt as setServiceConnections, kt as setConnectorConnection, l as setTriggerConnection, lt as Latest, m as updateNodeName, mn as connection, nn as allConnectorConnectionsQuery, o as selectWebhookResponse, p as updateNodeIcon, q as scopedValue, qt as EventSourcesPage, r as applyFlowChanges$1, rt as providerIcon, s as setInputValue, st as revisionView, t as addNode, tn as randomId, u as setTriggerEventSource, un as normalizeTriggerOutputs, ut as deriveInspectorDiagnostics, v as updateTask, vn as workflowFileName, vt as commentIds, wt as setNodeContentHidden, x as updateTriggerConfig, xt as restoreCanvasPresentation, y as updateTaskAdditionalInputs, yn as workflowNameFromFile, yt as flowPresentation, zn as controlErrorCode, zt as InputGroupInput } from "./flowChanges-CYyehKer.js";
+import { C as resourceNameIssue, It as Input, M as mapConditionSources, N as nodeInputMappings, T as upgradeRevisionContent, _ as applyFlowChanges, a as DialogFooter, d as Field, g as FlowChangeError, gt as dequal$1, h as FieldLabel, i as DialogDescription, l as Icon, m as FieldGroup, o as DialogHeader, p as FieldError, r as DialogContent, s as DialogTitle, t as Dialog, u as Spinner, v as isTriggerNode, w as upgradeManualTrigger } from "./dialog-CUy_fwx9.js";
+import { $ as designerGraph, $t as errorNotice, At as setInputSources, Bt as Empty, C as updateWebhook, Ct as setFlowViewport, Dt as resetInputValues, Et as repairNodeNames, Fn as jsonValue, Ft as IdTooltip, G as combineSources, Gt as EmptyTitle, H as addNodeIntent, Ht as EmptyDescription, In as record, It as followWorkbenchLink, J as CacheResource, Kt as Badge, Ln as string, Lt as InputGroup, Mt as updateStartInputDefs, Nt as updateTriggerSchedule, Ot as setCodeActions, Pn as invalidResponse, Pt as WorkflowExportMenuItem, Q as connectorActionPorts, Rn as ApiError, Rt as InputGroupAddon, S as updateValue, St as setComment, Tt as setNodePositions, U as deriveAddNodeOptions, Ut as EmptyHeader, Vt as EmptyContent, Wt as EmptyMedia, X as resourceData, Xt as createI18n, Z as resourceValue, _ as updateResolution, _n as parseWorkflowFile, _t as canvasPresentationChange, a as nameCreatedNodes, b as updateTaskPorts, bt as removeComments, c as setInputVariable, ct as flowResourceReferences, d as updateCondition, dn as sampleErrorOutputs, dt as diagnosticItems, en as WorkbenchClient, f as updateNodeDescription, fn as triggerOutputDefinitions, g as updateOutputPorts, gn as encodeWorkflowFile, gt as connectionCatalog, h as updateNodeSettings, hn as connectorActionMetadata, ht as actionWithConnections, i as deleteSelection, in as decodeTriggerCatalog, it as RunStore, jn as workflowCandidate, jt as setServiceConnections, kt as setConnectorConnection, l as setTriggerConnection, lt as Latest, m as updateNodeName, mn as connection, nn as allConnectorConnectionsQuery, o as selectWebhookResponse, p as updateNodeIcon, q as scopedValue, qt as EventSourcesPage, r as applyFlowChanges$1, rt as providerIcon, s as setInputValue, st as revisionView, t as addNode, tn as randomId, u as setTriggerEventSource, un as normalizeTriggerOutputs, ut as deriveInspectorDiagnostics, v as updateTask, vn as workflowFileName, vt as commentIds, wt as setNodeContentHidden, x as updateTriggerConfig, xt as restoreCanvasPresentation, y as updateTaskAdditionalInputs, yn as workflowNameFromFile, yt as flowPresentation, zn as controlErrorCode, zt as InputGroupInput } from "./flowChanges-CgSnSqqP.js";
 import { a as uiLanguages, i as uiLanguageNames, n as isUiLanguage, r as resolveUiLanguage, t as importedWorkflowName } from "./languages-gYzoQqCi.js";
 import { Suspense, forwardRef, lazy, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -516,7 +516,7 @@ function FlowDeletionDialog({ flow, workspace, container, busy, finalFocus, onCl
 }
 //#endregion
 //#region src/workbench/browser/runtime/shell/resourceBrowser.tsx
-var CreateResourceDialog = lazy(() => import("./createResourceDialog-BAHYW9yu.js"));
+var CreateResourceDialog = lazy(() => import("./createResourceDialog-BWJkjiOO.js"));
 var flowIdTooltipAlignOffset = 44;
 var renamePopoverAlignOffset = -12;
 function compactFlowId(flowId) {
@@ -4351,6 +4351,244 @@ var TriggerStore = class {
 	}
 };
 //#endregion
+//#region src/workbench/browser/runtime/editor/nodeClipboard.ts
+function copyNodes(revision, nodeIds) {
+	const nodes = revision.graph()?.nodes ?? {};
+	const copied = Object.fromEntries(nodeIds.flatMap((nodeId) => nodes[nodeId] == null ? [] : [[nodeId, nodes[nodeId]]]));
+	return {
+		edges: (revision.graph()?.edges ?? []).filter((edge) => copied[edge.source] != null && copied[edge.target] != null),
+		bindings: Object.fromEntries(Object.values(copied).flatMap((node) => {
+			if (!("inputs" in node) && node.kind != "outputs") return [];
+			return Object.values(nodeInputMappings(node)).flatMap((mapping) => mapping.kind == "sources" ? mapping.sources.flatMap((source) => {
+				if (source.kind != "binding") return [];
+				const binding = revision.binding(source.bindingId);
+				return binding?.kind == "variable" ? [[source.bindingId, binding]] : [];
+			}) : []);
+		})),
+		modules: Object.fromEntries(Object.values(copied).flatMap((node) => {
+			if (node.kind != "task" || !("moduleId" in node.task)) return [];
+			const module = revision.revision.content.modules[node.task.moduleId];
+			return module == null ? [] : [[node.task.moduleId, module]];
+		})),
+		nodes: copied
+	};
+}
+function pasteNodes(revision, clipboard, identity) {
+	const hasOutputs = Object.values(revision.graph().nodes).some((node) => node.kind == "outputs");
+	const hasErrorTrigger = Object.values(revision.graph()?.nodes ?? {}).some((node) => node.kind === "error");
+	const hasStartTrigger = Object.values(revision.graph()?.nodes ?? {}).some((node) => node.kind === "manual" || node.kind === "start");
+	const entries = Object.entries(clipboard.nodes).filter(([, node]) => (node.kind !== "manual" && node.kind !== "start" || !hasStartTrigger) && (node.kind !== "outputs" || !hasOutputs) && (node.kind !== "error" || !hasErrorTrigger) && (node.kind != "task" || !("moduleId" in node.task) || clipboard.modules[node.task.moduleId] != null));
+	const sourceIds = entries.map(([sourceId]) => sourceId);
+	const ids = new Map(sourceIds.map((sourceId) => [sourceId, identity()]));
+	const operations = [];
+	const bindingIds = /* @__PURE__ */ new Map();
+	for (const [, node] of entries) {
+		if (!("inputs" in node) && node.kind != "outputs") continue;
+		const inputs = Object.values(nodeInputMappings(node));
+		for (const mapping of inputs) {
+			if (mapping.kind != "sources") continue;
+			for (const source of mapping.sources) {
+				if (source.kind != "binding" || clipboard.bindings[source.bindingId]?.kind != "variable" || bindingIds.has(source.bindingId)) continue;
+				bindingIds.set(source.bindingId, identity());
+			}
+		}
+	}
+	for (const [sourceId, bindingId] of bindingIds) {
+		const binding = clipboard.bindings[sourceId];
+		if (binding != null) operations.push({
+			binding,
+			bindingId,
+			kind: "binding.create"
+		});
+	}
+	for (const [sourceId, node] of entries) {
+		const nodeId = ids.get(sourceId);
+		if (!("inputs" in node) && node.kind != "outputs") {
+			const response = node.kind === "webhook" ? node.options?.responseBody : void 0;
+			const copy = node.kind === "webhook" && response?.kind === "webhook-response" && response.nodeId != null ? {
+				...node,
+				options: {
+					...node.options,
+					responseBody: {
+						...response,
+						nodeId: ids.get(response.nodeId) ?? response.nodeId
+					}
+				}
+			} : node;
+			operations.push({
+				kind: "graph.node.create",
+				node: copy,
+				nodeId
+			});
+			continue;
+		}
+		const remapInputs = (sourceInputs) => {
+			const inputs = {};
+			for (const [handle, mapping] of Object.entries(sourceInputs)) {
+				if (mapping.kind != "sources") {
+					inputs[handle] = mapping;
+					continue;
+				}
+				const sources = [];
+				for (const source of mapping.sources) {
+					if (source.kind == "binding") {
+						const copiedBindingId = bindingIds.get(source.bindingId);
+						if (copiedBindingId != null) sources.push({
+							...source,
+							bindingId: copiedBindingId
+						});
+						continue;
+					}
+					if (source.kind != "node") {
+						sources.push(source);
+						continue;
+					}
+					const copiedNodeId = ids.get(source.nodeId);
+					if (copiedNodeId != null) sources.push({
+						...source,
+						nodeId: copiedNodeId
+					});
+				}
+				if (sources.length > 0) inputs[handle] = {
+					kind: "sources",
+					sources
+				};
+			}
+			return inputs;
+		};
+		const inputs = remapInputs(nodeInputMappings(node));
+		let copy = node.kind == "outputs" ? {
+			...node,
+			outputMappings: inputs
+		} : {
+			...node,
+			inputs
+		};
+		if (node.kind == "condition") copy = mapConditionSources(node, (source) => source.kind == "node" ? {
+			...source,
+			nodeId: ids.get(source.nodeId) ?? source.nodeId
+		} : source.kind == "binding" ? {
+			...source,
+			bindingId: bindingIds.get(source.bindingId) ?? source.bindingId
+		} : source);
+		if (node.kind == "task" && "moduleId" in node.task) {
+			const moduleId = nodeId;
+			const module = clipboard.modules[node.task.moduleId];
+			operations.push({
+				kind: "module.create",
+				module: {
+					...module,
+					name: `${module.name} copy`
+				},
+				moduleId
+			});
+			copy = {
+				...node,
+				inputs,
+				...node.name == null ? {} : { name: node.name },
+				task: {
+					...node.task,
+					moduleId,
+					name: `${node.task.name} copy`
+				}
+			};
+		}
+		operations.push({
+			kind: "graph.node.create",
+			node: copy,
+			nodeId
+		});
+	}
+	for (const edge of clipboard.edges) {
+		const source = ids.get(edge.source);
+		const destination = ids.get(edge.target);
+		if (source != null && destination != null) operations.push({
+			kind: "graph.edge.connect",
+			edge: {
+				...edge,
+				source,
+				target: destination
+			}
+		});
+	}
+	return {
+		changes: nameCreatedNodes(revision, operations),
+		nodeIds: [...ids.values()],
+		sourceIds
+	};
+}
+//#endregion
+//#region src/workbench/browser/runtime/editor/canvasClipboard.ts
+var CanvasClipboard = class {
+	#value;
+	constructor(identity, t) {
+		this.identity = identity;
+		this.t = t;
+	}
+	copy(revision, graph, nodeIds) {
+		const selected = new Set(nodeIds);
+		this.#value = {
+			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,
+				position: node.position,
+				sourceId: node.id,
+				title: node.title
+			}] : []),
+			nodes: copyNodes(revision, nodeIds)
+		};
+	}
+	paste(revision, graph, sourcePositions, offset = {
+		x: 40,
+		y: 40
+	}) {
+		if (this.#value == null) return;
+		const hiddenNodeIds = new Set(this.#value.hiddenNodeIds);
+		const pasted = pasteNodes(revision, this.#value.nodes, this.identity);
+		const comments = this.#value.comments.map((comment) => ({
+			...comment,
+			nodeId: this.identity()
+		}));
+		if (pasted.nodeIds.length == 0 && comments.length == 0) return;
+		const designerNodes = new Map(graph.nodes.map((node) => [node.id, node]));
+		const added = /* @__PURE__ */ new Set([...pasted.nodeIds, ...comments.map((comment) => comment.nodeId)]);
+		const occupied = new Set([...designerNodes].filter(([nodeId]) => !added.has(nodeId)).map(([, node]) => `${node.position.x}\0${node.position.y}`));
+		const sources = [...pasted.sourceIds.map((sourceId) => sourcePositions?.[sourceId] ?? designerNodes.get(sourceId)?.position ?? {
+			x: 80,
+			y: 80
+		}), ...comments.map((comment) => comment.position)];
+		let step = 1;
+		if (offset.x != 0 || offset.y != 0) while (sources.some((source) => occupied.has(`${source.x + offset.x * step}\0${source.y + offset.y * step}`))) step += 1;
+		const positions = Object.fromEntries(pasted.sourceIds.map((sourceId, index) => {
+			const source = sourcePositions?.[sourceId] ?? designerNodes.get(sourceId)?.position;
+			return [pasted.nodeIds[index], {
+				x: (source?.x ?? 80) + offset.x * step,
+				y: (source?.y ?? 80) + offset.y * step
+			}];
+		}));
+		return {
+			changes: pasted.changes,
+			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 comment of comments) {
+					if (hiddenNodeIds.has(comment.sourceId)) next = setNodeContentHidden(next, comment.nodeId, true);
+					next = setComment(next, comment.nodeId, {
+						content: comment.content,
+						position: {
+							x: comment.position.x + offset.x * step,
+							y: comment.position.y + offset.y * step
+						},
+						title: this.t("addNode.commentCopy", { title: comment.title })
+					});
+				}
+				return next;
+			}
+		};
+	}
+};
+//#endregion
 //#region src/flow/common/inverseChanges.ts
 /** Invert authoring operations and cascading deletions while retaining model upgrades. */
 function inverseFlowChanges(content, operations) {
@@ -4600,244 +4838,6 @@ function inverseFlowChanges(content, operations) {
 	return groups.toReversed().flat();
 }
 //#endregion
-//#region src/workbench/browser/runtime/editor/nodeClipboard.ts
-function copyNodes(revision, nodeIds) {
-	const nodes = revision.graph()?.nodes ?? {};
-	const copied = Object.fromEntries(nodeIds.flatMap((nodeId) => nodes[nodeId] == null ? [] : [[nodeId, nodes[nodeId]]]));
-	return {
-		edges: (revision.graph()?.edges ?? []).filter((edge) => copied[edge.source] != null && copied[edge.target] != null),
-		bindings: Object.fromEntries(Object.values(copied).flatMap((node) => {
-			if (!("inputs" in node) && node.kind != "outputs") return [];
-			return Object.values(nodeInputMappings(node)).flatMap((mapping) => mapping.kind == "sources" ? mapping.sources.flatMap((source) => {
-				if (source.kind != "binding") return [];
-				const binding = revision.binding(source.bindingId);
-				return binding?.kind == "variable" ? [[source.bindingId, binding]] : [];
-			}) : []);
-		})),
-		modules: Object.fromEntries(Object.values(copied).flatMap((node) => {
-			if (node.kind != "task" || !("moduleId" in node.task)) return [];
-			const module = revision.revision.content.modules[node.task.moduleId];
-			return module == null ? [] : [[node.task.moduleId, module]];
-		})),
-		nodes: copied
-	};
-}
-function pasteNodes(revision, clipboard, identity) {
-	const hasOutputs = Object.values(revision.graph().nodes).some((node) => node.kind == "outputs");
-	const hasErrorTrigger = Object.values(revision.graph()?.nodes ?? {}).some((node) => node.kind === "error");
-	const hasStartTrigger = Object.values(revision.graph()?.nodes ?? {}).some((node) => node.kind === "manual" || node.kind === "start");
-	const entries = Object.entries(clipboard.nodes).filter(([, node]) => (node.kind !== "manual" && node.kind !== "start" || !hasStartTrigger) && (node.kind !== "outputs" || !hasOutputs) && (node.kind !== "error" || !hasErrorTrigger) && (node.kind != "task" || !("moduleId" in node.task) || clipboard.modules[node.task.moduleId] != null));
-	const sourceIds = entries.map(([sourceId]) => sourceId);
-	const ids = new Map(sourceIds.map((sourceId) => [sourceId, identity()]));
-	const operations = [];
-	const bindingIds = /* @__PURE__ */ new Map();
-	for (const [, node] of entries) {
-		if (!("inputs" in node) && node.kind != "outputs") continue;
-		const inputs = Object.values(nodeInputMappings(node));
-		for (const mapping of inputs) {
-			if (mapping.kind != "sources") continue;
-			for (const source of mapping.sources) {
-				if (source.kind != "binding" || clipboard.bindings[source.bindingId]?.kind != "variable" || bindingIds.has(source.bindingId)) continue;
-				bindingIds.set(source.bindingId, identity());
-			}
-		}
-	}
-	for (const [sourceId, bindingId] of bindingIds) {
-		const binding = clipboard.bindings[sourceId];
-		if (binding != null) operations.push({
-			binding,
-			bindingId,
-			kind: "binding.create"
-		});
-	}
-	for (const [sourceId, node] of entries) {
-		const nodeId = ids.get(sourceId);
-		if (!("inputs" in node) && node.kind != "outputs") {
-			const response = node.kind === "webhook" ? node.options?.responseBody : void 0;
-			const copy = node.kind === "webhook" && response?.kind === "webhook-response" && response.nodeId != null ? {
-				...node,
-				options: {
-					...node.options,
-					responseBody: {
-						...response,
-						nodeId: ids.get(response.nodeId) ?? response.nodeId
-					}
-				}
-			} : node;
-			operations.push({
-				kind: "graph.node.create",
-				node: copy,
-				nodeId
-			});
-			continue;
-		}
-		const remapInputs = (sourceInputs) => {
-			const inputs = {};
-			for (const [handle, mapping] of Object.entries(sourceInputs)) {
-				if (mapping.kind != "sources") {
-					inputs[handle] = mapping;
-					continue;
-				}
-				const sources = [];
-				for (const source of mapping.sources) {
-					if (source.kind == "binding") {
-						const copiedBindingId = bindingIds.get(source.bindingId);
-						if (copiedBindingId != null) sources.push({
-							...source,
-							bindingId: copiedBindingId
-						});
-						continue;
-					}
-					if (source.kind != "node") {
-						sources.push(source);
-						continue;
-					}
-					const copiedNodeId = ids.get(source.nodeId);
-					if (copiedNodeId != null) sources.push({
-						...source,
-						nodeId: copiedNodeId
-					});
-				}
-				if (sources.length > 0) inputs[handle] = {
-					kind: "sources",
-					sources
-				};
-			}
-			return inputs;
-		};
-		const inputs = remapInputs(nodeInputMappings(node));
-		let copy = node.kind == "outputs" ? {
-			...node,
-			outputMappings: inputs
-		} : {
-			...node,
-			inputs
-		};
-		if (node.kind == "condition") copy = mapConditionSources(node, (source) => source.kind == "node" ? {
-			...source,
-			nodeId: ids.get(source.nodeId) ?? source.nodeId
-		} : source.kind == "binding" ? {
-			...source,
-			bindingId: bindingIds.get(source.bindingId) ?? source.bindingId
-		} : source);
-		if (node.kind == "task" && "moduleId" in node.task) {
-			const moduleId = nodeId;
-			const module = clipboard.modules[node.task.moduleId];
-			operations.push({
-				kind: "module.create",
-				module: {
-					...module,
-					name: `${module.name} copy`
-				},
-				moduleId
-			});
-			copy = {
-				...node,
-				inputs,
-				...node.name == null ? {} : { name: node.name },
-				task: {
-					...node.task,
-					moduleId,
-					name: `${node.task.name} copy`
-				}
-			};
-		}
-		operations.push({
-			kind: "graph.node.create",
-			node: copy,
-			nodeId
-		});
-	}
-	for (const edge of clipboard.edges) {
-		const source = ids.get(edge.source);
-		const destination = ids.get(edge.target);
-		if (source != null && destination != null) operations.push({
-			kind: "graph.edge.connect",
-			edge: {
-				...edge,
-				source,
-				target: destination
-			}
-		});
-	}
-	return {
-		changes: nameCreatedNodes(revision, operations),
-		nodeIds: [...ids.values()],
-		sourceIds
-	};
-}
-//#endregion
-//#region src/workbench/browser/runtime/editor/canvasClipboard.ts
-var CanvasClipboard = class {
-	#value;
-	constructor(identity, t) {
-		this.identity = identity;
-		this.t = t;
-	}
-	copy(revision, graph, nodeIds) {
-		const selected = new Set(nodeIds);
-		this.#value = {
-			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,
-				position: node.position,
-				sourceId: node.id,
-				title: node.title
-			}] : []),
-			nodes: copyNodes(revision, nodeIds)
-		};
-	}
-	paste(revision, graph, sourcePositions, offset = {
-		x: 40,
-		y: 40
-	}) {
-		if (this.#value == null) return;
-		const hiddenNodeIds = new Set(this.#value.hiddenNodeIds);
-		const pasted = pasteNodes(revision, this.#value.nodes, this.identity);
-		const comments = this.#value.comments.map((comment) => ({
-			...comment,
-			nodeId: this.identity()
-		}));
-		if (pasted.nodeIds.length == 0 && comments.length == 0) return;
-		const designerNodes = new Map(graph.nodes.map((node) => [node.id, node]));
-		const added = /* @__PURE__ */ new Set([...pasted.nodeIds, ...comments.map((comment) => comment.nodeId)]);
-		const occupied = new Set([...designerNodes].filter(([nodeId]) => !added.has(nodeId)).map(([, node]) => `${node.position.x}\0${node.position.y}`));
-		const sources = [...pasted.sourceIds.map((sourceId) => sourcePositions?.[sourceId] ?? designerNodes.get(sourceId)?.position ?? {
-			x: 80,
-			y: 80
-		}), ...comments.map((comment) => comment.position)];
-		let step = 1;
-		if (offset.x != 0 || offset.y != 0) while (sources.some((source) => occupied.has(`${source.x + offset.x * step}\0${source.y + offset.y * step}`))) step += 1;
-		const positions = Object.fromEntries(pasted.sourceIds.map((sourceId, index) => {
-			const source = sourcePositions?.[sourceId] ?? designerNodes.get(sourceId)?.position;
-			return [pasted.nodeIds[index], {
-				x: (source?.x ?? 80) + offset.x * step,
-				y: (source?.y ?? 80) + offset.y * step
-			}];
-		}));
-		return {
-			changes: pasted.changes,
-			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 comment of comments) {
-					if (hiddenNodeIds.has(comment.sourceId)) next = setNodeContentHidden(next, comment.nodeId, true);
-					next = setComment(next, comment.nodeId, {
-						content: comment.content,
-						position: {
-							x: comment.position.x + offset.x * step,
-							y: comment.position.y + offset.y * step
-						},
-						title: this.t("addNode.commentCopy", { title: comment.title })
-					});
-				}
-				return next;
-			}
-		};
-	}
-};
-//#endregion
 //#region src/workbench/browser/runtime/stores/canvasHistory.ts
 var CanvasHistory = class {
 	constructor() {
@@ -4851,35 +4851,82 @@ var CanvasHistory = class {
 		});
 		this.#undo = [];
 		this.#redo = [];
-		this.generation = 0;
-		this.pending = 0;
-		this.applying = false;
-		this.failed = false;
+		this.#generation = 0;
+		this.#pending = 0;
+		this.#applying = false;
+		this.#failed = false;
+		this.#disposed = false;
 	}
 	#undo;
 	#redo;
+	#generation;
+	#pending;
+	#applying;
+	#failed;
+	#disposed;
+	get generation() {
+		return this.#generation;
+	}
+	get applying() {
+		return this.#applying;
+	}
+	get failed() {
+		return this.#failed;
+	}
+	beginChange() {
+		this.#pending++;
+		this.#publish();
+	}
+	endChange() {
+		this.#pending--;
+		this.#publish();
+	}
+	beginRestore() {
+		this.#applying = true;
+		this.#publish();
+	}
+	endRestore() {
+		this.#applying = false;
+		this.#publish();
+	}
+	beginRecovery() {
+		this.#failed = true;
+		this.clear();
+	}
+	endRecovery() {
+		this.#failed = false;
+		this.#publish();
+	}
+	reset() {
+		this.#failed = false;
+		this.clear();
+	}
+	dispose() {
+		this.#disposed = true;
+		this.state$.dispose();
+	}
 	clear() {
 		const hadHistory = this.#undo.length + this.#redo.length > 0;
-		this.generation++;
+		this.#generation++;
 		this.#undo.length = 0;
 		this.#redo.length = 0;
-		this.publish();
+		this.#publish();
 		return hadHistory;
 	}
 	discardRedo() {
 		if (this.#redo.length == 0) return;
 		this.#redo.length = 0;
-		this.publish();
+		this.#publish();
 	}
 	completeNodeCreation(nodeId, changes) {
 		const index = this.#undo.findIndex((entry) => entry.forward.some((operation) => operation.kind == "graph.node.create" && operation.nodeId == nodeId));
-		if (index < 0 || this.applying || this.failed) return false;
+		if (index < 0 || this.#applying || this.#failed) return false;
 		const entry = this.#undo[index];
 		this.#undo[index] = {
 			...entry,
 			forward: [...entry.forward, ...changes]
 		};
-		this.publish();
+		this.#publish();
 		return true;
 	}
 	rebaseModuleCreation(moduleId, module) {
@@ -4903,7 +4950,7 @@ var CanvasHistory = class {
 			};
 		}
 		while (this.#undo.length > 0 && this.#bytes(this.#undo) > 10485760) this.#undo.shift();
-		this.publish();
+		this.#publish();
 	}
 	record(entry) {
 		this.#redo.length = 0;
@@ -4913,7 +4960,7 @@ var CanvasHistory = class {
 			return false;
 		}
 		while (this.#undo.length > 30 || this.#bytes(this.#undo) > 10485760) this.#undo.shift();
-		this.publish();
+		this.#publish();
 		return true;
 	}
 	complete(redo) {
@@ -4921,15 +4968,16 @@ var CanvasHistory = class {
 		const destination = redo ? this.#undo : this.#redo;
 		const entry = source.pop();
 		if (entry != null) destination.push(entry);
-		this.publish();
+		this.#publish();
 	}
-	publish() {
-		const available = this.pending == 0 && !this.applying && !this.failed;
+	#publish() {
+		if (this.#disposed) return;
+		const available = this.#pending == 0 && !this.#applying && !this.#failed;
 		this.state$.set({
 			canUndo: available && this.#undo.length > 0,
 			canRedo: available && this.#redo.length > 0,
-			applying: this.applying,
-			failed: this.failed,
+			applying: this.#applying,
+			failed: this.#failed,
 			undo: this.#undo.at(-1),
 			redo: this.#redo.at(-1)
 		});
@@ -5118,270 +5166,6 @@ var DraftChanges = class {
 	}
 };
 //#endregion
-//#region src/workbench/browser/runtime/stores/flowCatalog.ts
-var pageLimit = 50;
-var initialState$1 = {
-	failed: false,
-	loaded: false,
-	loading: true,
-	loadingMore: false,
-	loadMoreFailed: false,
-	refreshing: false,
-	flows: []
-};
-var FlowCatalog = class {
-	#client;
-	#i18n;
-	#session = new Latest();
-	#setNotice;
-	#state = val(initialState$1);
-	#lifetime = new AbortController();
-	#pending = /* @__PURE__ */ new Set();
-	#disposed = false;
-	constructor(client, setNotice, i18n) {
-		this.#client = client;
-		this.#i18n = i18n;
-		this.#setNotice = setNotice;
-		this.$ = {
-			failed: derive(this.#state, (state) => state.failed),
-			loading: derive(this.#state, (state) => state.loading),
-			loadingMore: derive(this.#state, (state) => state.loadingMore),
-			loadMoreFailed: derive(this.#state, (state) => state.loadMoreFailed),
-			refreshing: derive(this.#state, (state) => state.refreshing),
-			nextCursor: derive(this.#state, (state) => state.nextCursor),
-			flows: derive(this.#state, (state) => state.flows),
-			total: derive(this.#state, (state) => state.total)
-		};
-	}
-	get loaded() {
-		return this.#state.value.loaded;
-	}
-	dispose() {
-		this.#disposed = true;
-		this.#lifetime.abort();
-		this.#session.invalidate();
-		for (const value of Object.values(this.$)) value.dispose();
-		this.#state.dispose();
-	}
-	flow(flowId) {
-		return this.#state.value.flows.find((flow) => flow.flowId == flowId);
-	}
-	async reload() {
-		const current = this.#session.begin();
-		const loaded = this.#state.value.loaded;
-		if (loaded) this.#set({
-			failed: false,
-			loadingMore: false,
-			loadMoreFailed: false,
-			refreshing: true
-		});
-		else this.#set({
-			failed: false,
-			loading: true,
-			loadingMore: false,
-			loadMoreFailed: false,
-			refreshing: false,
-			nextCursor: void 0,
-			flows: [],
-			total: void 0
-		});
-		try {
-			const page = await this.#client.listFlows({
-				includeTotal: true,
-				limit: pageLimit
-			});
-			if (!current()) return;
-			this.#set({
-				loaded: true,
-				loading: false,
-				refreshing: false,
-				nextCursor: page.nextCursor,
-				flows: page.flows,
-				total: page.total
-			});
-		} catch (error) {
-			if (!current()) return;
-			this.#set({
-				failed: !loaded,
-				loading: false,
-				refreshing: false
-			});
-			this.#setNotice(errorNotice(error, this.#i18n.t));
-		}
-	}
-	async loadMore() {
-		const { loadingMore, nextCursor, refreshing } = this.#state.value;
-		if (loadingMore || refreshing || nextCursor == null) return;
-		const current = this.#session.capture();
-		this.#set({
-			loadingMore: true,
-			loadMoreFailed: false
-		});
-		try {
-			const page = await this.#client.listFlows({
-				cursor: nextCursor,
-				limit: pageLimit
-			});
-			if (!current()) return;
-			const flows = new Map(this.#state.value.flows.map((flow) => [flow.flowId, flow]));
-			for (const flow of page.flows) flows.set(flow.flowId, flow);
-			this.#set({
-				loadingMore: false,
-				nextCursor: page.nextCursor,
-				flows: [...flows.values()]
-			});
-		} catch (error) {
-			if (!current()) return;
-			this.#set({
-				loadingMore: false,
-				loadMoreFailed: true
-			});
-			this.#setNotice(errorNotice(error, this.#i18n.t));
-		}
-	}
-	async setEnabled(flow, enabled) {
-		if (flow.live == null || this.#pending.has(flow.flowId)) return;
-		this.#pending.add(flow.flowId);
-		try {
-			const changed = await this.#client.setFlowEnabled(flow.flowId, flow.live.publicationId, enabled);
-			if (!this.#disposed) this.include(changed);
-		} catch (error) {
-			if (!this.#disposed) {
-				this.#setNotice(errorNotice(error, this.#i18n.t));
-				await this.reload();
-			}
-		} finally {
-			this.#pending.delete(flow.flowId);
-		}
-	}
-	async publish(flow) {
-		if (this.#pending.has(flow.flowId)) return;
-		this.#pending.add(flow.flowId);
-		try {
-			const initial = await this.#client.publishFlow(flow.flowId, flow.draftRevisionId, flow.live?.publicationId ?? null);
-			if (this.#disposed) return;
-			const operation = await Effect.runPromise(Effect.gen({ self: this }, function* () {
-				let current = initial;
-				while (current.status == "pending") {
-					yield* Effect.sleep(1e3);
-					current = yield* Effect.tryPromise((signal) => this.#client.getPublishOperation(flow.flowId, current.operationId, signal));
-				}
-				return current;
-			}), { signal: this.#lifetime.signal });
-			if (this.#disposed) return;
-			if (operation.status == "failed") this.#setNotice({
-				kind: "error",
-				message: operation.issue.message
-			});
-			else this.#setNotice({
-				kind: "success",
-				message: this.#i18n.t("notice.published", { name: flow.name })
-			});
-			this.include(await this.#client.getFlow(flow.flowId));
-		} catch (error) {
-			if (!this.#disposed) this.#setNotice(errorNotice(error, this.#i18n.t));
-		} finally {
-			this.#pending.delete(flow.flowId);
-		}
-	}
-	create(name, create) {
-		return this.#create(async () => create == null ? this.#client.createFlow(name) : this.#client.getFlow(await create(name)));
-	}
-	import(file, name, key, importer) {
-		return this.#create(async () => importer == null ? this.#client.importFlow(file, {
-			name,
-			idempotencyKey: key
-		}) : this.#client.getFlow(await importer(file, name, key)));
-	}
-	async #create(create) {
-		try {
-			const created = await create();
-			if (this.#disposed) return;
-			this.#insert(created);
-			return created;
-		} catch (error) {
-			if (!this.#disposed) this.#setNotice(errorNotice(error, this.#i18n.t));
-		}
-	}
-	async delete(flowId) {
-		const flow = this.flow(flowId);
-		if (flow == null || flow.status == "retiring") return false;
-		try {
-			await this.#client.deleteFlow(flowId);
-			if (this.#disposed) return false;
-			this.#remove(flowId);
-			this.#setNotice({
-				kind: "success",
-				message: this.#i18n.t("notice.flowDeleteAccepted", { name: flow.name })
-			});
-			return true;
-		} catch (error) {
-			if (!this.#disposed) this.#setNotice(errorNotice(error, this.#i18n.t));
-			return false;
-		}
-	}
-	async rename(flowId, name) {
-		const flow = this.flow(flowId);
-		const nextName = name.trim();
-		if (flow == null || nextName.length == 0) return false;
-		if (flow.name == nextName) return true;
-		try {
-			const changed = await this.#client.renameFlow(flowId, nextName);
-			if (this.#disposed) return false;
-			this.include(changed);
-			this.#setNotice({
-				kind: "success",
-				message: this.#i18n.t("notice.flowRenamed", { name: nextName })
-			});
-			return true;
-		} catch (error) {
-			if (!this.#disposed) this.#setNotice(errorNotice(error, this.#i18n.t));
-			return false;
-		}
-	}
-	include(flow) {
-		const index = this.#state.value.flows.findIndex((candidate) => candidate.flowId == flow.flowId);
-		if (index < 0) {
-			this.#set({ flows: [...this.#state.value.flows, flow] });
-			return;
-		}
-		const referenceCount = this.#state.value.flows[index].referenceCount;
-		this.#set({ flows: this.#state.value.flows.with(index, {
-			...flow,
-			...referenceCount == null ? {} : { referenceCount }
-		}) });
-	}
-	#insert(flow) {
-		if (this.#state.value.flows.some((candidate) => candidate.flowId == flow.flowId)) return;
-		this.#set({
-			flows: [...this.#state.value.flows, flow],
-			total: this.#state.value.total == null ? void 0 : this.#state.value.total + 1
-		});
-	}
-	#remove(flowId) {
-		this.#set({
-			flows: this.#state.value.flows.filter((flow) => flow.flowId != flowId),
-			total: this.#state.value.total == null ? void 0 : this.#state.value.total - 1
-		});
-	}
-	advanceHead(flowId, revisionId, content) {
-		this.#set({ flows: this.#state.value.flows.map((flow) => flow.flowId == flowId ? {
-			...flow,
-			draftRevisionId: revisionId,
-			resourceReferences: {
-				...flow.resourceReferences,
-				draft: flowResourceReferences(content)
-			}
-		} : flow) });
-	}
-	#set(patch) {
-		if (!this.#disposed) this.#state.set({
-			...this.#state.value,
-			...patch
-		});
-	}
-};
-//#endregion
 //#region src/workbench/browser/runtime/stores/moduleEditorSession.ts
 var ModuleEditorSession = class {
 	#moduleDrafts = /* @__PURE__ */ new Map();
@@ -5517,183 +5301,6 @@ var ModuleEditorSession = class {
 	}
 };
 //#endregion
-//#region src/workbench/browser/runtime/stores/nodeEdits.ts
-var NodeEdits = class {
-	constructor(revision, save, identity) {
-		this.revision = revision;
-		this.save = save;
-		this.identity = identity;
-	}
-	async saveErrorSources(nodeId, value) {
-		const node = this.revision.value?.graph()?.nodes[nodeId];
-		if (node?.kind != "error" || dequal$1(node.sourceFlowIds ?? [], value)) return false;
-		return await this.save([{
-			kind: "graph.trigger.sources.set",
-			nodeId,
-			before: node.sourceFlowIds,
-			value: value.length == 0 ? void 0 : value
-		}]);
-	}
-	async saveNodeSettings(nodeId, settings) {
-		const revision = this.revision.value;
-		if (revision == null) return false;
-		const changes = updateNodeSettings(revision, nodeId, settings);
-		return changes != null && await this.save(changes);
-	}
-	async saveNodeDescription(nodeId, description) {
-		const revision = this.revision.value;
-		if (revision == null) return false;
-		const changes = updateNodeDescription(revision, nodeId, description);
-		return changes != null && await this.save(changes);
-	}
-	async saveNodeIcon(nodeId, icon) {
-		const revision = this.revision.value;
-		if (revision == null) return false;
-		const changes = updateNodeIcon(revision, nodeId, icon);
-		return changes != null && await this.save(changes);
-	}
-	async saveNodeTitle(nodeId, title) {
-		const revision = this.revision.value;
-		if (revision == null) return false;
-		const changes = updateNodeName(revision, nodeId, title);
-		return changes != null && await this.save(changes);
-	}
-	async setInputValue(nodeId, handle, value, deletion) {
-		const revision = this.revision.value;
-		if (revision == null) return false;
-		const changes = setInputValue(revision, nodeId, handle, value);
-		return changes != null && await this.save(changes, deletion);
-	}
-	async resetInputs(nodeId, handles) {
-		const revision = this.revision.value;
-		if (revision == null) return false;
-		return await this.save(resetInputValues(revision.revision.content, nodeId, handles));
-	}
-	async saveOutputsDefs(nodeId, definitions, deletion, values) {
-		const revision = this.revision.value;
-		if (revision == null || revision.graph().nodes[nodeId]?.kind != "outputs") return false;
-		return await this.save(updateOutputPorts(revision, nodeId, definitions, values), deletion);
-	}
-	async saveStartInputDefs(nodeId, inputDefs, deletion) {
-		const revision = this.revision.value;
-		if (revision == null || revision.graph().nodes[nodeId]?.kind != "start") return false;
-		const changes = updateStartInputDefs(revision.revision.content, nodeId, inputDefs);
-		return await this.save(changes, deletion);
-	}
-	async resetTriggerConfig(triggerId, names) {
-		const revision = this.revision.value;
-		if (revision == null) return false;
-		const trigger = revision.graph()?.nodes[triggerId];
-		if (trigger?.kind !== "poll" && trigger?.kind !== "integration") return false;
-		const changes = (names == null ? Object.entries(trigger.config) : names.flatMap((name) => Object.hasOwn(trigger.config, name) ? [[name, trigger.config[name]]] : [])).map(([name, before]) => ({
-			kind: "graph.trigger.config.set",
-			nodeId: triggerId,
-			name,
-			before,
-			value: void 0
-		}));
-		return await this.save(changes);
-	}
-	async setInputSource(nodeId, handle, source) {
-		const revision = this.revision.value;
-		if (revision == null) return false;
-		return await this.save(setInputSources(revision.revision.content, nodeId, handle, [{
-			kind: "node",
-			...source
-		}]));
-	}
-	async setInputVariable(nodeId, handle, name) {
-		const revision = this.revision.value;
-		if (revision == null) return false;
-		const changes = name == null ? setInputValue(revision, nodeId, handle, void 0) : setInputVariable(revision, nodeId, handle, name, this.identity());
-		return changes != null && await this.save(changes);
-	}
-	async saveCondition(nodeId, settings, deletion) {
-		const revision = this.revision.value;
-		if (revision == null) return false;
-		const changes = updateCondition(revision, nodeId, settings);
-		return changes != null && await this.save(changes, deletion);
-	}
-	async saveValue(nodeId, values, deletion) {
-		const revision = this.revision.value;
-		if (revision == null) return false;
-		const changes = updateValue(revision, nodeId, values);
-		return changes != null && await this.save(changes, deletion);
-	}
-	async saveResolution(nodeId, settings, deletion, values) {
-		const revision = this.revision.value;
-		if (revision == null) return false;
-		const changes = updateResolution(revision, nodeId, settings, values);
-		return changes != null && await this.save(changes, deletion);
-	}
-	async saveTaskSettings(nodeId, settings, deletion) {
-		const revision = this.revision.value;
-		if (revision == null) return false;
-		const changes = updateTask(revision, nodeId, settings);
-		return changes != null && await this.save(changes, deletion);
-	}
-	async saveTaskPorts(nodeId, ports, deletion, values) {
-		const revision = this.revision.value;
-		if (revision == null) return false;
-		const changes = updateTaskPorts(revision, nodeId, ports, values);
-		return changes != null && await this.save(changes, deletion);
-	}
-	async saveTaskAdditionalInputs(nodeId, inputs, deletion, values) {
-		const revision = this.revision.value;
-		if (revision == null) return false;
-		const changes = updateTaskAdditionalInputs(revision, nodeId, inputs, values);
-		return changes != null && await this.save(changes, deletion);
-	}
-	async setConnectorConnection(nodeId, connectionId) {
-		const revision = this.revision.value;
-		if (revision == null) return false;
-		const changes = setConnectorConnection(revision.revision.content, nodeId, connectionId);
-		return changes != null && await this.save(changes);
-	}
-	async setServiceConnections(providerId, connectionId, previousConnectionId) {
-		const revision = this.revision.value;
-		if (revision == null) return false;
-		const changes = setServiceConnections(revision.revision.content, providerId, connectionId, previousConnectionId);
-		return changes.length == 0 || await this.save(changes);
-	}
-	async setCodeActions(nodeId, capabilities) {
-		const revision = this.revision.value;
-		if (revision == null) return false;
-		const changes = setCodeActions(revision.revision.content, nodeId, capabilities);
-		return changes == null || await this.save(changes);
-	}
-	async setTriggerEventSource(triggerId, source) {
-		const revision = this.revision.value;
-		if (revision == null) return false;
-		const changes = setTriggerEventSource(revision, triggerId, source);
-		return changes != null && await this.save(changes);
-	}
-	async saveTriggerConfig(triggerId, name, value) {
-		const revision = this.revision.value;
-		if (revision == null) return false;
-		const changes = updateTriggerConfig(revision, triggerId, name, value);
-		return changes != null && await this.save(changes);
-	}
-	async saveTriggerSchedule(triggerId, schedule) {
-		const revision = this.revision.value;
-		if (revision == null) return false;
-		const changes = updateTriggerSchedule(revision.revision.content, triggerId, schedule);
-		return changes != null && await this.save(changes);
-	}
-	async saveWebhook(triggerId, settings, deletion) {
-		const revision = this.revision.value;
-		if (revision == null) return false;
-		const changes = updateWebhook(revision, triggerId, settings);
-		return changes != null && await this.save(changes, deletion);
-	}
-	async setTriggerConnection(triggerId, connectionId) {
-		const revision = this.revision.value;
-		if (revision == null) return false;
-		const changes = setTriggerConnection(revision, triggerId, connectionId);
-		return changes != null && await this.save(changes);
-	}
-};
-//#endregion
 //#region src/workbench/browser/runtime/stores/presentationChanges.ts
 var PresentationChanges = class {
 	#client;
@@ -5796,7 +5403,7 @@ var PresentationChanges = class {
 };
 //#endregion
 //#region src/workbench/browser/runtime/stores/workspaceModel.ts
-var initialState = {
+var initialState$1 = {
 	checkLoading: false,
 	selectedNodeIds: [],
 	workspaceLoadFailed: false,
@@ -5826,7 +5433,7 @@ function selectedModuleEditor(revision, nodeIds) {
 	};
 }
 var WorkspaceModel = class {
-	#state = val(initialState);
+	#state = val(initialState$1);
 	#catalogValues;
 	constructor(i18n, flows) {
 		const busy = derive(this.#state, (state) => state.busy);
@@ -5911,7 +5518,7 @@ var WorkspaceModel = class {
 	}
 };
 //#endregion
-//#region src/workbench/browser/runtime/stores/workspaceStore.ts
+//#region src/workbench/browser/runtime/stores/editSession.ts
 var deletionMessageKeys = {
 	field: "history.deleted.field",
 	group: "history.deleted.group",
@@ -5923,75 +5530,45 @@ var deletionMessageKeys = {
 	conditionGroup: "history.deleted.conditionGroup",
 	webhookBody: "history.deleted.webhookBody"
 };
-var WorkspaceStore = class {
-	#canvasCommandListeners;
+var EditSession = class {
 	#client;
 	#draftChanges;
 	#draftSession;
 	#i18n;
-	#identity;
 	#presentationChanges;
 	#flows;
-	#runChanged;
 	#setNotice;
 	#model;
 	#modules;
 	#history;
 	#historyRecovery;
-	#clipboard;
-	#diagnosticFocusId;
 	#draftInvalidation;
 	#draftUpdateNotice;
 	#disposed;
-	#started;
 	#draftSyncQueued;
-	#nodeFocusId;
-	#pendingRepair;
-	#stopCatalogWatch;
-	#stopFlowWatch;
-	constructor(client, setNotice, identity = createAuthoringId, i18n = createI18n(), runChanged = () => {}, catalogs = new CatalogStores(client), flowCreated = () => {}, accessChanged = () => {}, filterTriggerConnections) {
-		this.catalogs = catalogs;
-		this.flowCreated = flowCreated;
-		this.accessChanged = accessChanged;
-		this.filterTriggerConnections = filterTriggerConnections;
-		this.#canvasCommandListeners = /* @__PURE__ */ new Set();
+	constructor(client, model, flows, setNotice, i18n) {
 		this.#draftSession = new Latest();
-		this.notify = (notice) => {
-			if (!this.#disposed) this.#setNotice(notice);
-		};
 		this.#history = new CanvasHistory();
 		this.history$ = this.#history.state$;
-		this.#diagnosticFocusId = 0;
 		this.#draftInvalidation = 0;
 		this.#draftUpdateNotice = false;
 		this.#disposed = false;
-		this.#started = false;
 		this.#draftSyncQueued = false;
-		this.#nodeFocusId = 0;
-		this.subscribeCanvasCommands = (execute) => {
-			this.#canvasCommandListeners.add(execute);
-			return () => {
-				this.#canvasCommandListeners.delete(execute);
-			};
-		};
 		this.#client = client;
+		this.#model = model;
+		this.#flows = flows;
 		this.#setNotice = setNotice;
-		this.#identity = identity;
-		this.#clipboard = new CanvasClipboard(identity, i18n.t);
 		this.#i18n = i18n;
-		this.#runChanged = runChanged;
-		this.#flows = new FlowCatalog(client, setNotice, i18n);
-		this.#model = new WorkspaceModel(i18n, this.#flows);
 		this.#modules = new ModuleEditorSession(this.#model, this.#draftSession, (changes) => this.#saveModuleSource(changes), setNotice, i18n);
 		this.#draftChanges = new DraftChanges(client, setNotice, i18n, {
 			apply: (draft) => this.#applyDraft(draft, "local"),
 			beforeChange: (manageBusy) => {
-				if (manageBusy) this.#set({ busy: "designer" });
+				if (manageBusy) this.set({ busy: "designer" });
 			},
-			check: () => void this.#checkDraft(),
+			check: () => void this.checkDraft(),
 			current: (context) => this.#isDraftChangeCurrent(context),
 			finishChanges: () => {
-				if (!this.#disposed && this.#model.value.busy == "designer") this.#set({ busy: void 0 });
+				if (!this.#disposed && this.#model.value.busy == "designer") this.set({ busy: void 0 });
 			},
 			headChanged: (flowId, revisionId, content) => this.#flows.advanceHead(flowId, revisionId, content),
 			recover: (context) => {
@@ -5999,446 +5576,368 @@ var WorkspaceStore = class {
 				return this.#syncDraftHead(context, true);
 			}
 		});
-		this.#presentationChanges = new PresentationChanges(client, setNotice, (presentation) => this.#set({ presentation }), i18n);
-		this.$ = this.#model.$;
-		this.nodes = new NodeEdits(this.$.revision, async (changes, deletion) => await this.#canvasChange("edit", 1, changes, void 0, void 0, deletion) && this.#model.value.draft != null, identity);
+		this.#presentationChanges = new PresentationChanges(client, setNotice, (presentation) => this.set({ presentation }), i18n);
 	}
-	dispose() {
-		this.catalogs.dispose();
-		this.#disposed = true;
-		this.#modules.dispose();
-		this.#draftSession.invalidate();
-		this.#presentationChanges.dispose();
-		this.#stopCatalogWatch?.();
-		this.#stopFlowWatch?.();
-		this.#canvasCommandListeners.clear();
-		this.history$.dispose();
-		this.#model.dispose();
-		this.#flows.dispose();
+	selectNodes(nodeIds) {
+		if (nodeIds.length == this.#model.value.selectedNodeIds.length && nodeIds.every((nodeId, index) => nodeId == this.#model.value.selectedNodeIds[index])) return true;
+		this.#modules.flush();
+		this.set({
+			diagnosticFocus: void 0,
+			moduleEditor: selectedModuleEditor(this.#model.value.draft == null ? void 0 : revisionView(this.#model.value.draft), nodeIds),
+			nodeFocus: void 0,
+			selectedNodeIds: nodeIds
+		});
+		return true;
 	}
-	async start(flowId) {
-		this.#started = false;
-		await this.selectFlow(flowId);
-		this.#started = !this.#disposed;
+	updateModuleSource(source) {
+		const editor = this.#model.value.moduleEditor;
+		if (this.#history.applying || this.#history.failed || editor == null || editor.source == source) return;
+		this.#history.discardRedo();
+		this.#modules.updateModuleSource(source);
 	}
-	async #loadFlowCatalog() {
-		if (this.#flows.loaded && this.#stopCatalogWatch != null) return;
-		let initialLoad;
-		if (this.#stopCatalogWatch == null) {
-			const subscription = this.#client.watchFlowCatalog((event) => {
-				if (this.#disposed) return;
-				this.reloadFlows();
-				if (event?.kind == "flow.created" && this.#started && this.#model.value.flowId == null && this.#model.value.busy == null) this.flowCreated(event.flowId);
-			});
-			this.#stopCatalogWatch = subscription.stop;
-			subscription.ready.then(async () => {
-				if (initialLoad == null || this.#disposed) return;
-				await initialLoad;
-				if (!this.#disposed) await this.reloadFlows();
-			});
-			await Promise.resolve();
-		}
-		if (this.#disposed) return;
-		initialLoad = this.reloadFlows();
-		await initialLoad;
-	}
-	async reloadFlows() {
-		await this.#flows.reload();
+	discardModuleChanges() {
+		this.#modules.discardModuleChanges();
 	}
-	async setFlowEnabled(flow, enabled) {
-		await this.#flows.setEnabled(flow, enabled);
+	get hasUnsavedCode() {
+		return this.#modules.hasUnsavedCode;
 	}
-	async publishFlow(flow) {
-		await this.#flows.publish(flow);
+	async saveDraft() {
+		const current = this.#draftSession.capture();
+		if ((await Promise.all([this.#draftChanges.flush(), this.saveModuleEditor()])).some((success) => !success) || !current()) return false;
+		return await this.#draftChanges.flush() && current() && !this.#disposed && !this.#history.failed;
 	}
-	async loadMoreFlows() {
-		await this.#flows.loadMore();
+	saveModuleEditor() {
+		return this.#modules.saveModuleEditor();
 	}
-	async selectFlow(flowId) {
-		if (this.#history.applying) return false;
-		if (!await this.saveModuleEditor() || this.#disposed) return false;
-		this.#history.clear();
-		this.#pendingRepair = void 0;
-		this.#history.failed = false;
-		this.#history.publish();
-		const current = this.#draftSession.begin();
-		this.#draftChanges.reset();
-		this.#presentationChanges.reset();
-		this.#draftInvalidation = 0;
-		this.#draftUpdateNotice = false;
-		this.#draftSyncQueued = false;
-		this.#stopFlowWatch?.();
-		this.#stopFlowWatch = void 0;
-		this.#set({
-			checkLoading: false,
-			diagnosticFocus: void 0,
-			diagnostics: void 0,
-			draft: void 0,
-			live: void 0,
-			moduleEditor: void 0,
-			nodeFocus: void 0,
-			presentation: void 0,
-			flowId,
-			selectedNodeIds: [],
-			workspaceLoadFailed: false,
-			workspaceLoadProblem: void 0,
-			workspaceLoading: flowId != null,
-			workspaceRepairing: false
-		});
-		if (flowId == null) {
-			await this.#loadFlowCatalog();
-			return true;
-		}
-		try {
-			let invalidated = false;
-			let pendingRevision;
-			const changed = (revisionId) => {
-				if (!current()) return;
-				if (this.#draftChanges.committed == null) {
-					invalidated = true;
-					pendingRevision = revisionId;
-				} else if (revisionId != this.#draftChanges.committed.revisionId) this.#refreshDraft(revisionId);
-			};
-			const subscription = this.#client.watchFlow(flowId, changed, (event) => {
-				if (current()) this.#runChanged(event);
-			}, (accessRevision) => {
-				if (current()) {
-					this.accessChanged(flowId, accessRevision);
-					this.#refreshLive(flowId, current);
-				}
-			}, (command) => {
-				if (current() && !this.#model.value.workspaceLoading) for (const execute of this.#canvasCommandListeners) execute(command);
-			});
-			this.#stopFlowWatch = subscription.stop;
-			let reading = false;
-			subscription.ready.then(() => {
-				if (reading) changed();
-			}, (error) => {
-				if (!current()) return;
-				subscription.stop();
-				this.#stopFlowWatch = void 0;
-				this.#setNotice(errorNotice(error, this.#i18n.t));
-			});
-			await Promise.resolve();
-			if (!current()) return false;
-			reading = true;
-			let editor = await this.#client.getEditor(flowId);
-			for (let attempt = 0; current() && Object.values(revisionView(editor.draft).graph().nodes).some((node) => node.kind == "manual"); attempt += 1) {
-				if (attempt >= 3) throw new ApiError(409, controlErrorCode.flowRevisionConflict, "The Draft changed while upgrading its Start node.");
-				try {
-					await this.#client.upgradeDraft(flowId, editor.draft.revisionId, { idempotencyKey: this.#identity() });
-				} catch (error) {
-					if (!(error instanceof ApiError) || error.code !== controlErrorCode.flowRevisionConflict || attempt >= 2) throw error;
+	#notifyDeletion(deletion, entry) {
+		this.#setNotice({
+			kind: "success",
+			message: "name" in deletion ? this.#i18n.t(deletionMessageKeys[deletion.target], { name: deletion.name }) : this.#i18n.t(deletionMessageKeys[deletion.target]),
+			undo: {
+				label: this.#i18n.t("history.undo"),
+				run: async () => {
+					if (this.history$.value.undo !== entry) return;
+					await this.undo();
 				}
-				if (!current()) return false;
-				editor = await this.#client.getEditor(flowId);
 			}
-			const { flow, draft, live, presentation } = editor;
-			if (!current()) return false;
-			this.#draftChanges.reset(draft);
-			this.#presentationChanges.reset(presentation);
-			this.#flows.include(flow);
-			this.#set({
-				draft,
-				live,
-				presentation,
-				workspaceLoadFailed: false,
-				workspaceLoadProblem: void 0
-			});
-			await this.#repairDraftNodeNames(current);
-			if (!current()) return false;
-			this.#set({ workspaceLoading: false });
-			if (invalidated && pendingRevision != draft.revisionId) this.#refreshDraft(pendingRevision);
-		} catch (error) {
-			if (!current()) return false;
-			this.#stopFlowWatch?.();
-			this.#stopFlowWatch = void 0;
-			const kind = error instanceof ApiError && error.code == controlErrorCode.flowUpgradeRequired ? "upgrade" : error instanceof ApiError && (error.code == controlErrorCode.flowRepairRequired || error.code == controlErrorCode.flowInvalid) ? "repair" : "failed";
-			this.#set({
-				workspaceLoadFailed: true,
-				workspaceLoadProblem: {
-					kind,
-					...kind == "failed" ? { message: errorNotice(error, this.#i18n.t).message } : {}
-				},
-				workspaceLoading: false
-			});
-			return false;
-		}
-		return true;
+		});
 	}
-	async repairWorkspace() {
+	async #changeDraft(changes, manageBusy = true, historyMode = "clear") {
+		if (this.#disposed || (this.#history.applying || this.#history.failed) && historyMode != "canvas") return;
 		const flowId = this.#model.value.flowId;
-		if (flowId == null || this.#model.value.workspaceRepairing) return;
+		const draft = this.#model.value.draft;
+		if (flowId == null || draft == null) return;
+		if (changes.length == 0 || dequal$1(applyFlowChanges$1(draft, changes).content, draft.content)) return draft;
+		const cleared = historyMode == "clear" && this.#history.clear();
 		const current = this.#draftSession.capture();
-		this.#set({
-			workspaceRepairing: true,
-			workspaceLoadProblem: this.#model.value.workspaceLoadProblem
-		});
+		this.#history.beginChange();
 		try {
-			let repair = this.#pendingRepair;
-			if (repair == null) {
-				const flow = this.#flows.flow(flowId) ?? await this.#client.getFlow(flowId);
-				if (!current()) return;
-				repair = this.#pendingRepair = {
-					changeId: this.#identity(),
-					expectedRevisionId: flow.draftRevisionId
-				};
-			}
-			await this.#client.repairDraft(flowId, repair.expectedRevisionId, repair.changeId);
-			if (!current()) return;
-			this.#pendingRepair = void 0;
-			await this.selectFlow(flowId);
-		} catch (error) {
-			if (this.#disposed || !current()) return;
-			if (error instanceof ApiError && error.code == controlErrorCode.flowRevisionConflict) {
-				this.#pendingRepair = void 0;
-				await this.selectFlow(flowId);
-				return;
-			}
-			this.#set({
-				workspaceLoadProblem: {
-					kind: this.#model.value.workspaceLoadProblem?.kind == "upgrade" ? "upgrade" : "repair",
-					message: errorNotice(error, this.#i18n.t).message
-				},
-				workspaceRepairing: false
+			const saved = this.#draftChanges.change({
+				current,
+				flowId
+			}, draft, changes, manageBusy);
+			if (cleared) this.#setNotice({
+				kind: "success",
+				message: this.#i18n.t("history.cleared")
 			});
+			const result = await saved;
+			if (result == null && current()) this.retryHistorySync();
+			return result;
+		} finally {
+			this.#history.endChange();
 		}
 	}
-	async #refreshLive(flowId, current) {
-		try {
-			const live = await this.#client.getLive(flowId);
-			if (current() && this.#model.value.flowId == flowId) this.#set({ live });
-		} catch (error) {
-			if (current() && this.#model.value.flowId == flowId) this.#setNotice(errorNotice(error, this.#i18n.t));
+	async #saveModuleSource(changes) {
+		const saved = await this.#changeDraft(changes, false, "code");
+		if (saved != null) for (const operation of changes) {
+			if (operation.kind != "module.source.replace") continue;
+			const module = saved.content.modules[operation.moduleId];
+			if (module != null) this.#history.rebaseModuleCreation(operation.moduleId, module);
 		}
+		return saved;
 	}
-	selectNodes(nodeIds) {
-		if (nodeIds.length == this.#model.value.selectedNodeIds.length && nodeIds.every((nodeId, index) => nodeId == this.#model.value.selectedNodeIds[index])) return true;
-		this.#modules.flush();
-		this.#set({
-			diagnosticFocus: void 0,
-			moduleEditor: selectedModuleEditor(this.#model.value.draft == null ? void 0 : revisionView(this.#model.value.draft), nodeIds),
-			nodeFocus: void 0,
-			selectedNodeIds: nodeIds
+	async repairDraftNodeNames(current) {
+		for (let attempt = 0; attempt < 2 && current(); attempt += 1) {
+			const draft = this.#model.value.draft;
+			if (draft == null) return;
+			const repairs = repairNodeNames(draft.content, { start: this.#i18n.t("addNode.start") });
+			if (repairs.length == 0) {
+				this.checkDraft();
+				return;
+			}
+			if (await this.#changeDraft(repairs, false) != null || !current()) return;
+			if (this.#model.value.draft?.revisionId == draft.revisionId) break;
+		}
+		if (current()) this.checkDraft();
+	}
+	#applyDraft(draft, origin) {
+		const previousDraft = this.#model.value.draft;
+		const { revision, selectedNodeIds } = this.#reconcileRevision(draft);
+		const editor = this.#model.value.moduleEditor;
+		const keepEditor = editor != null && (origin == "external" || previousDraft != null) && moduleEditorStatus(previousDraft, editor) != "saved";
+		let moduleEditor;
+		if (keepEditor) moduleEditor = origin == "external" ? {
+			...editor,
+			phase: "failed"
+		} : editor;
+		else moduleEditor = selectedModuleEditor(revision, selectedNodeIds);
+		this.set({
+			draft,
+			moduleEditor,
+			selectedNodeIds
 		});
-		return true;
+		return keepEditor;
 	}
-	async exportFlow(flowId) {
+	async changePresentation(update, historyOwned = false) {
+		if (this.#disposed || (this.#history.applying || this.#history.failed) && !historyOwned) return false;
+		const flowId = this.#model.value.flowId;
+		const presentation = this.#model.value.presentation;
+		if (flowId == null || presentation == null) return false;
+		if (dequal$1(update(presentation.value), presentation.value)) return true;
+		if (!historyOwned) this.#clearHistoryForEdit();
 		const current = this.#draftSession.capture();
-		const selected = this.#model.value.flowId == flowId;
-		if (selected && (!await this.saveDraft() || !await this.#presentationChanges.flush() || !current())) {
-			this.#setNotice({
-				kind: "error",
-				message: this.#i18n.t("notice.exportSaveFailed")
-			});
-			return;
-		}
-		this.#set({ busy: "flow" });
+		this.#history.beginChange();
 		try {
-			const file = await this.#client.exportFlow(flowId);
-			if (this.#disposed || selected && !current()) return;
-			const url = URL.createObjectURL(new Blob([encodeWorkflowFile(file)], { type: "application/json;charset=utf-8" }));
-			const link = document.createElement("a");
-			link.href = url;
-			link.download = workflowFileName(file.name ?? "workflow");
-			link.click();
-			setTimeout(() => URL.revokeObjectURL(url), 0);
-		} catch (error) {
-			if (!this.#disposed) this.#setNotice(errorNotice(error, this.#i18n.t));
+			const result = await this.#presentationChanges.change(flowId, presentation, current, update);
+			if (!result && current()) this.retryHistorySync();
+			return result;
 		} finally {
-			this.#set({ busy: void 0 });
+			this.#history.endChange();
 		}
 	}
-	createFlow(name, create) {
-		return this.#createFlow(() => this.#flows.create(name, create));
-	}
-	importFlow(file, name, key, importer) {
-		return this.#createFlow(() => this.#flows.import(file, name, key, importer));
+	#clearHistoryForEdit() {
+		if (this.#history.clear()) this.#setNotice({
+			kind: "success",
+			message: this.#i18n.t("history.cleared")
+		});
 	}
-	async #createFlow(create) {
-		if (!await this.saveModuleEditor()) return;
-		this.#set({ busy: "flow" });
+	async canvasChange(action, count, changes, update, selection = this.#model.value.selectedNodeIds, deletion) {
+		if (this.#disposed || this.#history.applying || this.#history.failed) return false;
+		const { draft, presentation, selectedNodeIds } = this.#model.value;
+		if (draft == null || presentation == null) return false;
+		const next = update?.(presentation.value) ?? presentation.value;
+		const presentationChange = canvasPresentationChange(presentation.value, next);
+		if (dequal$1(applyFlowChanges$1(draft, changes).content, draft.content) && presentationChange.nodeIds.length == 0) return true;
+		const generation = this.#history.generation;
+		const inverse = inverseFlowChanges(draft.content, changes);
+		this.#history.beginChange();
+		const entry = {
+			action,
+			count,
+			forward: changes,
+			inverse,
+			presentation: presentationChange,
+			beforeSelection: selectedNodeIds,
+			afterSelection: selection
+		};
+		const retained = this.#history.record(entry);
 		try {
-			return await create();
+			const change = changes.length == 0 ? Promise.resolve(draft) : this.#changeDraft(changes, true, "canvas");
+			const layout = update == null ? Promise.resolve(true) : this.changePresentation(update, true);
+			this.selectNodes(selection);
+			if (!retained) this.#setNotice({
+				kind: "success",
+				message: this.#i18n.t("history.tooLarge")
+			});
+			const [saved, positioned] = await Promise.all([change, layout]);
+			const complete = saved != null && positioned && (!retained || generation == this.#history.generation);
+			if (complete && retained && deletion != null && this.history$.value.undo === entry) this.#notifyDeletion(deletion, entry);
+			return complete;
+		} catch (error) {
+			this.#setNotice(errorNotice(error, this.#i18n.t));
+			this.retryHistorySync();
+			return false;
 		} finally {
-			this.#set({ busy: void 0 });
+			this.#history.endChange();
 		}
 	}
-	getFlowReferences(flowId, options = {}) {
-		return this.#client.getFlowReferences(flowId, {
-			...options,
-			direction: "incoming",
-			limit: 50
-		});
+	async undo() {
+		await this.#restoreHistory(false);
 	}
-	getErrorListeners(flowId, signal) {
-		return this.#client.getErrorListeners(flowId, signal);
+	async redo() {
+		await this.#restoreHistory(true);
 	}
-	async deleteFlow(flowId) {
-		if (!await this.saveModuleEditor()) return false;
-		this.#set({ busy: "flow" });
+	async #restoreHistory(redo) {
+		if (this.hasUnsavedCode && !await this.saveModuleEditor()) return;
+		const state = this.history$.value;
+		if (!(redo ? state.canRedo : state.canUndo)) return;
+		const entry = redo ? state.redo : state.undo;
+		if (entry == null) return;
+		const generation = this.#history.generation;
+		this.#history.beginRestore();
 		try {
-			return await this.#flows.delete(flowId);
+			const [draft, presentation] = await Promise.all([this.#changeDraft(redo ? entry.forward : entry.inverse, true, "canvas"), this.changePresentation((value) => restoreCanvasPresentation(value, entry.presentation, redo), true)]);
+			if (draft != null && presentation && generation == this.#history.generation) {
+				this.selectNodes(redo ? entry.afterSelection : entry.beforeSelection);
+				this.#history.complete(redo);
+			}
+		} catch (error) {
+			this.#setNotice(errorNotice(error, this.#i18n.t));
+			this.retryHistorySync();
 		} finally {
-			this.#set({ busy: void 0 });
+			this.#history.endRestore();
 		}
 	}
-	async renameFlow(flowId, name) {
-		this.#set({ busy: "flow" });
+	async retryHistorySync() {
+		if (this.#disposed || this.#historyRecovery != null) return this.#historyRecovery;
+		const flowId = this.#model.value.flowId;
+		if (flowId == null) return;
+		const current = this.#draftSession.capture();
+		this.#history.beginRecovery();
+		const recovery = async () => {
+			await Promise.allSettled([this.#draftChanges.settled(), this.#presentationChanges.settled()]);
+			if (!current() || this.#disposed) return;
+			try {
+				const { draft, presentation } = await this.#client.getEditor(flowId);
+				if (!current() || this.#disposed) return;
+				this.#draftChanges.reset(draft);
+				this.#presentationChanges.reset(presentation);
+				this.#applyDraft(draft, "external");
+				this.set({ presentation });
+				this.#flows.advanceHead(flowId, draft.revisionId, draft.content);
+				this.#history.endRecovery();
+				this.#setNotice({
+					kind: "error",
+					message: this.#i18n.t("history.resynced")
+				});
+				this.checkDraft();
+			} catch {
+				if (current() && !this.#disposed) this.#setNotice({
+					kind: "error",
+					message: this.#i18n.t("history.syncFailed")
+				});
+			}
+		};
+		this.#historyRecovery = recovery().finally(() => {
+			this.#historyRecovery = void 0;
+		});
+		return this.#historyRecovery;
+	}
+	async checkDraft() {
+		if (this.#disposed) return;
+		const flowId = this.#model.value.flowId;
+		const draft = this.#model.value.draft;
+		if (flowId == null || draft == null) {
+			if (this.#model.value.draft == null) this.set({
+				checkLoading: false,
+				diagnostics: void 0
+			});
+			return;
+		}
+		this.set({
+			checkLoading: true,
+			diagnosticFocus: void 0
+		});
 		try {
-			return await this.#flows.rename(flowId, name);
+			const diagnostics = await this.#client.checkFlow(flowId, draft.revisionId);
+			if (!this.#disposed && flowId == this.#model.value.flowId && draft.revisionId == this.#model.value.draft?.revisionId) {
+				const live = this.#model.value.live;
+				this.set({
+					diagnostics,
+					live: live == null ? void 0 : {
+						...live,
+						hasUnpublishedChanges: live.publication == null || live.publication.closureDigest != diagnostics.closureDigest
+					}
+				});
+			}
+		} catch (error) {
+			if (!this.#disposed && flowId == this.#model.value.flowId && draft.revisionId == this.#model.value.draft?.revisionId) this.#setNotice(errorNotice(error, this.#i18n.t));
 		} finally {
-			this.#set({ busy: void 0 });
+			if (!this.#disposed && flowId == this.#model.value.flowId && draft.revisionId == this.#model.value.draft?.revisionId) this.set({ checkLoading: false });
 		}
 	}
-	async addNode(option, position, connection, relatedChanges) {
-		if (!await this.saveModuleEditor()) return;
-		const draft = this.#model.value.draft;
-		if (draft == null) return;
-		const nodeId = this.#identity();
-		if (option.kind == "comment") return await this.#addComment(nodeId, position);
-		const revision = revisionView(draft);
-		const intent = addNodeIntent(option, revision, this.#i18n.t);
-		if (intent == null) return;
-		const edge = connection?.(nodeId);
-		const created = addNode(revision, nodeId, intent);
-		const nodeChanges = created == null ? void 0 : [...created, ...relatedChanges?.(nodeId, revision) ?? []];
-		if (nodeChanges == null) return;
-		const changes = edge == null ? nodeChanges : [...nodeChanges, ...connect(applyFlowChanges$1(draft, nodeChanges).content, {
-			source: edge.source,
-			target: edge.target,
-			...edge.sourceHandle.startsWith("$branch:") ? { sourceHandle: edge.sourceHandle.slice(8) } : {}
-		})];
-		if (!await this.#canvasChange("add", 1, changes, (value) => setNodePositions(value, { [nodeId]: position }), [nodeId])) return;
+	async refreshDraft(revisionId) {
 		if (this.#disposed) return;
-		this.#set({ nodeFocus: {
-			nodeId,
-			requestId: ++this.#nodeFocusId
-		} });
-		if (intent.kind == "provider-trigger" && intent.connectionId == null) this.#configureAddedTrigger(draft.flowId, nodeId, intent.definition);
-		return nodeId;
-	}
-	async addWebhookResponseNode(triggerId) {
-		const option = this.$.addNodeOptions.value.find((item) => item.kind === "webhook-response");
-		const position = this.#designer().nodes.find((node) => node.id === triggerId)?.position;
-		if (option == null || position == null) return;
-		return this.addNode(option, {
-			x: position.x + 320,
-			y: position.y
-		}, void 0, (nodeId, revision) => selectWebhookResponse(revision, triggerId, nodeId) ?? []);
+		const flowId = this.#model.value.flowId;
+		if (flowId == null) return;
+		this.#draftInvalidation += 1;
+		if (revisionId != null) this.#draftUpdateNotice = true;
+		if (this.#draftSyncQueued) return;
+		this.#draftSyncQueued = true;
+		const context = {
+			current: this.#draftSession.capture(),
+			flowId
+		};
+		await this.#draftChanges.enqueue(async () => {
+			let generation;
+			do {
+				generation = this.#draftInvalidation;
+				const notifyUpdate = this.#draftUpdateNotice;
+				this.#draftUpdateNotice = false;
+				await this.#syncDraftHead(context, false, notifyUpdate);
+			} while (this.#isDraftChangeCurrent(context) && generation != this.#draftInvalidation);
+		});
+		if (this.#isDraftChangeCurrent(context)) this.#draftSyncQueued = false;
 	}
-	async #configureAddedTrigger(flowId, nodeId, definition) {
-		const current = this.#draftSession.capture();
-		const original = this.$.revision.value?.graph().nodes[nodeId];
-		const unchanged = () => current() && !this.#disposed && this.$.revision.value?.graph().nodes[nodeId] === original;
+	async #syncDraftHead(context, reportError, notifyUpdate = false) {
 		try {
-			const connections = await resourceValue(this.catalogs.connections.get(definition.provider, flowId));
-			if (!unchanged()) return;
-			const allowed = this.filterTriggerConnections == null ? connections : await this.filterTriggerConnections(flowId, definition, connections);
-			if (!unchanged()) return;
-			const connection = connectionCatalog(allowed).preferred;
-			if (connection == null) return;
-			const revision = this.$.revision.value;
-			if (revision == null) return;
-			const changes = setTriggerConnection(revision, nodeId, connection.connectionId);
-			if (changes != null && this.#history.completeNodeCreation(nodeId, changes)) await this.#changeDraft(changes, false, "canvas");
+			const base = this.#draftChanges.committed;
+			if (base == null) return false;
+			const synced = await this.#client.syncDraft(context.flowId);
+			if (!this.#isDraftChangeCurrent(context)) return false;
+			const committed = synced.draft;
+			if (committed.revisionId == base.revisionId) return true;
+			if (this.#history.clear()) this.#setNotice({
+				kind: "success",
+				message: this.#i18n.t("history.external")
+			});
+			const draft = this.#draftChanges.replaceCommitted(committed);
+			const preserveModuleEditor = this.#applyDraft(draft, "external");
+			this.#flows.advanceHead(context.flowId, committed.revisionId, committed.content);
+			if (notifyUpdate) this.#setNotice({
+				kind: preserveModuleEditor ? "error" : "success",
+				message: this.#i18n.t(preserveModuleEditor ? "notice.moduleUpdated" : "notice.draftUpdated")
+			});
+			this.checkDraft();
+			return true;
 		} catch (error) {
-			if (unchanged()) this.#setNotice(errorNotice(error, this.#i18n.t));
+			if (reportError && this.#isDraftChangeCurrent(context)) this.#setNotice(errorNotice(error, this.#i18n.t));
+			return false;
 		}
 	}
-	async connect(edge) {
-		const revision = this.$.revision.value;
-		if (revision == null) return;
-		const changes = connect(revision.revision.content, {
-			source: edge.source,
-			target: edge.target,
-			...edge.sourceHandle.startsWith("$branch:") ? { sourceHandle: edge.sourceHandle.slice(8) } : {}
-		});
-		if (changes.length > 0) await this.#canvasChange("connect", 1, changes);
+	#reconcileRevision(draft) {
+		const revision = revisionView(draft);
+		return {
+			revision,
+			selectedNodeIds: this.#model.value.selectedNodeIds.filter((nodeId) => revision.selection(nodeId) != null)
+		};
 	}
-	async disconnect(edge) {
-		const revision = this.$.revision.value;
-		if (revision == null) return;
-		const changes = disconnect(revision.revision.content, {
-			source: edge.source,
-			target: edge.target,
-			...edge.sourceHandle.startsWith("$branch:") ? { sourceHandle: edge.sourceHandle.slice(8) } : {}
+	#isDraftChangeCurrent(context) {
+		return !this.#disposed && context.flowId == this.#model.value.flowId && context.current();
+	}
+	set(patch) {
+		if (this.#disposed) return;
+		const editor = Object.hasOwn(patch, "moduleEditor") ? patch.moduleEditor : this.#model.value.moduleEditor;
+		this.#model.set({
+			...patch,
+			...this.#modules.state(editor)
 		});
-		if (changes.length > 0) await this.#canvasChange("disconnect", 1, changes);
 	}
-	async deleteSelectedNodes() {
-		if (!await this.saveModuleEditor()) return;
-		const revision = this.$.revision.value;
-		if (revision == null || this.#model.value.selectedNodeIds.length == 0) return;
-		const selectedNodeIds = [...this.#model.value.selectedNodeIds];
-		const comments = commentIds(this.#model.value.presentation?.value ?? {});
-		const commentNodes = new Set(this.#model.value.selectedNodeIds.filter((nodeId) => comments.has(nodeId)));
-		const changes = deleteSelection(revision, this.#model.value.selectedNodeIds);
-		await this.#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);
-			return next;
-		}, []);
-	}
-	copySelectedNodes() {
-		const revision = this.$.revision.value;
-		if (revision == null || this.#model.value.selectedNodeIds.length == 0) return;
-		this.#clipboard.copy(revision, this.#designer(), this.#model.value.selectedNodeIds);
-	}
-	async pasteNodes(sourcePositions, offset) {
-		if (!await this.saveModuleEditor()) return;
-		const revision = this.$.revision.value;
-		if (revision == null) return;
-		const pasted = this.#clipboard.paste(revision, this.#designer(), sourcePositions, offset);
-		if (pasted != null) await this.#canvasChange("paste", pasted.nodeIds.length, pasted.changes, pasted.update, pasted.nodeIds);
-	}
-	async duplicateSelectedNodes(positions, offset) {
-		this.copySelectedNodes();
-		await this.pasteNodes(positions, offset);
-	}
-	async saveNodeContentHidden(nodeId, hidden) {
-		const node = this.#designer().nodes.find((candidate) => candidate.id == nodeId);
-		if (node == null || node.kind == "condition") return;
-		await this.#canvasChange("edit", 1, [], (value) => setNodeContentHidden(value, nodeId, hidden));
-	}
-	async saveComment(nodeId, comment) {
-		if (this.#model.value.draft == null) return;
-		const position = this.#designer().nodes.find((node) => node.id == nodeId)?.position;
-		if (position == null) return;
-		await this.#canvasChange("edit", 1, [], (value) => setComment(value, nodeId, {
-			...comment,
-			position
-		}));
+	get applying() {
+		return this.#history.applying;
 	}
-	async listWorkflowTargets(signal) {
-		const flowId = this.$.revision.value?.revision.flowId;
-		if (flowId == null) return [];
-		const candidates = [];
-		let cursor;
-		do {
-			const page = await this.#client.listFlows({
-				cursor,
-				limit: 100,
-				signal
-			});
-			candidates.push(...page.flows.filter((flow) => flow.flowId != flowId).map((flow) => workflowCandidate(flow)));
-			cursor = page.nextCursor;
-		} while (cursor != null);
-		return candidates;
+	get committed() {
+		return this.#draftChanges.committed;
 	}
-	loadWorkflowContract(flowId, signal) {
-		return this.#client.getWorkflowContract(flowId, signal);
+	begin() {
+		this.#history.reset();
+		const current = this.#draftSession.begin();
+		this.#draftChanges.reset();
+		this.#presentationChanges.reset();
+		this.#draftInvalidation = 0;
+		this.#draftUpdateNotice = false;
+		this.#draftSyncQueued = false;
+		return current;
 	}
-	loadOpenApiDocument(url, signal) {
-		return this.#client.loadOpenApiDocument(url, signal);
+	capture() {
+		return this.#draftSession.capture();
 	}
-	get eventSourceClient() {
-		return this.#client;
+	reset(draft, presentation) {
+		this.#draftChanges.reset(draft);
+		this.#presentationChanges.reset(presentation);
 	}
-	async loadEventSources(signal) {
-		const flowId = this.#model.value.flowId;
-		if (flowId == null) throw new Error("No Flow selected");
-		return await this.#client.listEventSources(flowId, signal);
+	async finishNodeCreation(nodeId, changes) {
+		if (this.#history.completeNodeCreation(nodeId, changes)) await this.#changeDraft(changes, false, "canvas");
 	}
 	async loadTriggerConfigOptions(triggerId, field, signal) {
 		const flowId = this.#model.value.flowId;
@@ -6448,392 +5947,1008 @@ var WorkspaceStore = class {
 		if (this.#disposed || !current() || flowId == null) throw new DOMException("Draft changed", "AbortError");
 		return await this.#client.listTriggerConfigOptions(flowId, triggerId, field, signal);
 	}
-	updateModuleSource(source) {
-		const editor = this.#model.value.moduleEditor;
-		if (this.#history.applying || this.#history.failed || editor == null || editor.source == source) return;
-		this.#history.discardRedo();
-		this.#modules.updateModuleSource(source);
-	}
-	discardModuleChanges() {
-		this.#modules.discardModuleChanges();
-	}
-	get hasUnsavedCode() {
-		return this.#modules.hasUnsavedCode;
-	}
-	async saveDraft() {
+	async flush() {
 		const current = this.#draftSession.capture();
-		if ((await Promise.all([this.#draftChanges.flush(), this.saveModuleEditor()])).some((success) => !success) || !current()) return false;
-		return await this.#draftChanges.flush() && current() && !this.#disposed && !this.#history.failed;
-	}
-	saveModuleEditor() {
-		return this.#modules.saveModuleEditor();
-	}
-	async moveNodes(positions) {
-		if (this.#model.value.draft == null) return;
-		await this.#canvasChange("move", Object.keys(positions).length, [], (value) => setNodePositions(value, positions));
-	}
-	async moveViewport(viewport) {
-		if (this.#model.value.draft == null) return;
-		await this.#changePresentation((value) => setFlowViewport(value, viewport), true);
-	}
-	async check() {
-		await this.#checkDraft();
+		return await this.saveDraft() && await this.#presentationChanges.flush() && current();
 	}
-	async refreshFlows() {
-		await this.reloadFlows();
+	dispose() {
+		this.#disposed = true;
+		this.#modules.dispose();
+		this.#draftSession.invalidate();
+		this.#presentationChanges.dispose();
+		this.#history.dispose();
 	}
-	updateLive(live) {
-		if (live.flowId == this.#model.value.flowId) this.#set({ live });
+};
+//#endregion
+//#region src/workbench/browser/runtime/stores/flowCatalog.ts
+var pageLimit = 50;
+var initialState = {
+	failed: false,
+	loaded: false,
+	loading: true,
+	loadingMore: false,
+	loadMoreFailed: false,
+	refreshing: false,
+	flows: []
+};
+var FlowCatalog = class {
+	#client;
+	#i18n;
+	#session = new Latest();
+	#setNotice;
+	#state = val(initialState);
+	#lifetime = new AbortController();
+	#pending = /* @__PURE__ */ new Set();
+	#disposed = false;
+	constructor(client, setNotice, i18n) {
+		this.#client = client;
+		this.#i18n = i18n;
+		this.#setNotice = setNotice;
+		this.$ = {
+			failed: derive(this.#state, (state) => state.failed),
+			loading: derive(this.#state, (state) => state.loading),
+			loadingMore: derive(this.#state, (state) => state.loadingMore),
+			loadMoreFailed: derive(this.#state, (state) => state.loadMoreFailed),
+			refreshing: derive(this.#state, (state) => state.refreshing),
+			nextCursor: derive(this.#state, (state) => state.nextCursor),
+			flows: derive(this.#state, (state) => state.flows),
+			total: derive(this.#state, (state) => state.total)
+		};
 	}
-	locateNode(nodeId, { preserveSelection = false } = {}) {
-		const revision = this.$.revision.value;
-		if (revision == null) return false;
-		if (revision.node(nodeId) == null && !commentIds(this.#model.value.presentation?.value ?? {}).has(nodeId)) return false;
-		if (!preserveSelection && !this.selectNodes([nodeId])) return false;
-		this.#set({ nodeFocus: {
-			nodeId,
-			requestId: ++this.#nodeFocusId
-		} });
-		return true;
+	get loaded() {
+		return this.#state.value.loaded;
 	}
-	locateDiagnostic(item) {
-		if (item.location == null || !this.selectNodes([item.location.nodeId])) return false;
-		this.#set({ diagnosticFocus: {
-			...item.location,
-			diagnostic: item.diagnostic,
-			requestId: ++this.#diagnosticFocusId
-		} });
-		return true;
+	dispose() {
+		this.#disposed = true;
+		this.#lifetime.abort();
+		this.#session.invalidate();
+		for (const value of Object.values(this.$)) value.dispose();
+		this.#state.dispose();
 	}
-	async #addComment(nodeId, position) {
-		const number = Math.max(0, ...this.#designer().nodes.flatMap((node) => {
-			if (node.kind != "comment") return [];
-			const match = /#(\d+)$/.exec(node.title);
-			return match == null ? [] : [Number(match[1])];
-		}));
-		if (!await this.#canvasChange("add", 1, [], (value) => setComment(value, nodeId, {
-			content: "",
-			position,
-			title: this.#i18n.t("addNode.commentName", { number: number + 1 })
-		}), [nodeId]) || this.#disposed) return;
-		return nodeId;
+	flow(flowId) {
+		return this.#state.value.flows.find((flow) => flow.flowId == flowId);
 	}
-	#notifyDeletion(deletion, entry) {
-		this.#setNotice({
-			kind: "success",
-			message: "name" in deletion ? this.#i18n.t(deletionMessageKeys[deletion.target], { name: deletion.name }) : this.#i18n.t(deletionMessageKeys[deletion.target]),
-			undo: {
-				label: this.#i18n.t("history.undo"),
-				run: async () => {
-					if (this.history$.value.undo !== entry) return;
-					await this.undo();
-				}
-			}
+	async reload() {
+		const current = this.#session.begin();
+		const loaded = this.#state.value.loaded;
+		if (loaded) this.#set({
+			failed: false,
+			loadingMore: false,
+			loadMoreFailed: false,
+			refreshing: true
+		});
+		else this.#set({
+			failed: false,
+			loading: true,
+			loadingMore: false,
+			loadMoreFailed: false,
+			refreshing: false,
+			nextCursor: void 0,
+			flows: [],
+			total: void 0
 		});
-	}
-	async #changeDraft(changes, manageBusy = true, historyMode = "clear") {
-		if (this.#disposed || (this.#history.applying || this.#history.failed) && historyMode != "canvas") return;
-		const flowId = this.#model.value.flowId;
-		const draft = this.#model.value.draft;
-		if (flowId == null || draft == null) return;
-		if (changes.length == 0 || dequal$1(applyFlowChanges$1(draft, changes).content, draft.content)) return draft;
-		const cleared = historyMode == "clear" && this.#history.clear();
-		const current = this.#draftSession.capture();
-		this.#history.pending++;
-		this.#history.publish();
 		try {
-			const saved = this.#draftChanges.change({
-				current,
-				flowId
-			}, draft, changes, manageBusy);
-			if (cleared) this.#setNotice({
-				kind: "success",
-				message: this.#i18n.t("history.cleared")
+			const page = await this.#client.listFlows({
+				includeTotal: true,
+				limit: pageLimit
 			});
-			const result = await saved;
-			if (result == null && current()) this.retryHistorySync();
-			return result;
-		} finally {
-			this.#history.pending--;
-			if (!this.#disposed) this.#history.publish();
-		}
-	}
-	async #saveModuleSource(changes) {
-		const saved = await this.#changeDraft(changes, false, "code");
-		if (saved != null) for (const operation of changes) {
-			if (operation.kind != "module.source.replace") continue;
-			const module = saved.content.modules[operation.moduleId];
-			if (module != null) this.#history.rebaseModuleCreation(operation.moduleId, module);
+			if (!current()) return;
+			this.#set({
+				loaded: true,
+				loading: false,
+				refreshing: false,
+				nextCursor: page.nextCursor,
+				flows: page.flows,
+				total: page.total
+			});
+		} catch (error) {
+			if (!current()) return;
+			this.#set({
+				failed: !loaded,
+				loading: false,
+				refreshing: false
+			});
+			this.#setNotice(errorNotice(error, this.#i18n.t));
 		}
-		return saved;
 	}
-	async #repairDraftNodeNames(current) {
-		for (let attempt = 0; attempt < 2 && current(); attempt += 1) {
-			const draft = this.#model.value.draft;
-			if (draft == null) return;
-			const repairs = repairNodeNames(draft.content, { start: this.#i18n.t("addNode.start") });
-			if (repairs.length == 0) {
-				this.#checkDraft();
-				return;
-			}
-			if (await this.#changeDraft(repairs, false) != null || !current()) return;
-			if (this.#model.value.draft?.revisionId == draft.revisionId) break;
-		}
-		if (current()) this.#checkDraft();
-	}
-	#applyDraft(draft, origin) {
-		const previousDraft = this.#model.value.draft;
-		const { revision, selectedNodeIds } = this.#reconcileRevision(draft);
-		const editor = this.#model.value.moduleEditor;
-		const keepEditor = editor != null && (origin == "external" || previousDraft != null) && moduleEditorStatus(previousDraft, editor) != "saved";
-		let moduleEditor;
-		if (keepEditor) moduleEditor = origin == "external" ? {
-			...editor,
-			phase: "failed"
-		} : editor;
-		else moduleEditor = selectedModuleEditor(revision, selectedNodeIds);
+	async loadMore() {
+		const { loadingMore, nextCursor, refreshing } = this.#state.value;
+		if (loadingMore || refreshing || nextCursor == null) return;
+		const current = this.#session.capture();
 		this.#set({
-			draft,
-			moduleEditor,
-			selectedNodeIds
+			loadingMore: true,
+			loadMoreFailed: false
 		});
-		return keepEditor;
+		try {
+			const page = await this.#client.listFlows({
+				cursor: nextCursor,
+				limit: pageLimit
+			});
+			if (!current()) return;
+			const flows = new Map(this.#state.value.flows.map((flow) => [flow.flowId, flow]));
+			for (const flow of page.flows) flows.set(flow.flowId, flow);
+			this.#set({
+				loadingMore: false,
+				nextCursor: page.nextCursor,
+				flows: [...flows.values()]
+			});
+		} catch (error) {
+			if (!current()) return;
+			this.#set({
+				loadingMore: false,
+				loadMoreFailed: true
+			});
+			this.#setNotice(errorNotice(error, this.#i18n.t));
+		}
 	}
-	async #changePresentation(update, historyOwned = false) {
-		if (this.#disposed || (this.#history.applying || this.#history.failed) && !historyOwned) return false;
-		const flowId = this.#model.value.flowId;
-		const presentation = this.#model.value.presentation;
-		if (flowId == null || presentation == null) return false;
-		if (dequal$1(update(presentation.value), presentation.value)) return true;
-		if (!historyOwned) this.#clearHistoryForEdit();
-		const current = this.#draftSession.capture();
-		this.#history.pending++;
-		this.#history.publish();
+	async setEnabled(flow, enabled) {
+		if (flow.live == null || this.#pending.has(flow.flowId)) return;
+		this.#pending.add(flow.flowId);
 		try {
-			const result = await this.#presentationChanges.change(flowId, presentation, current, update);
-			if (!result && current()) this.retryHistorySync();
-			return result;
+			const changed = await this.#client.setFlowEnabled(flow.flowId, flow.live.publicationId, enabled);
+			if (!this.#disposed) this.include(changed);
+		} catch (error) {
+			if (!this.#disposed) {
+				this.#setNotice(errorNotice(error, this.#i18n.t));
+				await this.reload();
+			}
 		} finally {
-			this.#history.pending--;
-			if (!this.#disposed) this.#history.publish();
+			this.#pending.delete(flow.flowId);
 		}
 	}
-	#clearHistoryForEdit() {
-		if (this.#history.clear()) this.#setNotice({
-			kind: "success",
-			message: this.#i18n.t("history.cleared")
-		});
-	}
-	async #canvasChange(action, count, changes, update, selection = this.#model.value.selectedNodeIds, deletion) {
-		if (this.#disposed || this.#history.applying || this.#history.failed) return false;
-		const { draft, presentation, selectedNodeIds } = this.#model.value;
-		if (draft == null || presentation == null) return false;
-		const next = update?.(presentation.value) ?? presentation.value;
-		const presentationChange = canvasPresentationChange(presentation.value, next);
-		if (dequal$1(applyFlowChanges$1(draft, changes).content, draft.content) && presentationChange.nodeIds.length == 0) return true;
-		const generation = this.#history.generation;
-		const inverse = inverseFlowChanges(draft.content, changes);
-		this.#history.pending++;
-		const entry = {
-			action,
-			count,
-			forward: changes,
-			inverse,
-			presentation: presentationChange,
-			beforeSelection: selectedNodeIds,
-			afterSelection: selection
-		};
-		const retained = this.#history.record(entry);
+	async publish(flow) {
+		if (this.#pending.has(flow.flowId)) return;
+		this.#pending.add(flow.flowId);
 		try {
-			const change = changes.length == 0 ? Promise.resolve(draft) : this.#changeDraft(changes, true, "canvas");
-			const layout = update == null ? Promise.resolve(true) : this.#changePresentation(update, true);
-			this.selectNodes(selection);
-			if (!retained) this.#setNotice({
+			const initial = await this.#client.publishFlow(flow.flowId, flow.draftRevisionId, flow.live?.publicationId ?? null);
+			if (this.#disposed) return;
+			const operation = await Effect.runPromise(Effect.gen({ self: this }, function* () {
+				let current = initial;
+				while (current.status == "pending") {
+					yield* Effect.sleep(1e3);
+					current = yield* Effect.tryPromise((signal) => this.#client.getPublishOperation(flow.flowId, current.operationId, signal));
+				}
+				return current;
+			}), { signal: this.#lifetime.signal });
+			if (this.#disposed) return;
+			if (operation.status == "failed") this.#setNotice({
+				kind: "error",
+				message: operation.issue.message
+			});
+			else this.#setNotice({
 				kind: "success",
-				message: this.#i18n.t("history.tooLarge")
+				message: this.#i18n.t("notice.published", { name: flow.name })
 			});
-			const [saved, positioned] = await Promise.all([change, layout]);
-			const complete = saved != null && positioned && (!retained || generation == this.#history.generation);
-			if (complete && retained && deletion != null && this.history$.value.undo === entry) this.#notifyDeletion(deletion, entry);
-			return complete;
+			this.include(await this.#client.getFlow(flow.flowId));
 		} catch (error) {
-			this.#setNotice(errorNotice(error, this.#i18n.t));
-			this.retryHistorySync();
-			return false;
+			if (!this.#disposed) this.#setNotice(errorNotice(error, this.#i18n.t));
 		} finally {
-			this.#history.pending--;
-			if (!this.#disposed) this.#history.publish();
+			this.#pending.delete(flow.flowId);
 		}
 	}
-	async undo() {
-		await this.#restoreHistory(false);
+	create(name, create) {
+		return this.#create(async () => create == null ? this.#client.createFlow(name) : this.#client.getFlow(await create(name)));
 	}
-	async redo() {
-		await this.#restoreHistory(true);
+	import(file, name, key, importer) {
+		return this.#create(async () => importer == null ? this.#client.importFlow(file, {
+			name,
+			idempotencyKey: key
+		}) : this.#client.getFlow(await importer(file, name, key)));
 	}
-	async #restoreHistory(redo) {
-		if (this.hasUnsavedCode && !await this.saveModuleEditor()) return;
-		const state = this.history$.value;
-		if (!(redo ? state.canRedo : state.canUndo)) return;
-		const entry = redo ? state.redo : state.undo;
-		if (entry == null) return;
-		const generation = this.#history.generation;
-		this.#history.applying = true;
-		this.#history.publish();
+	async #create(create) {
 		try {
-			const [draft, presentation] = await Promise.all([this.#changeDraft(redo ? entry.forward : entry.inverse, true, "canvas"), this.#changePresentation((value) => restoreCanvasPresentation(value, entry.presentation, redo), true)]);
-			if (draft != null && presentation && generation == this.#history.generation) {
-				this.selectNodes(redo ? entry.afterSelection : entry.beforeSelection);
-				this.#history.complete(redo);
-			}
+			const created = await create();
+			if (this.#disposed) return;
+			this.#insert(created);
+			return created;
 		} catch (error) {
-			this.#setNotice(errorNotice(error, this.#i18n.t));
-			this.retryHistorySync();
-		} finally {
-			this.#history.applying = false;
-			if (!this.#disposed) this.#history.publish();
+			if (!this.#disposed) this.#setNotice(errorNotice(error, this.#i18n.t));
 		}
 	}
-	async retryHistorySync() {
-		if (this.#disposed || this.#historyRecovery != null) return this.#historyRecovery;
-		const flowId = this.#model.value.flowId;
-		if (flowId == null) return;
-		const current = this.#draftSession.capture();
-		this.#history.failed = true;
-		this.#history.clear();
-		const recovery = async () => {
-			await Promise.allSettled([this.#draftChanges.settled(), this.#presentationChanges.settled()]);
-			if (!current() || this.#disposed) return;
-			try {
-				const { draft, presentation } = await this.#client.getEditor(flowId);
-				if (!current() || this.#disposed) return;
-				this.#draftChanges.reset(draft);
-				this.#presentationChanges.reset(presentation);
-				this.#applyDraft(draft, "external");
-				this.#set({ presentation });
-				this.#flows.advanceHead(flowId, draft.revisionId, draft.content);
-				this.#history.failed = false;
-				this.#setNotice({
-					kind: "error",
-					message: this.#i18n.t("history.resynced")
-				});
-				this.#checkDraft();
-			} catch {
-				if (current() && !this.#disposed) this.#setNotice({
-					kind: "error",
-					message: this.#i18n.t("history.syncFailed")
-				});
-			}
-		};
-		this.#historyRecovery = recovery().finally(() => {
-			this.#historyRecovery = void 0;
-			if (!this.#disposed) this.#history.publish();
-		});
-		return this.#historyRecovery;
+	async delete(flowId) {
+		const flow = this.flow(flowId);
+		if (flow == null || flow.status == "retiring") return false;
+		try {
+			await this.#client.deleteFlow(flowId);
+			if (this.#disposed) return false;
+			this.#remove(flowId);
+			this.#setNotice({
+				kind: "success",
+				message: this.#i18n.t("notice.flowDeleteAccepted", { name: flow.name })
+			});
+			return true;
+		} catch (error) {
+			if (!this.#disposed) this.#setNotice(errorNotice(error, this.#i18n.t));
+			return false;
+		}
 	}
-	async #checkDraft() {
-		if (this.#disposed) return;
-		const flowId = this.#model.value.flowId;
-		const draft = this.#model.value.draft;
-		if (flowId == null || draft == null) {
-			if (this.#model.value.draft == null) this.#set({
-				checkLoading: false,
-				diagnostics: void 0
+	async rename(flowId, name) {
+		const flow = this.flow(flowId);
+		const nextName = name.trim();
+		if (flow == null || nextName.length == 0) return false;
+		if (flow.name == nextName) return true;
+		try {
+			const changed = await this.#client.renameFlow(flowId, nextName);
+			if (this.#disposed) return false;
+			this.include(changed);
+			this.#setNotice({
+				kind: "success",
+				message: this.#i18n.t("notice.flowRenamed", { name: nextName })
 			});
+			return true;
+		} catch (error) {
+			if (!this.#disposed) this.#setNotice(errorNotice(error, this.#i18n.t));
+			return false;
+		}
+	}
+	include(flow) {
+		const index = this.#state.value.flows.findIndex((candidate) => candidate.flowId == flow.flowId);
+		if (index < 0) {
+			this.#set({ flows: [...this.#state.value.flows, flow] });
 			return;
 		}
+		const referenceCount = this.#state.value.flows[index].referenceCount;
+		this.#set({ flows: this.#state.value.flows.with(index, {
+			...flow,
+			...referenceCount == null ? {} : { referenceCount }
+		}) });
+	}
+	#insert(flow) {
+		if (this.#state.value.flows.some((candidate) => candidate.flowId == flow.flowId)) return;
 		this.#set({
-			checkLoading: true,
-			diagnosticFocus: void 0
+			flows: [...this.#state.value.flows, flow],
+			total: this.#state.value.total == null ? void 0 : this.#state.value.total + 1
 		});
-		try {
-			const diagnostics = await this.#client.checkFlow(flowId, draft.revisionId);
-			if (!this.#disposed && flowId == this.#model.value.flowId && draft.revisionId == this.#model.value.draft?.revisionId) {
-				const live = this.#model.value.live;
-				this.#set({
-					diagnostics,
-					live: live == null ? void 0 : {
-						...live,
-						hasUnpublishedChanges: live.publication == null || live.publication.closureDigest != diagnostics.closureDigest
-					}
-				});
-			}
-		} catch (error) {
-			if (!this.#disposed && flowId == this.#model.value.flowId && draft.revisionId == this.#model.value.draft?.revisionId) this.#setNotice(errorNotice(error, this.#i18n.t));
-		} finally {
-			if (!this.#disposed && flowId == this.#model.value.flowId && draft.revisionId == this.#model.value.draft?.revisionId) this.#set({ checkLoading: false });
-		}
 	}
-	async #refreshDraft(revisionId) {
+	#remove(flowId) {
+		this.#set({
+			flows: this.#state.value.flows.filter((flow) => flow.flowId != flowId),
+			total: this.#state.value.total == null ? void 0 : this.#state.value.total - 1
+		});
+	}
+	advanceHead(flowId, revisionId, content) {
+		this.#set({ flows: this.#state.value.flows.map((flow) => flow.flowId == flowId ? {
+			...flow,
+			draftRevisionId: revisionId,
+			resourceReferences: {
+				...flow.resourceReferences,
+				draft: flowResourceReferences(content)
+			}
+		} : flow) });
+	}
+	#set(patch) {
+		if (!this.#disposed) this.#state.set({
+			...this.#state.value,
+			...patch
+		});
+	}
+};
+//#endregion
+//#region src/workbench/browser/runtime/stores/nodeEdits.ts
+var NodeEdits = class {
+	constructor(revision, save, identity) {
+		this.revision = revision;
+		this.save = save;
+		this.identity = identity;
+	}
+	async saveErrorSources(nodeId, value) {
+		const node = this.revision.value?.graph()?.nodes[nodeId];
+		if (node?.kind != "error" || dequal$1(node.sourceFlowIds ?? [], value)) return false;
+		return await this.save([{
+			kind: "graph.trigger.sources.set",
+			nodeId,
+			before: node.sourceFlowIds,
+			value: value.length == 0 ? void 0 : value
+		}]);
+	}
+	async saveNodeSettings(nodeId, settings) {
+		const revision = this.revision.value;
+		if (revision == null) return false;
+		const changes = updateNodeSettings(revision, nodeId, settings);
+		return changes != null && await this.save(changes);
+	}
+	async saveNodeDescription(nodeId, description) {
+		const revision = this.revision.value;
+		if (revision == null) return false;
+		const changes = updateNodeDescription(revision, nodeId, description);
+		return changes != null && await this.save(changes);
+	}
+	async saveNodeIcon(nodeId, icon) {
+		const revision = this.revision.value;
+		if (revision == null) return false;
+		const changes = updateNodeIcon(revision, nodeId, icon);
+		return changes != null && await this.save(changes);
+	}
+	async saveNodeTitle(nodeId, title) {
+		const revision = this.revision.value;
+		if (revision == null) return false;
+		const changes = updateNodeName(revision, nodeId, title);
+		return changes != null && await this.save(changes);
+	}
+	async setInputValue(nodeId, handle, value, deletion) {
+		const revision = this.revision.value;
+		if (revision == null) return false;
+		const changes = setInputValue(revision, nodeId, handle, value);
+		return changes != null && await this.save(changes, deletion);
+	}
+	async resetInputs(nodeId, handles) {
+		const revision = this.revision.value;
+		if (revision == null) return false;
+		return await this.save(resetInputValues(revision.revision.content, nodeId, handles));
+	}
+	async saveOutputsDefs(nodeId, definitions, deletion, values) {
+		const revision = this.revision.value;
+		if (revision == null || revision.graph().nodes[nodeId]?.kind != "outputs") return false;
+		return await this.save(updateOutputPorts(revision, nodeId, definitions, values), deletion);
+	}
+	async saveStartInputDefs(nodeId, inputDefs, deletion) {
+		const revision = this.revision.value;
+		if (revision == null || revision.graph().nodes[nodeId]?.kind != "start") return false;
+		const changes = updateStartInputDefs(revision.revision.content, nodeId, inputDefs);
+		return await this.save(changes, deletion);
+	}
+	async resetTriggerConfig(triggerId, names) {
+		const revision = this.revision.value;
+		if (revision == null) return false;
+		const trigger = revision.graph()?.nodes[triggerId];
+		if (trigger?.kind !== "poll" && trigger?.kind !== "integration") return false;
+		const changes = (names == null ? Object.entries(trigger.config) : names.flatMap((name) => Object.hasOwn(trigger.config, name) ? [[name, trigger.config[name]]] : [])).map(([name, before]) => ({
+			kind: "graph.trigger.config.set",
+			nodeId: triggerId,
+			name,
+			before,
+			value: void 0
+		}));
+		return await this.save(changes);
+	}
+	async setInputSource(nodeId, handle, source) {
+		const revision = this.revision.value;
+		if (revision == null) return false;
+		return await this.save(setInputSources(revision.revision.content, nodeId, handle, [{
+			kind: "node",
+			...source
+		}]));
+	}
+	async setInputVariable(nodeId, handle, name) {
+		const revision = this.revision.value;
+		if (revision == null) return false;
+		const changes = name == null ? setInputValue(revision, nodeId, handle, void 0) : setInputVariable(revision, nodeId, handle, name, this.identity());
+		return changes != null && await this.save(changes);
+	}
+	async saveCondition(nodeId, settings, deletion) {
+		const revision = this.revision.value;
+		if (revision == null) return false;
+		const changes = updateCondition(revision, nodeId, settings);
+		return changes != null && await this.save(changes, deletion);
+	}
+	async saveValue(nodeId, values, deletion) {
+		const revision = this.revision.value;
+		if (revision == null) return false;
+		const changes = updateValue(revision, nodeId, values);
+		return changes != null && await this.save(changes, deletion);
+	}
+	async saveResolution(nodeId, settings, deletion, values) {
+		const revision = this.revision.value;
+		if (revision == null) return false;
+		const changes = updateResolution(revision, nodeId, settings, values);
+		return changes != null && await this.save(changes, deletion);
+	}
+	async saveTaskSettings(nodeId, settings, deletion) {
+		const revision = this.revision.value;
+		if (revision == null) return false;
+		const changes = updateTask(revision, nodeId, settings);
+		return changes != null && await this.save(changes, deletion);
+	}
+	async saveTaskPorts(nodeId, ports, deletion, values) {
+		const revision = this.revision.value;
+		if (revision == null) return false;
+		const changes = updateTaskPorts(revision, nodeId, ports, values);
+		return changes != null && await this.save(changes, deletion);
+	}
+	async saveTaskAdditionalInputs(nodeId, inputs, deletion, values) {
+		const revision = this.revision.value;
+		if (revision == null) return false;
+		const changes = updateTaskAdditionalInputs(revision, nodeId, inputs, values);
+		return changes != null && await this.save(changes, deletion);
+	}
+	async setConnectorConnection(nodeId, connectionId) {
+		const revision = this.revision.value;
+		if (revision == null) return false;
+		const changes = setConnectorConnection(revision.revision.content, nodeId, connectionId);
+		return changes != null && await this.save(changes);
+	}
+	async setServiceConnections(providerId, connectionId, previousConnectionId) {
+		const revision = this.revision.value;
+		if (revision == null) return false;
+		const changes = setServiceConnections(revision.revision.content, providerId, connectionId, previousConnectionId);
+		return changes.length == 0 || await this.save(changes);
+	}
+	async setCodeActions(nodeId, capabilities) {
+		const revision = this.revision.value;
+		if (revision == null) return false;
+		const changes = setCodeActions(revision.revision.content, nodeId, capabilities);
+		return changes == null || await this.save(changes);
+	}
+	async setTriggerEventSource(triggerId, source) {
+		const revision = this.revision.value;
+		if (revision == null) return false;
+		const changes = setTriggerEventSource(revision, triggerId, source);
+		return changes != null && await this.save(changes);
+	}
+	async saveTriggerConfig(triggerId, name, value) {
+		const revision = this.revision.value;
+		if (revision == null) return false;
+		const changes = updateTriggerConfig(revision, triggerId, name, value);
+		return changes != null && await this.save(changes);
+	}
+	async saveTriggerSchedule(triggerId, schedule) {
+		const revision = this.revision.value;
+		if (revision == null) return false;
+		const changes = updateTriggerSchedule(revision.revision.content, triggerId, schedule);
+		return changes != null && await this.save(changes);
+	}
+	async saveWebhook(triggerId, settings, deletion) {
+		const revision = this.revision.value;
+		if (revision == null) return false;
+		const changes = updateWebhook(revision, triggerId, settings);
+		return changes != null && await this.save(changes, deletion);
+	}
+	async setTriggerConnection(triggerId, connectionId) {
+		const revision = this.revision.value;
+		if (revision == null) return false;
+		const changes = setTriggerConnection(revision, triggerId, connectionId);
+		return changes != null && await this.save(changes);
+	}
+};
+//#endregion
+//#region src/workbench/browser/runtime/stores/workspaceStore.ts
+var WorkspaceStore = class {
+	#edits;
+	#canvasCommandListeners;
+	#client;
+	#i18n;
+	#identity;
+	#flows;
+	#runChanged;
+	#setNotice;
+	#model;
+	#clipboard;
+	#diagnosticFocusId;
+	#disposed;
+	#started;
+	#nodeFocusId;
+	#pendingRepair;
+	#stopCatalogWatch;
+	#stopFlowWatch;
+	constructor(client, setNotice, identity = createAuthoringId, i18n = createI18n(), runChanged = () => {}, catalogs = new CatalogStores(client), flowCreated = () => {}, accessChanged = () => {}, filterTriggerConnections) {
+		this.catalogs = catalogs;
+		this.flowCreated = flowCreated;
+		this.accessChanged = accessChanged;
+		this.filterTriggerConnections = filterTriggerConnections;
+		this.#canvasCommandListeners = /* @__PURE__ */ new Set();
+		this.notify = (notice) => {
+			if (!this.#disposed) this.#setNotice(notice);
+		};
+		this.#diagnosticFocusId = 0;
+		this.#disposed = false;
+		this.#started = false;
+		this.#nodeFocusId = 0;
+		this.subscribeCanvasCommands = (execute) => {
+			this.#canvasCommandListeners.add(execute);
+			return () => {
+				this.#canvasCommandListeners.delete(execute);
+			};
+		};
+		this.#client = client;
+		this.#setNotice = setNotice;
+		this.#identity = identity;
+		this.#clipboard = new CanvasClipboard(identity, i18n.t);
+		this.#i18n = i18n;
+		this.#runChanged = runChanged;
+		this.#flows = new FlowCatalog(client, setNotice, i18n);
+		this.#model = new WorkspaceModel(i18n, this.#flows);
+		this.#edits = new EditSession(client, this.#model, this.#flows, setNotice, i18n);
+		this.history$ = this.#edits.history$;
+		this.$ = this.#model.$;
+		this.nodes = new NodeEdits(this.$.revision, async (changes, deletion) => await this.#edits.canvasChange("edit", 1, changes, void 0, void 0, deletion) && this.#model.value.draft != null, identity);
+	}
+	dispose() {
+		this.catalogs.dispose();
+		this.#disposed = true;
+		this.#edits.dispose();
+		this.#stopCatalogWatch?.();
+		this.#stopFlowWatch?.();
+		this.#canvasCommandListeners.clear();
+		this.#model.dispose();
+		this.#flows.dispose();
+	}
+	async start(flowId) {
+		this.#started = false;
+		await this.selectFlow(flowId);
+		this.#started = !this.#disposed;
+	}
+	async #loadFlowCatalog() {
+		if (this.#flows.loaded && this.#stopCatalogWatch != null) return;
+		let initialLoad;
+		if (this.#stopCatalogWatch == null) {
+			const subscription = this.#client.watchFlowCatalog((event) => {
+				if (this.#disposed) return;
+				this.reloadFlows();
+				if (event?.kind == "flow.created" && this.#started && this.#model.value.flowId == null && this.#model.value.busy == null) this.flowCreated(event.flowId);
+			});
+			this.#stopCatalogWatch = subscription.stop;
+			subscription.ready.then(async () => {
+				if (initialLoad == null || this.#disposed) return;
+				await initialLoad;
+				if (!this.#disposed) await this.reloadFlows();
+			});
+			await Promise.resolve();
+		}
 		if (this.#disposed) return;
+		initialLoad = this.reloadFlows();
+		await initialLoad;
+	}
+	async reloadFlows() {
+		await this.#flows.reload();
+	}
+	async setFlowEnabled(flow, enabled) {
+		await this.#flows.setEnabled(flow, enabled);
+	}
+	async publishFlow(flow) {
+		await this.#flows.publish(flow);
+	}
+	async loadMoreFlows() {
+		await this.#flows.loadMore();
+	}
+	async selectFlow(flowId) {
+		if (this.#edits.applying) return false;
+		if (!await this.saveModuleEditor() || this.#disposed) return false;
+		this.#pendingRepair = void 0;
+		const current = this.#edits.begin();
+		this.#stopFlowWatch?.();
+		this.#stopFlowWatch = void 0;
+		this.#edits.set({
+			checkLoading: false,
+			diagnosticFocus: void 0,
+			diagnostics: void 0,
+			draft: void 0,
+			live: void 0,
+			moduleEditor: void 0,
+			nodeFocus: void 0,
+			presentation: void 0,
+			flowId,
+			selectedNodeIds: [],
+			workspaceLoadFailed: false,
+			workspaceLoadProblem: void 0,
+			workspaceLoading: flowId != null,
+			workspaceRepairing: false
+		});
+		if (flowId == null) {
+			await this.#loadFlowCatalog();
+			return true;
+		}
+		try {
+			let invalidated = false;
+			let pendingRevision;
+			const changed = (revisionId) => {
+				if (!current()) return;
+				if (this.#edits.committed == null) {
+					invalidated = true;
+					pendingRevision = revisionId;
+				} else if (revisionId != this.#edits.committed.revisionId) this.#edits.refreshDraft(revisionId);
+			};
+			const subscription = this.#client.watchFlow(flowId, changed, (event) => {
+				if (current()) this.#runChanged(event);
+			}, (accessRevision) => {
+				if (current()) {
+					this.accessChanged(flowId, accessRevision);
+					this.#refreshLive(flowId, current);
+				}
+			}, (command) => {
+				if (current() && !this.#model.value.workspaceLoading) for (const execute of this.#canvasCommandListeners) execute(command);
+			});
+			this.#stopFlowWatch = subscription.stop;
+			let reading = false;
+			subscription.ready.then(() => {
+				if (reading) changed();
+			}, (error) => {
+				if (!current()) return;
+				subscription.stop();
+				this.#stopFlowWatch = void 0;
+				this.#setNotice(errorNotice(error, this.#i18n.t));
+			});
+			await Promise.resolve();
+			if (!current()) return false;
+			reading = true;
+			let editor = await this.#client.getEditor(flowId);
+			for (let attempt = 0; current() && Object.values(revisionView(editor.draft).graph().nodes).some((node) => node.kind == "manual"); attempt += 1) {
+				if (attempt >= 3) throw new ApiError(409, controlErrorCode.flowRevisionConflict, "The Draft changed while upgrading its Start node.");
+				try {
+					await this.#client.upgradeDraft(flowId, editor.draft.revisionId, { idempotencyKey: this.#identity() });
+				} catch (error) {
+					if (!(error instanceof ApiError) || error.code !== controlErrorCode.flowRevisionConflict || attempt >= 2) throw error;
+				}
+				if (!current()) return false;
+				editor = await this.#client.getEditor(flowId);
+			}
+			const { flow, draft, live, presentation } = editor;
+			if (!current()) return false;
+			this.#edits.reset(draft, presentation);
+			this.#flows.include(flow);
+			this.#edits.set({
+				draft,
+				live,
+				presentation,
+				workspaceLoadFailed: false,
+				workspaceLoadProblem: void 0
+			});
+			await this.#edits.repairDraftNodeNames(current);
+			if (!current()) return false;
+			this.#edits.set({ workspaceLoading: false });
+			if (invalidated && pendingRevision != draft.revisionId) this.#edits.refreshDraft(pendingRevision);
+		} catch (error) {
+			if (!current()) return false;
+			this.#stopFlowWatch?.();
+			this.#stopFlowWatch = void 0;
+			const kind = error instanceof ApiError && error.code == controlErrorCode.flowUpgradeRequired ? "upgrade" : error instanceof ApiError && (error.code == controlErrorCode.flowRepairRequired || error.code == controlErrorCode.flowInvalid) ? "repair" : "failed";
+			this.#edits.set({
+				workspaceLoadFailed: true,
+				workspaceLoadProblem: {
+					kind,
+					...kind == "failed" ? { message: errorNotice(error, this.#i18n.t).message } : {}
+				},
+				workspaceLoading: false
+			});
+			return false;
+		}
+		return true;
+	}
+	async repairWorkspace() {
 		const flowId = this.#model.value.flowId;
-		if (flowId == null) return;
-		this.#draftInvalidation += 1;
-		if (revisionId != null) this.#draftUpdateNotice = true;
-		if (this.#draftSyncQueued) return;
-		this.#draftSyncQueued = true;
-		const context = {
-			current: this.#draftSession.capture(),
-			flowId
-		};
-		await this.#draftChanges.enqueue(async () => {
-			let generation;
-			do {
-				generation = this.#draftInvalidation;
-				const notifyUpdate = this.#draftUpdateNotice;
-				this.#draftUpdateNotice = false;
-				await this.#syncDraftHead(context, false, notifyUpdate);
-			} while (this.#isDraftChangeCurrent(context) && generation != this.#draftInvalidation);
+		if (flowId == null || this.#model.value.workspaceRepairing) return;
+		const current = this.#edits.capture();
+		this.#edits.set({
+			workspaceRepairing: true,
+			workspaceLoadProblem: this.#model.value.workspaceLoadProblem
+		});
+		try {
+			let repair = this.#pendingRepair;
+			if (repair == null) {
+				const flow = this.#flows.flow(flowId) ?? await this.#client.getFlow(flowId);
+				if (!current()) return;
+				repair = this.#pendingRepair = {
+					changeId: this.#identity(),
+					expectedRevisionId: flow.draftRevisionId
+				};
+			}
+			await this.#client.repairDraft(flowId, repair.expectedRevisionId, repair.changeId);
+			if (!current()) return;
+			this.#pendingRepair = void 0;
+			await this.selectFlow(flowId);
+		} catch (error) {
+			if (this.#disposed || !current()) return;
+			if (error instanceof ApiError && error.code == controlErrorCode.flowRevisionConflict) {
+				this.#pendingRepair = void 0;
+				await this.selectFlow(flowId);
+				return;
+			}
+			this.#edits.set({
+				workspaceLoadProblem: {
+					kind: this.#model.value.workspaceLoadProblem?.kind == "upgrade" ? "upgrade" : "repair",
+					message: errorNotice(error, this.#i18n.t).message
+				},
+				workspaceRepairing: false
+			});
+		}
+	}
+	async #refreshLive(flowId, current) {
+		try {
+			const live = await this.#client.getLive(flowId);
+			if (current() && this.#model.value.flowId == flowId) this.#edits.set({ live });
+		} catch (error) {
+			if (current() && this.#model.value.flowId == flowId) this.#setNotice(errorNotice(error, this.#i18n.t));
+		}
+	}
+	selectNodes(nodeIds) {
+		return this.#edits.selectNodes(nodeIds);
+	}
+	async exportFlow(flowId) {
+		const current = this.#edits.capture();
+		const selected = this.#model.value.flowId == flowId;
+		if (selected && (!await this.#edits.flush() || !current())) {
+			this.#setNotice({
+				kind: "error",
+				message: this.#i18n.t("notice.exportSaveFailed")
+			});
+			return;
+		}
+		this.#edits.set({ busy: "flow" });
+		try {
+			const file = await this.#client.exportFlow(flowId);
+			if (this.#disposed || selected && !current()) return;
+			const url = URL.createObjectURL(new Blob([encodeWorkflowFile(file)], { type: "application/json;charset=utf-8" }));
+			const link = document.createElement("a");
+			link.href = url;
+			link.download = workflowFileName(file.name ?? "workflow");
+			link.click();
+			setTimeout(() => URL.revokeObjectURL(url), 0);
+		} catch (error) {
+			if (!this.#disposed) this.#setNotice(errorNotice(error, this.#i18n.t));
+		} finally {
+			this.#edits.set({ busy: void 0 });
+		}
+	}
+	createFlow(name, create) {
+		return this.#createFlow(() => this.#flows.create(name, create));
+	}
+	importFlow(file, name, key, importer) {
+		return this.#createFlow(() => this.#flows.import(file, name, key, importer));
+	}
+	async #createFlow(create) {
+		if (!await this.saveModuleEditor()) return;
+		this.#edits.set({ busy: "flow" });
+		try {
+			return await create();
+		} finally {
+			this.#edits.set({ busy: void 0 });
+		}
+	}
+	getFlowReferences(flowId, options = {}) {
+		return this.#client.getFlowReferences(flowId, {
+			...options,
+			direction: "incoming",
+			limit: 50
 		});
-		if (this.#isDraftChangeCurrent(context)) this.#draftSyncQueued = false;
 	}
-	async #syncDraftHead(context, reportError, notifyUpdate = false) {
+	getErrorListeners(flowId, signal) {
+		return this.#client.getErrorListeners(flowId, signal);
+	}
+	async deleteFlow(flowId) {
+		if (!await this.saveModuleEditor()) return false;
+		this.#edits.set({ busy: "flow" });
 		try {
-			const base = this.#draftChanges.committed;
-			if (base == null) return false;
-			const synced = await this.#client.syncDraft(context.flowId);
-			if (!this.#isDraftChangeCurrent(context)) return false;
-			const committed = synced.draft;
-			if (committed.revisionId == base.revisionId) return true;
-			if (this.#history.clear()) this.#setNotice({
-				kind: "success",
-				message: this.#i18n.t("history.external")
-			});
-			const draft = this.#draftChanges.replaceCommitted(committed);
-			const preserveModuleEditor = this.#applyDraft(draft, "external");
-			this.#flows.advanceHead(context.flowId, committed.revisionId, committed.content);
-			if (notifyUpdate) this.#setNotice({
-				kind: preserveModuleEditor ? "error" : "success",
-				message: this.#i18n.t(preserveModuleEditor ? "notice.moduleUpdated" : "notice.draftUpdated")
-			});
-			this.#checkDraft();
-			return true;
-		} catch (error) {
-			if (reportError && this.#isDraftChangeCurrent(context)) this.#setNotice(errorNotice(error, this.#i18n.t));
-			return false;
+			return await this.#flows.delete(flowId);
+		} finally {
+			this.#edits.set({ busy: void 0 });
 		}
 	}
-	#designer() {
-		const state = this.#model.value;
-		return designerGraph(state.draft, state.presentation?.value, state.diagnostics?.diagnostics, {}, {}, this.#i18n.t);
+	async renameFlow(flowId, name) {
+		this.#edits.set({ busy: "flow" });
+		try {
+			return await this.#flows.rename(flowId, name);
+		} finally {
+			this.#edits.set({ busy: void 0 });
+		}
 	}
-	#reconcileRevision(draft) {
+	async addNode(option, position, connection, relatedChanges) {
+		if (!await this.saveModuleEditor()) return;
+		const draft = this.#model.value.draft;
+		if (draft == null) return;
+		const nodeId = this.#identity();
+		if (option.kind == "comment") return await this.#addComment(nodeId, position);
 		const revision = revisionView(draft);
-		return {
-			revision,
-			selectedNodeIds: this.#model.value.selectedNodeIds.filter((nodeId) => revision.selection(nodeId) != null)
-		};
+		const intent = addNodeIntent(option, revision, this.#i18n.t);
+		if (intent == null) return;
+		const edge = connection?.(nodeId);
+		const created = addNode(revision, nodeId, intent);
+		const nodeChanges = created == null ? void 0 : [...created, ...relatedChanges?.(nodeId, revision) ?? []];
+		if (nodeChanges == null) return;
+		const changes = edge == null ? nodeChanges : [...nodeChanges, ...connect(applyFlowChanges$1(draft, nodeChanges).content, {
+			source: edge.source,
+			target: edge.target,
+			...edge.sourceHandle.startsWith("$branch:") ? { sourceHandle: edge.sourceHandle.slice(8) } : {}
+		})];
+		if (!await this.#edits.canvasChange("add", 1, changes, (value) => setNodePositions(value, { [nodeId]: position }), [nodeId])) return;
+		if (this.#disposed) return;
+		this.#edits.set({ nodeFocus: {
+			nodeId,
+			requestId: ++this.#nodeFocusId
+		} });
+		if (intent.kind == "provider-trigger" && intent.connectionId == null) this.#configureAddedTrigger(draft.flowId, nodeId, intent.definition);
+		return nodeId;
 	}
-	#isDraftChangeCurrent(context) {
-		return !this.#disposed && context.flowId == this.#model.value.flowId && context.current();
+	async addWebhookResponseNode(triggerId) {
+		const option = this.$.addNodeOptions.value.find((item) => item.kind === "webhook-response");
+		const position = this.#designer().nodes.find((node) => node.id === triggerId)?.position;
+		if (option == null || position == null) return;
+		return this.addNode(option, {
+			x: position.x + 320,
+			y: position.y
+		}, void 0, (nodeId, revision) => selectWebhookResponse(revision, triggerId, nodeId) ?? []);
 	}
-	#set(patch) {
-		if (this.#disposed) return;
-		const editor = Object.hasOwn(patch, "moduleEditor") ? patch.moduleEditor : this.#model.value.moduleEditor;
-		this.#model.set({
-			...patch,
-			...this.#modules.state(editor)
+	async #configureAddedTrigger(flowId, nodeId, definition) {
+		const current = this.#edits.capture();
+		const original = this.$.revision.value?.graph().nodes[nodeId];
+		const unchanged = () => current() && !this.#disposed && this.$.revision.value?.graph().nodes[nodeId] === original;
+		try {
+			const connections = await resourceValue(this.catalogs.connections.get(definition.provider, flowId));
+			if (!unchanged()) return;
+			const allowed = this.filterTriggerConnections == null ? connections : await this.filterTriggerConnections(flowId, definition, connections);
+			if (!unchanged()) return;
+			const connection = connectionCatalog(allowed).preferred;
+			if (connection == null) return;
+			const revision = this.$.revision.value;
+			if (revision == null) return;
+			const changes = setTriggerConnection(revision, nodeId, connection.connectionId);
+			if (changes != null) await this.#edits.finishNodeCreation(nodeId, changes);
+		} catch (error) {
+			if (unchanged()) this.#setNotice(errorNotice(error, this.#i18n.t));
+		}
+	}
+	async connect(edge) {
+		const revision = this.$.revision.value;
+		if (revision == null) return;
+		const changes = connect(revision.revision.content, {
+			source: edge.source,
+			target: edge.target,
+			...edge.sourceHandle.startsWith("$branch:") ? { sourceHandle: edge.sourceHandle.slice(8) } : {}
+		});
+		if (changes.length > 0) await this.#edits.canvasChange("connect", 1, changes);
+	}
+	async disconnect(edge) {
+		const revision = this.$.revision.value;
+		if (revision == null) return;
+		const changes = disconnect(revision.revision.content, {
+			source: edge.source,
+			target: edge.target,
+			...edge.sourceHandle.startsWith("$branch:") ? { sourceHandle: edge.sourceHandle.slice(8) } : {}
 		});
+		if (changes.length > 0) await this.#edits.canvasChange("disconnect", 1, changes);
+	}
+	async deleteSelectedNodes() {
+		if (!await this.saveModuleEditor()) return;
+		const revision = this.$.revision.value;
+		if (revision == null || this.#model.value.selectedNodeIds.length == 0) return;
+		const selectedNodeIds = [...this.#model.value.selectedNodeIds];
+		const comments = commentIds(this.#model.value.presentation?.value ?? {});
+		const commentNodes = new Set(this.#model.value.selectedNodeIds.filter((nodeId) => comments.has(nodeId)));
+		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);
+			return next;
+		}, []);
+	}
+	copySelectedNodes() {
+		const revision = this.$.revision.value;
+		if (revision == null || this.#model.value.selectedNodeIds.length == 0) return;
+		this.#clipboard.copy(revision, this.#designer(), this.#model.value.selectedNodeIds);
+	}
+	async pasteNodes(sourcePositions, offset) {
+		if (!await this.saveModuleEditor()) return;
+		const revision = this.$.revision.value;
+		if (revision == null) return;
+		const pasted = this.#clipboard.paste(revision, this.#designer(), sourcePositions, offset);
+		if (pasted != null) await this.#edits.canvasChange("paste", pasted.nodeIds.length, pasted.changes, pasted.update, pasted.nodeIds);
+	}
+	async duplicateSelectedNodes(positions, offset) {
+		this.copySelectedNodes();
+		await this.pasteNodes(positions, offset);
+	}
+	async saveNodeContentHidden(nodeId, hidden) {
+		const node = this.#designer().nodes.find((candidate) => candidate.id == nodeId);
+		if (node == null || node.kind == "condition") return;
+		await this.#edits.canvasChange("edit", 1, [], (value) => setNodeContentHidden(value, nodeId, hidden));
+	}
+	async saveComment(nodeId, comment) {
+		if (this.#model.value.draft == null) return;
+		const position = this.#designer().nodes.find((node) => node.id == nodeId)?.position;
+		if (position == null) return;
+		await this.#edits.canvasChange("edit", 1, [], (value) => setComment(value, nodeId, {
+			...comment,
+			position
+		}));
+	}
+	async listWorkflowTargets(signal) {
+		const flowId = this.$.revision.value?.revision.flowId;
+		if (flowId == null) return [];
+		const candidates = [];
+		let cursor;
+		do {
+			const page = await this.#client.listFlows({
+				cursor,
+				limit: 100,
+				signal
+			});
+			candidates.push(...page.flows.filter((flow) => flow.flowId != flowId).map((flow) => workflowCandidate(flow)));
+			cursor = page.nextCursor;
+		} while (cursor != null);
+		return candidates;
+	}
+	loadWorkflowContract(flowId, signal) {
+		return this.#client.getWorkflowContract(flowId, signal);
+	}
+	loadOpenApiDocument(url, signal) {
+		return this.#client.loadOpenApiDocument(url, signal);
+	}
+	get eventSourceClient() {
+		return this.#client;
+	}
+	async loadEventSources(signal) {
+		const flowId = this.#model.value.flowId;
+		if (flowId == null) throw new Error("No Flow selected");
+		return await this.#client.listEventSources(flowId, signal);
+	}
+	loadTriggerConfigOptions(triggerId, field, signal) {
+		return this.#edits.loadTriggerConfigOptions(triggerId, field, signal);
+	}
+	updateModuleSource(source) {
+		this.#edits.updateModuleSource(source);
+	}
+	discardModuleChanges() {
+		this.#edits.discardModuleChanges();
+	}
+	get hasUnsavedCode() {
+		return this.#edits.hasUnsavedCode;
+	}
+	async saveDraft() {
+		return this.#edits.saveDraft();
+	}
+	saveModuleEditor() {
+		return this.#edits.saveModuleEditor();
+	}
+	async moveNodes(positions) {
+		if (this.#model.value.draft == null) return;
+		await this.#edits.canvasChange("move", Object.keys(positions).length, [], (value) => setNodePositions(value, positions));
+	}
+	async moveViewport(viewport) {
+		if (this.#model.value.draft == null) return;
+		await this.#edits.changePresentation((value) => setFlowViewport(value, viewport), true);
+	}
+	async check() {
+		await this.#edits.checkDraft();
+	}
+	async refreshFlows() {
+		await this.reloadFlows();
+	}
+	updateLive(live) {
+		if (live.flowId == this.#model.value.flowId) this.#edits.set({ live });
+	}
+	locateNode(nodeId, { preserveSelection = false } = {}) {
+		const revision = this.$.revision.value;
+		if (revision == null) return false;
+		if (revision.node(nodeId) == null && !commentIds(this.#model.value.presentation?.value ?? {}).has(nodeId)) return false;
+		if (!preserveSelection && !this.selectNodes([nodeId])) return false;
+		this.#edits.set({ nodeFocus: {
+			nodeId,
+			requestId: ++this.#nodeFocusId
+		} });
+		return true;
+	}
+	locateDiagnostic(item) {
+		if (item.location == null || !this.selectNodes([item.location.nodeId])) return false;
+		this.#edits.set({ diagnosticFocus: {
+			...item.location,
+			diagnostic: item.diagnostic,
+			requestId: ++this.#diagnosticFocusId
+		} });
+		return true;
+	}
+	async #addComment(nodeId, position) {
+		const number = Math.max(0, ...this.#designer().nodes.flatMap((node) => {
+			if (node.kind != "comment") return [];
+			const match = /#(\d+)$/.exec(node.title);
+			return match == null ? [] : [Number(match[1])];
+		}));
+		if (!await this.#edits.canvasChange("add", 1, [], (value) => setComment(value, nodeId, {
+			content: "",
+			position,
+			title: this.#i18n.t("addNode.commentName", { number: number + 1 })
+		}), [nodeId]) || this.#disposed) return;
+		return nodeId;
+	}
+	async undo() {
+		await this.#edits.undo();
+	}
+	async redo() {
+		await this.#edits.redo();
+	}
+	async retryHistorySync() {
+		return this.#edits.retryHistorySync();
+	}
+	#designer() {
+		const state = this.#model.value;
+		return designerGraph(state.draft, state.presentation?.value, state.diagnostics?.diagnostics, {}, {}, this.#i18n.t);
 	}
 };
 //#endregion
@@ -7051,7 +7166,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-Dv5Qgrq7.js");
+			const { downloadFlowSvg } = await import("./exportSvg-BOoy7-Db.js");
 			await downloadFlowSvg(model, title, language, options);
 			if (!this.#disposed) this.#notice.set({
 				kind: "success",
@@ -7305,7 +7420,7 @@ var WorkbenchStore = class {
 };
 //#endregion
 //#region src/workbench/browser/runtime/openFlowWorkbench.tsx
-var FlowWorkspace = lazy(() => import("./flowWorkspace-qYUZPJHR.js"));
+var FlowWorkspace = lazy(() => import("./flowWorkspace-Bf7H-r0t.js"));
 function OpenFlowSessionGate({ action, description, error, onSubmit, onTokenChange, pending = false, title, token, tokenLabel }) {
 	const hasToken = token != null && tokenLabel != null && onTokenChange != null;
 	const tokenValue = token ?? "";