@oomol-lab/open-flow 0.1.0-alpha.6 → 0.1.0-alpha.8

package/dist/browser/workbench.js

@@ -1,8 +1,8 @@
 import { a as e, f as t, i as n } from "./dist-C46JByB-.js";
-import { Ir as r, Rr as i, Wr as a } from "./createLucideIcon-ggJB9CTC.js";
-import { _ as o, a as s, at as c, c as l, ct as u, d, f, g as p, h as m, i as h, l as g, lt as _, n as ee, o as v, p as y, t as b, u as te, v as ne } from "./addNodeOptions-C4wix0_u.js";
-import { Suspense as re, lazy as ie, useEffect as x, useRef as ae, useState as oe } from "react";
-import { jsx as S, jsxs as se } from "react/jsx-runtime";
+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";
 //#region src/workbench/browser/runtime/navigation.ts
 var ce = class {
 	#e;
@@ -63,7 +63,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 (le(e, this.#t)) return;
+		if (w(e, this.#t)) return;
 		this.#t = e;
 		let t = ++this.#i;
 		this.#s = !0;
@@ -79,15 +79,15 @@ var ce = class {
 			flowId: this.#n.workspace.$.flowId.value,
 			view: e
 		};
-		le(n, this.#t) || (this.#t = n, this.#e(n, { replace: t })), this.#r.set(e);
+		w(n, this.#t) || (this.#t = n, this.#e(n, { replace: t })), this.#r.set(e);
 	}
 };
-function le(e, t) {
+function w(e, t) {
 	return e.flowId == t.flowId && e.view == t.view;
 }
 //#endregion
 //#region src/workbench/browser/runtime/publications/publicationStore.ts
-var C = {
+var T = {
 	activities: [],
 	activitiesLoadFailed: !1,
 	activitiesLoading: !1,
@@ -100,23 +100,23 @@ var C = {
 	loadingMore: !1,
 	publications: [],
 	publishing: !1
-}, w = 20, ue = 50;
-function T(e, t) {
+}, le = 20, ue = 50;
+function E(e, t) {
 	return e?.flowId == t.flowId;
 }
 var de = class {
 	#e;
 	#t;
 	#n;
-	#r = new o();
-	#i = new o();
-	#a = new o();
-	#o = new o();
+	#r = new x();
+	#i = new x();
+	#a = new x();
+	#o = new x();
 	#s;
-	#c = t(C);
+	#c = t(T);
 	#l;
 	#u;
-	constructor(t, n, r, i = () => crypto.randomUUID(), a = c()) {
+	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),
@@ -148,12 +148,12 @@ var de = class {
 		this.#c.dispose();
 	}
 	reset() {
-		this.#r.invalidate(), this.#i.invalidate(), this.#a.invalidate(), this.#o.invalidate(), this.#u = void 0, this.#c.set(C);
+		this.#r.invalidate(), this.#i.invalidate(), this.#a.invalidate(), this.#o.invalidate(), this.#u = void 0, this.#c.set(T);
 	}
 	async load(e) {
 		let t = { flowId: e }, n = this.#r.begin();
-		T(this.#c.value.target, t) || (this.#u = void 0), this.#s(void 0), this.#c.set({
-			...C,
+		E(this.#c.value.target, t) || (this.#u = void 0), this.#s(void 0), this.#c.set({
+			...T,
 			loading: !0,
 			target: t
 		});
@@ -173,7 +173,7 @@ var de = class {
 			this.#h({
 				loadFailed: !0,
 				loading: !1
-			}), this.#s(p(e, this.#n.t));
+			}), this.#s(u(e, this.#n.t));
 		}
 	}
 	async loadMore() {
@@ -202,7 +202,7 @@ var de = class {
 			this.#h({
 				loadMoreFailed: !0,
 				loadingMore: !1
-			}), this.#s(p(e, this.#n.t));
+			}), this.#s(u(e, this.#n.t));
 		}
 	}
 	async publish() {
@@ -224,7 +224,7 @@ var de = class {
 				message: this.#n.t("notice.published", { name: e.name })
 			}), !0);
 		} catch (e) {
-			return o() ? (e instanceof _ && e.code == "live.conflict" && await this.#f(n), this.#s(p(e, this.#n.t)), !1) : !1;
+			return o() ? (e instanceof s && e.code == "live.conflict" && await this.#f(n), this.#s(u(e, this.#n.t)), !1) : !1;
 		} finally {
 			o() && this.#h({ publishing: !1 });
 		}
@@ -240,17 +240,17 @@ var de = class {
 		}), o = this.#u?.signature == a ? this.#u : {
 			key: this.#t(),
 			signature: a
-		}, s = this.#i.begin();
+		}, c = this.#i.begin();
 		this.#u = o, this.#s(void 0), this.#h({ rollingBackPublicationId: e.publicationId });
 		try {
-			return await this.#e.rollbackFlow(r.flowId, e.publicationId, i, { idempotencyKey: o.key }), !s() || (await this.#d(r), !s()) ? !1 : (this.#u = void 0, this.#s({
+			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({
 				kind: "success",
 				message: this.#n.t("notice.rolledBack", { revision: e.revisionId })
 			}), !0);
 		} catch (e) {
-			return s() ? (e instanceof _ && e.code == "live.conflict" && await this.#f(r), this.#s(p(e, this.#n.t)), !1) : !1;
+			return c() ? (e instanceof s && e.code == "live.conflict" && await this.#f(r), this.#s(u(e, this.#n.t)), !1) : !1;
 		} finally {
-			s() && this.#h({ rollingBackPublicationId: void 0 });
+			c() && this.#h({ rollingBackPublicationId: void 0 });
 		}
 	}
 	closeTrigger() {
@@ -283,13 +283,13 @@ 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: w })]);
+		let [r, i] = await Promise.allSettled([this.#e.getFlowTriggerBinding(t.flowId, e), this.#e.listFlowTriggerActivities(t.flowId, e, { limit: le })]);
 		if (n()) {
 			if (r.status == "rejected") {
 				this.#h({
 					activitiesLoading: !1,
 					detailLoading: !1
-				}), this.#s(p(r.reason, this.#n.t));
+				}), this.#s(u(r.reason, this.#n.t));
 				return;
 			}
 			this.#h({
@@ -303,7 +303,7 @@ var de = class {
 			}) : (this.#h({
 				activitiesLoadFailed: !0,
 				activitiesLoading: !1
-			}), this.#s(p(i.reason, this.#n.t)));
+			}), this.#s(u(i.reason, this.#n.t)));
 		}
 	}
 	async loadMoreTriggerActivities() {
@@ -317,7 +317,7 @@ var de = class {
 		try {
 			let e = await this.#e.listFlowTriggerActivities(r.flowId, n, {
 				cursor: t,
-				limit: w
+				limit: le
 			});
 			if (!i() || this.#c.value.selectedTriggerId != n) return;
 			let a = new Set(this.#c.value.activities.map((e) => e.activityId));
@@ -332,7 +332,7 @@ var de = class {
 			this.#h({
 				activitiesLoadFailed: !0,
 				activitiesLoadingMore: !1
-			}), this.#s(p(e, this.#n.t));
+			}), this.#s(u(e, this.#n.t));
 		}
 	}
 	async testTrigger() {
@@ -347,7 +347,7 @@ var de = class {
 			let e = await this.#e.testFlowPollTrigger(n.flowId, t);
 			return !i() || this.#c.value.selectedTriggerId != t ? !1 : (this.#h({ testResult: e }), !0);
 		} catch (e) {
-			return i() && this.#c.value.selectedTriggerId == t && this.#s(p(e, this.#n.t)), !1;
+			return i() && this.#c.value.selectedTriggerId == t && this.#s(u(e, this.#n.t)), !1;
 		} finally {
 			i() && this.#c.value.selectedTriggerId == t && this.#h({ testingTriggerId: void 0 });
 		}
@@ -365,14 +365,14 @@ var de = class {
 				message: this.#n.t(e.operatorState == "active" ? "notice.triggerPaused" : "notice.triggerResumed")
 			}), !0) : !1;
 		} catch (e) {
-			return n() && this.#s(p(e, this.#n.t)), !1;
+			return n() && this.#s(u(e, this.#n.t)), !1;
 		} finally {
 			n() && this.#h({ changingTriggerId: void 0 });
 		}
 	}
 	async #d(e) {
 		let [t, n, r] = await this.#p(e);
-		this.#l.updateLive(t), await this.#l.refreshFlows(), T(this.#c.value.target, e) && this.#h({
+		this.#l.updateLive(t), await this.#l.refreshFlows(), E(this.#c.value.target, e) && this.#h({
 			bindings: r,
 			live: t,
 			loadFailed: !1,
@@ -399,8 +399,8 @@ var de = class {
 		]);
 	}
 	#m(e, t) {
