@oomol-lab/open-flow 0.1.0-beta.66 → 0.1.0-beta.68

package/dist/browser/workbench.js

@@ -1,8 +1,10 @@
-import { $n as normalizeTriggerOutputs, $t as EmptyHeader, At as updateStartInputDefs, B as scopedValue, Cr as inputValue, Ct as setNodePositions, Dr as string, Dt as setConnectorConnection, Er as record, Et as setCodeActions, Ft as followWorkbenchLink, G as connectorActionPorts, Gn as errorNotice, I as feishuResourceKind, It as Popover, Jn as allConnectorConnectionsQuery, Jt as InputGroupAddon, K as designerGraph, Kn as WorkbenchClient, L as supportsFeishuChatFilter, Lt as PopoverContent, Mn as createI18n, Mr as IconThemeContext, Mt as updateTriggerSchedule, N as addNodeIntent, Nt as WorkflowExportMenuItem, On as Badge, Or as ApiError, Ot as setInputSources, P as deriveAddNodeOptions, Pt as IdTooltip, Qt as EmptyDescription, R as combineSources, St as setNodeContentHidden, Tr as jsonValue, Tt as resetInputValues, U as resourceData, V as CacheResource, Vt as PopoverTitle, W as resourceValue, X as providerIcon, Xn as decodeTriggerCatalog, Xt as Empty, Yt as InputGroupInput, Zt as EmptyContent, _ as updateTaskPorts, _t as flowPresentation, a as nameCreatedNodes, ar as encodeWorkflowFile, at as revisionView, br as workflowCandidate, bt as setComment, c as updateCondition, cr as workflowNameFromFile, ct as deriveInspectorDiagnostics, d as updateNodeName, dr as providerIconAppearance, en as EmptyMedia, er as sampleErrorOutputs, f as updateNodeSettings, g as updateTaskAdditionalInputs, gt as commentIds, h as updateTask, ht as canvasPresentationChange, i as deleteSelection, in as DropdownMenuContent, ir as connectorActionMetadata, jt as updateTriggerConfig, kn as EventSourcesPage, kr as controlErrorCode, kt as setTriggerConnection, l as updateNodeDescription, lt as diagnosticItems, m as updateResolution, mn as DropdownMenuTrigger, mt as connectionCatalog, nn as DropdownMenu, nr as isJsonObject, nt as RunStore, o as setInputValue, on as DropdownMenuItem, or as parseWorkflowFile, ot as flowResourceReferences, p as updateOutputPorts, pt as actionWithConnections, qn as randomId, qt as InputGroup, r as applyFlowChanges, rr as connection, s as setInputVariable, sr as workflowFileName, st as Latest, t as addNode, tn as EmptyTitle, tr as triggerOutputDefinitions, u as updateNodeIcon, un as DropdownMenuSeparator, v as updateValue, vt as removeComments, wr as invalidResponse, wt as repairNodeNames, xt as setFlowViewport, y as updateWebhook, yt as restoreCanvasPresentation } from "./flowChanges-T4_R5p1f.js";
+import { C as DropdownMenuContent, N as DropdownMenuTrigger, T as DropdownMenuItem, d as PopoverContent, g as PopoverTrigger, h as PopoverTitle, it as providerIconAppearance, k as DropdownMenuSeparator, st as IconThemeContext, u as Popover, x as DropdownMenu } from "./ContentIcon-Sx9bywU-.js";
 import { a as derive, i as compute, l as val } from "./dist-bO8nvHFH.js";
 import { c as useLang, l as useTranslate, o as I18nProvider, u as useVal } from "./dist-BFmpkX4P.js";
-import { B as upgradeManualTrigger, E as FieldLabel, Ei as cn, G as mapConditionSources, K as nodeInputMappings, M as applyFlowChanges$1, P as isTriggerNode, S as Field, T as FieldGroup, Tt as dequal$1, V as upgradeRevisionContent, a as DialogDescription, c as DialogTitle, d as TooltipContent, fr as Input, i as DialogContent, j as FlowChangeError, n as Dialog, o as DialogFooter, p as TooltipTrigger, r as DialogClose, s as DialogHeader, t as Icon, u as Tooltip, w as FieldError, wi as Button, x as Spinner, z as resourceNameIssue } from "./icons-BD3m0RQq.js";
-import { c as importedWorkflowName, d as uiLanguageNames, f as uiLanguages, l as isUiLanguage, u as resolveUiLanguage } from "./value-BADHeZ9I.js";
+import { gr as cn, i as TooltipTrigger, mr as Button, n as TooltipContent, t as Tooltip } from "./tooltip-CJjYs_2I.js";
+import { $ as dequal$1, A as upgradeRevisionContent, C as isTriggerNode, F as nodeInputMappings, O as resourceNameIssue, P as mapConditionSources, a as DialogFooter, b as FlowChangeError, d as Field, h as FieldLabel, i as DialogDescription, k as upgradeManualTrigger, l as Icon, m as FieldGroup, o as DialogHeader, p as FieldError, r as DialogContent, s as DialogTitle, t as Dialog, u as Spinner, x as applyFlowChanges, yt as Input } from "./dialog-ZmfcwuMS.js";
+import { $ as providerIcon, An as string, At as WorkflowExportMenuItem, Bt as EmptyMedia, Cn as workflowCandidate, Ct as resetInputValues, Dn as invalidResponse, Dt as setServiceConnections, Et as setInputSources, Ft as InputGroupInput, Ht as Badge, It as Empty, J as connectorActionPorts, K as resourceData, Kt as createI18n, Lt as EmptyContent, Mn as controlErrorCode, Mt as followWorkbenchLink, Nt as InputGroup, On as jsonValue, Ot as updateStartInputDefs, Pt as InputGroupAddon, Qt as allConnectorConnectionsQuery, R as addNodeIntent, Rt as EmptyDescription, S as updateWebhook, St as repairNodeNames, Tt as setConnectorConnection, U as scopedValue, Ut as EventSourcesPage, V as combineSources, Vt as EmptyTitle, W as CacheResource, Xt as WorkbenchClient, Y as designerGraph, Yt as errorNotice, Zt as randomId, _ as updateTask, _t as restoreCanvasPresentation, a as nameCreatedNodes, an as triggerOutputDefinitions, at as Latest, b as updateTriggerConfig, bt as setNodeContentHidden, c as setTriggerConnection, cn as connectorActionMetadata, d as updateNodeDescription, dn as workflowFileName, dt as actionWithConnections, en as decodeTriggerCatalog, et as RunStore, f as updateNodeIcon, fn as workflowNameFromFile, ft as connectionCatalog, g as updateResolution, gt as removeComments, h as updateOutputPorts, ht as flowPresentation, i as deleteSelection, in as sampleErrorOutputs, it as flowResourceReferences, jn as ApiError, jt as IdTooltip, kn as record, kt as updateTriggerSchedule, l as setTriggerEventSource, ln as encodeWorkflowFile, m as updateNodeSettings, mt as commentIds, o as setInputValue, ot as deriveInspectorDiagnostics, p as updateNodeName, pt as canvasPresentationChange, q as resourceValue, r as applyFlowChanges$1, rn as normalizeTriggerOutputs, rt as revisionView, s as setInputVariable, sn as connection, st as diagnosticItems, t as addNode, u as updateCondition, un as parseWorkflowFile, v as updateTaskAdditionalInputs, vt as setComment, wt as setCodeActions, x as updateValue, xt as setNodePositions, y as updateTaskPorts, yt as setFlowViewport, z as deriveAddNodeOptions, zt as EmptyHeader } from "./flowChanges-B5tZMcGr.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";
 import * as Cause from "effect/Cause";
