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

package/dist/browser/workbench.js

@@ -1,10 +1,13 @@
 import { a as e, f as t, i as n } from "./dist-C46JByB-.js";
-import { Ar as r, Dr as i, Ir as a, Or as o } from "./createLucideIcon-CqjqCezK.js";
-import { $ as s, Q as c, Y as l, _ as u, a as d, c as f, d as p, f as m, g as h, i as g, l as _, m as v, n as ee, o as y, t as b, u as te, v as x, y as ne } from "./addNodeOptions-DRndy4EK.js";
-import { Suspense as re, lazy as ie, useEffect as S, useRef as ae, useState as oe } from "react";
-import { jsx as C, jsxs as se } from "react/jsx-runtime";
+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";
 //#region src/workbench/browser/runtime/navigation.ts
-var ce = class {
+var He = class {
 	#e;
 	#t;
 	#n;
@@ -31,14 +34,14 @@ var ce = class {
 	open(e) {
 		this.#i += 1, this.#s = !1, this.#u(e, !1);
 	}
-	async createFlow(e) {
-		let t = ++this.#i;
+	async createFlow(e, t) {
+		let n = ++this.#i;
 		this.#s = !0;
 		try {
-			let n = await this.#n.createFlow(e);
-			return n && t == this.#i && this.#u("design", !1), n;
+			let r = await this.#n.createFlow(e, t);
+			return r && n == this.#i && this.#u("design", !1), r;
 		} finally {
-			t == this.#i && (this.#s = !1);
+			n == this.#i && (this.#s = !1);
 		}
 	}
 	async createSubflow(e) {
@@ -63,7 +66,7 @@ var ce = class {
 		this.#s = !0, await this.#n.selectFlow(void 0), e == this.#i && (this.#u("design", !1), this.#s = !1);
 	}
 	async apply(e) {
-		if (w(e, this.#t)) return;
+		if (Ue(e, this.#t)) return;
 		this.#t = e;
 		let t = ++this.#i;
 		this.#s = !0;
@@ -79,15 +82,450 @@ var ce = class {
 			flowId: this.#n.workspace.$.flowId.value,
 			view: e
 		};
-		w(n, this.#t) || (this.#t = n, this.#e(n, { replace: t })), this.#r.set(e);
+		Ue(n, this.#t) || (this.#t = n, this.#e(n, { replace: t })), this.#r.set(e);
 	}
 };
-function w(e, t) {
+function Ue(e, t) {
 	return e.flowId == t.flowId && e.view == t.view;
 }
 //#endregion
-//#region src/workbench/browser/runtime/publications/publicationStore.ts
-var T = {
+//#region src/workbench/browser/runtime/shell/resourceBrowser.tsx
+var We = ze(() => import("./createResourceDialog-BkZns-oZ.js")), Ge = V.map((e) => ({
+	label: Fe[e],
+	value: e
+}));
+function Ke({ language: e, onLanguageChange: t }) {
+	let n = r(), [i, a] = U(null);
+	return t == null ? null : /* @__PURE__ */ G("div", {
+		className: "resource-language",
+		ref: a,
+		children: [/* @__PURE__ */ W("span", {
+			className: "sr-only",
+			children: n("language.label")
+		}), /* @__PURE__ */ W(Pe, {
+			ariaLabel: n("language.label"),
+			onValueChange: (e) => t(e),
+			options: Ge,
+			portalRoot: i,
+			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) {
+		e.preventDefault();
+		let t = h.trim();
+		v(t) == null && await s.workspace.renameFlow(n.flowId, t) && m("idle");
+	}
+	async function S() {
+		await s.workspace.deleteFlow(n.flowId) && m("idle");
+	}
+	return /* @__PURE__ */ G("div", {
+		className: "resource-item-row",
+		children: [
+			/* @__PURE__ */ G(p, {
+				"aria-disabled": n.status == "retiring",
+				className: "resource-list-row flow-columns",
+				nativeButton: !1,
+				onClick: (e) => {
+					if (n.status == "retiring") {
+						e.preventDefault();
+						return;
+					}
+					C(e, () => o(n));
+				},
+				render: /* @__PURE__ */ W("a", { href: n.status == "retiring" ? void 0 : a }),
+				tabIndex: n.status == "retiring" ? -1 : void 0,
+				variant: "ghost",
+				children: [
+					/* @__PURE__ */ G("span", {
+						className: "resource-primary-cell",
+						children: [/* @__PURE__ */ W("span", {
+							className: "resource-icon",
+							children: /* @__PURE__ */ W(f, { name: "flow" })
+						}), /* @__PURE__ */ G("span", { children: [/* @__PURE__ */ G("span", {
+							className: "flex min-w-0 items-center gap-2",
+							children: [/* @__PURE__ */ W("strong", {
+								className: "min-w-0 truncate",
+								children: n.name
+							}), e != null && /* @__PURE__ */ W(ce, {
+								className: "min-w-0 shrink",
+								title: e,
+								variant: "secondary",
+								children: /* @__PURE__ */ W("span", {
+									className: "truncate",
+									children: e
+								})
+							})]
+						}), /* @__PURE__ */ W("code", {
+							translate: "no",
+							children: n.flowId
+						})] })]
+					}),
+					/* @__PURE__ */ W("time", {
+						dateTime: n.updatedAt,
+						children: new Date(n.updatedAt).toLocaleString(l)
+					}),
+					/* @__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")]
+					})
+				]
+			}),
+			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" })
+			}),
+			d == "actions" && /* @__PURE__ */ G("div", {
+				className: "resource-row-actions",
+				children: [/* @__PURE__ */ W(p, {
+					onClick: () => {
+						y(n.name), m("rename");
+					},
+					size: "sm",
+					variant: "outline",
+					children: u("common.rename")
+				}), /* @__PURE__ */ W(p, {
+					onClick: () => m("delete"),
+					size: "sm",
+					variant: "destructive",
+					children: u("common.delete")
+				})]
+			}),
+			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")
+				})] })]
+			})
+		]
+	});
+}
+function Je() {
+	return /* @__PURE__ */ G("div", {
+		"aria-hidden": "true",
+		className: "resource-list-row resource-skeleton-row flow-columns",
+		children: [
+			/* @__PURE__ */ G("span", {
+				className: "resource-primary-cell",
+				children: [/* @__PURE__ */ W(z, { className: "size-8 shrink-0" }), /* @__PURE__ */ G("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" })]
+				})]
+			}),
+			/* @__PURE__ */ W(z, { className: "h-3 w-28" }),
+			/* @__PURE__ */ W(z, { 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) {
+		e.preventDefault();
+		let t = k.trim();
+		v(t) != null || !await l(t) || (D(!1), A(""));
+	}
+	return /* @__PURE__ */ W("main", {
+		className: "resource-browser",
+		children: /* @__PURE__ */ G("div", {
+			className: "resource-page",
+			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__ */ G("section", {
+					"aria-labelledby": "flow-list-title",
+					className: "resource-list-section",
+					children: [
+						/* @__PURE__ */ G("div", {
+							className: "resource-list-title",
+							children: [/* @__PURE__ */ G("div", {
+								className: "resource-list-heading",
+								children: [/* @__PURE__ */ W("h2", {
+									id: "flow-list-title",
+									children: g("resource.allFlows")
+								}), !S && /* @__PURE__ */ W("span", { children: g("resource.flowCount", { count: E ?? T.length }) })]
+							}), /* @__PURE__ */ G("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" })
+								})]
+							})]
+						}),
+						/* @__PURE__ */ G("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__ */ W("div", {
+							className: "resource-list",
+							children: S ? Array.from({ length: 5 }, (e, t) => /* @__PURE__ */ W(Je, {}, t)) : y ? /* @__PURE__ */ G(oe, {
+								className: "min-h-64",
+								role: "alert",
+								children: [/* @__PURE__ */ G(R, { children: [
+									/* @__PURE__ */ W(ie, {
+										variant: "icon",
+										children: /* @__PURE__ */ W(f, {
+											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(),
+									variant: "outline",
+									children: g("empty.retry")
+								}) })]
+							}) : M.length == 0 ? /* @__PURE__ */ G(oe, {
+								className: "min-h-64",
+								children: [/* @__PURE__ */ G(R, { children: [
+									/* @__PURE__ */ W(ie, {
+										variant: "icon",
+										children: /* @__PURE__ */ W(f, {
+											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),
+									variant: "outline",
+									children: [/* @__PURE__ */ W(f, {
+										"data-icon": "inline-start",
+										name: "plus"
+									}), g("resource.newFlow")]
+								}) })]
+							}) : M.map((e) => /* @__PURE__ */ W(qe, {
+								badge: n?.[e.flowId],
+								busy: _,
+								flow: e,
+								href: i(e),
+								onSelect: m,
+								store: h
+							}, e.flowId))
+						}),
+						w != null && /* @__PURE__ */ W("div", {
+							className: "resource-list-footer",
+							children: /* @__PURE__ */ W(p, {
+								disabled: C,
+								onClick: () => void h.workspace.loadMoreFlows(),
+								variant: "outline",
+								children: g(C ? "resource.loadingMore" : x ? "resource.retryLoadMore" : "resource.loadMore")
+							})
+						})
+					]
+				}),
+				ne && /* @__PURE__ */ W(Re, {
+					fallback: null,
+					children: /* @__PURE__ */ W(We, {
+						disabled: e,
+						field: t,
+						id: "flow-name",
+						issue: v(k),
+						label: g("resource.flowName"),
+						name: k,
+						onNameChange: A,
+						onOpenChange: D,
+						onSubmit: (e) => void se(e),
+						pending: _ == "flow",
+						title: g("resource.newFlow")
+					})
+				})
+			]
+		})
+	});
+}
+//#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) => {
+	let r = 256 - 256 % e.length;
+	if (r === 256) {
+		let r = e.length - 1;
+		return (i = t) => {
+			if (!i) return "";
+			let a = "";
+			for (;;) {
+				let t = n(i), o = i;
+				for (; o--;) if (a += e[t[o] & r], a.length >= i) return a;
+			}
+		};
+	}
+	let i = Math.ceil(409.6 * t / r);
+	return (a = t) => {
+		if (!a) return "";
+		let o = "";
+		for (;;) {
+			let t = n(i), s = i;
+			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);
+//#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,
+		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,
+		kind: "graph.edge.disconnect",
+		target: t
+	}];
+}
+function tt(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) {
+	try {
+		let { parse: t } = await import("./lib-C5Ipyfps.js").then((e) => e.t), n = t(e, {
+			errorRecovery: !0,
+			sourceType: "module"
+		}).program, r = /* @__PURE__ */ new Set();
+		for (let e of n.body) {
+			if (e.type != "ImportDeclaration") continue;
+			let t = /^\.\/(.+)\.mjs$/.exec(e.source.value);
+			t?.[1] != null && r.add(t[1]);
+		}
+		return [...r].toSorted();
+	} catch {
+		return [];
+	}
+}
+function rt(e, t, n) {
+	return [{
+		imports: n,
+		kind: "module.source.replace",
+		moduleId: e,
+		source: t
+	}];
+}
+var it = Qe("23456789abcdefghjkmnpqrstuvwxyz", 10), K = {
 	activities: [],
 	activitiesLoadFailed: !1,
 	activitiesLoading: !1,
@@ -100,161 +538,169 @@ var T = {
 	loadingMore: !1,
 	publications: [],
 	publishing: !1
-}, le = 20, ue = 50;
-function E(e, t) {
+}, at = 20, ot = 50, st = 750;
+function q(e, t) {
 	return e?.flowId == t.flowId;
 }
-var de = class {
+var ct = class {
 	#e;
 	#t;
 	#n;
 	#r = new x();
 	#i = new x();
-	#a = new x();
+	#a;
 	#o = new x();
-	#s;
-	#c = t(T);
-	#l;
+	#s = new x();
+	#c;
+	#l = t(K);
 	#u;
-	constructor(t, n, r, i = () => crypto.randomUUID(), a = l()) {
-		this.#e = t, this.#t = i, this.#n = a, this.#s = r, this.#l = n, this.$ = {
-			activities: e(this.#c, (e) => e.activities),
-			activitiesLoadFailed: e(this.#c, (e) => e.activitiesLoadFailed),
-			activitiesLoading: e(this.#c, (e) => e.activitiesLoading),
-			activitiesLoadingMore: e(this.#c, (e) => e.activitiesLoadingMore),
-			activitiesNextCursor: e(this.#c, (e) => e.activitiesNextCursor),
-			bindings: e(this.#c, (e) => e.bindings),
-			changingTriggerId: e(this.#c, (e) => e.changingTriggerId),
-			detail: e(this.#c, (e) => e.detail),
-			detailLoading: e(this.#c, (e) => e.detailLoading),
-			live: e(this.#c, (e) => e.live),
-			loadFailed: e(this.#c, (e) => e.loadFailed),
-			loading: e(this.#c, (e) => e.loading),
-			loadMoreFailed: e(this.#c, (e) => e.loadMoreFailed),
-			loadingMore: e(this.#c, (e) => e.loadingMore),
-			nextCursor: e(this.#c, (e) => e.nextCursor),
-			publications: e(this.#c, (e) => e.publications),
-			publishing: e(this.#c, (e) => e.publishing),
-			rollingBackPublicationId: e(this.#c, (e) => e.rollingBackPublicationId),
-			selectedTriggerId: e(this.#c, (e) => e.selectedTriggerId),
-			testingTriggerId: e(this.#c, (e) => e.testingTriggerId),
-			testResult: e(this.#c, (e) => e.testResult),
-			total: e(this.#c, (e) => e.total)
+	#d;
+	constructor(t, n, r, i, a = () => crypto.randomUUID(), o = E()) {
+		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),
+			activitiesLoading: e(this.#l, (e) => e.activitiesLoading),
+			activitiesLoadingMore: e(this.#l, (e) => e.activitiesLoadingMore),
+			activitiesNextCursor: e(this.#l, (e) => e.activitiesNextCursor),
+			bindings: e(this.#l, (e) => e.bindings),
+			changingTriggerId: e(this.#l, (e) => e.changingTriggerId),
+			detail: e(this.#l, (e) => e.detail),
+			detailLoading: e(this.#l, (e) => e.detailLoading),
+			live: e(this.#l, (e) => e.live),
+			loadFailed: e(this.#l, (e) => e.loadFailed),
+			loading: e(this.#l, (e) => e.loading),
+			loadMoreFailed: e(this.#l, (e) => e.loadMoreFailed),
+			loadingMore: e(this.#l, (e) => e.loadingMore),
+			nextCursor: e(this.#l, (e) => e.nextCursor),
+			operation: e(this.#l, (e) => e.operation),
+			publications: e(this.#l, (e) => e.publications),
+			publishing: e(this.#l, (e) => e.publishing),
+			rollingBackPublicationId: e(this.#l, (e) => e.rollingBackPublicationId),
+			selectedTriggerId: e(this.#l, (e) => e.selectedTriggerId),
+			testingTriggerId: e(this.#l, (e) => e.testingTriggerId),
+			testResult: e(this.#l, (e) => e.testResult),
+			total: e(this.#l, (e) => e.total)
 		};
 	}
 	dispose() {
-		this.#r.invalidate(), this.#i.invalidate(), this.#a.invalidate(), this.#o.invalidate();
+		this.#r.invalidate(), this.#i.invalidate(), this.#o.invalidate(), this.#s.invalidate();
 		for (let e of Object.values(this.$)) e.dispose();
-		this.#c.dispose();
+		this.#l.dispose();
 	}
 	reset() {
-		this.#r.invalidate(), this.#i.invalidate(), this.#a.invalidate(), this.#o.invalidate(), this.#u = void 0, this.#c.set(T);
+		this.#r.invalidate(), this.#i.invalidate(), this.#o.invalidate(), this.#s.invalidate(), this.#d = void 0, this.#l.set(K);
 	}
 	async load(e) {
 		let t = { flowId: e }, n = this.#r.begin();
-		E(this.#c.value.target, t) || (this.#u = void 0), this.#s(void 0), this.#c.set({
-			...T,
+		q(this.#l.value.target, t) || (this.#i.invalidate(), this.#d = void 0), this.#c(void 0), this.#l.set({
+			...K,
 			loading: !0,
 			target: t
 		});
 		try {
-			let [e, r, i] = await this.#p(t);
+			let e = await this.#h(t), [r, i, a] = await this.#m(t);
 			if (!n()) return;
-			this.#h({
-				bindings: i,
-				live: e,
+			if (this.#y({
+				bindings: a,
+				live: r,
 				loading: !1,
-				nextCursor: r.nextCursor,
-				publications: r.publications,
-				total: r.total
-			});
+				nextCursor: i.nextCursor,
+				operation: e,
+				publications: i.publications,
+				publishing: e?.status == "pending",
+				total: i.total
+			}), e?.status == "pending") {
+				let n = this.#u.$.targetFlow.value;
+				this.#g(t, e, this.#i.begin(), n?.flowId == t.flowId ? n.name : t.flowId);
+			}
 		} catch (e) {
 			if (!n()) return;
-			this.#h({
+			this.#y({
 				loadFailed: !0,
 				loading: !1
-			}), this.#s(u(e, this.#n.t));
+			}), this.#c(B(e, this.#n.t));
 		}
 	}
 	async loadMore() {
-		let { loadingMore: e, nextCursor: t, target: n } = this.#c.value;
+		let { loadingMore: e, nextCursor: t, target: n } = this.#l.value;
 		if (e || t == null || n == null) return;
 		let r = this.#r.capture();
-		this.#h({
+		this.#y({
 			loadMoreFailed: !1,
 			loadingMore: !0
 		});
 		try {
 			let e = await this.#e.listPublications(n.flowId, {
 				cursor: t,
-				limit: ue
+				limit: ot
 			});
 			if (!r()) return;
-			let i = new Set(this.#c.value.publications.map((e) => e.publicationId));
-			this.#h({
+			let i = new Set(this.#l.value.publications.map((e) => e.publicationId));
+			this.#y({
 				loadingMore: !1,
 				loadMoreFailed: !1,
 				nextCursor: e.nextCursor,
-				publications: [...this.#c.value.publications, ...e.publications.filter((e) => !i.has(e.publicationId))]
+				publications: [...this.#l.value.publications, ...e.publications.filter((e) => !i.has(e.publicationId))]
 			});
 		} catch (e) {
 			if (!r()) return;
-			this.#h({
+			this.#y({
 				loadMoreFailed: !0,
 				loadingMore: !1
-			}), this.#s(u(e, this.#n.t));
+			}), this.#c(B(e, this.#n.t));
 		}
 	}
 	async publish() {
-		let e = this.#l.$.targetFlow.value, t = this.#l.$.draft.value;
-		if (e == null || t == null || this.#c.value.changingTriggerId != null || this.#c.value.publishing || this.#c.value.rollingBackPublicationId != null) return !1;
-		let n = { flowId: e.flowId }, r = this.#l.$.live.value?.publication?.publicationId ?? null, i = JSON.stringify({
+		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,
 			kind: "publish",
 			revisionId: t.revisionId
-		}), a = this.#u?.signature == i ? this.#u : {
+		}), a = this.#d?.signature == i ? this.#d : {
 			key: this.#t(),
 			signature: i
 		}, o = this.#i.begin();
-		this.#u = a, this.#s(void 0), this.#m(n, { publishing: !0 });
+		this.#d = a, this.#c(void 0), this.#v(n, { publishing: !0 });
 		try {
-			return await this.#e.publishFlow(e.flowId, t.revisionId, r, { idempotencyKey: a.key }), !o() || (await this.#d(n), !o()) ? !1 : (this.#u = void 0, this.#s({
-				kind: "success",
-				message: this.#n.t("notice.published", { name: e.name })
-			}), !0);
+			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;
 		} catch (e) {
-			return o() ? (e instanceof s && e.code == "live.conflict" && await this.#f(n), this.#s(u(e, this.#n.t)), !1) : !1;
+			return o() ? (e instanceof P && e.code == "live.conflict" && await this.#p(n), this.#c(B(e, this.#n.t)), !1) : !1;
 		} finally {
-			o() && this.#h({ publishing: !1 });
+			o() && this.#y({ publishing: !1 });
 		}
 	}
 	async rollback(e) {
-		let { live: t, rollingBackPublicationId: n, target: r } = this.#c.value, i = t?.publication?.publicationId;
-		if (r == null || i == null || this.#c.value.changingTriggerId != null || n != null || this.#c.value.publishing || e.flowId != r.flowId) return !1;
+		let { live: t, rollingBackPublicationId: n, target: r } = this.#l.value, i = t?.publication?.publicationId;
+		if (r == null || i == null || this.#l.value.changingTriggerId != null || n != null || this.#l.value.publishing || e.flowId != r.flowId) return !1;
 		let a = JSON.stringify({
 			currentPublicationId: i,
 			flowId: r.flowId,
 			kind: "rollback",
 			targetPublicationId: e.publicationId
-		}), o = this.#u?.signature == a ? this.#u : {
+		}), o = this.#d?.signature == a ? this.#d : {
 			key: this.#t(),
 			signature: a
-		}, c = this.#i.begin();
-		this.#u = o, this.#s(void 0), this.#h({ rollingBackPublicationId: e.publicationId });
+		}, s = this.#i.begin();
+		this.#d = o, this.#c(void 0), this.#y({ rollingBackPublicationId: e.publicationId });
 		try {
-			return await this.#e.rollbackFlow(r.flowId, e.publicationId, i, { idempotencyKey: o.key }), !c() || (await this.#d(r), !c()) ? !1 : (this.#u = void 0, this.#s({
+			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({
 				kind: "success",
 				message: this.#n.t("notice.rolledBack", { revision: e.revisionId })
 			}), !0);
 		} catch (e) {
-			return c() ? (e instanceof s && e.code == "live.conflict" && await this.#f(r), this.#s(u(e, this.#n.t)), !1) : !1;
+			return s() ? (e instanceof P && e.code == "live.conflict" && await this.#p(r), this.#c(B(e, this.#n.t)), !1) : !1;
 		} finally {
-			c() && this.#h({ rollingBackPublicationId: void 0 });
+			s() && this.#y({ rollingBackPublicationId: void 0 });
 		}
 	}
 	closeTrigger() {
-		this.#a.invalidate(), this.#o.invalidate(), this.#h({
+		this.#o.invalidate(), this.#s.invalidate(), this.#y({
 			activities: [],
 			activitiesLoadFailed: !1,
 			activitiesLoading: !1,
@@ -268,10 +714,10 @@ var de = class {
 		});
 	}
 	async openTrigger(e) {
-		let t = this.#c.value.target;
+		let t = this.#l.value.target;
 		if (t == null) return;
-		let n = this.#a.begin();
-		this.#o.invalidate(), this.#h({
+		let n = this.#o.begin();
+		this.#s.invalidate(), this.#y({
 			activities: [],
 			activitiesLoadFailed: !1,
 			activitiesLoading: !0,
@@ -283,96 +729,96 @@ var de = 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: le })]);
+		let [r, i] = await Promise.allSettled([this.#e.getFlowTriggerBinding(t.flowId, e), this.#e.listFlowTriggerActivities(t.flowId, e, { limit: at })]);
 		if (n()) {
 			if (r.status == "rejected") {
-				this.#h({
+				this.#y({
 					activitiesLoading: !1,
 					detailLoading: !1
-				}), this.#s(u(r.reason, this.#n.t));
+				}), this.#c(B(r.reason, this.#n.t));
 				return;
 			}
-			this.#h({
+			this.#y({
 				detail: r.value,
 				detailLoading: !1
-			}), i.status == "fulfilled" ? this.#h({
+			}), i.status == "fulfilled" ? this.#y({
 				activities: i.value.activities,
 				activitiesLoadFailed: !1,
 				activitiesLoading: !1,
 				activitiesNextCursor: i.value.nextCursor
-			}) : (this.#h({
+			}) : (this.#y({
 				activitiesLoadFailed: !0,
 				activitiesLoading: !1
-			}), this.#s(u(i.reason, this.#n.t)));
+			}), this.#c(B(i.reason, this.#n.t)));
 		}
 	}
 	async loadMoreTriggerActivities() {
-		let { activitiesLoadingMore: e, activitiesNextCursor: t, selectedTriggerId: n, target: r } = this.#c.value;
+		let { activitiesLoadingMore: e, activitiesNextCursor: t, selectedTriggerId: n, target: r } = this.#l.value;
 		if (e || t == null || n == null || r == null) return;
-		let i = this.#a.capture();
-		this.#h({
+		let i = this.#o.capture();
+		this.#y({
 			activitiesLoadFailed: !1,
 			activitiesLoadingMore: !0
 		});
 		try {
 			let e = await this.#e.listFlowTriggerActivities(r.flowId, n, {
 				cursor: t,
-				limit: le
+				limit: at
 			});
-			if (!i() || this.#c.value.selectedTriggerId != n) return;
-			let a = new Set(this.#c.value.activities.map((e) => e.activityId));
-			this.#h({
-				activities: [...this.#c.value.activities, ...e.activities.filter((e) => !a.has(e.activityId))],
+			if (!i() || this.#l.value.selectedTriggerId != n) return;
+			let a = new Set(this.#l.value.activities.map((e) => e.activityId));
+			this.#y({
+				activities: [...this.#l.value.activities, ...e.activities.filter((e) => !a.has(e.activityId))],
 				activitiesLoadFailed: !1,
 				activitiesLoadingMore: !1,
 				activitiesNextCursor: e.nextCursor
 			});
 		} catch (e) {
-			if (!i() || this.#c.value.selectedTriggerId != n) return;
-			this.#h({
+			if (!i() || this.#l.value.selectedTriggerId != n) return;
+			this.#y({
 				activitiesLoadFailed: !0,
 				activitiesLoadingMore: !1
-			}), this.#s(u(e, this.#n.t));
+			}), this.#c(B(e, this.#n.t));
 		}
 	}
 	async testTrigger() {
-		let { detail: e, selectedTriggerId: t, target: n, testingTriggerId: r } = this.#c.value;
+		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.#o.begin();
-		this.#h({
+		let i = this.#s.begin();
+		this.#y({
 			testingTriggerId: t,
 			testResult: void 0
 		});
 		try {
 			let e = await this.#e.testFlowPollTrigger(n.flowId, t);
-			return !i() || this.#c.value.selectedTriggerId != t ? !1 : (this.#h({ testResult: e }), !0);
+			return !i() || this.#l.value.selectedTriggerId != t ? !1 : (this.#y({ testResult: e }), !0);
 		} catch (e) {
-			return i() && this.#c.value.selectedTriggerId == t && this.#s(u(e, this.#n.t)), !1;
+			return i() && this.#l.value.selectedTriggerId == t && this.#c(B(e, this.#n.t)), !1;
 		} finally {
-			i() && this.#c.value.selectedTriggerId == t && this.#h({ testingTriggerId: void 0 });
+			i() && this.#l.value.selectedTriggerId == t && this.#y({ testingTriggerId: void 0 });
 		}
 	}
 	async toggleTrigger(e) {
-		let t = this.#c.value.target;
-		if (t == null || this.#c.value.changingTriggerId != null || this.#c.value.publishing || this.#c.value.rollingBackPublicationId != null) return !1;
+		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;
 		let n = this.#i.begin();
-		this.#h({ changingTriggerId: e.triggerNodeId });
+		this.#y({ 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.#h({ bindings: r }), this.#c.value.selectedTriggerId == e.triggerNodeId && this.openTrigger(e.triggerNodeId), this.#s({
+			return n() ? (this.#y({ 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.#s(u(e, this.#n.t)), !1;
+			return n() && this.#c(B(e, this.#n.t)), !1;
 		} finally {
-			n() && this.#h({ changingTriggerId: void 0 });
+			n() && this.#y({ changingTriggerId: void 0 });
 		}
 	}
-	async #d(e) {
-		let [t, n, r] = await this.#p(e);
-		this.#l.updateLive(t), await this.#l.refreshFlows(), E(this.#c.value.target, e) && this.#h({
+	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,
@@ -381,54 +827,104 @@ var de = class {
 			total: n.total
 		});
 	}
-	async #f(e) {
+	async #p(e) {
 		try {
-			await this.#d(e), this.#u = void 0;
+			await this.#f(e), this.#d = void 0;
 		} catch {
 			return;
 		}
 	}
-	async #p(e) {
+	async #m(e) {
 		return await Promise.all([
 			this.#e.getLive(e.flowId),
 			this.#e.listPublications(e.flowId, {
 				includeTotal: !0,
-				limit: ue
+				limit: ot
 			}),
 			this.#e.listFlowTriggerBindings(e.flowId)
 		]);
 	}
-	#m(e, t) {
-		E(this.#c.value.target, e) ? this.#h(t) : this.#c.set({
-			...T,
+	async #h(e) {
+		let t = this.#a.getItem(this.#_(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), "");
+				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;
+			}
+			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;
+	}
+	#_(e) {
+		return `publish-operation:${e}`;
+	}
+	#v(e, t) {
+		q(this.#l.value.target, e) ? this.#y(t) : this.#l.set({
+			...K,
 			...t,
 			target: e
 		});
 	}
-	#h(e) {
-		this.#c.set({
-			...this.#c.value,
+	#y(e) {
+		this.#l.set({
+			...this.#l.value,
 			...e
 		});
 	}
