@oomol-lab/open-flow 0.1.0-beta.2 → 0.1.0-beta.20

package/dist/browser/workbench.js

@@ -1,13 +1,18 @@
-import { a as e, f as t, i as n } from "./dist-C46JByB-.js";
-import { a as r, i, s as a, t as o } from "./main-DmjVyuWr.js";
-import { At as s, It as c, Jn as l, Kn as u, Mt as d, Ot as f, Qn as p, Xn as m, Yn as h, Zn as g, er as _, jt as v } from "./getPseudoElementBounds-ESJExRFX.js";
-import { A as y, At as b, B as x, C as S, Ct as C, D as w, Dt as ee, E as T, Et as te, Ft as E, G as ne, H as D, I as O, K as re, Lt as k, M as A, Mt as ie, N as j, Nt as ae, O as M, Ot as oe, P as se, Pt as ce, R as N, Rt as P, S as le, Tt as ue, U as de, V as fe, W as pe, _ as me, a as F, b as he, c as ge, d as I, f as _e, g as ve, h as ye, i as be, j as L, jt as R, kt as xe, l as Se, m as Ce, n as we, p as Te, q as Ee, s as De, t as Oe, u as ke, v as Ae, w as je, wt as z, x as Me, y as Ne, z as B } from "./diagnostics-giPSzyMo.js";
-import { t as Pe } from "./workbenchSelect-B2s1HV-Y.js";
-import { a as V, i as Fe, n as Ie, r as Le } from "./languages-DgJehE1g.js";
-import { Suspense as Re, lazy as ze, useEffect as H, useRef as Be, useState as U } from "react";
-import { Fragment as Ve, jsx as W, jsxs as G } from "react/jsx-runtime";
+import { a as e, i as t, l as n } from "./dist-Dz6Nglsd.js";
+import { a as r, i, r as a, t as o } from "./main-BDnNHhkU.js";
+import { $ as s, $t as c, A as l, C as u, Ct as d, D as f, Dt as p, F as m, G as h, I as g, J as _, L as v, M as y, N as b, O as x, P as S, Q as C, Qt as w, R as T, S as E, St as D, T as O, Tt as ee, X as k, Zt as A, _ as j, _t as te, a as M, at as ne, b as re, bt as ie, c as ae, ct as oe, d as se, dt as ce, en as le, et as ue, f as de, ft as fe, g as pe, gt as me, h as he, ht as ge, it as _e, jt as ve, k as N, l as ye, lt as be, m as xe, mt as Se, o as Ce, ot as we, p as Te, pt as P, q as F, r as I, rt as Ee, s as De, st as Oe, t as ke, tn as L, tt as Ae, u as je, ut as Me, v as Ne, vt as Pe, w as Fe, x as Ie, xt as Le, y as Re, yt as ze, z as R } from "./flowChanges-jX3KYcb0.js";
+import { Y as Be, c as z, i as B, q as V } from "./useValueChanged-BY05Usw-.js";
+import { $t as Ve, An as He, C as Ue, Dn as We, E as Ge, Nt as Ke, On as qe, Pt as Je, Rt as Ye, S as Xe, T as Ze, Tn as Qe, b as $e, kn as et, l as H, t as tt, w as nt, x as rt, zt as U } from "./workbenchSelect-CwP6rphY.js";
+import { t as W } from "./i18n-CVBh0Ni1.js";
+import { i as it, n as at, r as ot, t as st } from "./languages-C0zQ4GSo.js";
+import { Suspense as ct, lazy as lt, useEffect as G, useRef as K, useState as q } from "react";
+import { Fragment as ut, jsx as J, jsxs as Y } from "react/jsx-runtime";
+import * as dt from "effect/Cause";
+import * as X from "effect/Effect";
+import * as ft from "effect/Exit";
+import * as pt from "effect/Fiber";
 //#region src/workbench/browser/runtime/navigation.ts