@@ -189,24 +191,199 @@ function Skeleton({ className, ...props }) {
 	});
 }
 //#endregion
-//#region src/workbench/browser/runtime/shell/resourceBrowser.tsx
-var CreateResourceDialog = lazy(() => import("./createResourceDialog-C-Si_cYs.js"));
-var flowIdTooltipAlignOffset = 44;
-var renamePopoverAlignOffset = -12;
-function compactFlowId(flowId) {
-	return flowId.length <= 20 ? flowId : `${flowId.slice(0, 10)}…${flowId.slice(-6)}`;
+//#region src/workbench/browser/runtime/shell/flowReferences.tsx
+function useFlowReferences(flowId, workspace) {
+	const [result, setResult] = useState();
+	const [status, setStatus] = useState("loading");
+	const [offset, setOffset] = useState(0);
+	const [attempt, setAttempt] = useState(0);
+	useEffect(() => {
+		const controller = new AbortController();
+		setStatus("loading");
+		workspace.getFlowReferences(flowId, {
+			offset,
+			signal: controller.signal
+		}).then((page) => {
+			if (controller.signal.aborted) return;
+			setResult((previous) => {
+				const references = new Map((offset == 0 ? [] : previous?.references ?? []).map((item) => [item.flowId, item]));
+				for (const item of page.references) references.set(item.flowId, item);
+				return {
+					...page,
+					references: [...references.values()]
+				};
+			});
+			setStatus("ready");
+		}, () => {
+			if (controller.signal.aborted) return;
+			setStatus("failed");
+		});
+		return () => controller.abort();
+	}, [
+		workspace,
+		flowId,
+		offset,
+		attempt
+	]);
+	return {
+		result,
+		status,
+		retry: () => {
+			setStatus("loading");
+			setAttempt((value) => value + 1);
+		},
+		loadMore: () => {
+			if (status != "ready" || result?.nextOffset == null) return;
+			setStatus("loading");
+			setOffset(result.nextOffset);
+		}
+	};
 }
-function formatUpdatedAt(updatedAt, locale) {
-	const date = new Date(updatedAt);
-	const current = /* @__PURE__ */ new Date();
-	return date.toLocaleString(locale, {
-		day: "numeric",
-		hour: "2-digit",
-		minute: "2-digit",
-		month: "short",
-		year: date.getFullYear() == current.getFullYear() ? void 0 : "numeric"
+function FlowReferenceQuery({ flowId, workspace, ...navigation }) {
+	return /* @__PURE__ */ jsx(FlowReferenceResults, {
+		state: useFlowReferences(flowId, workspace),
+		...navigation
+	});
+}
+function FlowReferenceResults({ state, hrefForFlow, onSelectFlow, showEmpty = true, summary, disabled = false }) {
+	const t = useTranslate();
+	const { result, status } = state;
+	const list = result != null && result.references.length > 0 && /* @__PURE__ */ jsxs("div", {
+		className: "space-y-3",
+		children: [/* @__PURE__ */ jsx("ul", {
+			className: "m-0 max-h-64 list-none space-y-3 overflow-y-auto p-0",
+			children: result.references.map((item) => {
+				const defaultView = item.draft ? "design" : "publications";
+				return /* @__PURE__ */ jsxs("li", {
+					className: "flex items-start justify-between gap-3",
+					children: [/* @__PURE__ */ jsxs("a", {
+						className: "flex min-w-0 items-start gap-2 text-foreground no-underline hover:underline",
+						href: hrefForFlow(item, defaultView),
+						onClick: (event) => followWorkbenchLink(event, () => onSelectFlow(item, defaultView)),
+						children: [/* @__PURE__ */ jsx("i", {
+							"aria-hidden": "true",
+							className: "i-lucide-light:workflow mt-0.5 size-4 shrink-0 text-muted-foreground"
+						}), /* @__PURE__ */ jsx("span", {
+							className: "min-w-0 break-words",
+							children: item.name ?? item.flowId
+						})]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex shrink-0 flex-wrap justify-end gap-1",
+						children: [item.draft && /* @__PURE__ */ jsx("a", {
+							className: "rounded-md bg-muted px-2 py-0.5 text-muted-foreground no-underline hover:underline",
+							href: hrefForFlow(item, "design"),
+							onClick: (event) => followWorkbenchLink(event, () => onSelectFlow(item, "design")),
+							children: t("flowReferences.draft")
+						}), item.live != null && /* @__PURE__ */ jsxs("a", {
+							className: "rounded-md bg-muted px-2 py-0.5 text-muted-foreground no-underline hover:underline",
+							href: hrefForFlow(item, "publications"),
+							onClick: (event) => followWorkbenchLink(event, () => onSelectFlow(item, "publications")),
+							children: [t("flowReferences.live"), !item.live.enabled && ` · ${t("flowReferences.disabled")}`]
+						})]
+					})]
+				}, item.flowId);
+			})
+		}), status != "failed" && result?.nextOffset != null && /* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			size: "sm",
+			disabled: disabled || status == "loading",
+			onClick: state.loadMore,
+			children: t("flowReferences.loadMore")
+		})]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-3 text-sm",
+		children: [
+			summary != null && list ? /* @__PURE__ */ jsxs("details", {
+				className: "group rounded-lg border border-border",
+				children: [/* @__PURE__ */ jsxs("summary", {
+					className: "flex cursor-pointer list-none items-center gap-2 px-3 py-2.5 text-sm font-medium [&::-webkit-details-marker]:hidden",
+					children: [/* @__PURE__ */ jsx("i", {
+						"aria-hidden": "true",
+						className: "i-lucide-light:chevron-right shrink-0 text-muted-foreground group-open:rotate-90"
+					}), /* @__PURE__ */ jsx("span", { children: summary })]
+				}), /* @__PURE__ */ jsx("div", {
+					className: "border-t border-border py-3 pr-3 pl-[calc(1.25rem+1em)]",
+					children: list
+				})]
+			}) : list,
+			status == "loading" && /* @__PURE__ */ jsx("p", {
+				className: "m-0 text-muted-foreground",
+				role: "status",
+				children: t("flowReferences.loading")
+			}),
+			status == "failed" && /* @__PURE__ */ jsxs("div", {
+				className: "space-y-2",
+				role: "alert",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "m-0 text-muted-foreground",
+					children: t("flowReferences.failed")
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					size: "sm",
+					disabled,
+					onClick: state.retry,
+					children: t("flowReferences.retry")
+				})]
+			}),
+			showEmpty && status == "ready" && result?.references.length == 0 && /* @__PURE__ */ jsx("p", {
+				className: "m-0 text-muted-foreground",
+				children: t("flowReferences.empty")
+			})
+		]
 	});
 }
+function FlowReferencesButton(props) {
+	const referenceCount = props.flow.referenceCount;
+	if (referenceCount == null || referenceCount == 0) return null;
+	return /* @__PURE__ */ jsx(FlowReferencesPopover, {
+		...props,
+		referenceCount
+	}, props.flow.flowId);
+}
+function FlowReferencesPopover({ flow, referenceCount, workspace, container, hrefForFlow, onSelectFlow }) {
+	const t = useTranslate();
+	const [open, setOpen] = useState(false);
+	const label = t("flowReferences.count", { count: referenceCount });
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsxs(TooltipTrigger, {
+			render: /* @__PURE__ */ jsx(PopoverTrigger, { render: /* @__PURE__ */ jsx(Button, {
+				"aria-label": label,
+				variant: "ghost",
+				size: "sm",
+				className: "text-muted-foreground"
+			}) }),
+			children: [/* @__PURE__ */ jsx("i", {
+				"aria-hidden": "true",
+				className: "i-lucide-light:link"
+			}), /* @__PURE__ */ jsx("span", { children: referenceCount })]
+		}), /* @__PURE__ */ jsx(TooltipContent, {
+			container,
+			collisionBoundary: [],
+			positionMethod: "fixed",
+			children: label
+		})] }), /* @__PURE__ */ jsxs(PopoverContent, {
+			container,
+			collisionBoundary: [],
+			positionMethod: "fixed",
+			align: "end",
+			className: "w-96 max-w-[calc(100vw-2rem)] max-h-(--available-height) overflow-y-auto gap-4 p-4",
+			children: [/* @__PURE__ */ jsx(PopoverTitle, {
+				className: "break-words text-base font-semibold",
+				children: t("flowReferences.title", { name: flow.name })
+			}), open && /* @__PURE__ */ jsx(FlowReferenceQuery, {
+				flowId: flow.flowId,
+				workspace,
+				hrefForFlow,
+				onSelectFlow
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/workbench/browser/runtime/shell/flowDeletionDialog.tsx
 function FlowDeletionImpact({ listeners, failed, onRetry }) {
 	const t = useTranslate();
 	if (failed) return /* @__PURE__ */ jsxs("div", {
@@ -228,11 +405,17 @@ function FlowDeletionImpact({ listeners, failed, onRetry }) {
 		children: t("sidebar.listenersLoading")
 	});
 	if (listeners.length == 0) return null;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "min-w-0 space-y-3 text-sm",
-		children: [
-			/* @__PURE__ */ jsx("p", { children: t("sidebar.listenersTitle") }),
-			/* @__PURE__ */ jsx("ul", {
+	return /* @__PURE__ */ jsxs("details", {
+		className: "group rounded-lg border border-border text-sm",
+		children: [/* @__PURE__ */ jsxs("summary", {
+			className: "flex cursor-pointer list-none items-center gap-2 px-3 py-2.5 font-medium [&::-webkit-details-marker]:hidden",
+			children: [/* @__PURE__ */ jsx("i", {
+				"aria-hidden": "true",
+				className: "i-lucide-light:chevron-right shrink-0 text-muted-foreground group-open:rotate-90"
+			}), /* @__PURE__ */ jsx("span", { children: t("flowReferences.deleteListeners", { count: listeners.length }) })]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "space-y-3 border-t border-border py-3 pr-3 pl-[calc(1.25rem+1em)]",
+			children: [/* @__PURE__ */ jsx("ul", {
 				className: "m-0 max-h-48 list-none space-y-2 overflow-y-auto p-0",
 				children: listeners.map((listener) => /* @__PURE__ */ jsxs("li", {
 					className: "break-words",
@@ -249,46 +432,117 @@ function FlowDeletionImpact({ listeners, failed, onRetry }) {
 						})
 					]
 				}, `${listener.flowId}/${listener.nodeId}`))
-			}),
-			/* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground",
+			}), /* @__PURE__ */ jsx("p", {
+				className: "m-0 text-muted-foreground",
 				children: t("sidebar.listenersImpact")
-			})
-		]
+			})]
+		})]
 	});
 }
-function FlowItem({ showTeam, badge, busy, flow, href, onSelect, store }) {
-	const [root, setRoot] = useState(null);
-	const renameAnchor = useRef(null);
-	const actionsButton = useRef(null);
-	const nameInput = useRef(null);
-	const cancelDelete = useRef(null);
-	const locale = useLang();
+function FlowDeletionDialog({ flow, workspace, container, busy, finalFocus, onClose, onDelete, ...navigation }) {
 	const t = useTranslate();
-	const [mode, setMode] = useState("idle");
-	const [name, setName] = useState(flow.name);
+	const cancel = useRef(null);
+	const references = useFlowReferences(flow.flowId, workspace);
 	const [listeners, setListeners] = useState();
-	const [listenersFailed, setListenersFailed] = useState(false);
-	const [listenersRetry, setListenersRetry] = useState(0);
+	const [listenerStatus, setListenerStatus] = useState("loading");
+	const [attempt, setAttempt] = useState(0);
 	useEffect(() => {
-		if (mode != "delete") return;
 		const controller = new AbortController();
 		setListeners(void 0);
-		setListenersFailed(false);
-		store.workspace.getErrorListeners(flow.flowId, controller.signal).then((value) => {
-			if (!controller.signal.aborted) setListeners(value);
+		setListenerStatus("loading");
+		workspace.getErrorListeners(flow.flowId, controller.signal).then((value) => {
+			if (controller.signal.aborted) return;
+			setListeners(value);
+			setListenerStatus("ready");
 		}, () => {
-			if (!controller.signal.aborted) setListenersFailed(true);
+			if (!controller.signal.aborted) setListenerStatus("failed");
 		});
 		return () => controller.abort();
 	}, [
-		mode,
 		flow.flowId,
-		store,
-		listenersRetry
+		workspace,
+		attempt
 	]);
+	const hasReferences = references.result != null && references.result.total > 0;
+	const canDelete = busy == null && references.status == "ready" && listenerStatus == "ready";
+	return /* @__PURE__ */ jsx(Dialog, {
+		open: true,
+		onOpenChange: (open) => {
+			if (!open && busy == null) onClose();
+		},
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			container,
+			initialFocus: cancel,
+			finalFocus,
+			showCloseButton: false,
+			className: "max-h-[calc(100dvh-2rem)] grid-rows-[auto_minmax(0,1fr)_auto]",
+			children: [
+				/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, {
+					className: "break-words leading-snug",
+					children: t("sidebar.deleteFlowConfirm", { name: flow.name })
+				}), /* @__PURE__ */ jsx(DialogDescription, { children: t("resource.deleteDescription") })] }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "min-h-0 space-y-2 overflow-y-auto",
+					children: [/* @__PURE__ */ jsx(FlowReferenceResults, {
+						state: references,
+						disabled: busy != null,
+						showEmpty: false,
+						summary: hasReferences ? t("flowReferences.deleteImpact", { count: references.result.total }) : void 0,
+						...navigation
+					}), /* @__PURE__ */ jsx(FlowDeletionImpact, {
+						listeners,
+						failed: listenerStatus == "failed",
+						onRetry: () => {
+							setListenerStatus("loading");
+							setAttempt((value) => value + 1);
+						}
+					})]
+				}),
+				/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button, {
+					ref: cancel,
+					variant: "outline",
+					disabled: busy != null,
+					onClick: onClose,
+					children: t("common.cancel")
+				}), /* @__PURE__ */ jsx(Button, {
+					disabled: !canDelete,
+					onClick: onDelete,
+					variant: "destructive",
+					children: t(busy == "flow" ? "common.deleting" : hasReferences ? "flowReferences.deleteAnyway" : "common.delete")
+				})] })
+			]
+		})
+	});
+}
+//#endregion
+//#region src/workbench/browser/runtime/shell/resourceBrowser.tsx
+var CreateResourceDialog = lazy(() => import("./createResourceDialog-BKmimKA_.js"));
+var flowIdTooltipAlignOffset = 44;
+var renamePopoverAlignOffset = -12;
+function compactFlowId(flowId) {
+	return flowId.length <= 20 ? flowId : `${flowId.slice(0, 10)}…${flowId.slice(-6)}`;
+}
+function formatUpdatedAt(updatedAt, locale) {
+	const date = new Date(updatedAt);
+	const current = /* @__PURE__ */ new Date();
+	return date.toLocaleString(locale, {
+		day: "numeric",
+		hour: "2-digit",
+		minute: "2-digit",
+		month: "short",
+		year: date.getFullYear() == current.getFullYear() ? void 0 : "numeric"
+	});
+}
+function FlowItem({ busy, flow, href, hrefForFlow, onSelect, store }) {
+	const [root, setRoot] = useState(null);
+	const renameAnchor = useRef(null);
+	const actionsButton = useRef(null);
+	const nameInput = useRef(null);
+	const locale = useLang();
+	const t = useTranslate();
+	const [mode, setMode] = useState("idle");
+	const [name, setName] = useState(flow.name);
 	const [pending, setPending] = useState();
-	const hasTeam = showTeam && Boolean(badge?.trim());
 	const changed = flow.live != null && flow.live.revisionId != flow.draftRevisionId;
 	const publicationStatus = flow.status == "retiring" ? "resource.retiring" : flow.live == null ? "resource.notPublished" : changed ? "resource.unpublishedChanges" : "resource.isPublished";
 	const publicationTone = flow.status == "retiring" ? "danger" : flow.live == null ? "neutral" : changed ? "running" : "success";
@@ -316,7 +570,6 @@ function FlowItem({ showTeam, badge, busy, flow, href, onSelect, store }) {
 		children: [
 			/* @__PURE__ */ jsxs("div", {
 				className: "resource-list-row flow-columns",
-				"data-has-team": hasTeam,
 				children: [
 					/* @__PURE__ */ jsxs("span", {
 						className: "resource-primary-cell",
@@ -439,11 +692,6 @@ function FlowItem({ showTeam, badge, busy, flow, href, onSelect, store }) {
 							alignOffset: flowIdTooltipAlignOffset
 						})
 					}),
-					showTeam && /* @__PURE__ */ jsx("span", {
-						className: "resource-team-cell",
-						title: badge,
-						children: hasTeam ? badge : "—"
-					}),
 					/* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
 						render: /* @__PURE__ */ jsx("time", {
 							className: "resource-updated-at",
@@ -475,10 +723,16 @@ function FlowItem({ showTeam, badge, busy, flow, href, onSelect, store }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ jsx("div", {
+			/* @__PURE__ */ jsxs("div", {
 				className: "resource-live-controls",
 				"aria-busy": pending != null,
-				children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+				children: [/* @__PURE__ */ jsx(FlowReferencesButton, {
+					flow,
+					workspace: store.workspace,
+					container: root,
+					hrefForFlow,
+					onSelectFlow: onSelect
+				}), /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
 					render: /* @__PURE__ */ jsx(DropdownMenuTrigger, { render: /* @__PURE__ */ jsx(Button, {
 						ref: actionsButton,
 						"aria-label": t("resource.actions"),
@@ -569,50 +823,28 @@ function FlowItem({ showTeam, badge, busy, flow, href, onSelect, store }) {
 							}), t("common.delete")]
 						})
 					]
-				})] })
+				})] })]
 			}),