-}, fe = { starting: !1 };
-function pe(e) {
+}, lt = { starting: !1 };
+function ut(e) {
 	switch (e.kind) {
 		case "condition": return { [e.node.input.handle]: e.node.input };
-		case "subflow": return o(e.definition?.inputs ?? []);
-		case "task": return o(e.definition?.inputs ?? []);
+		case "subflow": return s(e.definition?.inputs ?? []);
+		case "task": return s(e.definition?.inputs ?? []);
 		case "value": return {};
 	}
 }
-function me(e) {
+function dt(e) {
 	return e.node.name == null ? e.kind == "task" || e.kind == "subflow" ? e.definition?.name ?? e.id : e.id : e.node.name;
 }
-async function he(e, t) {
-	let { FlowRunInputEditorStore: n } = await import("./flowRunInputEditorStore-DXOyyY7o.js").then((e) => e.n), r = h(e), i = r.graph({ kind: "flow" });
+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(pe(a)).filter(([e, t]) => a.node.inputs[e] == null && !Object.hasOwn(t, "value")).toSorted(([e], [t]) => e.localeCompare(t)).map(([e, t]) => Object.assign({
+		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({
 			handle: e,
 			jsonSchema: t.jsonSchema,
 			nullable: t.nullable
@@ -436,11 +932,11 @@ async function he(e, t) {
 		return o.length == 0 ? [] : [{
 			editor: new n(o, t),
 			nodeId: e,
-			title: me(a)
+			title: dt(a)
 		}];
 	});
 }
-var ge = class {
+var pt = class {
 	#e;
 	#t;
 	#n;
@@ -448,9 +944,9 @@ var ge = class {
 	#i = new x();
 	#a;
 	#o;
-	#s = t(fe);
+	#s = t(lt);
 	#c;
-	constructor(t, n, r, i = l(), a = () => crypto.randomUUID()) {
+	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),
@@ -465,7 +961,7 @@ var ge = class {
 	reset() {
 		this.#r.invalidate(), this.#i.invalidate(), this.#c = void 0;
 		let e = this.#s.value.inputRequest;
-		this.#s.set(fe), this.#d(e);
+		this.#s.set(lt), this.#d(e);
 	}
 	async requestDraft(e, t) {
 		let n = this.#i.begin();
@@ -480,7 +976,7 @@ var ge = class {
 			let r = await this.#e.getRevision(e.flowId, n.revisionId);
 			return t() ? await this.#l("live", e, r, n.revisionId, t, n.publicationId) : "unavailable";
 		} catch (e) {
-			return t() && this.#o(u(e, this.#n.t)), "unavailable";
+			return t() && this.#o(B(e, this.#n.t)), "unavailable";
 		} finally {
 			t() && this.#f({ starting: !1 });
 		}
@@ -504,11 +1000,11 @@ var ge = class {
 		this.#f({
 			inputRequest: void 0,
 			starting: !0,
-			submitting: e
+			submitting: void 0
 		}), this.#d(s);
 		let c;
 		try {
-			c = await he(r, this.#n.lang$);
+			c = await ft(r, this.#n.lang$);
 		} catch (e) {
 			throw a() && this.#f({
 				starting: !1,
@@ -564,7 +1060,7 @@ var ge = class {
 			});
 			return !a() || !o() ? !1 : (this.#c = void 0, this.#a.follow(s, o));
 		} catch (e) {
-			return a() && o() && this.#o(u(e, this.#n.t)), !1;
+			return a() && o() && this.#o(B(e, this.#n.t)), !1;
 		} finally {
 			a() && this.#f({
 				starting: !1,
@@ -584,34 +1080,34 @@ var ge = class {
 			...e
 		});
 	}
-}, D = {
+}, mt = {
 	actions: {},
 	catalogs: {}
 };
-function O(e) {
+function ht(e) {
 	return Object.entries(e).map(([e, t]) => ({
 		description: t.description,
 		handle: e,
 		jsonSchema: t.jsonSchema
 	}));
 }
-function k(e, t) {
+function J(e, t) {
 	return {
 		connector: e,
-		description: e.defaultConnection == null ? t("addNode.connectorNeedsConnection", {
+		description: e.authenticated && e.defaultConnection == null ? t("addNode.connectorNeedsConnection", {
 			description: e.description,
 			service: e.serviceName
 		}) : e.description,
 		group: t("addNode.connectorActions"),
 		icon: e.icon ?? ":carbon:connection-signal:",
 		id: `connector:${e.actionId}`,
-		inputs: O(e.inputs),
+		inputs: ht(e.inputs),
 		kind: "connector",
 		label: e.name,
-		outputs: O(e.outputs)
+		outputs: ht(e.outputs)
 	};
 }
-function _e(e, t) {
+function gt(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let t of e) {
 		let e = n.get(t.serviceId) ?? [];
@@ -619,7 +1115,7 @@ function _e(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 = k(e, t);
+			let n = J(e, t);
 			return {
 				description: n.description,
 				label: n.label,
@@ -640,7 +1136,7 @@ function _e(e, t) {
 		};
 	});
 }
-function ve(e, t) {
+function _t(e, t) {
 	return {
 		choices: [],
 		description: t("addNode.connectorBrowseActions"),
@@ -654,7 +1150,7 @@ function ve(e, t) {
 		serviceId: e.serviceId
 	};
 }
-function A(e) {
+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 {
@@ -664,7 +1160,7 @@ function A(e) {
 		taskId: e.node.taskId
 	};
 }
-var ye = class {
+var yt = class {
 	#e;
 	#t;
 	#n;
@@ -679,43 +1175,44 @@ var ye = class {
 	#d;
 	#f;
 	#p;
-	constructor(r, i, a, o, s = l()) {
-		this.#r = /* @__PURE__ */ new Map(), this.#i = /* @__PURE__ */ new Set(), this.#a = new x(), this.#l = t(D), this.#p = !1, this.browseAddNodeOptions = async (e) => {
-			if (this.#p) return;
-			let t = this.#u.$.flowId.value;
+	#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;
 			if (t == null) return;
-			let n = this.#f ?? await this.#e.listConnectorProviders(e);
-			if (!(e.aborted || this.#p || t != this.#u.$.flowId.value)) return this.#f = n, n.toSorted((e, t) => e.serviceName.localeCompare(t.serviceName)).map((e) => ve(e, this.#t.t));
+			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));
 		}, this.provideAddNodeOptionChoices = async (e, t) => {
-			if (this.#p) return;
-			let n = this.#u.$.flowId.value, r = this.#f?.find((t) => `connector-provider:${t.serviceId}` == e);
+			if (this.#m) return;
+			let n = this.#d.$.flowId.value, r = this.#p?.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);
-			if (t.aborted || this.#p || n != this.#u.$.flowId.value) 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;
 			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.#v({ actions: {
-				...this.#l.value.actions,
+			return this.#r.set(r.serviceId, a), this.#y({ actions: {
+				...this.#u.value.actions,
 				...Object.fromEntries(a.map((e) => [e.actionId, e]))
-			} }), a.map((e) => k(e, this.#t.t));
+			} }), a.map((e) => J(e, this.#t.t));
 		}, this.provideAddNodeOptions = async (e, t) => {
-			if (this.#p) return;
-			let n = this.#u.$.flowId.value;
+			if (this.#m) return;
+			let n = this.#d.$.flowId.value;
 			if (n == null) return;
-			let r = e.trim(), i = r.length == 0 ? Object.values(this.#l.value.actions) : await this.#e.searchConnectorActions(r, t);
-			if (t.aborted || this.#p || n != this.#u.$.flowId.value) return;
-			let a = { ...this.#l.value.actions };
+			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 };
 			for (let e of i) a[e.actionId] = e;
-			if (this.#v({ actions: a }), r.length != 0) return i.map((e) => k(e, this.#t.t));
+			if (this.#y({ actions: a }), r.length != 0) return i.map((e) => J(e, this.#t.t));
 			let o = new Map(i.map((e) => [e.actionId, e]));
-			for (let e of this.#u.$.revision.value?.connectorActionIds ?? []) {
+			for (let e of this.#d.$.revision.value?.connectorActionIds ?? []) {
 				let t = a[e];
 				t != null && o.set(e, t);
 			}
-			return _e([...o.values()], this.#t.t);
-		}, this.#e = r, this.#n = o, this.#u = i, this.#c = a, this.#t = s;
-		let c = e(this.#l, (e) => e.actions), u = e(this.#l, (e) => e.catalogs);
-		this.#s = n((e) => {
-			let t = A(e(i.$.selection)), n = e(this.#l);
+			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);
 			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), {
@@ -727,148 +1224,148 @@ var ye = class {
 				connectionError: r != null && n.connectionError?.serviceId == r.serviceId ? n.connectionError.message : void 0
 			};
 		}), this.$ = {
-			actionLoading: e(this.#l, (e) => e.actionLoading),
+			actionLoading: e(this.#u, (e) => e.actionLoading),
 			actions: c,
-			catalogs: u,
-			connectionLoading: e(this.#l, (e) => e.connectionLoading),
-			selectedAction: e(this.#s, (e) => e.action),
-			selectedActionError: e(this.#s, (e) => e.actionError),
-			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)
-		}, this.#o = i.$.revision.reaction(() => void this.#b());
+			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());
 	}
 	dispose() {
-		this.#p = !0, this.#a.invalidate(), this.#o();
+		this.#m = !0, this.#a.invalidate(), this.#o(), this.#s();
 		for (let e of Object.values(this.$)) e.dispose();
-		this.#s.dispose(), this.#l.dispose();
+		this.#c.dispose(), this.#u.dispose();
 	}
 	reset() {
-		this.#p || (this.#a.invalidate(), this.#d = void 0, this.#r.clear(), this.#f = void 0, this.#i.clear(), this.#l.set(D));
+		this.#m || (this.#a.invalidate(), this.#f = void 0, this.#r.clear(), this.#p = void 0, this.#i.clear(), this.#u.set(mt));
 	}
 	async refresh(e = !1) {
-		if (this.#p) return;
-		let t = this.#a.begin(), n = this.#u.$.flowId.value, r = A(this.#u.$.selection.value);
+		if (this.#m) return;
+		let t = this.#a.begin(), n = this.#d.$.flowId.value, r = vt(this.#d.$.selection.value);
 		if (n == null || r == null) {
-			(this.#l.value.actionLoading != null || this.#l.value.connectionLoading != null) && this.#v({
+			(this.#u.value.actionLoading != null || this.#u.value.connectionLoading != null) && this.#y({
 				actionLoading: void 0,
 				connectionLoading: void 0
 			});
 			return;
 		}
-		this.#v({
+		this.#y({
 			actionError: void 0,
 			actionLoading: r.actionId,
 			connectionError: void 0,
 			connectionLoading: void 0
 		});
 		try {
-			let i = await this.#m(r.actionId, e);
-			if (!this.#y(t, n)) return;
-			this.#v({ actions: {
-				...this.#l.value.actions,
+			let i = await this.#h(r.actionId, e);
+			if (!this.#b(t, n)) return;
+			this.#y({ actions: {
+				...this.#u.value.actions,
 				[i.actionId]: i
-			} }), await this.#h(n, r, i.serviceId, e, t);
+			} }), i.authenticated && await this.#g(n, r, i.serviceId, e, t);
 		} catch (e) {
-			this.#y(t, n) && this.#v({ actionError: {
+			this.#b(t, n) && this.#y({ actionError: {
 				actionId: r.actionId,
-				message: u(e, this.#t.t).message
+				message: B(e, this.#t.t).message
 			} });
 		} finally {
-			this.#y(t, n) && this.#l.value.actionLoading == r.actionId && this.#v({ actionLoading: void 0 });
+			this.#b(t, n) && this.#u.value.actionLoading == r.actionId && this.#y({ actionLoading: void 0 });
 		}
 	}
 	async connect(e) {
-		if (this.#p) return;
-		let t = this.#u.$.flowId.value;
+		if (this.#m) return;
+		let t = this.#d.$.flowId.value;
 		if (t == null) return;
-		let n = this.#l.value.catalogs[e];
+		let n = this.#u.value.catalogs[e];
 		try {
-			if (!await this.#n.openExternalPage(() => this.#e.createConnectorConnectionPage(e))) {
-				this.#c({
+			if (!await this.#n.openExternalPage(() => this.#e.createConnectorConnectionPage(e, t))) {
+				this.#l({
 					kind: "error",
 					message: this.#t.t("notice.connectionPopupBlocked")
 				});
 				return;
 			}
-			if (this.#p || t != this.#u.$.flowId.value) return;
-			this.#d = {
+			if (this.#m || t != this.#d.$.flowId.value) return;
+			this.#f = {
 				connectionIds: new Set(n?.all.map((e) => e.connectionId)),
 				serviceId: e
-			}, this.#v({ authorizationServiceId: e });
+			}, this.#y({ authorizationServiceId: e });
 		} catch (e) {
-			this.#p || this.#c(u(e, this.#t.t));
+			this.#m || this.#l(B(e, this.#t.t));
 		}
 	}
 	async setConnection(e, t) {
-		return await this.#u.setConnectorConnection(e, t);
+		return await this.#d.setConnectorConnection(e, t);
 	}
 	async refreshAfterAuthorization() {
-		if (this.#p || this.#d == null) return;
-		let e = this.#d.serviceId;
-		this.#r.delete(e), this.#v({ authorizationServiceId: void 0 }), this.$.selectedAction.value?.serviceId == e && await this.refresh(!0), !this.#p && this.#d?.serviceId == e && (this.#d = void 0);
+		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);
 	}
-	async #m(e, t) {
-		let n = this.#l.value.actions[e];
-		return !t && n != null ? n : await this.#e.getConnectorAction(e);
+	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 #h(e, t, n, r, i) {
-		this.#v({ connectionLoading: n });
+	async #g(e, t, n, r, i) {
+		this.#y({ connectionLoading: n });
 		try {
-			let a = await this.#g(e, n, r, i);
-			if (a == null || !this.#y(i, e)) return;
-			await this.#_(t, n, a);
+			let a = await this.#_(e, n, r, i);
+			if (a == null || !this.#b(i, e)) return;
+			await this.#v(t, n, a);
 		} finally {
-			this.#y(i, e) && this.#l.value.connectionLoading == n && this.#v({ connectionLoading: void 0 });
+			this.#b(i, e) && this.#u.value.connectionLoading == n && this.#y({ connectionLoading: void 0 });
 		}
 	}
-	async #g(e, t, n, r) {
-		let i = this.#l.value.catalogs[t];
+	async #_(e, t, n, r) {
+		let i = this.#u.value.catalogs[t];
 		if (!n && i != null) return i;
 		let a;
 		try {
-			a = await this.#e.listConnectorConnections(t);
+			a = await this.#e.listConnectorConnections(t, void 0, e);
 		} catch (n) {
-			this.#y(r, e) && this.#v({ connectionError: {
-				message: u(n, this.#t.t).message,
+			this.#b(r, e) && this.#y({ connectionError: {
+				message: B(n, this.#t.t).message,
 				serviceId: t
 			} });
 			return;
 		}
-		if (!this.#y(r, e)) return;
-		let o = d(a);
-		return this.#v({ catalogs: {
-			...this.#l.value.catalogs,
+		if (!this.#b(r, e)) return;
+		let o = w(a);
+		return this.#y({ catalogs: {
+			...this.#u.value.catalogs,
 			[t]: o
 		} }), o;
 	}
-	async #_(e, t, n) {
-		let r = this.#d?.serviceId == t ? this.#d : void 0, i = r == null ? [] : n.active.filter((e) => !r.connectionIds.has(e.connectionId)), a = i.length == 1 ? i[0] : n.preferred, o = this.#u.$.revision.value?.task(e.taskId);
-		a != null && this.#u.$.selectedNodeIds.value.includes(e.nodeId) && o != null && "executor" in o && o.executor.kind == "connector" && o.executor.connectionId == null && await this.#u.setConnectorConnection(e.taskId, a.connectionId);
+	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);
 	}
-	#v(e) {
-		this.#p || this.#l.set({
-			...this.#l.value,
+	#y(e) {
+		this.#m || this.#u.set({
+			...this.#u.value,
 			...e
 		});
 	}
-	#y(e, t) {
-		return !this.#p && e() && t == this.#u.$.flowId.value;
+	#b(e, t) {
+		return !this.#m && e() && t == this.#d.$.flowId.value;
 	}
-	async #b() {
-		if (this.#p) return;
-		let e = this.#a.capture(), t = this.#u.$.flowId.value, n = this.#u.$.revision.value;
+	async #x() {
+		if (this.#m) return;
+		let e = this.#a.capture(), t = this.#d.$.flowId.value, n = this.#d.$.revision.value;
 		if (t == null || n == null) return;
-		let r = [...n.connectorActionIds].filter((e) => this.#l.value.actions[e] == null && !this.#i.has(e));
+		let r = [...n.connectorActionIds].filter((e) => this.#u.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)));
-				if (!this.#y(e, t)) return;
-				let i = { ...this.#l.value.actions };
+				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 };
 				for (let e of n) i[e.actionId] = e;
-				this.#v({ actions: i });
+				this.#y({ actions: i });
 			} catch {
 				return;
 			} finally {
@@ -876,8 +1373,8 @@ var ye = class {
 			}
 		}
 	}
-}, j = { catalogs: {} }, M = 4, N = "trigger:";
-function P(e, t) {
+}, bt = { catalogs: {} }, xt = "trigger:";
+function Y(e, t) {
 	if (e?.kind != "trigger") return;
 	let n = e.trigger;
 	if (n.kind != "poll" && n.kind != "integration") return;
@@ -888,11 +1385,11 @@ function P(e, t) {
 		triggerId: e.id
 	};
 }
-function F(e, t, n, r) {
+function St(e, t) {
 	return {
-		description: n,
-		group: r,
-		id: `trigger:${e.key}:${t}`,
+		description: t.t("addNode.triggerNeedsConnection", { provider: e.provider }),
+		group: t.t("addNode.triggers"),
+		id: `${xt}${e.key}`,
 		inputs: [],
 		kind: "trigger",
 		label: e.displayName,
@@ -901,59 +1398,12 @@ function F(e, t, n, r) {
 			jsonSchema: e.payloadSchema
 		}],
 		trigger: {
-			connectionId: t,
 			definition: e,
 			kind: "catalog"
 		}
 	};
 }
-function I(e, t) {
-	return {
-		choices: [],
-		description: t.t("addNode.triggerChooseConnection"),
-		group: t.t("addNode.triggers"),
-		id: `${N}${e.key}`,
-		inputs: [],
-		kind: "trigger",
-		label: e.displayName,
-		outputs: []
-	};
-}
-function L(e, t, n) {
-	let r = n.t("addNode.triggers"), i = t.preferred;
-	return i == null ? t.active.length > 0 ? t.active.map((t) => F(e, t.connectionId, t.displayName, r)) : [{
-		description: n.t("addNode.triggerNeedsConnection", { provider: e.provider }),
-		group: r,
-		id: `${N}${e.key}:connect`,
-		inputs: [],
-		kind: "trigger",
-		label: n.t("addNode.triggerAddConnection"),
-		outputs: [],
-		trigger: {
-			kind: "connect",
-			provider: e.provider
-		}
-	}] : [F(e, i.connectionId, i.displayName, r)];
-}
-function be(e, t, n) {
-	let r = t.preferred;
-	if (r != null) return F(e, r.connectionId, r.displayName, n.t("addNode.triggers"));
-	let i = I(e, n), a = L(e, t, n);
-	return {
-		...i,
-		description: t.active.length == 0 ? n.t("addNode.triggerNeedsConnection", { provider: e.provider }) : i.description,
-		outputs: t.active.length == 0 ? [] : [{
-			handle: "payload",
-			jsonSchema: e.payloadSchema
-		}],
-		choices: a.map((n) => ({
-			description: t.active.length == 0 ? e.provider : void 0,
-			label: n.label,
-			option: n
-		}))
-	};
-}
-var xe = class {
+var Ct = class {
 	#e;
 	#t;
 	#n;
@@ -965,52 +1415,28 @@ var xe = class {
 	#c;
 	#l;
 	#u;
-	constructor(r, i, a, o, s = l()) {
-		this.#t = new AbortController(), this.#a = new x(), this.#c = t(j), this.#u = !1, this.browseAddNodeOptions = async (e) => {
+	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) => I(e, this.#i));
+			if (!(e.aborted || this.#u || t != this.#l.$.flowId.value)) return [...n.values()].map((e) => St(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 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;
-			let a = [...i.values()].filter((e) => [
+			if (!(t.aborted || this.#u || n != this.#l.$.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))), o = [...new Set(a.map((e) => e.provider))].filter((e) => this.#c.value.catalogs[e] == null);
-			for (let e = 0; e < o.length; e += M) {
-				let r = await Promise.all(o.slice(e, e + M).map(async (e) => [e, d(await this.#n.listConnectorConnections(e, t))]));
-				if (t.aborted || this.#u || n != this.#l.$.flowId.value) return;
-				this.#f({ catalogs: {
-					...this.#c.value.catalogs,
-					...Object.fromEntries(r)
-				} });
-			}
-			return a.map((e) => be(e, this.#c.value.catalogs[e.provider], this.#i));
-		}, this.provideAddNodeOptionChoices = async (e, t) => {
-			let n = this.#l.$.flowId.value, r = e.startsWith(N) ? e.slice(8) : void 0;
-			if (t.aborted || this.#u || n == null || r == null || this.#l.$.target.value?.kind != "flow") return;
-			let i = (await this.#d()).get(r);
-			if (t.aborted || this.#u || n != this.#l.$.flowId.value || i == null) return;
-			let a = this.#c.value.catalogs[i.provider];
-			if (a == null) {
-				if (a = d(await this.#n.listConnectorConnections(i.provider, t)), t.aborted || this.#u || n != this.#l.$.flowId.value) return;
-				this.#f({ catalogs: {
-					...this.#c.value.catalogs,
-					[i.provider]: a
-				} });
-			}
-			return L(i, a, this.#i);
+			].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 = P(t, i), r = e(this.#c);
+			let t = e(i.$.selection), n = Y(t, i), r = e(this.#c);
 			if (t?.kind != "trigger") return { authorizationPending: !1 };
 			let a = t.trigger;
 			if (a.kind != "poll" && a.kind != "integration") return { authorizationPending: !1 };
@@ -1037,10 +1463,10 @@ var xe = class {
 		this.#o.dispose(), this.#c.dispose();
 	}
 	reset() {
-		this.#u || (this.#t.abort(), this.#t = new AbortController(), this.#e = void 0, this.#a.invalidate(), this.#c.set(j));
+		this.#u || (this.#t.abort(), this.#t = new AbortController(), this.#e = void 0, this.#a.invalidate(), this.#c.set(bt));
 	}
 	async refresh(e = !1) {
-		let t = this.#a.begin(), n = this.#l.$.flowId.value, r = P(this.#l.$.selection.value, this.#l);
+		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 });
@@ -1052,7 +1478,7 @@ var xe = class {
 					connectionLoading: r.provider
 				});
 				try {
-					let e = d(await this.#n.listConnectorConnections(r.provider));
+					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,
@@ -1060,7 +1486,7 @@ var xe = class {
 					} });
 				} catch (e) {
 					this.#p(t, n) && this.#f({ connectionError: {
-						message: u(e, this.#i.t).message,
+						message: B(e, this.#i.t).message,
 						provider: r.provider
 					} });
 				} finally {
@@ -1072,7 +1498,7 @@ var xe = class {
 	async connect(e) {
 		let t = this.#l.$.flowId.value;
 		if (!(this.#u || t == null)) try {
-			if (!await this.#r.openExternalPage(() => this.#n.createConnectorConnectionPage(e))) {
+			if (!await this.#r.openExternalPage(() => this.#n.createConnectorConnectionPage(e, t))) {
 				this.#s({
 					kind: "error",
 					message: this.#i.t("notice.connectionPopupBlocked")
@@ -1081,7 +1507,7 @@ var xe = class {
 			}
 			!this.#u && t == this.#l.$.flowId.value && this.#f({ authorizationProvider: e });
 		} catch (e) {
-			this.#u || this.#s(u(e, this.#i.t));
+			this.#u || this.#s(B(e, this.#i.t));
 		}
 	}
 	async setConnection(e, t) {
@@ -1097,7 +1523,7 @@ var xe = class {
 		delete t[e], this.#f({
 			authorizationProvider: void 0,
 			catalogs: t
-		}), P(this.#l.$.selection.value, this.#l)?.provider == e && await this.refresh(!0);
+		}), Y(this.#l.$.selection.value, this.#l)?.provider == e && await this.refresh(!0);
 	}
 	#d() {
 		if (this.#e != null) return this.#e;
@@ -1117,883 +1543,19 @@ var xe = class {
 	}
 };
 //#endregion
-//#region src/flow/common/edgeChanges.ts
-function R(e, t, n) {
-	let r = {
-		source: n.source,
-		sourceHandle: n.sourceHandle,
-		target: n.target,
-		targetHandle: n.targetHandle
-	}, i = z(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,
-		kind: "graph.edge.connect",
-		target: t
-	}];
-}
-function Se(e, t, n) {
-	let r = {
-		source: n.source,
-		sourceHandle: n.sourceHandle,
-		target: n.target,
-		targetHandle: n.targetHandle
-	}, i = z(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,
-		kind: "graph.edge.disconnect",
-		target: t
-	}];
-}
-function z(e, t) {
-	return t.kind == "flow" ? e.document.graph : e.document.subflows[t.id]?.graph;
-}
-//#endregion
-//#region src/flow/common/moduleChanges.ts
-async function Ce(e) {
-	try {
-		let { parse: t } = await import("./lib-GrGxYjsJ.js"), n = t(e, {
-			errorRecovery: !0,
-			sourceType: "module"
-		}).program, r = /* @__PURE__ */ new Set();
-		for (let e of n.body) {
-			if (e.type != "ImportDeclaration") continue;
-			let t = /^\.\/(.+)\.mjs$/.exec(e.source.value);
-			t?.[1] != null && r.add(t[1]);
-		}
-		return [...r].toSorted();
-	} catch {
-		return [];
-	}
-}
-function we(e, t, n) {
-	return [{
-		imports: n,
-		kind: "module.source.replace",
-		moduleId: e,
-		source: t
-	}];
-}
-//#endregion
-//#region src/flow/common/nodeChanges.ts
-function Te(e, t, n, r = {
-	imports: [],
-	source: "export default function run(input) {\n  return { result: input.value }\n}\n"
-}, i = {
-	inputs: [{
-		handle: "value",
-		jsonSchema: {},
-		nullable: !0,
-		value: null
-	}],
-	outputs: [{
-		handle: "result",
-		jsonSchema: {},
-		nullable: !0
-	}]
-}) {
-	return [{
-		kind: "module.create",
-		module: {
-			...r,
-			name: n
-		},
-		moduleId: t.moduleId
-	}, {
-		kind: "graph.node.create",
-		node: {
-			concurrency: 1,
-			inputs: U(i.inputs),
-			kind: "task",
-			name: n,
-			task: {
-				inputs: i.inputs,
-				moduleId: t.moduleId,
-				name: n,
-				outputs: i.outputs
-			}
-		},
-		nodeId: t.nodeId,
-		target: e
-	}];
-}
-function B(e, t, n) {
-	return [{
-		kind: "task.create",
-		task: n,
-		taskId: t.taskId
-	}, {
-		kind: "graph.node.create",
-		node: {
-			concurrency: 1,
-			inputs: U(n.inputs),
-			kind: "task",
-			name: n.name,
-			taskId: t.taskId
-		},
-		nodeId: t.nodeId,
-		target: e
-	}];
-}
-function Ee(e, t, n, r, i, a = {}) {
-	let o = a.inputs ?? {};
-	return B(e, t, {
-		executor: {
-			kind: "llm",
-			mode: r
-		},
-		inputs: [
-			{
-				handle: "messages",
-				jsonSchema: {
-					items: { type: "object" },
-					type: "array"
-				},
-				nullable: !0,
-				value: W(o, "messages", null)
-			},
-			{
-				handle: "input",
-				jsonSchema: { type: "string" },
-				nullable: !1,
-				value: W(o, "input", "Alex")
-			},
-			{
-				handle: "template",
-				jsonSchema: {
-					items: { type: "object" },
-					minItems: 1,
-					type: "array"
-				},
-				nullable: !1,
-				value: W(o, "template", [{
-					content: "Hello, I'm {{input}}",
-					role: "user"
-				}])
-			},
-			{
-				handle: "model",
-				jsonSchema: { type: "object" },
-				nullable: !1,
-				value: W(o, "model", { model: "deepseek-v4-flash" })
-			}
-		],
-		name: n,
-		outputs: [{
-			...a.output,
-			description: a.output?.description ?? i,
-			handle: "output",
-			jsonSchema: a.output?.jsonSchema ?? (r == "chat" ? { type: "string" } : {}),
-			nullable: a.output?.nullable ?? !1
-		}]
-	});
-}
-function De(e, t, n) {
-	return [{
-		kind: "graph.node.create",
-		node: {
-			cases: [{
-				expressions: [{
-					input: "value",
-					operator: "isTrue"
-				}],
-				output: "true",
-				relation: "all"
-			}],
-			concurrency: 1,
-			defaultOutput: "false",
-			input: {
-				handle: "value",
-				jsonSchema: {},
-				nullable: !0,
-				value: null
-			},
-			inputs: { value: {
-				kind: "value",
-				value: null
-			} },
-			kind: "condition",
-			name: n
-		},
-		nodeId: t,
-		target: e
-	}];
-}
-function Oe(e, t, n) {
-	return [{
-		kind: "graph.node.create",
-		node: {
-			concurrency: 1,
-			inputs: {},
-			kind: "value",
-			name: n,
-			values: [{
-				handle: "value",
-				jsonSchema: {},
-				nullable: !0,
-				value: null
-			}]
-		},
-		nodeId: t,
-		target: e
-	}];
-}
-function V(e, t, n) {
-	return [{
-		kind: "graph.node.create",
-		node: n,
-		nodeId: t,
-		target: e
-	}];
-}
-function ke(e, t, n, r) {
-	let i = r.name ?? n.displayName, a = n.type == "poll" ? {
-		bindingId: t.bindingId,
-		config: r.config,
-		definition: n,
-		kind: "poll",
-		name: i,
-		pollTimes: r.schedule ?? [{
-			type: "every",
-			unit: "minute",
-			value: 5
-		}]
-	} : {
-		bindingId: t.bindingId,
-		config: r.config,
-		definition: n,
-		kind: "integration",
-		name: i
-	};
-	return [{
-		binding: {
-			kind: "connection",
-			target: r.connectionId
-		},
-		bindingId: t.bindingId,
-		kind: "binding.create"
-	}, {
-		kind: "graph.node.create",
-		node: a,
-		nodeId: t.nodeId,
-		target: e
-	}];
-}
-function Ae(e, t, n) {
-	let r = H(e, t)?.nodes;
-	if (r == null) return [];
-	let i = new Set(n), a = n.flatMap((e) => {
-		let n = r[e];
-		return n == null ? [] : [{
-			kind: "graph.node.delete",
-			nodeId: e,
-			target: t
-		}, ...n.kind == "task" && n.task != null ? [{
-			kind: "module.delete",
-			moduleId: n.task.moduleId
-		}] : []];
-	});
-	if (t.kind == "subflow") return a;
-	let o = new Set(n.flatMap((e) => {
-		let t = r[e];
-		return t?.kind == "poll" || t?.kind == "integration" ? [t.bindingId] : [];
-	}));
-	for (let t of o) Object.entries(e.document.graph.nodes).some(([e, n]) => !i.has(e) && (n.kind == "poll" || n.kind == "integration") && n.bindingId == t) || a.push({
-		bindingId: t,
-		kind: "binding.delete"
-	});
-	return a;
-}
-function je(e, t, n, r) {
-	let i = H(e, t)?.nodes[n];
-	if (i == null || !("inputs" in i)) return;
-	let { concurrency: a, name: o, timeoutMs: s, ...c } = i;
-	return G(t, n, {
-		...c,
-		...r
-	});
-}
-function Me(e, t, n, r, i) {
-	return Ne(e, t, n, { [r]: i });
-}
-function Ne(e, t, n, r) {
-	let i = H(e, t)?.nodes[n];
-	if (i == null || !("inputs" in i)) return;
-	let a = { ...i.inputs };
-	for (let [e, t] of Object.entries(r)) t === void 0 ? delete a[e] : a[e] = {
-		kind: "value",
-		value: t
-	};
-	return G(t, n, {
-		...i,
-		inputs: a
-	});
-}
-function Pe(e, t, n) {
-	let r = e.document.tasks[t];
-	if (!(r == null || !("executor" in r) || r.executor.kind != "connector")) return [{
-		kind: "task.replace",
-		task: {
-			...r,
-			executor: {
-				...r.executor,
-				connectionId: n
-			}
-		},
-		taskId: t
-	}];
-}
-function Fe(e, t, n, r) {
-	let i = e.document.graph.nodes[n];
-	if (i == null) return;
-	let a = {
-		...r.description == null ? {} : { description: r.description },
-		icon: i.icon,
-		name: r.name
-	}, o;
-	switch (r.kind) {
-		case "webhook":
-			if (i.kind != "webhook") return;
-			o = Object.keys(r.options).length == 0 ? {
-				...a,
-				inputsDef: r.inputs,
-				kind: "webhook"
-			} : {
-				...a,
-				inputsDef: r.inputs,
-				kind: "webhook",
-				options: r.options
-			};
-			break;
-		case "cron":
-			if (i.kind != "cron") return;
-			o = {
-				...a,
-				cronTimes: r.schedule,
-				kind: "cron"
-			};
-			break;
-		case "poll":
-			if (i.kind != "poll") return;
-			o = {
-				...i,
-				...a,
-				config: r.config,
-				pollTimes: r.schedule
-			};
-			break;
-		case "integration":
-			if (i.kind != "integration") return;
-			o = {
-				...i,
-				...a,
-				config: r.config
-			};
-	}
-	return G(t, n, o);
-}
-function Ie(e, t, n, r, i) {
-	let a = e.document.graph.nodes[n];
-	if (a == null || a.kind != "integration" && a.kind != "poll") return;
-	let o = { ...a.config };
-	return i === void 0 ? delete o[r] : o[r] = i, G(t, n, {
-		...a,
-		config: o
-	});
-}
-function Le(e, t, n, r) {
-	let i = e.document.graph.nodes[n];
-	if (i != null) switch (i.kind) {
-		case "cron": return G(t, n, {
-			...i,
-			cronTimes: r
-		});
-		case "poll": return G(t, n, {
-			...i,
-			pollTimes: r
-		});
-		case "integration":
-		case "webhook": return;
-		default: return;
-	}
-}
-function Re(e, t, n, r) {
-	let i = e.document.graph.nodes[n];
-	if (!(i == null || i.kind != "poll" && i.kind != "integration") && e.document.bindings[i.bindingId]?.kind == "connection") return [{
-		binding: {
-			kind: "connection",
-			target: r
-		},
-		bindingId: i.bindingId,
-		kind: "binding.replace"
-	}];
-}
-function H(e, t) {
-	return t.kind == "flow" ? e.document.graph : e.document.subflows[t.id]?.graph;
-}
-function U(e) {
-	return Object.fromEntries(e.flatMap((e) => Object.hasOwn(e, "value") ? [[e.handle, {
-		kind: "value",
-		value: e.value
-	}]] : []));
-}
-function W(e, t, n) {
-	return e != null && Object.hasOwn(e, t) ? e[t] : n;
-}
-function G(e, t, n) {
-	return [{
-		kind: "graph.node.replace",
-		node: n,
-		nodeId: t,
-		target: e
-	}];
-}
-//#endregion
-//#region src/workbench/browser/runtime/designer/flowChanges.ts
-function K(e, t) {
-	return {
-		...e,
-		content: i(e.content, t)
-	};
-}
-function ze(e, t) {
-	return [{
-		kind: "subflow.create",
-		subflow: {
-			graph: { nodes: {} },
-			inputs: [{
-				handle: "value",
-				jsonSchema: {},
-				nullable: !0,
-				value: null
-			}],
-			name: t,
-			outputs: [{
-				handle: "result",
-				jsonSchema: {},
-				nullable: !0,
-				sources: [{
-					input: "value",
-					kind: "flow"
-				}]
-			}]
-		},
-		subflowId: e
-	}];
-}
-function Be(e, t, n, r, i) {
-	switch (r.kind) {
-		case "code": return Te(t, {
-			moduleId: i(),
-			nodeId: n
-		}, r.name);
-		case "llm": return Ee(t, {
-			nodeId: n,
-			taskId: i()
-		}, r.name, r.mode, r.outputDescription);
-		case "connector": return B(t, {
-			nodeId: n,
-			taskId: i()
-		}, {
-			executor: {
-				action: r.action.actionId,
-				...r.action.defaultConnection == null ? {} : { connectionId: r.action.defaultConnection.connectionId },
-				kind: "connector"
-			},
-			inputs: Object.entries(r.action.inputs).map(([e, t]) => Object.assign({ handle: e }, t)),
-			name: r.action.name,
-			outputs: Object.entries(r.action.outputs).map(([e, t]) => Object.assign({ handle: e }, t))
-		});
-		case "condition": return De(t, n, r.name);
-		case "value": return Oe(t, n, r.name);
-		case "subflow": {
-			let i = e.subflow(r.subflowId);
-			return i == null ? void 0 : tt(t, n, r.subflowId, i.inputs);
-		}
-		case "webhook": return t.kind == "flow" ? V(t, n, {
-			inputsDef: [],
-			kind: "webhook",
-			name: r.name
-		}) : void 0;
-		case "cron": return t.kind == "flow" ? V(t, n, {
-			cronTimes: [{
-				type: "every",
-				unit: "hour",
-				value: 1
-			}],
-			kind: "cron",
-			name: r.name
-		}) : void 0;
-		case "provider-trigger": return t.kind == "flow" ? ke(t, {
-			bindingId: i(),
-			nodeId: n
-		}, r.definition, {
-			config: {},
-			connectionId: r.connectionId
-		}) : void 0;
-	}
-}
-function Ve(e, t, n) {
-	return Ae(e.revision.content, t, n);
-}
-function He(e, t, n) {
-	let r = e.graph(t)?.nodes ?? {}, i = Object.fromEntries(n.flatMap((e) => r[e] == null ? [] : [[e, r[e]]]));
-	return {
-		modules: Object.fromEntries(Object.values(i).flatMap((t) => {
-			if (t.kind != "task" || t.task == null) return [];
-			let n = e.revision.content.modules[t.task.moduleId];
-			return n == null ? [] : [[t.task.moduleId, n]];
-		})),
-		nodes: i
-	};
-}
-function Ue(e, t, n, r) {
-	if (e.graph(t) == null) return {
-		changes: [],
-		nodeIds: [],
-		sourceIds: []
-	};
-	let i = Object.entries(n.nodes).filter(([, e]) => (t.kind == "flow" || "inputs" in e) && (e.kind != "task" || e.task == null || n.modules[e.task.moduleId] != null)), a = i.map(([e]) => e), o = new Map(a.map((e) => [e, r()])), s = [];
-	for (let [a, c] of i) {
-		let i = o.get(a);
-		if (!("inputs" in c)) {
-			if (c.kind == "poll" || c.kind == "integration") {
-				let n = e.binding(c.bindingId);
-				if (n == null) continue;
-				let a = r();
-				s.push({
-					binding: n,
-					bindingId: a,
-					kind: "binding.create"
-				}), s.push({
-					kind: "graph.node.create",
-					node: {
-						...c,
-						bindingId: a,
-						name: `${c.name} copy`
-					},
-					nodeId: i,
-					target: t
-				});
-			} else s.push({
-				kind: "graph.node.create",
-				node: {
-					...c,
-					name: `${c.name} copy`
-				},
-				nodeId: i,
-				target: t
-			});
-			continue;
-		}
-		let l = {};
-		for (let [e, t] of Object.entries(c.inputs)) {
-			if (t.kind == "value") {
-				l[e] = t;
-				continue;
-			}
-			let n = [];
-			for (let e of t.sources) {
-				if (e.kind != "node") {
-					n.push(e);
-					continue;
-				}
-				let t = o.get(e.nodeId);
-				t != null && n.push({
-					...e,
-					nodeId: t
-				});
-			}
-			n.length > 0 && (l[e] = {
-				kind: "sources",
-				sources: n
-			});
-		}
-		let u = {
-			...c,
-			inputs: l,
-			...c.name == null ? {} : { name: `${c.name} copy` }
-		};
-		if (c.kind == "task" && c.task != null) {
-			let e = r(), t = n.modules[c.task.moduleId];
-			s.push({
-				kind: "module.create",
-				module: {
-					...t,
-					name: `${t.name} copy`
-				},
-				moduleId: e
-			}), u = {
-				...c,
-				inputs: l,
-				...c.name == null ? {} : { name: `${c.name} copy` },
-				task: {
-					...c.task,
-					moduleId: e,
-					name: `${c.task.name} copy`
-				}
-			};
-		}
-		s.push({
-			kind: "graph.node.create",
-			node: u,
-			nodeId: i,
-			target: t
-		});
-	}
-	return {
-		changes: s,
-		nodeIds: [...o.values()],
-		sourceIds: a
-	};
-}
-function We(e, t, n, r) {
-	return je(e.revision.content, t, n, r);
-}
-function Ge(e, t, n, r) {
-	let i = e.node(t, n)?.node;
-	if (i == null) return;
-	let { description: a, ...o } = i;
-	return Y(t, n, r == null ? o : {
-		...o,
-		description: r
-	});
-}
-function Ke(e, t, n, r) {
-	let i = e.node(t, n)?.node;
-	if (i == null) return;
-	let { icon: a, ...o } = i;
-	return Y(t, n, r == null ? o : {
-		...o,
-		icon: r
-	});
-}
-function qe(e, t, n, r) {
-	let i = e.node(t, n)?.node;
-	if (i == null) return;
-	if (!("inputs" in i)) return Y(t, n, {
-		...i,
-		name: r ?? i.name
-	});
-	let { name: a, ...o } = i;
-	return Y(t, n, r == null ? o : {
-		...o,
-		name: r
-	});
-}
-function Je(e, t, n, r, i) {
-	return Me(e.revision.content, t, n, r, i);
-}
-function Ye(e, t, n, r) {
-	let i = e.graph(t), a = i?.nodes[n];
-	if (i == null || a?.kind != "condition") return;
-	let o = Object.fromEntries([...a.cases.map((e) => [e.output, !0]), ...a.defaultOutput == null ? [] : [[a.defaultOutput, !0]]]), s = Object.fromEntries([...r.cases.map((e) => [e.output, !0]), ...r.defaultOutput == null ? [] : [[r.defaultOutput, !0]]]), c = a.input.handle == r.input.handle ? void 0 : [a.input.handle, r.input.handle], l = q(Object.keys(o).map((e) => ({ handle: e })), Object.keys(s).map((e) => ({ handle: e }))), u = new Set(Object.keys(s)), d = [];
-	for (let [e, o] of Object.entries(i.nodes)) {
-		if (!("inputs" in o)) continue;
-		let i = e == n, s = { ...o.inputs };
-		if (e == n) {
-			c != null && Object.hasOwn(s, c[0]) && (s[c[1]] = s[c[0]], delete s[c[0]]);
-			for (let e of Object.keys(s)) e != r.input.handle && delete s[e];
-		}
-		for (let [e, t] of Object.entries(s)) {
-			if (t.kind != "sources") continue;
-			let r = t.sources.flatMap((e) => e.kind != "node" || e.nodeId != n ? [e] : l != null && e.output == l[0] ? [{
-				...e,
-				output: l[1]
-			}] : u.has(e.output) ? [e] : []);
-			r.length == t.sources.length && r.every((e, n) => e === t.sources[n]) || (i = !0, r.length == 0 ? delete s[e] : s[e] = {
-				kind: "sources",
-				sources: r
-			});
-		}
-		if (i) {
-			if (e == n) {
-				let { defaultOutput: n, ...i } = a;
-				d.push({
-					kind: "graph.node.replace",
-					node: {
-						...i,
-						...r,
-						inputs: s
-					},
-					nodeId: e,
-					target: t
-				});
-			} else d.push({
-				kind: "graph.node.replace",
-				node: {
-					...o,
-					inputs: s
-				},
-				nodeId: e,
-				target: t
-			});
-		}
-	}
-	return d;
-}
-function Xe(e, t, n, r) {
-	let i = e.node(t, n)?.node;
-	if (i?.kind == "value") return Y(t, n, {
-		...i,
-		values: r.map((e) => ({
-			handle: e.handle,
-			...e.description == null ? {} : { description: e.description },
-			jsonSchema: e.jsonSchema ?? {},
-			nullable: e.nullable ?? !1,
-			...Object.hasOwn(e, "value") ? { value: e.value } : {}
-		}))
-	});
-}
-function Ze(e, t, n, r) {
-	let i = e.graph(t)?.nodes[n];
-	if (i?.kind == "task") switch (r.kind) {
-		case "code": return i.task == null ? void 0 : J(e, t, n, {
-			...i.task,
-			name: r.name
-		});
-		case "llm": {
-			if (i.task != null) return;
-			let t = e.task(i.taskId);
-			return t?.executor.kind == "llm" ? [{
-				kind: "task.replace",
-				task: {
-					executor: {
-						kind: "llm",
-						mode: r.mode
-					},
-					inputs: t.inputs,
-					name: r.name,
-					outputs: t.outputs
-				},
-				taskId: i.taskId
-			}] : void 0;
-		}
-		case "connector": {
-			if (i.task != null) return;
-			let t = e.task(i.taskId);
-			return t?.executor.kind == "connector" ? [{
-				kind: "task.replace",
-				task: {
-					...t,
-					name: r.name
-				},
-				taskId: i.taskId
-			}] : void 0;
-		}
-	}
-}
-function Qe(e, t, n, r) {
-	let i = e.graph(t)?.nodes[n];
-	if (i?.kind == "task" && i.task != null) return J(e, t, n, {
-		...i.task,
-		...r
-	});
-}
-function $e(e, t, n, r) {
-	let i = e.trigger(n);
-	if (i == null || i.kind != "webhook") return;
-	let { options: a, ...o } = i;
-	return Y(t, n, Object.keys(r.options).length == 0 ? {
-		...o,
-		inputsDef: r.inputs
-	} : {
-		...i,
-		inputsDef: r.inputs,
-		options: r.options
-	});
-}
-function et(e, t, n) {
-	if (e.subflow(t) != null) return [{
-		definition: n,
-		kind: "subflow.definition.replace",
-		subflowId: t
-	}];
-}
-function tt(e, t, n, r) {
-	return [{
-		kind: "graph.node.create",
-		node: {
-			concurrency: 1,
-			inputs: nt(r),
-			kind: "subflow",
-			subflowId: n
-		},
-		nodeId: t,
-		target: e
-	}];
-}
-function nt(e) {
-	return Object.fromEntries(e.flatMap((e) => Object.hasOwn(e, "value") ? [[e.handle, {
-		kind: "value",
-		value: e.value
-	}]] : []));
-}
-function q(e, t) {
-	let n = new Set(e.map((e) => e.handle)), r = new Set(t.map((e) => e.handle)), i = [...n].filter((e) => !r.has(e)), a = [...r].filter((e) => !n.has(e));
-	return i.length == 1 && a.length == 1 ? [i[0], a[0]] : void 0;
-}
-function J(e, t, n, r) {
-	let i = e.graph(t), a = i?.nodes[n];
-	if (i == null || a?.kind != "task" || a.task == null) return;
-	let o = q(a.task.inputs, r.inputs), s = q(a.task.outputs, r.outputs), c = new Set(r.inputs.map((e) => e.handle)), l = new Set(r.outputs.map((e) => e.handle)), u = [];
-	for (let [e, d] of Object.entries(i.nodes)) {
-		if (!("inputs" in d)) continue;
-		let i = e == n, f = { ...d.inputs };
-		if (e == n) {
-			o != null && Object.hasOwn(f, o[0]) && (f[o[1]] = f[o[0]], delete f[o[0]]);
-			for (let e of Object.keys(f)) c.has(e) || delete f[e];
-		}
-		for (let [e, t] of Object.entries(f)) {
-			if (t.kind != "sources") continue;
-			let r = t.sources.flatMap((e) => e.kind != "node" || e.nodeId != n ? [e] : s != null && e.output == s[0] ? [{
-				...e,
-				output: s[1]
-			}] : l.has(e.output) ? [e] : []);
-			r.length == t.sources.length && r.every((e, n) => e === t.sources[n]) || (i = !0, r.length == 0 ? delete f[e] : f[e] = {
-				kind: "sources",
-				sources: r
-			});
-		}
-		if (!i) continue;
-		let p = e == n ? {
-			...a,
-			inputs: f,
-			task: r
-		} : {
-			...d,
-			inputs: f
-		};
-		u.push({
-			kind: "graph.node.replace",
-			node: p,
-			nodeId: e,
-			target: t
-		});
-	}
-	return u;
-}
-function Y(e, t, n) {
-	return [{
-		kind: "graph.node.replace",
-		node: n,
-		nodeId: t,
-		target: e
-	}];
-}
-//#endregion
 //#region src/workbench/browser/runtime/designer/remoteChangeTargets.ts
-function rt(e, t) {
+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 it(e, t, n, r) {
+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":
-			rt(a.target, n) && i.add(a.nodeId);
+			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);
@@ -2007,7 +1569,7 @@ function it(e, t, n, r) {
 }
 //#endregion
 //#region src/workbench/browser/runtime/stores/draftChanges.ts
-function at(e) {
+function Et(e) {
 	if (e.length != 1) return;
 	let t = e[0];
 	switch (t.kind) {
@@ -2020,7 +1582,7 @@ function at(e) {
 		default: return;
 	}
 }
-var ot = class {
+var Dt = class {
 	#e;
 	#t;
 	#n;
@@ -2048,15 +1610,15 @@ var ot = class {
 		this.#a = e;
 	}
 	project(e) {
-		return this.#o.reduce((e, t) => K(e, t.changes), e);
+		return this.#o.reduce((e, t) => F(e, t.changes), e);
 	}
 	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(K(t, n));
-		let i = at(n), a = this.#o.at(-1), o = i != null && a != null && !a.started && at(a.changes) == i ? a : void 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 = {
 			...e,
@@ -2084,7 +1646,7 @@ var ot = class {
 				let r = this.#l(e, n, t);
 				return this.#o.length == 0 && this.#t.check(), r;
 			} catch (n) {
-				if (n instanceof s && n.code == "flow.revision-conflict") {
+				if (n instanceof P && n.code == "flow.revision-conflict") {
 					if (!t && await this.#t.recover(e)) {
 						t = !0;
 						continue;
@@ -2093,7 +1655,7 @@ var ot = class {
 						kind: "error",
 						message: this.#n.t("notice.draftConflict")
 					});
-				} else this.#u(e), this.#t.current(e) && this.#r(u(n, this.#n.t));
+				} else this.#u(e), this.#t.current(e) && this.#r(B(n, this.#n.t));
 				return;
 			}
 		}
@@ -2101,7 +1663,7 @@ var ot = class {
 	#l(e, t, n) {
 		let r = {
 			...n.revision,
-			content: K(t, e.changes).content
+			content: F(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;
@@ -2110,19 +1672,19 @@ var ot = class {
 	#u(e) {
 		this.#o = this.#o.filter((t) => t !== e), !(!this.#t.current(e) || this.#a == null) && this.#t.apply(this.project(this.#a));
 	}
-}, st = 50, ct = {
+}, Ot = 50, kt = {
 	failed: !1,
 	loaded: !1,
 	loading: !0,
 	loadingMore: !1,
 	loadMoreFailed: !1,
 	flows: []
-}, lt = class {
+}, At = class {
 	#e;
 	#t;
 	#n = new x();
 	#r;
-	#i = t(ct);
+	#i = t(kt);
 	#a = !1;
 	constructor(t, n, r) {
 		this.#e = t, this.#t = r, this.#r = n, this.$ = {
@@ -2164,7 +1726,7 @@ var ot = class {
 		try {
 			let t = await this.#e.listFlows({
 				includeTotal: !0,
-				limit: st
+				limit: Ot
 			});
 			if (!e()) return;
 			this.#o({
@@ -2179,7 +1741,7 @@ var ot = class {
 			this.#o({
 				failed: !0,
 				loading: !1
-			}), this.#r(u(t, this.#t.t));
+			}), this.#r(B(t, this.#t.t));
 		}
 	}
 	async loadMore() {
@@ -2193,7 +1755,7 @@ var ot = class {
 		try {
 			let e = await this.#e.listFlows({
 				cursor: t,
-				limit: st
+				limit: Ot
 			});
 			if (!n()) return;
 			let r = new Set(this.#i.value.flows.map((e) => e.flowId));
@@ -2207,7 +1769,7 @@ var ot = class {
 			this.#o({
 				loadingMore: !1,
 				loadMoreFailed: !0
-			}), this.#r(u(e, this.#t.t));
+			}), this.#r(B(e, this.#t.t));
 		}
 	}
 	async create(e) {
@@ -2225,6 +1787,12 @@ var ot = class {
 		}
 		this.#o({ flows: this.#i.value.flows.with(t, e) });
 	}
+	insert(e) {
+		this.#i.value.flows.some((t) => t.flowId == e.flowId) || this.#o({
+			flows: [...this.#i.value.flows, e],
+			total: this.#i.value.total == null ? void 0 : this.#i.value.total + 1
+		});
+	}
 	remove(e) {
 		this.#o({
 			flows: this.#i.value.flows.filter((t) => t.flowId != e),
@@ -2243,7 +1811,7 @@ var ot = class {
 			...e
 		});
 	}
-}, ut = class {
+}, jt = class {
 	#e;
 	#t;
 	#n;
@@ -2286,7 +1854,7 @@ var ot = class {
 				this.#c(a, r);
 			} catch (r) {
 				if (this.#o || !n()) return;
-				if (r instanceof s && r.code == "flow.presentation-conflict") try {
+				if (r instanceof P && r.code == "flow.presentation-conflict") try {
 					let t = await this.#e.getPresentation(e);
 					if (this.#o || !n()) return;
 					this.#c(a, t), this.#n({
@@ -2294,9 +1862,9 @@ var ot = class {
 						message: this.#t.t("notice.layoutConflict")
 					});
 				} catch (e) {
-					!this.#o && n() && this.#n(u(e, this.#t.t));
+					!this.#o && n() && this.#n(B(e, this.#t.t));
 				}
-				else this.#c(a, t), this.#n(u(r, this.#t.t));
+				else this.#c(a, t), this.#n(B(r, this.#t.t));
 			}
 		}), await this.#i;
 	}
@@ -2308,76 +1876,13 @@ var ot = class {
 			value: n
 		});
 	}
-};
-//#endregion
-//#region src/workbench/browser/runtime/designer/diagnostics.ts
-function dt(e, t) {
-	return t == e || t.startsWith(`${e}/`);
-}
-function ft(e, t, n, r) {
-	if (e == null || t == null || n == null) return [];
-	if (r != null) return _t(t, r, n.diagnostics);
-	let i = t.kind == "flow" ? "/document/graph" : `/document/subflows/${t.id}`;
-	return n.diagnostics.filter((e) => dt(i, e.path));
-}
-function pt(e) {
-	return e.startsWith("/modules/") ? "code" : /\/graph\/nodes\/[^/]+\/task(?:\/|$)/.test(e) ? "task" : e.includes("/graph/nodes/") ? "node" : e.startsWith("/document/tasks/") ? "task" : "flow";
-}
-function mt(e, t) {
-	return t.startsWith("/inputs/") ? "inputs" : e.kind == "task" && t.startsWith("/task") ? "task" : e.kind == "condition" && (t.startsWith("/cases/") || t.startsWith("/input") || t.startsWith("/defaultOutput")) ? "condition" : "node";
-}
-function ht(e, t, n) {
-	if (e == null || t == null) return;
-	let r = t.kind == "flow" ? "/document/graph/nodes/" : `/document/subflows/${t.id}/graph/nodes/`;
-	if (n.path.startsWith(r)) {
-		let i = n.path.slice(r.length), a = i.indexOf("/"), o = a < 0 ? i : i.slice(0, a), s = e.node(t, o);
-		return s == null ? void 0 : {
-			nodeId: o,
-			section: mt(s.node, a < 0 ? "" : i.slice(a))
-		};
-	}
-	let i = /^\/document\/tasks\/([^/]+)(.*)$/.exec(n.path);
-	if (i != null) {
-		let n = e.findTaskNode(t, /* @__PURE__ */ new Set([i[1]]));
-		return n == null ? void 0 : {
-			nodeId: n,
-			section: i[2].startsWith("/executor") ? "account" : "task"
-		};
-	}
-	let a = /^\/modules\/([^/]+)\/source$/.exec(n.path);
-	if (a != null) {
-		let n = e.findModuleNode(t, a[1]);
-		if (n != null) return {
-			nodeId: n,
-			section: "module"
-		};
-	}
-}
-function gt(e, t, n) {
-	return n?.diagnostics.map((n) => ({
-		diagnostic: n,
-		location: ht(e, t, n),
-		scope: pt(n.path)
-	})) ?? [];
-}
-function _t(e, t, n) {
-	let r = e.kind == "flow" ? `/document/graph/nodes/${t.id}` : `/document/subflows/${e.id}/graph/nodes/${t.id}`, i = [r];
-	if (t.kind == "task") {
-		t.node.task == null ? i.push(`/document/tasks/${t.node.taskId}`) : i.push(`${r}/task`);
-		let e = t.definition != null && "moduleId" in t.definition ? t.definition.moduleId : void 0;
-		e != null && i.push(`/modules/${e}`);
-	} else t.kind == "subflow" && i.push(`/document/subflows/${t.node.subflowId}`);
-	return n.filter((e) => i.some((t) => dt(t, e.path)));
-}
-//#endregion
-//#region src/workbench/browser/runtime/stores/workspaceModel.ts
-var vt = {
+}, Mt = {
 	checkLoading: !1,
 	selectedNodeIds: [],
 	workspaceLoadFailed: !1,
 	workspaceLoading: !1
 };
-function yt(e) {
+function Nt(e) {
 	return e.workspaceLoading ? "loading" : e.busy == "designer" ? "saving" : e.draft == null ? "noDraft" : "saved";
 }
 function Z(e, t) {
@@ -2393,9 +1898,9 @@ function Q(e, t, n) {
 		source: r.module.source
 	};
 }
-var bt = class {
+var Pt = class {
 	#e;
-	#t = t(vt);
+	#t = t(Mt);
 	#n;
 	constructor(t, 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) => {
@@ -2405,23 +1910,23 @@ var bt = class {
 				...n,
 				status: Z(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 : h(e.draft)), g = e(this.#t, (e) => e.selectedNodeIds), _ = e(this.#t, (e) => e.target), v = e(this.#t, (e) => e.workspaceLoadFailed), y = 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 : 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);
 		this.#e = e(this.#t, (e) => ({
-			revision: e.draft == null ? void 0 : h(e.draft),
+			revision: e.draft == null ? void 0 : N(e.draft),
 			target: e.target
 		}), { equal: (e, t) => e.revision === t.revision && e.target === t.target });
-		let b = e(this.#t, (e) => {
-			if (e.draft != null && e.target != null && e.selectedNodeIds.length == 1) return h(e.draft).selection(e.target, e.selectedNodeIds[0]);
+		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]);
 		});
 		this.$ = {
 			addNodeOptions: n((e) => {
 				let { revision: n, target: r } = e(this.#e);
-				return ee(n?.revision, r, e(t.t$));
+				return je(n?.revision, r, e(t.t$));
 			}),
 			busy: i,
 			checkLoading: a,
 			diagnosticFocus: o,
-			diagnosticItems: e(this.#t, (e) => gt(e.draft == null ? void 0 : h(e.draft), e.target, e.diagnostics)),
+			diagnosticItems: e(this.#t, (e) => we(e.draft == null ? void 0 : N(e.draft), e.target, e.diagnostics)),
 			diagnostics: s,
 			draft: c,
 			flow: n((e) => {
@@ -2436,7 +1941,7 @@ var bt = class {
 			flowNextCursor: r.$.nextCursor,
 			flowTotal: r.$.total,
 			flows: r.$.flows,
-			inspectorDiagnostics: e(this.#t, (e) => ft(e.draft == null ? void 0 : h(e.draft), e.target, e.diagnostics, b.value)),
+			inspectorDiagnostics: e(this.#t, (e) => Oe(e.draft == null ? void 0 : N(e.draft), e.target, e.diagnostics, y.value)),
 			live: p,
 			moduleDiagnostics: e(this.#t, (e) => {
 				let t = e.moduleEditor?.moduleId;
@@ -2446,16 +1951,16 @@ var bt = class {
 			nodeFocus: u,
 			presentation: d,
 			revision: m,
-			selection: b,
-			selectedNodeIds: g,
-			status: e(this.#t, yt),
-			target: _,
-			targetFlow: n((e) => e(_)?.kind == "flow" ? e(r.$.flows).find((t) => t.flowId == e(f)) : void 0),
+			selection: y,
+			selectedNodeIds: h,
+			status: e(this.#t, Nt),
+			target: g,
+			targetFlow: n((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 : h(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 : N(e.draft).subflow(e.target.id)?.name ?? e.target.id;
 			}),
-			workspaceLoadFailed: v,
-			workspaceLoading: y
+			workspaceLoadFailed: _,
+			workspaceLoading: v
 		}, this.#n = new Set(Object.values(r.$));
 	}
 	get value() {
@@ -2471,14 +1976,14 @@ var bt = class {
 		for (let e of Object.values(this.$)) this.#n.has(e) || e.dispose();
 		this.#e.dispose(), this.#t.dispose();
 	}
-}, xt = 250;
-function St(e, t) {
+}, Ft = 250;
+function It(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 Ct = class {
+var Lt = class {
 	#e;
 	#t;
 	#n = new x();
@@ -2501,8 +2006,8 @@ var Ct = class {
 	#y = 0;
 	#b;
 	#x;
-	constructor(e, t, n = () => crypto.randomUUID(), r = l(), i = () => {}) {
-		this.#e = e, this.#c = t, this.#i = n, this.#r = r, this.#s = i, this.#o = new lt(e, t, r), this.#l = new bt(r, this.#o), this.#t = new ot(e, t, r, {
+	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),
 			beforeChange: (e) => {
 				this.#M(), this.#h = !1, e && (this.#B({ busy: "designer" }), this.#c(void 0));
@@ -2515,7 +2020,7 @@ var Ct = class {
 			},
 			headChanged: (e, t) => this.#N(e, t),
 			recover: (e) => this.#O(e, !0)
-		}), this.#a = new ut(e, t, (e) => this.#B({ presentation: e }), r), this.$ = this.#l.$;
+		}), this.#a = new jt(e, t, (e) => this.#B({ 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();
@@ -2570,7 +2075,7 @@ var Ct = class {
 			return t() ? (this.#B({
 				workspaceLoadFailed: !0,
 				workspaceLoading: !1
-			}), this.#c(u(e, this.#r.t)), !1) : !1;
+			}), this.#c(B(e, this.#r.t)), !1) : !1;
 		}
 		return !0;
 	}
@@ -2587,18 +2092,20 @@ var Ct = class {
 	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({
 			diagnosticFocus: void 0,
-			moduleEditor: Q(this.#l.value.draft == null ? void 0 : h(this.#l.value.draft), this.#l.value.target, e),
+			moduleEditor: Q(this.#l.value.draft == null ? void 0 : N(this.#l.value.draft), this.#l.value.target, e),
 			nodeFocus: void 0,
 			selectedNodeIds: e
 		}), !0) : !1;
 	}
-	async createFlow(e) {
+	async createFlow(e, t) {
 		if (this.#F()) {
 			this.#B({ busy: "flow" }), this.#c(void 0);
 			try {
-				return await this.#o.create(e);
+				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(u(e, this.#r.t));
+				this.#_ || this.#c(B(e, this.#r.t));
 			} finally {
 				this.#B({ busy: void 0 });
 			}
@@ -2615,7 +2122,7 @@ var Ct = class {
 				message: this.#r.t("notice.flowDeleteAccepted", { name: t.name })
 			}), !0);
 		} catch (e) {
-			return this.#_ || this.#c(u(e, this.#r.t)), !1;
+			return this.#_ || this.#c(B(e, this.#r.t)), !1;
 		} finally {
 			this.#B({ busy: void 0 });
 		}
@@ -2624,7 +2131,7 @@ var Ct = class {
 		if (!this.#F() || this.#l.value.draft == null) return !1;
 		let t = this.#i();
 		this.#B({ busy: "resource" }), this.#c(void 0);
-		let n = await this.#C(ze(t, e), !1);
+		let n = await this.#C(ge(t, e), !1);
 		return this.#B({ busy: void 0 }), n != null && (this.selectTarget({
 			id: t,
 			kind: "subflow"
@@ -2642,7 +2149,7 @@ var Ct = class {
 		try {
 			i = await this.#e.renameFlow(e, r), i != null && this.#o.include(i);
 		} catch (e) {
-			this.#_ || this.#c(u(e, this.#r.t));
+			this.#_ || this.#c(B(e, this.#r.t));
 		}
 		return this.#B({ busy: void 0 }), i != null && (this.#c({
 			kind: "success",
@@ -2655,32 +2162,35 @@ var Ct = class {
 		if (r == null || i == null) return;
 		let a = this.#i();
 		if (e.kind == "comment") return await this.#S(i, a, t);
-		let o = h(r), s = b(e, o, i, this.#r.t);
+		let o = N(r), s = S(e, o, i, this.#r.t);
 		if (s == null) return;
-		let c = Be(o, i, a, s, this.#i);
+		let c = be(o, i, a, s, this.#i);
 		if (c == null) return;
-		let l = n == null ? c : [...c, ...R(K(r, c).content, i, n(a))], u = this.#C(l);
+		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) return await d, a;
+		if (await u != null && (await d, !this.#_)) return this.#B({ nodeFocus: {
+			nodeId: a,
+			requestId: ++this.#y
+		} }), a;
 	}
 	async connect(e) {
 		let t = this.$.revision.value, n = this.#l.value.target;
 		if (t == null || n == null) return;
-		let r = R(t.revision.content, n, e);
+		let r = $e(t.revision.content, n, e);
 		r.length > 0 && await this.#C(r);
 	}
 	async disconnect(e) {
 		let t = this.$.revision.value, n = this.#l.value.target;
 		if (t == null || n == null) return;
-		let r = Se(t.revision.content, n, e);
+		let r = et(t.revision.content, n, e);
 		r.length > 0 && await this.#C(r);
 	}
 	async deleteSelectedNodes() {
 		if (!this.#F()) 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 = g(this.#l.value.presentation?.value ?? {}, t), r = new Set(this.#l.value.selectedNodeIds.filter((e) => n.has(e))), i = Ve(e, t, this.#l.value.selectedNodeIds), a = i.length == 0 ? void 0 : this.#C(i), o = r.size == 0 ? void 0 : this.#T((e) => f(e, t, r));
+		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;
 	}
 	copySelectedNodes() {
@@ -2694,14 +2204,14 @@ var Ct = class {
 				sourceId: e.id,
 				title: e.title
 			}] : []),
-			nodes: He(e, t, this.#l.value.selectedNodeIds)
+			nodes: De(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 = Ue(t, n, this.#u.nodes, this.#i), i = r.changes.length == 0 ? void 0 : this.#C(r.changes), a = this.#u.comments.map((e) => ({
+		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) => ({
 			...e,
 			nodeId: this.#i()
 		}));
@@ -2713,8 +2223,8 @@ var Ct = class {
 				y: (i?.y ?? 80) + 40
 			}];
 		})), c = this.#T((e) => {
-			let t = p(e, n, s);
-			for (let e of a) t = _(t, n, e.nodeId, {
+			let t = j(e, n, s);
+			for (let e of a) t = L(t, n, e.nodeId, {
 				content: e.content,
 				position: {
 					x: e.position.x + 40,
@@ -2732,50 +2242,56 @@ var Ct = class {
 	async saveNodeSettings(e, t) {
 		let n = this.$.revision.value, r = this.#l.value.target;
 		if (n == null || r == null) return !1;
-		let i = We(n, r, e, t);
+		let i = Ae(n, r, e, t);
 		return i != null && await this.#C(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 = Ge(n, r, e, t);
+		let i = ye(n, r, e, t);
 		return i != null && await this.#C(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 = Ke(n, r, e, t);
+		let i = ve(n, r, e, t);
 		return i != null && await this.#C(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 = qe(n, r, e, t);
+		let i = me(n, r, e, t);
 		return i != null && await this.#C(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 = Je(r, i, e, t, n);
+		let a = I(r, i, e, t, n);
+		return a != null && await this.#C(a) != 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;
 	}
 	async saveCondition(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);
+		let i = Ce(n, r, e, t);
 		return i != null && await this.#C(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 = Xe(n, r, e, t);
+		let i = Me(n, r, e, t);
 		return i != null && await this.#C(i) != null;
 	}
 	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) => _(i, n, e, {
+		r != null && await this.#T((i) => L(i, n, e, {
 			...t,
 			position: r
 		}));
@@ -2783,55 +2299,55 @@ var Ct = class {
 	async saveTaskSettings(e, t) {
 		let n = this.$.revision.value, r = this.#l.value.target;
 		if (n == null || r == null) return !1;
-		let i = Ze(n, r, e, t);
+		let i = he(n, r, e, t);
 		return i != null && await this.#C(i) != null;
 	}
 	async saveCodeTaskPorts(e, t) {
 		let n = this.$.revision.value, r = this.#l.value.target;
 		if (n == null || r == null) return !1;
-		let i = Qe(n, r, e, t);
+		let i = Te(n, r, e, t);
 		return i != null && await this.#C(i) != null;
 	}
 	async setConnectorConnection(e, t) {
 		let n = this.$.revision.value;
 		if (n == null) return !1;
-		let r = Pe(n.revision.content, e, t);
+		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 = Fe(n.revision.content, r, e, t);
+		let i = pe(n.revision.content, r, e, t);
 		return i != null && await this.#C(i) != 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 = Ie(r.revision.content, i, e, t, n);
+		let a = ne(r.revision.content, i, e, t, n);
 		return a != null && await this.#C(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 = Le(n.revision.content, r, e, t);
+		let i = re(n.revision.content, r, e, t);
 		return i != null && await this.#C(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 = $e(n, r, e, t);
+		let i = le(n, r, e, t);
 		return i != null && await this.#C(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 = Re(n.revision.content, r, e, t);
+		let i = de(n.revision.content, r, e, t);
 		return i != null && await this.#C(i) != null;
 	}
 	async saveSubflowSettings(e, t) {
 		let n = this.$.revision.value;
 		if (n == null) return !1;
-		let r = et(n, e, t);
+		let r = Ne(n, e, t);
 		return r != null && await this.#C(r) != null;
 	}
 	updateModuleSource(e) {
@@ -2862,9 +2378,9 @@ var Ct = class {
 			...e,
 			phase: "saving"
 		} });
-		let t = await Ce(e.source);
+		let t = await nt(e.source);
 		if (this.#_) return !1;
-		let n = await this.#C(we(e.moduleId, e.source, t));
+		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
@@ -2872,13 +2388,13 @@ var Ct = class {
 	}
 	async moveNodes(e, t = "detail") {
 		let n = this.#l.value.target;
-		n != null && await this.#T((r) => p(r, n, e, t));
+		n != null && await this.#T((r) => j(r, n, e, t));
 	}
 	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) => te(r, n, e, t));
+		(r.x != e.x || r.y != e.y || r.zoom != e.zoom) && this.#M(), await this.#T((r) => A(r, n, e, t));
 	}
 	async check() {
 		await this.#E();
@@ -2908,7 +2424,7 @@ var Ct = class {
 			if (e.kind != "comment") return [];
 			let t = /#(\d+)$/.exec(e.title);
 			return t == null ? [] : [Number(t[1])];
-		})), i = this.#T((i) => _(i, e, t, {
+		})), i = this.#T((i) => L(i, e, t, {
 			content: "",
 			position: n,
 			title: this.#r.t("addNode.commentName", { number: r + 1 })
@@ -2953,9 +2469,18 @@ var Ct = class {
 		});
 		try {
 			let n = await this.#e.checkFlow(e, t.revisionId);
-			!this.#_ && e == this.#l.value.flowId && t.revisionId == this.#l.value.draft?.revisionId && this.#B({ diagnostics: n });
+			if (!this.#_ && e == this.#l.value.flowId && t.revisionId == this.#l.value.draft?.revisionId) {
+				let e = this.#l.value.live;
+				this.#B({
+					diagnostics: n,
+					live: e == null ? void 0 : {
+						...e,
+						hasUnpublishedChanges: e.publication == null || e.publication.closureDigest != n.closureDigest
+					}
+				});
+			}
 		} catch (n) {
-			!this.#_ && e == this.#l.value.flowId && t.revisionId == this.#l.value.draft?.revisionId && this.#c(u(n, this.#r.t));
+			!this.#_ && e == this.#l.value.flowId && t.revisionId == this.#l.value.draft?.revisionId && this.#c(B(n, this.#r.t));
 		} finally {
 			!this.#_ && e == this.#l.value.flowId && t.revisionId == this.#l.value.draft?.revisionId && this.#B({ checkLoading: !1 });
 		}
@@ -2993,7 +2518,7 @@ var Ct = class {
 				s = this.#k(a, o);
 			}
 			if (s.revisionId == a.revisionId) return !0;
-			let c = o.kind == "changes" && t != null ? it(h(a), h(s), t, o.revisions.flatMap((e) => e.operations)) : void 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({
@@ -3001,7 +2526,7 @@ var Ct = class {
 				message: this.#r.t(l ? "notice.moduleUpdated" : "notice.draftUpdated")
 			}), this.#E()), !0;
 		} catch (n) {
-			return t && this.#z(e) && this.#c(u(n, this.#r.t)), !1;
+			return t && this.#z(e) && this.#c(B(n, this.#r.t)), !1;
 		}
 	}
 	#k(e, t) {
@@ -3011,7 +2536,7 @@ var Ct = class {
 			if (e.revision.parentRevisionId != n.revisionId) throw Error("Invalid Draft revision chain.");
 			n = {
 				...e.revision,
-				content: K(n, e.operations).content
+				content: F(n, e.operations).content
 			};
 		}
 		return n;
@@ -3026,7 +2551,7 @@ var Ct = class {
 				return;
 			}
 			for (let e of n) a.targets.add(e);
-			globalThis.clearTimeout(a.timer), a.timer = globalThis.setTimeout(() => this.#j(), xt);
+			globalThis.clearTimeout(a.timer), a.timer = globalThis.setTimeout(() => this.#j(), Ft);
 			return;
 		}
 		n.size == 0 || i.selectedNodeIds.length > 0 || (this.#p = {
@@ -3035,7 +2560,7 @@ var Ct = class {
 			flowId: e.flowId,
 			target: t,
 			targets: new Set(n),
-			timer: globalThis.setTimeout(() => this.#j(), xt),
+			timer: globalThis.setTimeout(() => this.#j(), Ft),
 			viewport: this.#P().viewport
 		});
 	}
@@ -3046,7 +2571,7 @@ var Ct = class {
 		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 = h(t.draft), i = [...e.targets].filter((t) => r.selection(e.target, t) != null);
+		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
@@ -3060,7 +2585,7 @@ var Ct = class {
 	}
 	#P() {
 		let e = this.#l.value;
-		return y(e.draft, e.target, e.presentation?.value, e.diagnostics?.diagnostics, {}, {}, this.#r.t);
+		return M(e.draft, e.target, e.presentation?.value, e.diagnostics?.diagnostics, {}, {}, this.#r.t);
 	}
 	#F() {
 		let e = this.#l.value.moduleEditor;
@@ -3070,7 +2595,7 @@ var Ct = class {
 		}), !1);
 	}
 	#I(e) {
-		let t = h(e), n = St(t, this.#l.value.target);
+		let t = N(e), n = It(t, this.#l.value.target);
 		return {
 			revision: t,
 			selectedNodeIds: this.#l.value.selectedNodeIds.filter((e) => n != null && t.selection(n, e) != null),
@@ -3104,13 +2629,13 @@ var Ct = class {
 };
 //#endregion
 //#region src/workbench/browser/runtime/stores/workbenchStore.ts
-function wt(e) {
+function Rt(e) {
 	return new Map(e.nodes.map((e) => [e.id, e]));
 }
-function Tt(e, t) {
-	return e == null || t == null ? [] : h(e).designerInputs(t);
+function zt(e, t) {
+	return e == null || t == null ? [] : N(e).designerInputs(t);
 }
-function Et(e, t, n, r, i) {
+function Bt(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) => {
@@ -3118,38 +2643,49 @@ function Et(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 Dt = { openExternalPage: async () => !1 }, Ot = class {
+var Vt = { openExternalPage: async () => !1 }, Ht = class {
 	#e;
 	#t;
 	#n;
 	#r;
-	constructor(r, i, a = () => crypto.randomUUID(), o = l(), s = Dt) {
-		this.#e = new x(), this.#n = t(), this.#r = !1, this.provideAddNodeOptions = async (e, t) => await this.#i([this.triggers.provideAddNodeOptions(e, t), this.connectors.provideAddNodeOptions(e, t)], t), this.browseAddNodeOptions = async (e) => await this.#i([this.triggers.browseAddNodeOptions(e), this.connectors.browseAddNodeOptions(e)], e), this.provideAddNodeOptionChoices = async (e, t) => await (e.startsWith("trigger:") ? this.triggers.provideAddNodeOptionChoices(e, t) : this.connectors.provideAddNodeOptionChoices(e, t)), this.#t = o;
-		let c = (e) => {
-			this.#r || this.#n.set(e);
+	#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) => {
+			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.runs = new v(r, c, o), this.workspace = new Ct(r, c, a, o, (e) => void this.#a(r, e)), this.connectors = new ye(r, this.workspace, c, s, o), this.triggers = new xe(r, this.workspace, c, s, o), this.publications = new de(r, this.workspace, c, a, o), this.runRequests = new ge(r, this.runs, c, o, a);
+		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) => {
 			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 = n == null ? "" : n.kind == "flow" ? "flow" : `subflow:${n.id}`, h = [
-				...Tt(t, n),
-				r == null || n == null ? void 0 : m(r, n),
+			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),
 				i,
 				a,
 				s,
 				c,
 				l,
 				f,
+				p,
+				m,
+				h,
 				...l == null ? [] : [t?.revisionId]
-			], g = u.get(p);
-			if (g != null && g.inputs.length == h.length && g.inputs.every((e, t) => e === h[t])) return g.graph;
-			let _ = y(t, n, r, i, a, s, c, l, f);
-			return u.set(p, {
-				graph: _,
-				inputs: h
-			}), _;
-		}), p = e(f, wt);
+			], 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);
 		this.$ = {
 			busy: n((e) => {
 				let t = e(this.workspace.$.busy);
@@ -3162,36 +2698,53 @@ var Dt = { openExternalPage: async () => !1 }, Ot = class {
 			}),
 			designer: f,
 			designerNodeById: p,
-			notice: this.#n,
-			runEventNodes: n((e) => Et(e(this.workspace.$.draft), e(this.workspace.$.target), e(this.runs.$.run), e(this.runs.$.events), e(p))),
+			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) => {
 				let t = e(this.workspace.$.selectedNodeIds);
 				return t.length == 1 ? e(p).get(t[0]) : void 0;
-			})
+			}),
+			variableNames: this.#a,
+			variableNamesLoaded: this.#o,
+			variableNamesLoading: this.#s
 		};
 	}
 	dispose() {
-		this.#r = !0, this.#e.invalidate();
+		this.#l = !0, this.#t.invalidate(), this.#c.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.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();
 	}
 	async start(e) {
-		this.#e.invalidate(), this.connectors.reset(), this.triggers.reset(), this.publications.reset(), this.runRequests.reset(), this.runs.reset(), await this.workspace.start(e);
+		this.#t.invalidate(), this.connectors.reset(), this.triggers.reset(), this.publications.reset(), this.runRequests.reset(), this.runs.reset(), await this.workspace.start(e);
 	}
 	async retryFlows() {
 		await this.workspace.reloadFlows();
 	}
 	dismissNotice() {
-		this.#r || this.#n.set(void 0);
+		this.#l || this.#r.set(void 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);
+		}
 	}
 	async selectFlow(e) {
-		return this.#r || (this.#e.invalidate(), this.#n.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.#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);
 	}
-	async createFlow(e) {
-		let t = await this.workspace.createFlow(e);
-		return this.#r || t == null ? !1 : (await this.selectFlow(t.flowId), this.#r || this.#n.set({
+	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({
 			kind: "success",
-			message: this.#t.t("notice.created", { name: t.name })
+			message: this.#n.t("notice.created", { name: n.name })
 		}), !0);
 	}
 	selectNodes(e) {
@@ -3213,12 +2766,12 @@ var Dt = { openExternalPage: async () => !1 }, Ot = 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 #i(e, t) {
+	async #u(e, t) {
 		let n = await Promise.allSettled(e);
-		if (t.aborted || this.#r) return;
+		if (t.aborted || this.#l) 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.#n.set(u(r[0].reason, this.#t.t)), n.flatMap((e) => e.status == "fulfilled" ? e.value ?? [] : []);
+		return r.length > 0 && this.#r.set(B(r[0].reason, this.#n.t)), n.flatMap((e) => e.status == "fulfilled" ? e.value ?? [] : []);
 	}
 	async refreshSelectedConnector(e = !1) {
 		await this.connectors.refresh(e);
@@ -3231,99 +2784,204 @@ var Dt = { openExternalPage: async () => !1 }, Ot = class {
 		let e = this.workspace.$.targetFlow.value;
 		return e == null ? "unavailable" : await this.runRequests.requestLive(e);
 	}
-	async #a(e, t) {
+	async #d(e, t) {
 		let n = this.workspace.$.target.value;
-		if (this.#r || this.runRequests.$.submitting.value != null || n?.kind != "flow" || this.workspace.$.flowId.value != t.flowId) return;
-		let r = this.#e.begin();
+		if (this.#l || 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.#r || i?.kind != "flow" || this.workspace.$.flowId.value != t.flowId || n.flowId != t.flowId || n.runId != t.runId) return;
+			if (!r() || this.#l || i?.kind != "flow" || this.workspace.$.flowId.value != t.flowId || n.flowId != t.flowId || n.runId != t.runId) return;
 			this.runs.followExternal(n);
 		} catch {
 			return;
 		}
 	}
-}, kt = ie(() => import("./flowWorkspace-D7-rBA1-.js").then((e) => e.t));
-function At({ host: e, store: t }) {
+}, 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", {
+			"aria-hidden": "true",
+			className: "flex size-10 items-center justify-center rounded-lg bg-muted text-muted-foreground",
+			children: /* @__PURE__ */ G("svg", {
+				className: "size-5",
+				fill: "none",
+				stroke: "currentColor",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: "1.8",
+				viewBox: "0 0 24 24",
+				children: [/* @__PURE__ */ W("rect", {
+					height: "9",
+					rx: "2",
+					width: "14",
+					x: "5",
+					y: "11"
+				}), /* @__PURE__ */ W("path", { d: "M8 11V8a4 4 0 0 1 8 0v3" })]
+			})
+		}),
+		/* @__PURE__ */ G("header", {
+			className: "flex flex-col gap-2",
+			children: [/* @__PURE__ */ W("h1", {
+				className: "text-xl font-semibold tracking-tight text-balance",
+				children: o
+			}), /* @__PURE__ */ W("p", {
+				className: "text-sm/relaxed text-muted-foreground text-pretty",
+				children: t
+			})]
+		}),
+		g && /* @__PURE__ */ W(h, { children: /* @__PURE__ */ G(u, {
+			"data-invalid": n != null,
+			children: [
+				/* @__PURE__ */ W(m, {
+					htmlFor: "session-token",
+					children: f
+				}),
+				/* @__PURE__ */ W(c, {
+					autoComplete: "username",
+					name: "username",
+					type: "hidden",
+					value: "open-flow",
+					readOnly: !0
+				}),
+				/* @__PURE__ */ W(c, {
+					autoComplete: "current-password",
+					"aria-invalid": n != null,
+					autoFocus: !0,
+					className: "h-9",
+					id: "session-token",
+					name: "session-token",
+					onChange: (e) => i?.(e.target.value),
+					spellCheck: !1,
+					type: "password",
+					value: _
+				}),
+				n != null && /* @__PURE__ */ W(l, { children: n })
+			]
+		}) }),
+		e != null && r != null && /* @__PURE__ */ G(p, {
+			disabled: a || g && _.length == 0,
+			size: "lg",
+			type: "submit",
+			children: [a && /* @__PURE__ */ W(d, {
+				"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", {
+		className: "open-flow-workbench",
+		children: /* @__PURE__ */ W("div", {
+			className: "grid h-full overflow-auto bg-muted/20 p-4",
+			children: r == null ? /* @__PURE__ */ W("section", {
+				"aria-busy": a,
+				className: y,
+				children: v
+			}) : /* @__PURE__ */ W("form", {
+				"aria-busy": a,
+				className: y,
+				onSubmit: r,
+				children: v
+			})
+		})
+	});
+}
+function Gt({ host: e, store: t }) {
 	let n = a(t.$.notice);
-	return S(() => e.notify(n), [e, n]), S(() => () => e.notify(void 0), [e]), null;
+	return H(() => e.notify(n), [e, n]), H(() => () => e.notify(void 0), [e]), null;
 }
-function jt({ hrefFor: e, language: t, navigation: n, onLanguageChange: r, store: i, theme: o }) {
-	let s = a(i.workspace.$.flowId);
-	return /* @__PURE__ */ C("div", {
+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", {
 		className: "app-shell",
-		children: s == null ? /* @__PURE__ */ C(ne, {
-			hrefForFlow: (t) => e({
-				flowId: t.flowId,
+		children: h == null ? /* @__PURE__ */ W(Ye, {
+			createFlowDisabled: t,
+			createFlowField: n,
+			flowBadges: r,
+			hrefForFlow: (e) => i({
+				flowId: e.flowId,
 				view: "design"
 			}),
-			language: t,
-			onCreateFlow: (e) => n.createFlow(e),
-			onLanguageChange: r,
-			onSelectFlow: (e) => void n.selectFlow(e),
-			store: i
-		}) : /* @__PURE__ */ C(re, {
-			fallback: /* @__PURE__ */ C("main", {
+			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", {
 				"aria-busy": "true",
 				className: "workspace"
 			}),
-			children: /* @__PURE__ */ C(kt, {
-				hrefFor: e,
-				language: t,
-				navigation: n,
-				onLanguageChange: r,
-				store: i,
-				theme: o
+			children: /* @__PURE__ */ W(Ut, {
+				hostAction: o,
+				hostTitle: s,
+				hrefFor: i,
+				navigation: l,
+				onConfigureConnector: u,
+				onHostAction: d,
+				store: p,
+				theme: m
 			})
 		})
 	});
 }
-function Mt({ host: e, hrefFor: t, language: n, location: i, onLanguageChange: a, onNavigate: o, preferences: s, theme: u }) {
-	let d = ae(o);
-	d.current = o;
-	let [{ i18n: f, navigation: p, store: m }] = oe(() => {
-		let t = l(n), r = new Ot(new c((t, n) => e.request(t, n), (t, n) => e.subscribeFlow(t, n), (t) => e.subscribeFlowCatalog(t)), s, () => crypto.randomUUID(), t, e);
+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, _);
 		return {
-			i18n: t,
-			navigation: new ce(r, i, (e, t) => d.current(e, t)),
-			store: r
+			i18n: e,
+			navigation: new He(t, u, (e, t) => v.current(e, t)),
+			store: t
 		};
 	});
-	return S(() => {
-		p.start();
+	return H(() => {
+		b.start();
 		let e = () => {
-			m.connectors.refreshAfterAuthorization(), m.triggers.refreshAfterAuthorization();
+			x.connectors.refreshAfterAuthorization(), x.triggers.refreshAfterAuthorization(), x.refreshVariableNames();
 		};
 		return globalThis.addEventListener("focus", e), () => {
-			globalThis.removeEventListener("focus", e), p.dispose(), m.dispose(), f.dispose();
+			globalThis.removeEventListener("focus", e), b.dispose(), x.dispose(), y.dispose();
 		};
 	}, [
-		f,
-		p,
-		m
-	]), S(() => void p.apply(i), [i, p]), S(() => {
-		f.lang != n && f.switchLang(n);
-	}, [f, n]), /* @__PURE__ */ C(r, {
-		i18n: f,
-		children: /* @__PURE__ */ se("div", {
-			className: "open-flow-workbench",
-			"data-theme": u,
-			children: [/* @__PURE__ */ C(At, {
-				host: e,
-				store: m
-			}), /* @__PURE__ */ C(jt, {
-				hrefFor: t,
-				language: n,
-				navigation: p,
-				onLanguageChange: a,
-				store: m,
-				theme: u
+		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", {
+			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
 			})]
 		})
 	});
 }
-function Nt({ sessionKey: e, ...t }) {
-	return /* @__PURE__ */ C(Mt, { ...t }, e);
+function Jt({ sessionKey: e, ...t }) {
+	return /* @__PURE__ */ W(qt, { ...t }, e);
 }
 //#endregion
-export { Nt as OpenFlowWorkbench };
+export { Wt as OpenFlowSessionGate, Jt as OpenFlowWorkbench, Ie as isWorkbenchLanguage, Le as resolveWorkbenchLanguage, Fe as workbenchLanguageNames, V as workbenchLanguages };