-var He = class {
+var mt = class {
 	#e;
 	#t;
 	#n;
@@ -17,10 +22,10 @@ var He = class {
 	#o;
 	#s;
 	#c;
-	constructor(e, n, r) {
-		this.#r = t("design"), this.#i = 0, this.#a = !1, this.#o = !1, this.#s = !1, this.#c = [], this.$ = { view: this.#r }, this.#l = () => {
+	constructor(e, t, r) {
+		this.#r = n("design"), this.#i = 0, this.#a = !1, this.#o = !1, this.#s = !1, this.#c = [], this.$ = { view: this.#r }, this.#l = () => {
 			this.#o && !this.#s && this.#u(this.#r.value, !0);
-		}, this.#t = n, this.#e = r, this.#n = e, this.#r.set(n.view);
+		}, this.#t = t, this.#e = r, this.#n = e, this.#r.set(t.view);
 	}
 	async start() {
 		let e = this.#t, t = ++this.#i;
@@ -66,7 +71,7 @@ var He = class {
 		this.#s = !0, await this.#n.selectFlow(void 0), e == this.#i && (this.#u("design", !1), this.#s = !1);
 	}
 	async apply(e) {
-		if (Ue(e, this.#t)) return;
+		if (ht(e, this.#t)) return;
 		this.#t = e;
 		let t = ++this.#i;
 		this.#s = !0;
@@ -78,53 +83,63 @@ var He = class {
 	}
 	#l;
 	#u(e, t) {
-		let n = {
-			flowId: this.#n.workspace.$.flowId.value,
-			view: e
+		let n = this.#n.workspace.$.flowId.value, r = {
+			flowId: n,
+			view: n == null ? "design" : e
 		};
-		Ue(n, this.#t) || (this.#t = n, this.#e(n, { replace: t })), this.#r.set(e);
+		ht(r, this.#t) || (this.#t = r, this.#e(r, { replace: t })), this.#r.set(r.view);
 	}
 };
-function Ue(e, t) {
+function ht(e, t) {
 	return e.flowId == t.flowId && e.view == t.view;
 }
 //#endregion
 //#region src/workbench/browser/runtime/shell/resourceBrowser.tsx
-var We = ze(() => import("./createResourceDialog-BkZns-oZ.js")), Ge = V.map((e) => ({
-	label: Fe[e],
+var gt = lt(() => import("./createResourceDialog-DlrAMxmo.js")), _t = it.map((e) => ({
+	label: ot[e],
 	value: e
 }));
-function Ke({ language: e, onLanguageChange: t }) {
-	let n = r(), [i, a] = U(null);
-	return t == null ? null : /* @__PURE__ */ G("div", {
+function vt({ language: e, onLanguageChange: t }) {
+	let n = i(), [r, a] = q(null);
+	return t == null ? null : /* @__PURE__ */ Y("div", {
 		className: "resource-language",
 		ref: a,
-		children: [/* @__PURE__ */ W("span", {
+		children: [/* @__PURE__ */ J("span", {
 			className: "sr-only",
 			children: n("language.label")
-		}), /* @__PURE__ */ W(Pe, {
+		}), /* @__PURE__ */ J(tt, {
 			ariaLabel: n("language.label"),
 			onValueChange: (e) => t(e),
-			options: Ge,
-			portalRoot: i,
+			options: _t,
+			portalRoot: r,
 			value: e
 		})]
 	});
 }
-function qe({ badge: e, busy: t, flow: n, href: a, onSelect: o, store: s }) {
-	let l = i(), u = r(), [d, m] = U("idle"), [h, y] = U(n.name), b = v(h);
-	async function x(e) {
+function yt({ badge: e, busy: t, flow: n, href: r, onSelect: o, store: s }) {
+	let [c, l] = q(null), u = K(null), f = K(null), m = K(null), h = a(), g = i(), [_, v] = q("idle"), [y, b] = q(n.name), [x, S] = q(), C = n.live != null && n.live.revisionId != n.draftRevisionId;
+	async function w(e) {
+		S(e == "publish" ? "publish" : "enabled");
+		try {
+			e == "publish" ? await s.workspace.publishFlow(n) : await s.workspace.setFlowEnabled(n, e);
+		} finally {
+			S(void 0);
+		}
+	}
+	let T = U(y);
+	async function E(e) {
 		e.preventDefault();
-		let t = h.trim();
-		v(t) == null && await s.workspace.renameFlow(n.flowId, t) && m("idle");
+		let t = y.trim();
+		U(t) == null && await s.workspace.renameFlow(n.flowId, t) && v("idle");
 	}
-	async function S() {
-		await s.workspace.deleteFlow(n.flowId) && m("idle");
+	async function D() {
+		await s.workspace.deleteFlow(n.flowId) && v("idle");
 	}
-	return /* @__PURE__ */ G("div", {
+	return /* @__PURE__ */ Y("div", {
 		className: "resource-item-row",
+		ref: l,
 		children: [
-			/* @__PURE__ */ G(p, {
+			/* @__PURE__ */ Y(V, {
 				"aria-disabled": n.status == "retiring",
 				className: "resource-list-row flow-columns",
 				nativeButton: !1,
@@ -133,310 +148,355 @@ function qe({ badge: e, busy: t, flow: n, href: a, onSelect: o, store: s }) {
 						e.preventDefault();
 						return;
 					}
-					C(e, () => o(n));
+					ce(e, () => o(n));
 				},
-				render: /* @__PURE__ */ W("a", { href: n.status == "retiring" ? void 0 : a }),
+				render: /* @__PURE__ */ J("a", { href: n.status == "retiring" ? void 0 : r }),
 				tabIndex: n.status == "retiring" ? -1 : void 0,
 				variant: "ghost",
 				children: [
-					/* @__PURE__ */ G("span", {
+					/* @__PURE__ */ Y("span", {
 						className: "resource-primary-cell",
-						children: [/* @__PURE__ */ W("span", {
+						children: [/* @__PURE__ */ J("span", {
 							className: "resource-icon",
-							children: /* @__PURE__ */ W(f, { name: "flow" })
-						}), /* @__PURE__ */ G("span", { children: [/* @__PURE__ */ G("span", {
+							children: /* @__PURE__ */ J(H, { name: "flow" })
+						}), /* @__PURE__ */ Y("span", { children: [/* @__PURE__ */ Y("span", {
 							className: "flex min-w-0 items-center gap-2",
-							children: [/* @__PURE__ */ W("strong", {
+							children: [/* @__PURE__ */ J("strong", {
 								className: "min-w-0 truncate",
 								children: n.name
-							}), e != null && /* @__PURE__ */ W(ce, {
+							}), e != null && /* @__PURE__ */ J(A, {
 								className: "min-w-0 shrink",
 								title: e,
 								variant: "secondary",
-								children: /* @__PURE__ */ W("span", {
+								children: /* @__PURE__ */ J("span", {
 									className: "truncate",
 									children: e
 								})
 							})]
-						}), /* @__PURE__ */ W("code", {
+						}), /* @__PURE__ */ J("code", {
 							translate: "no",
 							children: n.flowId
 						})] })]
 					}),
-					/* @__PURE__ */ W("time", {
+					/* @__PURE__ */ J("time", {
 						dateTime: n.updatedAt,
-						children: new Date(n.updatedAt).toLocaleString(l)
+						children: new Date(n.updatedAt).toLocaleString(h)
 					}),
-					/* @__PURE__ */ G("span", {
-						className: `resource-status ${n.status == "active" ? "active" : "warning"}`,
-						children: [/* @__PURE__ */ W("span", {
-							"aria-hidden": "true",
-							className: `status-dot ${n.status == "active" ? "success" : "running"}`
-						}), u(n.status == "active" ? "resource.active" : "resource.retiring")]
+					/* @__PURE__ */ J("span", {
+						className: "resource-status",
+						children: g(n.status == "retiring" ? "resource.retiring" : n.live == null ? "resource.notPublished" : C ? "resource.unpublishedChanges" : "resource.isPublished")
 					})
 				]
 			}),
-			n.status == "active" && /* @__PURE__ */ W(p, {
-				"aria-expanded": d != "idle",
-				"aria-label": u("sidebar.flowActions", { name: n.name }),
-				className: _("resource-row-more", d != "idle" && "active"),
-				disabled: t != null,
-				onClick: () => m(d == "idle" ? "actions" : "idle"),
-				size: "icon-sm",
-				variant: "ghost",
-				children: /* @__PURE__ */ W(f, { name: "more" })
+			/* @__PURE__ */ Y("div", {
+				className: "resource-live-controls",
+				"aria-busy": x != null,
+				children: [n.live == null ? /* @__PURE__ */ J("span", {
+					className: "resource-status",
+					title: g("resource.publishFirst"),
+					children: "—"
+				}) : /* @__PURE__ */ Y(He, {
+					className: "resource-enable",
+					title: g("resource.enabledHint"),
+					children: [/* @__PURE__ */ J(fe, {
+						"aria-label": g("resource.enableFlow", { name: n.name }),
+						checked: n.live?.enabled ?? !1,
+						disabled: n.status != "active" || n.live == null || t != null || x != null,
+						onCheckedChange: (e) => void w(e),
+						size: "sm"
+					}), /* @__PURE__ */ J("span", { children: g(n.live?.enabled ? "resource.enabled" : "resource.disabled") })]
+				}), /* @__PURE__ */ J(V, {
+					disabled: n.status != "active" || t != null || x != null || n.live != null && !C,
+					onClick: () => void w("publish"),
+					size: "sm",
+					variant: "outline",
+					children: g(x == "publish" ? "workspace.publishing" : n.live == null ? "resource.publish" : "resource.publishUpdate")
+				})]
 			}),
-			d == "actions" && /* @__PURE__ */ G("div", {
-				className: "resource-row-actions",
-				children: [/* @__PURE__ */ W(p, {
+			n.status == "active" && /* @__PURE__ */ Y(d, { children: [/* @__PURE__ */ J(ve, {
+				"aria-label": g("sidebar.flowActions", { name: n.name }),
+				disabled: t != null || x != null,
+				render: /* @__PURE__ */ J(V, {
+					className: "resource-row-more",
+					ref: u,
+					size: "icon-sm",
+					variant: "ghost",
+					children: /* @__PURE__ */ J(H, { name: "more" })
+				})
+			}), /* @__PURE__ */ Y(ee, {
+				align: "end",
+				className: "min-w-36",
+				container: c,
+				finalFocus: _ == "idle",
+				children: [/* @__PURE__ */ J(p, {
 					onClick: () => {
-						y(n.name), m("rename");
+						b(n.name), v("rename");
 					},
-					size: "sm",
-					variant: "outline",
-					children: u("common.rename")
-				}), /* @__PURE__ */ W(p, {
-					onClick: () => m("delete"),
-					size: "sm",
+					children: g("common.rename")
+				}), /* @__PURE__ */ J(p, {
+					onClick: () => v("delete"),
 					variant: "destructive",
-					children: u("common.delete")
+					children: g("common.delete")
 				})]
+			})] }),
+			/* @__PURE__ */ J($e, {
+				open: _ == "rename",
+				onOpenChange: (e) => {
+					e || v("idle");
+				},
+				children: /* @__PURE__ */ J(Xe, {
+					container: c,
+					initialFocus: f,
+					finalFocus: u,
+					closeLabel: g("common.cancel"),
+					children: /* @__PURE__ */ Y("form", {
+						className: "flex flex-col gap-4",
+						onSubmit: (e) => void E(e),
+						children: [
+							/* @__PURE__ */ J(Ze, { children: /* @__PURE__ */ J(Ge, { children: g("sidebar.renameFlow", { name: n.name }) }) }),
+							/* @__PURE__ */ Y(Qe, {
+								"data-invalid": y.length > 0 && T != null,
+								children: [
+									/* @__PURE__ */ J(et, {
+										htmlFor: `rename-flow-${n.flowId}`,
+										children: g("resource.flowName")
+									}),
+									/* @__PURE__ */ J(z, {
+										autoComplete: "off",
+										"aria-invalid": y.length > 0 && T != null,
+										"aria-describedby": y.length > 0 && T != null ? `rename-error-${n.flowId}` : void 0,
+										id: `rename-flow-${n.flowId}`,
+										name: "flow-name",
+										onChange: (e) => b(e.target.value),
+										ref: f,
+										required: !0,
+										value: y
+									}),
+									y.length > 0 && T != null && /* @__PURE__ */ J(We, {
+										id: `rename-error-${n.flowId}`,
+										children: g(`resource.nameIssue.${T}`, { max: 80 })
+									})
+								]
+							}),
+							/* @__PURE__ */ Y(nt, { children: [/* @__PURE__ */ J(rt, {
+								render: /* @__PURE__ */ J(V, { variant: "outline" }),
+								type: "button",
+								children: g("common.cancel")
+							}), /* @__PURE__ */ J(V, {
+								disabled: t != null || T != null,
+								type: "submit",
+								children: g("common.save")
+							})] })
+						]
+					})
+				})
 			}),
-			d == "rename" && /* @__PURE__ */ G("form", {
-				className: "resource-row-form",
-				onSubmit: (e) => void x(e),
-				children: [
-					/* @__PURE__ */ W(g, {
-						htmlFor: `rename-flow-${n.flowId}`,
-						children: u("sidebar.renameFlow", { name: n.name })
-					}),
-					/* @__PURE__ */ G("span", {
-						className: "resource-row-field",
-						children: [/* @__PURE__ */ W(c, {
-							autoComplete: "off",
-							"aria-invalid": h.length > 0 && b != null,
-							autoFocus: !0,
-							id: `rename-flow-${n.flowId}`,
-							name: "flow-name",
-							onChange: (e) => y(e.target.value),
-							required: !0,
-							value: h
-						}), h.length > 0 && b != null && /* @__PURE__ */ W("small", {
-							className: "resource-name-message error",
-							children: u(`resource.nameIssue.${b}`, { max: 80 })
-						})]
-					}),
-					/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W(p, {
-						onClick: () => m("idle"),
-						size: "sm",
-						variant: "outline",
-						children: u("common.cancel")
-					}), /* @__PURE__ */ W(p, {
-						disabled: t != null || b != null,
-						size: "sm",
-						type: "submit",
-						children: u("common.save")
-					})] })
-				]
-			}),
-			d == "delete" && /* @__PURE__ */ G("div", {
-				className: "resource-row-confirm",
-				role: "group",
-				"aria-label": u("sidebar.deleteFlow", { name: n.name }),
-				children: [/* @__PURE__ */ W("span", { children: /* @__PURE__ */ W("strong", { children: u("sidebar.deleteFlowConfirm", { name: n.name }) }) }), /* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W(p, {
-					onClick: () => m("idle"),
-					size: "sm",
-					variant: "outline",
-					children: u("common.cancel")
-				}), /* @__PURE__ */ W(p, {
-					disabled: t != null,
-					onClick: () => void S(),
-					size: "sm",
-					variant: "destructive",
-					children: u(t == "flow" ? "common.deleting" : "common.delete")
-				})] })]
+			/* @__PURE__ */ J($e, {
+				open: _ == "delete",
+				onOpenChange: (e) => {
+					e || v("idle");
+				},
+				children: /* @__PURE__ */ Y(Xe, {
+					container: c,
+					initialFocus: m,
+					finalFocus: u,
+					showCloseButton: !1,
+					children: [/* @__PURE__ */ Y(Ze, { children: [/* @__PURE__ */ J(Ge, { children: g("sidebar.deleteFlowConfirm", { name: n.name }) }), /* @__PURE__ */ J(Ue, { children: g("resource.deleteDescription") })] }), /* @__PURE__ */ Y(nt, { children: [/* @__PURE__ */ J(rt, {
+						render: /* @__PURE__ */ J(V, {
+							ref: m,
+							variant: "outline"
+						}),
+						children: g("common.cancel")
+					}), /* @__PURE__ */ J(V, {
+						disabled: t != null,
+						onClick: () => void D(),
+						variant: "destructive",
+						children: g(t == "flow" ? "common.deleting" : "common.delete")
+					})] })]
+				})
 			})
 		]
 	});
 }
-function Je() {
-	return /* @__PURE__ */ G("div", {
+function bt() {
+	return /* @__PURE__ */ Y("div", {
 		"aria-hidden": "true",
 		className: "resource-list-row resource-skeleton-row flow-columns",
 		children: [
-			/* @__PURE__ */ G("span", {
+			/* @__PURE__ */ Y("span", {
 				className: "resource-primary-cell",
-				children: [/* @__PURE__ */ W(z, { className: "size-8 shrink-0" }), /* @__PURE__ */ G("span", {
+				children: [/* @__PURE__ */ J(P, { className: "size-8 shrink-0" }), /* @__PURE__ */ Y("span", {
 					className: "resource-skeleton-copy",
-					children: [/* @__PURE__ */ W(z, { className: "h-3.5 w-36" }), /* @__PURE__ */ W(z, { className: "h-2.5 w-48 max-w-full" })]
+					children: [/* @__PURE__ */ J(P, { className: "h-3.5 w-36" }), /* @__PURE__ */ J(P, { className: "h-2.5 w-48 max-w-full" })]
 				})]
 			}),
-			/* @__PURE__ */ W(z, { className: "h-3 w-28" }),
-			/* @__PURE__ */ W(z, { className: "h-3 w-16" })
+			/* @__PURE__ */ J(P, { className: "h-3 w-28" }),
+			/* @__PURE__ */ J(P, { className: "h-3 w-16" })
 		]
 	});
 }
-function Ye({ createFlowDisabled: e, createFlowField: t, flowBadges: n, hrefForFlow: i, hostAction: o, hostTitle: s, language: c, onCreateFlow: l, onHostAction: u, onLanguageChange: d, onSelectFlow: m, store: h }) {
-	let g = r(), _ = a(h.workspace.$.busy), y = a(h.workspace.$.flowLoadFailed), x = a(h.workspace.$.flowLoadMoreFailed), S = a(h.workspace.$.flowLoading), C = a(h.workspace.$.flowLoadingMore), w = a(h.workspace.$.flowNextCursor), T = a(h.workspace.$.flows), E = a(h.workspace.$.flowTotal), [ne, D] = U(!1), [O, re] = U(""), [k, A] = U(""), j = O.trim().toLocaleLowerCase(), M = T.filter((e) => e.name.toLocaleLowerCase().includes(j));
-	async function se(e) {
+function xt({ catalogWidth: e, createFlowDisabled: t, createFlowField: n, flowBadges: a, hrefForFlow: o, hostAction: s, hostTitle: c, language: l, onCreateFlow: u, onHostAction: d, onLanguageChange: f, onSelectFlow: p, store: m }) {
+	let h = i(), g = r(m.workspace.$.busy), _ = r(m.workspace.$.flowLoadFailed), v = r(m.workspace.$.flowLoadMoreFailed), y = r(m.workspace.$.flowLoading), b = r(m.workspace.$.flowLoadingMore), x = r(m.workspace.$.flowNextCursor), S = r(m.workspace.$.flowRefreshing), C = r(m.workspace.$.flows), w = r(m.workspace.$.flowTotal), [T, E] = q(!1), [O, ee] = q(""), [k, A] = q(""), j = O.trim().toLocaleLowerCase(), M = C.filter((e) => e.name.toLocaleLowerCase().includes(j));
+	async function ne(e) {
 		e.preventDefault();
 		let t = k.trim();
-		v(t) != null || !await l(t) || (D(!1), A(""));
+		U(t) != null || !await u(t) || (E(!1), A(""));
 	}
-	return /* @__PURE__ */ W("main", {
+	return /* @__PURE__ */ J("main", {
 		className: "resource-browser",
-		children: /* @__PURE__ */ G("div", {
-			className: "resource-page",
+		children: /* @__PURE__ */ Y("div", {
+			className: Be("resource-page", e != "default" && "resource-page-full"),
 			children: [
-				/* @__PURE__ */ G("header", {
-					className: "resource-page-header",
-					children: [/* @__PURE__ */ W("div", {
-						className: "resource-heading",
-						children: /* @__PURE__ */ W("h1", { children: g("resource.flows") })
-					}), /* @__PURE__ */ G("div", {
-						className: "resource-page-actions",
-						children: [
-							/* @__PURE__ */ W(Ke, {
-								language: c,
-								onLanguageChange: d
-							}),
-							/* @__PURE__ */ G(p, {
-								disabled: _ != null,
-								onClick: () => D(!0),
-								children: [/* @__PURE__ */ W(f, {
-									"data-icon": "inline-start",
-									name: "plus"
-								}), g("resource.newFlow")]
-							}),
-							o != null && s != null && u != null && /* @__PURE__ */ W(Ee, {
-								action: o,
-								onAction: u,
-								title: s
-							})
-						]
-					})]
+				/* @__PURE__ */ J("h1", {
+					className: "sr-only",
+					children: h("resource.flows")
 				}),
-				/* @__PURE__ */ G("section", {
+				/* @__PURE__ */ Y("section", {
 					"aria-labelledby": "flow-list-title",
 					className: "resource-list-section",
 					children: [
-						/* @__PURE__ */ G("div", {
+						/* @__PURE__ */ Y("div", {
 							className: "resource-list-title",
-							children: [/* @__PURE__ */ G("div", {
+							children: [/* @__PURE__ */ Y("div", {
 								className: "resource-list-heading",
-								children: [/* @__PURE__ */ W("h2", {
+								children: [/* @__PURE__ */ J("h2", {
 									id: "flow-list-title",
-									children: g("resource.allFlows")
-								}), !S && /* @__PURE__ */ W("span", { children: g("resource.flowCount", { count: E ?? T.length }) })]
-							}), /* @__PURE__ */ G("div", {
+									children: h("resource.allFlows")
+								}), !y && /* @__PURE__ */ J("span", { children: h("resource.flowCount", { count: w ?? C.length }) })]
+							}), /* @__PURE__ */ Y("div", {
 								className: "resource-list-actions",
-								children: [/* @__PURE__ */ G(ue, {
-									className: "w-full sm:w-56",
-									children: [/* @__PURE__ */ W(te, { children: /* @__PURE__ */ W(f, {
-										name: "search",
-										size: 17
-									}) }), /* @__PURE__ */ W(ee, {
-										autoComplete: "off",
-										"aria-label": g("resource.searchFlows"),
-										name: "flow-search",
-										onChange: (e) => re(e.target.value),
-										placeholder: g("resource.searchFlows"),
-										value: O
-									})]
-								}), /* @__PURE__ */ W(p, {
-									"aria-label": g("common.refresh"),
-									disabled: S || _ != null,
-									onClick: () => void h.workspace.reloadFlows(),
-									size: "icon",
-									title: g("common.refresh"),
-									variant: "outline",
-									children: /* @__PURE__ */ W(f, { name: "refresh" })
-								})]
+								children: [
+									/* @__PURE__ */ J(vt, {
+										language: l,
+										onLanguageChange: f
+									}),
+									/* @__PURE__ */ Y(Se, {
+										className: "w-full sm:w-56",
+										children: [/* @__PURE__ */ J(ge, { children: /* @__PURE__ */ J(H, {
+											name: "search",
+											size: 17
+										}) }), /* @__PURE__ */ J(me, {
+											autoComplete: "off",
+											"aria-label": h("resource.searchFlows"),
+											name: "flow-search",
+											onChange: (e) => ee(e.target.value),
+											placeholder: h("resource.searchFlows"),
+											value: O
+										})]
+									}),
+									/* @__PURE__ */ J(V, {
+										"aria-label": h("common.refresh"),
+										disabled: y || S || g != null,
+										onClick: () => void m.workspace.reloadFlows(),
+										size: "icon",
+										title: h("common.refresh"),
+										variant: "outline",
+										children: /* @__PURE__ */ J(H, {
+											className: S ? "animate-spin" : void 0,
+											name: "refresh"
+										})
+									}),
+									/* @__PURE__ */ Y(V, {
+										className: "resource-page-primary-action",
+										disabled: g != null,
+										onClick: () => E(!0),
+										children: [/* @__PURE__ */ J(H, {
+											"data-icon": "inline-start",
+											name: "plus"
+										}), h("resource.newFlow")]
+									}),
+									s != null && c != null && d != null && /* @__PURE__ */ J(Me, {
+										action: s,
+										onAction: d,
+										title: c
+									})
+								]
 							})]
 						}),
-						/* @__PURE__ */ G("div", {
+						/* @__PURE__ */ Y("div", {
 							"aria-hidden": "true",
 							className: "resource-list-columns flow-columns",
 							children: [
-								/* @__PURE__ */ W("span", { children: g("resource.name") }),
-								/* @__PURE__ */ W("span", { children: g("resource.updated") }),
-								/* @__PURE__ */ W("span", { children: g("resource.status") })
+								/* @__PURE__ */ J("span", { children: h("resource.name") }),
+								/* @__PURE__ */ J("span", { children: h("resource.updated") }),
+								/* @__PURE__ */ J("span", { children: h("resource.publication") }),
+								/* @__PURE__ */ J("span", { children: h("resource.enabledColumn") })
 							]
 						}),
-						/* @__PURE__ */ W("div", {
+						/* @__PURE__ */ J("div", {
 							className: "resource-list",
-							children: S ? Array.from({ length: 5 }, (e, t) => /* @__PURE__ */ W(Je, {}, t)) : y ? /* @__PURE__ */ G(oe, {
+							children: y ? Array.from({ length: 5 }, (e, t) => /* @__PURE__ */ J(bt, {}, t)) : _ ? /* @__PURE__ */ Y(te, {
 								className: "min-h-64",
 								role: "alert",
-								children: [/* @__PURE__ */ G(R, { children: [
-									/* @__PURE__ */ W(ie, {
+								children: [/* @__PURE__ */ Y(ie, { children: [
+									/* @__PURE__ */ J(Le, {
 										variant: "icon",
-										children: /* @__PURE__ */ W(f, {
+										children: /* @__PURE__ */ J(H, {
 											name: "alert",
 											size: 20
 										})
 									}),
-									/* @__PURE__ */ W(ae, { children: g("resource.flowsLoadFailed") }),
-									/* @__PURE__ */ W(b, { children: g("resource.flowsLoadFailedDescription") })
-								] }), /* @__PURE__ */ W(xe, { children: /* @__PURE__ */ W(p, {
-									onClick: () => void h.retryFlows(),
+									/* @__PURE__ */ J(D, { children: h("resource.flowsLoadFailed") }),
+									/* @__PURE__ */ J(ze, { children: h("resource.flowsLoadFailedDescription") })
+								] }), /* @__PURE__ */ J(Pe, { children: /* @__PURE__ */ J(V, {
+									onClick: () => void m.retryFlows(),
 									variant: "outline",
-									children: g("empty.retry")
+									children: h("empty.retry")
 								}) })]
-							}) : M.length == 0 ? /* @__PURE__ */ G(oe, {
+							}) : M.length == 0 ? /* @__PURE__ */ Y(te, {
 								className: "min-h-64",
-								children: [/* @__PURE__ */ G(R, { children: [
-									/* @__PURE__ */ W(ie, {
+								children: [/* @__PURE__ */ Y(ie, { children: [
+									/* @__PURE__ */ J(Le, {
 										variant: "icon",
-										children: /* @__PURE__ */ W(f, {
+										children: /* @__PURE__ */ J(H, {
 											name: "flow",
 											size: 20
 										})
 									}),
-									/* @__PURE__ */ W(ae, { children: g(j.length == 0 ? "resource.noFlows" : "resource.noMatchingFlows") }),
-									/* @__PURE__ */ W(b, { children: g(j.length == 0 ? "resource.noFlowsDescription" : "resource.noMatchingDescription") })
-								] }), j.length == 0 && /* @__PURE__ */ W(xe, { children: /* @__PURE__ */ G(p, {
-									onClick: () => D(!0),
+									/* @__PURE__ */ J(D, { children: h(j.length == 0 ? "resource.noFlows" : "resource.noMatchingFlows") }),
+									/* @__PURE__ */ J(ze, { children: h(j.length == 0 ? "resource.noFlowsDescription" : "resource.noMatchingDescription") })
+								] }), j.length == 0 && /* @__PURE__ */ J(Pe, { children: /* @__PURE__ */ Y(V, {
+									onClick: () => E(!0),
 									variant: "outline",
-									children: [/* @__PURE__ */ W(f, {
+									children: [/* @__PURE__ */ J(H, {
 										"data-icon": "inline-start",
 										name: "plus"
-									}), g("resource.newFlow")]
+									}), h("resource.newFlow")]
 								}) })]
-							}) : M.map((e) => /* @__PURE__ */ W(qe, {
-								badge: n?.[e.flowId],
-								busy: _,
+							}) : M.map((e) => /* @__PURE__ */ J(yt, {
+								badge: a?.[e.flowId],
+								busy: g,
 								flow: e,
-								href: i(e),
-								onSelect: m,
-								store: h
+								href: o(e),
+								onSelect: p,
+								store: m
 							}, e.flowId))
 						}),
-						w != null && /* @__PURE__ */ W("div", {
+						x != null && /* @__PURE__ */ J("div", {
 							className: "resource-list-footer",
-							children: /* @__PURE__ */ W(p, {
-								disabled: C,
-								onClick: () => void h.workspace.loadMoreFlows(),
+							children: /* @__PURE__ */ J(V, {
+								disabled: b || S,
+								onClick: () => void m.workspace.loadMoreFlows(),
 								variant: "outline",
-								children: g(C ? "resource.loadingMore" : x ? "resource.retryLoadMore" : "resource.loadMore")
+								children: h(b ? "resource.loadingMore" : v ? "resource.retryLoadMore" : "resource.loadMore")
 							})
 						})
 					]
 				}),
-				ne && /* @__PURE__ */ W(Re, {
+				T && /* @__PURE__ */ J(ct, {
 					fallback: null,
-					children: /* @__PURE__ */ W(We, {
-						disabled: e,
-						field: t,
+					children: /* @__PURE__ */ J(gt, {
+						disabled: t,
+						field: n,
 						id: "flow-name",
-						issue: v(k),
-						label: g("resource.flowName"),
+						issue: U(k),
+						label: h("resource.flowName"),
 						name: k,
 						onNameChange: A,
-						onOpenChange: D,
-						onSubmit: (e) => void se(e),
-						pending: _ == "flow",
-						title: g("resource.newFlow")
+						onOpenChange: E,
+						onSubmit: (e) => void ne(e),
+						pending: g == "flow",
+						title: h("resource.newFlow")
 					})
 				})
 			]
@@ -445,7 +505,7 @@ function Ye({ createFlowDisabled: e, createFlowField: t, flowBadges: n, hrefForF
 }
 //#endregion
 //#region ../../node_modules/.bun/nanoid@6.0.1/node_modules/nanoid/index.browser.js
-var Xe = (e) => crypto.getRandomValues(new Uint8Array(e)), Ze = (e, t, n) => {
+var St = (e) => crypto.getRandomValues(new Uint8Array(e)), Ct = (e, t, n) => {
 	let r = 256 - 256 % e.length;
 	if (r === 256) {
 		let r = e.length - 1;
@@ -467,41 +527,29 @@ var Xe = (e) => crypto.getRandomValues(new Uint8Array(e)), Ze = (e, t, n) => {
 			for (; s--;) if (t[s] < r && (o += e[t[s] % e.length], o.length >= a)) return o;
 		}
 	};
-}, Qe = (e, t = 21) => Ze(e, t | 0, Xe);
+}, wt = (e, t = 21) => Ct(e, t | 0, St);
 //#endregion
 //#region src/flow/common/edgeChanges.ts
-function $e(e, t, n) {
-	let r = {
-		source: n.source,
-		sourceHandle: n.sourceHandle,
-		target: n.target,
-		targetHandle: n.targetHandle
-	}, i = tt(e, t)?.nodes[n.target], a = i != null && "inputs" in i ? i.inputs[n.targetHandle] : void 0;
-	return a?.kind == "sources" && a.sources.some((e) => e.kind == "node" && e.nodeId == n.source && e.output == n.sourceHandle) ? [] : fe(e, [{
-		edge: r,
+function Tt(e, t, n) {
+	return Dt(e, t)?.edges.some((e) => B(e, n)) ? [] : [{
+		edge: n,
 		kind: "graph.edge.connect",
 		target: t
-	}]);
+	}];
 }
-function et(e, t, n) {
-	let r = {
-		source: n.source,
-		sourceHandle: n.sourceHandle,
-		target: n.target,
-		targetHandle: n.targetHandle
-	}, i = tt(e, t)?.nodes[n.target], a = i != null && "inputs" in i ? i.inputs[n.targetHandle] : void 0;
-	return a?.kind != "sources" || !a.sources.some((e) => e.kind == "node" && e.nodeId == n.source && e.output == n.sourceHandle) ? [] : [{
-		edge: r,
+function Et(e, t, n) {
+	return Dt(e, t)?.edges.some((e) => B(e, n)) ? [{
+		edge: n,
 		kind: "graph.edge.disconnect",
 		target: t
-	}];
+	}] : [];
 }
-function tt(e, t) {
+function Dt(e, t) {
 	return t.kind == "flow" ? e.document.graph : e.document.subflows[t.id]?.graph;
 }
 //#endregion
 //#region src/flow/common/moduleChanges.ts
-async function nt(e) {
+async function Ot(e) {
 	try {
 		let { parse: t } = await import("./lib-C5Ipyfps.js").then((e) => e.t), n = t(e, {
 			errorRecovery: !0,
@@ -517,45 +565,50 @@ async function nt(e) {
 		return [];
 	}
 }
-function rt(e, t, n) {
+function kt(e, t, n, r, i) {
 	return [{
-		imports: n,
+		beforeImports: n,
+		beforeSource: t,
+		imports: i,
 		kind: "module.source.replace",
 		moduleId: e,
-		source: t
+		source: r
 	}];
 }
-var it = Qe("23456789abcdefghjkmnpqrstuvwxyz", 10), K = {
+var At = wt("23456789abcdefghjkmnpqrstuvwxyz", 10), Z = {
 	activities: [],
 	activitiesLoadFailed: !1,
 	activitiesLoading: !1,
 	activitiesLoadingMore: !1,
 	bindings: [],
 	detailLoading: !1,
+	loaded: !1,
 	loadFailed: !1,
 	loading: !1,
 	loadMoreFailed: !1,
 	loadingMore: !1,
 	publications: [],
-	publishing: !1
-}, at = 20, ot = 50, st = 750;
-function q(e, t) {
+	publishing: !1,
+	refreshing: !1
+}, jt = 20, Mt = 50, Nt = 750;
+function Q(e, t) {
 	return e?.flowId == t.flowId;
 }
-var ct = class {
+var Pt = class {
 	#e;
 	#t;
 	#n;
-	#r = new x();
-	#i = new x();
+	#r = new s();
+	#i = new s();
 	#a;
-	#o = new x();
-	#s = new x();
+	#o = new s();
+	#s = new s();
 	#c;
-	#l = t(K);
+	#l = n(Z);
 	#u;
 	#d;
-	constructor(t, n, r, i, a = () => crypto.randomUUID(), o = E()) {
+	#f;
+	constructor(t, n, r, i, a = L, o = W()) {
 		this.#e = t, this.#t = a, this.#n = o, this.#a = i, this.#c = r, this.#u = n, this.$ = {
 			activities: e(this.#l, (e) => e.activities),
 			activitiesLoadFailed: e(this.#l, (e) => e.activitiesLoadFailed),
@@ -575,6 +628,7 @@ var ct = class {
 			operation: e(this.#l, (e) => e.operation),
 			publications: e(this.#l, (e) => e.publications),
 			publishing: e(this.#l, (e) => e.publishing),
+			refreshing: e(this.#l, (e) => e.refreshing),
 			rollingBackPublicationId: e(this.#l, (e) => e.rollingBackPublicationId),
 			selectedTriggerId: e(this.#l, (e) => e.selectedTriggerId),
 			testingTriggerId: e(this.#l, (e) => e.testingTriggerId),
@@ -583,60 +637,70 @@ var ct = class {
 		};
 	}
 	dispose() {
-		this.#r.invalidate(), this.#i.invalidate(), this.#o.invalidate(), this.#s.invalidate();
+		this.#r.invalidate(), this.#i.invalidate(), this.#y(), this.#o.invalidate(), this.#s.invalidate();
 		for (let e of Object.values(this.$)) e.dispose();
 		this.#l.dispose();
 	}
 	reset() {
-		this.#r.invalidate(), this.#i.invalidate(), this.#o.invalidate(), this.#s.invalidate(), this.#d = void 0, this.#l.set(K);
+		this.#r.invalidate(), this.#i.invalidate(), this.#y(), this.#o.invalidate(), this.#s.invalidate(), this.#f = void 0, this.#l.set(Z);
 	}
 	async load(e) {
-		let t = { flowId: e }, n = this.#r.begin();
-		q(this.#l.value.target, t) || (this.#i.invalidate(), this.#d = void 0), this.#c(void 0), this.#l.set({
-			...K,
+		let t = { flowId: e }, n = this.#l.value, r = n.loaded && Q(n.target, t), i = this.#r.begin();
+		Q(n.target, t) || (this.#i.invalidate(), this.#y(), this.#f = void 0), r ? this.#S({
+			loadFailed: !1,
+			loadingMore: !1,
+			loadMoreFailed: !1,
+			refreshing: !0
+		}) : (this.#c(void 0), this.#l.set({
+			...Z,
 			loading: !0,
 			target: t
-		});
+		}));
 		try {
-			let e = await this.#h(t), [r, i, a] = await this.#m(t);
-			if (!n()) return;
-			if (this.#y({
-				bindings: a,
-				live: r,
+			let e = r ? n.operation : await this.#g(t), [a, o, s] = await this.#h(t);
+			if (!i()) return;
+			if (this.#u.updateLive(a), this.#S({
+				bindings: s,
+				live: a,
+				loaded: !0,
 				loading: !1,
-				nextCursor: i.nextCursor,
-				operation: e,
-				publications: i.publications,
-				publishing: e?.status == "pending",
-				total: i.total
-			}), e?.status == "pending") {
+				nextCursor: o.nextCursor,
+				publications: o.publications,
+				refreshing: !1,
+				total: o.total,
+				...r ? {} : {
+					operation: e,
+					publishing: e?.status == "pending"
+				}
+			}), !r && e?.status == "pending") {
 				let n = this.#u.$.targetFlow.value;
-				this.#g(t, e, this.#i.begin(), n?.flowId == t.flowId ? n.name : t.flowId);
+				this.#_(t, e, this.#i.begin(), n?.flowId == t.flowId ? n.name : t.flowId);
 			}
 		} catch (e) {
-			if (!n()) return;
-			this.#y({
-				loadFailed: !0,
-				loading: !1
-			}), this.#c(B(e, this.#n.t));
+			if (!i()) return;
+			this.#S({
+				loadFailed: !r,
+				loading: !1,
+				refreshing: !1
+			}), this.#c(C(e, this.#n.t));
 		}
 	}
 	async loadMore() {
 		let { loadingMore: e, nextCursor: t, target: n } = this.#l.value;
 		if (e || t == null || n == null) return;
 		let r = this.#r.capture();
-		this.#y({
+		this.#S({
 			loadMoreFailed: !1,
 			loadingMore: !0
 		});
 		try {
 			let e = await this.#e.listPublications(n.flowId, {
 				cursor: t,
-				limit: ot
+				limit: Mt
 			});
 			if (!r()) return;
 			let i = new Set(this.#l.value.publications.map((e) => e.publicationId));
-			this.#y({
+			this.#S({
 				loadingMore: !1,
 				loadMoreFailed: !1,
 				nextCursor: e.nextCursor,
@@ -644,35 +708,39 @@ var ct = class {
 			});
 		} catch (e) {
 			if (!r()) return;
-			this.#y({
+			this.#S({
 				loadMoreFailed: !0,
 				loadingMore: !1
-			}), this.#c(B(e, this.#n.t));
+			}), this.#c(C(e, this.#n.t));
 		}
 	}
 	async publish() {
-		let e = this.#u.$.targetFlow.value, t = this.#u.$.draft.value;
-		if (e == null || t == null || this.#l.value.changingTriggerId != null || this.#l.value.publishing || this.#l.value.rollingBackPublicationId != null) return !1;
-		let n = { flowId: e.flowId }, r = this.#u.$.live.value?.publication?.publicationId ?? null, i = JSON.stringify({
-			expectedLivePublicationId: r,
-			flowId: e.flowId,
+		let e = this.#u.$.flowId.value;
+		if (!await this.#u.saveModuleEditor() || e != this.#u.$.flowId.value) return !1;
+		let t = this.#u.$.targetFlow.value, n = this.#u.$.draft.value;
+		if (t == null || n == null || this.#l.value.changingTriggerId != null || this.#l.value.publishing || this.#l.value.rollingBackPublicationId != null) return !1;
+		let r = { flowId: t.flowId }, i = this.#u.$.live.value?.publication?.publicationId ?? null, a = JSON.stringify({
+			expectedLivePublicationId: i,
+			flowId: t.flowId,
 			kind: "publish",
-			revisionId: t.revisionId
-		}), a = this.#d?.signature == i ? this.#d : {
+			revisionId: n.revisionId
+		}), o = this.#f?.signature == a ? this.#f : {
 			key: this.#t(),
-			signature: i
-		}, o = this.#i.begin();
-		this.#d = a, this.#c(void 0), this.#v(n, { publishing: !0 });
+			signature: a
+		};
+		this.#y();
+		let s = this.#i.begin();
+		this.#f = o, this.#c(void 0), this.#x(r, { publishing: !0 });
 		try {
-			let i = await this.#e.publishFlow(e.flowId, t.revisionId, r, { idempotencyKey: a.key });
-			return o() ? (this.#a.setItem(this.#_(n.flowId), i.operationId), this.#y({
-				operation: i,
-				publishing: i.status == "pending"
-			}), await this.#g(n, i, o, e.name)) : !1;
+			let e = await this.#e.publishFlow(t.flowId, n.revisionId, i, { idempotencyKey: o.key });
+			return s() ? (this.#a.setItem(this.#b(r.flowId), e.operationId), this.#S({
+				operation: e,
+				publishing: e.status == "pending"
+			}), await this.#_(r, e, s, t.name)) : !1;
 		} catch (e) {
-			return o() ? (e instanceof P && e.code == "live.conflict" && await this.#p(n), this.#c(B(e, this.#n.t)), !1) : !1;
+			return s() ? (e instanceof c && e.code == "live.conflict" && await this.#m(r), this.#c(C(e, this.#n.t)), !1) : !1;
 		} finally {
-			o() && this.#y({ publishing: !1 });
+			s() && this.#S({ publishing: !1 });
 		}
 	}
 	async rollback(e) {
@@ -683,24 +751,26 @@ var ct = class {
 			flowId: r.flowId,
 			kind: "rollback",
 			targetPublicationId: e.publicationId
-		}), o = this.#d?.signature == a ? this.#d : {
+		}), o = this.#f?.signature == a ? this.#f : {
 			key: this.#t(),
 			signature: a
-		}, s = this.#i.begin();
-		this.#d = o, this.#c(void 0), this.#y({ rollingBackPublicationId: e.publicationId });
+		};
+		this.#y();
+		let s = this.#i.begin();
+		this.#f = o, this.#c(void 0), this.#S({ rollingBackPublicationId: e.publicationId });
 		try {
-			return await this.#e.rollbackFlow(r.flowId, e.publicationId, i, { idempotencyKey: o.key }), !s() || (await this.#f(r), !s()) ? !1 : (this.#d = void 0, this.#c({
+			return await this.#e.rollbackFlow(r.flowId, e.publicationId, i, { idempotencyKey: o.key }), !s() || (await this.#p(r), !s()) ? !1 : (this.#f = void 0, this.#c({
 				kind: "success",
 				message: this.#n.t("notice.rolledBack", { revision: e.revisionId })
 			}), !0);
 		} catch (e) {
-			return s() ? (e instanceof P && e.code == "live.conflict" && await this.#p(r), this.#c(B(e, this.#n.t)), !1) : !1;
+			return s() ? (e instanceof c && e.code == "live.conflict" && await this.#m(r), this.#c(C(e, this.#n.t)), !1) : !1;
 		} finally {
-			s() && this.#y({ rollingBackPublicationId: void 0 });
+			s() && this.#S({ rollingBackPublicationId: void 0 });
 		}
 	}
 	closeTrigger() {
-		this.#o.invalidate(), this.#s.invalidate(), this.#y({
+		this.#o.invalidate(), this.#s.invalidate(), this.#S({
 			activities: [],
 			activitiesLoadFailed: !1,
 			activitiesLoading: !1,
@@ -717,7 +787,7 @@ var ct = class {
 		let t = this.#l.value.target;
 		if (t == null) return;
 		let n = this.#o.begin();
-		this.#s.invalidate(), this.#y({
+		this.#s.invalidate(), this.#S({
 			activities: [],
 			activitiesLoadFailed: !1,
 			activitiesLoading: !0,
@@ -729,45 +799,45 @@ var ct = class {
 			testingTriggerId: void 0,
 			testResult: void 0
 		});
-		let [r, i] = await Promise.allSettled([this.#e.getFlowTriggerBinding(t.flowId, e), this.#e.listFlowTriggerActivities(t.flowId, e, { limit: at })]);
+		let [r, i] = await Promise.allSettled([this.#e.getFlowTriggerBinding(t.flowId, e), this.#e.listFlowTriggerActivities(t.flowId, e, { limit: jt })]);
 		if (n()) {
 			if (r.status == "rejected") {
-				this.#y({
+				this.#S({
 					activitiesLoading: !1,
 					detailLoading: !1
-				}), this.#c(B(r.reason, this.#n.t));
+				}), this.#c(C(r.reason, this.#n.t));
 				return;
 			}
-			this.#y({
+			this.#S({
 				detail: r.value,
 				detailLoading: !1
-			}), i.status == "fulfilled" ? this.#y({
+			}), i.status == "fulfilled" ? this.#S({
 				activities: i.value.activities,
 				activitiesLoadFailed: !1,
 				activitiesLoading: !1,
 				activitiesNextCursor: i.value.nextCursor
-			}) : (this.#y({
+			}) : (this.#S({
 				activitiesLoadFailed: !0,
 				activitiesLoading: !1
-			}), this.#c(B(i.reason, this.#n.t)));
+			}), this.#c(C(i.reason, this.#n.t)));
 		}
 	}
 	async loadMoreTriggerActivities() {
 		let { activitiesLoadingMore: e, activitiesNextCursor: t, selectedTriggerId: n, target: r } = this.#l.value;
 		if (e || t == null || n == null || r == null) return;
 		let i = this.#o.capture();
-		this.#y({
+		this.#S({
 			activitiesLoadFailed: !1,
 			activitiesLoadingMore: !0
 		});
 		try {
 			let e = await this.#e.listFlowTriggerActivities(r.flowId, n, {
 				cursor: t,
-				limit: at
+				limit: jt
 			});
 			if (!i() || this.#l.value.selectedTriggerId != n) return;
 			let a = new Set(this.#l.value.activities.map((e) => e.activityId));
-			this.#y({
+			this.#S({
 				activities: [...this.#l.value.activities, ...e.activities.filter((e) => !a.has(e.activityId))],
 				activitiesLoadFailed: !1,
 				activitiesLoadingMore: !1,
@@ -775,323 +845,489 @@ var ct = class {
 			});
 		} catch (e) {
 			if (!i() || this.#l.value.selectedTriggerId != n) return;
-			this.#y({
+			this.#S({
 				activitiesLoadFailed: !0,
 				activitiesLoadingMore: !1
-			}), this.#c(B(e, this.#n.t));
+			}), this.#c(C(e, this.#n.t));
 		}
 	}
 	async testTrigger() {
 		let { detail: e, selectedTriggerId: t, target: n, testingTriggerId: r } = this.#l.value;
 		if (e?.binding.kind != "poll" || e.binding.currentPublicationId == null || t == null || n == null || r != null) return !1;
 		let i = this.#s.begin();
-		this.#y({
+		this.#S({
 			testingTriggerId: t,
 			testResult: void 0
 		});
 		try {
 			let e = await this.#e.testFlowPollTrigger(n.flowId, t);
-			return !i() || this.#l.value.selectedTriggerId != t ? !1 : (this.#y({ testResult: e }), !0);
+			return !i() || this.#l.value.selectedTriggerId != t ? !1 : (this.#S({ testResult: e }), !0);
 		} catch (e) {
-			return i() && this.#l.value.selectedTriggerId == t && this.#c(B(e, this.#n.t)), !1;
+			return i() && this.#l.value.selectedTriggerId == t && this.#c(C(e, this.#n.t)), !1;
 		} finally {
-			i() && this.#l.value.selectedTriggerId == t && this.#y({ testingTriggerId: void 0 });
+			i() && this.#l.value.selectedTriggerId == t && this.#S({ testingTriggerId: void 0 });
 		}
 	}
 	async toggleTrigger(e) {
 		let t = this.#l.value.target;
 		if (t == null || this.#l.value.changingTriggerId != null || this.#l.value.publishing || this.#l.value.rollingBackPublicationId != null) return !1;
+		this.#y();
 		let n = this.#i.begin();
-		this.#y({ changingTriggerId: e.triggerNodeId });
+		this.#S({ changingTriggerId: e.triggerNodeId });
 		try {
 			if (e.operatorState == "active" ? await this.#e.pauseFlowTrigger(t.flowId, e.triggerNodeId) : await this.#e.resumeFlowTrigger(t.flowId, e.triggerNodeId), !n()) return !1;
 			let r = await this.#e.listFlowTriggerBindings(t.flowId);
-			return n() ? (this.#y({ bindings: r }), this.#l.value.selectedTriggerId == e.triggerNodeId && this.openTrigger(e.triggerNodeId), this.#c({
+			return n() ? (this.#S({ bindings: r }), this.#l.value.selectedTriggerId == e.triggerNodeId && this.openTrigger(e.triggerNodeId), this.#c({
 				kind: "success",
 				message: this.#n.t(e.operatorState == "active" ? "notice.triggerPaused" : "notice.triggerResumed")
 			}), !0) : !1;
 		} catch (e) {
-			return n() && this.#c(B(e, this.#n.t)), !1;
+			return n() && this.#c(C(e, this.#n.t)), !1;
 		} finally {
-			n() && this.#y({ changingTriggerId: void 0 });
+			n() && this.#S({ changingTriggerId: void 0 });
 		}
 	}
-	async #f(e) {
-		let [t, n, r] = await this.#m(e);
-		this.#u.updateLive(t), await this.#u.refreshFlows(), q(this.#l.value.target, e) && this.#y({
-			bindings: r,
-			live: t,
-			loadFailed: !1,
-			nextCursor: n.nextCursor,
-			publications: n.publications,
-			total: n.total
+	async #p(e, t) {
+		let n = this.#r.begin(), [r, i, a] = await this.#h(e, t).catch((t) => {
+			throw n() && Q(this.#l.value.target, e) && this.#S({ refreshing: !1 }), t;
 		});
+		t?.throwIfAborted(), n() && this.#u.updateLive(r), n() && Q(this.#l.value.target, e) && this.#S({
+			bindings: a,
+			live: r,
+			loaded: !0,
+			loadFailed: !1,
+			loadingMore: !1,
+			nextCursor: i.nextCursor,
+			publications: i.publications,
+			refreshing: !1,
+			total: i.total
+		}), await this.#u.refreshFlows();
 	}
-	async #p(e) {
+	async #m(e) {
 		try {
-			await this.#f(e), this.#d = void 0;
+			await this.#p(e), this.#f = void 0;
 		} catch {
 			return;
 		}
 	}
-	async #m(e) {
+	async #h(e, t) {
 		return await Promise.all([
-			this.#e.getLive(e.flowId),
+			this.#e.getLive(e.flowId, t),
 			this.#e.listPublications(e.flowId, {
 				includeTotal: !0,
-				limit: ot
-			}),
-			this.#e.listFlowTriggerBindings(e.flowId)
+				limit: Mt
+			}, t),
+			this.#e.listFlowTriggerBindings(e.flowId, t)
 		]);
 	}
-	async #h(e) {
-		let t = this.#a.getItem(this.#_(e.flowId));
+	async #g(e) {
+		let t = this.#a.getItem(this.#b(e.flowId));
 		if (t != null && t != "") try {
 			return await this.#e.getPublishOperation(e.flowId, t);
 		} catch (t) {
-			if (t instanceof P && t.code == "publication.operation-not-found") {
-				this.#a.setItem(this.#_(e.flowId), "");
+			if (t instanceof c && t.code == "publication.operation-not-found") {
+				this.#a.setItem(this.#b(e.flowId), "");
 				return;
 			}
 			throw t;
 		}
 	}
-	async #g(e, t, n, r) {
-		let i = t;
-		for (; i.status == "pending";) {
-			if (await new Promise((e) => setTimeout(e, st)), !n()) return !1;
-			try {
-				i = await this.#e.getPublishOperation(e.flowId, i.operationId);
-			} catch (t) {
-				if (!n()) return !1;
-				if (t instanceof P && t.code == "publication.operation-not-found") return this.#a.setItem(this.#_(e.flowId), ""), this.#v(e, {
-					operation: void 0,
-					publishing: !1
-				}), this.#c(B(t, this.#n.t)), !1;
-				this.#c(B(t, this.#n.t));
-				continue;
+	async #_(e, t, n, r) {
+		this.#y();
+		let i = X.runFork(X.gen({ self: this }, function* () {
+			let i = yield* this.#v(e, t, n);
+			if (i == null || !n()) return !1;
+			if (this.#f = void 0, this.#x(e, {
+				operation: i,
+				publishing: !1
+			}), i.status == "failed") return this.#c({
+				kind: "error",
+				message: i.issue.message
+			}), !1;
+			let a = yield* X.tryPromise({
+				try: (t) => this.#p(e, t),
+				catch: (e) => e
+			}).pipe(X.match({
+				onFailure: (e) => (n() && this.#c(C(e, this.#n.t)), !1),
+				onSuccess: () => !0
+			}));
+			return n() ? (a && this.#c({
+				kind: "success",
+				message: this.#n.t("notice.published", { name: r })
+			}), !0) : !1;
+		}));
+		this.#d = i;
+		let a = await X.runPromiseExit(pt.join(i));
+		if (ft.isSuccess(a)) return a.value;
+		if (dt.hasInterruptsOnly(a.cause)) return !1;
+		throw dt.squash(a.cause);
+	}
+	#v(e, t, n) {
+		return X.gen({ self: this }, function* () {
+			let r = t;
+			for (; r.status == "pending";) {
+				if (yield* X.sleep(Nt), !n()) return;
+				let t = yield* X.tryPromise({
+					try: (t) => this.#e.getPublishOperation(e.flowId, r.operationId, t),
+					catch: (e) => e
+				}).pipe(X.match({
+					onFailure: (e) => ({ error: e }),
+					onSuccess: (e) => ({ value: e })
+				}));
+				if (!n()) return;
+				if ("error" in t) {
+					let n = t.error;
+					if (n instanceof c && n.code == "publication.operation-not-found") {
+						this.#a.setItem(this.#b(e.flowId), ""), this.#x(e, {
+							operation: void 0,
+							publishing: !1
+						}), this.#c(C(n, this.#n.t));
+						return;
+					}
+					this.#c(C(n, this.#n.t));
+					continue;
+				}
+				r = t.value, this.#x(e, { operation: r });
 			}
-			if (!n()) return !1;
-			this.#v(e, { operation: i });
-		}
-		if (this.#d = void 0, this.#v(e, {
-			operation: i,
-			publishing: !1
-		}), i.status == "failed") return this.#c({
-			kind: "error",
-			message: i.issue.message
-		}), !1;
-		try {
-			await this.#f(e);
-		} catch (e) {
-			return n() && this.#c(B(e, this.#n.t)), !0;
-		}
-		return n() ? (this.#c({
-			kind: "success",
-			message: this.#n.t("notice.published", { name: r })
-		}), !0) : !1;
+			return r;
+		});
+	}
+	#y() {
+		this.#d?.interruptUnsafe(), this.#d = void 0;
 	}
-	#_(e) {
+	#b(e) {
 		return `publish-operation:${e}`;
 	}
-	#v(e, t) {
-		q(this.#l.value.target, e) ? this.#y(t) : this.#l.set({
-			...K,
+	#x(e, t) {
+		Q(this.#l.value.target, e) ? this.#S(t) : this.#l.set({
+			...Z,
 			...t,
 			target: e
 		});
 	}
-	#y(e) {
+	#S(e) {
 		this.#l.set({
 			...this.#l.value,
 			...e
 		});
 	}
-}, lt = { starting: !1 };
-function ut(e) {
+}, Ft = { starting: !1 };
+function It(e) {
 	switch (e.kind) {
 		case "condition": return { [e.node.input.handle]: e.node.input };
-		case "subflow": return s(e.definition?.inputs ?? []);
-		case "task": return s(e.definition?.inputs ?? []);
+		case "subflow": return Ye(e.definition?.inputs ?? []);
+		case "task": return Ye(e.definition?.inputs ?? []);
 		case "value": return {};
+		case "wait": return { [e.node.input.handle]: e.node.input };
 	}
 }
-function dt(e) {
+function Lt(e) {
 	return e.node.name == null ? e.kind == "task" || e.kind == "subflow" ? e.definition?.name ?? e.id : e.id : e.node.name;
 }
-async function ft(e, t) {
-	let { FlowRunInputEditorStore: n } = await import("./flowRunInputEditorStore-BeyUSWpO.js").then((e) => e.n), r = N(e), i = r.graph({ kind: "flow" });
-	return i == null ? [] : Object.entries(i.nodes).toSorted(([e], [t]) => e.localeCompare(t)).flatMap(([e, i]) => {
-		let a = r.resolveNode(e, i);
-		if (a.kind == "trigger") return [];
-		let o = Object.entries(ut(a)).filter(([e, t]) => a.node.inputs[e] == null && !Object.hasOwn(t, "value")).toSorted(([e], [t]) => e.localeCompare(t)).map(([e, t]) => Object.assign({
+function $(e, t) {
+	let n = F(e), r = n.graph({ kind: "flow" });
+	if (r == null) return [];
+	let i = /* @__PURE__ */ new Set([t]), a = [t];
+	for (; a.length > 0;) {
+		let e = a.pop();
+		for (let t of r.edges) t.source != e || i.has(t.target) || (i.add(t.target), a.push(t.target));
+	}
+	return Object.entries(r.nodes).filter(([e]) => i.has(e)).toSorted(([e], [t]) => e.localeCompare(t)).flatMap(([e, t]) => {
+		let r = n.resolveNode(e, t);
+		if (r.kind == "trigger") return r.trigger.kind == "manual" || r.trigger.kind == "cron" ? [] : [{
+			definitions: [{
+				handle: "payload",
+				jsonSchema: k(r.trigger),
+				nullable: !1
+			}],
+			nodeId: e,
+			title: r.trigger.name
+		}];
+		let i = Object.entries(It(r)).filter(([e, t]) => r.node.inputs[e] == null && !Object.hasOwn(t, "value")).toSorted(([e], [t]) => e.localeCompare(t)).map(([e, t]) => Object.assign({
 			handle: e,
 			jsonSchema: t.jsonSchema,
 			nullable: t.nullable
 		}, t.description == null ? {} : { description: t.description }));
-		return o.length == 0 ? [] : [{
-			editor: new n(o, t),
+		return i.length == 0 ? [] : [{
+			definitions: i,
 			nodeId: e,
-			title: dt(a)
+			title: Lt(r)
 		}];
 	});
 }
-var pt = class {
+function Rt(e) {
+	return JSON.stringify(e.map((e) => [e.nodeId, e.definitions.map((e) => [
+		e.handle,
+		e.jsonSchema,
+		e.nullable
+	])]));
+}
+async function zt(e, t, n, r) {
+	let { FlowRunInputEditorStore: i } = await import("./flowRunInputEditorStore-BBqQIOCR.js").then((e) => e.n);
+	return e.map((e) => {
+		let a = new i(e.definitions, t);
+		return e.nodeId == n && a.replaceValues({ payload: {} }), r?.[e.nodeId] != null && a.replaceValues(r[e.nodeId]), {
+			editor: a,
+			nodeId: e.nodeId,
+			title: e.title
+		};
+	});
+}
+function Bt(e) {
+	return Object.fromEntries(e.map((e) => [e.nodeId, e.editor.values()]));
+}
+function Vt(e, t) {
+	return {
+		inputs: Object.fromEntries(e.filter((e) => e.nodeId != t).map((e) => [e.nodeId, e.editor.values()])),
+		payload: e.find((e) => e.nodeId == t)?.editor.values().payload ?? {}
+	};
+}
+var Ht = class {
 	#e;
 	#t;
 	#n;
-	#r = new x();
-	#i = new x();
-	#a;
+	#r;
+	#i = new s();
+	#a = new s();
 	#o;
-	#s = t(lt);
+	#s = /* @__PURE__ */ new Map();
 	#c;
-	constructor(t, n, r, i = E(), a = () => crypto.randomUUID()) {
-		this.#e = t, this.#a = n, this.#o = r, this.#n = i, this.#t = a, this.$ = {
-			inputRequest: e(this.#s, (e) => e.inputRequest),
-			starting: e(this.#s, (e) => e.starting),
-			submitting: e(this.#s, (e) => e.submitting)
+	#l = n(Ft);
+	#u;
+	constructor(t, n, r, i, a = W(), o = L) {
+		this.#e = i, this.#t = t, this.#o = n, this.#c = r, this.#r = a, this.#n = o, this.$ = {
+			inputRequest: e(this.#l, (e) => e.inputRequest),
+			starting: e(this.#l, (e) => e.starting),
+			submitting: e(this.#l, (e) => e.submitting)
 		};
 	}
 	dispose() {
-		this.#r.invalidate(), this.#i.invalidate(), this.#d();
+		this.#i.invalidate(), this.#a.invalidate(), this.#p();
 		for (let e of Object.values(this.$)) e.dispose();
-		this.#s.dispose();
+		this.#l.dispose();
 	}
 	reset() {
-		this.#r.invalidate(), this.#i.invalidate(), this.#c = void 0;
-		let e = this.#s.value.inputRequest;
-		this.#s.set(lt), this.#d(e);
+		this.#i.invalidate(), this.#a.invalidate(), this.#u = void 0;
+		let e = this.#l.value.inputRequest;
+		this.#h(e), this.#l.set(Ft), this.#p(e);
 	}
-	async requestDraft(e, t) {
-		let n = this.#i.begin();
-		return await this.#l("draft", e, t, t.revisionId, n);
+	async requestDraft(e, t, n) {
+		let r = this.#a.begin();
+		try {
+			return await this.#d("draft", e, t, t.revisionId, r, void 0, n);
+		} catch (e) {
+			return r() && this.#c(C(e, this.#r.t)), "unavailable";
+		} finally {
+			r() && this.#g({ starting: !1 });
+		}
+	}
+	async editDraft(e, t, n) {
+		let r = this.#a.begin();
+		try {
+			return await this.#d("draft", e, t, t.revisionId, r, void 0, n, !0);
+		} catch (e) {
+			return r() && this.#c(C(e, this.#r.t)), "unavailable";
+		} finally {
+			r() && this.#g({ starting: !1 });
+		}
+	}
+	inputStatus(e, t, n) {
+		let r = $(t, n);
+		if (r.length == 0) return "none";
+		let i = this.#s.get(this.#m(e, n));
+		return i?.valid == 1 && i.signature == Rt(r) ? "ready" : "missing";
 	}
 	async requestLive(e) {
-		let t = this.#i.begin();
-		this.#o(void 0), this.#f({ starting: !0 });
+		let t = this.#a.begin();
+		this.#c(void 0), this.#g({ starting: !0 });
 		try {
-			let n = (await this.#e.getLive(e.flowId)).publication;
+			let n = (await this.#t.getLive(e.flowId)).publication;
 			if (n == null) return "unavailable";
-			let r = await this.#e.getRevision(e.flowId, n.revisionId);
-			return t() ? await this.#l("live", e, r, n.revisionId, t, n.publicationId) : "unavailable";
+			let r = await this.#t.getRevision(e.flowId, n.revisionId);
+			return t() ? await this.#d("live", e, r, n.revisionId, t, n.publicationId) : "unavailable";
 		} catch (e) {
-			return t() && this.#o(B(e, this.#n.t)), "unavailable";
+			return t() && this.#c(C(e, this.#r.t)), "unavailable";
 		} finally {
-			t() && this.#f({ starting: !1 });
+			t() && this.#g({ starting: !1 });
 		}
 	}
 	dismissInputs() {
-		let e = this.#s.value.inputRequest;
-		this.#f({ inputRequest: void 0 }), this.#d(e);
+		let e = this.#l.value.inputRequest;
+		this.#h(e), this.#g({ inputRequest: void 0 }), this.#p(e);
 	}
 	async confirmInputs() {
-		let e = this.#s.value.inputRequest;
-		if (e == null) return !1;
-		if (!e.valid.value) return this.#f({ inputRequest: {
+		let e = this.#l.value.inputRequest;
+		if (e == null || e.triggerId == null) return !1;
+		if (!e.valid.value) return this.#g({ inputRequest: {
 			...e,
 			attempted: !0
 		} }), !1;
-		let t = Object.fromEntries(e.groups.map((e) => [e.nodeId, e.editor.values()])), n = await this.#u(e.source, e.flow, e.revisionId, t, e.publicationId);
-		return n && this.#s.value.inputRequest === e && this.dismissInputs(), n;
+		this.#h(e);
+		let { inputs: t, payload: n } = Vt(e.groups, e.triggerId), r = await this.#f(e.source, e.flow, e.revisionId, {
+			nodeId: e.triggerId,
+			payload: n
+		}, t, e.publicationId);
+		return r && this.#l.value.inputRequest === e && this.dismissInputs(), r;
+	}
+	async selectTrigger(e) {
+		let n = this.#l.value.inputRequest;
+		if (n == null || !n.triggers.some((t) => t.nodeId == e)) return;
+		let r = this.#a.begin();
+		this.#h(n), this.#g({ starting: !0 });
+		try {
+			let i = $(n.revision, e), a = this.#s.get(this.#m(n.flow.flowId, e)), o = await zt(i, this.#r.lang$, e, a?.values);
+			if (!r() || this.#l.value.inputRequest !== n) {
+				for (let e of o) e.editor.dispose();
+				return;
+			}
+			let s = t((e) => o.every((t) => e(t.editor.valid$)));
+			this.#g({ inputRequest: {
+				...n,
+				attempted: !1,
+				groups: o,
+				triggerId: e,
+				valid: s
+			} }), this.#p(n);
+		} catch (e) {
+			r() && this.#c(C(e, this.#r.t));
+		} finally {
+			r() && this.#g({ starting: !1 });
+		}
 	}
-	async #l(e, t, r, i, a, o) {
-		let s = this.#s.value.inputRequest;
-		this.#f({
+	async #d(e, n, r, i, a, o, s, c = !1) {
+		let l = this.#l.value.inputRequest;
+		this.#h(l), this.#g({
 			inputRequest: void 0,
 			starting: !0,
 			submitting: void 0
-		}), this.#d(s);
-		let c;
-		try {
-			c = await ft(r, this.#n.lang$);
-		} catch (e) {
-			throw a() && this.#f({
-				starting: !1,
-				submitting: void 0
-			}), e;
-		}
+		}), this.#p(l);
+		let u = F(r).graph({ kind: "flow" }), d = Object.entries(u?.nodes ?? {}).flatMap(([e, t]) => "inputs" in t ? [] : [{
+			nodeId: e,
+			title: t.name
+		}]);
+		if (d.length == 0) return this.#g({ starting: !1 }), this.#c({
+			kind: "error",
+			message: this.#r.t("runInput.noTrigger")
+		}), "unavailable";
+		let f = s == null ? d[0] : d.find((e) => e.nodeId == s);
+		if (s != null && f == null) return this.#g({ starting: !1 }), this.#c({
+			kind: "error",
+			message: this.#r.t("runInput.selectTrigger")
+		}), "unavailable";
+		let p = f == null ? [] : $(r, f.nodeId), m = Rt(p), h = f == null ? void 0 : this.#s.get(this.#m(n.flowId, f.nodeId)), g = f == null ? [] : await zt(p, this.#r.lang$, f.nodeId, h?.values);
 		if (!a()) {
-			for (let e of c) e.editor.dispose();
+			for (let e of g) e.editor.dispose();
 			return "unavailable";
 		}
-		if (c.length == 0) return await this.#u(e, t, i, {}, o) ? "started" : "unavailable";
-		let l = n((e) => c.every((t) => e(t.editor.valid$)));
-		return this.#f({
+		if (!c && f != null && g.length == 0) return await this.#f(e, n, i, {
+			nodeId: f.nodeId,
+			payload: {}
+		}, {}, o) ? "started" : "unavailable";
+		if (!c && f != null && h?.valid == 1 && h.signature == m && g.every((e) => e.editor.valid$.value)) {
+			let t = Vt(g, f.nodeId);
+			for (let e of g) e.editor.dispose();
+			return await this.#f(e, n, i, {
+				nodeId: f.nodeId,
+				payload: t.payload
+			}, t.inputs, o) ? "started" : "unavailable";
+		}
+		let _ = t((e) => f != null && g.every((t) => e(t.editor.valid$)));
+		return this.#g({
 			inputRequest: {
 				attempted: !1,
-				flow: t,
-				groups: c,
+				flow: n,
+				groups: g,
+				revision: r,
+				triggers: d,
+				triggerId: f?.nodeId,
 				...o == null ? {} : { publicationId: o },
 				revisionId: i,
 				source: e,
-				valid: l
+				valid: _
 			},
 			starting: !1,
 			submitting: void 0
 		}), "input";
 	}
-	async #u(e, t, n, r = {}, i) {
-		if (e == "live" && i == null) return !1;
-		let a = this.#r.capture(), o = this.#a.prepareStart();
-		this.#o(void 0), this.#f({
+	async #f(e, t, n, r, i = {}, a) {
+		if (e == "live" && a == null) return !1;
+		let o = this.#i.capture(), s = this.#o.prepareStart();
+		this.#c(void 0), this.#g({
 			starting: !0,
 			submitting: e
 		});
-		let s = e == "draft" ? {
-			flowId: t.flowId,
-			revisionId: n
-		} : { publicationId: i }, c = JSON.stringify({
-			inputs: r,
-			source: e,
-			...s
-		}), l = this.#c?.signature == c ? this.#c : {
-			key: this.#t(),
-			signature: c
-		};
-		this.#c = l;
 		try {
-			let s = e == "draft" ? await this.#e.createDraftRun(t.flowId, n, {
-				idempotencyKey: l.key,
-				inputs: r
-			}) : await this.#e.createLiveRun(i, {
-				idempotencyKey: l.key,
-				inputs: r
+			if (e == "draft") {
+				let e = await this.#e(t.flowId);
+				if (e == null || !o() || !s()) return !1;
+				n = e;
+			}
+			let c = e == "draft" ? {
+				flowId: t.flowId,
+				revisionId: n
+			} : { publicationId: a }, l = JSON.stringify({
+				inputs: i,
+				trigger: r,
+				source: e,
+				...c
+			}), u = this.#u?.signature == l ? this.#u : {
+				key: this.#n(),
+				signature: l
+			};
+			this.#u = u;
+			let d = e == "draft" ? await this.#t.createDraftRun(t.flowId, n, {
+				idempotencyKey: u.key,
+				inputs: i,
+				trigger: r
+			}) : await this.#t.createLiveRun(a, {
+				idempotencyKey: u.key,
+				inputs: i,
+				trigger: r
 			});
-			return !a() || !o() ? !1 : (this.#c = void 0, this.#a.follow(s, o));
+			return !o() || !s() ? !1 : (this.#u = void 0, this.#o.follow(d, s));
 		} catch (e) {
-			return a() && o() && this.#o(B(e, this.#n.t)), !1;
+			return o() && s() && this.#c(C(e, this.#r.t)), !1;
 		} finally {
-			a() && this.#f({
+			o() && this.#g({
 				starting: !1,
 				submitting: void 0
 			});
 		}
 	}
-	#d(e = this.#s.value.inputRequest) {
+	#p(e = this.#l.value.inputRequest) {
 		if (e != null) {
 			e.valid.dispose();
 			for (let t of e.groups) t.editor.dispose();
 		}
 	}
-	#f(e) {
-		this.#s.set({
-			...this.#s.value,
+	#m(e, t) {
+		return `${e}\u0000${t}`;
+	}
+	#h(e) {
+		e?.triggerId != null && e.groups.length != 0 && this.#s.set(this.#m(e.flow.flowId, e.triggerId), {
+			signature: Rt($(e.revision, e.triggerId)),
+			valid: e.valid.value,
+			values: Bt(e.groups)
+		});
+	}
+	#g(e) {
+		this.#l.set({
+			...this.#l.value,
 			...e
 		});
 	}
-}, mt = {
+}, Ut = {
 	actions: {},
 	catalogs: {}
 };
-function ht(e) {
+function Wt(e) {
 	return Object.entries(e).map(([e, t]) => ({
 		description: t.description,
 		handle: e,
 		jsonSchema: t.jsonSchema
 	}));
 }
-function J(e, t) {
+function Gt(e, t) {
 	return {
 		connector: e,
 		description: e.authenticated && e.defaultConnection == null ? t("addNode.connectorNeedsConnection", {
@@ -1099,15 +1335,15 @@ function J(e, t) {
 			service: e.serviceName
 		}) : e.description,
 		group: t("addNode.connectorActions"),
-		icon: e.icon ?? ":carbon:connection-signal:",
+		icon: R(e),
 		id: `connector:${e.actionId}`,
-		inputs: ht(e.inputs),
+		inputs: Wt(e.inputs),
 		kind: "connector",
 		label: e.name,
-		outputs: ht(e.outputs)
+		outputs: Wt(e.outputs)
 	};
 }
-function gt(e, t) {
+function Kt(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let t of e) {
 		let e = n.get(t.serviceId) ?? [];
@@ -1115,7 +1351,7 @@ function gt(e, t) {
 	}
 	return [...n.values()].toSorted((e, t) => e[0].serviceName.localeCompare(t[0].serviceName)).map((e) => {
 		let n = e[0], r = e.map((e) => {
-			let n = J(e, t);
+			let n = Gt(e, t);
 			return {
 				description: n.description,
 				label: n.label,
@@ -1126,7 +1362,7 @@ function gt(e, t) {
 			choices: r,
 			description: t(r.length == 1 ? "addNode.connectorActionCountOne" : "addNode.connectorActionCount", { count: r.length }),
 			group: t("addNode.connectorActions"),
-			icon: n.icon ?? ":carbon:connection-signal:",
+			icon: R(n),
 			id: `connector-provider:${n.serviceId}`,
 			inputs: [],
 			kind: "connector-group",
@@ -1136,12 +1372,12 @@ function gt(e, t) {
 		};
 	});
 }
-function _t(e, t) {
+function qt(e, t) {
 	return {
 		choices: [],
 		description: t("addNode.connectorBrowseActions"),
 		group: t("addNode.connectorActions"),
-		icon: e.icon ?? ":carbon:connection-signal:",
+		icon: R(e),
 		id: `connector-provider:${e.serviceId}`,
 		inputs: [],
 		kind: "connector-group",
@@ -1150,17 +1386,39 @@ function _t(e, t) {
 		serviceId: e.serviceId
 	};
 }
-function vt(e) {
-	if (e?.kind != "task" || e.node.task != null) return;
-	let t = e.definition;
-	if (!(t == null || !("executor" in t) || t.executor.kind != "connector")) return {
-		actionId: t.executor.action,
-		connectionId: t.executor.connectionId,
+function Jt(e, t) {
+	if (e == null) return;
+	let n = e.kind == "wait" ? e.node.notification?.taskId : e.kind == "task" && e.node.task == null ? e.node.taskId : void 0;
+	if (n == null) return;
+	let r = e.kind == "task" ? e.definition : t?.task(n);
+	if (!(r == null || !("executor" in r) || r.executor.kind != "connector")) return {
+		actionId: r.executor.action,
+		connectionId: r.executor.connectionId,
 		nodeId: e.id,
-		taskId: e.node.taskId
+		taskId: n
 	};
 }
-var yt = class {
+function Yt(e, t, n) {
+	if (e == null) return [];
+	let r = [];
+	for (let i of [..._(e.revision.content).tasks].toSorted()) {
+		let a = e.task(i);
+		if (a?.executor.kind != "connector") continue;
+		let o = t[a.executor.action];
+		if (o?.authenticated != 1) continue;
+		let s = a.executor.connectionId == null ? void 0 : n[o.serviceId]?.byId.get(a.executor.connectionId);
+		s == null && o.defaultConnection?.connectionId == a.executor.connectionId && (s = o.defaultConnection), (a.executor.connectionId == null || n[o.serviceId] != null && s?.status != "active") && r.push({
+			code: "task.connector-connection-required",
+			column: 0,
+			line: 1,
+			message: `Connector Task "${i}" requires an active Connection.`,
+			path: `/document/tasks/${i}/executor/connectionId`,
+			values: { taskId: i }
+		});
+	}
+	return r;
+}
+var Xt = class {
 	#e;
 	#t;
 	#n;
@@ -1176,43 +1434,44 @@ var yt = class {
 	#f;
 	#p;
 	#m;
-	constructor(r, i, a, o, s = E()) {
-		this.#r = /* @__PURE__ */ new Map(), this.#i = /* @__PURE__ */ new Set(), this.#a = new x(), this.#u = t(mt), this.#m = !1, this.browseAddNodeOptions = async (e) => {
-			if (this.#m) return;
-			let t = this.#d.$.flowId.value;
+	#h;
+	constructor(r, i, a, o, c = W()) {
+		this.#r = /* @__PURE__ */ new Map(), this.#i = /* @__PURE__ */ new Set(), this.#a = new s(), this.#o = new s(), this.#d = n(Ut), this.#h = !1, this.browseAddNodeOptions = async (e) => {
+			if (this.#h) return;
+			let t = this.#f.$.flowId.value;
 			if (t == null) return;
-			let n = this.#p ?? await this.#e.listConnectorProviders(e, t);
-			if (!(e.aborted || this.#m || t != this.#d.$.flowId.value)) return this.#p = n, n.toSorted((e, t) => e.serviceName.localeCompare(t.serviceName)).map((e) => _t(e, this.#t.t));
+			let n = this.#m ?? await this.#e.listConnectorProviders(e, t);
+			if (!(e.aborted || this.#h || t != this.#f.$.flowId.value)) return this.#m = n, n.toSorted((e, t) => e.serviceName.localeCompare(t.serviceName)).map((e) => qt(e, this.#t.t));
 		}, this.provideAddNodeOptionChoices = async (e, t) => {
-			if (this.#m) return;
-			let n = this.#d.$.flowId.value, r = this.#p?.find((t) => `connector-provider:${t.serviceId}` == e);
+			if (this.#h) return;
+			let n = this.#f.$.flowId.value, r = this.#m?.find((t) => `connector-provider:${t.serviceId}` == e);
 			if (n == null || r == null) return;
 			let i = this.#r.get(r.serviceId) ?? await this.#e.listConnectorActions(r.serviceId, t, n);
-			if (t.aborted || this.#m || n != this.#d.$.flowId.value) return;
+			if (t.aborted || this.#h || n != this.#f.$.flowId.value) return;
 			let a = i.map((e) => Object.assign({}, e, e.icon == null && r.icon != null ? { icon: r.icon } : {}, { serviceName: r.serviceName }));
-			return this.#r.set(r.serviceId, a), this.#y({ actions: {
-				...this.#u.value.actions,
+			return this.#r.set(r.serviceId, a), this.#b({ actions: {
+				...this.#d.value.actions,
 				...Object.fromEntries(a.map((e) => [e.actionId, e]))
-			} }), a.map((e) => J(e, this.#t.t));
+			} }), a.map((e) => Gt(e, this.#t.t));
 		}, this.provideAddNodeOptions = async (e, t) => {
-			if (this.#m) return;
-			let n = this.#d.$.flowId.value;
+			if (this.#h) return;
+			let n = this.#f.$.flowId.value;
 			if (n == null) return;
-			let r = e.trim(), i = r.length == 0 ? Object.values(this.#u.value.actions) : await this.#e.searchConnectorActions(r, t, n);
-			if (t.aborted || this.#m || n != this.#d.$.flowId.value) return;
-			let a = { ...this.#u.value.actions };
+			let r = e.trim(), i = r.length == 0 ? Object.values(this.#d.value.actions) : await this.#e.searchConnectorActions(r, t, n);
+			if (t.aborted || this.#h || n != this.#f.$.flowId.value) return;
+			let a = { ...this.#d.value.actions };
 			for (let e of i) a[e.actionId] = e;
-			if (this.#y({ actions: a }), r.length != 0) return i.map((e) => J(e, this.#t.t));
+			if (this.#b({ actions: a }), r.length != 0) return i.map((e) => Gt(e, this.#t.t));
 			let o = new Map(i.map((e) => [e.actionId, e]));
-			for (let e of this.#d.$.revision.value?.connectorActionIds ?? []) {
+			for (let e of this.#f.$.revision.value?.connectorActionIds ?? []) {
 				let t = a[e];
 				t != null && o.set(e, t);
 			}
-			return gt([...o.values()], this.#t.t);
-		}, this.#e = r, this.#n = o, this.#d = i, this.#l = a, this.#t = s;
-		let c = e(this.#u, (e) => e.actions), l = e(this.#u, (e) => e.catalogs);
-		this.#c = n((e) => {
-			let t = vt(e(i.$.selection)), n = e(this.#u);
+			return Kt([...o.values()], this.#t.t);
+		}, this.#e = r, this.#n = o, this.#f = i, this.#u = a, this.#t = c;
+		let l = e(this.#d, (e) => e.actions), u = e(this.#d, (e) => e.catalogs);
+		this.#l = t((e) => {
+			let t = Jt(e(i.$.selection), e(i.$.revision)), n = e(this.#d);
 			if (t == null) return { authorizationPending: !1 };
 			let r = n.actions[t.actionId], a = r == null ? void 0 : n.catalogs[r.serviceId], o = t.connectionId == null ? void 0 : a?.byId.get(t.connectionId);
 			return o == null && r?.defaultConnection?.connectionId == t.connectionId && (o = r.defaultConnection), {
@@ -1224,157 +1483,185 @@ var yt = class {
 				connectionError: r != null && n.connectionError?.serviceId == r.serviceId ? n.connectionError.message : void 0
 			};
 		}), this.$ = {
-			actionLoading: e(this.#u, (e) => e.actionLoading),
-			actions: c,
-			catalogs: l,
-			connectionLoading: e(this.#u, (e) => e.connectionLoading),
-			selectedAction: e(this.#c, (e) => e.action),
-			selectedActionError: e(this.#c, (e) => e.actionError),
-			selectedActiveConnections: e(this.#c, (e) => e.activeConnections),
-			selectedAuthorizationPending: e(this.#c, (e) => e.authorizationPending),
-			selectedConnection: e(this.#c, (e) => e.connection),
-			selectedConnectionError: e(this.#c, (e) => e.connectionError)
-		}, this.#o = i.$.flowId.reaction(() => this.reset()), this.#s = i.$.revision.reaction(() => void this.#x());
+			actionLoading: e(this.#d, (e) => e.actionLoading),
+			actions: l,
+			catalogs: u,
+			connectionLoading: e(this.#d, (e) => e.connectionLoading),
+			diagnostics: t((e) => Yt(e(i.$.revision), e(l), e(u))),
+			selectedAction: e(this.#l, (e) => e.action),
+			selectedActionError: e(this.#l, (e) => e.actionError),
+			selectedActiveConnections: e(this.#l, (e) => e.activeConnections),
+			selectedAuthorizationPending: e(this.#l, (e) => e.authorizationPending),
+			selectedConnection: e(this.#l, (e) => e.connection),
+			selectedConnectionError: e(this.#l, (e) => e.connectionError)
+		}, this.#s = i.$.flowId.reaction(() => this.reset()), this.#c = i.$.revision.reaction(() => void this.#S());
 	}
 	dispose() {
-		this.#m = !0, this.#a.invalidate(), this.#o(), this.#s();
+		this.#h = !0, this.#a.invalidate(), this.#o.invalidate(), this.#s(), this.#c();
 		for (let e of Object.values(this.$)) e.dispose();
-		this.#c.dispose(), this.#u.dispose();
+		this.#l.dispose(), this.#d.dispose();
 	}
 	reset() {
-		this.#m || (this.#a.invalidate(), this.#f = void 0, this.#r.clear(), this.#p = void 0, this.#i.clear(), this.#u.set(mt));
+		this.#h || (this.#a.invalidate(), this.#o.invalidate(), this.#p = void 0, this.#r.clear(), this.#m = void 0, this.#i.clear(), this.#d.set(Ut));
 	}
 	async refresh(e = !1) {
-		if (this.#m) return;
-		let t = this.#a.begin(), n = this.#d.$.flowId.value, r = vt(this.#d.$.selection.value);
+		if (this.#h) return;
+		let t = this.#o.begin(), n = this.#f.$.flowId.value, r = Jt(this.#f.$.selection.value, this.#f.$.revision.value);
 		if (n == null || r == null) {
-			(this.#u.value.actionLoading != null || this.#u.value.connectionLoading != null) && this.#y({
+			(this.#d.value.actionLoading != null || this.#d.value.connectionLoading != null) && this.#b({
 				actionLoading: void 0,
 				connectionLoading: void 0
 			});
 			return;
 		}
-		this.#y({
+		this.#b({
 			actionError: void 0,
 			actionLoading: r.actionId,
 			connectionError: void 0,
 			connectionLoading: void 0
 		});
 		try {
-			let i = await this.#h(r.actionId, e);
-			if (!this.#b(t, n)) return;
-			this.#y({ actions: {
-				...this.#u.value.actions,
+			let i = await this.#g(r.actionId, e);
+			if (!this.#x(t, n)) return;
+			this.#b({ actions: {
+				...this.#d.value.actions,
 				[i.actionId]: i
-			} }), i.authenticated && await this.#g(n, r, i.serviceId, e, t);
+			} }), i.authenticated && await this.#_(n, r, i.serviceId, e, t);
 		} catch (e) {
-			this.#b(t, n) && this.#y({ actionError: {
+			this.#x(t, n) && this.#b({ actionError: {
 				actionId: r.actionId,
-				message: B(e, this.#t.t).message
+				message: C(e, this.#t.t).message
 			} });
 		} finally {
-			this.#b(t, n) && this.#u.value.actionLoading == r.actionId && this.#y({ actionLoading: void 0 });
+			this.#x(t, n) && this.#d.value.actionLoading == r.actionId && this.#b({ actionLoading: void 0 });
 		}
 	}
+	async loadCodeConnections(e, t) {
+		let n = this.#f.$.flowId.value;
+		if (n == null || this.#h) return;
+		let r = await this.#e.listConnectorConnections(e, t, n);
+		t.aborted || this.#h || n != this.#f.$.flowId.value || this.#b({ catalogs: {
+			...this.#d.value.catalogs,
+			[e]: N(r)
+		} });
+	}
+	async loadCodeAction(e, t) {
+		let n = this.#f.$.flowId.value;
+		if (n == null || this.#h) return;
+		let r = await this.#e.getConnectorAction(e, t, n);
+		t.aborted || this.#h || n != this.#f.$.flowId.value || this.#b({ actions: {
+			...this.#d.value.actions,
+			[e]: r
+		} });
+	}
 	async connect(e) {
-		if (this.#m) return;
-		let t = this.#d.$.flowId.value;
+		if (this.#h) return;
+		let t = this.#f.$.flowId.value;
 		if (t == null) return;
-		let n = this.#u.value.catalogs[e];
+		let n = this.#d.value.catalogs[e];
 		try {
 			if (!await this.#n.openExternalPage(() => this.#e.createConnectorConnectionPage(e, t))) {
-				this.#l({
+				this.#u({
 					kind: "error",
 					message: this.#t.t("notice.connectionPopupBlocked")
 				});
 				return;
 			}
-			if (this.#m || t != this.#d.$.flowId.value) return;
-			this.#f = {
+			if (this.#h || t != this.#f.$.flowId.value) return;
+			this.#p = {
 				connectionIds: new Set(n?.all.map((e) => e.connectionId)),
 				serviceId: e
-			}, this.#y({ authorizationServiceId: e });
+			}, this.#b({ authorizationServiceId: e });
 		} catch (e) {
-			this.#m || this.#l(B(e, this.#t.t));
+			this.#h || this.#u(C(e, this.#t.t));
 		}
 	}
 	async setConnection(e, t) {
-		return await this.#d.setConnectorConnection(e, t);
+		return await this.#f.setConnectorConnection(e, t);
 	}
 	async refreshAfterAuthorization() {
-		if (this.#m || this.#f == null) return;
-		let e = this.#f.serviceId;
-		this.#r.delete(e), this.#y({ authorizationServiceId: void 0 }), this.$.selectedAction.value?.serviceId == e && await this.refresh(!0), !this.#m && this.#f?.serviceId == e && (this.#f = void 0);
+		if (this.#h || this.#p == null) return;
+		let e = this.#p.serviceId;
+		this.#r.delete(e), this.#b({ authorizationServiceId: void 0 }), this.$.selectedAction.value?.serviceId == e && await this.refresh(!0), !this.#h && this.#p?.serviceId == e && (this.#p = void 0);
 	}
-	async #h(e, t) {
-		let n = this.#u.value.actions[e];
-		return !t && n != null ? n : await this.#e.getConnectorAction(e, void 0, this.#d.$.flowId.value);
+	async #g(e, t) {
+		let n = this.#d.value.actions[e];
+		return !t && n != null ? n : await this.#e.getConnectorAction(e, void 0, this.#f.$.flowId.value);
 	}
-	async #g(e, t, n, r, i) {
-		this.#y({ connectionLoading: n });
+	async #_(e, t, n, r, i) {
+		this.#b({ connectionLoading: n });
 		try {
-			let a = await this.#_(e, n, r, i);
-			if (a == null || !this.#b(i, e)) return;
-			await this.#v(t, n, a);
+			let a = await this.#v(e, n, r, i);
+			if (a == null || !this.#x(i, e)) return;
+			await this.#y(t, n, a);
 		} finally {
-			this.#b(i, e) && this.#u.value.connectionLoading == n && this.#y({ connectionLoading: void 0 });
+			this.#x(i, e) && this.#d.value.connectionLoading == n && this.#b({ connectionLoading: void 0 });
 		}
 	}
-	async #_(e, t, n, r) {
-		let i = this.#u.value.catalogs[t];
+	async #v(e, t, n, r) {
+		let i = this.#d.value.catalogs[t];
 		if (!n && i != null) return i;
 		let a;
 		try {
 			a = await this.#e.listConnectorConnections(t, void 0, e);
 		} catch (n) {
-			this.#b(r, e) && this.#y({ connectionError: {
-				message: B(n, this.#t.t).message,
+			this.#x(r, e) && this.#b({ connectionError: {
+				message: C(n, this.#t.t).message,
 				serviceId: t
 			} });
 			return;
 		}
-		if (!this.#b(r, e)) return;
-		let o = w(a);
-		return this.#y({ catalogs: {
-			...this.#u.value.catalogs,
+		if (!this.#x(r, e)) return;
+		let o = N(a);
+		return this.#b({ catalogs: {
+			...this.#d.value.catalogs,
 			[t]: o
 		} }), o;
 	}
-	async #v(e, t, n) {
-		let r = this.#f?.serviceId == t ? this.#f : void 0, i = r == null ? [] : n.active.filter((e) => !r.connectionIds.has(e.connectionId)), a = i.length == 1 ? i[0] : n.preferred, o = this.#d.$.revision.value?.task(e.taskId);
-		a != null && this.#d.$.selectedNodeIds.value.includes(e.nodeId) && o != null && "executor" in o && o.executor.kind == "connector" && o.executor.connectionId == null && await this.#d.setConnectorConnection(e.taskId, a.connectionId);
+	async #y(e, t, n) {
+		let r = this.#p?.serviceId == t ? this.#p : void 0, i = r == null ? [] : n.active.filter((e) => !r.connectionIds.has(e.connectionId)), a = i.length == 1 ? i[0] : n.preferred, o = this.#f.$.revision.value?.task(e.taskId);
+		a != null && this.#f.$.selectedNodeIds.value.includes(e.nodeId) && o != null && "executor" in o && o.executor.kind == "connector" && o.executor.connectionId == null && await this.#f.setConnectorConnection(e.taskId, a.connectionId);
 	}
-	#y(e) {
-		this.#m || this.#u.set({
-			...this.#u.value,
+	#b(e) {
+		this.#h || this.#d.set({
+			...this.#d.value,
 			...e
 		});
 	}
-	#b(e, t) {
-		return !this.#m && e() && t == this.#d.$.flowId.value;
+	#x(e, t) {
+		return !this.#h && e() && t == this.#f.$.flowId.value;
 	}
-	async #x() {
-		if (this.#m) return;
-		let e = this.#a.capture(), t = this.#d.$.flowId.value, n = this.#d.$.revision.value;
+	async #S() {
+		if (this.#h) return;
+		let e = this.#a.begin(), t = this.#f.$.flowId.value, n = this.#f.$.revision.value;
 		if (t == null || n == null) return;
-		let r = [...n.connectorActionIds].filter((e) => this.#u.value.actions[e] == null && !this.#i.has(e));
-		if (r.length != 0) {
+		let r = [...n.connectorActionIds].filter((e) => this.#d.value.actions[e] == null && !this.#i.has(e));
+		if (r.length > 0) {
 			for (let e of r) this.#i.add(e);
 			try {
 				let n = await Promise.all(r.map((e) => this.#e.getConnectorAction(e, void 0, t)));
-				if (!this.#b(e, t)) return;
-				let i = { ...this.#u.value.actions };
+				if (!this.#x(e, t)) return;
+				let i = { ...this.#d.value.actions };
 				for (let e of n) i[e.actionId] = e;
-				this.#y({ actions: i });
+				this.#b({ actions: i });
 			} catch {
 				return;
 			} finally {
 				for (let e of r) this.#i.delete(e);
 			}
 		}
+		if (!this.#x(e, t)) return;
+		let i = /* @__PURE__ */ new Set();
+		for (let e of _(n.revision.content).tasks) {
+			let t = n.task(e);
+			if (t?.executor.kind != "connector") continue;
+			let r = this.#d.value.actions[t.executor.action];
+			r?.authenticated == 1 && i.add(r.serviceId);
+		}
+		await Promise.all([...i].map((n) => this.#v(t, n, !1, e)));
 	}
-}, bt = { catalogs: {} }, xt = "trigger:";
-function Y(e, t) {
+}, Zt = { catalogs: {} }, Qt = "trigger:";
+function $t(e, t) {
 	if (e?.kind != "trigger") return;
 	let n = e.trigger;
 	if (n.kind != "poll" && n.kind != "integration") return;
@@ -1385,11 +1672,15 @@ function Y(e, t) {
 		triggerId: e.id
 	};
 }
-function St(e, t) {
+function en(e, t) {
 	return {
-		description: t.t("addNode.triggerNeedsConnection", { provider: e.provider }),
-		group: t.t("addNode.triggers"),
-		id: `${xt}${e.key}`,
+		description: e.description,
+		group: t.t("addNode.integrationTriggers"),
+		icon: R({
+			serviceId: e.provider,
+			serviceName: e.provider
+		}),
+		id: `${Qt}${e.key}`,
 		inputs: [],
 		kind: "trigger",
 		label: e.displayName,
@@ -1403,7 +1694,7 @@ function St(e, t) {
 		}
 	};
 }
-var Ct = class {
+var tn = class {
 	#e;
 	#t;
 	#n;
@@ -1415,28 +1706,29 @@ var Ct = class {
 	#c;
 	#l;
 	#u;
-	constructor(r, i, a, o, s = E()) {
-		this.#t = new AbortController(), this.#a = new x(), this.#c = t(bt), this.#u = !1, this.browseAddNodeOptions = async (e) => {
-			let t = this.#l.$.flowId.value;
-			if (e.aborted || this.#u || t == null || this.#l.$.target.value?.kind != "flow") return [];
-			let n = await this.#d();
-			if (!(e.aborted || this.#u || t != this.#l.$.flowId.value)) return [...n.values()].map((e) => St(e, this.#i));
+	#d;
+	constructor(r, i, a, o, c = W()) {
+		this.#t = new AbortController(), this.#a = new s(), this.#o = /* @__PURE__ */ new Set(), this.#l = n(Zt), this.#d = !1, this.browseAddNodeOptions = async (e) => {
+			let t = this.#u.$.flowId.value;
+			if (e.aborted || this.#d || t == null || this.#u.$.target.value?.kind != "flow") return [];
+			let n = await this.#f();
+			if (!(e.aborted || this.#d || t != this.#u.$.flowId.value)) return [...n.values()].map((e) => en(e, this.#i));
 		}, this.provideAddNodeOptions = async (e, t) => {
-			let n = this.#l.$.flowId.value;
-			if (t.aborted || this.#u || n == null || this.#l.$.target.value?.kind != "flow") return [];
+			let n = this.#u.$.flowId.value;
+			if (t.aborted || this.#d || n == null || this.#u.$.target.value?.kind != "flow") return [];
 			let r = e.trim().toLowerCase();
 			if (r.length == 0) return [];
-			let i = await this.#d();
-			if (!(t.aborted || this.#u || n != this.#l.$.flowId.value)) return [...i.values()].filter((e) => [
+			let i = await this.#f();
+			if (!(t.aborted || this.#d || n != this.#u.$.flowId.value)) return [...i.values()].filter((e) => [
 				e.description,
 				e.displayName,
 				e.key,
 				e.name,
 				e.provider,
 				e.type
-			].some((e) => e.toLowerCase().includes(r))).map((e) => St(e, this.#i));
-		}, this.#n = r, this.#r = o, this.#i = s, this.#s = a, this.#l = i, this.#o = n((e) => {
-			let t = e(i.$.selection), n = Y(t, i), r = e(this.#c);
+			].some((e) => e.toLowerCase().includes(r))).map((e) => en(e, this.#i));
+		}, this.#n = r, this.#r = o, this.#i = c, this.#c = a, this.#u = i, this.#s = t((e) => {
+			let t = e(i.$.selection), n = $t(t, i), r = e(this.#l);
 			if (t?.kind != "trigger") return { authorizationPending: !1 };
 			let a = t.trigger;
 			if (a.kind != "poll" && a.kind != "integration") return { authorizationPending: !1 };
@@ -1449,140 +1741,284 @@ var Ct = class {
 				definition: a.definition
 			};
 		}), this.$ = {
-			connectionLoading: e(this.#c, (e) => e.connectionLoading),
-			selectedActiveConnections: e(this.#o, (e) => e.activeConnections),
-			selectedAuthorizationPending: e(this.#o, (e) => e.authorizationPending),
-			selectedConnection: e(this.#o, (e) => e.connection),
-			selectedConnectionError: e(this.#o, (e) => e.connectionError),
-			selectedDefinition: e(this.#o, (e) => e.definition)
+			connectionLoading: e(this.#l, (e) => e.connectionLoading),
+			selectedActiveConnections: e(this.#s, (e) => e.activeConnections),
+			selectedAuthorizationPending: e(this.#s, (e) => e.authorizationPending),
+			selectedConnection: e(this.#s, (e) => e.connection),
+			selectedConnectionError: e(this.#s, (e) => e.connectionError),
+			selectedDefinition: e(this.#s, (e) => e.definition)
 		};
 	}
 	dispose() {
-		this.#u = !0, this.#t.abort(), this.#a.invalidate();
+		this.#d = !0, this.#t.abort(), this.#a.invalidate();
 		for (let e of Object.values(this.$)) e.dispose();
-		this.#o.dispose(), this.#c.dispose();
+		this.#s.dispose(), this.#l.dispose();
 	}
 	reset() {
-		this.#u || (this.#t.abort(), this.#t = new AbortController(), this.#e = void 0, this.#a.invalidate(), this.#c.set(bt));
+		this.#d || (this.#t.abort(), this.#t = new AbortController(), this.#e = void 0, this.#o.clear(), this.#a.invalidate(), this.#l.set(Zt));
 	}
 	async refresh(e = !1) {
-		let t = this.#a.begin(), n = this.#l.$.flowId.value, r = Y(this.#l.$.selection.value, this.#l);
-		if (!this.#u) {
-			if (n == null || r == null) {
-				this.#c.value.connectionLoading != null && this.#f({ connectionLoading: void 0 });
-				return;
-			}
-			if (!(!e && this.#c.value.catalogs[r.provider] != null)) {
-				this.#f({
-					connectionError: void 0,
-					connectionLoading: r.provider
-				});
-				try {
-					let e = w(await this.#n.listConnectorConnections(r.provider, void 0, n));
-					if (!this.#p(t, n)) return;
-					this.#f({ catalogs: {
-						...this.#c.value.catalogs,
-						[r.provider]: e
-					} });
-				} catch (e) {
-					this.#p(t, n) && this.#f({ connectionError: {
-						message: B(e, this.#i.t).message,
-						provider: r.provider
-					} });
-				} finally {
-					this.#p(t, n) && this.#c.value.connectionLoading == r.provider && this.#f({ connectionLoading: void 0 });
-				}
-			}
+		if (this.#d) return;
+		let t = this.#a.begin(), n = this.#u.$.flowId.value, r = $t(this.#u.$.selection.value, this.#u);
+		if (n == null || r == null) {
+			this.#l.value.connectionLoading != null && this.#p({ connectionLoading: void 0 });
+			return;
+		}
+		if (!e && !this.#o.has(r.provider) && this.#l.value.catalogs[r.provider] != null) {
+			this.#l.value.connectionLoading != null && this.#p({ connectionLoading: void 0 });
+			return;
+		}
+		this.#p({
+			connectionError: void 0,
+			connectionLoading: r.provider
+		});
+		try {
+			let e = N(await this.#n.listConnectorConnections(r.provider, void 0, n));
+			if (!this.#m(t, n)) return;
+			this.#o.delete(r.provider), this.#p({ catalogs: {
+				...this.#l.value.catalogs,
+				[r.provider]: e
+			} });
+		} catch (e) {
+			this.#m(t, n) && this.#p({ connectionError: {
+				message: C(e, this.#i.t).message,
+				provider: r.provider
+			} });
+		} finally {
+			this.#m(t, n) && this.#l.value.connectionLoading == r.provider && this.#p({ connectionLoading: void 0 });
 		}
 	}
 	async connect(e) {
-		let t = this.#l.$.flowId.value;
-		if (!(this.#u || t == null)) try {
+		let t = this.#u.$.flowId.value;
+		if (!(this.#d || t == null)) try {
 			if (!await this.#r.openExternalPage(() => this.#n.createConnectorConnectionPage(e, t))) {
-				this.#s({
+				this.#c({
 					kind: "error",
 					message: this.#i.t("notice.connectionPopupBlocked")
 				});
 				return;
 			}
-			!this.#u && t == this.#l.$.flowId.value && this.#f({ authorizationProvider: e });
+			!this.#d && t == this.#u.$.flowId.value && this.#p({ authorizationProvider: e });
 		} catch (e) {
-			this.#u || this.#s(B(e, this.#i.t));
+			this.#d || this.#c(C(e, this.#i.t));
 		}
 	}
 	async setConnection(e, t) {
-		return await this.#l.setTriggerConnection(e, t);
-	}
-	async saveSettings(e, t) {
-		return await this.#l.saveTriggerSettings(e, t);
+		return await this.#u.setTriggerConnection(e, t);
 	}
 	async refreshAfterAuthorization() {
-		let e = this.#c.value.authorizationProvider;
-		if (this.#u || e == null) return;
-		let t = { ...this.#c.value.catalogs };
-		delete t[e], this.#f({
-			authorizationProvider: void 0,
-			catalogs: t
-		}), Y(this.#l.$.selection.value, this.#l)?.provider == e && await this.refresh(!0);
-	}
-	#d() {
+		if (this.#d) return;
+		let e = this.#l.value.authorizationProvider;
+		e != null && (this.#o.add(e), this.#p({ authorizationProvider: void 0 }), $t(this.#u.$.selection.value, this.#u)?.provider == e && await this.refresh(!0));
+	}
+	#f() {
 		if (this.#e != null) return this.#e;
 		let e = this.#n.listTriggerDefinitions(this.#t.signal).then((e) => new Map(e.map((e) => [e.key, e])));
 		return this.#e = e, e.catch(() => {
 			this.#e == e && (this.#e = void 0);
 		}), e;
 	}
-	#f(e) {
-		this.#u || this.#c.set({
-			...this.#c.value,
+	#p(e) {
+		this.#d || this.#l.set({
+			...this.#l.value,
 			...e
 		});
 	}
-	#p(e, t) {
-		return !this.#u && e() && t == this.#l.$.flowId.value;
+	#m(e, t) {
+		return !this.#d && e() && t == this.#u.$.flowId.value;
 	}
 };
 //#endregion
-//#region src/workbench/browser/runtime/designer/remoteChangeTargets.ts
-function wt(e, t) {
-	return e.kind == t.kind && (e.kind != "subflow" || t.kind == "subflow" && e.id == t.id);
-}
-function X(e, t, n, r) {
-	for (let [i, a] of Object.entries(t.graph(n)?.nodes ?? {})) r(a) && e.add(i);
-}
-function Tt(e, t, n, r) {
-	let i = /* @__PURE__ */ new Set();
-	for (let a of r) switch (a.kind) {
-		case "graph.node.create":
-		case "graph.node.replace":
-			wt(a.target, n) && i.add(a.nodeId);
-			break;
-		case "task.replace":
-			X(i, e, n, (e) => e.kind == "task" && e.task == null && e.taskId == a.taskId), X(i, t, n, (e) => e.kind == "task" && e.task == null && e.taskId == a.taskId);
-			break;
-		case "module.source.replace":
-			X(i, e, n, (e) => e.kind == "task" && e.task?.moduleId == a.moduleId), X(i, t, n, (e) => e.kind == "task" && e.task?.moduleId == a.moduleId);
-			break;
-		case "subflow.definition.replace": X(i, e, n, (e) => e.kind == "subflow" && e.subflowId == a.subflowId), X(i, t, n, (e) => e.kind == "subflow" && e.subflowId == a.subflowId);
-	}
-	return new Set([...i].filter((e) => t.selection(n, e) != null));
+//#region src/flow/common/inverseChanges.ts
+function nn(e, t) {
+	let n = e, r = [];
+	for (let e of t) {
+		let t = Je(n, [e]), i = [];
+		switch (e.kind) {
+			case "graph.node.create":
+				i.push({
+					kind: "graph.node.delete",
+					nodeId: e.nodeId,
+					target: e.target
+				});
+				break;
+			case "graph.node.delete": {
+				let { target: r, nodeId: a } = e, o = r.kind == "flow" ? n.document.graph : n.document.subflows[r.id].graph, s = r.kind == "flow" ? t.document.graph : t.document.subflows[r.id].graph;
+				i.push({
+					kind: "graph.node.create",
+					nodeId: a,
+					target: r,
+					node: o.nodes[a]
+				});
+				for (let [e, t] of Object.entries(s.nodes)) {
+					let n = o.nodes[e];
+					if (!(!("inputs" in t) || !("inputs" in n))) for (let a of /* @__PURE__ */ new Set([...Object.keys(n.inputs), ...Object.keys(t.inputs)])) B(t.inputs[a], n.inputs[a]) || i.push({
+						kind: "graph.node.input.set",
+						target: r,
+						nodeId: e,
+						handle: a,
+						before: t.inputs[a],
+						value: n.inputs[a]
+					});
+				}
+				for (let e of s.edges) i.push({
+					kind: "graph.edge.disconnect",
+					target: r,
+					edge: e
+				});
+				for (let e of o.edges) i.push({
+					kind: "graph.edge.connect",
+					target: r,
+					edge: e
+				});
+				if (r.kind == "subflow") {
+					let { graph: e, ...a } = n.document.subflows[r.id], { graph: o, ...s } = t.document.subflows[r.id];
+					B(s, a) || i.push({
+						kind: "subflow.definition.set",
+						subflowId: r.id,
+						before: s,
+						definition: a
+					});
+				}
+				break;
+			}
+			case "graph.edge.connect":
+				i.push({
+					...e,
+					kind: "graph.edge.disconnect"
+				});
+				break;
+			case "graph.edge.disconnect": {
+				let { target: r } = e, a = r.kind == "flow" ? n.document.graph : n.document.subflows[r.id].graph, o = r.kind == "flow" ? t.document.graph : t.document.subflows[r.id].graph;
+				i.push(...o.edges.map((e) => ({
+					kind: "graph.edge.disconnect",
+					target: r,
+					edge: e
+				}))), i.push(...a.edges.map((e) => ({
+					kind: "graph.edge.connect",
+					target: r,
+					edge: e
+				})));
+				break;
+			}
+			case "module.create":
+				i.push({
+					kind: "module.delete",
+					moduleId: e.moduleId
+				});
+				break;
+			case "module.delete":
+				i.push({
+					kind: "module.create",
+					moduleId: e.moduleId,
+					module: n.modules[e.moduleId]
+				});
+				break;
+			case "binding.create":
+				i.push({
+					kind: "binding.delete",
+					bindingId: e.bindingId
+				});
+				break;
+			case "binding.delete":
+				i.push({
+					kind: "binding.create",
+					bindingId: e.bindingId,
+					binding: n.document.bindings[e.bindingId]
+				});
+				break;
+			case "task.create":
+				i.push({
+					kind: "task.delete",
+					taskId: e.taskId
+				});
+				break;
+			case "task.delete":
+				i.push({
+					kind: "task.create",
+					taskId: e.taskId,
+					task: n.document.tasks[e.taskId]
+				});
+				break;
+			case "graph.node.input.set":
+				i.push({
+					...e,
+					before: e.value,
+					value: e.before
+				});
+				break;
+			default: throw Error(`Unsupported canvas history operation: ${e.kind}`);
+		}
+		r.push(i), n = t;
+	}
+	return r.toReversed().flat();
 }
 //#endregion
-//#region src/workbench/browser/runtime/stores/draftChanges.ts
-function Et(e) {
-	if (e.length != 1) return;
-	let t = e[0];
-	switch (t.kind) {
-		case "binding.replace": return `${t.kind}:${t.bindingId}`;
-		case "graph.node.replace": return `${t.kind}:${t.target.kind}:${t.target.kind == "subflow" ? t.target.id : ""}:${t.nodeId}`;
-		case "module.rename":
-		case "module.source.replace": return `${t.kind}:${t.moduleId}`;
-		case "subflow.definition.replace": return `${t.kind}:${t.subflowId}`;
-		case "task.replace": return `${t.kind}:${t.taskId}`;
-		default: return;
+//#region src/workbench/browser/runtime/stores/canvasHistory.ts
+var rn = class {
+	constructor() {
+		this.state$ = n({
+			canUndo: !1,
+			canRedo: !1,
+			applying: !1,
+			failed: !1,
+			undo: void 0,
+			redo: void 0
+		}), this.#e = [], this.#t = [], this.generation = 0, this.pending = 0, this.applying = !1, this.failed = !1;
+	}
+	#e;
+	#t;
+	clear() {
+		let e = this.#e.length + this.#t.length > 0;
+		return this.generation++, this.#e.length = 0, this.#t.length = 0, this.publish(), e;
+	}
+	record(e) {
+		if (this.#t.length = 0, this.#e.push(e), this.#n([e]) > 10485760) return this.clear(), !1;
+		for (; this.#e.length > 30 || this.#n(this.#e) > 10485760;) this.#e.shift();
+		return this.publish(), !0;
+	}
+	complete(e) {
+		let t = e ? this.#t : this.#e, n = e ? this.#e : this.#t, r = t.pop();
+		r != null && n.push(r), this.publish();
+	}
+	publish() {
+		let e = this.pending == 0 && !this.applying && !this.failed;
+		this.state$.set({
+			canUndo: e && this.#e.length > 0,
+			canRedo: e && this.#t.length > 0,
+			applying: this.applying,
+			failed: this.failed,
+			undo: this.#e.at(-1),
+			redo: this.#t.at(-1)
+		});
+	}
+	#n(e) {
+		return new TextEncoder().encode(JSON.stringify(e)).byteLength;
 	}
+};
+//#endregion
+//#region src/workbench/browser/runtime/stores/draftChanges.ts
+function an(e, t) {
+	if (e.length != 1 || t.length != 1) return;
+	let n = e[0], r = t[0];
+	if (n?.kind == "graph.node.field.set" && r?.kind == "graph.node.field.set") return n.nodeId != r.nodeId || n.field != r.field || n.target.kind != r.target.kind || n.target.kind == "subflow" && (r.target.kind != "subflow" || n.target.id != r.target.id) ? void 0 : [{
+		before: n.before,
+		field: r.field,
+		kind: r.kind,
+		nodeId: r.nodeId,
+		target: r.target,
+		value: r.value
+	}];
+	if (n?.kind == "graph.node.input.set" && r?.kind == "graph.node.input.set") return n.nodeId != r.nodeId || n.handle != r.handle || n.target.kind != r.target.kind || n.target.kind == "subflow" && (r.target.kind != "subflow" || n.target.id != r.target.id) ? void 0 : [{
+		before: n.before,
+		handle: r.handle,
+		kind: r.kind,
+		nodeId: r.nodeId,
+		target: r.target,
+		value: r.value
+	}];
 }
-var Dt = class {
+var on = class {
 	#e;
 	#t;
 	#n;
@@ -1608,54 +2044,73 @@ var Dt = class {
 	}
 	replaceCommitted(e) {
 		this.#a = e;
+		let t = e, n = [];
+		for (let e of this.#o) try {
+			t = I(t, e.changes), n.push(e);
+		} catch (t) {
+			if (!(t instanceof Ke)) throw t;
+			e.active = !1;
+		}
+		return this.#o = n, t;
 	}
 	project(e) {
-		return this.#o.reduce((e, t) => F(e, t.changes), e);
+		return this.#o.reduce((e, t) => I(e, t.changes), e);
+	}
+	async settled() {
+		await this.#s;
 	}
 	enqueue(e) {
 		let t = this.#s.then(e);
 		return this.#s = t, t;
 	}
 	async change(e, t, n, r = !0) {
-		this.#t.beforeChange(r), this.#t.apply(F(t, n));
-		let i = Et(n), a = this.#o.at(-1), o = i != null && a != null && !a.started && Et(a.changes) == i ? a : void 0;
-		if (o != null) return o.changes = n, await o.result;
-		let s = {
+		let i = this.#o.at(-1), a = i == null || i.started || !i.active ? void 0 : an(i.changes, n);
+		if (i != null && a != null) return i.changes = a, this.#a != null && this.#t.apply(this.project(this.#a)), i.result;
+		this.#t.beforeChange(r);
+		let o = {
 			...e,
+			active: !0,
+			changeId: L(),
 			changes: n,
 			started: !1
 		};
-		this.#a ??= t, this.#o.push(s), this.#i += 1;
-		let c = this.#s.then(() => (s.started = !0, this.#c(s)));
-		s.result = c, this.#s = c.then(() => void 0);
+		this.#a ??= t, this.#o.push(o), this.#t.apply(this.project(this.#a)), this.#i += 1;
+		let s = this.#s.then(() => (o.started = !0, this.#c(o)));
+		o.result = s, this.#s = s.then(() => void 0, () => void 0);
 		try {
-			return await c;
+			return await s;
 		} finally {
 			--this.#i, this.#i == 0 && this.#t.finishChanges();
 		}
 	}
 	async #c(e) {
 		let t = !1;
-		for (; this.#t.current(e);) {
+		for (; e.active && this.#t.current(e);) {
 			let n = this.#a;
 			if (n == null) return;
 			try {
-				let t = await this.#e.changeDraft(e.flowId, n.revisionId, e.changes);
+				let t = await this.#e.changeDraft(e.flowId, n.revisionId, e.changes, e.changeId);
 				if (!this.#t.current(e)) return;
 				if (t.revision.parentRevisionId != n.revisionId) throw Error("Invalid Draft change response.");
 				let r = this.#l(e, n, t);
 				return this.#o.length == 0 && this.#t.check(), r;
 			} catch (n) {
-				if (n instanceof P && n.code == "flow.revision-conflict") {
+				if (n instanceof c && n.code == "flow.revision-conflict") {
 					if (!t && await this.#t.recover(e)) {
-						t = !0;
+						t = !0, e.changeId = L();
 						continue;
 					}
-					t && await this.#t.recover(e), this.#u(e), this.#t.current(e) && this.#r({
-						kind: "error",
-						message: this.#n.t("notice.draftConflict")
-					});
-				} else this.#u(e), this.#t.current(e) && this.#r(B(n, this.#n.t));
+					t && await this.#t.recover(e), this.#u(e);
+				} else {
+					if (!(n instanceof c) && !t) {
+						let n = this.#a?.revisionId;
+						if (await this.#t.recover(e)) {
+							t = !0, e.active && this.#a?.revisionId != n && (e.changeId = L());
+							continue;
+						}
+					}
+					this.#u(e), this.#t.current(e) && this.#r(C(n, this.#n.t));
+				}
 				return;
 			}
 		}
@@ -1663,35 +2118,39 @@ var Dt = class {
 	#l(e, t, n) {
 		let r = {
 			...n.revision,
-			content: F(t, e.changes).content
+			content: I(t, e.changes).content
 		};
 		this.#o = this.#o.filter((t) => t !== e), this.#a = r;
 		let i = this.#t.diagnostics(), a = this.#o.length == 0 && i?.revisionId == r.revisionId;
 		return this.#t.apply(this.project(r), a), this.#t.headChanged(e.flowId, r.revisionId), r;
 	}
 	#u(e) {
-		this.#o = this.#o.filter((t) => t !== e), !(!this.#t.current(e) || this.#a == null) && this.#t.apply(this.project(this.#a));
+		e.active = !1, this.#o = this.#o.filter((t) => t !== e), !(!this.#t.current(e) || this.#a == null) && this.#t.apply(this.project(this.#a));
 	}
-}, Ot = 50, kt = {
+}, sn = 50, cn = {
 	failed: !1,
 	loaded: !1,
 	loading: !0,
 	loadingMore: !1,
 	loadMoreFailed: !1,
+	refreshing: !1,
 	flows: []
-}, At = class {
+}, ln = class {
 	#e;
 	#t;
-	#n = new x();
+	#n = new s();
 	#r;
-	#i = t(kt);
-	#a = !1;
+	#i = n(cn);
+	#a = new AbortController();
+	#o = /* @__PURE__ */ new Set();
+	#s = !1;
 	constructor(t, n, r) {
 		this.#e = t, this.#t = r, this.#r = n, this.$ = {
 			failed: e(this.#i, (e) => e.failed),
 			loading: e(this.#i, (e) => e.loading),
 			loadingMore: e(this.#i, (e) => e.loadingMore),
 			loadMoreFailed: e(this.#i, (e) => e.loadMoreFailed),
+			refreshing: e(this.#i, (e) => e.refreshing),
 			nextCursor: e(this.#i, (e) => e.nextCursor),
 			flows: e(this.#i, (e) => e.flows),
 			total: e(this.#i, (e) => e.total)
@@ -1701,24 +2160,26 @@ var Dt = class {
 		return this.#i.value.loaded;
 	}
 	dispose() {
-		this.#a = !0, this.#n.invalidate();
+		this.#s = !0, this.#a.abort(), this.#n.invalidate();
 		for (let e of Object.values(this.$)) e.dispose();
 		this.#i.dispose();
 	}
-	capture() {
-		return this.#n.capture();
-	}
 	flow(e) {
 		return this.#i.value.flows.find((t) => t.flowId == e);
 	}
 	async reload() {
-		let e = this.#n.begin();
-		this.#o({
+		let e = this.#n.begin(), t = this.#i.value.loaded;
+		t ? this.#c({
+			failed: !1,
+			loadingMore: !1,
+			loadMoreFailed: !1,
+			refreshing: !0
+		}) : this.#c({
 			failed: !1,
-			loaded: !1,
 			loading: !0,
 			loadingMore: !1,
 			loadMoreFailed: !1,
+			refreshing: !1,
 			nextCursor: void 0,
 			flows: [],
 			total: void 0
@@ -1726,92 +2187,130 @@ var Dt = class {
 		try {
 			let t = await this.#e.listFlows({
 				includeTotal: !0,
-				limit: Ot
+				limit: sn
 			});
 			if (!e()) return;
-			this.#o({
+			this.#c({
 				loaded: !0,
 				loading: !1,
+				refreshing: !1,
 				nextCursor: t.nextCursor,
 				flows: t.flows,
 				total: t.total
 			});
-		} catch (t) {
+		} catch (n) {
 			if (!e()) return;
-			this.#o({
-				failed: !0,
-				loading: !1
-			}), this.#r(B(t, this.#t.t));
+			this.#c({
+				failed: !t,
+				loading: !1,
+				refreshing: !1
+			}), this.#r(C(n, this.#t.t));
 		}
 	}
 	async loadMore() {
-		let { loadingMore: e, nextCursor: t } = this.#i.value;
-		if (e || t == null) return;
-		let n = this.#n.capture();
-		this.#o({
+		let { loadingMore: e, nextCursor: t, refreshing: n } = this.#i.value;
+		if (e || n || t == null) return;
+		let r = this.#n.capture();
+		this.#c({
 			loadingMore: !0,
 			loadMoreFailed: !1
 		});
 		try {
 			let e = await this.#e.listFlows({
 				cursor: t,
-				limit: Ot
+				limit: sn
 			});
-			if (!n()) return;
-			let r = new Set(this.#i.value.flows.map((e) => e.flowId));
-			this.#o({
+			if (!r()) return;
+			let n = new Set(this.#i.value.flows.map((e) => e.flowId));
+			this.#c({
 				loadingMore: !1,
 				nextCursor: e.nextCursor,
-				flows: [...this.#i.value.flows, ...e.flows.filter((e) => !r.has(e.flowId))]
+				flows: [...this.#i.value.flows, ...e.flows.filter((e) => !n.has(e.flowId))]
 			});
 		} catch (e) {
-			if (!n()) return;
-			this.#o({
+			if (!r()) return;
+			this.#c({
 				loadingMore: !1,
 				loadMoreFailed: !0
-			}), this.#r(B(e, this.#t.t));
+			}), this.#r(C(e, this.#t.t));
+		}
+	}
+	async setEnabled(e, t) {
+		if (!(e.live == null || this.#o.has(e.flowId))) {
+			this.#o.add(e.flowId);
+			try {
+				let n = await this.#e.setFlowEnabled(e.flowId, e.live.publicationId, t);
+				this.#s || this.include(n);
+			} catch (e) {
+				this.#s || (this.#r(C(e, this.#t.t)), await this.reload());
+			} finally {
+				this.#o.delete(e.flowId);
+			}
+		}
+	}
+	async publish(e) {
+		if (!this.#o.has(e.flowId)) {
+			this.#o.add(e.flowId);
+			try {
+				let t = await this.#e.publishFlow(e.flowId, e.draftRevisionId, e.live?.publicationId ?? null);
+				if (this.#s) return;
+				let n = await X.runPromise(X.gen({ self: this }, function* () {
+					let n = t;
+					for (; n.status == "pending";) yield* X.sleep(1e3), n = yield* X.tryPromise((t) => this.#e.getPublishOperation(e.flowId, n.operationId, t));
+					return n;
+				}), { signal: this.#a.signal });
+				if (this.#s) return;
+				n.status == "failed" ? this.#r({
+					kind: "error",
+					message: n.issue.message
+				}) : this.#r({
+					kind: "success",
+					message: this.#t.t("notice.published", { name: e.name })
+				}), this.include(await this.#e.getFlow(e.flowId));
+			} catch (e) {
+				this.#s || this.#r(C(e, this.#t.t));
+			} finally {
+				this.#o.delete(e.flowId);
+			}
 		}
 	}
 	async create(e) {
 		let t = await this.#e.createFlow(e);
-		if (!this.#a) return this.#o({
-			flows: [...this.#i.value.flows, t],
-			total: this.#i.value.total == null ? void 0 : this.#i.value.total + 1
-		}), t;
+		if (!this.#s) return this.insert(t), t;
 	}
 	include(e) {
 		let t = this.#i.value.flows.findIndex((t) => t.flowId == e.flowId);
 		if (t < 0) {
-			this.#o({ flows: [...this.#i.value.flows, e] });
+			this.#c({ flows: [...this.#i.value.flows, e] });
 			return;
 		}
-		this.#o({ flows: this.#i.value.flows.with(t, e) });
+		this.#c({ flows: this.#i.value.flows.with(t, e) });
 	}
 	insert(e) {
-		this.#i.value.flows.some((t) => t.flowId == e.flowId) || this.#o({
+		this.#i.value.flows.some((t) => t.flowId == e.flowId) || this.#c({
 			flows: [...this.#i.value.flows, e],
 			total: this.#i.value.total == null ? void 0 : this.#i.value.total + 1
 		});
 	}
 	remove(e) {
-		this.#o({
+		this.#c({
 			flows: this.#i.value.flows.filter((t) => t.flowId != e),
 			total: this.#i.value.total == null ? void 0 : this.#i.value.total - 1
 		});
 	}
 	advanceHead(e, t) {
-		this.#o({ flows: this.#i.value.flows.map((n) => n.flowId == e ? {
+		this.#c({ flows: this.#i.value.flows.map((n) => n.flowId == e ? {
 			...n,
 			draftRevisionId: t
 		} : n) });
 	}
-	#o(e) {
-		this.#a || this.#i.set({
+	#c(e) {
+		this.#s || this.#i.set({
 			...this.#i.value,
 			...e
 		});
 	}
-}, jt = class {
+}, un = class {
 	#e;
 	#t;
 	#n;
@@ -1829,10 +2328,13 @@ var Dt = class {
 	dispose() {
 		this.#o = !0, this.#s = [];
 	}
+	async settled() {
+		await this.#i;
+	}
 	async change(e, t, n, r) {
-		if (this.#o || this.#a == null) return;
+		if (this.#o || this.#a == null) return !1;
 		let i = r(t.value);
-		if (i === t.value) return;
+		if (B(i, t.value)) return !0;
 		let a = {
 			current: n,
 			flowId: e,
@@ -1841,20 +2343,22 @@ var Dt = class {
 		this.#s.push(a), this.#r({
 			...t,
 			value: i
-		}), this.#i = this.#i.then(async () => {
+		});
+		let o = !1;
+		return this.#i = this.#i.then(async () => {
 			if (this.#o || !n()) return;
 			let t = this.#a, i = r(t.value);
-			if (i === t.value) {
-				this.#c(a, t);
+			if (B(i, t.value)) {
+				this.#c(a, t), o = !0;
 				return;
 			}
 			try {
 				let r = await this.#e.updatePresentation(e, t.revision, i);
 				if (this.#o || !n()) return;
-				this.#c(a, r);
+				this.#c(a, r), o = !0;
 			} catch (r) {
 				if (this.#o || !n()) return;
-				if (r instanceof P && r.code == "flow.presentation-conflict") try {
+				if (r instanceof c && r.code == "flow.presentation-conflict") try {
 					let t = await this.#e.getPresentation(e);
 					if (this.#o || !n()) return;
 					this.#c(a, t), this.#n({
@@ -1862,11 +2366,11 @@ var Dt = class {
 						message: this.#t.t("notice.layoutConflict")
 					});
 				} catch (e) {
-					!this.#o && n() && this.#n(B(e, this.#t.t));
+					!this.#o && n() && this.#c(a, t), !this.#o && n() && this.#n(C(e, this.#t.t));
 				}
-				else this.#c(a, t), this.#n(B(r, this.#t.t));
+				else this.#c(a, t), this.#n(C(r, this.#t.t));
 			}
-		}), await this.#i;
+		}), await this.#i, o;
 	}
 	#c(e, t) {
 		this.#s = this.#s.filter((t) => t !== e), this.#a = t;
@@ -1876,21 +2380,21 @@ var Dt = class {
 			value: n
 		});
 	}
-}, Mt = {
+}, dn = {
 	checkLoading: !1,
 	selectedNodeIds: [],
 	workspaceLoadFailed: !1,
 	workspaceLoading: !1
 };
-function Nt(e) {
-	return e.workspaceLoading ? "loading" : e.busy == "designer" ? "saving" : e.draft == null ? "noDraft" : "saved";
+function fn(e) {
+	return e.workspaceLoading ? "loading" : e.moduleSaveStatus == null ? e.busy == "designer" ? "saving" : e.draft == null ? "noDraft" : "saved" : e.moduleSaveStatus;
 }
-function Z(e, t) {
+function pn(e, t) {
 	if (t.phase != null) return t.phase;
 	let n = e?.content.modules[t.moduleId];
 	return n == null ? "failed" : t.source == n.source ? "saved" : "dirty";
 }
-function Q(e, t, n) {
+function mn(e, t, n) {
 	if (e == null || t == null || n.length != 1) return;
 	let r = e.node(t, n[0]);
 	if (!(r?.kind != "task" || r.definition == null || !("moduleId" in r.definition) || r.module == null)) return {
@@ -1898,38 +2402,38 @@ function Q(e, t, n) {
 		source: r.module.source
 	};
 }
-var Pt = class {
+var hn = class {
 	#e;
-	#t = t(Mt);
+	#t = n(dn);
 	#n;
-	constructor(t, r) {
+	constructor(n, r) {
 		let i = e(this.#t, (e) => e.busy), a = e(this.#t, (e) => e.checkLoading), o = e(this.#t, (e) => e.diagnosticFocus), s = e(this.#t, (e) => e.diagnostics), c = e(this.#t, (e) => e.draft), l = e(this.#t, (e) => {
 			if (e.moduleEditor == null) return;
 			let { phase: t, ...n } = e.moduleEditor;
 			return {
 				...n,
-				status: Z(e.draft, e.moduleEditor)
+				status: pn(e.draft, e.moduleEditor)
 			};
-		}), u = e(this.#t, (e) => e.nodeFocus), d = e(this.#t, (e) => e.presentation), f = e(this.#t, (e) => e.flowId), p = e(this.#t, (e) => e.live), m = e(this.#t, (e) => e.draft == null ? void 0 : N(e.draft)), h = e(this.#t, (e) => e.selectedNodeIds), g = e(this.#t, (e) => e.target), _ = e(this.#t, (e) => e.workspaceLoadFailed), v = e(this.#t, (e) => e.workspaceLoading);
+		}), u = e(this.#t, (e) => e.nodeFocus), d = e(this.#t, (e) => e.presentation), f = e(this.#t, (e) => e.flowId), p = e(this.#t, (e) => e.live), m = e(this.#t, (e) => e.draft == null ? void 0 : F(e.draft)), h = e(this.#t, (e) => e.selectedNodeIds), g = e(this.#t, (e) => e.target), _ = e(this.#t, (e) => e.workspaceLoadFailed), v = e(this.#t, (e) => e.workspaceLoading);
 		this.#e = e(this.#t, (e) => ({
-			revision: e.draft == null ? void 0 : N(e.draft),
+			revision: e.draft == null ? void 0 : F(e.draft),
 			target: e.target
 		}), { equal: (e, t) => e.revision === t.revision && e.target === t.target });
 		let y = e(this.#t, (e) => {
-			if (e.draft != null && e.target != null && e.selectedNodeIds.length == 1) return N(e.draft).selection(e.target, e.selectedNodeIds[0]);
+			if (e.draft != null && e.target != null && e.selectedNodeIds.length == 1) return F(e.draft).selection(e.target, e.selectedNodeIds[0]);
 		});
 		this.$ = {
-			addNodeOptions: n((e) => {
-				let { revision: n, target: r } = e(this.#e);
-				return je(n?.revision, r, e(t.t$));
+			addNodeOptions: t((e) => {
+				let { revision: t, target: r } = e(this.#e);
+				return O(t?.revision, r, e(n.t$));
 			}),
 			busy: i,
 			checkLoading: a,
 			diagnosticFocus: o,
-			diagnosticItems: e(this.#t, (e) => we(e.draft == null ? void 0 : N(e.draft), e.target, e.diagnostics)),
+			diagnosticItems: e(this.#t, (e) => Ae(e.draft == null ? void 0 : F(e.draft), e.target, e.diagnostics)),
 			diagnostics: s,
 			draft: c,
-			flow: n((e) => {
+			flow: t((e) => {
 				let t = e(f);
 				return t == null ? void 0 : e(r.$.flows).find((e) => e.flowId == t);
 			}),
@@ -1939,25 +2443,22 @@ var Pt = class {
 			flowLoading: r.$.loading,
 			flowLoadingMore: r.$.loadingMore,
 			flowNextCursor: r.$.nextCursor,
+			flowRefreshing: r.$.refreshing,
 			flowTotal: r.$.total,
 			flows: r.$.flows,
-			inspectorDiagnostics: e(this.#t, (e) => Oe(e.draft == null ? void 0 : N(e.draft), e.target, e.diagnostics, y.value)),
+			inspectorDiagnostics: e(this.#t, (e) => ue(e.draft == null ? void 0 : F(e.draft), e.target, e.diagnostics, y.value)),
 			live: p,
-			moduleDiagnostics: e(this.#t, (e) => {
-				let t = e.moduleEditor?.moduleId;
-				return t == null ? [] : e.diagnostics?.diagnostics.filter((e) => e.path.startsWith(`/modules/${t}/source`)) ?? [];
-			}),
 			moduleEditor: l,
 			nodeFocus: u,
 			presentation: d,
 			revision: m,
 			selection: y,
 			selectedNodeIds: h,
-			status: e(this.#t, Nt),
+			status: e(this.#t, fn),
 			target: g,
-			targetFlow: n((e) => e(g)?.kind == "flow" ? e(r.$.flows).find((t) => t.flowId == e(f)) : void 0),
+			targetFlow: t((e) => e(g)?.kind == "flow" ? e(r.$.flows).find((t) => t.flowId == e(f)) : void 0),
 			targetName: e(this.#t, (e) => {
-				if (e.target != null) return e.target.kind == "flow" ? r.flow(e.flowId ?? "")?.name : e.draft == null ? e.target.id : N(e.draft).subflow(e.target.id)?.name ?? e.target.id;
+				if (e.target != null) return e.target.kind == "flow" ? r.flow(e.flowId ?? "")?.name : e.draft == null ? e.target.id : F(e.draft).subflow(e.target.id)?.name ?? e.target.id;
 			}),
 			workspaceLoadFailed: _,
 			workspaceLoading: v
@@ -1976,17 +2477,17 @@ var Pt = class {
 		for (let e of Object.values(this.$)) this.#n.has(e) || e.dispose();
 		this.#e.dispose(), this.#t.dispose();
 	}
-}, Ft = 250;
-function It(e, t) {
+}, gn = {
+	x: 40,
+	y: 40
+};
+function _n(e, t) {
 	if (t != null) return t.kind == "flow" || e.subflow(t.id) != null ? t : { kind: "flow" };
 }
-function $(e, t) {
-	return e?.kind == t?.kind ? e?.kind != "subflow" || t?.kind == "subflow" && e.id == t.id : !1;
-}
-var Lt = class {
+var vn = class {
 	#e;
 	#t;
-	#n = new x();
+	#n;
 	#r;
 	#i;
 	#a;
@@ -1995,50 +2496,61 @@ var Lt = class {
 	#c;
 	#l;
 	#u;
-	#d = 0;
-	#f = 0;
+	#d;
+	#f;
 	#p;
-	#m = 0;
-	#h = !1;
-	#g = !1;
-	#_ = !1;
-	#v = !1;
-	#y = 0;
+	#m;
+	#h;
+	#g;
+	#_;
+	#v;
+	#y;
 	#b;
 	#x;
-	constructor(e, t, n = it, r = E(), i = () => {}) {
-		this.#e = e, this.#c = t, this.#i = n, this.#r = r, this.#s = i, this.#o = new At(e, t, r), this.#l = new Pt(r, this.#o), this.#t = new Dt(e, t, r, {
-			apply: (e, t) => this.#w(e, t),
+	#S;
+	constructor(e, t, n = At, r = W(), i = () => {}) {
+		this.#n = new s(), this.#u = /* @__PURE__ */ new Map(), this.#d = new rn(), this.history$ = this.#d.state$, this.#h = 0, this.#g = 0, this.#_ = !1, this.#v = !1, this.#y = !1, this.#b = 0, this.#e = e, this.#c = t, this.#i = n, this.#r = r, this.#s = i, this.#o = new ln(e, t, r), this.#l = new hn(r, this.#o), this.#t = new on(e, t, r, {
+			apply: (e, t) => this.#O(e, "local", t),
 			beforeChange: (e) => {
-				this.#M(), this.#h = !1, e && (this.#B({ busy: "designer" }), this.#c(void 0));
+				e && (this.#V({ busy: "designer" }), this.#c(void 0));
 			},
-			check: () => void this.#E(),
-			current: (e) => this.#z(e),
+			check: () => void this.#N(),
+			current: (e) => this.#R(e),
 			diagnostics: () => this.#l.value.diagnostics,
 			finishChanges: () => {
-				!this.#_ && this.#l.value.busy == "designer" && this.#B({ busy: void 0 });
+				!this.#v && this.#l.value.busy == "designer" && this.#V({ busy: void 0 });
 			},
-			headChanged: (e, t) => this.#N(e, t),
-			recover: (e) => this.#O(e, !0)
-		}), this.#a = new jt(e, t, (e) => this.#B({ presentation: e }), r), this.$ = this.#l.$;
+			headChanged: (e, t) => this.#o.advanceHead(e, t),
+			recover: (e) => (this.retryHistorySync(), this.#F(e, !0))
+		}), this.#a = new un(e, t, (e) => this.#V({ presentation: e }), r), this.$ = this.#l.$;
 	}
 	dispose() {
-		this.#M(), this.#_ = !0, this.#n.invalidate(), this.#a.dispose(), this.#b?.(), this.#x?.(), this.#l.dispose(), this.#o.dispose();
+		this.#v = !0, this.#n.invalidate(), this.#a.dispose(), this.#x?.(), this.#S?.(), this.history$.dispose(), this.#l.dispose(), this.#o.dispose();
 	}
 	async start(e) {
-		this.#b ??= this.#e.watchFlowCatalog(() => void this.reloadFlows()), await this.reloadFlows(), await this.selectFlow(e);
+		if (this.#x == null) {
+			let e = this.#e.watchFlowCatalog(() => void this.reloadFlows());
+			this.#x = e.stop, await e.ready;
+		}
+		this.#v || (await this.reloadFlows(), this.#v || await this.selectFlow(e));
 	}
 	async reloadFlows() {
 		await this.#o.reload();
 	}
+	async setFlowEnabled(e, t) {
+		await this.#o.setEnabled(e, t);
+	}
+	async publishFlow(e) {
+		await this.#o.publish(e);
+	}
 	async loadMoreFlows() {
 		await this.#o.loadMore();
 	}
 	async selectFlow(e) {
-		if (!this.#F()) return !1;
-		this.#M();
+		if (this.#d.applying || !await this.saveModuleEditor() || this.#v) return !1;
+		this.#d.clear(), this.#d.failed = !1, this.#d.publish();
 		let t = this.#n.begin();
-		if (this.#t.reset(), this.#a.reset(), this.#f = 0, this.#h = !1, this.#g = !1, this.#v = !1, this.#x?.(), this.#x = void 0, this.#B({
+		if (this.#t.reset(), this.#a.reset(), this.#g = 0, this.#_ = !1, this.#y = !1, this.#S?.(), this.#S = void 0, this.#V({
 			checkLoading: !1,
 			diagnosticFocus: void 0,
 			diagnostics: void 0,
@@ -2054,85 +2566,95 @@ var Lt = class {
 			workspaceLoading: e != null
 		}), e == null) return !0;
 		try {
-			let n = this.#o.flow(e), [r, i, a, o] = await Promise.all([
-				n ?? this.#e.getFlow(e),
-				this.#e.getDraft(e),
-				this.#e.getLive(e),
-				this.#e.getPresentation(e)
-			]);
+			let n = !1, r, i = this.#e.watchFlow(e, (e) => {
+				t() && (this.#t.committed == null ? (n = !0, r = e) : e != this.#t.committed.revisionId && this.#P(e));
+			}, (e) => {
+				t() && this.#s(e);
+			});
+			if (this.#S = i.stop, await i.ready, !t()) return !1;
+			let { flow: a, draft: o, live: s, presentation: c } = await this.#e.getEditor(e);
 			if (!t()) return !1;
-			this.#t.reset(i), this.#a.reset(o), this.#o.include(r), this.#B({
-				draft: i,
-				live: a,
-				presentation: o,
+			this.#t.reset(o), this.#a.reset(c), this.#o.include(a), this.#V({
+				draft: o,
+				live: s,
+				presentation: c,
 				target: { kind: "flow" },
 				workspaceLoadFailed: !1,
 				workspaceLoading: !1
-			}), this.#E(), this.#x = this.#e.watchFlow(e, (e) => {
-				!this.#_ && e != this.#t.committed?.revisionId && this.#D(e);
-			}, this.#s);
+			}), await this.#D(t), n && r != o.revisionId && this.#P(r);
 		} catch (e) {
-			return t() ? (this.#B({
+			if (!t()) return !1;
+			this.#S?.(), this.#S = void 0;
+			let n = e instanceof c && e.code == le.flowNotFound;
+			return this.#V(n ? {
+				flowId: void 0,
+				target: void 0,
+				workspaceLoadFailed: !1,
+				workspaceLoading: !1
+			} : {
 				workspaceLoadFailed: !0,
 				workspaceLoading: !1
-			}), this.#c(B(e, this.#r.t)), !1) : !1;
+			}), this.#c(n ? {
+				kind: "error",
+				message: this.#r.t("notice.flowMissing")
+			} : C(e, this.#r.t)), !1;
 		}
 		return !0;
 	}
 	selectTarget(e) {
-		return this.#F() ? (this.#M(), this.#B({
+		return !this.#d.applying && (B(e, this.#l.value.target) || this.#d.clear(), this.#C(), this.#V({
 			diagnosticFocus: void 0,
 			diagnostics: void 0,
 			moduleEditor: void 0,
 			nodeFocus: void 0,
 			selectedNodeIds: [],
 			target: e
-		}), this.#E(), !0) : !1;
+		}), this.#N(), !0);
 	}
 	selectNodes(e) {
-		return e.length == this.#l.value.selectedNodeIds.length && e.every((e, t) => e == this.#l.value.selectedNodeIds[t]) ? !0 : this.#F() ? (this.#M(), this.#B({
+		return e.length == this.#l.value.selectedNodeIds.length && e.every((e, t) => e == this.#l.value.selectedNodeIds[t]) ? !0 : (this.#C(), this.#V({
 			diagnosticFocus: void 0,
-			moduleEditor: Q(this.#l.value.draft == null ? void 0 : N(this.#l.value.draft), this.#l.value.target, e),
+			moduleEditor: mn(this.#l.value.draft == null ? void 0 : F(this.#l.value.draft), this.#l.value.target, e),
 			nodeFocus: void 0,
 			selectedNodeIds: e
-		}), !0) : !1;
+		}), !0);
 	}
 	async createFlow(e, t) {
-		if (this.#F()) {
-			this.#B({ busy: "flow" }), this.#c(void 0);
+		if (await this.saveModuleEditor()) {
+			this.#V({ busy: "flow" }), this.#c(void 0);
 			try {
 				if (t == null) return await this.#o.create(e);
 				let n = await this.#e.getFlow(await t(e));
 				return this.#o.insert(n), n;
 			} catch (e) {
-				this.#_ || this.#c(B(e, this.#r.t));
+				this.#v || this.#c(C(e, this.#r.t));
 			} finally {
-				this.#B({ busy: void 0 });
+				this.#V({ busy: void 0 });
 			}
 		}
 	}
 	async deleteFlow(e) {
-		if (!this.#F()) return !1;
+		if (!await this.saveModuleEditor()) return !1;
 		let t = this.#o.flow(e);
 		if (t == null || t.status == "retiring") return !1;
-		this.#B({ busy: "flow" }), this.#c(void 0);
+		this.#V({ busy: "flow" }), this.#c(void 0);
 		try {
-			return await this.#e.deleteFlow(e), !this.#_ && (this.#o.remove(e), this.#c({
+			return await this.#e.deleteFlow(e), !this.#v && (this.#o.remove(e), this.#c({
 				kind: "success",
 				message: this.#r.t("notice.flowDeleteAccepted", { name: t.name })
 			}), !0);
 		} catch (e) {
-			return this.#_ || this.#c(B(e, this.#r.t)), !1;
+			return this.#v || this.#c(C(e, this.#r.t)), !1;
 		} finally {
-			this.#B({ busy: void 0 });
+			this.#V({ busy: void 0 });
 		}
 	}
 	async createResource(e) {
-		if (!this.#F() || this.#l.value.draft == null) return !1;
+		if (!await this.saveModuleEditor() || this.#l.value.draft == null) return !1;
 		let t = this.#i();
-		this.#B({ busy: "resource" }), this.#c(void 0);
-		let n = await this.#C(ge(t, e), !1);
-		return this.#B({ busy: void 0 }), n != null && (this.selectTarget({
+		this.#V({ busy: "resource" }), this.#c(void 0);
+		let n = await this.#E(Ce(t, e), !1);
+		return this.#V({ busy: void 0 }), n != null && (this.selectTarget({
 			id: t,
 			kind: "subflow"
 		}), this.#c({
@@ -2144,154 +2666,196 @@ var Lt = class {
 		let n = this.#o.flow(e), r = t.trim();
 		if (n == null || r.length == 0) return !1;
 		if (n.name == r) return !0;
-		this.#B({ busy: "flow" }), this.#c(void 0);
+		this.#V({ busy: "flow" }), this.#c(void 0);
 		let i;
 		try {
 			i = await this.#e.renameFlow(e, r), i != null && this.#o.include(i);
 		} catch (e) {
-			this.#_ || this.#c(B(e, this.#r.t));
+			this.#v || this.#c(C(e, this.#r.t));
 		}
-		return this.#B({ busy: void 0 }), i != null && (this.#c({
+		return this.#V({ busy: void 0 }), i != null && (this.#c({
 			kind: "success",
 			message: this.#r.t("notice.flowRenamed", { name: r })
 		}), !0);
 	}
 	async addNode(e, t, n) {
-		if (!this.#F()) return;
+		if (!await this.saveModuleEditor()) return;
 		let r = this.#l.value.draft, i = this.#l.value.target;
 		if (r == null || i == null) return;
 		let a = this.#i();
-		if (e.kind == "comment") return await this.#S(i, a, t);
-		let o = N(r), s = S(e, o, i, this.#r.t);
+		if (e.kind == "comment") return await this.#T(i, a, t);
+		let o = F(r), s = Fe(e, o, i, this.#r.t);
 		if (s == null) return;
-		let c = be(o, i, a, s, this.#i);
-		if (c == null) return;
-		let l = n == null ? c : [...c, ...$e(F(r, c).content, i, n(a))], u = this.#C(l);
-		this.selectNodes([a]);
-		let d = this.moveNodes({ [a]: t });
-		if (await u != null && (await d, !this.#_)) return this.#B({ nodeFocus: {
+		let c = n?.(a), l = ke(o, i, a, s, this.#i);
+		if (l == null) return;
+		let u = c == null ? l : [...l, ...Tt(I(r, l).content, i, {
+			source: c.source,
+			target: c.target,
+			...c.sourceHandle.startsWith("$branch:") ? { sourceHandle: c.sourceHandle.slice(8) } : {}
+		})];
+		if (await this.#j("add", 1, u, (e) => v(e, i, { [a]: t }), [a]) && !this.#v) return this.#V({ nodeFocus: {
 			nodeId: a,
-			requestId: ++this.#y
+			requestId: ++this.#b
 		} }), a;
 	}
 	async connect(e) {
 		let t = this.$.revision.value, n = this.#l.value.target;
 		if (t == null || n == null) return;
-		let r = $e(t.revision.content, n, e);
-		r.length > 0 && await this.#C(r);
+		let r = Tt(t.revision.content, n, {
+			source: e.source,
+			target: e.target,
+			...e.sourceHandle.startsWith("$branch:") ? { sourceHandle: e.sourceHandle.slice(8) } : {}
+		});
+		r.length > 0 && await this.#j("connect", 1, r);
 	}
 	async disconnect(e) {
 		let t = this.$.revision.value, n = this.#l.value.target;
 		if (t == null || n == null) return;
-		let r = et(t.revision.content, n, e);
-		r.length > 0 && await this.#C(r);
+		let r = Et(t.revision.content, n, {
+			source: e.source,
+			target: e.target,
+			...e.sourceHandle.startsWith("$branch:") ? { sourceHandle: e.sourceHandle.slice(8) } : {}
+		});
+		r.length > 0 && await this.#j("disconnect", 1, r);
 	}
 	async deleteSelectedNodes() {
-		if (!this.#F()) return;
+		if (!await this.saveModuleEditor()) return;
 		let e = this.$.revision.value, t = this.#l.value.target;
 		if (e == null || t == null || this.#l.value.selectedNodeIds.length == 0) return;
-		let n = T(this.#l.value.presentation?.value ?? {}, t), r = new Set(this.#l.value.selectedNodeIds.filter((e) => n.has(e))), i = Se(e, t, this.#l.value.selectedNodeIds), a = i.length == 0 ? void 0 : this.#C(i), o = r.size == 0 ? void 0 : this.#T((e) => y(e, t, r));
-		this.selectNodes([]), (a == null || await a != null) && await o;
+		let n = [...this.#l.value.selectedNodeIds], r = x(this.#l.value.presentation?.value ?? {}, t), i = new Set(this.#l.value.selectedNodeIds.filter((e) => r.has(e))), a = De(e, t, this.#l.value.selectedNodeIds);
+		await this.#j("delete", this.#l.value.selectedNodeIds.length, a, (e) => {
+			let r = i.size == 0 ? e : y(e, t, i);
+			for (let e of n) r = g(r, t, e, !1);
+			return r;
+		}, []);
 	}
 	copySelectedNodes() {
 		let e = this.$.revision.value, t = this.#l.value.target;
 		if (e == null || t == null || this.#l.value.selectedNodeIds.length == 0) return;
 		let n = new Set(this.#l.value.selectedNodeIds);
-		this.#u = {
-			comments: this.#P().nodes.flatMap((e) => e.kind == "comment" && n.has(e.id) ? [{
+		this.#m = {
+			hiddenNodeIds: this.#I().nodes.flatMap((e) => e.contentHidden && n.has(e.id) ? [e.id] : []),
+			comments: this.#I().nodes.flatMap((e) => e.kind == "comment" && n.has(e.id) ? [{
 				content: e.content,
 				position: e.position,
 				sourceId: e.id,
 				title: e.title
 			}] : []),
-			nodes: De(e, t, this.#l.value.selectedNodeIds)
+			nodes: M(e, t, this.#l.value.selectedNodeIds)
 		};
 	}
-	async pasteNodes(e) {
-		if (!this.#F()) return;
-		let t = this.$.revision.value, n = this.#l.value.target;
-		if (t == null || n == null || this.#u == null) return;
-		let r = ke(t, n, this.#u.nodes, this.#i), i = r.changes.length == 0 ? void 0 : this.#C(r.changes), a = this.#u.comments.map((e) => ({
+	async pasteNodes(e, t = gn) {
+		if (!await this.saveModuleEditor()) return;
+		let n = this.$.revision.value, r = this.#l.value.target;
+		if (n == null || r == null || this.#m == null) return;
+		let i = new Set(this.#m.hiddenNodeIds), a = ae(n, r, this.#m.nodes, this.#i), o = this.#m.comments.map((e) => ({
 			...e,
 			nodeId: this.#i()
 		}));
-		if (r.nodeIds.length == 0 && a.length == 0) return;
-		let o = new Map(this.#P().nodes.map((e) => [e.id, e])), s = Object.fromEntries(r.sourceIds.map((t, n) => {
-			let i = e?.[t] ?? o.get(t)?.position;
-			return [r.nodeIds[n], {
-				x: (i?.x ?? 80) + 40,
-				y: (i?.y ?? 80) + 40
+		if (a.nodeIds.length == 0 && o.length == 0) return;
+		let s = new Map(this.#I().nodes.map((e) => [e.id, e])), c = /* @__PURE__ */ new Set([...a.nodeIds, ...o.map((e) => e.nodeId)]), l = new Set([...s].filter(([e]) => !c.has(e)).map(([, e]) => `${e.position.x}\0${e.position.y}`)), u = [...a.sourceIds.map((t) => e?.[t] ?? s.get(t)?.position ?? {
+			x: 80,
+			y: 80
+		}), ...o.map((e) => e.position)], d = 1;
+		if (t.x != 0 || t.y != 0) for (; u.some((e) => l.has(`${e.x + t.x * d}\0${e.y + t.y * d}`));) d += 1;
+		let f = Object.fromEntries(a.sourceIds.map((n, r) => {
+			let i = e?.[n] ?? s.get(n)?.position;
+			return [a.nodeIds[r], {
+				x: (i?.x ?? 80) + t.x * d,
+				y: (i?.y ?? 80) + t.y * d
 			}];
-		})), c = this.#T((e) => {
-			let t = j(e, n, s);
-			for (let e of a) t = L(t, n, e.nodeId, {
+		}));
+		await this.#j("paste", c.size, a.changes, (e) => {
+			let n = v(e, r, f);
+			for (let [e, t] of a.sourceIds.entries()) i.has(t) && (n = g(n, r, a.nodeIds[e], !0));
+			for (let e of o) i.has(e.sourceId) && (n = g(n, r, e.nodeId, !0)), n = S(n, r, e.nodeId, {
 				content: e.content,
 				position: {
-					x: e.position.x + 40,
-					y: e.position.y + 40
+					x: e.position.x + t.x * d,
+					y: e.position.y + t.y * d
 				},
 				title: this.#r.t("addNode.commentCopy", { title: e.title })
 			});
-			return t;
-		});
-		this.selectNodes([...r.nodeIds, ...a.map((e) => e.nodeId)]), (i == null || await i != null) && await c;
+			return n;
+		}, [...a.nodeIds, ...o.map((e) => e.nodeId)]);
 	}
-	async duplicateSelectedNodes(e) {
-		this.copySelectedNodes(), await this.pasteNodes(e);
+	async duplicateSelectedNodes(e, t) {
+		this.copySelectedNodes(), await this.pasteNodes(e, t);
 	}
 	async saveNodeSettings(e, t) {
 		let n = this.$.revision.value, r = this.#l.value.target;
 		if (n == null || r == null) return !1;
-		let i = Ae(n, r, e, t);
-		return i != null && await this.#C(i) != null;
+		let i = pe(n, r, e, t);
+		return i != null && await this.#E(i) != null;
 	}
 	async saveNodeDescription(e, t) {
 		let n = this.$.revision.value, r = this.#l.value.target;
 		if (n == null || r == null) return !1;
-		let i = ye(n, r, e, t);
-		return i != null && await this.#C(i) != null;
+		let i = Te(n, r, e, t);
+		return i != null && await this.#E(i) != null;
 	}
 	async saveNodeIcon(e, t) {
 		let n = this.$.revision.value, r = this.#l.value.target;
 		if (n == null || r == null) return !1;
-		let i = ve(n, r, e, t);
-		return i != null && await this.#C(i) != null;
+		let i = xe(n, r, e, t);
+		return i != null && await this.#E(i) != null;
 	}
 	async saveNodeTitle(e, t) {
 		let n = this.$.revision.value, r = this.#l.value.target;
 		if (n == null || r == null) return !1;
-		let i = me(n, r, e, t);
-		return i != null && await this.#C(i) != null;
+		let i = he(n, r, e, t);
+		return i != null && await this.#E(i) != null;
 	}
 	async setInputValue(e, t, n) {
 		let r = this.$.revision.value, i = this.#l.value.target;
 		if (r == null || i == null) return !1;
-		let a = I(r, i, e, t, n);
-		return a != null && await this.#C(a) != null;
+		let a = ye(r, i, e, t, n);
+		return a != null && await this.#E(a) != null;
+	}
+	async setInputSource(e, t, n) {
+		let r = this.$.revision.value, i = this.#l.value.target;
+		return r == null || i == null ? !1 : await this.#E(we(r.revision.content, i, e, t, [{
+			kind: "node",
+			...n
+		}])) != null;
 	}
 	async setInputVariable(e, t, n) {
 		let r = this.$.revision.value, i = this.#l.value.target;
 		if (r == null || i == null) return !1;
-		let a = n == null ? I(r, i, e, t, void 0) : _e(r, i, e, t, n, this.#i());
-		return a != null && await this.#C(a) != null;
+		let a = n == null ? ye(r, i, e, t, void 0) : je(r, i, e, t, n, this.#i());
+		return a != null && await this.#E(a) != null;
 	}
 	async saveCondition(e, t) {
 		let n = this.$.revision.value, r = this.#l.value.target;
 		if (n == null || r == null) return !1;
-		let i = Ce(n, r, e, t);
-		return i != null && await this.#C(i) != null;
+		let i = de(n, r, e, t);
+		return i != null && await this.#E(i) != null;
 	}
 	async saveValue(e, t) {
 		let n = this.$.revision.value, r = this.#l.value.target;
 		if (n == null || r == null) return !1;
-		let i = Me(n, r, e, t);
-		return i != null && await this.#C(i) != null;
+		let i = Ie(n, r, e, t);
+		return i != null && await this.#E(i) != null;
+	}
+	async saveWait(e, t) {
+		let n = this.$.revision.value, r = this.#l.value.target;
+		if (n == null || r?.kind != "flow") return !1;
+		let i = E(n, r, e, t);
+		return i != null && await this.#E(i) != null;
+	}
+	async setWaitNotification(e, t) {
+		let n = this.$.revision.value, r = n == null ? void 0 : se(n, e, t, this.#i());
+		return r != null && await this.#E(r) != null;
+	}
+	async saveNodeContentHidden(e, t) {
+		let n = this.#l.value.target, r = this.#I().nodes.find((t) => t.id == e);
+		n != null && r != null && r.kind != "condition" && await this.#k((r) => g(r, n, e, t));
 	}
 	async saveComment(e, t) {
 		let n = this.#l.value.target;
 		if (n == null) return;
-		let r = this.#P().nodes.find((t) => t.id == e)?.position;
-		r != null && await this.#T((i) => L(i, n, e, {
+		let r = this.#I().nodes.find((t) => t.id == e)?.position;
+		r != null && await this.#k((i) => S(i, n, e, {
 			...t,
 			position: r
 		}));
@@ -2299,179 +2863,362 @@ var Lt = class {
 	async saveTaskSettings(e, t) {
 		let n = this.$.revision.value, r = this.#l.value.target;
 		if (n == null || r == null) return !1;
-		let i = he(n, r, e, t);
-		return i != null && await this.#C(i) != null;
+		let i = Ne(n, r, e, t);
+		return i != null && await this.#E(i) != null;
 	}
-	async saveCodeTaskPorts(e, t) {
+	async saveCodeActions(e, t) {
 		let n = this.$.revision.value, r = this.#l.value.target;
 		if (n == null || r == null) return !1;
-		let i = Te(n, r, e, t);
-		return i != null && await this.#C(i) != null;
+		let i = _e(n.revision.content, r, e, t);
+		return i == null || await this.#E(i) != null;
+	}
+	async saveTaskPorts(e, t) {
+		let n = this.$.revision.value, r = this.#l.value.target;
+		if (n == null || r == null) return !1;
+		let i = re(n, r, e, t);
+		return i != null && await this.#E(i) != null;
+	}
+	async saveTaskAdditionalInputs(e, t) {
+		let n = this.$.revision.value, r = this.#l.value.target;
+		if (n == null || r == null) return !1;
+		let i = Re(n, r, e, t);
+		return i != null && await this.#E(i) != null;
 	}
 	async setConnectorConnection(e, t) {
 		let n = this.$.revision.value;
 		if (n == null) return !1;
-		let r = D(n.revision.content, e, t);
-		return r != null && await this.#C(r) != null;
-	}
-	async saveTriggerSettings(e, t) {
-		let n = this.$.revision.value, r = this.#l.value.target;
-		if (n == null || r?.kind != "flow") return !1;
-		let i = pe(n.revision.content, r, e, t);
-		return i != null && await this.#C(i) != null;
+		let r = ne(n.revision.content, e, t);
+		return r != null && await this.#E(r) != null;
 	}
 	async saveTriggerConfig(e, t, n) {
 		let r = this.$.revision.value, i = this.#l.value.target;
 		if (r == null || i?.kind != "flow") return !1;
-		let a = ne(r.revision.content, i, e, t, n);
-		return a != null && await this.#C(a) != null;
+		let a = oe(r.revision.content, i, e, t, n);
+		return a != null && await this.#E(a) != null;
 	}
 	async saveTriggerSchedule(e, t) {
 		let n = this.$.revision.value, r = this.#l.value.target;
 		if (n == null || r?.kind != "flow") return !1;
-		let i = re(n.revision.content, r, e, t);
-		return i != null && await this.#C(i) != null;
+		let i = be(n.revision.content, r, e, t);
+		return i != null && await this.#E(i) != null;
 	}
 	async saveWebhook(e, t) {
 		let n = this.$.revision.value, r = this.#l.value.target;
 		if (n == null || r?.kind != "flow") return !1;
-		let i = le(n, r, e, t);
-		return i != null && await this.#C(i) != null;
+		let i = u(n, r, e, t);
+		return i != null && await this.#E(i) != null;
 	}
 	async setTriggerConnection(e, t) {
 		let n = this.$.revision.value, r = this.#l.value.target;
 		if (n == null || r?.kind != "flow") return !1;
-		let i = de(n.revision.content, r, e, t);
-		return i != null && await this.#C(i) != null;
+		let i = Oe(n.revision.content, r, e, t);
+		return i != null && await this.#E(i) != null;
 	}
 	async saveSubflowSettings(e, t) {
 		let n = this.$.revision.value;
 		if (n == null) return !1;
-		let r = Ne(n, e, t);
-		return r != null && await this.#C(r) != null;
+		let r = j(n, e, t);
+		return r != null && await this.#E(r) != null;
 	}
 	updateModuleSource(e) {
 		let t = this.#l.value.moduleEditor;
-		t != null && t.source != e && this.#B({ moduleEditor: {
-			...t,
-			phase: void 0,
-			source: e
-		} });
+		if (this.#d.applying || this.#d.failed || t == null || t.source == e) return;
+		this.#A();
+		let n = this.#u.get(t.moduleId)?.base ?? this.#l.value.draft?.content.modules[t.moduleId];
+		n != null && (this.#u.set(t.moduleId, {
+			base: n,
+			editor: {
+				...t,
+				phase: void 0,
+				source: e
+			}
+		}), this.#B());
 	}
 	discardModuleChanges() {
 		let e = this.#l.value.moduleEditor;
-		if (e == null) return;
+		if (e == null || this.#p != null) return;
+		this.#u.delete(e.moduleId);
 		let t = this.#l.value.draft?.content.modules[e.moduleId];
-		if (t == null) {
-			this.#B({ moduleEditor: void 0 });
-			return;
-		}
-		this.#B({ moduleEditor: {
+		this.#V({ moduleEditor: t == null ? void 0 : {
 			moduleId: e.moduleId,
 			source: t.source
 		} });
 	}
+	get hasUnsavedCode() {
+		return this.#u.size > 0;
+	}
 	async saveModuleEditor() {
-		let e = this.#l.value.moduleEditor;
-		if (e == null || e.phase == "saving") return !1;
-		this.#B({ moduleEditor: {
-			...e,
-			phase: "saving"
-		} });
-		let t = await nt(e.source);
-		if (this.#_) return !1;
-		let n = await this.#C(rt(e.moduleId, e.source, t));
-		return !this.#_ && this.#l.value.moduleEditor?.moduleId == e.moduleId && this.#B({ moduleEditor: {
-			...this.#l.value.moduleEditor,
-			phase: n == null ? "failed" : void 0
-		} }), n != null;
-	}
-	async moveNodes(e, t = "detail") {
-		let n = this.#l.value.target;
-		n != null && await this.#T((r) => j(r, n, e, t));
+		if (this.#v) return !1;
+		for (let e of this.#u.values()) e.editor.phase == "failed" && (e.editor = {
+			...e.editor,
+			phase: void 0
+		});
+		return this.#B(), await this.#C();
+	}
+	#C() {
+		if (this.#p != null) return this.#p;
+		if (this.#v) return Promise.resolve(!1);
+		if (![...this.#u.values()].some((e) => e.editor.phase != "failed")) return Promise.resolve(this.#u.size == 0);
+		let e = this.#n.capture();
+		return this.#p = this.#w(e).finally(() => {
+			this.#p = void 0;
+		}), this.#p;
+	}
+	async #w(e) {
+		for (; !this.#v && e();) {
+			let t = [...this.#u.entries()].find(([, e]) => e.editor.phase != "failed");
+			if (t == null) return this.#u.size == 0;
+			let [n, r] = t, i = r.editor.source;
+			r.editor = {
+				...r.editor,
+				phase: "saving"
+			}, this.#B();
+			try {
+				let t = await Ot(i);
+				if (this.#v || !e()) return !1;
+				let a = this.#l.value.draft?.content.modules[n];
+				if (a == null || a.source != r.base.source || JSON.stringify(a.imports) != JSON.stringify(r.base.imports)) throw Error(this.#r.t("notice.moduleUpdated"));
+				let o = i == a.source && JSON.stringify(t) == JSON.stringify(a.imports) ? this.#l.value.draft : await this.#E(kt(n, r.base.source, r.base.imports, i, t), !1);
+				if (this.#v || !e()) return !1;
+				let s = this.#u.get(n);
+				if (s == null) continue;
+				o == null ? s.editor = {
+					...s.editor,
+					phase: "failed"
+				} : s.editor.source == i ? (this.#u.delete(n), this.#l.value.moduleEditor?.moduleId == n && this.#V({ moduleEditor: {
+					moduleId: n,
+					source: i
+				} })) : (s.base = {
+					...r.base,
+					source: i,
+					imports: t
+				}, s.editor = {
+					...s.editor,
+					phase: void 0
+				});
+			} catch (t) {
+				if (this.#v || !e()) return !1;
+				let r = this.#u.get(n);
+				r != null && (r.editor = {
+					...r.editor,
+					phase: "failed"
+				}), this.#c(C(t, this.#r.t));
+			}
+			this.#B();
+		}
+		return !1;
 	}
-	async moveViewport(e, t = "detail") {
-		let n = this.#l.value.target;
-		if (n == null) return;
-		let r = this.#P().viewport;
-		(r.x != e.x || r.y != e.y || r.zoom != e.zoom) && this.#M(), await this.#T((r) => A(r, n, e, t));
+	async moveNodes(e) {
+		let t = this.#l.value.target;
+		t != null && await this.#j("move", Object.keys(e).length, [], (n) => v(n, t, e));
+	}
+	async moveViewport(e) {
+		let t = this.#l.value.target;
+		t != null && await this.#k((n) => m(n, t, e), !0);
 	}
 	async check() {
-		await this.#E();
+		await this.#N();
 	}
 	async refreshFlows() {
 		await this.reloadFlows();
 	}
 	updateLive(e) {
-		e.flowId == this.#l.value.flowId && this.#B({ live: e });
+		e.flowId == this.#l.value.flowId && this.#V({ live: e });
 	}
 	locateNode(e) {
 		let t = this.$.revision.value, n = this.#l.value.target;
-		return t == null || n == null || t.node(n, e) == null || !this.selectNodes([e]) ? !1 : (this.#B({ nodeFocus: {
+		return t == null || n == null || t.node(n, e) == null || !this.selectNodes([e]) ? !1 : (this.#V({ nodeFocus: {
 			nodeId: e,
-			requestId: ++this.#y
+			requestId: ++this.#b
 		} }), !0);
 	}
 	locateDiagnostic(e) {
-		return e.location == null || !this.selectNodes([e.location.nodeId]) ? !1 : (this.#B({ diagnosticFocus: {
+		return e.location == null || !this.selectNodes([e.location.nodeId]) ? !1 : (this.#V({ diagnosticFocus: {
 			...e.location,
 			diagnostic: e.diagnostic,
-			requestId: ++this.#d
+			requestId: ++this.#h
 		} }), !0);
 	}
-	async #S(e, t, n) {
-		let r = Math.max(0, ...this.#P().nodes.flatMap((e) => {
+	async #T(e, t, n) {
+		let r = Math.max(0, ...this.#I().nodes.flatMap((e) => {
 			if (e.kind != "comment") return [];
 			let t = /#(\d+)$/.exec(e.title);
 			return t == null ? [] : [Number(t[1])];
-		})), i = this.#T((i) => L(i, e, t, {
+		}));
+		if (!(!await this.#j("add", 1, [], (i) => S(i, e, t, {
 			content: "",
 			position: n,
 			title: this.#r.t("addNode.commentName", { number: r + 1 })
-		}));
-		if (this.selectNodes([t]), await i, !this.#_) return t;
+		}), [t]) || this.#v)) return t;
 	}
-	async #C(e, t = !0) {
-		let n = this.#l.value.flowId, r = this.#l.value.draft;
-		if (n != null && r != null) return await this.#t.change({
-			current: this.#n.capture(),
-			flowId: n
-		}, r, e, t);
+	async #E(e, t = !0, n = !1) {
+		if (this.#v || (this.#d.applying || this.#d.failed) && !n) return;
+		let r = this.#l.value.flowId, i = this.#l.value.draft;
+		if (r == null || i == null) return;
+		if (e.length == 0 || B(I(i, e).content, i.content)) return i;
+		let a = !n && this.#d.clear(), o = this.#n.capture();
+		this.#d.pending++, this.#d.publish();
+		try {
+			let n = this.#t.change({
+				current: o,
+				flowId: r
+			}, i, e, t);
+			a && this.#c({
+				kind: "success",
+				message: this.#r.t("history.cleared")
+			});
+			let s = await n;
+			return s == null && o() && this.retryHistorySync(), s;
+		} finally {
+			this.#d.pending--, this.#v || this.#d.publish();
+		}
+	}
+	async #D(e) {
+		for (let t = 0; t < 2 && e(); t += 1) {
+			let t = this.#l.value.draft;
+			if (t == null) return;
+			let n = Ee(t.content);
+			if (n.length == 0) {
+				this.#N();
+				return;
+			}
+			if (await this.#E(n, !1) != null || !e()) return;
+			if (this.#l.value.draft?.revisionId == t.revisionId) break;
+		}
+		e() && this.#N();
 	}
-	#w(e, t = !1) {
-		let n = this.#l.value.draft, { revision: r, selectedNodeIds: i, target: a } = this.#I(e), o = this.#l.value.moduleEditor;
-		return this.#B({
-			diagnostics: t ? this.#l.value.diagnostics : void 0,
+	#O(e, t, n = !1) {
+		let r = this.#l.value.draft, { revision: i, selectedNodeIds: a, target: o } = this.#L(e), s = this.#l.value.moduleEditor, c = s != null && (t == "external" || r != null) && pn(r, s) != "saved", l;
+		return l = c ? t == "external" ? {
+			...s,
+			phase: "failed"
+		} : s : mn(i, o, a), this.#V({
+			diagnostics: n ? this.#l.value.diagnostics : void 0,
 			draft: e,
-			moduleEditor: o != null && n != null && Z(n, o) != "saved" ? o : Q(r, a, i),
-			selectedNodeIds: i,
-			target: a
-		}), r;
-	}
-	async #T(e) {
-		if (this.#_) return;
-		let t = this.#l.value.flowId, n = this.#l.value.presentation;
-		t != null && n != null && await this.#a.change(t, n, this.#o.capture(), e);
-	}
-	async #E() {
-		if (this.#_) return;
+			moduleEditor: l,
+			selectedNodeIds: a,
+			target: o
+		}), c;
+	}
+	async #k(e, t = !1) {
+		if (this.#v || (this.#d.applying || this.#d.failed) && !t) return !1;
+		let n = this.#l.value.flowId, r = this.#l.value.presentation;
+		if (n == null || r == null) return !1;
+		if (B(e(r.value), r.value)) return !0;
+		t || this.#A();
+		let i = this.#n.capture();
+		this.#d.pending++, this.#d.publish();
+		try {
+			let t = await this.#a.change(n, r, i, e);
+			return !t && i() && this.retryHistorySync(), t;
+		} finally {
+			this.#d.pending--, this.#v || this.#d.publish();
+		}
+	}
+	#A() {
+		this.#d.clear() && this.#c({
+			kind: "success",
+			message: this.#r.t("history.cleared")
+		});
+	}
+	async #j(e, t, n, r, i = this.#l.value.selectedNodeIds) {
+		if (this.#v || this.#d.applying || this.#d.failed) return !1;
+		let { draft: a, target: o, presentation: s, selectedNodeIds: c } = this.#l.value;
+		if (a == null || o == null || s == null) return !1;
+		let l = r?.(s.value) ?? s.value, u = f(s.value, l, o);
+		if (B(I(a, n).content, a.content) && u.nodeIds.length == 0) return !0;
+		let d = this.#d.generation, p = nn(a.content, n);
+		this.#d.pending++;
+		let m = this.#d.record({
+			action: e,
+			count: t,
+			target: o,
+			forward: n,
+			inverse: p,
+			presentation: u,
+			beforeSelection: c,
+			afterSelection: i
+		});
+		try {
+			let e = n.length == 0 ? Promise.resolve(a) : this.#E(n, !0, !0), t = r == null ? Promise.resolve(!0) : this.#k(r, !0);
+			this.selectNodes(i), m || this.#c({
+				kind: "success",
+				message: this.#r.t("history.tooLarge")
+			});
+			let [o, s] = await Promise.all([e, t]);
+			return o != null && s && (!m || d == this.#d.generation);
+		} catch (e) {
+			return this.#c(C(e, this.#r.t)), this.retryHistorySync(), !1;
+		} finally {
+			this.#d.pending--, this.#v || this.#d.publish();
+		}
+	}
+	async undo() {
+		await this.#M(!1);
+	}
+	async redo() {
+		await this.#M(!0);
+	}
+	async #M(e) {
+		let t = this.history$.value;
+		if (!(e ? t.canRedo : t.canUndo)) return;
+		let n = e ? t.redo : t.undo;
+		if (n == null) return;
+		let r = this.#d.generation;
+		this.#d.applying = !0, this.#d.publish();
+		try {
+			let [t, i] = await Promise.all([this.#E(e ? n.forward : n.inverse, !0, !0), this.#k((t) => b(t, n.target, n.presentation, e), !0)]);
+			t != null && i && r == this.#d.generation && (this.selectNodes(e ? n.afterSelection : n.beforeSelection), this.#d.complete(e));
+		} catch (e) {
+			this.#c(C(e, this.#r.t)), this.retryHistorySync();
+		} finally {
+			this.#d.applying = !1, this.#v || this.#d.publish();
+		}
+	}
+	async retryHistorySync() {
+		if (this.#v || this.#f != null) return this.#f;
+		let e = this.#l.value.flowId;
+		if (e == null) return;
+		let t = this.#n.capture();
+		this.#d.failed = !0, this.#d.clear();
+		let n = async () => {
+			if (await Promise.allSettled([this.#t.settled(), this.#a.settled()]), !(!t() || this.#v)) try {
+				let { draft: n, presentation: r } = await this.#e.getEditor(e);
+				if (!t() || this.#v) return;
+				this.#t.reset(n), this.#a.reset(r), this.#O(n, "external"), this.#V({ presentation: r }), this.#o.advanceHead(e, n.revisionId), this.#d.failed = !1, this.#c({
+					kind: "error",
+					message: this.#r.t("history.resynced")
+				}), this.#N();
+			} catch {
+				t() && !this.#v && this.#c({
+					kind: "error",
+					message: this.#r.t("history.syncFailed")
+				});
+			}
+		};
+		return this.#f = n().finally(() => {
+			this.#f = void 0, this.#v || this.#d.publish();
+		}), this.#f;
+	}
+	async #N() {
+		if (this.#v) return;
 		let e = this.#l.value.flowId, t = this.#l.value.draft, n = this.#l.value.target;
 		if (e == null || t == null || n == null) {
-			n ?? this.#B({
+			n ?? this.#V({
 				checkLoading: !1,
 				diagnostics: void 0
 			});
 			return;
 		}
-		this.#B({
+		this.#V({
 			checkLoading: !0,
 			diagnosticFocus: void 0
 		});
 		try {
 			let n = await this.#e.checkFlow(e, t.revisionId);
-			if (!this.#_ && e == this.#l.value.flowId && t.revisionId == this.#l.value.draft?.revisionId) {
+			if (!this.#v && e == this.#l.value.flowId && t.revisionId == this.#l.value.draft?.revisionId) {
 				let e = this.#l.value.live;
-				this.#B({
+				this.#V({
 					diagnostics: n,
 					live: e == null ? void 0 : {
 						...e,
@@ -2480,16 +3227,16 @@ var Lt = class {
 				});
 			}
 		} catch (n) {
-			!this.#_ && e == this.#l.value.flowId && t.revisionId == this.#l.value.draft?.revisionId && this.#c(B(n, this.#r.t));
+			!this.#v && e == this.#l.value.flowId && t.revisionId == this.#l.value.draft?.revisionId && this.#c(C(n, this.#r.t));
 		} finally {
-			!this.#_ && e == this.#l.value.flowId && t.revisionId == this.#l.value.draft?.revisionId && this.#B({ checkLoading: !1 });
+			!this.#v && e == this.#l.value.flowId && t.revisionId == this.#l.value.draft?.revisionId && this.#V({ checkLoading: !1 });
 		}
 	}
-	async #D(e) {
-		if (this.#_) return;
+	async #P(e) {
+		if (this.#v) return;
 		let t = this.#l.value.flowId;
-		if (t == null || (this.#f += 1, e != null && (this.#g = !0, this.#t.changing || (this.#h = !0)), this.#v)) return;
-		this.#v = !0;
+		if (t == null || (this.#g += 1, e != null && (this.#_ = !0), this.#y)) return;
+		this.#y = !0;
 		let n = {
 			current: this.#n.capture(),
 			flowId: t
@@ -2497,145 +3244,76 @@ var Lt = class {
 		await this.#t.enqueue(async () => {
 			let e;
 			do {
-				e = this.#f;
-				let t = this.#h, r = this.#m, i = this.#g;
-				this.#h = !1, this.#g = !1, await this.#O(n, !1, i, t, r);
-			} while (this.#z(n) && e != this.#f);
-		}), this.#z(n) && (this.#v = !1);
+				e = this.#g;
+				let t = this.#_;
+				this.#_ = !1, await this.#F(n, !1, t);
+			} while (this.#R(n) && e != this.#g);
+		}), this.#R(n) && (this.#y = !1);
 	}
-	async #O(e, t, n = !1, r = !1, i = this.#m) {
+	async #F(e, t, n = !1) {
 		try {
-			let t = r ? this.#l.value.target : void 0, a = this.#t.committed;
-			if (a == null) return !1;
-			let o = await this.#e.syncDraft(e.flowId, a.revisionId);
-			if (!this.#z(e)) return !1;
-			if (o.kind == "changes" && o.revisions.length == 0) return !0;
-			let s;
-			try {
-				s = this.#k(a, o);
-			} catch {
-				if (o = await this.#e.syncDraft(e.flowId), !this.#z(e)) return !1;
-				s = this.#k(a, o);
-			}
-			if (s.revisionId == a.revisionId) return !0;
-			let c = o.kind == "changes" && t != null ? Tt(N(a), N(s), t, o.revisions.flatMap((e) => e.operations)) : void 0;
-			o.kind == "snapshot" && this.#M();
-			let l = this.#L(s, !1);
-			return this.#N(e.flowId, s.revisionId), o.kind == "changes" && o.revisions.length > 0 && t != null && c != null && i == this.#m && this.#A(e, t, c, i), n && (this.#c({
-				kind: l ? "error" : "success",
-				message: this.#r.t(l ? "notice.moduleUpdated" : "notice.draftUpdated")
-			}), this.#E()), !0;
+			let t = this.#t.committed;
+			if (t == null) return !1;
+			let r = await this.#e.syncDraft(e.flowId);
+			if (!this.#R(e)) return !1;
+			let i = r.draft;
+			if (i.revisionId == t.revisionId) return !0;
+			this.#d.clear() && this.#c({
+				kind: "success",
+				message: this.#r.t("history.external")
+			});
+			let a = this.#t.replaceCommitted(i), o = this.#O(a, "external");
+			return this.#o.advanceHead(e.flowId, i.revisionId), n && this.#c({
+				kind: o ? "error" : "success",
+				message: this.#r.t(o ? "notice.moduleUpdated" : "notice.draftUpdated")
+			}), this.#N(), !0;
 		} catch (n) {
-			return t && this.#z(e) && this.#c(B(n, this.#r.t)), !1;
-		}
-	}
-	#k(e, t) {
-		if (t.kind == "snapshot") return t.draft;
-		let n = e;
-		for (let e of t.revisions) {
-			if (e.revision.parentRevisionId != n.revisionId) throw Error("Invalid Draft revision chain.");
-			n = {
-				...e.revision,
-				content: F(n, e.operations).content
-			};
-		}
-		return n;
-	}
-	#A(e, t, n, r) {
-		let i = this.#l.value;
-		if (!this.#z(e) || r != this.#m || !$(i.target, t)) return;
-		let a = this.#p;
-		if (a != null) {
-			if (a.flowId != e.flowId || !$(a.target, t)) {
-				this.#M();
-				return;
-			}
-			for (let e of n) a.targets.add(e);
-			globalThis.clearTimeout(a.timer), a.timer = globalThis.setTimeout(() => this.#j(), Ft);
-			return;
+			return t && this.#R(e) && this.#c(C(n, this.#r.t)), !1;
 		}
-		n.size == 0 || i.selectedNodeIds.length > 0 || (this.#p = {
-			current: e.current,
-			generation: r,
-			flowId: e.flowId,
-			target: t,
-			targets: new Set(n),
-			timer: globalThis.setTimeout(() => this.#j(), Ft),
-			viewport: this.#P().viewport
-		});
-	}
-	#j() {
-		let e = this.#p;
-		if (this.#p = void 0, e == null || !e.current() || e.generation != this.#m) return;
-		let t = this.#l.value;
-		if (t.flowId != e.flowId || !$(t.target, e.target) || t.selectedNodeIds.length > 0) return;
-		let n = this.#P().viewport;
-		if (n.x != e.viewport.x || n.y != e.viewport.y || n.zoom != e.viewport.zoom || t.draft == null) return;
-		let r = N(t.draft), i = [...e.targets].filter((t) => r.selection(e.target, t) != null);
-		i.length == 1 && this.#B({ nodeFocus: {
-			nodeId: i[0],
-			requestId: ++this.#y
-		} });
-	}
-	#M() {
-		this.#m += 1, this.#p != null && globalThis.clearTimeout(this.#p.timer), this.#p = void 0;
-	}
-	#N(e, t) {
-		this.#o.advanceHead(e, t);
 	}
-	#P() {
+	#I() {
 		let e = this.#l.value;
-		return M(e.draft, e.target, e.presentation?.value, e.diagnostics?.diagnostics, {}, {}, this.#r.t);
+		return l(e.draft, e.target, e.presentation?.value, e.diagnostics?.diagnostics, {}, {}, this.#r.t);
 	}
-	#F() {
-		let e = this.#l.value.moduleEditor;
-		return e == null || Z(this.#l.value.draft, e) == "saved" || (this.#c({
-			kind: "error",
-			message: this.#r.t("notice.unsavedCode")
-		}), !1);
-	}
-	#I(e) {
-		let t = N(e), n = It(t, this.#l.value.target);
+	#L(e) {
+		let t = F(e), n = _n(t, this.#l.value.target);
 		return {
 			revision: t,
 			selectedNodeIds: this.#l.value.selectedNodeIds.filter((e) => n != null && t.selection(n, e) != null),
 			target: n
 		};
 	}
-	#L(e, t) {
-		this.#t.replaceCommitted(e);
-		let n = this.#t.project(e), r = this.#l.value.moduleEditor, i = r != null && Z(this.#l.value.draft, r) != "saved", a = this.#I(n), o = a.target;
-		return this.#B({
-			diagnostics: t ? this.#l.value.diagnostics : void 0,
-			draft: n,
-			moduleEditor: this.#R(a.revision, o, a.selectedNodeIds),
-			selectedNodeIds: a.selectedNodeIds,
-			target: o
-		}), i;
+	#R(e) {
+		return !this.#v && e.flowId == this.#l.value.flowId && e.current();
 	}
-	#R(e, t, n) {
-		let r = this.#l.value.moduleEditor;
-		return r == null || Z(this.#l.value.draft, r) == "saved" ? Q(e, t, n) : {
-			...r,
-			phase: "failed"
+	#z(e) {
+		let t = e == null ? void 0 : this.#u.get(e.moduleId)?.editor ?? e, n;
+		return [...this.#u.values()].some((e) => e.editor.phase == "failed") ? n = "failed" : this.#u.size > 0 && (n = "saving"), {
+			moduleEditor: t,
+			moduleSaveStatus: n
 		};
 	}
-	#z(e) {
-		return !this.#_ && e.flowId == this.#l.value.flowId && e.current();
+	#B() {
+		this.#v || this.#l.set(this.#z(this.#l.value.moduleEditor));
 	}
-	#B(e) {
-		this.#_ || this.#l.set(e);
+	#V(e) {
+		if (this.#v) return;
+		let t = Object.hasOwn(e, "moduleEditor") ? e.moduleEditor : this.#l.value.moduleEditor;
+		this.#l.set({
+			...e,
+			...this.#z(t)
+		});
 	}
 };
 //#endregion
 //#region src/workbench/browser/runtime/stores/workbenchStore.ts
-function Rt(e) {
+function yn(e) {
 	return new Map(e.nodes.map((e) => [e.id, e]));
 }
-function zt(e, t) {
-	return e == null || t == null ? [] : N(e).designerInputs(t);
+function bn(e, t) {
+	return e == null || t == null ? [] : F(e).designerInputs(t);
 }
-function Bt(e, t, n, r, i) {
+function xn(e, t, n, r, i) {
 	if (e == null || t?.kind != "flow" || n?.revisionId != e.revisionId || n.flowId != e.flowId) return /* @__PURE__ */ new Map();
 	let a = r.find((t) => t.kind == "run.started" && t.payload.flowId == e.flowId)?.payload.scopeId;
 	return typeof a == "string" ? new Map(r.flatMap((t) => {
@@ -2643,51 +3321,68 @@ function Bt(e, t, n, r, i) {
 		return t.payload.scopeId == a && t.payload.flowId == e.flowId && typeof n == "string" && i.has(n) ? [[t.sequence, n]] : [];
 	})) : /* @__PURE__ */ new Map();
 }
-var Vt = { openExternalPage: async () => !1 }, Ht = class {
+var Sn = { openExternalPage: async () => !1 }, Cn = class {
 	#e;
 	#t;
 	#n;
 	#r;
+	get variablesEnabled() {
+		return this.#i;
+	}
 	#i;
 	#a;
 	#o;
 	#s;
 	#c;
 	#l;
-	constructor(r, i, a = () => crypto.randomUUID(), o = E(), s = Vt, c = !0) {
-		this.#t = new x(), this.#r = t(), this.#a = t([]), this.#o = t(!1), this.#s = t(!1), this.#c = new x(), this.#l = !1, this.provideAddNodeOptions = async (e, t) => await this.#u([this.triggers.provideAddNodeOptions(e, t), this.connectors.provideAddNodeOptions(e, t)], t), this.browseAddNodeOptions = async (e) => await this.#u([this.triggers.browseAddNodeOptions(e), this.connectors.browseAddNodeOptions(e)], e), this.provideAddNodeOptionChoices = async (e, t) => {
+	#u;
+	constructor(r, i, a = L, o = W(), c = Sn, u = !0) {
+		this.#t = new s(), this.#r = n(), this.#a = n([]), this.#o = n(!1), this.#s = n(!1), this.#c = !0, this.#u = !1, this.provideAddNodeOptions = async (e, t) => await this.#d([this.triggers.provideAddNodeOptions(e, t), this.connectors.provideAddNodeOptions(e, t)], t), this.browseAddNodeOptions = async (e) => {
+			let t = await Promise.all([this.triggers.browseAddNodeOptions(e), this.connectors.browseAddNodeOptions(e)]);
+			if (!(e.aborted || this.#u)) return t.flatMap((e) => e ?? []);
+		}, this.provideAddNodeOptionChoices = async (e, t) => {
 			if (!e.startsWith("trigger:")) return await this.connectors.provideAddNodeOptionChoices(e, t);
-		}, this.#e = r, this.#n = o, this.#i = c;
-		let l = (e) => {
-			this.#l || this.#r.set(e);
+		}, this.#e = r, this.results = r, this.#n = o, this.#i = u;
+		let d = (e) => {
+			this.#u || this.#r.set(e);
 		};
-		this.runs = new O(r, l, o), this.workspace = new Lt(r, l, it, o, (e) => void this.#d(r, e)), this.connectors = new yt(r, this.workspace, l, s, o), this.triggers = new Ct(r, this.workspace, l, s, o), this.publications = new ct(r, this.workspace, l, i, a, o), this.runRequests = new pt(r, this.runs, l, o, a);
-		let u = /* @__PURE__ */ new Map(), d, f = n((e) => {
+		this.runs = new h(r, d, o), this.workspace = new vn(r, d, At, o, (e) => {
+			e.kind == "run.created" ? this.#f(r, e) : this.runs.changed(e.runId);
+		}), this.connectors = new Xt(r, this.workspace, d, c, o), this.triggers = new tn(r, this.workspace, d, c, o), this.publications = new Pt(r, this.workspace, d, i, a, o), this.runRequests = new Ht(r, this.runs, d, async (e) => {
+			if (!(e != this.workspace.$.flowId.value || !await this.workspace.saveModuleEditor() || this.#u || e != this.workspace.$.flowId.value)) return this.workspace.$.draft.value?.revisionId;
+		}, o, a);
+		let f = t((e) => {
+			let t = e(this.workspace.$.diagnostics);
+			if (t == null) return;
+			let n = e(this.connectors.$.diagnostics);
+			return n.length == 0 ? t : {
+				...t,
+				diagnostics: [...t.diagnostics, ...n],
+				valid: !1
+			};
+		}), p = /* @__PURE__ */ new Map(), m, g = t((e) => {
 			let t = e(this.workspace.$.draft);
-			d != t?.flowId && (u.clear(), d = t?.flowId);
-			let n = e(this.workspace.$.target), r = e(this.workspace.$.presentation)?.value, i = e(this.workspace.$.diagnostics)?.diagnostics, a = e(this.connectors.$.actions), s = e(this.connectors.$.catalogs), c = e(o.t$), l = e(this.runs.$.run), f = e(this.runs.$.events), p = e(this.#a), m = e(this.#o), h = e(this.#s), g = n == null ? "" : n.kind == "flow" ? "flow" : `subflow:${n.id}`, _ = [
-				...zt(t, n),
-				r == null || n == null ? void 0 : se(r, n),
+			m != t?.flowId && (p.clear(), m = t?.flowId);
+			let n = e(this.workspace.$.target), r = e(this.workspace.$.presentation)?.value, i = e(f)?.diagnostics ?? e(this.connectors.$.diagnostics), a = e(this.connectors.$.actions), s = e(this.connectors.$.catalogs), c = e(o.t$), u = e(this.runs.$.run), d = e(this.runs.$.events), h = n == null ? "" : n.kind == "flow" ? "flow" : `subflow:${n.id}`, g = [
+				...bn(t, n),
+				r == null || n == null ? void 0 : T(r, n),
 				i,
 				a,
 				s,
 				c,
-				l,
-				f,
-				p,
-				m,
-				h,
-				...l == null ? [] : [t?.revisionId]
-			], v = u.get(g);
-			if (v != null && v.inputs.length == _.length && v.inputs.every((e, t) => e === _[t])) return v.graph;
-			let y = M(t, n, r, i, a, s, c, l, f, p, m, h, this.#i);
-			return u.set(g, {
-				graph: y,
-				inputs: _
-			}), y;
-		}), p = e(f, Rt);
+				u,
+				d,
+				...u == null ? [] : [t?.revisionId]
+			], _ = p.get(h);
+			if (_ != null && _.inputs.length == g.length && _.inputs.every((e, t) => e === g[t])) return _.graph;
+			let v = l(t, n, r, i, a, s, c, u, d);
+			return p.set(h, {
+				graph: v,
+				inputs: g
+			}), v;
+		}), _ = e(g, yn);
 		this.$ = {
-			busy: n((e) => {
+			busy: t((e) => {
 				let t = e(this.workspace.$.busy);
 				if (t != null) return t;
 				if (e(this.runRequests.$.starting)) return "run";
@@ -2696,13 +3391,15 @@ var Vt = { openExternalPage: async () => !1 }, Ht = class {
 				if (e(this.publications.$.rollingBackPublicationId) != null) return "rollback";
 				if (e(this.publications.$.changingTriggerId) != null) return "trigger";
 			}),
-			designer: f,
-			designerNodeById: p,
+			diagnosticItems: t((e) => Ae(e(this.workspace.$.revision), e(this.workspace.$.target), e(f))),
+			diagnostics: f,
+			designer: g,
+			designerNodeById: _,
 			notice: this.#r,
-			runEventNodes: n((e) => Bt(e(this.workspace.$.draft), e(this.workspace.$.target), e(this.runs.$.run), e(this.runs.$.events), e(p))),
-			selectedDesignerNode: n((e) => {
+			runEventNodes: t((e) => xn(e(this.workspace.$.draft), e(this.workspace.$.target), e(this.runs.$.run), e(this.runs.$.events), e(_))),
+			selectedDesignerNode: t((e) => {
 				let t = e(this.workspace.$.selectedNodeIds);
-				return t.length == 1 ? e(p).get(t[0]) : void 0;
+				return t.length == 1 ? e(_).get(t[0]) : void 0;
 			}),
 			variableNames: this.#a,
 			variableNamesLoaded: this.#o,
@@ -2710,7 +3407,7 @@ var Vt = { openExternalPage: async () => !1 }, Ht = class {
 		};
 	}
 	dispose() {
-		this.#l = !0, this.#t.invalidate(), this.#c.invalidate();
+		this.#u = !0, this.#t.invalidate();
 		for (let e of Object.values(this.$)) e.dispose();
 		this.connectors.dispose(), this.publications.dispose(), this.runRequests.dispose(), this.runs.dispose(), this.triggers.dispose(), this.workspace.dispose(), this.#a.dispose(), this.#o.dispose(), this.#s.dispose();
 	}
@@ -2721,28 +3418,33 @@ var Vt = { openExternalPage: async () => !1 }, Ht = class {
 		await this.workspace.reloadFlows();
 	}
 	dismissNotice() {
-		this.#l || this.#r.set(void 0);
+		this.#u || this.#r.set(void 0);
+	}
+	invalidateVariableNames() {
+		this.#c = !0;
 	}
 	async refreshVariableNames() {
-		if (this.#l || !this.#i) return;
-		let e = this.#c.begin();
-		this.#s.set(!0);
-		try {
-			let { variables: t } = await this.#e.listVariables();
-			if (!e() || this.#l) return;
-			this.#a.set(t.map((e) => e.name)), this.#o.set(!0);
-		} catch (t) {
-			e() && !this.#l && this.#r.set(B(t, this.#n.t));
-		} finally {
-			e() && !this.#l && this.#s.set(!1);
+		if (!(this.#u || !this.#i)) {
+			if (this.#l != null) return this.#l;
+			if (this.#c) return this.#c = !1, this.#s.set(!0), this.#l = (async () => {
+				try {
+					let { variables: e } = await this.#e.listVariables();
+					if (this.#u) return;
+					this.#a.set(e.map((e) => e.name)), this.#o.set(!0);
+				} catch (e) {
+					this.#c = !0, this.#u || this.#r.set(C(e, this.#n.t));
+				} finally {
+					this.#l = void 0, this.#u || this.#s.set(!1);
+				}
+			})(), this.#l;
 		}
 	}
 	async selectFlow(e) {
-		return this.#l || (this.#t.invalidate(), this.#r.set(void 0), !await this.workspace.selectFlow(e)) ? !1 : (this.connectors.reset(), this.triggers.reset(), this.publications.reset(), this.runRequests.reset(), this.runs.reset(), !0);
+		return this.#u || (this.#t.invalidate(), this.#r.set(void 0), !await this.workspace.selectFlow(e)) ? !1 : (this.connectors.reset(), this.triggers.reset(), this.publications.reset(), this.runRequests.reset(), this.runs.reset(), !0);
 	}
 	async createFlow(e, t) {
 		let n = await this.workspace.createFlow(e, t);
-		return this.#l || n == null ? !1 : (await this.selectFlow(n.flowId), this.#l || this.#r.set({
+		return this.#u || n == null ? !1 : (await this.selectFlow(n.flowId), this.#u || this.#r.set({
 			kind: "success",
 			message: this.#n.t("notice.created", { name: n.name })
 		}), !0);
@@ -2758,6 +3460,10 @@ var Vt = { openExternalPage: async () => !1 }, Ht = class {
 		let t = this.$.runEventNodes.value.get(e);
 		return t != null && this.workspace.locateNode(t);
 	}
+	locateRunWait() {
+		let e = this.runs.$.run.value;
+		return e?.status != "waiting" || !("waiting" in e) || e.waiting == null || !this.workspace.selectTarget({ kind: "flow" }) ? !1 : this.workspace.locateNode(e.waiting.nodeId);
+	}
 	async addNode(e, t, n) {
 		if (e.kind == "trigger" && "trigger" in e && e.trigger.kind == "connect") {
 			await this.triggers.connect(e.trigger.provider);
@@ -2766,43 +3472,51 @@ var Vt = { openExternalPage: async () => !1 }, Ht = class {
 		let r = await this.workspace.addNode(e, t, n);
 		return r != null && e.kind == "connector" && this.connectors.refresh(), r != null && e.kind == "trigger" && this.triggers.refresh(), r;
 	}
-	async #u(e, t) {
+	async #d(e, t) {
 		let n = await Promise.allSettled(e);
-		if (t.aborted || this.#l) return;
+		if (t.aborted || this.#u) return;
 		let r = n.filter((e) => e.status == "rejected");
 		if (r.length > 0 && r.length == n.length) throw r[0].reason;
-		return r.length > 0 && this.#r.set(B(r[0].reason, this.#n.t)), n.flatMap((e) => e.status == "fulfilled" ? e.value ?? [] : []);
+		return r.length > 0 && this.#r.set(C(r[0].reason, this.#n.t)), n.flatMap((e) => e.status == "fulfilled" ? e.value ?? [] : []);
 	}
 	async refreshSelectedConnector(e = !1) {
 		await this.connectors.refresh(e);
 	}
-	async requestDraftRun() {
-		let e = this.workspace.$.targetFlow.value, t = this.workspace.$.draft.value;
-		return e == null || t == null ? "unavailable" : await this.runRequests.requestDraft(e, t);
+	async requestDraftRun(e) {
+		let t = this.workspace.$.flowId.value;
+		if (!await this.workspace.saveModuleEditor() || this.#u || t != this.workspace.$.flowId.value) return "unavailable";
+		let n = this.workspace.$.targetFlow.value, r = this.workspace.$.draft.value;
+		return n == null || r == null ? "unavailable" : await this.runRequests.requestDraft(n, r, e);
+	}
+	async editDraftRunInputs(e) {
+		let t = this.workspace.$.flowId.value;
+		if (!await this.workspace.saveModuleEditor() || this.#u || t != this.workspace.$.flowId.value) return "unavailable";
+		let n = this.workspace.$.targetFlow.value, r = this.workspace.$.draft.value;
+		return n == null || r == null ? "unavailable" : await this.runRequests.editDraft(n, r, e);
 	}
 	async requestLiveRun() {
 		let e = this.workspace.$.targetFlow.value;
 		return e == null ? "unavailable" : await this.runRequests.requestLive(e);
 	}
-	async #d(e, t) {
+	async #f(e, t) {
 		let n = this.workspace.$.target.value;
-		if (this.#l || this.runRequests.$.submitting.value != null || n?.kind != "flow" || this.workspace.$.flowId.value != t.flowId) return;
+		if (this.#u || this.runRequests.$.submitting.value != null || n?.kind != "flow" || this.workspace.$.flowId.value != t.flowId) return;
 		let r = this.#t.begin();
 		try {
 			let n = await e.getRun(t.runId), i = this.workspace.$.target.value;
-			if (!r() || this.#l || i?.kind != "flow" || this.workspace.$.flowId.value != t.flowId || n.flowId != t.flowId || n.runId != t.runId) return;
+			if (!r() || this.#u || i?.kind != "flow" || this.workspace.$.flowId.value != t.flowId || n.flowId != t.flowId || n.runId != t.runId) return;
 			this.runs.followExternal(n);
 		} catch {
 			return;
 		}
 	}
-}, Ut = ze(() => import("./flowWorkspace-DAMLVMcF.js").then((e) => e.t));
-function Wt({ action: e, description: t, error: n, onSubmit: r, onTokenChange: i, pending: a = !1, title: o, token: s, tokenLabel: f }) {
-	let g = s != null && f != null && i != null, _ = s ?? "", v = /* @__PURE__ */ G(Ve, { children: [
-		/* @__PURE__ */ W("div", {
+}, wn = lt(() => import("./flowWorkspace-BIYwslVl.js").then((e) => e.t));
+function Tn({ action: e, description: t, error: n, onSubmit: r, onTokenChange: i, pending: a = !1, title: o, token: s, tokenLabel: c }) {
+	let l = s != null && c != null && i != null, u = s ?? "", d = /* @__PURE__ */ Y(ut, { children: [
+		/* @__PURE__ */ J("div", {
 			"aria-hidden": "true",
 			className: "flex size-10 items-center justify-center rounded-lg bg-muted text-muted-foreground",
-			children: /* @__PURE__ */ G("svg", {
+			children: /* @__PURE__ */ Y("svg", {
 				className: "size-5",
 				fill: "none",
 				stroke: "currentColor",
@@ -2810,40 +3524,40 @@ function Wt({ action: e, description: t, error: n, onSubmit: r, onTokenChange: i
 				strokeLinejoin: "round",
 				strokeWidth: "1.8",
 				viewBox: "0 0 24 24",
-				children: [/* @__PURE__ */ W("rect", {
+				children: [/* @__PURE__ */ J("rect", {
 					height: "9",
 					rx: "2",
 					width: "14",
 					x: "5",
 					y: "11"
-				}), /* @__PURE__ */ W("path", { d: "M8 11V8a4 4 0 0 1 8 0v3" })]
+				}), /* @__PURE__ */ J("path", { d: "M8 11V8a4 4 0 0 1 8 0v3" })]
 			})
 		}),
-		/* @__PURE__ */ G("header", {
+		/* @__PURE__ */ Y("header", {
 			className: "flex flex-col gap-2",
-			children: [/* @__PURE__ */ W("h1", {
+			children: [/* @__PURE__ */ J("h1", {
 				className: "text-xl font-semibold tracking-tight text-balance",
 				children: o
-			}), /* @__PURE__ */ W("p", {
+			}), /* @__PURE__ */ J("p", {
 				className: "text-sm/relaxed text-muted-foreground text-pretty",
 				children: t
 			})]
 		}),
-		g && /* @__PURE__ */ W(h, { children: /* @__PURE__ */ G(u, {
+		l && /* @__PURE__ */ J(qe, { children: /* @__PURE__ */ Y(Qe, {
 			"data-invalid": n != null,
 			children: [
-				/* @__PURE__ */ W(m, {
+				/* @__PURE__ */ J(et, {
 					htmlFor: "session-token",
-					children: f
+					children: c
 				}),
-				/* @__PURE__ */ W(c, {
+				/* @__PURE__ */ J(z, {
 					autoComplete: "username",
 					name: "username",
 					type: "hidden",
 					value: "open-flow",
 					readOnly: !0
 				}),
-				/* @__PURE__ */ W(c, {
+				/* @__PURE__ */ J(z, {
 					autoComplete: "current-password",
 					"aria-invalid": n != null,
 					autoFocus: !0,
@@ -2853,135 +3567,137 @@ function Wt({ action: e, description: t, error: n, onSubmit: r, onTokenChange: i
 					onChange: (e) => i?.(e.target.value),
 					spellCheck: !1,
 					type: "password",
-					value: _
+					value: u
 				}),
-				n != null && /* @__PURE__ */ W(l, { children: n })
+				n != null && /* @__PURE__ */ J(We, { children: n })
 			]
 		}) }),
-		e != null && r != null && /* @__PURE__ */ G(p, {
-			disabled: a || g && _.length == 0,
+		e != null && r != null && /* @__PURE__ */ Y(V, {
+			disabled: a || l && u.length == 0,
 			size: "lg",
 			type: "submit",
-			children: [a && /* @__PURE__ */ W(d, {
+			children: [a && /* @__PURE__ */ J(Ve, {
 				"aria-label": e,
 				"data-icon": "inline-start"
 			}), e]
 		}),
-		a && e == null && /* @__PURE__ */ W(d, { "aria-label": t })
-	] }), y = "m-auto flex w-full max-w-[420px] flex-col gap-5 rounded-xl bg-card p-6 shadow-lg shadow-black/10";
-	return /* @__PURE__ */ W("main", {
+		a && e == null && /* @__PURE__ */ J(Ve, { "aria-label": t })
+	] }), f = "m-auto flex w-full max-w-[420px] flex-col gap-5 rounded-xl bg-card p-6 shadow-lg shadow-black/10";
+	return /* @__PURE__ */ J("main", {
 		className: "open-flow-workbench",
-		children: /* @__PURE__ */ W("div", {
+		children: /* @__PURE__ */ J("div", {
 			className: "grid h-full overflow-auto bg-muted/20 p-4",
-			children: r == null ? /* @__PURE__ */ W("section", {
+			children: r == null ? /* @__PURE__ */ J("section", {
 				"aria-busy": a,
-				className: y,
-				children: v
-			}) : /* @__PURE__ */ W("form", {
+				className: f,
+				children: d
+			}) : /* @__PURE__ */ J("form", {
 				"aria-busy": a,
-				className: y,
+				className: f,
 				onSubmit: r,
-				children: v
+				children: d
 			})
 		})
 	});
 }
-function Gt({ host: e, store: t }) {
-	let n = a(t.$.notice);
-	return H(() => e.notify(n), [e, n]), H(() => () => e.notify(void 0), [e]), null;
+function En({ host: e, store: t }) {
+	let n = r(t.$.notice);
+	return G(() => e.notify(n), [e, n]), G(() => () => e.notify(void 0), [e]), null;
 }
-function Kt({ createFlow: e, createFlowDisabled: t, createFlowField: n, flowBadges: r, hrefFor: i, hostAction: o, hostTitle: s, language: c, navigation: l, onConfigureConnector: u, onHostAction: d, onLanguageChange: f, store: p, theme: m }) {
-	let h = a(p.workspace.$.flowId);
-	return /* @__PURE__ */ W("div", {
+function Dn({ catalogWidth: e, createFlow: t, createFlowDisabled: n, createFlowField: i, flowBadges: a, hrefFor: o, hostAction: s, hostTitle: c, language: l, navigation: u, onConfigureConnector: d, onHostAction: f, onLanguageChange: p, store: m, theme: h }) {
+	let g = r(m.workspace.$.flowId);
+	return /* @__PURE__ */ J("div", {
 		className: "app-shell",
-		children: h == null ? /* @__PURE__ */ W(Ye, {
-			createFlowDisabled: t,
-			createFlowField: n,
-			flowBadges: r,
-			hrefForFlow: (e) => i({
+		children: g == null ? /* @__PURE__ */ J(xt, {
+			catalogWidth: e,
+			createFlowDisabled: n,
+			createFlowField: i,
+			flowBadges: a,
+			hrefForFlow: (e) => o({
 				flowId: e.flowId,
 				view: "design"
 			}),
-			hostAction: o,
-			hostTitle: s,
-			language: c,
-			onCreateFlow: (t) => l.createFlow(t, e),
-			onHostAction: d,
-			onLanguageChange: f,
-			onSelectFlow: (e) => void l.selectFlow(e),
-			store: p
-		}) : /* @__PURE__ */ W(Re, {
-			fallback: /* @__PURE__ */ W("main", {
+			hostAction: s,
+			hostTitle: c,
+			language: l,
+			onCreateFlow: (e) => u.createFlow(e, t),
+			onHostAction: f,
+			onLanguageChange: p,
+			onSelectFlow: (e) => void u.selectFlow(e),
+			store: m
+		}) : /* @__PURE__ */ J(ct, {
+			fallback: /* @__PURE__ */ J("main", {
 				"aria-busy": "true",
 				className: "workspace"
 			}),
-			children: /* @__PURE__ */ W(Ut, {
-				hostAction: o,
-				hostTitle: s,
-				hrefFor: i,
-				navigation: l,
-				onConfigureConnector: u,
-				onHostAction: d,
-				store: p,
-				theme: m
+			children: /* @__PURE__ */ J(wn, {
+				hostAction: s,
+				hostTitle: c,
+				hrefFor: o,
+				navigation: u,
+				onConfigureConnector: d,
+				onHostAction: f,
+				store: m,
+				theme: h
 			})
 		})
 	});
 }
-function qt({ createFlow: e, createFlowDisabled: t, createFlowField: n, flowBadges: r, host: i, hostAction: a, hostTitle: s, hrefFor: c, language: l, location: u, onConfigureConnector: d, onHostAction: f, onLanguageChange: p, onNavigate: m, preferences: h, theme: g, variables: _ = !0 }) {
-	let v = Be(m);
-	v.current = m;
-	let [{ i18n: y, navigation: b, store: x }] = U(() => {
-		let e = E(l), t = new Ht(new k((e, t) => i.request(e, t), (e, t) => i.subscribeFlow(e, t), (e) => i.subscribeFlowCatalog(e)), h, () => crypto.randomUUID(), e, i, _);
+function On({ catalogWidth: e, createFlow: t, createFlowDisabled: n, createFlowField: r, flowBadges: i, host: a, hostAction: s, hostTitle: c, hrefFor: l, language: u, location: d, onConfigureConnector: f, onHostAction: p, onLanguageChange: m, onNavigate: h, preferences: g, theme: _, variables: v = !0 }) {
+	let y = K(h);
+	y.current = h;
+	let [{ i18n: b, navigation: x, store: S }] = q(() => {
+		let e = W(u), t = new Cn(new w((e, t) => a.request(e, t), (e, t) => a.subscribeFlow(e, t), (e) => a.subscribeFlowCatalog(e)), g, L, e, a, v);
 		return {
 			i18n: e,
-			navigation: new He(t, u, (e, t) => v.current(e, t)),
+			navigation: new mt(t, d, (e, t) => y.current(e, t)),
 			store: t
 		};
 	});
-	return H(() => {
-		b.start();
+	return G(() => {
+		x.start();
 		let e = () => {
-			x.connectors.refreshAfterAuthorization(), x.triggers.refreshAfterAuthorization(), x.refreshVariableNames();
+			S.connectors.refreshAfterAuthorization(), S.triggers.refreshAfterAuthorization(), S.invalidateVariableNames();
 		};
 		return globalThis.addEventListener("focus", e), () => {
-			globalThis.removeEventListener("focus", e), b.dispose(), x.dispose(), y.dispose();
+			globalThis.removeEventListener("focus", e), x.dispose(), S.dispose(), b.dispose();
 		};
 	}, [
-		y,
 		b,
-		x
-	]), H(() => void b.apply(u), [u, b]), H(() => {
-		y.lang != l && y.switchLang(l);
-	}, [y, l]), /* @__PURE__ */ W(o, {
-		i18n: y,
-		children: /* @__PURE__ */ G("div", {
+		x,
+		S
+	]), G(() => void x.apply(d), [d, x]), G(() => {
+		b.lang != u && b.switchLang(u);
+	}, [b, u]), /* @__PURE__ */ J(o, {
+		i18n: b,
+		children: /* @__PURE__ */ Y("div", {
 			className: "open-flow-theme open-flow-workbench",
-			"data-theme": g,
-			children: [/* @__PURE__ */ W(Gt, {
-				host: i,
-				store: x
-			}), /* @__PURE__ */ W(Kt, {
-				createFlow: e,
-				createFlowDisabled: t,
-				createFlowField: n,
-				flowBadges: r,
-				hostAction: a,
-				hostTitle: s,
-				hrefFor: c,
-				language: l,
-				navigation: b,
-				onConfigureConnector: d,
-				onHostAction: f,
-				onLanguageChange: p,
-				store: x,
-				theme: g
+			"data-theme": _,
+			children: [/* @__PURE__ */ J(En, {
+				host: a,
+				store: S
+			}), /* @__PURE__ */ J(Dn, {
+				catalogWidth: e,
+				createFlow: t,
+				createFlowDisabled: n,
+				createFlowField: r,
+				flowBadges: i,
+				hostAction: s,
+				hostTitle: c,
+				hrefFor: l,
+				language: u,
+				navigation: x,
+				onConfigureConnector: f,
+				onHostAction: p,
+				onLanguageChange: m,
+				store: S,
+				theme: _
 			})]
 		})
 	});
 }
-function Jt({ sessionKey: e, ...t }) {
-	return /* @__PURE__ */ W(qt, { ...t }, e);
+function kn({ sessionKey: e, ...t }) {
+	return /* @__PURE__ */ J(On, { ...t }, e);
 }
 //#endregion
-export { Wt as OpenFlowSessionGate, Jt as OpenFlowWorkbench, Ie as isWorkbenchLanguage, Le as resolveWorkbenchLanguage, Fe as workbenchLanguageNames, V as workbenchLanguages };
+export { Tn as OpenFlowSessionGate, kn as OpenFlowWorkbench, st as isWorkbenchLanguage, at as resolveWorkbenchLanguage, ot as workbenchLanguageNames, it as workbenchLanguages };