-			/* @__PURE__ */ jsx(Dialog, {
-				open: mode == "delete",
-				onOpenChange: (open) => {
-					if (!open) setMode("idle");
-				},
-				children: /* @__PURE__ */ jsxs(DialogContent, {
-					container: root,
-					initialFocus: cancelDelete,
-					finalFocus: actionsButton,
-					showCloseButton: false,
-					children: [
-						/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: t("sidebar.deleteFlowConfirm", { name: flow.name }) }), /* @__PURE__ */ jsx(DialogDescription, { children: t("resource.deleteDescription") })] }),
-						/* @__PURE__ */ jsx(FlowDeletionImpact, {
-							listeners,
-							failed: listenersFailed,
-							onRetry: () => setListenersRetry((value) => value + 1)
-						}),
-						/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(DialogClose, {
-							render: /* @__PURE__ */ jsx(Button, {
-								ref: cancelDelete,
-								variant: "outline"
-							}),
-							children: t("common.cancel")
-						}), /* @__PURE__ */ jsx(Button, {
-							disabled: busy != null || listeners == null && !listenersFailed,
-							onClick: () => void remove(),
-							variant: "destructive",
-							children: t(busy == "flow" ? "common.deleting" : "common.delete")
-						})] })
-					]
-				})
+			mode == "delete" && /* @__PURE__ */ jsx(FlowDeletionDialog, {
+				flow,
+				workspace: store.workspace,
+				container: root,
+				busy,
+				finalFocus: () => actionsButton.current,
+				onClose: () => setMode("idle"),
+				onDelete: () => void remove(),
+				hrefForFlow,
+				onSelectFlow: onSelect
 			})
 		]
 	});
 }
