@oomol-lab/open-flow 0.1.0-beta.50 → 0.1.0-beta.51

package/dist/browser/ui.css

@@ -1144,6 +1144,10 @@
     margin-left: -1px;
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .ml-2 {
+    margin-left: calc(var(--spacing) * 2);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .ml-4 {
     margin-left: calc(var(--spacing) * 4);
   }
@@ -1388,6 +1392,10 @@
     max-height: calc(var(--spacing) * 40);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .max-h-48 {
+    max-height: calc(var(--spacing) * 48);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .max-h-56 {
     max-height: calc(var(--spacing) * 56);
   }
@@ -1416,6 +1424,10 @@
     max-height: calc(100dvh - 32px);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .max-h-\[min\(40vh\,280px\)\] {
+    max-height: min(40vh, 280px);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .max-h-\[min\(60dvh\,480px\)\] {
     max-height: min(60dvh, 480px);
   }
@@ -2988,6 +3000,10 @@
     text-decoration-line: underline;
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .underline-offset-2 {
+    text-underline-offset: 2px;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .underline-offset-4 {
     text-underline-offset: 4px;
   }
@@ -4837,6 +4853,10 @@
   }
 
   @media (min-width: 48rem) {
+    :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .md\:grid-cols-2 {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
     :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .md\:text-sm {
       font-size: var(--ui-font-size);
       line-height: var(--tw-leading, var(--text-sm--line-height));

package/dist/browser/ui.js

@@ -12112,12 +12112,13 @@ function Dialog$1(props) {
 		...props
 	});
 }
-function DialogTrigger$1(props) {
+var DialogTrigger$1 = React.forwardRef(function DialogTrigger(props, ref) {
 	return /* @__PURE__ */ jsx(DialogTrigger$2, {
 		"data-slot": "dialog-trigger",
-		...props
+		...props,
+		ref
 	});
-}
+});
 function DialogPortal(props) {
 	return /* @__PURE__ */ jsx(DialogPortal$1, {
 		"data-slot": "dialog-portal",

package/dist/browser/workbench-contract.d.ts

@@ -43,6 +43,7 @@ export interface WorkbenchHost {
 export interface WorkbenchLocation {
     /** Runs-only source filter. Hosts treat unknown URL values as absent. */
     readonly runSource?: 'draft' | 'live';
+    readonly runId?: string;
     readonly flowId?: string;
     readonly view: WorkbenchView;
 }

package/dist/browser/workbench.css

@@ -1911,6 +1911,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     margin-left: -1px;
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .ml-2 {
+    margin-left: calc(var(--spacing) * 2);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .ml-4 {
     margin-left: calc(var(--spacing) * 4);
   }
@@ -2155,6 +2159,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     max-height: calc(var(--spacing) * 40);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .max-h-48 {
+    max-height: calc(var(--spacing) * 48);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .max-h-56 {
     max-height: calc(var(--spacing) * 56);
   }
@@ -2183,6 +2191,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     max-height: calc(100dvh - 32px);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .max-h-\[min\(40vh\,280px\)\] {
+    max-height: min(40vh, 280px);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .max-h-\[min\(60dvh\,480px\)\] {
     max-height: min(60dvh, 480px);
   }
@@ -3755,6 +3767,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     text-decoration-line: underline;
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .underline-offset-2 {
+    text-underline-offset: 2px;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .underline-offset-4 {
     text-underline-offset: 4px;
   }
@@ -5604,6 +5620,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   }
 
   @media (min-width: 48rem) {
+    :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .md\:grid-cols-2 {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
     :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .md\:text-sm {
       font-size: var(--ui-font-size);
       line-height: var(--tw-leading, var(--text-sm--line-height));

package/dist/browser/workbench.js

@@ -1,7 +1,7 @@
-import { $t as EmptyTitle, An as connectorActionMetadata, At as flowDependencies, Bn as IconThemeContext, Ct as resetInputValues, Dt as setTriggerConnection, Et as setInputSources, F as deriveAddNodeOptions, Fn as string, Ft as PopoverContent, G as resourceValue, Gt as InputGroup, H as Resource, In as providerIconAppearance, Jt as Empty, K as designerGraph, Kt as InputGroupAddon, L as feishuResourceKind, Ln as ApiError, Mn as invalidResponse, Mt as followWorkbenchLink, Nn as jsonValue, Nt as Switch, Ot as updateTriggerConfig, P as addNodeIntent, Pn as record, Pt as Popover, Qt as EmptyMedia, R as supportsFeishuChatFilter, Rn as controlErrorCode, Rt as PopoverTitle, St as repairNodeNames, Tn as isJsonObject, Tt as setConnectorConnection, V as scopedValue, W as resourceData, X as providerIcon, Xt as EmptyDescription, Yt as EmptyContent, Zt as EmptyHeader, _ as updateTaskAdditionalInputs, _n as WorkbenchClient, _t as setComment, a as deleteSelection, at as Latest, b as updateWebhook, bt as setNodePositions, c as setInputVariable, d as updateNodeIcon, dt as actionWithConnections, en as EventSourcesPage, f as updateNodeName, ft as connectionCatalog, g as updateTask, gn as errorNotice, gt as restoreCanvasPresentation, h as updateSubflow, ht as removeComments, i as createResource, it as revisionView, jn as inputValue, jt as IdTooltip, kn as connection, kt as updateTriggerSchedule, l as updateCondition, m as updateResolution, mt as commentIds, o as nameCreatedNodes, ot as deriveInspectorDiagnostics, p as updateNodeSettings, pt as canvasPresentationChange, qt as InputGroupInput, r as applyFlowChanges, rn as createI18n, s as setInputValue, st as diagnosticItems, t as addNode, tt as RunStore, u as updateNodeDescription, v as updateTaskPorts, vn as randomId, vt as setFlowViewport, wn as triggerOutputDefinitions, wt as setCodeActions, xn as decodeTriggerCatalog, xt as targetPresentation, y as updateValue, yn as allConnectorConnectionsQuery, yt as setNodeContentHidden, z as combineSources, zt as PopoverTrigger } from "./flowChanges-DbYrpHnS.js";
+import { $t as EmptyTitle, An as connection, At as flowDependencies, Ct as resetInputValues, Dt as setTriggerConnection, En as isJsonObject, Et as setInputSources, F as deriveAddNodeOptions, Fn as record, Ft as PopoverContent, G as resourceValue, Gt as InputGroup, H as Resource, In as string, Jt as Empty, K as designerGraph, Kt as InputGroupAddon, L as feishuResourceKind, Ln as providerIconAppearance, Mn as inputValue, Mt as followWorkbenchLink, Nn as invalidResponse, Nt as Switch, Ot as updateTriggerConfig, P as addNodeIntent, Pn as jsonValue, Pt as Popover, Qt as EmptyMedia, R as supportsFeishuChatFilter, Rn as ApiError, Rt as PopoverTitle, St as repairNodeNames, Tn as triggerOutputDefinitions, Tt as setConnectorConnection, V as scopedValue, Vn as IconThemeContext, W as resourceData, X as providerIcon, Xt as EmptyDescription, Yt as EmptyContent, Zt as EmptyHeader, _ as updateTaskAdditionalInputs, _n as WorkbenchClient, _t as setComment, a as deleteSelection, at as Latest, b as updateWebhook, bt as setNodePositions, c as setInputVariable, d as updateNodeIcon, dt as actionWithConnections, en as EventSourcesPage, f as updateNodeName, ft as connectionCatalog, g as updateTask, gn as errorNotice, gt as restoreCanvasPresentation, h as updateSubflow, ht as removeComments, i as createResource, it as revisionView, jn as connectorActionMetadata, jt as IdTooltip, kt as updateTriggerSchedule, l as updateCondition, m as updateResolution, mt as commentIds, o as nameCreatedNodes, ot as deriveInspectorDiagnostics, p as updateNodeSettings, pt as canvasPresentationChange, qt as InputGroupInput, r as applyFlowChanges, rn as createI18n, s as setInputValue, st as diagnosticItems, t as addNode, tt as RunStore, u as updateNodeDescription, v as updateTaskPorts, vn as randomId, vt as setFlowViewport, wn as sampleErrorOutputs, wt as setCodeActions, xn as decodeTriggerCatalog, xt as targetPresentation, y as updateValue, yn as allConnectorConnectionsQuery, yt as setNodeContentHidden, z as combineSources, zn as controlErrorCode, zt as PopoverTrigger } from "./flowChanges-BWSXSnMX.js";
 import { a as derive, i as compute, l as val } from "./dist-bO8nvHFH.js";
 import { a as useVal, i as useTranslate, r as useLang, t as I18nProvider } from "./main-BPABKzwN.js";
-import { D as FlowChangeError, E as FieldLabel, Fr as Button, L as mapConditionSources, Lr as cn, Mn as Input, N as portsByHandle, O as applyFlowChanges$1, P as resourceNameIssue, R as nodeInputMappings, S as Field, T as FieldGroup, a as DialogContent, c as DialogHeader, d as Tooltip, f as TooltipContent, i as DialogClose, l as DialogTitle, m as TooltipTrigger, n as Icon, o as DialogDescription, q as dequal$1, r as Dialog, s as DialogFooter, t as WorkbenchSelect, w as FieldError, x as Spinner } from "./workbenchSelect-oVujN2z6.js";
+import { D as FlowChangeError, E as FieldLabel, Fr as Button, L as mapConditionSources, Lr as cn, Mn as Input, N as portsByHandle, O as applyFlowChanges$1, P as resourceNameIssue, R as nodeInputMappings, S as Field, T as FieldGroup, a as DialogContent, c as DialogHeader, d as Tooltip, f as TooltipContent, i as DialogClose, l as DialogTitle, m as TooltipTrigger, n as Icon, o as DialogDescription, q as dequal$1, r as Dialog, s as DialogFooter, t as WorkbenchSelect, w as FieldError, x as Spinner } from "./workbenchSelect-C9kwcUmN.js";
 import { a as toPlainObject } from "./dist-BDBTOgS5.js";
 import { c as isUiLanguage, d as uiLanguages, l as resolveUiLanguage, u as uiLanguageNames } from "./value-DL_poNiC.js";
 import { Suspense, lazy, useEffect, useRef, useState } from "react";
@@ -68,6 +68,9 @@ var NavigationStore = class {
 		this.#store = store;
 		this.#view.set(location.view);
 	}
+	get runId() {
+		return this.#location.view == "runs" ? this.#location.runId : void 0;
+	}
 	get runSource() {
 		return this.#location.view == "runs" ? this.#location.runSource : void 0;
 	}
@@ -155,15 +158,19 @@ var NavigationStore = class {
 	#sync;
 	#write(view, replace, options = this.#location) {
 		const flowId = this.#store.workspace.$.flowId.value;
-		const { runSource } = options;
+		const { runSource, runId } = options;
 		const location = {
 			flowId,
 			view: flowId == null ? "design" : view,
-			...flowId != null && view == "runs" && runSource != null ? { runSource } : {}
+			...flowId != null && view == "runs" && runSource != null ? { runSource } : {},
+			...flowId != null && view == "runs" && runId != null ? { runId } : {}
 		};
 		if (this.#ready.value && this.#view.value == "runs" && location.view == "runs") {
 			const filter = this.#store.runs.$.filter.value;
-			if (filter.source != location.runSource) this.#store.runs.applyFilter({
+			if (filter.source != location.runSource || filter.runId != location.runId) this.#store.runs.applyFilter(location.runId != filter.runId ? {
+				source: location.runSource,
+				runId: location.runId
+			} : {
 				...filter,
 				source: location.runSource
 			});
@@ -176,7 +183,7 @@ var NavigationStore = class {
 	}
 };
 function sameLocation(left, right) {
-	return left.flowId == right.flowId && left.view == right.view && left.runSource == right.runSource;
+	return left.flowId == right.flowId && left.view == right.view && left.runSource == right.runSource && left.runId == right.runId;
 }
 //#endregion
 //#region src/ui/browser/skeleton.tsx
@@ -189,7 +196,7 @@ function Skeleton({ className, ...props }) {
 }
 //#endregion
 //#region src/workbench/browser/runtime/shell/resourceBrowser.tsx
-var CreateResourceDialog = lazy(() => import("./createResourceDialog-CSltk-qY.js"));
+var CreateResourceDialog = lazy(() => import("./createResourceDialog-BDtXpRSt.js"));
 var languageOptions = uiLanguages.map((language) => ({
 	label: uiLanguageNames[language],
 	value: language
@@ -234,6 +241,56 @@ function formatUpdatedAt(updatedAt, locale) {
 function clickedRowControl(event) {
 	return event.target instanceof Element && event.target.closest(rowControlSelector) != null;
 }
+function FlowDeletionImpact({ listeners, failed, onRetry }) {
+	const t = useTranslate();
+	if (failed) return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ jsx("p", {
+			role: "alert",
+			className: "text-sm text-destructive",
+			children: t("sidebar.listenersFailed")
+		}), /* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			size: "sm",
+			onClick: onRetry,
+			children: t("errorWorkflow.retry")
+		})]
+	});
+	if (listeners == null) return /* @__PURE__ */ jsx("p", {
+		role: "status",
+		className: "text-sm text-muted-foreground",
+		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", {
+				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",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "font-medium",
+							children: listener.flowName
+						}),
+						" / ",
+						listener.nodeName,
+						!listener.enabled && /* @__PURE__ */ jsx("span", {
+							className: "ml-2 text-muted-foreground",
+							children: t("sidebar.listenerDisabled")
+						})
+					]
+				}, `${listener.flowId}/${listener.nodeId}`))
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground",
+				children: t("sidebar.listenersImpact")
+			})
+		]
+	});
+}
 function FlowItem({ badge, busy, flow, href, onSelect, store }) {
 	const [root, setRoot] = useState(null);
 	const renameAnchor = useRef(null);
@@ -244,6 +301,26 @@ function FlowItem({ badge, busy, flow, href, onSelect, store }) {
 	const t = useTranslate();
 	const [mode, setMode] = useState("idle");
 	const [name, setName] = useState(flow.name);
+	const [listeners, setListeners] = useState();
+	const [listenersFailed, setListenersFailed] = useState(false);
+	const [listenersRetry, setListenersRetry] = 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);
+		}, () => {
+			if (!controller.signal.aborted) setListenersFailed(true);
+		});
+		return () => controller.abort();
+	}, [
+		mode,
+		flow.flowId,
+		store,
+		listenersRetry
+	]);
 	const [pending, setPending] = useState();
 	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";
@@ -496,18 +573,26 @@ function FlowItem({ badge, busy, flow, href, onSelect, store }) {
 					initialFocus: cancelDelete,
 					finalFocus: deleteButton,
 					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__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(DialogClose, {
-						render: /* @__PURE__ */ jsx(Button, {
-							ref: cancelDelete,
-							variant: "outline"
+					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)
 						}),
-						children: t("common.cancel")
-					}), /* @__PURE__ */ jsx(Button, {
-						disabled: busy != null,
-						onClick: () => void remove(),
-						variant: "destructive",
-						children: t(busy == "flow" ? "common.deleting" : "common.delete")
-					})] })]
+						/* @__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")
+						})] })
+					]
 				})
 			})
 		]
@@ -1456,6 +1541,7 @@ function inputSpecs(draft, triggerId) {
 			if (resolved.trigger.kind == "manual" || resolved.trigger.kind == "cron") return [];
 			return [{
 				definitions: triggerOutputDefinitions(resolved.trigger),
+				samples: resolved.trigger.kind == "error" ? sampleErrorOutputs : void 0,
 				nodeId,
 				title: resolved.trigger.name
 			}];
@@ -1467,6 +1553,7 @@ function inputSpecs(draft, triggerId) {
 		}, port.description == null ? {} : { description: port.description }));
 		return definitions.length == 0 ? [] : [{
 			definitions,
+			samples: void 0,
 			nodeId,
 			title: nodeTitle(resolved)
 		}];
@@ -1483,7 +1570,8 @@ async function inputGroups(specs, language, values) {
 	const { FlowRunInputEditorStore } = await import("./flowRunInputEditorStore-Dsxyfwae.js").then((n) => n.t);
 	return specs.map((group) => {
 		const editor = new FlowRunInputEditorStore(group.definitions, language);
-		if (values?.[group.nodeId] != null) editor.replaceValues(values[group.nodeId]);
+		const initial = values?.[group.nodeId] ?? group.samples;
+		if (initial != null) editor.replaceValues(initial);
 		return {
 			editor,
 			nodeId: group.nodeId,
@@ -1495,7 +1583,9 @@ function groupValues(groups) {
 	return Object.fromEntries(groups.map((group) => [group.nodeId, group.editor.values()]));
 }
 function testOutputs(revision, triggerId) {
-	return (revisionView(revision).graph({ kind: "flow" })?.nodes[triggerId])?.kind === "cron" ? { scheduledAt: (/* @__PURE__ */ new Date()).toISOString() } : {};
+	const node = revisionView(revision).graph({ kind: "flow" })?.nodes[triggerId];
+	if (node?.kind == "error") return sampleErrorOutputs;
+	return node?.kind === "cron" ? { scheduledAt: (/* @__PURE__ */ new Date()).toISOString() } : {};
 }
 function runValues(groups, triggerId, revision) {
 	return {
@@ -3440,6 +3530,13 @@ function inverseFlowChanges(content, operations) {
 				});
 				break;
 			}