-		T(this.#c.value.target, e) ? this.#h(t) : this.#c.set({
-			...C,
+		E(this.#c.value.target, e) ? this.#h(t) : this.#c.set({
+			...T,
 			...t,
 			target: e
 		});
@@ -411,24 +411,24 @@ var de = class {
 			...e
 		});
 	}
-}, E = { starting: !1 };
-function fe(e) {
+}, fe = { starting: !1 };
+function pe(e) {
 	switch (e.kind) {
 		case "condition": return { [e.node.input.handle]: e.node.input };
-		case "subflow": return e.definition?.inputs ?? {};
-		case "task": return e.definition?.inputs ?? {};
+		case "subflow": return o(e.definition?.inputs ?? []);
+		case "task": return o(e.definition?.inputs ?? []);
 		case "value": return {};
 	}
 }
-function pe(e) {
+function me(e) {
 	return e.node.name == null ? e.kind == "task" || e.kind == "subflow" ? e.definition?.name ?? e.id : e.id : e.node.name;
 }
-async function me(e, t) {
-	let { FlowRunInputEditorStore: n } = await import("./flowRunInputEditorStore-DXOyyY7o.js").then((e) => e.n), r = m(e), i = r.graph({ kind: "flow" });
+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" });
 	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(fe(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(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({
 			handle: e,
 			jsonSchema: t.jsonSchema,
 			nullable: t.nullable
@@ -436,21 +436,21 @@ async function me(e, t) {
 		return o.length == 0 ? [] : [{
 			editor: new n(o, t),
 			nodeId: e,
-			title: pe(a)
+			title: me(a)
 		}];
 	});
 }
-var he = class {
+var ge = class {
 	#e;
 	#t;
 	#n;
-	#r = new o();
-	#i = new o();
+	#r = new x();
+	#i = new x();
 	#a;
 	#o;
-	#s = t(E);
+	#s = t(fe);
 	#c;
-	constructor(t, n, r, i = c(), a = () => crypto.randomUUID()) {
+	constructor(t, n, r, i = l(), 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 +465,7 @@ var he = class {
 	reset() {
 		this.#r.invalidate(), this.#i.invalidate(), this.#c = void 0;
 		let e = this.#s.value.inputRequest;
-		this.#s.set(E), this.#d(e);
+		this.#s.set(fe), this.#d(e);
 	}
 	async requestDraft(e, t) {
 		let n = this.#i.begin();
@@ -480,7 +480,7 @@ var he = 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(p(e, this.#n.t)), "unavailable";
+			return t() && this.#o(u(e, this.#n.t)), "unavailable";
 		} finally {
 			t() && this.#f({ starting: !1 });
 		}
@@ -508,7 +508,7 @@ var he = class {
 		}), this.#d(s);
 		let c;
 		try {
-			c = await me(r, this.#n.lang$);
+			c = await he(r, this.#n.lang$);
 		} catch (e) {
 			throw a() && this.#f({
 				starting: !1,
@@ -564,7 +564,7 @@ var he = class {
 			});
 			return !a() || !o() ? !1 : (this.#c = void 0, this.#a.follow(s, o));
 		} catch (e) {
-			return a() && o() && this.#o(p(e, this.#n.t)), !1;
+			return a() && o() && this.#o(u(e, this.#n.t)), !1;
 		} finally {
 			a() && this.#f({
 				starting: !1,
@@ -611,7 +611,7 @@ function k(e, t) {
 		outputs: O(e.outputs)
 	};
 }
-function ge(e, t) {
+function _e(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let t of e) {
 		let e = n.get(t.serviceId) ?? [];
@@ -640,7 +640,7 @@ function ge(e, t) {
 		};
 	});
 }
-function _e(e, t) {
+function ve(e, t) {
 	return {
 		choices: [],
 		description: t("addNode.connectorBrowseActions"),
@@ -664,7 +664,7 @@ function A(e) {
 		taskId: e.node.taskId
 	};
 }
-var ve = class {
+var ye = class {
 	#e;
 	#t;
 	#n;
@@ -679,13 +679,13 @@ var ve = class {
 	#d;
 	#f;
 	#p;
-	constructor(r, i, a, s, l = c()) {
-		this.#r = /* @__PURE__ */ new Map(), this.#i = /* @__PURE__ */ new Set(), this.#a = new o(), this.#l = t(D), this.#p = !1, this.browseAddNodeOptions = async (e) => {
+	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;
 			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) => _e(e, this.#t.t));
+			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));
 		}, 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);
@@ -711,9 +711,9 @@ var ve = class {
 				let t = a[e];
 				t != null && o.set(e, t);
 			}
-			return ge([...o.values()], this.#t.t);
-		}, this.#e = r, this.#n = s, this.#u = i, this.#c = a, this.#t = l;
-		let u = e(this.#l, (e) => e.actions), d = e(this.#l, (e) => e.catalogs);
+			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);
 			if (t == null) return { authorizationPending: !1 };
@@ -728,8 +728,8 @@ var ve = class {
 			};
 		}), this.$ = {
 			actionLoading: e(this.#l, (e) => e.actionLoading),
-			actions: u,
-			catalogs: d,
+			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),
@@ -773,7 +773,7 @@ var ve = class {
 		} catch (e) {
 			this.#y(t, n) && this.#v({ actionError: {
 				actionId: r.actionId,
-				message: p(e, this.#t.t).message
+				message: u(e, this.#t.t).message
 			} });
 		} finally {
 			this.#y(t, n) && this.#l.value.actionLoading == r.actionId && this.#v({ actionLoading: void 0 });
@@ -798,7 +798,7 @@ var ve = class {
 				serviceId: e
 			}, this.#v({ authorizationServiceId: e });
 		} catch (e) {
-			this.#p || this.#c(p(e, this.#t.t));
+			this.#p || this.#c(u(e, this.#t.t));
 		}
 	}
 	async setConnection(e, t) {
@@ -831,13 +831,13 @@ var ve = class {
 			a = await this.#e.listConnectorConnections(t);
 		} catch (n) {
 			this.#y(r, e) && this.#v({ connectionError: {
-				message: p(n, this.#t.t).message,
+				message: u(n, this.#t.t).message,
 				serviceId: t
 			} });
 			return;
 		}
 		if (!this.#y(r, e)) return;
-		let o = s(a);
+		let o = d(a);
 		return this.#v({ catalogs: {
 			...this.#l.value.catalogs,
 			[t]: o
@@ -907,7 +907,7 @@ function F(e, t, n, r) {
 		}
 	};
 }
-function ye(e, t) {
+function I(e, t) {
 	return {
 		choices: [],
 		description: t.t("addNode.triggerChooseConnection"),
@@ -919,7 +919,7 @@ function ye(e, t) {
 		outputs: []
 	};
 }
-function be(e, t, n) {
+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 }),
@@ -935,10 +935,10 @@ function be(e, t, n) {
 		}
 	}] : [F(e, i.connectionId, i.displayName, r)];
 }
-function xe(e, t, n) {
+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 = ye(e, n), a = be(e, t, n);
+	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,
@@ -953,7 +953,7 @@ function xe(e, t, n) {
 		}))
 	};
 }
-var Se = class {
+var xe = class {
 	#e;
 	#t;
 	#n;
@@ -965,12 +965,12 @@ var Se = class {
 	#c;
 	#l;
 	#u;
-	constructor(r, i, a, l, u = c()) {
-		this.#t = new AbortController(), this.#a = new o(), this.#c = t(j), this.#u = !1, this.browseAddNodeOptions = async (e) => {
+	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) => {
 			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) => ye(e, this.#i));
+			if (!(e.aborted || this.#u || t != this.#l.$.flowId.value)) return [...n.values()].map((e) => I(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 [];
@@ -987,14 +987,14 @@ var Se = class {
 				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, s(await this.#n.listConnectorConnections(e, t))]));
+				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) => xe(e, this.#c.value.catalogs[e.provider], this.#i));
+			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;
@@ -1002,14 +1002,14 @@ var Se = class {
 			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 = s(await this.#n.listConnectorConnections(i.provider, t)), t.aborted || this.#u || n != this.#l.$.flowId.value) return;
+				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 be(i, a, this.#i);
-		}, this.#n = r, this.#r = l, this.#i = u, this.#s = a, this.#l = i, this.#o = n((e) => {
+			return L(i, a, 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);
 			if (t?.kind != "trigger") return { authorizationPending: !1 };
 			let a = t.trigger;
@@ -1052,7 +1052,7 @@ var Se = class {
 					connectionLoading: r.provider
 				});
 				try {
-					let e = s(await this.#n.listConnectorConnections(r.provider));
+					let e = d(await this.#n.listConnectorConnections(r.provider));
 					if (!this.#p(t, n)) return;
 					this.#f({ catalogs: {
 						...this.#c.value.catalogs,
@@ -1060,7 +1060,7 @@ var Se = class {
 					} });
 				} catch (e) {
 					this.#p(t, n) && this.#f({ connectionError: {
-						message: p(e, this.#i.t).message,
+						message: u(e, this.#i.t).message,
 						provider: r.provider
 					} });
 				} finally {
@@ -1081,7 +1081,7 @@ var Se = class {
 			}
 			!this.#u && t == this.#l.$.flowId.value && this.#f({ authorizationProvider: e });
 		} catch (e) {
-			this.#u || this.#s(p(e, this.#i.t));
+			this.#u || this.#s(u(e, this.#i.t));
 		}
 	}
 	async setConnection(e, t) {
@@ -1118,38 +1118,38 @@ var Se = class {
 };
 //#endregion
 //#region src/flow/common/edgeChanges.ts
-function I(e, t, n) {
+function R(e, t, n) {
 	let r = {
 		source: n.source,
 		sourceHandle: n.sourceHandle,
 		target: n.target,
 		targetHandle: n.targetHandle
-	}, i = L(e, t)?.nodes[n.target], a = i != null && "inputs" in i ? i.inputs[n.targetHandle] : void 0;
+	}, 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 Ce(e, t, n) {
+function Se(e, t, n) {
 	let r = {
 		source: n.source,
 		sourceHandle: n.sourceHandle,
 		target: n.target,
 		targetHandle: n.targetHandle
-	}, i = L(e, t)?.nodes[n.target], a = i != null && "inputs" in i ? i.inputs[n.targetHandle] : void 0;
+	}, 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 L(e, 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 we(e) {
+async function Ce(e) {
 	try {
 		let { parse: t } = await import("./lib-GrGxYjsJ.js"), n = t(e, {
 			errorRecovery: !0,
@@ -1165,7 +1165,7 @@ async function we(e) {
 		return [];
 	}
 }
-function Te(e, t, n) {
+function we(e, t, n) {
 	return [{
 		imports: n,
 		kind: "module.source.replace",
@@ -1175,19 +1175,21 @@ function Te(e, t, n) {
 }
 //#endregion
 //#region src/flow/common/nodeChanges.ts
-function Ee(e, t, n, r = {
+function Te(e, t, n, r = {
 	imports: [],
 	source: "export default function run(input) {\n  return { result: input.value }\n}\n"
 }, i = {
-	inputs: { value: {
+	inputs: [{
+		handle: "value",
 		jsonSchema: {},
 		nullable: !0,
 		value: null
-	} },
-	outputs: { result: {
+	}],
+	outputs: [{
+		handle: "result",
 		jsonSchema: {},
 		nullable: !0
-	} }
+	}]
 }) {
 	return [{
 		kind: "module.create",
@@ -1200,7 +1202,7 @@ function Ee(e, t, n, r = {
 		kind: "graph.node.create",
 		node: {
 			concurrency: 1,
-			inputs: V(i.inputs),
+			inputs: U(i.inputs),
 			kind: "task",
 			name: n,
 			task: {
@@ -1214,7 +1216,7 @@ function Ee(e, t, n, r = {
 		target: e
 	}];
 }
-function R(e, t, n) {
+function B(e, t, n) {
 	return [{
 		kind: "task.create",
 		task: n,
@@ -1223,7 +1225,7 @@ function R(e, t, n) {
 		kind: "graph.node.create",
 		node: {
 			concurrency: 1,
-			inputs: V(n.inputs),
+			inputs: U(n.inputs),
 			kind: "task",
 			name: n.name,
 			taskId: t.taskId
@@ -1232,54 +1234,60 @@ function R(e, t, n) {
 		target: e
 	}];
 }
-function De(e, t, n, r, i, a = {}) {
+function Ee(e, t, n, r, i, a = {}) {
 	let o = a.inputs ?? {};
-	return R(e, t, {
+	return B(e, t, {
 		executor: {
 			kind: "llm",
 			mode: r
 		},
-		inputs: {
-			messages: {
+		inputs: [
+			{
+				handle: "messages",
 				jsonSchema: {
 					items: { type: "object" },
 					type: "array"
 				},
 				nullable: !0,
-				value: H(o, "messages", null)
+				value: W(o, "messages", null)
 			},
-			input: {
+			{
+				handle: "input",
 				jsonSchema: { type: "string" },
 				nullable: !1,
-				value: H(o, "input", "Alex")
+				value: W(o, "input", "Alex")
 			},
-			template: {
+			{
+				handle: "template",
 				jsonSchema: {
 					items: { type: "object" },
 					minItems: 1,
 					type: "array"
 				},
 				nullable: !1,
-				value: H(o, "template", [{
+				value: W(o, "template", [{
 					content: "Hello, I'm {{input}}",
 					role: "user"
 				}])
 			},
-			model: {
+			{
+				handle: "model",
 				jsonSchema: { type: "object" },
 				nullable: !1,
-				value: H(o, "model", { model: "deepseek-v4-flash" })
+				value: W(o, "model", { model: "deepseek-v4-flash" })
 			}
-		},
+		],
 		name: n,
-		outputs: { output: a.output ?? {
-			description: i,
-			jsonSchema: r == "chat" ? { type: "string" } : {},
-			nullable: !1
-		} }
+		outputs: [{
+			...a.output,
+			description: a.output?.description ?? i,
+			handle: "output",
+			jsonSchema: a.output?.jsonSchema ?? (r == "chat" ? { type: "string" } : {}),
+			nullable: a.output?.nullable ?? !1
+		}]
 	});
 }
-function Oe(e, t, n) {
+function De(e, t, n) {
 	return [{
 		kind: "graph.node.create",
 		node: {
@@ -1310,7 +1318,7 @@ function Oe(e, t, n) {
 		target: e
 	}];
 }
-function ke(e, t, n) {
+function Oe(e, t, n) {
 	return [{
 		kind: "graph.node.create",
 		node: {
@@ -1318,17 +1326,18 @@ function ke(e, t, n) {
 			inputs: {},
 			kind: "value",
 			name: n,
-			values: { value: {
+			values: [{
+				handle: "value",
 				jsonSchema: {},
 				nullable: !0,
 				value: null
-			} }
+			}]
 		},
 		nodeId: t,
 		target: e
 	}];
 }
-function z(e, t, n) {
+function V(e, t, n) {
 	return [{
 		kind: "graph.node.create",
 		node: n,
@@ -1336,7 +1345,7 @@ function z(e, t, n) {
 		target: e
 	}];
 }
-function Ae(e, t, n, r) {
+function ke(e, t, n, r) {
 	let i = r.name ?? n.displayName, a = n.type == "poll" ? {
 		bindingId: t.bindingId,
 		config: r.config,
@@ -1369,8 +1378,8 @@ function Ae(e, t, n, r) {
 		target: e
 	}];
 }
-function je(e, t, n) {
-	let r = B(e, t)?.nodes;
+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];
@@ -1394,32 +1403,32 @@ function je(e, t, n) {
 	});
 	return a;
 }
-function Me(e, t, n, r) {
-	let i = B(e, t)?.nodes[n];
+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 U(t, n, {
+	return G(t, n, {
 		...c,
 		...r
 	});
 }
-function Ne(e, t, n, r, i) {
-	return Pe(e, t, n, { [r]: i });
+function Me(e, t, n, r, i) {
+	return Ne(e, t, n, { [r]: i });
 }
-function Pe(e, t, n, r) {
-	let i = B(e, t)?.nodes[n];
+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 U(t, n, {
+	return G(t, n, {
 		...i,
 		inputs: a
 	});
 }
-function Fe(e, t, n) {
+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",
@@ -1433,11 +1442,12 @@ function Fe(e, t, n) {
 		taskId: t
 	}];
 }
-function Ie(e, t, n, r) {
+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) {
@@ -1479,25 +1489,25 @@ function Ie(e, t, n, r) {
 				config: r.config
 			};
 	}
-	return U(t, n, o);
+	return G(t, n, o);
 }
-function Le(e, t, n, r, i) {
+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, U(t, n, {
+	return i === void 0 ? delete o[r] : o[r] = i, G(t, n, {
 		...a,
 		config: o
 	});
 }
-function Re(e, t, n, r) {
+function Le(e, t, n, r) {
 	let i = e.document.graph.nodes[n];
 	if (i != null) switch (i.kind) {
-		case "cron": return U(t, n, {
+		case "cron": return G(t, n, {
 			...i,
 			cronTimes: r
 		});
-		case "poll": return U(t, n, {
+		case "poll": return G(t, n, {
 			...i,
 			pollTimes: r
 		});
@@ -1506,7 +1516,7 @@ function Re(e, t, n, r) {
 		default: return;
 	}
 }
-function ze(e, t, n, r) {
+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: {
@@ -1517,19 +1527,19 @@ function ze(e, t, n, r) {
 		kind: "binding.replace"
 	}];
 }
-function B(e, t) {
+function H(e, t) {
 	return t.kind == "flow" ? e.document.graph : e.document.subflows[t.id]?.graph;
 }
-function V(e) {
-	return Object.fromEntries(Object.entries(e).flatMap(([e, t]) => Object.hasOwn(t, "value") ? [[e, {
+function U(e) {
+	return Object.fromEntries(e.flatMap((e) => Object.hasOwn(e, "value") ? [[e.handle, {
 		kind: "value",
-		value: t.value
+		value: e.value
 	}]] : []));
 }
-function H(e, t, n) {
+function W(e, t, n) {
 	return e != null && Object.hasOwn(e, t) ? e[t] : n;
 }
-function U(e, t, n) {
+function G(e, t, n) {
 	return [{
 		kind: "graph.node.replace",
 		node: n,
@@ -1539,46 +1549,48 @@ function U(e, t, n) {
 }
 //#endregion
 //#region src/workbench/browser/runtime/designer/flowChanges.ts
-function W(e, t) {
+function K(e, t) {
 	return {
 		...e,
-		content: r(e.content, t)
+		content: i(e.content, t)
 	};
 }
-function Be(e, t) {
+function ze(e, t) {
 	return [{
 		kind: "subflow.create",
 		subflow: {
 			graph: { nodes: {} },
-			inputs: { value: {
+			inputs: [{
+				handle: "value",
 				jsonSchema: {},
 				nullable: !0,
 				value: null
-			} },
+			}],
 			name: t,
-			outputs: { result: {
+			outputs: [{
+				handle: "result",
 				jsonSchema: {},
 				nullable: !0,
 				sources: [{
 					input: "value",
 					kind: "flow"
 				}]
-			} }
+			}]
 		},
 		subflowId: e
 	}];
 }
-function Ve(e, t, n, r, i) {
+function Be(e, t, n, r, i) {
 	switch (r.kind) {
-		case "code": return Ee(t, {
+		case "code": return Te(t, {
 			moduleId: i(),
 			nodeId: n
 		}, r.name);
-		case "llm": return De(t, {
+		case "llm": return Ee(t, {
 			nodeId: n,
 			taskId: i()
 		}, r.name, r.mode, r.outputDescription);
-		case "connector": return R(t, {
+		case "connector": return B(t, {
 			nodeId: n,
 			taskId: i()
 		}, {
@@ -1587,22 +1599,22 @@ function Ve(e, t, n, r, i) {
 				...r.action.defaultConnection == null ? {} : { connectionId: r.action.defaultConnection.connectionId },
 				kind: "connector"
 			},
-			inputs: r.action.inputs,
+			inputs: Object.entries(r.action.inputs).map(([e, t]) => Object.assign({ handle: e }, t)),
 			name: r.action.name,
-			outputs: r.action.outputs
+			outputs: Object.entries(r.action.outputs).map(([e, t]) => Object.assign({ handle: e }, t))
 		});
-		case "condition": return Oe(t, n, r.name);
-		case "value": return ke(t, n, r.name);
+		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 : et(t, n, r.subflowId, i.inputs);
+			return i == null ? void 0 : tt(t, n, r.subflowId, i.inputs);
 		}
-		case "webhook": return t.kind == "flow" ? z(t, n, {
+		case "webhook": return t.kind == "flow" ? V(t, n, {
 			inputsDef: [],
 			kind: "webhook",
 			name: r.name
 		}) : void 0;
-		case "cron": return t.kind == "flow" ? z(t, n, {
+		case "cron": return t.kind == "flow" ? V(t, n, {
 			cronTimes: [{
 				type: "every",
 				unit: "hour",
@@ -1611,7 +1623,7 @@ function Ve(e, t, n, r, i) {
 			kind: "cron",
 			name: r.name
 		}) : void 0;
-		case "provider-trigger": return t.kind == "flow" ? Ae(t, {
+		case "provider-trigger": return t.kind == "flow" ? ke(t, {
 			bindingId: i(),
 			nodeId: n
 		}, r.definition, {
@@ -1620,10 +1632,10 @@ function Ve(e, t, n, r, i) {
 		}) : void 0;
 	}
 }
-function He(e, t, n) {
-	return je(e.revision.content, t, n);
+function Ve(e, t, n) {
+	return Ae(e.revision.content, t, n);
 }
-function Ue(e, 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) => {
@@ -1634,7 +1646,7 @@ function Ue(e, t, n) {
 		nodes: i
 	};
 }
-function We(e, t, n, r) {
+function Ue(e, t, n, r) {
 	if (e.graph(t) == null) return {
 		changes: [],
 		nodeIds: [],
@@ -1734,25 +1746,47 @@ function We(e, t, n, r) {
 		sourceIds: a
 	};
 }
-function Ge(e, t, n, r) {
-	return Me(e.revision.content, t, n, r);
+function We(e, t, n, r) {
+	return je(e.revision.content, t, n, r);
 }
-function Ke(e, 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 q(t, n, r == null ? o : {
+	return Y(t, n, r == null ? o : {
 		...o,
 		description: r
 	});
 }
-function qe(e, t, n, r, i) {
-	return Ne(e.revision.content, t, n, r, i);
+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 Je(e, t, n, r) {
+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 = G(o, s), u = new Set(Object.keys(s)), d = [];
+	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 };
@@ -1797,22 +1831,23 @@ function Je(e, t, n, r) {
 	}
 	return d;
 }
-function Ye(e, t, n, r) {
+function Xe(e, t, n, r) {
 	let i = e.node(t, n)?.node;
-	if (i?.kind == "value") return q(t, n, {
+	if (i?.kind == "value") return Y(t, n, {
 		...i,
-		values: Object.fromEntries(r.map((e) => [e.handle, {
+		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 Xe(e, t, n, r) {
+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 : K(e, t, n, {
+		case "code": return i.task == null ? void 0 : J(e, t, n, {
 			...i.task,
 			name: r.name
 		});
@@ -1847,18 +1882,18 @@ function Xe(e, t, n, r) {
 		}
 	}
 }
-function Ze(e, t, n, r) {
+function Qe(e, t, n, r) {
 	let i = e.graph(t)?.nodes[n];
-	if (i?.kind == "task" && i.task != null) return K(e, t, n, {
+	if (i?.kind == "task" && i.task != null) return J(e, t, n, {
 		...i.task,
 		...r
 	});
 }
-function Qe(e, t, n, 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 q(t, n, Object.keys(r.options).length == 0 ? {
+	return Y(t, n, Object.keys(r.options).length == 0 ? {
 		...o,
 		inputsDef: r.inputs
 	} : {
@@ -1867,19 +1902,19 @@ function Qe(e, t, n, r) {
 		options: r.options
 	});
 }
-function $e(e, t, n) {
+function et(e, t, n) {
 	if (e.subflow(t) != null) return [{
 		definition: n,
 		kind: "subflow.definition.replace",
 		subflowId: t
 	}];
 }
-function et(e, t, n, r) {
+function tt(e, t, n, r) {
 	return [{
 		kind: "graph.node.create",
 		node: {
 			concurrency: 1,
-			inputs: tt(r),
+			inputs: nt(r),
 			kind: "subflow",
 			subflowId: n
 		},
@@ -1887,57 +1922,57 @@ function et(e, t, n, r) {
 		target: e
 	}];
 }
-function tt(e) {
-	return Object.fromEntries(Object.entries(e).flatMap(([e, t]) => Object.hasOwn(t, "value") ? [[e, {
+function nt(e) {
+	return Object.fromEntries(e.flatMap((e) => Object.hasOwn(e, "value") ? [[e.handle, {
 		kind: "value",
-		value: t.value
+		value: e.value
 	}]] : []));
 }
-function G(e, t) {
-	let n = Object.keys(e).filter((e) => !Object.hasOwn(t, e)), r = Object.keys(t).filter((t) => !Object.hasOwn(e, t));
-	return n.length == 1 && r.length == 1 ? [n[0], r[0]] : void 0;
+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 K(e, t, n, r) {
+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 = G(a.task.inputs, r.inputs), s = G(a.task.outputs, r.outputs), c = new Set(Object.keys(r.outputs)), l = [];
-	for (let [e, u] of Object.entries(i.nodes)) {
-		if (!("inputs" in u)) continue;
-		let i = e == n, d = { ...u.inputs };
+	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(d, o[0]) && (d[o[1]] = d[o[0]], delete d[o[0]]);
-			for (let e of Object.keys(d)) Object.hasOwn(r.inputs, e) || delete d[e];
+			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(d)) {
+		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]
-			}] : c.has(e.output) ? [e] : []);
-			r.length == t.sources.length && r.every((e, n) => e === t.sources[n]) || (i = !0, r.length == 0 ? delete d[e] : d[e] = {
+			}] : 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 f = e == n ? {
+		let p = e == n ? {
 			...a,
-			inputs: d,
+			inputs: f,
 			task: r
 		} : {
-			...u,
-			inputs: d
+			...d,
+			inputs: f
 		};
-		l.push({
+		u.push({
 			kind: "graph.node.replace",
-			node: f,
+			node: p,
 			nodeId: e,
 			target: t
 		});
 	}
-	return l;
+	return u;
 }
-function q(e, t, n) {
+function Y(e, t, n) {
 	return [{
 		kind: "graph.node.replace",
 		node: n,
@@ -1947,32 +1982,32 @@ function q(e, t, n) {
 }
 //#endregion
 //#region src/workbench/browser/runtime/designer/remoteChangeTargets.ts
-function nt(e, t) {
+function rt(e, t) {
 	return e.kind == t.kind && (e.kind != "subflow" || t.kind == "subflow" && e.id == t.id);
 }
-function J(e, t, n, r) {
+function X(e, t, n, r) {
 	for (let [i, a] of Object.entries(t.graph(n)?.nodes ?? {})) r(a) && e.add(i);
 }
-function rt(e, t, n, r) {
+function it(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":
-			nt(a.target, n) && i.add(a.nodeId);
+			rt(a.target, n) && i.add(a.nodeId);
 			break;
 		case "task.replace":
-			J(i, e, n, (e) => e.kind == "task" && e.task == null && e.taskId == a.taskId), J(i, t, n, (e) => e.kind == "task" && e.task == null && e.taskId == a.taskId);
+			X(i, e, n, (e) => e.kind == "task" && e.task == null && e.taskId == a.taskId), X(i, t, n, (e) => e.kind == "task" && e.task == null && e.taskId == a.taskId);
 			break;
 		case "module.source.replace":
-			J(i, e, n, (e) => e.kind == "task" && e.task?.moduleId == a.moduleId), J(i, t, n, (e) => e.kind == "task" && e.task?.moduleId == a.moduleId);
+			X(i, e, n, (e) => e.kind == "task" && e.task?.moduleId == a.moduleId), X(i, t, n, (e) => e.kind == "task" && e.task?.moduleId == a.moduleId);
 			break;
-		case "subflow.definition.replace": J(i, e, n, (e) => e.kind == "subflow" && e.subflowId == a.subflowId), J(i, t, n, (e) => e.kind == "subflow" && e.subflowId == a.subflowId);
+		case "subflow.definition.replace": X(i, e, n, (e) => e.kind == "subflow" && e.subflowId == a.subflowId), X(i, t, n, (e) => e.kind == "subflow" && e.subflowId == a.subflowId);
 	}
 	return new Set([...i].filter((e) => t.selection(n, e) != null));
 }
 //#endregion
 //#region src/workbench/browser/runtime/stores/draftChanges.ts
-function Y(e) {
+function at(e) {
 	if (e.length != 1) return;
 	let t = e[0];
 	switch (t.kind) {
@@ -1985,7 +2020,7 @@ function Y(e) {
 		default: return;
 	}
 }
-var it = class {
+var ot = class {
 	#e;
 	#t;
 	#n;
@@ -2013,15 +2048,15 @@ var it = class {
 		this.#a = e;
 	}
 	project(e) {
-		return this.#o.reduce((e, t) => W(e, t.changes), e);
+		return this.#o.reduce((e, t) => K(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(W(t, n));
-		let i = Y(n), a = this.#o.at(-1), o = i != null && a != null && !a.started && Y(a.changes) == i ? a : void 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;
 		if (o != null) return o.changes = n, await o.result;
 		let s = {
 			...e,
@@ -2049,7 +2084,7 @@ var it = class {
 				let r = this.#l(e, n, t);
 				return this.#o.length == 0 && this.#t.check(), r;
 			} catch (n) {
-				if (n instanceof _ && n.code == "flow.revision-conflict") {
+				if (n instanceof s && n.code == "flow.revision-conflict") {
 					if (!t && await this.#t.recover(e)) {
 						t = !0;
 						continue;
@@ -2058,7 +2093,7 @@ var it = class {
 						kind: "error",
 						message: this.#n.t("notice.draftConflict")
 					});
-				} else this.#u(e), this.#t.current(e) && this.#r(p(n, this.#n.t));
+				} else this.#u(e), this.#t.current(e) && this.#r(u(n, this.#n.t));
 				return;
 			}
 		}
@@ -2066,7 +2101,7 @@ var it = class {
 	#l(e, t, n) {
 		let r = {
 			...n.revision,
-			content: W(t, e.changes).content
+			content: K(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;
@@ -2075,19 +2110,19 @@ var it = 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));
 	}
-}, X = 50, at = {
+}, st = 50, ct = {
 	failed: !1,
 	loaded: !1,
 	loading: !0,
 	loadingMore: !1,
 	loadMoreFailed: !1,
 	flows: []
-}, ot = class {
+}, lt = class {
 	#e;
 	#t;
-	#n = new o();
+	#n = new x();
 	#r;
-	#i = t(at);
+	#i = t(ct);
 	#a = !1;
 	constructor(t, n, r) {
 		this.#e = t, this.#t = r, this.#r = n, this.$ = {
@@ -2133,7 +2168,7 @@ var it = class {
 		try {
 			let t = await this.#e.listFlows({
 				includeTotal: !0,
-				limit: X
+				limit: st
 			});
 			if (!e()) return;
 			this.#o({
@@ -2148,7 +2183,7 @@ var it = class {
 			this.#o({
 				failed: !0,
 				loading: !1
-			}), this.#r(p(t, this.#t.t));
+			}), this.#r(u(t, this.#t.t));
 		}
 	}
 	async loadMore() {
@@ -2162,7 +2197,7 @@ var it = class {
 		try {
 			let e = await this.#e.listFlows({
 				cursor: t,
-				limit: X
+				limit: st
 			});
 			if (!n()) return;
 			let r = new Set(this.#i.value.flows.map((e) => e.flowId));
@@ -2176,7 +2211,7 @@ var it = class {
 			this.#o({
 				loadingMore: !1,
 				loadMoreFailed: !0
-			}), this.#r(p(e, this.#t.t));
+			}), this.#r(u(e, this.#t.t));
 		}
 	}
 	async create(e) {
@@ -2212,7 +2247,7 @@ var it = class {
 			...e
 		});
 	}
-}, st = class {
+}, ut = class {
 	#e;
 	#t;
 	#n;
@@ -2255,7 +2290,7 @@ var it = class {
 				this.#c(a, r);
 			} catch (r) {
 				if (this.#o || !n()) return;
-				if (r instanceof _ && r.code == "flow.presentation-conflict") try {
+				if (r instanceof s && r.code == "flow.presentation-conflict") try {
 					let t = await this.#e.getPresentation(e);
 					if (this.#o || !n()) return;
 					this.#c(a, t), this.#n({
@@ -2263,9 +2298,9 @@ var it = class {
 						message: this.#t.t("notice.layoutConflict")
 					});
 				} catch (e) {
-					!this.#o && n() && this.#n(p(e, this.#t.t));
+					!this.#o && n() && this.#n(u(e, this.#t.t));
 				}
-				else this.#c(a, t), this.#n(p(r, this.#t.t));
+				else this.#c(a, t), this.#n(u(r, this.#t.t));
 			}
 		}), await this.#i;
 	}
@@ -2280,29 +2315,29 @@ var it = class {
 };
 //#endregion
 //#region src/workbench/browser/runtime/designer/diagnostics.ts
-function ct(e, t) {
+function dt(e, t) {
 	return t == e || t.startsWith(`${e}/`);
 }
-function lt(e, t, n, r) {
+function ft(e, t, n, r) {
 	if (e == null || t == null || n == null) return [];
-	if (r != null) return mt(t, r, n.diagnostics);
+	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) => ct(i, e.path));
+	return n.diagnostics.filter((e) => dt(i, e.path));
 }
-function ut(e) {
+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 dt(e, t) {
+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 ft(e, t, n) {
+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: dt(s.node, a < 0 ? "" : i.slice(a))
+			section: mt(s.node, a < 0 ? "" : i.slice(a))
 		};
 	}
 	let i = /^\/document\/tasks\/([^/]+)(.*)$/.exec(n.path);
@@ -2322,31 +2357,31 @@ function ft(e, t, n) {
 		};
 	}
 }
-function pt(e, t, n) {
+function gt(e, t, n) {
 	return n?.diagnostics.map((n) => ({
 		diagnostic: n,
-		location: ft(e, t, n),
-		scope: ut(n.path)
+		location: ht(e, t, n),
+		scope: pt(n.path)
 	})) ?? [];
 }
-function mt(e, t, n) {
+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) => ct(t, e.path)));
+	return n.filter((e) => i.some((t) => dt(t, e.path)));
 }
 //#endregion
 //#region src/workbench/browser/runtime/stores/workspaceModel.ts
-var ht = {
+var vt = {
 	checkLoading: !1,
 	selectedNodeIds: [],
 	workspaceLoadFailed: !1,
 	workspaceLoading: !1
 };
-function gt(e) {
+function yt(e) {
 	return e.workspaceLoading ? "loading" : e.busy == "designer" ? "saving" : e.draft == null ? "noDraft" : "saved";
 }
 function Z(e, t) {
@@ -2362,9 +2397,9 @@ function Q(e, t, n) {
 		source: r.module.source
 	};
 }
-var _t = class {
+var bt = class {
 	#e;
-	#t = t(ht);
+	#t = t(vt);
 	#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) => {
@@ -2374,13 +2409,13 @@ var _t = 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), h = e(this.#t, (e) => e.draft == null ? void 0 : m(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 : 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);
 		this.#e = e(this.#t, (e) => ({
-			revision: e.draft == null ? void 0 : m(e.draft),
+			revision: e.draft == null ? void 0 : h(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 m(e.draft).selection(e.target, e.selectedNodeIds[0]);
+			if (e.draft != null && e.target != null && e.selectedNodeIds.length == 1) return h(e.draft).selection(e.target, e.selectedNodeIds[0]);
 		});
 		this.$ = {
 			addNodeOptions: n((e) => {
@@ -2390,7 +2425,7 @@ var _t = class {
 			busy: i,
 			checkLoading: a,
 			diagnosticFocus: o,
-			diagnosticItems: e(this.#t, (e) => pt(e.draft == null ? void 0 : m(e.draft), e.target, e.diagnostics)),
+			diagnosticItems: e(this.#t, (e) => gt(e.draft == null ? void 0 : h(e.draft), e.target, e.diagnostics)),
 			diagnostics: s,
 			draft: c,
 			flow: n((e) => {
@@ -2405,7 +2440,7 @@ var _t = class {
 			flowNextCursor: r.$.nextCursor,
 			flowTotal: r.$.total,
 			flows: r.$.flows,
-			inspectorDiagnostics: e(this.#t, (e) => lt(e.draft == null ? void 0 : m(e.draft), e.target, e.diagnostics, b.value)),
+			inspectorDiagnostics: e(this.#t, (e) => ft(e.draft == null ? void 0 : h(e.draft), e.target, e.diagnostics, b.value)),
 			live: p,
 			moduleDiagnostics: e(this.#t, (e) => {
 				let t = e.moduleEditor?.moduleId;
@@ -2414,14 +2449,14 @@ var _t = class {
 			moduleEditor: l,
 			nodeFocus: u,
 			presentation: d,
-			revision: h,
+			revision: m,
 			selection: b,
 			selectedNodeIds: g,
-			status: e(this.#t, gt),
+			status: e(this.#t, yt),
 			target: _,
 			targetFlow: n((e) => e(_)?.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 : m(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 : h(e.draft).subflow(e.target.id)?.name ?? e.target.id;
 			}),
 			workspaceLoadFailed: v,
 			workspaceLoading: y
@@ -2440,17 +2475,17 @@ var _t = class {
 		for (let e of Object.values(this.$)) this.#n.has(e) || e.dispose();
 		this.#e.dispose(), this.#t.dispose();
 	}
-}, vt = 250;
-function yt(e, t) {
+}, xt = 250;
+function St(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 bt = class {
+var Ct = class {
 	#e;
 	#t;
-	#n = new o();
+	#n = new x();
 	#r;
 	#i;
 	#a;
@@ -2470,8 +2505,8 @@ var bt = class {
 	#y = 0;
 	#b;
 	#x;
-	constructor(e, t, n = () => crypto.randomUUID(), r = c(), i = () => {}) {
-		this.#e = e, this.#c = t, this.#i = n, this.#r = r, this.#s = i, this.#o = new ot(e, t, r), this.#l = new _t(r, this.#o), this.#t = new it(e, t, r, {
+	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, {
 			apply: (e, t) => this.#w(e, t),
 			beforeChange: (e) => {
 				this.#M(), this.#h = !1, e && (this.#B({ busy: "designer" }), this.#c(void 0));
@@ -2484,7 +2519,7 @@ var bt = class {
 			},
 			headChanged: (e, t) => this.#N(e, t),
 			recover: (e) => this.#O(e, !0)
-		}), this.#a = new st(e, t, (e) => this.#B({ presentation: e }), r), this.$ = this.#l.$;
+		}), this.#a = new ut(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();
@@ -2539,7 +2574,7 @@ var bt = class {
 			return t() ? (this.#B({
 				workspaceLoadFailed: !0,
 				workspaceLoading: !1
-			}), this.#c(p(e, this.#r.t)), !1) : !1;
+			}), this.#c(u(e, this.#r.t)), !1) : !1;
 		}
 		return !0;
 	}
@@ -2556,7 +2591,7 @@ var bt = 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 : m(this.#l.value.draft), this.#l.value.target, e),
+			moduleEditor: Q(this.#l.value.draft == null ? void 0 : h(this.#l.value.draft), this.#l.value.target, e),
 			nodeFocus: void 0,
 			selectedNodeIds: e
 		}), !0) : !1;
@@ -2567,7 +2602,7 @@ var bt = class {
 			try {
 				return await this.#o.create(e);
 			} catch (e) {
-				this.#_ || this.#c(p(e, this.#r.t));
+				this.#_ || this.#c(u(e, this.#r.t));
 			} finally {
 				this.#B({ busy: void 0 });
 			}
@@ -2584,7 +2619,7 @@ var bt = class {
 				message: this.#r.t("notice.flowDeleteAccepted", { name: t.name })
 			}), !0);
 		} catch (e) {
-			return this.#_ || this.#c(p(e, this.#r.t)), !1;
+			return this.#_ || this.#c(u(e, this.#r.t)), !1;
 		} finally {
 			this.#B({ busy: void 0 });
 		}
@@ -2593,7 +2628,7 @@ var bt = 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(Be(t, e), !1);
+		let n = await this.#C(ze(t, e), !1);
 		return this.#B({ busy: void 0 }), n != null && (this.selectTarget({
 			id: t,
 			kind: "subflow"
@@ -2611,7 +2646,7 @@ var bt = class {
 		try {
 			i = await this.#e.renameFlow(e, r), i != null && this.#o.include(i);
 		} catch (e) {
-			this.#_ || this.#c(p(e, this.#r.t));
+			this.#_ || this.#c(u(e, this.#r.t));
 		}
 		return this.#B({ busy: void 0 }), i != null && (this.#c({
 			kind: "success",
@@ -2624,11 +2659,11 @@ var bt = class {
 		if (r == null || i == null) return;
 		let a = this.#i();
 		if (e.kind == "comment") return await this.#S(i, a, t);
-		let o = m(r), s = b(e, o, i, this.#r.t);
+		let o = h(r), s = b(e, o, i, this.#r.t);
 		if (s == null) return;
-		let c = Ve(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, ...I(W(r, c).content, i, n(a))], u = this.#C(l);
+		let l = n == null ? c : [...c, ...R(K(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;
@@ -2636,20 +2671,20 @@ var bt = class {
 	async connect(e) {
 		let t = this.$.revision.value, n = this.#l.value.target;
 		if (t == null || n == null) return;
-		let r = I(t.revision.content, n, e);
+		let r = R(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 = Ce(t.revision.content, n, e);
+		let r = Se(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 = h(this.#l.value.presentation?.value ?? {}, t), r = new Set(this.#l.value.selectedNodeIds.filter((e) => n.has(e))), i = He(e, t, this.#l.value.selectedNodeIds), a = i.length == 0 ? void 0 : this.#C(i), o = r.size == 0 ? void 0 : this.#T((e) => l(e, t, r));
+		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));
 		this.selectNodes([]), (a == null || await a != null) && await o;
 	}
 	copySelectedNodes() {
@@ -2663,27 +2698,27 @@ var bt = class {
 				sourceId: e.id,
 				title: e.title
 			}] : []),
-			nodes: Ue(e, t, this.#l.value.selectedNodeIds)
+			nodes: He(e, t, this.#l.value.selectedNodeIds)
 		};
 	}
-	async pasteNodes() {
+	async pasteNodes(e) {
 		if (!this.#F()) return;
-		let e = this.$.revision.value, t = this.#l.value.target;
-		if (e == null || t == null || this.#u == null) return;
-		let n = We(e, t, this.#u.nodes, this.#i), r = n.changes.length == 0 ? void 0 : this.#C(n.changes), i = this.#u.comments.map((e) => ({
+		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) => ({
 			...e,
 			nodeId: this.#i()
 		}));
-		if (n.nodeIds.length == 0 && i.length == 0) return;
-		let a = new Map(this.#P().nodes.map((e) => [e.id, e])), o = Object.fromEntries(n.sourceIds.map((e, t) => {
-			let r = a.get(e);
-			return [n.nodeIds[t], {
-				x: (r?.position.x ?? 80) + 40,
-				y: (r?.position.y ?? 80) + 40
+		if (r.nodeIds.length == 0 && a.length == 0) return;
+		let o = new Map(this.#P().nodes.map((e) => [e.id, e])), s = Object.fromEntries(r.sourceIds.map((t, n) => {
+			let i = e?.[t] ?? o.get(t)?.position;
+			return [r.nodeIds[n], {
+				x: (i?.x ?? 80) + 40,
+				y: (i?.y ?? 80) + 40
 			}];
-		})), s = this.#T((e) => {
-			let n = d(e, t, o);
-			for (let e of i) n = g(n, t, e.nodeId, {
+		})), c = this.#T((e) => {
+			let t = p(e, n, s);
+			for (let e of a) t = _(t, n, e.nodeId, {
 				content: e.content,
 				position: {
 					x: e.position.x + 40,
@@ -2691,48 +2726,60 @@ var bt = class {
 				},
 				title: this.#r.t("addNode.commentCopy", { title: e.title })
 			});
-			return n;
+			return t;
 		});
-		this.selectNodes([...n.nodeIds, ...i.map((e) => e.nodeId)]), (r == null || await r != null) && await s;
+		this.selectNodes([...r.nodeIds, ...a.map((e) => e.nodeId)]), (i == null || await i != null) && await c;
 	}
-	async duplicateSelectedNodes() {
-		this.copySelectedNodes(), await this.pasteNodes();
+	async duplicateSelectedNodes(e) {
+		this.copySelectedNodes(), await this.pasteNodes(e);
 	}
 	async saveNodeSettings(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 = We(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);
+		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);
 		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);
+		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 = qe(r, i, e, t, n);
+		let a = Je(r, i, e, t, n);
 		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 = Je(n, r, e, t);
+		let i = Ye(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 = Ye(n, r, e, t);
+		let i = Xe(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) => g(i, n, e, {
+		r != null && await this.#T((i) => _(i, n, e, {
 			...t,
 			position: r
 		}));
@@ -2740,55 +2787,55 @@ var bt = class {
 	async saveTaskSettings(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 = Ze(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 = Ze(n, r, e, t);
+		let i = Qe(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 = Fe(n.revision.content, e, t);
+		let r = Pe(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 = Ie(n.revision.content, r, e, t);
+		let i = Fe(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 = Le(r.revision.content, i, e, t, n);
+		let a = Ie(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 = Re(n.revision.content, r, e, t);
+		let i = Le(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 = Qe(n, r, e, t);
+		let i = $e(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 = ze(n.revision.content, r, e, t);
+		let i = Re(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 = $e(n, e, t);
+		let r = et(n, e, t);
 		return r != null && await this.#C(r) != null;
 	}
 	updateModuleSource(e) {
@@ -2819,23 +2866,23 @@ var bt = class {
 			...e,
 			phase: "saving"
 		} });
-		let t = await we(e.source);
+		let t = await Ce(e.source);
 		if (this.#_) return !1;
-		let n = await this.#C(Te(e.moduleId, e.source, t));
+		let n = await this.#C(we(e.moduleId, e.source, t));
 		return !this.#_ && this.#l.value.moduleEditor?.moduleId == e.moduleId && this.#B({ moduleEditor: {
 			...this.#l.value.moduleEditor,
 			phase: n == null ? "failed" : void 0
 		} }), n != null;
 	}
-	async moveNodes(e) {
-		let t = this.#l.value.target;
-		t != null && await this.#T((n) => d(n, t, e));
+	async moveNodes(e, t = "detail") {
+		let n = this.#l.value.target;
+		n != null && await this.#T((r) => p(r, n, e, t));
 	}
-	async moveViewport(e) {
-		let t = this.#l.value.target;
-		if (t == null) return;
-		let n = this.#P().viewport;
-		(n.x != e.x || n.y != e.y || n.zoom != e.zoom) && this.#M(), await this.#T((n) => te(n, t, e));
+	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));
 	}
 	async check() {
 		await this.#E();
@@ -2865,7 +2912,7 @@ var bt = class {
 			if (e.kind != "comment") return [];
 			let t = /#(\d+)$/.exec(e.title);
 			return t == null ? [] : [Number(t[1])];
-		})), i = this.#T((i) => g(i, e, t, {
+		})), i = this.#T((i) => _(i, e, t, {
 			content: "",
 			position: n,
 			title: this.#r.t("addNode.commentName", { number: r + 1 })
@@ -2912,7 +2959,7 @@ var bt = class {
 			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 });
 		} catch (n) {
-			!this.#_ && e == this.#l.value.flowId && t.revisionId == this.#l.value.draft?.revisionId && this.#c(p(n, this.#r.t));
+			!this.#_ && e == this.#l.value.flowId && t.revisionId == this.#l.value.draft?.revisionId && this.#c(u(n, this.#r.t));
 		} finally {
 			!this.#_ && e == this.#l.value.flowId && t.revisionId == this.#l.value.draft?.revisionId && this.#B({ checkLoading: !1 });
 		}
@@ -2950,7 +2997,7 @@ var bt = class {
 				s = this.#k(a, o);
 			}
 			if (s.revisionId == a.revisionId) return !0;
-			let c = o.kind == "changes" && t != null ? rt(m(a), m(s), t, o.revisions.flatMap((e) => e.operations)) : void 0;
+			let c = o.kind == "changes" && t != null ? it(h(a), h(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({
@@ -2958,7 +3005,7 @@ var bt = class {
 				message: this.#r.t(l ? "notice.moduleUpdated" : "notice.draftUpdated")
 			}), this.#E()), !0;
 		} catch (n) {
-			return t && this.#z(e) && this.#c(p(n, this.#r.t)), !1;
+			return t && this.#z(e) && this.#c(u(n, this.#r.t)), !1;
 		}
 	}
 	#k(e, t) {
@@ -2968,7 +3015,7 @@ var bt = class {
 			if (e.revision.parentRevisionId != n.revisionId) throw Error("Invalid Draft revision chain.");
 			n = {
 				...e.revision,
-				content: W(n, e.operations).content
+				content: K(n, e.operations).content
 			};
 		}
 		return n;
@@ -2983,7 +3030,7 @@ var bt = class {
 				return;
 			}
 			for (let e of n) a.targets.add(e);
-			globalThis.clearTimeout(a.timer), a.timer = globalThis.setTimeout(() => this.#j(), vt);
+			globalThis.clearTimeout(a.timer), a.timer = globalThis.setTimeout(() => this.#j(), xt);
 			return;
 		}
 		n.size == 0 || i.selectedNodeIds.length > 0 || (this.#p = {
@@ -2992,7 +3039,7 @@ var bt = class {
 			flowId: e.flowId,
 			target: t,
 			targets: new Set(n),
-			timer: globalThis.setTimeout(() => this.#j(), vt),
+			timer: globalThis.setTimeout(() => this.#j(), xt),
 			viewport: this.#P().viewport
 		});
 	}
@@ -3003,7 +3050,7 @@ var bt = 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 = m(t.draft), i = [...e.targets].filter((t) => r.selection(e.target, t) != null);
+		let r = h(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
@@ -3017,7 +3064,7 @@ var bt = class {
 	}
 	#P() {
 		let e = this.#l.value;
-		return v(e.draft, e.target, e.presentation?.value, e.diagnostics?.diagnostics, {}, {}, this.#r.t);
+		return y(e.draft, e.target, e.presentation?.value, e.diagnostics?.diagnostics, {}, {}, this.#r.t);
 	}
 	#F() {
 		let e = this.#l.value.moduleEditor;
@@ -3027,7 +3074,7 @@ var bt = class {
 		}), !1);
 	}
 	#I(e) {
-		let t = m(e), n = yt(t, this.#l.value.target);
+		let t = h(e), n = St(t, this.#l.value.target);
 		return {
 			revision: t,
 			selectedNodeIds: this.#l.value.selectedNodeIds.filter((e) => n != null && t.selection(n, e) != null),
@@ -3061,13 +3108,13 @@ var bt = class {
 };
 //#endregion
 //#region src/workbench/browser/runtime/stores/workbenchStore.ts
-function xt(e) {
+function wt(e) {
 	return new Map(e.nodes.map((e) => [e.id, e]));
 }
-function St(e, t) {
-	return e == null || t == null ? [] : m(e).designerInputs(t);
+function Tt(e, t) {
+	return e == null || t == null ? [] : h(e).designerInputs(t);
 }
-function Ct(e, t, n, r, i) {
+function Et(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) => {
@@ -3075,38 +3122,38 @@ function Ct(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 wt = { openExternalPage: async () => !1 }, Tt = class {
+var Dt = { openExternalPage: async () => !1 }, Ot = class {
 	#e;
 	#t;
 	#n;
 	#r;
-	constructor(r, i, a = () => crypto.randomUUID(), s = c(), l = wt) {
-		this.#e = new o(), 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 = s;
-		let u = (e) => {
+	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);
 		};
-		this.runs = new y(r, u, s), this.workspace = new bt(r, u, a, s, (e) => void this.#a(r, e)), this.connectors = new ve(r, this.workspace, u, l, s), this.triggers = new Se(r, this.workspace, u, l, s), this.publications = new de(r, this.workspace, u, a, s), this.runRequests = new he(r, this.runs, u, s, a);
-		let d = /* @__PURE__ */ new Map(), p, m = n((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);
+		let u = /* @__PURE__ */ new Map(), d, f = n((e) => {
 			let t = e(this.workspace.$.draft);
-			p != t?.flowId && (d.clear(), p = 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), o = e(this.connectors.$.catalogs), c = e(s.t$), l = e(this.runs.$.run), u = e(this.runs.$.events), m = n == null ? "" : n.kind == "flow" ? "flow" : `subflow:${n.id}`, h = [
-				...St(t, n),
-				r == null || n == null ? void 0 : f(r, n),
+			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),
 				i,
 				a,
-				o,
+				s,
 				c,
 				l,
-				u,
+				f,
 				...l == null ? [] : [t?.revisionId]
-			], g = d.get(m);
+			], g = u.get(p);
 			if (g != null && g.inputs.length == h.length && g.inputs.every((e, t) => e === h[t])) return g.graph;
-			let _ = v(t, n, r, i, a, o, c, l, u);
-			return d.set(m, {
+			let _ = y(t, n, r, i, a, s, c, l, f);
+			return u.set(p, {
 				graph: _,
 				inputs: h
 			}), _;
-		}), h = e(m, xt);
+		}), p = e(f, wt);
 		this.$ = {
 			busy: n((e) => {
 				let t = e(this.workspace.$.busy);
@@ -3117,13 +3164,13 @@ var wt = { openExternalPage: async () => !1 }, Tt = class {
 				if (e(this.publications.$.rollingBackPublicationId) != null) return "rollback";
 				if (e(this.publications.$.changingTriggerId) != null) return "trigger";
 			}),
-			designer: m,
-			designerNodeById: h,
+			designer: f,
+			designerNodeById: p,
 			notice: this.#n,
-			runEventNodes: n((e) => Ct(e(this.workspace.$.draft), e(this.workspace.$.target), e(this.runs.$.run), e(this.runs.$.events), e(h))),
+			runEventNodes: n((e) => Et(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(h).get(t[0]) : void 0;
+				return t.length == 1 ? e(p).get(t[0]) : void 0;
 			})
 		};
 	}
@@ -3152,7 +3199,11 @@ var wt = { openExternalPage: async () => !1 }, Tt = class {
 		}), !0);
 	}
 	selectNodes(e) {
-		this.workspace.selectNodes(e) && (this.connectors.refresh(), this.triggers.refresh());
+		let t = this.workspace.$.selectedNodeIds.value;
+		if (this.workspace.selectNodes(e)) {
+			if (t === this.workspace.$.selectedNodeIds.value) return;
+			this.connectors.refresh(), this.triggers.refresh();
+		}
 	}
 	locateRunEvent(e) {
 		let t = this.$.runEventNodes.value.get(e);
@@ -3171,7 +3222,7 @@ var wt = { openExternalPage: async () => !1 }, Tt = class {
 		if (t.aborted || this.#r) 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(p(r[0].reason, this.#t.t)), n.flatMap((e) => e.status == "fulfilled" ? e.value ?? [] : []);
+		return r.length > 0 && this.#n.set(u(r[0].reason, this.#t.t)), n.flatMap((e) => e.status == "fulfilled" ? e.value ?? [] : []);
 	}
 	async refreshSelectedConnector(e = !1) {
 		await this.connectors.refresh(e);
@@ -3196,16 +3247,16 @@ var wt = { openExternalPage: async () => !1 }, Tt = class {
 			return;
 		}
 	}
-}, Et = ie(() => import("./flowWorkspace-Bo0bz1Uz.js"));
-function Dt({ host: e, store: t }) {
+}, kt = ie(() => import("./flowWorkspace-D7-rBA1-.js").then((e) => e.t));
+function At({ host: e, store: t }) {
 	let n = a(t.$.notice);
-	return x(() => e.notify(n), [e, n]), x(() => () => e.notify(void 0), [e]), null;
+	return S(() => e.notify(n), [e, n]), S(() => () => e.notify(void 0), [e]), null;
 }
-function Ot({ hrefFor: e, language: t, navigation: n, onLanguageChange: r, store: i, theme: o }) {
+function jt({ hrefFor: e, language: t, navigation: n, onLanguageChange: r, store: i, theme: o }) {
 	let s = a(i.workspace.$.flowId);
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ C("div", {
 		className: "app-shell",
-		children: s == null ? /* @__PURE__ */ S(ne, {
+		children: s == null ? /* @__PURE__ */ C(ne, {
 			hrefForFlow: (t) => e({
 				flowId: t.flowId,
 				view: "design"
@@ -3215,12 +3266,12 @@ function Ot({ hrefFor: e, language: t, navigation: n, onLanguageChange: r, store
 			onLanguageChange: r,
 			onSelectFlow: (e) => void n.selectFlow(e),
 			store: i
-		}) : /* @__PURE__ */ S(re, {
-			fallback: /* @__PURE__ */ S("main", {
+		}) : /* @__PURE__ */ C(re, {
+			fallback: /* @__PURE__ */ C("main", {
 				"aria-busy": "true",
 				className: "workspace"
 			}),
-			children: /* @__PURE__ */ S(Et, {
+			children: /* @__PURE__ */ C(kt, {
 				hrefFor: e,
 				language: t,
 				navigation: n,
@@ -3231,18 +3282,18 @@ function Ot({ hrefFor: e, language: t, navigation: n, onLanguageChange: r, store
 		})
 	});
 }
-function kt({ host: e, hrefFor: t, language: n, location: r, onLanguageChange: a, onNavigate: o, preferences: s, theme: l }) {
+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 = c(n), i = new Tt(new u((t, n) => e.request(t, n), (t, n) => e.subscribeFlow(t, n), (t) => e.subscribeFlowCatalog(t)), s, () => crypto.randomUUID(), t, e);
+		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);
 		return {
 			i18n: t,
-			navigation: new ce(i, r, (e, t) => d.current(e, t)),
-			store: i
+			navigation: new ce(r, i, (e, t) => d.current(e, t)),
+			store: r
 		};
 	});
-	return x(() => {
+	return S(() => {
 		p.start();
 		let e = () => {
 			m.connectors.refreshAfterAuthorization(), m.triggers.refreshAfterAuthorization();
@@ -3254,29 +3305,29 @@ function kt({ host: e, hrefFor: t, language: n, location: r, onLanguageChange: a
 		f,
 		p,
 		m
-	]), x(() => void p.apply(r), [r, p]), x(() => {
+	]), S(() => void p.apply(i), [i, p]), S(() => {
 		f.lang != n && f.switchLang(n);
-	}, [f, n]), /* @__PURE__ */ S(i, {
+	}, [f, n]), /* @__PURE__ */ C(r, {
 		i18n: f,
 		children: /* @__PURE__ */ se("div", {
 			className: "open-flow-workbench",
-			"data-theme": l,
-			children: [/* @__PURE__ */ S(Dt, {
+			"data-theme": u,
+			children: [/* @__PURE__ */ C(At, {
 				host: e,
 				store: m
-			}), /* @__PURE__ */ S(Ot, {
+			}), /* @__PURE__ */ C(jt, {
 				hrefFor: t,
 				language: n,
 				navigation: p,
 				onLanguageChange: a,
 				store: m,
-				theme: l
+				theme: u
 			})]
 		})
 	});
 }
-function At({ sessionKey: e, ...t }) {
-	return /* @__PURE__ */ S(kt, { ...t }, e);
+function Nt({ sessionKey: e, ...t }) {
+	return /* @__PURE__ */ C(Mt, { ...t }, e);
 }
 //#endregion
-export { At as OpenFlowWorkbench };
+export { Nt as OpenFlowWorkbench };