-function FlowSkeleton({ showTeam }) {
+function FlowSkeleton() {
 	return /* @__PURE__ */ jsxs("div", {
 		"aria-hidden": "true",
 		className: "resource-item-row",
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "resource-list-row flow-columns",
-			"data-has-team": showTeam,
 			children: [
 				/* @__PURE__ */ jsxs("span", {
 					className: "resource-primary-cell",
@@ -622,7 +854,6 @@ function FlowSkeleton({ showTeam }) {
 					})]
 				}),
 				/* @__PURE__ */ jsx(Skeleton, { className: "resource-flow-id-cell h-3 w-36 max-w-full" }),
-				showTeam && /* @__PURE__ */ jsx(Skeleton, { className: "resource-team-cell h-3 w-24 max-w-full" }),
 				/* @__PURE__ */ jsx(Skeleton, { className: "resource-updated-at h-3 w-28 max-w-full" }),
 				/* @__PURE__ */ jsx(Skeleton, { className: "resource-publication-status h-3 w-16" }),
 				/* @__PURE__ */ jsx(Skeleton, { className: "resource-status h-3 w-16" })
@@ -633,7 +864,7 @@ function FlowSkeleton({ showTeam }) {
 		})]
 	});
 }
-var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisabled, createFlowField, flowBadges, hrefForFlow, initializing = false, onCreateFlow, onImportFlow, onSelectFlow, store, language }, ref) {
+var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisabled, createFlowField, hrefForFlow, initializing = false, onCreateFlow, onImportFlow, onSelectFlow, store, language }, ref) {
 	const t = useTranslate();
 	const busy = useVal(store.workspace.$.busy);
 	const loadFailed = useVal(store.workspace.$.flowLoadFailed);
@@ -647,11 +878,9 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 	const total = useVal(store.workspace.$.flowTotal);
 	const [creation$] = useState(() => val(void 0));
 	const creation = useVal(creation$);
-	const [importError, setImportError] = useState(false);
 	const fileInput = useRef(null);
 	const [filter, setFilter] = useState("");
 	const [name, setName] = useState("");
-	const showTeam = flows.some((flow) => (flowBadges?.[flow.flowId]?.trim().length ?? 0) > 0);
 	const normalized = filter.trim().toLocaleLowerCase();
 	const visible = flows.filter((flow) => flow.name.toLocaleLowerCase().includes(normalized));
 	const command = useRef();
@@ -664,12 +893,14 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 	});
 	function openImport(input) {
 		if (initializing || store.workspace.$.busy.value != null || creation$.value != null || onImportFlow == null) return "unavailable";
-		setImportError(false);
 		let file;
 		try {
 			file = parseWorkflowFile(input.text);
 		} catch {
-			setImportError(true);
+			store.workspace.notify({
+				kind: "error",
+				message: t("resource.importInvalid")
+			});
 			return "invalid-file";
 		}
 		setName(file.name ?? (input.fileName == null ? importedWorkflowName(language) : workflowNameFromFile(input.fileName)));
@@ -748,13 +979,15 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 											const file = event.target.files?.[0];
 											event.target.value = "";
 											if (file == null) return;
-											setImportError(false);
 											file.text().then((text) => {
 												command.current?.({
 													text,
 													fileName: file.name
 												});
-											}).catch(() => setImportError(true));
+											}).catch(() => store.workspace.notify({
+												kind: "error",
+												message: t("resource.importInvalid")
+											}));
 										}
 									}), /* @__PURE__ */ jsx(Button, {
 										variant: "outline",
@@ -774,14 +1007,10 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 								]
 							})]
 						}),