+			case "graph.trigger.sources.set":
+				restore.push({
+					...operation,
+					before: operation.value,
+					value: operation.before
+				});
+				break;
 			case "binding.target.set":
 				restore.push({
 					...operation,
@@ -3595,8 +3692,9 @@ function pasteNodes(revision, target, clipboard, identity) {
 		nodeIds: [],
 		sourceIds: []
 	};
+	const hasErrorTrigger = Object.values(revision.graph(target)?.nodes ?? {}).some((node) => node.kind === "error");
 	const hasManualTrigger = Object.values(revision.graph(target)?.nodes ?? {}).some((node) => node.kind === "manual");
-	const entries = Object.entries(clipboard.nodes).filter(([, node]) => (target.kind == "flow" || "inputs" in node) && (node.kind !== "manual" || !hasManualTrigger) && (node.kind != "task" || node.task == null || clipboard.modules[node.task.moduleId] != null));
+	const entries = Object.entries(clipboard.nodes).filter(([, node]) => (target.kind == "flow" || "inputs" in node) && (node.kind !== "manual" || !hasManualTrigger) && (node.kind !== "error" || !hasErrorTrigger) && (node.kind != "task" || node.task == null || clipboard.modules[node.task.moduleId] != null));
 	const sourceIds = entries.map(([sourceId]) => sourceId);
 	const ids = new Map(sourceIds.map((sourceId) => [sourceId, identity()]));
 	const operations = [];
@@ -4848,6 +4946,9 @@ var WorkspaceStore = class {
 			this.#set({ busy: void 0 });
 		}
 	}
+	getErrorListeners(flowId, signal) {
+		return this.#client.getErrorListeners(flowId, signal);
+	}
 	async deleteFlow(flowId) {
 		if (!await this.saveModuleEditor()) return false;
 		const flow = this.#flows.flow(flowId);
@@ -5048,6 +5149,16 @@ var WorkspaceStore = class {
 		this.copySelectedNodes();
 		await this.pasteNodes(positions, offset);
 	}
+	async saveErrorSources(nodeId, value) {
+		const node = this.$.revision.value?.graph({ kind: "flow" })?.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;
 		const target = this.#model.value.target;
@@ -6118,7 +6229,7 @@ var WorkbenchStore = class {
 };
 //#endregion
 //#region src/workbench/browser/runtime/openFlowWorkbench.tsx
-var FlowWorkspace = lazy(() => import("./flowWorkspace-CjwpbVBR.js"));
+var FlowWorkspace = lazy(() => import("./flowWorkspace-DBaq2Eks.js"));
 function OpenFlowSessionGate({ action, description, error, onSubmit, onTokenChange, pending = false, title, token, tokenLabel }) {
 	const hasToken = token != null && tokenLabel != null && onTokenChange != null;
 	const tokenValue = token ?? "";

package/dist/browser/{workbenchSelect-oVujN2z6.js → workbenchSelect-C9kwcUmN.js}

@@ -20688,6 +20688,7 @@ var endpoint = object({
 	])),
 	successStatus: number()
 });
+var sourceFlowIds = array(text.min(1)).refine((ids) => new Set(ids).size === ids.length, "Duplicate source Flow ID.");
 var trigger = {
 	name: text,
 	description: text.optional(),
@@ -20745,6 +20746,11 @@ var node = union([
 		...trigger,
 		kind: literal("manual")
 	}),
+	strictObject({
+		...trigger,
+		kind: literal("error"),
+		sourceFlowIds: sourceFlowIds.optional()
+	}),
 	object({
 		...trigger,
 		kind: literal("webhook"),
@@ -20816,7 +20822,11 @@ var document$1 = object({
 	tasks: record(text, managed)
 });
 var revision = object({
-	modelVersion: union([literal(2), literal(4)]),
+	modelVersion: union([
+		literal(2),
+		literal(4),
+		literal(5)
+	]),
 	document: document$1,
 	modules: record(text, module$1)
 });
@@ -20826,9 +20836,16 @@ revision.extend({
 });
 function decodeRevisionContent(value) {
 	checkJsonDepth(value);
-	return revision.parse(value);
+	const content = revision.parse(value);
+	checkErrorModelVersion(content);
+	return content;
 }
 var shapes = {
+	"graph.trigger.sources.set": {
+		nodeId: text,
+		before: sourceFlowIds.optional(),
+		value: sourceFlowIds.optional()
+	},
 	"binding.create": {
 		bindingId: text,
 		binding
@@ -21002,6 +21019,9 @@ array(union([...new Map(Object.entries(shapes).map(([kind, shape]) => [kind, sha
 	kind: literal(kind),
 	...shape
 })])).values()])).min(1);
+function checkErrorModelVersion(content) {
+	if (content.modelVersion < 5 && [content.document.graph, ...Object.values(content.document.subflows).map((item) => item.graph)].some((item) => Object.values(item.nodes).some((itemNode) => itemNode.kind == "error"))) throw new TypeError("Error workflows require Flow model version 5.");
+}
 //#endregion
 //#region src/flow/common/condition.ts
 var otherwiseOutput = "otherwise";
@@ -21385,6 +21405,25 @@ function applyFlowChanges(content, operations) {
 	const document = { ...content.document };
 	const modules = { ...content.modules };
 	for (const operation of operations) switch (operation.kind) {
+		case "graph.trigger.sources.set": {
+			const graph = document.graph;
+			const node = graph.nodes[operation.nodeId];
+			if (node?.kind != "error") invalid("The Error Trigger does not exist.");
+			if (!dequal(node.sourceFlowIds, operation.before)) invalid("The Error Trigger sources changed before this operation was applied.");
+			const { sourceFlowIds: _, ...base } = node;
+			const updated = operation.value == null ? base : {
+				...base,
+				sourceFlowIds: operation.value
+			};
+			document.graph = {
+				...graph,
+				nodes: {
+					...graph.nodes,
+					[operation.nodeId]: updated
+				}
+			};
+			break;
+		}
 		case "binding.create":
 			if (document.bindings[operation.bindingId] != null) invalid("A Binding with this ID already exists.");
 			document.bindings = {
@@ -21475,6 +21514,7 @@ function applyFlowChanges(content, operations) {
 			const graph = selectedGraph(document, operation.target);
 			if (graph.nodes[operation.nodeId] != null) invalid("A Node with this ID already exists in the target graph.");
 			if (operation.target.kind == "subflow" && !("inputs" in operation.node)) invalid("Trigger Nodes cannot be created inside a Subflow.");
+			if (operation.node.kind == "error" && Object.values(graph.nodes).some((node) => node.kind == "error")) invalid("A graph can contain only one Error Trigger.");
 			if (operation.node.kind == "manual" && Object.values(graph.nodes).some((node) => node.kind == "manual")) invalid("A graph can contain only one manual Trigger.");
 			if (operation.node.kind == "task" && operation.node.task?.capabilities !== void 0) decodeConnectorCapabilities(operation.node.task.capabilities);
 			if (operation.node.name == null) invalid("A Node name cannot be empty.");
@@ -21854,7 +21894,7 @@ function applyFlowChanges(content, operations) {
 	}
 	return {
 		document,
-		modelVersion: 4,
+		modelVersion: 5,
 		modules
 	};
 }
@@ -23053,12 +23093,13 @@ function Dialog(props) {
 		...props
 	});
 }
-function DialogTrigger(props) {
+var DialogTrigger = React.forwardRef(function DialogTrigger(props, ref) {
 	return /* @__PURE__ */ jsx(DialogTrigger$1, {
 		"data-slot": "dialog-trigger",
-		...props
+		...props,
+		ref
 	});
-}
+});
 function DialogPortal(props) {
 	return /* @__PURE__ */ jsx(DialogPortal$1, {
 		"data-slot": "dialog-portal",

package/dist/common/authoringExamples.d.ts

@@ -1,6 +1,7 @@
 import type { DraftOperation } from './draftOperations.js';
 declare const descriptions: {
     readonly manual: 'A Manual start node.';
+    readonly error: 'An Error Trigger. Publish and enable this Flow before selecting it as another Flow’s error workflow.';
     readonly webhook: 'A Webhook start node.';
     readonly cron: 'An hourly scheduled start node.';
     readonly poll: 'Gmail polling by key; replace CONNECTION_ID with an active Gmail connection.';
@@ -18,8 +19,8 @@ declare const descriptions: {
 };
 export declare const authoringExampleNames: (keyof typeof descriptions)[];
 export declare const authoringExamples: {
-    name: "agent" | "approval" | "code" | "condition" | "connector" | "cron" | "integration" | "llm-chat" | "llm-json" | "manual" | "poll" | "poll-notification" | "value" | "wait" | "webhook";
-    description: "A Connector Task and its node. Replace ACTION_ID, CONNECTION_ID and port definitions using connector_get / connector show." | "A JavaScript module and its node. Use Code for custom computation; use Connector Tasks for existing actions." | "A Manual start node." | "A Wait with a continue action and a built-in notification output." | "A Webhook start node." | "A condition with true and false execution branches." | "A fixed value node." | "An Agent with code computation enabled. Configure a model available in the deployment." | "An Approval with approve and reject decision branches and a built-in notification output." | "An LLM JSON Task and its node; configure a model available in the deployment." | "An LLM chat Task and its node; configure a model available in the deployment." | "An hourly scheduled start node." | "Gmail events → JavaScript text formatting → Connector notification. Replace connection/action IDs and match the notification input ports." | "Gmail polling by key; replace CONNECTION_ID with an active Gmail connection." | "Telegram webhook integration by key; replace CONNECTION_ID with an active Telegram connection.";
+    name: "agent" | "approval" | "code" | "condition" | "connector" | "cron" | "error" | "integration" | "llm-chat" | "llm-json" | "manual" | "poll" | "poll-notification" | "value" | "wait" | "webhook";
+    description: "A Connector Task and its node. Replace ACTION_ID, CONNECTION_ID and port definitions using connector_get / connector show." | "A JavaScript module and its node. Use Code for custom computation; use Connector Tasks for existing actions." | "A Manual start node." | "A Wait with a continue action and a built-in notification output." | "A Webhook start node." | "A condition with true and false execution branches." | "A fixed value node." | "An Agent with code computation enabled. Configure a model available in the deployment." | "An Approval with approve and reject decision branches and a built-in notification output." | "An Error Trigger. Publish and enable this Flow before selecting it as another Flow’s error workflow." | "An LLM JSON Task and its node; configure a model available in the deployment." | "An LLM chat Task and its node; configure a model available in the deployment." | "An hourly scheduled start node." | "Gmail events → JavaScript text formatting → Connector notification. Replace connection/action IDs and match the notification input ports." | "Gmail polling by key; replace CONNECTION_ID with an active Gmail connection." | "Telegram webhook integration by key; replace CONNECTION_ID with an active Telegram connection.";
 }[];
 export declare function authoringExample(name: string): {
     version: 1;