-						importError && /* @__PURE__ */ jsx("p", {
-							role: "alert",
-							children: t("resource.importInvalid")
-						}),
 						/* @__PURE__ */ jsx("div", {
 							className: "resource-table-scroll",
 							children: /* @__PURE__ */ jsxs("div", {
-								className: cn("resource-table", showTeam && "resource-table-with-teams"),
+								className: "resource-table",
 								children: [/* @__PURE__ */ jsxs("div", {
 									"aria-hidden": "true",
 									className: "resource-list-columns-shell",
@@ -793,10 +1022,6 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 												className: "resource-flow-id-heading",
 												children: t("resource.flowId")
 											}),
-											showTeam && /* @__PURE__ */ jsx("span", {
-												className: "resource-team-heading",
-												children: t("resource.team")
-											}),
 											/* @__PURE__ */ jsx("span", {
 												className: "resource-updated-heading",
 												children: t("resource.updated")
@@ -810,7 +1035,7 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 									})]
 								}), /* @__PURE__ */ jsx("div", {
 									className: "resource-list",
-									children: loading ? Array.from({ length: 5 }, (_, index) => /* @__PURE__ */ jsx(FlowSkeleton, { showTeam }, index)) : loadFailed ? /* @__PURE__ */ jsxs(Empty, {
+									children: loading ? Array.from({ length: 5 }, (_, index) => /* @__PURE__ */ jsx(FlowSkeleton, {}, index)) : loadFailed ? /* @__PURE__ */ jsxs(Empty, {
 										className: "min-h-64",
 										role: "alert",
 										children: [/* @__PURE__ */ jsxs(EmptyHeader, { children: [
@@ -849,11 +1074,10 @@ var FlowBrowser = forwardRef(function FlowBrowser({ catalogWidth, createFlowDisa
 											}), t("resource.newFlow")]
 										}) })]
 									}) : visible.map((flow) => /* @__PURE__ */ jsx(FlowItem, {
-										showTeam,
-										badge: flowBadges?.[flow.flowId],
 										busy,
 										flow,
 										href: hrefForFlow(flow),
+										hrefForFlow,
 										onSelect: onSelectFlow,
 										store
 									}, flow.flowId))
@@ -1651,7 +1875,7 @@ function inputSignature(spec) {
 }
 async function inputEditor(spec, language, values) {
 	if (spec == null) return void 0;
-	const { FlowRunInputEditorStore } = await import("./flowRunInputEditorStore-DJqmR6Qh.js").then((n) => n.t);
+	const { FlowRunInputEditorStore } = await import("./flowRunInputEditorStore-ys1-w9GW.js").then((n) => n.t);
 	const editor = new FlowRunInputEditorStore(spec.definitions, language, { allowOmittedNullable: spec.allowOmittedNullable });
 	const initial = values ?? spec.samples;
 	if (initial != null) editor.replaceValues(Object.fromEntries(spec.definitions.flatMap(({ handle }) => Object.hasOwn(initial, handle) ? [[handle, initial[handle]]] : [])));
@@ -3496,7 +3720,7 @@ function connectionDiagnostics(revision, actions, catalogs) {
 	const diagnostics = [];
 	for (const { nodeId, actionId, connectionId } of revision.connectorNodes()) {
 		const action = actions[actionId];
-		if (action?.authenticated != true) continue;
+		if (action?.authenticated != true || connectionId === "") continue;
 		const connection = connectionId == null ? void 0 : catalogs[action.serviceId]?.byId.get(connectionId);
 		if (connectionId != null && (catalogs[action.serviceId] == null || connection?.status == "active")) continue;
 		diagnostics.push({
@@ -3789,7 +4013,7 @@ var ConnectorStore = class {
 		}
 	}
 	async setConnection(nodeId, connectionId) {
-		return await this.#workspace.setConnectorConnection(nodeId, connectionId);
+		return await this.#workspace.nodes.setConnectorConnection(nodeId, connectionId);
 	}
 	async refreshAfterAuthorization() {
 		if (this.#disposed || this.#authorization == null) return;
@@ -3833,7 +4057,7 @@ var ConnectorStore = class {
 		const connection = created.length == 1 ? created[0] : catalog.preferred;
 		const selected = this.#workspace.$.revision.value?.node(target.nodeId);
 		const task = selected?.kind == "task" ? selected.definition : void 0;
-		if (connection != null && this.#workspace.$.selectedNodeIds.value.includes(target.nodeId) && task != null && "executor" in task && task.executor.kind == "connector" && task.executor.connectionId == null) await this.#workspace.setConnectorConnection(target.nodeId, connection.connectionId);
+		if (connection != null && this.#workspace.$.selectedNodeIds.value.includes(target.nodeId) && task != null && "executor" in task && task.executor.kind == "connector" && task.executor.connectionId == null) await this.#workspace.nodes.setConnectorConnection(target.nodeId, connection.connectionId);
 	}
 	#remember(source, ids) {
 		if (ids.some((id) => !source.value.includes(id))) source.set([.../* @__PURE__ */ new Set([...source.value, ...ids])]);
@@ -4106,7 +4330,7 @@ var TriggerStore = class {
 		}
 	}
 	async setConnection(triggerId, connectionId) {
-		return await this.#workspace.setTriggerConnection(triggerId, connectionId);
+		return await this.#workspace.nodes.setTriggerConnection(triggerId, connectionId);
 	}
 	async refreshAfterAuthorization() {
 		if (this.#disposed) return;
@@ -4141,7 +4365,7 @@ function inverseFlowChanges(content, operations) {
 			before: upgradeManualTrigger(requested.before),
 			node: upgradeManualTrigger(requested.node)
 		} : requested;
-		const after = applyFlowChanges$1(current, [operation]);
+		const after = applyFlowChanges(current, [operation]);
 		const restore = [];
 		switch (operation.kind) {
 			case "graph.node.replace":
@@ -4524,6 +4748,77 @@ function pasteNodes(revision, clipboard, identity) {
 	};
 }
 //#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() {
@@ -4674,7 +4969,7 @@ var DraftChanges = class {
 		let projected = draft;
 		const pending = [];
 		for (const change of this.#pending) try {
-			projected = applyFlowChanges(projected, change.changes);
+			projected = applyFlowChanges$1(projected, change.changes);
 			pending.push(change);
 		} catch (error) {
 			if (!(error instanceof FlowChangeError)) throw error;
@@ -4684,7 +4979,7 @@ var DraftChanges = class {
 		return projected;
 	}
 	project(draft) {
-		return this.#pending.reduce((current, pending) => applyFlowChanges(current, pending.changes), draft);
+		return this.#pending.reduce((current, pending) => applyFlowChanges$1(current, pending.changes), draft);
 	}
 	async settled() {
 		await this.#queue;
@@ -4772,7 +5067,7 @@ var DraftChanges = class {
 	#applyCommitted(pending, base, change) {
 		const committed = {
 			...change.revision,
-			content: applyFlowChanges(base, pending.changes).content
+			content: applyFlowChanges$1(base, pending.changes).content
 		};
 		this.#pending = this.#pending.filter((candidate) => candidate !== pending);
 		this.#committed = committed;
@@ -4893,11 +5188,12 @@ var FlowCatalog = class {
 				limit: pageLimit
 			});
 			if (!current()) return;
-			const seen = new Set(this.#state.value.flows.map((flow) => flow.flowId));
+			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: [...this.#state.value.flows, ...page.flows.filter((flow) => !seen.has(flow.flowId))]
+				flows: [...flows.values()]
 			});
 		} catch (error) {
 			if (!current()) return;
@@ -4953,22 +5249,81 @@ var FlowCatalog = class {
 			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;
 		}
-		this.#set({ flows: this.#state.value.flows.with(index, flow) });
+		const referenceCount = this.#state.value.flows[index].referenceCount;
+		this.#set({ flows: this.#state.value.flows.with(index, {
+			...flow,
+			...referenceCount == null ? {} : { referenceCount }
+		}) });
 	}
-	insert(flow) {
+	#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) {
+	#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
@@ -5127,51 +5482,228 @@ var ModuleEditorSession = class {
 	}
 };
 //#endregion
-//#region src/workbench/browser/runtime/stores/presentationChanges.ts
-var PresentationChanges = class {
-	#client;
-	#i18n;
-	#setNotice;
-	#setPresentation;
-	#changes = Promise.resolve();
-	#committed;
-	#disposed = false;
-	#failed = false;
-	#pending = [];
-	constructor(client, setNotice, setPresentation, i18n) {
-		this.#client = client;
-		this.#setNotice = setNotice;
-		this.#setPresentation = setPresentation;
-		this.#i18n = i18n;
+//#region src/workbench/browser/runtime/stores/nodeEdits.ts
+var NodeEdits = class {
+	constructor(revision, save, identity) {
+		this.revision = revision;
+		this.save = save;
+		this.identity = identity;
 	}
-	reset(presentation) {
-		this.#failed = false;
-		this.#committed = presentation;
-		this.#pending = [];
+	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
+		}]);
 	}
-	dispose() {
-		this.#disposed = true;
-		this.#pending = [];
+	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 flush() {
-		await this.settled();
-		return !this.#failed && !this.#disposed;
+	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 settled() {
-		let pending;
-		do {
-			pending = this.#changes;
-			await pending;
-		} while (pending !== this.#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 change(flowId, presentation, current, update) {
-		if (this.#disposed || this.#committed == null) return false;
-		const value = update(presentation.value);
-		if (dequal$1(value, presentation.value)) return true;
-		const pending = {
-			current,
-			flowId,
-			update
+	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;
+	#i18n;
+	#setNotice;
+	#setPresentation;
+	#changes = Promise.resolve();
+	#committed;
+	#disposed = false;
+	#failed = false;
+	#pending = [];
+	constructor(client, setNotice, setPresentation, i18n) {
+		this.#client = client;
+		this.#setNotice = setNotice;
+		this.#setPresentation = setPresentation;
+		this.#i18n = i18n;
+	}
+	reset(presentation) {
+		this.#failed = false;
+		this.#committed = presentation;
+		this.#pending = [];
+	}
+	dispose() {
+		this.#disposed = true;
+		this.#pending = [];
+	}
+	async flush() {
+		await this.settled();
+		return !this.#failed && !this.#disposed;
+	}
+	async settled() {
+		let pending;
+		do {
+			pending = this.#changes;
+			await pending;
+		} while (pending !== this.#changes);
+	}
+	async change(flowId, presentation, current, update) {
+		if (this.#disposed || this.#committed == null) return false;
+		const value = update(presentation.value);
+		if (dequal$1(value, presentation.value)) return true;
+		const pending = {
+			current,
+			flowId,
+			update
 		};
 		this.#pending.push(pending);
 		this.#setPresentation({
@@ -5345,10 +5877,6 @@ var WorkspaceModel = class {
 };
 //#endregion
 //#region src/workbench/browser/runtime/stores/workspaceStore.ts
-var PASTE_OFFSET = {
-	x: 40,
-	y: 40
-};
 var deletionMessageKeys = {
 	field: "history.deleted.field",
 	group: "history.deleted.group",
@@ -5393,6 +5921,9 @@ var WorkspaceStore = class {
 		this.filterTriggerConnections = filterTriggerConnections;
 		this.#canvasCommandListeners = /* @__PURE__ */ new Set();
 		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;
@@ -5411,6 +5942,7 @@ var WorkspaceStore = class {
 		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);
@@ -5434,6 +5966,7 @@ var WorkspaceStore = class {
 		});
 		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);
 	}
 	dispose() {
 		this.catalogs.dispose();
@@ -5519,13 +6052,14 @@ var WorkspaceStore = class {
 		try {
 			let invalidated = false;
 			let pendingRevision;
-			const subscription = this.#client.watchFlow(flowId, (revisionId) => {
+			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);
-			}, (event) => {
+			};
+			const subscription = this.#client.watchFlow(flowId, changed, (event) => {
 				if (current()) this.#runChanged(event);
 			}, (accessRevision) => {
 				if (current()) {
@@ -5536,8 +6070,18 @@ var WorkspaceStore = class {
 				if (current() && !this.#model.value.workspaceLoading) for (const execute of this.#canvasCommandListeners) execute(command);
 			});
 			this.#stopFlowWatch = subscription.stop;
-			await subscription.ready;
+			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.");
@@ -5660,72 +6204,46 @@ var WorkspaceStore = class {
 		}
 	}
 	createFlow(name, create) {
-		return this.#createFlow(async () => create == null ? this.#client.createFlow(name) : this.#client.getFlow(await create(name)));
+		return this.#createFlow(() => this.#flows.create(name, create));
 	}
 	importFlow(file, name, key, importer) {
-		return this.#createFlow(async () => importer == null ? this.#client.importFlow(file, {
-			name,
-			idempotencyKey: key
-		}) : this.#client.getFlow(await importer(file, name, key)));
+		return this.#createFlow(() => this.#flows.import(file, name, key, importer));
 	}
 	async #createFlow(create) {
 		if (!await this.saveModuleEditor()) return;
 		this.#set({ busy: "flow" });
 		try {
-			const created = await create();
-			if (this.#disposed) return;
-			this.#flows.insert(created);
-			return created;
-		} catch (error) {
-			if (!this.#disposed) this.#setNotice(errorNotice(error, this.#i18n.t));
+			return await create();
 		} finally {
 			this.#set({ busy: void 0 });
 		}
 	}
+	getFlowReferences(flowId, options = {}) {
+		return this.#client.getFlowReferences(flowId, {
+			...options,
+			direction: "incoming",
+			limit: 50
+		});
+	}
 	getErrorListeners(flowId, signal) {
 		return this.#client.getErrorListeners(flowId, signal);
 	}
 	async deleteFlow(flowId) {
 		if (!await this.saveModuleEditor()) return false;
-		const flow = this.#flows.flow(flowId);
-		if (flow == null || flow.status == "retiring") return false;
 		this.#set({ busy: "flow" });
 		try {
-			await this.#client.deleteFlow(flowId);
-			if (this.#disposed) return false;
-			this.#flows.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;
+			return await this.#flows.delete(flowId);
 		} finally {
 			this.#set({ busy: void 0 });
 		}
 	}
 	async renameFlow(flowId, name) {
-		const flow = this.#flows.flow(flowId);
-		const nextName = name.trim();
-		if (flow == null || nextName.length == 0) return false;
-		if (flow.name == nextName) return true;
 		this.#set({ busy: "flow" });
-		let changed;
 		try {
-			changed = await this.#client.renameFlow(flowId, nextName);
-			if (changed != null) this.#flows.include(changed);
-		} catch (error) {
-			if (!this.#disposed) this.#setNotice(errorNotice(error, this.#i18n.t));
+			return await this.#flows.rename(flowId, name);
+		} finally {
+			this.#set({ busy: void 0 });
 		}
-		this.#set({ busy: void 0 });
-		if (changed == null) return false;
-		this.#setNotice({
-			kind: "success",
-			message: this.#i18n.t("notice.flowRenamed", { name: nextName })
-		});
-		return true;
 	}
 	async addNode(option, position, connection) {
 		if (!await this.saveModuleEditor()) return;
@@ -5752,7 +6270,7 @@ var WorkspaceStore = class {
 		const edge = connection?.(nodeId);
 		const nodeChanges = addNode(revision, nodeId, intent);
 		if (nodeChanges == null) return;
-		const changes = edge == null ? nodeChanges : [...nodeChanges, ...connect(applyFlowChanges(draft, nodeChanges).content, {
+		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) } : {}
@@ -5802,168 +6320,19 @@ var WorkspaceStore = class {
 	copySelectedNodes() {
 		const revision = this.$.revision.value;
 		if (revision == null || this.#model.value.selectedNodeIds.length == 0) return;
-		const selected = new Set(this.#model.value.selectedNodeIds);
-		this.#clipboard = {
-			hiddenNodeIds: this.#designer().nodes.flatMap((node) => node.contentHidden && selected.has(node.id) ? [node.id] : []),
-			comments: this.#designer().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, this.#model.value.selectedNodeIds)
-		};
+		this.#clipboard.copy(revision, this.#designer(), this.#model.value.selectedNodeIds);
 	}
-	async pasteNodes(sourcePositions, offset = PASTE_OFFSET) {
+	async pasteNodes(sourcePositions, offset) {
 		if (!await this.saveModuleEditor()) return;
 		const revision = this.$.revision.value;
-		if (revision == null || this.#clipboard == null) return;
-		const hiddenNodeIds = new Set(this.#clipboard.hiddenNodeIds);
-		const pasted = pasteNodes(revision, this.#clipboard.nodes, this.#identity);
-		const comments = this.#clipboard.comments.map((comment) => ({
-			...comment,
-			nodeId: this.#identity()
-		}));
-		if (pasted.nodeIds.length == 0 && comments.length == 0) return;
-		const designerNodes = new Map(this.#designer().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
-			}];
-		}));
-		await this.#canvasChange("paste", added.size, pasted.changes, (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.#i18n.t("addNode.commentCopy", { title: comment.title })
-				});
-			}
-			return next;
-		}, [...pasted.nodeIds, ...comments.map((comment) => comment.nodeId)]);
+		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 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.#editDraft([{
-			kind: "graph.trigger.sources.set",
-			nodeId,
-			before: node.sourceFlowIds,
-			value: value.length == 0 ? void 0 : value
-		}]) != null;
-	}
-	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.#editDraft(changes) != null;
-	}
-	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.#editDraft(changes) != null;
-	}
-	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.#editDraft(changes) != null;
-	}
-	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.#editDraft(changes) != null;
-	}
-	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.#editDraft(changes, deletion) != null;
-	}
-	async resetInputs(nodeId, handles) {
-		const revision = this.$.revision.value;
-		if (revision == null) return false;
-		return await this.#editDraft(resetInputValues(revision.revision.content, nodeId, handles)) != null;
-	}
-	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.#editDraft(updateOutputPorts(revision, nodeId, definitions, values), deletion) != null;
-	}
-	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.#editDraft(changes, deletion) != null;
-	}
-	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.#editDraft(changes) != null;
-	}
-	async setInputSource(nodeId, handle, source) {
-		const revision = this.$.revision.value;
-		if (revision == null) return false;
-		return await this.#editDraft(setInputSources(revision.revision.content, nodeId, handle, [{
-			kind: "node",
-			...source
-		}])) != null;
-	}
-	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.#editDraft(changes) != null;
-	}
-	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.#editDraft(changes, deletion) != null;
-	}
-	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.#editDraft(changes, deletion) != null;
-	}
-	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.#editDraft(changes, deletion) != null;
-	}
 	async saveNodeContentHidden(nodeId, hidden) {
 		const node = this.#designer().nodes.find((candidate) => candidate.id == nodeId);
 		if (node == null || node.kind == "condition") return;
@@ -6000,36 +6369,6 @@ var WorkspaceStore = class {
 	loadOpenApiDocument(url, signal) {
 		return this.#client.loadOpenApiDocument(url, signal);
 	}
-	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.#editDraft(changes, deletion) != null;
-	}
-	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.#editDraft(changes, deletion) != null;
-	}
-	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.#editDraft(changes, deletion) != null;
-	}
-	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.#editDraft(changes) != null;
-	}
-	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.#editDraft(changes) != null;
-	}
 	get eventSourceClient() {
 		return this.#client;
 	}
@@ -6038,22 +6377,6 @@ var WorkspaceStore = class {
 		if (flowId == null) throw new Error("No Flow selected");
 		return await this.#client.listEventSources(flowId, signal);
 	}
-	async setTriggerEventSource(triggerId, source) {
-		const revision = this.$.revision.value;
-		if (revision == null) return false;
-		const trigger = revision.graph()?.nodes[triggerId];
-		if (trigger?.kind != "integration" || trigger.definition.key != "feishu_app_bot.on_event" || source.provider != trigger.definition.provider) return false;
-		const connectionChanges = setTriggerConnection(revision.revision.content, triggerId, source.connectionId);
-		if (connectionChanges == null) return false;
-		const changed = inputValue(trigger.config.sourceId, void 0) != source.sourceId;
-		return await this.#editDraft([
-			...connectionChanges,
-			...updateTriggerConfig(revision.revision.content, triggerId, "sourceId", source.sourceId) ?? [],
-			...changed ? updateTriggerConfig(revision.revision.content, triggerId, "eventTypes", void 0) ?? [] : [],
-			...changed ? updateTriggerConfig(revision.revision.content, triggerId, "resource", void 0) ?? [] : [],
-			...changed ? updateTriggerConfig(revision.revision.content, triggerId, "chatIds", void 0) ?? [] : []
-		]) != null;
-	}
 	async loadTriggerConfigOptions(triggerId, field, signal) {
 		const flowId = this.#model.value.flowId;
 		const current = this.#draftSession.capture();
@@ -6062,42 +6385,6 @@ var WorkspaceStore = class {
 		if (this.#disposed || !current() || flowId == null) throw new DOMException("Draft changed", "AbortError");
 		return await this.#client.listTriggerConfigOptions(flowId, triggerId, field, signal);
 	}
-	async saveTriggerConfig(triggerId, name, value) {
-		const revision = this.$.revision.value;
-		if (revision == null) return false;
-		let changes = updateTriggerConfig(revision.revision.content, triggerId, name, value);
-		if (changes == null) return false;
-		const trigger = revision.graph()?.nodes[triggerId];
-		if (changes.length > 0 && trigger?.kind == "integration" && trigger.definition.key == "feishu_app_bot.on_event" && name == "eventTypes") {
-			const events = Array.isArray(value) ? value.filter((item) => typeof item == "string") : [];
-			if (!supportsFeishuChatFilter(events)) changes = [...changes, ...updateTriggerConfig(revision.revision.content, triggerId, "chatIds", void 0) ?? []];
-			const resource = inputValue(trigger.config.resource, void 0);
-			if (isJsonObject(resource) && resource.kind != feishuResourceKind(events)) changes = [...changes, ...updateTriggerConfig(revision.revision.content, triggerId, "resource", void 0) ?? []];
-		}
-		if (changes.length > 0 && trigger?.kind == "poll" && trigger.definition.key == "linear.on_issue_changed" && name == "teamId") return await this.#editDraft([...changes, ...updateTriggerConfig(revision.revision.content, triggerId, "stateIds", void 0) ?? []]) != null;
-		return await this.#editDraft(changes) != null;
-	}
-	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.#editDraft(changes) != null;
-	}
-	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.#editDraft(changes, deletion) != null;
-	}
-	async setTriggerConnection(triggerId, connectionId) {
-		const revision = this.$.revision.value;
-		if (revision == null) return false;
-		const changes = setTriggerConnection(revision.revision.content, triggerId, connectionId);
-		if (changes == null) return false;
-		const trigger = revision.graph()?.nodes[triggerId];
-		if (changes.length > 0 && trigger?.kind == "poll" && trigger.definition.key == "linear.on_issue_changed") return await this.#editDraft([...changes, ...["teamId", "stateIds"].flatMap((field) => updateTriggerConfig(revision.revision.content, triggerId, field, void 0) ?? [])]) != null;
-		return await this.#editDraft(changes) != null;
-	}
 	updateModuleSource(source) {
 		const editor = this.#model.value.moduleEditor;
 		if (this.#history.applying || this.#history.failed || editor == null || editor.source == source) return;
@@ -6168,9 +6455,6 @@ var WorkspaceStore = class {
 		}), [nodeId]) || this.#disposed) return;
 		return nodeId;
 	}
-	async #editDraft(changes, deletion) {
-		return await this.#canvasChange("edit", 1, changes, void 0, void 0, deletion) ? this.#model.value.draft : void 0;
-	}
 	#notifyDeletion(deletion, entry) {
 		this.#setNotice({
 			kind: "success",
@@ -6189,7 +6473,7 @@ var WorkspaceStore = class {
 		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(draft, changes).content, draft.content)) return draft;
+		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++;
@@ -6283,7 +6567,7 @@ var WorkspaceStore = class {
 		if (draft == null || presentation == null) return false;
 		const next = update?.(presentation.value) ?? presentation.value;
 		const presentationChange = canvasPresentationChange(presentation.value, next);
-		if (dequal$1(applyFlowChanges(draft, changes).content, draft.content) && presentationChange.nodeIds.length == 0) return true;
+		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++;
@@ -6700,6 +6984,23 @@ var WorkbenchStore = class {
 	dismissNotice() {
 		if (!this.#disposed) this.#notice.set(void 0);
 	}
+	async exportSvg(language, options) {
+		const model = this.$.designer.value;
+		const title = this.workspace.$.flow.value?.name ?? this.workspace.$.flowId.value ?? "Workflow";
+		try {
+			const { downloadFlowSvg } = await import("./exportSvg-D4CqCcx2.js");
+			await downloadFlowSvg(model, title, language, options);
+			if (!this.#disposed) this.#notice.set({
+				kind: "success",
+				message: this.#i18n.t("resource.exportSvgComplete")
+			});
+		} catch {
+			if (!this.#disposed) this.#notice.set({
+				kind: "error",
+				message: this.#i18n.t("resource.exportSvgFailed")
+			});
+		}
+	}
 	invalidateVariableNames() {
 		this.#variableNamesStale = true;
 	}
@@ -6832,7 +7133,7 @@ var WorkbenchStore = class {
 			const executor = "executor" in node.node.task ? node.node.task.executor : void 0;
 			if (executor?.kind != "connector" || executor.action != action.actionId || executor.connectionId != null) return;
 			const connection = prepared.action.defaultConnection;
-			if (connection != null) await this.workspace.setConnectorConnection(node.id, connection.connectionId);
+			if (connection != null) await this.workspace.nodes.setConnectorConnection(node.id, connection.connectionId);
 			if (!this.#disposed && flowId == this.workspace.$.flowId.value) await this.connectors.refresh();
 		} catch (error) {
 			if (!this.#disposed && flowId == this.workspace.$.flowId.value) this.#notice.set(errorNotice(error, this.#i18n.t));
@@ -6941,7 +7242,7 @@ var WorkbenchStore = class {
 };
 //#endregion
 //#region src/workbench/browser/runtime/openFlowWorkbench.tsx
-var FlowWorkspace = lazy(() => import("./flowWorkspace-C0J5C0oM.js"));
+var FlowWorkspace = lazy(() => import("./flowWorkspace-zFBFtZPo.js"));
 function OpenFlowSessionGate({ action, description, error, onSubmit, onTokenChange, pending = false, title, token, tokenLabel }) {
 	const hasToken = token != null && tokenLabel != null && onTokenChange != null;
 	const tokenValue = token ?? "";
@@ -7047,7 +7348,7 @@ function FlowNameBridge({ store, onChange }) {
 	useEffect(() => () => onChange(void 0), [onChange]);
 	return null;
 }
-function Workbench({ importRef, catalogWidth, createFlow, importFlow, createFlowDisabled, createFlowField, flowBadges, connectionHref, hrefFor, initializing, language, navigation, onConfigureConnector, onManageConnectorAccess, onLanguageChange, store, theme }) {
+function Workbench({ importRef, catalogWidth, createFlow, importFlow, createFlowDisabled, createFlowField, connectionHref, hrefFor, initializing, language, navigation, onConfigureConnector, onManageConnectorAccess, onLanguageChange, store, theme }) {
 	const flowId = useVal(store.workspace.$.flowId);
 	return /* @__PURE__ */ jsx("div", {
 		className: "app-shell",
@@ -7056,10 +7357,9 @@ function Workbench({ importRef, catalogWidth, createFlow, importFlow, createFlow
 			catalogWidth,
 			createFlowDisabled,
 			createFlowField,
-			flowBadges,
-			hrefForFlow: (flow) => hrefFor({
+			hrefForFlow: (flow, view = "design") => hrefFor({
 				flowId: flow.flowId,
-				view: "design"
+				view
 			}),
 			initializing,
 			language,
@@ -7085,7 +7385,7 @@ function Workbench({ importRef, catalogWidth, createFlow, importFlow, createFlow
 		})
 	});
 }
-var Session = forwardRef(function Session({ catalogWidth, createFlow, importFlow, createFlowDisabled, createFlowField, flowBadges, connectionHref, host, hrefFor, language, location, onConfigureConnector, onManageConnectorAccess, onLanguageChange, onNavigate, onFlowNameChange, preferences, sessionKey, theme, variables = true }, ref) {
+var Session = forwardRef(function Session({ catalogWidth, createFlow, importFlow, createFlowDisabled, createFlowField, connectionHref, host, hrefFor, language, location, onConfigureConnector, onManageConnectorAccess, onLanguageChange, onNavigate, onFlowNameChange, preferences, sessionKey, theme, variables = true }, ref) {
 	const importRef = useRef(null);
 	useImperativeHandle(ref, () => ({ openImport: (input) => importRef.current?.openImport(input) ?? "unavailable" }), []);
 	const navigate = useRef(onNavigate);
@@ -7157,7 +7457,6 @@ var Session = forwardRef(function Session({ catalogWidth, createFlow, importFlow
 						importFlow,
 						createFlowDisabled,
 						createFlowField,
-						flowBadges,
 						connectionHref,
 						hrefFor,
 						initializing: !started,