@oomol-lab/open-flow 0.1.0-alpha.5 → 0.1.0-alpha.7

package/dist/browser/workbench.js

@@ -1,13 +1,10 @@
 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-BlEx4FzJ.js";
-import { _ as o, a as s, c, d as l, dt as u, f as d, g as f, i as p, l as m, m as h, n as g, o as _, p as v, st as y, t as b, u as x, ut as ee, v as S, x as te, y as ne } from "./addNodeOptions-B6tOfd2Y.js";
-import { Suspense as re, lazy as ie, useEffect as C, useRef as ae, useState as oe } from "react";
-import { jsx as w, 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
-function ce(e, t) {
-	return t == null ? "design" : e == "design" && t?.draft == null && t != null ? "publications" : e;
-}
-var le = class {
+var ce = class {
 	#e;
 	#t;
 	#n;
@@ -19,12 +16,12 @@ var le = class {
 	#c;
 	constructor(e, n, r) {
 		this.#r = t("design"), this.#i = 0, this.#a = !1, this.#o = !1, this.#s = !1, this.#c = [], this.$ = { view: this.#r }, this.#l = () => {
-			this.#o && !this.#s && this.#d(this.#r.value, !0);
+			this.#o && !this.#s && this.#u(this.#r.value, !0);
 		}, this.#t = n, this.#e = r, this.#n = e, this.#r.set(n.view);
 	}
 	async start() {
 		let e = this.#t, t = ++this.#i;
-		this.#s = !0, this.#c.push(this.#n.workspace.$.projectId.reaction(this.#l), this.#n.workspace.$.targetFlow.reaction(this.#l)), await this.#n.start(e.projectId, e.flowId), !(this.#a || t != this.#i) && (this.#d(e.view, !0), this.#s = !1, this.#o = !0);
+		this.#s = !0, this.#c.push(this.#n.workspace.$.flowId.reaction(this.#l)), await this.#n.start(e.flowId), !(this.#a || t != this.#i) && (this.#u(e.view, !0), this.#s = !1, this.#o = !0);
 	}
 	dispose() {
 		this.#a = !0;
@@ -32,105 +29,65 @@ var le = class {
 		this.#r.dispose();
 	}
 	open(e) {
-		this.#i += 1, this.#s = !1, this.#d(e, !1);
+		this.#i += 1, this.#s = !1, this.#u(e, !1);
 	}
-	async createProject(e) {
+	async createFlow(e) {
 		let t = ++this.#i;
 		this.#s = !0;
 		try {
-			let n = await this.#n.createProject(e);
-			return n && t == this.#i && this.#d("design", !1), n;
+			let n = await this.#n.createFlow(e);
+			return n && t == this.#i && this.#u("design", !1), n;
 		} finally {
 			t == this.#i && (this.#s = !1);
 		}
 	}
-	async createFlow(e) {
+	async createSubflow(e) {
 		let t = ++this.#i;
 		this.#s = !0;
 		try {
-			let n = await this.#n.workspace.createResource("flow", e);
-			return n && t == this.#i && this.#d("design", !1), n;
+			let n = await this.#n.workspace.createResource(e);
+			return n && t == this.#i && this.#u("design", !1), n;
 		} finally {
 			t == this.#i && (this.#s = !1);
 		}
 	}
-	selectFlow(e) {
-		if (this.#i += 1, this.#s = !0, !this.#n.workspace.selectTarget({
-			id: e.flowId,
-			kind: "flow"
-		})) {
-			this.#s = !1;
-			return;
-		}
-		this.#n.runRequests.dismissInputs(), this.#d(e.draft == null ? "publications" : "design", !1), this.#s = !1;
-	}
-	async selectProject(e) {
+	async selectFlow(e) {
 		let t = ++this.#i;
-		this.#s = !0;
-		let n = this.#n.selectProject(e);
-		this.#d("design", !1);
-		try {
-			await n;
-		} finally {
-			t == this.#i && (this.#s = !1);
-		}
+		this.#s = !0, this.#n.runRequests.dismissInputs(), await this.#n.selectFlow(e.flowId), t == this.#i && (this.#u("design", !1), this.#s = !1);
 	}
-	openProject() {
-		if (this.#i += 1, this.#s = !0, !this.#n.workspace.selectTarget(void 0)) {
-			this.#s = !1;
-			return;
-		}
-		this.#n.runRequests.dismissInputs(), this.#d("design", !1), this.#s = !1;
+	openMainFlow() {
+		this.#n.workspace.selectTarget({ kind: "flow" }) && this.#u("design", !1);
 	}
-	async openProjects() {
+	async openFlows() {
 		let e = ++this.#i;
-		this.#s = !0;
-		let t = this.#n.start();
-		this.#d("design", !1);
-		try {
-			await t;
-		} finally {
-			e == this.#i && (this.#s = !1);
-		}
+		this.#s = !0, await this.#n.selectFlow(void 0), e == this.#i && (this.#u("design", !1), this.#s = !1);
 	}
 	async apply(e) {
-		T(e, this.#t) || (this.#t = e, await this.#u(e));
-	}
-	#l;
-	async #u(e) {
+		if (w(e, this.#t)) return;
+		this.#t = e;
 		let t = ++this.#i;
 		this.#s = !0;
 		try {
-			if (e.projectId == null) await this.#n.start();
-			else if (e.projectId != this.#n.workspace.$.projectId.value) await this.#n.selectProject(e.projectId, e.flowId);
-			else if (e.flowId == null) this.#n.workspace.selectTarget(void 0);
-			else if (e.flowId != null && e.flowId != this.#n.workspace.$.targetFlow.value?.flowId) {
-				let t = this.#n.workspace.$.flows.value.find((t) => t.flowId == e.flowId);
-				this.#n.workspace.selectTarget(t == null ? void 0 : {
-					id: t.flowId,
-					kind: "flow"
-				});
-			}
-			t == this.#i && this.#d(e.view, !0);
+			e.flowId != this.#n.workspace.$.flowId.value && await this.#n.selectFlow(e.flowId), t == this.#i && this.#u(e.view, !0);
 		} finally {
 			t == this.#i && (this.#s = !1, this.#o = !0);
 		}
 	}
-	#d(e, t) {
-		let n = this.#n.workspace.$.targetFlow.value, r = ce(e, n), i = {
-			flowId: n?.flowId,
-			projectId: this.#n.workspace.$.projectId.value,
-			view: r
+	#l;
+	#u(e, t) {
+		let n = {
+			flowId: this.#n.workspace.$.flowId.value,
+			view: e
 		};
-		T(i, this.#t) || (this.#t = i, this.#e(i, { replace: t })), this.#r.set(r);
+		w(n, this.#t) || (this.#t = n, this.#e(n, { replace: t })), this.#r.set(e);
 	}
 };
-function T(e, t) {
-	return e.projectId == t.projectId && e.flowId == t.flowId && e.view == t.view;
+function w(e, t) {
+	return e.flowId == t.flowId && e.view == t.view;
 }
 //#endregion
 //#region src/workbench/browser/runtime/publications/publicationStore.ts
-var E = {
+var T = {
 	activities: [],
 	activitiesLoadFailed: !1,
 	activitiesLoading: !1,
@@ -143,23 +100,23 @@ var E = {
 	loadingMore: !1,
 	publications: [],
 	publishing: !1
-}, ue = 20, de = 50;
-function D(e, t) {
-	return e?.projectId == t.projectId && e.flowId == t.flowId;
+}, le = 20, ue = 50;
+function E(e, t) {
+	return e?.flowId == t.flowId;
 }
-var fe = class {
+var de = class {
 	#e;
 	#t;
 	#n;
-	#r = new S();
-	#i = new S();
-	#a = new S();
-	#o = new S();
+	#r = new x();
+	#i = new x();
+	#a = new x();
+	#o = new x();
 	#s;
-	#c = t(E);
+	#c = t(T);
 	#l;
 	#u;
-	constructor(t, n, r, i = () => crypto.randomUUID(), a = y()) {
+	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),
@@ -191,35 +148,32 @@ var fe = class {
 		this.#c.dispose();
 	}
 	reset() {
-		this.#r.invalidate(), this.#i.invalidate(), this.#a.invalidate(), this.#o.invalidate(), this.#u = void 0, this.#c.set(E);
+		this.#r.invalidate(), this.#i.invalidate(), this.#a.invalidate(), this.#o.invalidate(), this.#u = void 0, this.#c.set(T);
 	}
-	async load(e, t) {
-		let n = {
-			flowId: t,
-			projectId: e
-		}, r = this.#r.begin();
-		D(this.#c.value.target, n) || (this.#u = void 0), this.#s(void 0), this.#c.set({
-			...E,
+	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,
 			loading: !0,
-			target: n
+			target: t
 		});
 		try {
-			let [e, t, i] = await this.#p(n);
-			if (!r()) return;
+			let [e, r, i] = await this.#p(t);
+			if (!n()) return;
 			this.#h({
 				bindings: i,
 				live: e,
 				loading: !1,
-				nextCursor: t.nextCursor,
-				publications: t.publications,
-				total: t.total
+				nextCursor: r.nextCursor,
+				publications: r.publications,
+				total: r.total
 			});
 		} catch (e) {
-			if (!r()) return;
+			if (!n()) return;
 			this.#h({
 				loadFailed: !0,
 				loading: !1
-			}), this.#s(o(e, this.#n.t));
+			}), this.#s(u(e, this.#n.t));
 		}
 	}
 	async loadMore() {
@@ -231,9 +185,9 @@ var fe = class {
 			loadingMore: !0
 		});
 		try {
-			let e = await this.#e.listPublications(n.projectId, n.flowId, {
+			let e = await this.#e.listPublications(n.flowId, {
 				cursor: t,
-				limit: de
+				limit: ue
 			});
 			if (!r()) return;
 			let i = new Set(this.#c.value.publications.map((e) => e.publicationId));
@@ -248,58 +202,53 @@ var fe = class {
 			this.#h({
 				loadMoreFailed: !0,
 				loadingMore: !1
-			}), this.#s(o(e, this.#n.t));
+			}), this.#s(u(e, this.#n.t));
 		}
 	}
 	async publish() {
-		let e = this.#l.$.projectId.value, t = this.#l.$.targetFlow.value;
-		if (e == null || t?.draft == null || this.#c.value.changingTriggerId != null || this.#c.value.publishing || this.#c.value.rollingBackPublicationId != null) return !1;
-		let n = {
-			flowId: t.flowId,
-			projectId: e
-		}, r = t.live?.publication.publicationId ?? null, i = JSON.stringify({
+		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({
 			expectedLivePublicationId: r,
-			flowId: t.flowId,
+			flowId: e.flowId,
 			kind: "publish",
-			projectId: e,
-			revisionId: t.draft.revisionId
+			revisionId: t.revisionId
 		}), a = this.#u?.signature == i ? this.#u : {
 			key: this.#t(),
 			signature: i
-		}, s = this.#i.begin();
+		}, o = this.#i.begin();
 		this.#u = a, this.#s(void 0), this.#m(n, { publishing: !0 });
 		try {
-			return await this.#e.publishFlow(e, t.draft.revisionId, t.flowId, r, { idempotencyKey: a.key }), !s() || (await this.#d(n), !s()) ? !1 : (this.#u = void 0, this.#s({
+			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: t.draft.name })
+				message: this.#n.t("notice.published", { name: e.name })
 			}), !0);
 		} catch (e) {
-			return s() ? (e instanceof u && e.code == "live.conflict" && await this.#f(n), this.#s(o(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 {
-			s() && this.#h({ publishing: !1 });
+			o() && this.#h({ 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.projectId != r.projectId || e.flowId != r.flowId) return !1;
+		if (r == null || i == null || this.#c.value.changingTriggerId != null || n != null || this.#c.value.publishing || e.flowId != r.flowId) return !1;
 		let a = JSON.stringify({
 			currentPublicationId: i,
 			flowId: r.flowId,
 			kind: "rollback",
-			projectId: r.projectId,
 			targetPublicationId: e.publicationId
-		}), s = this.#u?.signature == a ? this.#u : {
+		}), o = this.#u?.signature == a ? this.#u : {
 			key: this.#t(),
 			signature: a
 		}, c = this.#i.begin();
-		this.#u = s, this.#s(void 0), this.#h({ rollingBackPublicationId: e.publicationId });
+		this.#u = o, this.#s(void 0), this.#h({ rollingBackPublicationId: e.publicationId });
 		try {
-			return await this.#e.rollbackFlow(r.projectId, r.flowId, e.publicationId, i, { idempotencyKey: s.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 }), !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 c() ? (e instanceof u && e.code == "live.conflict" && await this.#f(r), this.#s(o(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 {
 			c() && this.#h({ rollingBackPublicationId: void 0 });
 		}
@@ -334,13 +283,13 @@ var fe = class {
 			testingTriggerId: void 0,
 			testResult: void 0
 		});
-		let [r, i] = await Promise.allSettled([this.#e.getFlowTriggerBinding(t.projectId, t.flowId, e), this.#e.listFlowTriggerActivities(t.projectId, t.flowId, e, { limit: ue })]);
+		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(o(r.reason, this.#n.t));
+				}), this.#s(u(r.reason, this.#n.t));
 				return;
 			}
 			this.#h({
@@ -354,7 +303,7 @@ var fe = class {
 			}) : (this.#h({
 				activitiesLoadFailed: !0,
 				activitiesLoading: !1
-			}), this.#s(o(i.reason, this.#n.t)));
+			}), this.#s(u(i.reason, this.#n.t)));
 		}
 	}
 	async loadMoreTriggerActivities() {
@@ -366,9 +315,9 @@ var fe = class {
 			activitiesLoadingMore: !0
 		});
 		try {
-			let e = await this.#e.listFlowTriggerActivities(r.projectId, r.flowId, n, {
+			let e = await this.#e.listFlowTriggerActivities(r.flowId, n, {
 				cursor: t,
-				limit: ue
+				limit: le
 			});
 			if (!i() || this.#c.value.selectedTriggerId != n) return;
 			let a = new Set(this.#c.value.activities.map((e) => e.activityId));
@@ -383,7 +332,7 @@ var fe = class {
 			this.#h({
 				activitiesLoadFailed: !0,
 				activitiesLoadingMore: !1
-			}), this.#s(o(e, this.#n.t));
+			}), this.#s(u(e, this.#n.t));
 		}
 	}
 	async testTrigger() {
@@ -395,10 +344,10 @@ var fe = class {
 			testResult: void 0
 		});
 		try {
-			let e = await this.#e.testFlowPollTrigger(n.projectId, n.flowId, t);
+			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(o(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 });
 		}
@@ -409,21 +358,21 @@ var fe = class {
 		let n = this.#i.begin();
 		this.#h({ changingTriggerId: e.triggerNodeId });
 		try {
-			if (e.operatorState == "active" ? await this.#e.pauseFlowTrigger(t.projectId, t.flowId, e.triggerNodeId) : await this.#e.resumeFlowTrigger(t.projectId, t.flowId, e.triggerNodeId), !n()) return !1;
-			let r = await this.#e.listFlowTriggerBindings(t.projectId, t.flowId);
+			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({
 				kind: "success",
 				message: this.#n.t(e.operatorState == "active" ? "notice.triggerPaused" : "notice.triggerResumed")
 			}), !0) : !1;
 		} catch (e) {
-			return n() && this.#s(o(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);
-		await this.#l.refreshFlows(), D(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,
@@ -441,17 +390,17 @@ var fe = class {
 	}
 	async #p(e) {
 		return await Promise.all([
-			this.#e.getLive(e.projectId, e.flowId),
-			this.#e.listPublications(e.projectId, e.flowId, {
+			this.#e.getLive(e.flowId),
+			this.#e.listPublications(e.flowId, {
 				includeTotal: !0,
-				limit: de
+				limit: ue
 			}),
-			this.#e.listFlowTriggerBindings(e.projectId, e.flowId)
+			this.#e.listFlowTriggerBindings(e.flowId)
 		]);
 	}
 	#m(e, t) {
-		D(this.#c.value.target, e) ? this.#h(t) : this.#c.set({
-			...E,
+		E(this.#c.value.target, e) ? this.#h(t) : this.#c.set({
+			...T,
 			...t,
 			target: e
 		});
@@ -462,25 +411,22 @@ var fe = class {
 			...e
 		});
 	}
-}, O = { starting: !1 };
+}, 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 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 he(e, t, n) {
-	let { FlowRunInputEditorStore: r } = await import("./flowRunInputEditorStore-DXOyyY7o.js").then((e) => e.n), i = f(e), a = i.graph({
-		id: t,
-		kind: "flow"
-	});
-	return a == null ? [] : Object.entries(a.nodes).toSorted(([e], [t]) => e.localeCompare(t)).flatMap(([e, t]) => {
-		let a = i.resolveNode(e, t);
+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(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,
@@ -488,7 +434,7 @@ async function he(e, t, n) {
 			nullable: t.nullable
 		}, t.description == null ? {} : { description: t.description }));
 		return o.length == 0 ? [] : [{
-			editor: new r(o, n),
+			editor: new n(o, t),
 			nodeId: e,
 			title: me(a)
 		}];
@@ -498,13 +444,13 @@ var ge = class {
 	#e;
 	#t;
 	#n;
-	#r = new S();
-	#i = new S();
+	#r = new x();
+	#i = new x();
 	#a;
 	#o;
-	#s = t(O);
+	#s = t(fe);
 	#c;
-	constructor(t, n, r, i = y(), 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),
@@ -519,25 +465,24 @@ var ge = class {
 	reset() {
 		this.#r.invalidate(), this.#i.invalidate(), this.#c = void 0;
 		let e = this.#s.value.inputRequest;
-		this.#s.set(O), this.#d(e);
+		this.#s.set(fe), this.#d(e);
 	}
-	async requestDraft(e, t, n) {
-		if (t.draft == null) return "unavailable";
-		let r = this.#i.begin();
-		return await this.#l("draft", e, t, n, t.draft.revisionId, r);
+	async requestDraft(e, t) {
+		let n = this.#i.begin();
+		return await this.#l("draft", e, t, t.revisionId, n);
 	}
-	async requestLive(e, t) {
-		let n = t.live?.publication.revisionId;
-		if (n == null) return "unavailable";
-		let r = this.#i.begin();
+	async requestLive(e) {
+		let t = this.#i.begin();
 		this.#o(void 0), this.#f({ starting: !0 });
 		try {
-			let i = await this.#e.getRevision(e, n);
-			return r() ? await this.#l("live", e, t, i, n, r) : "unavailable";
+			let n = (await this.#e.getLive(e.flowId)).publication;
+			if (n == null) return "unavailable";
+			let r = await this.#e.getRevision(e.flowId, n.revisionId);
+			return t() ? await this.#l("live", e, r, n.revisionId, t, n.publicationId) : "unavailable";
 		} catch (e) {
-			return r() && this.#o(o(e, this.#n.t)), "unavailable";
+			return t() && this.#o(u(e, this.#n.t)), "unavailable";
 		} finally {
-			r() && this.#f({ starting: !1 });
+			t() && this.#f({ starting: !1 });
 		}
 	}
 	dismissInputs() {
@@ -551,7 +496,7 @@ var ge = class {
 			...e,
 			attempted: !0
 		} }), !1;
-		let t = Object.fromEntries(e.groups.map((e) => [e.nodeId, e.editor.values()])), n = await this.#u(e.source, e.projectId, e.flow, e.revisionId, t);
+		let t = Object.fromEntries(e.groups.map((e) => [e.nodeId, e.editor.values()])), n = await this.#u(e.source, e.flow, e.revisionId, t, e.publicationId);
 		return n && this.#s.value.inputRequest === e && this.dismissInputs(), n;
 	}
 	async #l(e, t, r, i, a, o) {
@@ -563,26 +508,26 @@ var ge = class {
 		}), this.#d(s);
 		let c;
 		try {
-			c = await he(i, r.flowId, this.#n.lang$);
+			c = await he(r, this.#n.lang$);
 		} catch (e) {
-			throw o() && this.#f({
+			throw a() && this.#f({
 				starting: !1,
 				submitting: void 0
 			}), e;
 		}
-		if (!o()) {
+		if (!a()) {
 			for (let e of c) e.editor.dispose();
 			return "unavailable";
 		}
-		if (c.length == 0) return await this.#u(e, t, r, a) ? "started" : "unavailable";
+		if (c.length == 0) return await this.#u(e, t, i, {}, o) ? "started" : "unavailable";
 		let l = n((e) => c.every((t) => e(t.editor.valid$)));
 		return this.#f({
 			inputRequest: {
 				attempted: !1,
-				flow: r,
+				flow: t,
 				groups: c,
-				projectId: t,
-				revisionId: a,
+				...o == null ? {} : { publicationId: o },
+				revisionId: i,
 				source: e,
 				valid: l
 			},
@@ -590,37 +535,36 @@ var ge = class {
 			submitting: void 0
 		}), "input";
 	}
-	async #u(e, t, n, r, i = {}) {
-		if (e == "draft" && n.draft == null || e == "live" && n.live == null) return !1;
-		let a = this.#r.capture(), s = this.#a.prepareStart();
+	async #u(e, t, n, r = {}, i) {
+		if (e == "live" && i == null) return !1;
+		let a = this.#r.capture(), o = this.#a.prepareStart();
 		this.#o(void 0), this.#f({
 			starting: !0,
 			submitting: e
 		});
-		let c = e == "draft" ? {
-			flowId: n.flowId,
-			projectId: t,
-			revisionId: r
-		} : { publicationId: n.live.publication.publicationId }, l = JSON.stringify({
-			inputs: i,
+		let s = e == "draft" ? {
+			flowId: t.flowId,
+			revisionId: n
+		} : { publicationId: i }, c = JSON.stringify({
+			inputs: r,
 			source: e,
-			...c
-		}), u = this.#c?.signature == l ? this.#c : {
+			...s
+		}), l = this.#c?.signature == c ? this.#c : {
 			key: this.#t(),
-			signature: l
+			signature: c
 		};
-		this.#c = u;
+		this.#c = l;
 		try {
-			let o = e == "draft" ? await this.#e.createDraftRun(t, r, n.flowId, {
-				idempotencyKey: u.key,
-				inputs: i
-			}) : await this.#e.createLiveRun(n.live.publication.publicationId, {
-				idempotencyKey: u.key,
-				inputs: i
+			let s = e == "draft" ? await this.#e.createDraftRun(t.flowId, n, {
+				idempotencyKey: l.key,
+				inputs: r
+			}) : await this.#e.createLiveRun(i, {
+				idempotencyKey: l.key,
+				inputs: r
 			});
-			return !a() || !s() ? !1 : (this.#c = void 0, this.#a.follow(o, s));
+			return !a() || !o() ? !1 : (this.#c = void 0, this.#a.follow(s, o));
 		} catch (e) {
-			return a() && s() && this.#o(o(e, this.#n.t)), !1;
+			return a() && o() && this.#o(u(e, this.#n.t)), !1;
 		} finally {
 			a() && this.#f({
 				starting: !1,
@@ -640,18 +584,18 @@ var ge = class {
 			...e
 		});
 	}
-}, k = {
+}, D = {
 	actions: {},
 	catalogs: {}
 };
-function A(e) {
+function O(e) {
 	return Object.entries(e).map(([e, t]) => ({
 		description: t.description,
 		handle: e,
 		jsonSchema: t.jsonSchema
 	}));
 }
-function j(e, t) {
+function k(e, t) {
 	return {
 		connector: e,
 		description: e.defaultConnection == null ? t("addNode.connectorNeedsConnection", {
@@ -661,10 +605,10 @@ function j(e, t) {
 		group: t("addNode.connectorActions"),
 		icon: e.icon ?? ":carbon:connection-signal:",
 		id: `connector:${e.actionId}`,
-		inputs: A(e.inputs),
+		inputs: O(e.inputs),
 		kind: "connector",
 		label: e.name,
-		outputs: A(e.outputs)
+		outputs: O(e.outputs)
 	};
 }
 function _e(e, t) {
@@ -675,7 +619,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 = j(e, t);
+			let n = k(e, t);
 			return {
 				description: n.description,
 				label: n.label,
@@ -710,7 +654,7 @@ function ve(e, t) {
 		serviceId: e.serviceId
 	};
 }
-function ye(e) {
+function A(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 {
@@ -720,7 +664,7 @@ function ye(e) {
 		taskId: e.node.taskId
 	};
 }
-var be = class {
+var ye = class {
 	#e;
 	#t;
 	#n;
@@ -735,33 +679,33 @@ var be = class {
 	#d;
 	#f;
 	#p;
-	constructor(r, i, a, o, s = y()) {
-		this.#r = /* @__PURE__ */ new Map(), this.#i = /* @__PURE__ */ new Set(), this.#a = new S(), this.#l = t(k), 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.$.projectId.value;
+			let t = this.#u.$.flowId.value;
 			if (t == null) return;
-			let n = this.#f ?? await this.#e.listConnectorProviders(t, e);
-			if (!(e.aborted || this.#p || t != this.#u.$.projectId.value)) return this.#f = n, n.toSorted((e, t) => e.serviceName.localeCompare(t.serviceName)).map((e) => ve(e, this.#t.t));
+			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));
 		}, this.provideAddNodeOptionChoices = async (e, t) => {
 			if (this.#p) return;
-			let n = this.#u.$.projectId.value, r = this.#f?.find((t) => `connector-provider:${t.serviceId}` == e);
+			let n = this.#u.$.flowId.value, r = this.#f?.find((t) => `connector-provider:${t.serviceId}` == e);
 			if (n == null || r == null) return;
-			let i = this.#r.get(r.serviceId) ?? await this.#e.listConnectorActions(n, r.serviceId, t);
-			if (t.aborted || this.#p || n != this.#u.$.projectId.value) 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 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,
 				...Object.fromEntries(a.map((e) => [e.actionId, e]))
-			} }), a.map((e) => j(e, this.#t.t));
+			} }), a.map((e) => k(e, this.#t.t));
 		}, this.provideAddNodeOptions = async (e, t) => {
 			if (this.#p) return;
-			let n = this.#u.$.projectId.value;
+			let n = this.#u.$.flowId.value;
 			if (n == null) return;
-			let r = e.trim(), i = r.length == 0 ? Object.values(this.#l.value.actions) : await this.#e.searchConnectorActions(n, r, t);
-			if (t.aborted || this.#p || n != this.#u.$.projectId.value) 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 };
 			for (let e of i) a[e.actionId] = e;
-			if (this.#v({ actions: a }), r.length != 0) return i.map((e) => j(e, this.#t.t));
+			if (this.#v({ actions: a }), r.length != 0) return i.map((e) => k(e, this.#t.t));
 			let o = new Map(i.map((e) => [e.actionId, e]));
 			for (let e of this.#u.$.revision.value?.connectorActionIds ?? []) {
 				let t = a[e];
@@ -769,9 +713,9 @@ var be = class {
 			}
 			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), l = e(this.#l, (e) => e.catalogs);
+		let c = e(this.#l, (e) => e.actions), u = e(this.#l, (e) => e.catalogs);
 		this.#s = n((e) => {
-			let t = ye(e(i.$.selection)), n = e(this.#l);
+			let t = A(e(i.$.selection)), n = e(this.#l);
 			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), {
@@ -785,7 +729,7 @@ var be = class {
 		}), this.$ = {
 			actionLoading: e(this.#l, (e) => e.actionLoading),
 			actions: c,
-			catalogs: l,
+			catalogs: u,
 			connectionLoading: e(this.#l, (e) => e.connectionLoading),
 			selectedAction: e(this.#s, (e) => e.action),
 			selectedActionError: e(this.#s, (e) => e.actionError),
@@ -801,11 +745,11 @@ var be = class {
 		this.#s.dispose(), this.#l.dispose();
 	}
 	reset() {
-		this.#p || (this.#a.invalidate(), this.#d = void 0, this.#r.clear(), this.#f = void 0, this.#i.clear(), this.#l.set(k));
+		this.#p || (this.#a.invalidate(), this.#d = void 0, this.#r.clear(), this.#f = void 0, this.#i.clear(), this.#l.set(D));
 	}
 	async refresh(e = !1) {
 		if (this.#p) return;
-		let t = this.#a.begin(), n = this.#u.$.projectId.value, r = ye(this.#u.$.selection.value);
+		let t = this.#a.begin(), n = this.#u.$.flowId.value, r = A(this.#u.$.selection.value);
 		if (n == null || r == null) {
 			(this.#l.value.actionLoading != null || this.#l.value.connectionLoading != null) && this.#v({
 				actionLoading: void 0,
@@ -820,7 +764,7 @@ var be = class {
 			connectionLoading: void 0
 		});
 		try {
-			let i = await this.#m(n, r.actionId, e);
+			let i = await this.#m(r.actionId, e);
 			if (!this.#y(t, n)) return;
 			this.#v({ actions: {
 				...this.#l.value.actions,
@@ -829,7 +773,7 @@ var be = class {
 		} catch (e) {
 			this.#y(t, n) && this.#v({ actionError: {
 				actionId: r.actionId,
-				message: o(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 });
@@ -837,24 +781,24 @@ var be = class {
 	}
 	async connect(e) {
 		if (this.#p) return;
-		let t = this.#u.$.projectId.value;
+		let t = this.#u.$.flowId.value;
 		if (t == null) return;
 		let n = this.#l.value.catalogs[e];
 		try {
-			if (!await this.#n.openExternalPage(() => this.#e.createConnectorConnectionPage(t, e))) {
+			if (!await this.#n.openExternalPage(() => this.#e.createConnectorConnectionPage(e))) {
 				this.#c({
 					kind: "error",
 					message: this.#t.t("notice.connectionPopupBlocked")
 				});
 				return;
 			}
-			if (this.#p || t != this.#u.$.projectId.value) return;
+			if (this.#p || t != this.#u.$.flowId.value) return;
 			this.#d = {
 				connectionIds: new Set(n?.all.map((e) => e.connectionId)),
 				serviceId: e
 			}, this.#v({ authorizationServiceId: e });
 		} catch (e) {
-			this.#p || this.#c(o(e, this.#t.t));
+			this.#p || this.#c(u(e, this.#t.t));
 		}
 	}
 	async setConnection(e, t) {
@@ -865,9 +809,9 @@ var be = class {
 		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);
 	}
-	async #m(e, t, n) {
-		let r = this.#l.value.actions[t];
-		return !n && r != null ? r : await this.#e.getConnectorAction(e, t);
+	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, n, r, i) {
 		this.#v({ connectionLoading: n });
@@ -884,20 +828,20 @@ var be = class {
 		if (!n && i != null) return i;
 		let a;
 		try {
-			a = await this.#e.listConnectorConnections(e, t);
+			a = await this.#e.listConnectorConnections(t);
 		} catch (n) {
 			this.#y(r, e) && this.#v({ connectionError: {
-				message: o(n, this.#t.t).message,
+				message: u(n, this.#t.t).message,
 				serviceId: t
 			} });
 			return;
 		}
 		if (!this.#y(r, e)) return;
-		let c = s(a);
+		let o = d(a);
 		return this.#v({ catalogs: {
 			...this.#l.value.catalogs,
-			[t]: c
-		} }), c;
+			[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);
@@ -910,17 +854,17 @@ var be = class {
 		});
 	}
 	#y(e, t) {
-		return !this.#p && e() && t == this.#u.$.projectId.value;
+		return !this.#p && e() && t == this.#u.$.flowId.value;
 	}
 	async #b() {
 		if (this.#p) return;
-		let e = this.#a.capture(), t = this.#u.$.projectId.value, n = this.#u.$.revision.value;
+		let e = this.#a.capture(), t = this.#u.$.flowId.value, n = this.#u.$.revision.value;
 		if (t == null || n == null) return;
 		let r = [...n.connectorActionIds].filter((e) => this.#l.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(t, e)));
+				let n = await Promise.all(r.map((e) => this.#e.getConnectorAction(e)));
 				if (!this.#y(e, t)) return;
 				let i = { ...this.#l.value.actions };
 				for (let e of n) i[e.actionId] = e;
@@ -932,8 +876,8 @@ var be = class {
 			}
 		}
 	}
-}, M = { catalogs: {} }, N = 4, P = "trigger:";
-function F(e, t) {
+}, j = { catalogs: {} }, M = 4, N = "trigger:";
+function P(e, t) {
 	if (e?.kind != "trigger") return;
 	let n = e.trigger;
 	if (n.kind != "poll" && n.kind != "integration") return;
@@ -944,7 +888,7 @@ function F(e, t) {
 		triggerId: e.id
 	};
 }
-function I(e, t, n, r) {
+function F(e, t, n, r) {
 	return {
 		description: n,
 		group: r,
@@ -963,12 +907,12 @@ function I(e, t, n, r) {
 		}
 	};
 }
-function xe(e, t) {
+function I(e, t) {
 	return {
 		choices: [],
 		description: t.t("addNode.triggerChooseConnection"),
 		group: t.t("addNode.triggers"),
-		id: `${P}${e.key}`,
+		id: `${N}${e.key}`,
 		inputs: [],
 		kind: "trigger",
 		label: e.displayName,
@@ -977,10 +921,10 @@ function xe(e, t) {
 }
 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) => I(e, t.connectionId, t.displayName, r)) : [{
+	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: `${P}${e.key}:connect`,
+		id: `${N}${e.key}:connect`,
 		inputs: [],
 		kind: "trigger",
 		label: n.t("addNode.triggerAddConnection"),
@@ -989,12 +933,12 @@ function L(e, t, n) {
 			kind: "connect",
 			provider: e.provider
 		}
-	}] : [I(e, i.connectionId, i.displayName, r)];
+	}] : [F(e, i.connectionId, i.displayName, r)];
 }
-function Se(e, t, n) {
+function be(e, t, n) {
 	let r = t.preferred;
-	if (r != null) return I(e, r.connectionId, r.displayName, n.t("addNode.triggers"));
-	let i = xe(e, n), a = L(e, t, n);
+	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,
@@ -1009,7 +953,7 @@ function Se(e, t, n) {
 		}))
 	};
 }
-var Ce = class {
+var xe = class {
 	#e;
 	#t;
 	#n;
@@ -1021,19 +965,19 @@ var Ce = class {
 	#c;
 	#l;
 	#u;
-	constructor(r, i, a, o, c = y()) {
-		this.#t = new AbortController(), this.#a = new S(), this.#c = t(M), this.#u = !1, this.browseAddNodeOptions = async (e) => {
-			let t = this.#l.$.projectId.value;
+	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.$.projectId.value)) return [...n.values()].map((e) => xe(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.$.projectId.value;
+			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.$.projectId.value) return;
+			if (t.aborted || this.#u || n != this.#l.$.flowId.value) return;
 			let a = [...i.values()].filter((e) => [
 				e.description,
 				e.displayName,
@@ -1042,31 +986,31 @@ var Ce = class {
 				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 += N) {
-				let r = await Promise.all(o.slice(e, e + N).map(async (e) => [e, s(await this.#n.listConnectorConnections(n, e, t))]));
-				if (t.aborted || this.#u || n != this.#l.$.projectId.value) return;
+			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) => Se(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.$.projectId.value, r = e.startsWith(P) ? e.slice(8) : void 0;
+			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.$.projectId.value || i == null) return;
+			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(n, i.provider, t)), t.aborted || this.#u || n != this.#l.$.projectId.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 L(i, a, this.#i);
-		}, this.#n = r, this.#r = o, this.#i = c, this.#s = a, this.#l = i, this.#o = n((e) => {
-			let t = e(i.$.selection), n = F(t, i), r = e(this.#c);
+		}, 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;
 			if (a.kind != "poll" && a.kind != "integration") return { authorizationPending: !1 };
@@ -1093,10 +1037,10 @@ var Ce = 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(M));
+		this.#u || (this.#t.abort(), this.#t = new AbortController(), this.#e = void 0, this.#a.invalidate(), this.#c.set(j));
 	}
 	async refresh(e = !1) {
-		let t = this.#a.begin(), n = this.#l.$.projectId.value, r = F(this.#l.$.selection.value, this.#l);
+		let t = this.#a.begin(), n = this.#l.$.flowId.value, r = P(this.#l.$.selection.value, this.#l);
 		if (!this.#u) {
 			if (n == null || r == null) {
 				this.#c.value.connectionLoading != null && this.#f({ connectionLoading: void 0 });
@@ -1108,7 +1052,7 @@ var Ce = class {
 					connectionLoading: r.provider
 				});
 				try {
-					let e = s(await this.#n.listConnectorConnections(n, r.provider));
+					let e = d(await this.#n.listConnectorConnections(r.provider));
 					if (!this.#p(t, n)) return;
 					this.#f({ catalogs: {
 						...this.#c.value.catalogs,
@@ -1116,7 +1060,7 @@ var Ce = class {
 					} });
 				} catch (e) {
 					this.#p(t, n) && this.#f({ connectionError: {
-						message: o(e, this.#i.t).message,
+						message: u(e, this.#i.t).message,
 						provider: r.provider
 					} });
 				} finally {
@@ -1126,18 +1070,18 @@ var Ce = class {
 		}
 	}
 	async connect(e) {
-		let t = this.#l.$.projectId.value;
+		let t = this.#l.$.flowId.value;
 		if (!(this.#u || t == null)) try {
-			if (!await this.#r.openExternalPage(() => this.#n.createConnectorConnectionPage(t, e))) {
+			if (!await this.#r.openExternalPage(() => this.#n.createConnectorConnectionPage(e))) {
 				this.#s({
 					kind: "error",
 					message: this.#i.t("notice.connectionPopupBlocked")
 				});
 				return;
 			}
-			!this.#u && t == this.#l.$.projectId.value && this.#f({ authorizationProvider: e });
+			!this.#u && t == this.#l.$.flowId.value && this.#f({ authorizationProvider: e });
 		} catch (e) {
-			this.#u || this.#s(o(e, this.#i.t));
+			this.#u || this.#s(u(e, this.#i.t));
 		}
 	}
 	async setConnection(e, t) {
@@ -1153,7 +1097,7 @@ var Ce = class {
 		delete t[e], this.#f({
 			authorizationProvider: void 0,
 			catalogs: t
-		}), F(this.#l.$.selection.value, this.#l)?.provider == e && await this.refresh(!0);
+		}), P(this.#l.$.selection.value, this.#l)?.provider == e && await this.refresh(!0);
 	}
 	#d() {
 		if (this.#e != null) return this.#e;
@@ -1169,11 +1113,11 @@ var Ce = class {
 		});
 	}
 	#p(e, t) {
-		return !this.#u && e() && t == this.#l.$.projectId.value;
+		return !this.#u && e() && t == this.#l.$.flowId.value;
 	}
 };
 //#endregion
-//#region src/project/common/edgeChanges.ts
+//#region src/flow/common/edgeChanges.ts
 function R(e, t, n) {
 	let r = {
 		source: n.source,
@@ -1187,7 +1131,7 @@ function R(e, t, n) {
 		target: t
 	}];
 }
-function we(e, t, n) {
+function Se(e, t, n) {
 	let r = {
 		source: n.source,
 		sourceHandle: n.sourceHandle,
@@ -1201,36 +1145,11 @@ function we(e, t, n) {
 	}];
 }
 function z(e, t) {
-	return t.kind == "flow" ? e.document.flows[t.id]?.graph : e.document.subflows[t.id]?.graph;
-}
-//#endregion
-//#region src/project/common/flowChanges.ts
-function Te(e, t) {
-	return [{
-		flow: {
-			graph: { nodes: {} },
-			name: t
-		},
-		flowId: e,
-		kind: "flow.create"
-	}];
-}
-function Ee(e, t) {
-	return [{
-		flowId: e,
-		kind: "flow.rename",
-		name: t
-	}];
-}
-function De(e) {
-	return [{
-		flowId: e,
-		kind: "flow.delete"
-	}];
+	return t.kind == "flow" ? e.document.graph : e.document.subflows[t.id]?.graph;
 }
 //#endregion
-//#region src/project/common/moduleChanges.ts
-async function Oe(e) {
+//#region src/flow/common/moduleChanges.ts
+async function Ce(e) {
 	try {
 		let { parse: t } = await import("./lib-GrGxYjsJ.js"), n = t(e, {
 			errorRecovery: !0,
@@ -1246,7 +1165,7 @@ async function Oe(e) {
 		return [];
 	}
 }
-function ke(e, t, n) {
+function we(e, t, n) {
 	return [{
 		imports: n,
 		kind: "module.source.replace",
@@ -1255,20 +1174,22 @@ function ke(e, t, n) {
 	}];
 }
 //#endregion
-//#region src/project/common/nodeChanges.ts
-function Ae(e, t, n, r = {
+//#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: { value: {
+	inputs: [{
+		handle: "value",
 		jsonSchema: {},
 		nullable: !0,
 		value: null
-	} },
-	outputs: { result: {
+	}],
+	outputs: [{
+		handle: "result",
 		jsonSchema: {},
 		nullable: !0
-	} }
+	}]
 }) {
 	return [{
 		kind: "module.create",
@@ -1313,15 +1234,16 @@ function B(e, t, n) {
 		target: e
 	}];
 }
-function je(e, t, n, r, i, a = {}) {
+function Ee(e, t, n, r, i, a = {}) {
 	let o = a.inputs ?? {};
 	return B(e, t, {
 		executor: {
 			kind: "llm",
 			mode: r
 		},
-		inputs: {
-			messages: {
+		inputs: [
+			{
+				handle: "messages",
 				jsonSchema: {
 					items: { type: "object" },
 					type: "array"
@@ -1329,12 +1251,14 @@ function je(e, t, n, r, i, a = {}) {
 				nullable: !0,
 				value: W(o, "messages", null)
 			},
-			input: {
+			{
+				handle: "input",
 				jsonSchema: { type: "string" },
 				nullable: !1,
 				value: W(o, "input", "Alex")
 			},
-			template: {
+			{
+				handle: "template",
 				jsonSchema: {
 					items: { type: "object" },
 					minItems: 1,
@@ -1346,21 +1270,24 @@ function je(e, t, n, r, i, a = {}) {
 					role: "user"
 				}])
 			},
-			model: {
+			{
+				handle: "model",
 				jsonSchema: { type: "object" },
 				nullable: !1,
 				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 Me(e, t, n) {
+function De(e, t, n) {
 	return [{
 		kind: "graph.node.create",
 		node: {
@@ -1391,7 +1318,7 @@ function Me(e, t, n) {
 		target: e
 	}];
 }
-function Ne(e, t, n) {
+function Oe(e, t, n) {
 	return [{
 		kind: "graph.node.create",
 		node: {
@@ -1399,11 +1326,12 @@ function Ne(e, t, n) {
 			inputs: {},
 			kind: "value",
 			name: n,
-			values: { value: {
+			values: [{
+				handle: "value",
 				jsonSchema: {},
 				nullable: !0,
 				value: null
-			} }
+			}]
 		},
 		nodeId: t,
 		target: e
@@ -1417,7 +1345,7 @@ function V(e, t, n) {
 		target: e
 	}];
 }
-function Pe(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,
@@ -1450,7 +1378,7 @@ function Pe(e, t, n, r) {
 		target: e
 	}];
 }
-function Fe(e, t, n) {
+function Ae(e, t, n) {
 	let r = H(e, t)?.nodes;
 	if (r == null) return [];
 	let i = new Set(n), a = n.flatMap((e) => {
@@ -1469,13 +1397,13 @@ function Fe(e, t, n) {
 		let t = r[e];
 		return t?.kind == "poll" || t?.kind == "integration" ? [t.bindingId] : [];
 	}));
-	for (let n of o) Object.entries(e.document.flows).some(([e, r]) => Object.entries(r.graph.nodes).some(([r, a]) => !(e == t.id && i.has(r)) && (a.kind == "poll" || a.kind == "integration") && a.bindingId == n)) || a.push({
-		bindingId: n,
+	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 Ie(e, t, n, r) {
+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;
@@ -1484,10 +1412,10 @@ function Ie(e, t, n, r) {
 		...r
 	});
 }
-function Le(e, t, n, r, i) {
-	return Re(e, t, n, { [r]: i });
+function Me(e, t, n, r, i) {
+	return Ne(e, t, n, { [r]: i });
 }
-function Re(e, t, n, r) {
+function Ne(e, t, n, r) {
 	let i = H(e, t)?.nodes[n];
 	if (i == null || !("inputs" in i)) return;
 	let a = { ...i.inputs };
@@ -1500,7 +1428,7 @@ function Re(e, t, n, r) {
 		inputs: a
 	});
 }
-function ze(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",
@@ -1514,11 +1442,12 @@ function ze(e, t, n) {
 		taskId: t
 	}];
 }
-function Be(e, t, n, r) {
-	let i = e.document.flows[t.id]?.graph.nodes[n];
+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) {
@@ -1562,8 +1491,8 @@ function Be(e, t, n, r) {
 	}
 	return G(t, n, o);
 }
-function Ve(e, t, n, r, i) {
-	let a = e.document.flows[t.id]?.graph.nodes[n];
+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, {
@@ -1571,8 +1500,8 @@ function Ve(e, t, n, r, i) {
 		config: o
 	});
 }
-function He(e, t, n, r) {
-	let i = e.document.flows[t.id]?.graph.nodes[n];
+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,
@@ -1587,8 +1516,8 @@ function He(e, t, n, r) {
 		default: return;
 	}
 }
-function Ue(e, t, n, r) {
-	let i = e.document.flows[t.id]?.graph.nodes[n];
+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",
@@ -1599,12 +1528,12 @@ function Ue(e, t, n, r) {
 	}];
 }
 function H(e, t) {
-	return t.kind == "flow" ? e.document.flows[t.id]?.graph : e.document.subflows[t.id]?.graph;
+	return t.kind == "flow" ? e.document.graph : e.document.subflows[t.id]?.graph;
 }
 function U(e) {
-	return Object.fromEntries(Object.entries(e).flatMap(([e, t]) => Object.hasOwn(t, "value") ? [[e, {
+	return Object.fromEntries(e.flatMap((e) => Object.hasOwn(e, "value") ? [[e.handle, {
 		kind: "value",
-		value: t.value
+		value: e.value
 	}]] : []));
 }
 function W(e, t, n) {
@@ -1619,106 +1548,45 @@ function G(e, t, n) {
 	}];
 }
 //#endregion
-//#region src/workbench/browser/runtime/designer/diagnostics.ts
+//#region src/workbench/browser/runtime/designer/flowChanges.ts
 function K(e, t) {
-	return t == e || t.startsWith(`${e}/`);
-}
-function We(e, t) {
-	return t.kind == "flow" ? t.id : e.flowIdsUsingSubflow(t.id)[0];
-}
-function Ge(e, t, n, r) {
-	if (e == null || t == null || n == null) return [];
-	if (r != null) return Xe(t, r, n.diagnostics);
-	let i = `/document/${t.kind == "flow" ? "flows" : "subflows"}/${t.id}`;
-	return n.diagnostics.filter((e) => K(i, e.path));
-}
-function Ke(e) {
-	return e.startsWith("/modules/") ? "code" : /\/graph\/nodes\/[^/]+\/task(?:\/|$)/.test(e) ? "task" : e.includes("/graph/nodes/") ? "node" : e.startsWith("/document/tasks/") ? "task" : e.startsWith("/document/flows/") ? "flow" : "project";
-}
-function qe(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 Je(e, t, n) {
-	if (e == null || t == null) return;
-	let r = `/document/${t.kind == "flow" ? "flows" : "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: qe(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 Ye(e, t, n) {
-	return n?.diagnostics.map((n) => ({
-		diagnostic: n,
-		location: Je(e, t, n),
-		scope: Ke(n.path)
-	})) ?? [];
-}
-function Xe(e, t, n) {
-	let r = `/document/${e.kind == "flow" ? "flows" : "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) => K(t, e.path)));
-}
-//#endregion
-//#region src/workbench/browser/runtime/designer/projectChanges.ts
-function q(e, t) {
 	return {
 		...e,
-		content: r(e.content, t)
+		content: i(e.content, t)
 	};
 }
-function Ze(e, t, n) {
-	return e == "flow" ? Te(t, n) : [{
+function ze(e, t) {
+	return [{
 		kind: "subflow.create",
 		subflow: {
 			graph: { nodes: {} },
-			inputs: { value: {
+			inputs: [{
+				handle: "value",
 				jsonSchema: {},
 				nullable: !0,
 				value: null
-			} },
-			name: n,
-			outputs: { result: {
+			}],
+			name: t,
+			outputs: [{
+				handle: "result",
 				jsonSchema: {},
 				nullable: !0,
 				sources: [{
 					input: "value",
 					kind: "flow"
 				}]
-			} }
+			}]
 		},
-		subflowId: t
+		subflowId: e
 	}];
 }
-function Qe(e, t, n, r, i) {
+function Be(e, t, n, r, i) {
 	switch (r.kind) {
-		case "code": return Ae(t, {
+		case "code": return Te(t, {
 			moduleId: i(),
 			nodeId: n
 		}, r.name);
-		case "llm": return je(t, {
+		case "llm": return Ee(t, {
 			nodeId: n,
 			taskId: i()
 		}, r.name, r.mode, r.outputDescription);
@@ -1731,15 +1599,15 @@ function Qe(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 Me(t, n, r.name);
-		case "value": return Ne(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 : dt(t, n, r.subflowId, i.inputs);
+			return i == null ? void 0 : tt(t, n, r.subflowId, i.inputs);
 		}
 		case "webhook": return t.kind == "flow" ? V(t, n, {
 			inputsDef: [],
@@ -1755,7 +1623,7 @@ function Qe(e, t, n, r, i) {
 			kind: "cron",
 			name: r.name
 		}) : void 0;
-		case "provider-trigger": return t.kind == "flow" ? Pe(t, {
+		case "provider-trigger": return t.kind == "flow" ? ke(t, {
 			bindingId: i(),
 			nodeId: n
 		}, r.definition, {
@@ -1764,10 +1632,10 @@ function Qe(e, t, n, r, i) {
 		}) : void 0;
 	}
 }
-function $e(e, t, n) {
-	return Fe(e.revision.content, t, n);
+function Ve(e, t, n) {
+	return Ae(e.revision.content, t, n);
 }
-function et(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) => {
@@ -1778,7 +1646,7 @@ function et(e, t, n) {
 		nodes: i
 	};
 }
-function tt(e, t, n, r) {
+function Ue(e, t, n, r) {
 	if (e.graph(t) == null) return {
 		changes: [],
 		nodeIds: [],
@@ -1878,25 +1746,47 @@ function tt(e, t, n, r) {
 		sourceIds: a
 	};
 }
-function nt(e, t, n, r) {
-	return Ie(e.revision.content, t, n, r);
+function We(e, t, n, r) {
+	return je(e.revision.content, t, n, r);
 }
-function rt(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 X(t, n, r == null ? o : {
+	return Y(t, n, r == null ? o : {
 		...o,
 		description: r
 	});
 }
-function it(e, t, n, r, i) {
-	return Le(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 at(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 = J(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 };
@@ -1941,68 +1831,69 @@ function at(e, t, n, r) {
 	}
 	return d;
 }
-function ot(e, t, n, r) {
+function Xe(e, t, n, r) {
 	let i = e.node(t, n)?.node;
-	if (i?.kind == "value") return X(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 st(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 : Y(e, t, n, {
+		case "code": return i.task == null ? void 0 : J(e, t, n, {
 			...i.task,
-			inputs: r.inputs,
-			name: r.name,
-			outputs: r.outputs
+			name: r.name
 		});
-		case "llm": return i.task != null || e.task(i.taskId)?.executor.kind != "llm" ? void 0 : [{
-			kind: "task.replace",
-			task: {
-				executor: {
-					kind: "llm",
-					mode: r.mode
+		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
 				},
-				inputs: r.inputs,
-				name: r.name,
-				outputs: r.outputs
-			},
-			taskId: i.taskId
-		}];
+				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: {
-					executor: t.executor,
-					inputs: r.inputs,
-					name: r.name,
-					outputs: r.outputs
+					...t,
+					name: r.name
 				},
 				taskId: i.taskId
 			}] : void 0;
 		}
 	}
 }
-function ct(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 Y(e, t, n, {
+	if (i?.kind == "task" && i.task != null) return J(e, t, n, {
 		...i.task,
 		...r
 	});
 }
-function lt(e, t, n, r) {
-	let i = e.trigger(t.id, n);
+function $e(e, t, n, r) {
+	let i = e.trigger(n);
 	if (i == null || i.kind != "webhook") return;
 	let { options: a, ...o } = i;
-	return X(t, n, Object.keys(r.options).length == 0 ? {
+	return Y(t, n, Object.keys(r.options).length == 0 ? {
 		...o,
 		inputsDef: r.inputs
 	} : {
@@ -2011,19 +1902,19 @@ function lt(e, t, n, r) {
 		options: r.options
 	});
 }
-function ut(e, t, n) {
+function et(e, t, n) {
 	if (e.subflow(t) != null) return [{
 		definition: n,
 		kind: "subflow.definition.replace",
 		subflowId: t
 	}];
 }
-function dt(e, t, n, r) {
+function tt(e, t, n, r) {
 	return [{
 		kind: "graph.node.create",
 		node: {
 			concurrency: 1,
-			inputs: ft(r),
+			inputs: nt(r),
 			kind: "subflow",
 			subflowId: n
 		},
@@ -2031,57 +1922,57 @@ function dt(e, t, n, r) {
 		target: e
 	}];
 }
-function ft(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 J(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 Y(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 = J(a.task.inputs, r.inputs), s = J(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 X(e, t, n) {
+function Y(e, t, n) {
 	return [{
 		kind: "graph.node.replace",
 		node: n,
@@ -2091,38 +1982,37 @@ function X(e, t, n) {
 }
 //#endregion
 //#region src/workbench/browser/runtime/designer/remoteChangeTargets.ts
-function pt(e, t) {
-	return e.kind == t.kind && e.id == t.id;
+function rt(e, t) {
+	return e.kind == t.kind && (e.kind != "subflow" || t.kind == "subflow" && e.id == t.id);
 }
-function Z(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 mt(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":
-			pt(a.target, n) && i.add(a.nodeId);
+			rt(a.target, n) && i.add(a.nodeId);
 			break;
 		case "task.replace":
-			Z(i, e, n, (e) => e.kind == "task" && e.task == null && e.taskId == a.taskId), Z(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":
-			Z(i, e, n, (e) => e.kind == "task" && e.task?.moduleId == a.moduleId), Z(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": Z(i, e, n, (e) => e.kind == "subflow" && e.subflowId == a.subflowId), Z(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 ht(e) {
+function at(e) {
 	if (e.length != 1) return;
 	let t = e[0];
 	switch (t.kind) {
 		case "binding.replace": return `${t.kind}:${t.bindingId}`;
-		case "flow.rename": return `${t.kind}:${t.flowId}`;
-		case "graph.node.replace": return `${t.kind}:${t.target.kind}:${t.target.id}:${t.nodeId}`;
+		case "graph.node.replace": return `${t.kind}:${t.target.kind}:${t.target.kind == "subflow" ? t.target.id : ""}:${t.nodeId}`;
 		case "module.rename":
 		case "module.source.replace": return `${t.kind}:${t.moduleId}`;
 		case "subflow.definition.replace": return `${t.kind}:${t.subflowId}`;
@@ -2130,24 +2020,7 @@ function ht(e) {
 		default: return;
 	}
 }
-function gt(e, t, n) {
-	let r = new Map(e.map((e) => [e.flowId, e])), i = new Map(t.map((e) => [e.flowId, e]));
-	return [...i.keys()].toSorted().map((e) => {
-		let t = r.get(e), a = i.get(e), o = t?.live ?? null;
-		return {
-			draft: {
-				closureDigest: a.closureDigest,
-				name: a.name,
-				revisionDigest: n.digest,
-				revisionId: n.revisionId
-			},
-			flowId: e,
-			hasUnpublishedChanges: o == null || o.publication.closureDigest != a.closureDigest,
-			live: o
-		};
-	});
-}
-var _t = class {
+var ot = class {
 	#e;
 	#t;
 	#n;
@@ -2175,28 +2048,26 @@ var _t = class {
 		this.#a = e;
 	}
 	project(e) {
-		return this.#o.reduce((e, t) => q(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);
-		let i = this.#t.flows();
-		this.#t.apply(q(t, n), i, i);
-		let a = ht(n), o = this.#o.at(-1), s = a != null && o != null && !o.started && ht(o.changes) == a ? o : void 0;
-		if (s != null) return s.changes = n, await s.result;
-		let c = {
+		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,
 			changes: n,
 			started: !1
 		};
-		this.#a ??= t, this.#o.push(c), this.#i += 1;
-		let l = this.#s.then(() => (c.started = !0, this.#c(c)));
-		c.result = l, this.#s = l.then(() => void 0);
+		this.#a ??= t, this.#o.push(s), this.#i += 1;
+		let c = this.#s.then(() => (s.started = !0, this.#c(s)));
+		s.result = c, this.#s = c.then(() => void 0);
 		try {
-			return await l;
+			return await c;
 		} finally {
 			--this.#i, this.#i == 0 && this.#t.finishChanges();
 		}
@@ -2207,13 +2078,13 @@ var _t = class {
 			let n = this.#a;
 			if (n == null) return;
 			try {
-				let t = await this.#e.changeDraft(e.projectId, n.revisionId, e.changes);
+				let t = await this.#e.changeDraft(e.flowId, n.revisionId, e.changes);
 				if (!this.#t.current(e)) return;
 				if (t.revision.parentRevisionId != n.revisionId) throw Error("Invalid Draft change response.");
 				let r = this.#l(e, n, t);
 				return this.#o.length == 0 && this.#t.check(), r;
 			} catch (n) {
-				if (n instanceof u && n.code == "project.revision-conflict") {
+				if (n instanceof s && n.code == "flow.revision-conflict") {
 					if (!t && await this.#t.recover(e)) {
 						t = !0;
 						continue;
@@ -2222,7 +2093,7 @@ var _t = class {
 						kind: "error",
 						message: this.#n.t("notice.draftConflict")
 					});
-				} else this.#u(e), this.#t.current(e) && this.#r(o(n, this.#n.t));
+				} else this.#u(e), this.#t.current(e) && this.#r(u(n, this.#n.t));
 				return;
 			}
 		}
@@ -2230,95 +2101,28 @@ var _t = class {
 	#l(e, t, n) {
 		let r = {
 			...n.revision,
-			content: q(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.flows(), a = gt(i, n.draftFlows, r), o = this.#t.diagnostics(), s = this.#o.length == 0 && o != null && a.find((e) => e.flowId == o.flowId)?.draft?.closureDigest == o.closureDigest;
-		return this.#t.apply(this.project(r), a, i, s), this.#t.headChanged(e.projectId, r.revisionId), r;
+		let i = this.#t.diagnostics(), a = this.#o.length == 0 && i?.revisionId == r.revisionId;
+		return this.#t.apply(this.project(r), a), this.#t.headChanged(e.flowId, r.revisionId), r;
 	}
 	#u(e) {
-		if (this.#o = this.#o.filter((t) => t !== e), !this.#t.current(e) || this.#a == null) return;
-		let t = this.#t.flows();
-		this.#t.apply(this.project(this.#a), t, t);
-	}
-}, vt = class {
-	#e;
-	#t;
-	#n;
-	#r;
-	#i = Promise.resolve();
-	#a;
-	#o = !1;
-	#s = [];
-	constructor(e, t, n, r) {
-		this.#e = e, this.#n = t, this.#r = n, this.#t = r;
-	}
-	reset(e) {
-		this.#a = e, this.#s = [];
-	}
-	dispose() {
-		this.#o = !0, this.#s = [];
-	}
-	async change(e, t, n, r) {
-		if (this.#o || this.#a == null) return;
-		let i = r(t.value);
-		if (i === t.value) return;
-		let a = {
-			current: n,
-			projectId: e,
-			update: r
-		};
-		this.#s.push(a), this.#r({
-			...t,
-			value: i
-		}), this.#i = this.#i.then(async () => {
-			if (this.#o || !n()) return;
-			let t = this.#a, i = r(t.value);
-			if (i === t.value) {
-				this.#c(a, t);
-				return;
-			}
-			try {
-				let r = await this.#e.updatePresentation(e, t.revision, i);
-				if (this.#o || !n()) return;
-				this.#c(a, r);
-			} catch (r) {
-				if (this.#o || !n()) return;
-				if (r instanceof u && r.code == "project.presentation-conflict") try {
-					let t = await this.#e.getPresentation(e);
-					if (this.#o || !n()) return;
-					this.#c(a, t), this.#n({
-						kind: "error",
-						message: this.#t.t("notice.layoutConflict")
-					});
-				} catch (e) {
-					!this.#o && n() && this.#n(o(e, this.#t.t));
-				}
-				else this.#c(a, t), this.#n(o(r, this.#t.t));
-			}
-		}), await this.#i;
+		this.#o = this.#o.filter((t) => t !== e), !(!this.#t.current(e) || this.#a == null) && this.#t.apply(this.project(this.#a));
 	}
-	#c(e, t) {
-		this.#s = this.#s.filter((t) => t !== e), this.#a = t;
-		let n = this.#s.reduce((e, t) => t.update(e), t.value);
-		this.#r(n === t.value ? t : {
-			...t,
-			value: n
-		});
-	}
-}, yt = 50, bt = {
+}, st = 50, ct = {
 	failed: !1,
 	loaded: !1,
 	loading: !0,
 	loadingMore: !1,
 	loadMoreFailed: !1,
-	projects: []
-}, xt = class {
+	flows: []
+}, lt = class {
 	#e;
 	#t;
-	#n = new S();
+	#n = new x();
 	#r;
-	#i = t(bt);
+	#i = t(ct);
 	#a = !1;
 	constructor(t, n, r) {
 		this.#e = t, this.#t = r, this.#r = n, this.$ = {
@@ -2327,7 +2131,7 @@ var _t = class {
 			loadingMore: e(this.#i, (e) => e.loadingMore),
 			loadMoreFailed: e(this.#i, (e) => e.loadMoreFailed),
 			nextCursor: e(this.#i, (e) => e.nextCursor),
-			projects: e(this.#i, (e) => e.projects),
+			flows: e(this.#i, (e) => e.flows),
 			total: e(this.#i, (e) => e.total)
 		};
 	}
@@ -2346,8 +2150,8 @@ var _t = class {
 	capture() {
 		return this.#n.capture();
 	}
-	project(e) {
-		return this.#i.value.projects.find((t) => t.projectId == e);
+	flow(e) {
+		return this.#i.value.flows.find((t) => t.flowId == e);
 	}
 	async reload() {
 		let e = this.#n.begin();
@@ -2358,20 +2162,20 @@ var _t = class {
 			loadingMore: !1,
 			loadMoreFailed: !1,
 			nextCursor: void 0,
-			projects: [],
+			flows: [],
 			total: void 0
 		});
 		try {
-			let t = await this.#e.listProjects({
+			let t = await this.#e.listFlows({
 				includeTotal: !0,
-				limit: yt
+				limit: st
 			});
 			if (!e()) return;
 			this.#o({
 				loaded: !0,
 				loading: !1,
 				nextCursor: t.nextCursor,
-				projects: t.projects,
+				flows: t.flows,
 				total: t.total
 			});
 		} catch (t) {
@@ -2379,7 +2183,7 @@ var _t = class {
 			this.#o({
 				failed: !0,
 				loading: !1
-			}), this.#r(o(t, this.#t.t));
+			}), this.#r(u(t, this.#t.t));
 		}
 	}
 	async loadMore() {
@@ -2391,43 +2195,48 @@ var _t = class {
 			loadMoreFailed: !1
 		});
 		try {
-			let e = await this.#e.listProjects({
+			let e = await this.#e.listFlows({
 				cursor: t,
-				limit: yt
+				limit: st
 			});
 			if (!n()) return;
-			let r = new Set(this.#i.value.projects.map((e) => e.projectId));
+			let r = new Set(this.#i.value.flows.map((e) => e.flowId));
 			this.#o({
 				loadingMore: !1,
 				nextCursor: e.nextCursor,
-				projects: [...this.#i.value.projects, ...e.projects.filter((e) => !r.has(e.projectId))]
+				flows: [...this.#i.value.flows, ...e.flows.filter((e) => !r.has(e.flowId))]
 			});
 		} catch (e) {
 			if (!n()) return;
 			this.#o({
 				loadingMore: !1,
 				loadMoreFailed: !0
-			}), this.#r(o(e, this.#t.t));
+			}), this.#r(u(e, this.#t.t));
 		}
 	}
 	async create(e) {
-		let t = await this.#e.createProject(e);
+		let t = await this.#e.createFlow(e);
 		if (!this.#a) return this.#o({
-			projects: [...this.#i.value.projects, t],
+			flows: [...this.#i.value.flows, t],
 			total: this.#i.value.total == null ? void 0 : this.#i.value.total + 1
 		}), t;
 	}
 	include(e) {
-		this.project(e.projectId) ?? this.#o({ projects: [...this.#i.value.projects, e] });
+		let t = this.#i.value.flows.findIndex((t) => t.flowId == e.flowId);
+		if (t < 0) {
+			this.#o({ flows: [...this.#i.value.flows, e] });
+			return;
+		}
+		this.#o({ flows: this.#i.value.flows.with(t, e) });
 	}
 	remove(e) {
 		this.#o({
-			projects: this.#i.value.projects.filter((t) => t.projectId != e),
+			flows: this.#i.value.flows.filter((t) => t.flowId != e),
 			total: this.#i.value.total == null ? void 0 : this.#i.value.total - 1
 		});
 	}
 	advanceHead(e, t) {
-		this.#o({ projects: this.#i.value.projects.map((n) => n.projectId == e ? {
+		this.#o({ flows: this.#i.value.flows.map((n) => n.flowId == e ? {
 			...n,
 			draftRevisionId: t
 		} : n) });
@@ -2438,22 +2247,149 @@ var _t = class {
 			...e
 		});
 	}
-}, St = {
+}, ut = class {
+	#e;
+	#t;
+	#n;
+	#r;
+	#i = Promise.resolve();
+	#a;
+	#o = !1;
+	#s = [];
+	constructor(e, t, n, r) {
+		this.#e = e, this.#n = t, this.#r = n, this.#t = r;
+	}
+	reset(e) {
+		this.#a = e, this.#s = [];
+	}
+	dispose() {
+		this.#o = !0, this.#s = [];
+	}
+	async change(e, t, n, r) {
+		if (this.#o || this.#a == null) return;
+		let i = r(t.value);
+		if (i === t.value) return;
+		let a = {
+			current: n,
+			flowId: e,
+			update: r
+		};
+		this.#s.push(a), this.#r({
+			...t,
+			value: i
+		}), this.#i = this.#i.then(async () => {
+			if (this.#o || !n()) return;
+			let t = this.#a, i = r(t.value);
+			if (i === t.value) {
+				this.#c(a, t);
+				return;
+			}
+			try {
+				let r = await this.#e.updatePresentation(e, t.revision, i);
+				if (this.#o || !n()) return;
+				this.#c(a, r);
+			} catch (r) {
+				if (this.#o || !n()) return;
+				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({
+						kind: "error",
+						message: this.#t.t("notice.layoutConflict")
+					});
+				} catch (e) {
+					!this.#o && n() && this.#n(u(e, this.#t.t));
+				}
+				else this.#c(a, t), this.#n(u(r, this.#t.t));
+			}
+		}), await this.#i;
+	}
+	#c(e, t) {
+		this.#s = this.#s.filter((t) => t !== e), this.#a = t;
+		let n = this.#s.reduce((e, t) => t.update(e), t.value);
+		this.#r(n === t.value ? t : {
+			...t,
+			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 = {
 	checkLoading: !1,
-	flows: [],
 	selectedNodeIds: [],
 	workspaceLoadFailed: !1,
 	workspaceLoading: !1
 };
-function Ct(e) {
+function yt(e) {
 	return e.workspaceLoading ? "loading" : e.busy == "designer" ? "saving" : e.draft == null ? "noDraft" : "saved";
 }
-function Q(e, t) {
+function Z(e, t) {
 	if (t.phase != null) return t.phase;
 	let n = e?.content.modules[t.moduleId];
 	return n == null ? "failed" : t.source == n.source ? "saved" : "dirty";
 }
-function $(e, t, n) {
+function Q(e, t, n) {
 	if (e == null || t == null || n.length != 1) return;
 	let r = e.node(t, n[0]);
 	if (!(r?.kind != "task" || r.definition == null || !("moduleId" in r.definition) || r.module == null)) return {
@@ -2461,72 +2397,69 @@ function $(e, t, n) {
 		source: r.module.source
 	};
 }
-var wt = class {
+var bt = class {
 	#e;
-	#t = t(St);
+	#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) => e.flows), u = e(this.#t, (e) => {
+		let i = e(this.#t, (e) => e.busy), a = e(this.#t, (e) => e.checkLoading), o = e(this.#t, (e) => e.diagnosticFocus), s = e(this.#t, (e) => e.diagnostics), c = e(this.#t, (e) => e.draft), l = e(this.#t, (e) => {
 			if (e.moduleEditor == null) return;
 			let { phase: t, ...n } = e.moduleEditor;
 			return {
 				...n,
-				status: Q(e.draft, e.moduleEditor)
+				status: Z(e.draft, e.moduleEditor)
 			};
-		}), d = e(this.#t, (e) => e.nodeFocus), p = e(this.#t, (e) => e.presentation), m = e(this.#t, (e) => e.projectId), h = e(this.#t, (e) => e.draft == null ? void 0 : f(e.draft)), _ = e(this.#t, (e) => e.selectedNodeIds), v = e(this.#t, (e) => e.target), y = e(this.#t, (e) => e.workspaceLoadFailed), b = 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 : f(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 x = e(this.#t, (e) => {
-			if (e.draft != null && e.target != null && e.selectedNodeIds.length == 1) return f(e.draft).selection(e.target, e.selectedNodeIds[0]);
+		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]);
 		});
 		this.$ = {
 			addNodeOptions: n((e) => {
 				let { revision: n, target: r } = e(this.#e);
-				return g(n?.revision, r, e(t.t$));
+				return ee(n?.revision, r, e(t.t$));
 			}),
 			busy: i,
 			checkLoading: a,
 			diagnosticFocus: o,
-			diagnosticItems: e(this.#t, (e) => Ye(e.draft == null ? void 0 : f(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,
-			flows: l,
-			inspectorDiagnostics: e(this.#t, (e) => Ge(e.draft == null ? void 0 : f(e.draft), e.target, e.diagnostics, x.value)),
+			flow: n((e) => {
+				let t = e(f);
+				return t == null ? void 0 : e(r.$.flows).find((e) => e.flowId == t);
+			}),
+			flowId: f,
+			flowLoadFailed: r.$.failed,
+			flowLoadMoreFailed: r.$.loadMoreFailed,
+			flowLoading: r.$.loading,
+			flowLoadingMore: r.$.loadingMore,
+			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)),
+			live: p,
 			moduleDiagnostics: e(this.#t, (e) => {
 				let t = e.moduleEditor?.moduleId;
 				return t == null ? [] : e.diagnostics?.diagnostics.filter((e) => e.path.startsWith(`/modules/${t}/source`)) ?? [];
 			}),
-			moduleEditor: u,
-			nodeFocus: d,
-			presentation: p,
-			project: n((e) => {
-				let t = e(m);
-				return t == null ? void 0 : e(r.$.projects).find((e) => e.projectId == t);
-			}),
-			projectId: m,
-			projectLoadFailed: r.$.failed,
-			projectLoadMoreFailed: r.$.loadMoreFailed,
-			projectLoading: r.$.loading,
-			projectLoadingMore: r.$.loadingMore,
-			projectNextCursor: r.$.nextCursor,
-			projectTotal: r.$.total,
-			projects: r.$.projects,
-			revision: h,
-			selection: x,
-			selectedNodeIds: _,
-			status: e(this.#t, Ct),
-			target: v,
-			targetFlow: e(this.#t, (e) => e.target?.kind == "flow" ? e.flows.find((t) => t.flowId == e.target?.id) : void 0),
+			moduleEditor: l,
+			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),
 			targetName: e(this.#t, (e) => {
-				if (e.target == null) return;
-				if (e.draft == null) return e.target.id;
-				let t = f(e.draft);
-				return (e.target.kind == "flow" ? t.flow(e.target.id)?.name : t.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: y,
-			workspaceLoading: b
+			workspaceLoadFailed: v,
+			workspaceLoading: y
 		}, this.#n = new Set(Object.values(r.$));
 	}
 	get value() {
@@ -2542,28 +2475,17 @@ var wt = class {
 		for (let e of Object.values(this.$)) this.#n.has(e) || e.dispose();
 		this.#e.dispose(), this.#t.dispose();
 	}
-}, Tt = 250;
-function Et(e, t, n, r) {
-	if (r == null) return;
-	if (r.kind == "subflow") {
-		if (e.subflow(r.id) != null) return r;
-		let n = c(t, null);
-		return n == null ? void 0 : {
-			id: n.flowId,
-			kind: "flow"
-		};
-	}
-	if (e.flow(r.id) != null) return r;
-	let i = new Set(e.flowIds), a = n.filter((e) => e.draft != null).map((e) => e.flowId), o = a.indexOf(r.id), s = (o < 0 ? a : [...a.slice(o + 1), ...a.slice(0, o).toReversed()]).find((e) => i.has(e)) ?? t.find((e) => e.draft != null && i.has(e.flowId))?.flowId ?? i.values().next().value;
-	return s == null ? void 0 : {
-		id: s,
-		kind: "flow"
-	};
+}, xt = 250;
+function St(e, t) {
+	if (t != null) return t.kind == "flow" || e.subflow(t.id) != null ? t : { kind: "flow" };
 }
-var Dt = class {
+function $(e, t) {
+	return e?.kind == t?.kind ? e?.kind != "subflow" || t?.kind == "subflow" && e.id == t.id : !1;
+}
+var Ct = class {
 	#e;
 	#t;
-	#n = new S();
+	#n = new x();
 	#r;
 	#i;
 	#a;
@@ -2582,182 +2504,166 @@ var Dt = class {
 	#v = !1;
 	#y = 0;
 	#b;
-	constructor(e, t, n = () => crypto.randomUUID(), r = y(), i = () => {}) {
-		this.#e = e, this.#c = t, this.#i = n, this.#r = r, this.#s = i, this.#o = new xt(e, t, r), this.#l = new wt(r, this.#o), this.#t = new _t(e, t, r, {
-			apply: (e, t, n, r) => this.#C(e, t, n, r),
+	#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, {
+			apply: (e, t) => this.#w(e, t),
 			beforeChange: (e) => {
-				this.#j(), this.#h = !1, e && (this.#z({ busy: "designer" }), this.#c(void 0));
+				this.#M(), this.#h = !1, e && (this.#B({ busy: "designer" }), this.#c(void 0));
 			},
-			check: () => void this.#T(),
-			current: (e) => this.#R(e),
+			check: () => void this.#E(),
+			current: (e) => this.#z(e),
 			diagnostics: () => this.#l.value.diagnostics,
 			finishChanges: () => {
-				!this.#_ && this.#l.value.busy == "designer" && this.#z({ busy: void 0 });
+				!this.#_ && this.#l.value.busy == "designer" && this.#B({ busy: void 0 });
 			},
-			flows: () => this.#l.value.flows,
-			headChanged: (e, t) => this.#M(e, t),
-			recover: (e) => this.#D(e, !0)
-		}), this.#a = new vt(e, t, (e) => this.#z({ presentation: e }), r), this.$ = this.#l.$;
+			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.$;
 	}
 	dispose() {
-		this.#j(), this.#_ = !0, this.#n.invalidate(), this.#a.dispose(), this.#b?.(), this.#l.dispose(), this.#o.dispose();
+		this.#M(), this.#_ = !0, this.#n.invalidate(), this.#a.dispose(), this.#b?.(), this.#x?.(), this.#l.dispose(), this.#o.dispose();
 	}
-	async start(e, t) {
-		if (e != null) {
-			await this.selectProject(e, t);
-			return;
-		}
-		await this.selectProject(void 0) && (this.#o.loaded && !this.#o.$.failed.value || await this.reloadProjects());
+	async start(e) {
+		this.#b ??= this.#e.watchFlowCatalog(() => void this.reloadFlows()), await this.reloadFlows(), await this.selectFlow(e);
 	}
-	async reloadProjects() {
+	async reloadFlows() {
 		await this.#o.reload();
 	}
-	async loadMoreProjects() {
+	async loadMoreFlows() {
 		await this.#o.loadMore();
 	}
-	async selectProject(e, t) {
-		if (!this.#P()) return !1;
-		this.#j();
-		let n = this.#o.beginSelection();
-		if (this.#n.invalidate(), this.#t.reset(), this.#a.reset(), this.#f = 0, this.#h = !1, this.#g = !1, this.#v = !1, this.#b?.(), this.#b = void 0, this.#z({
+	async selectFlow(e) {
+		if (!this.#F()) return !1;
+		this.#M();
+		let t = this.#o.beginSelection();
+		if (this.#n.invalidate(), this.#t.reset(), this.#a.reset(), this.#f = 0, this.#h = !1, this.#g = !1, this.#v = !1, this.#x?.(), this.#x = void 0, this.#B({
 			checkLoading: !1,
 			diagnosticFocus: void 0,
 			diagnostics: void 0,
 			draft: void 0,
-			flows: [],
+			live: void 0,
 			moduleEditor: void 0,
 			nodeFocus: void 0,
 			presentation: void 0,
-			projectId: e,
+			flowId: e,
 			selectedNodeIds: [],
-			target: t == null ? void 0 : {
-				id: t,
-				kind: "flow"
-			},
+			target: e == null ? void 0 : { kind: "flow" },
 			workspaceLoadFailed: !1,
 			workspaceLoading: e != null
 		}), e == null) return !0;
 		try {
-			let r = this.#o.project(e), [i, a, o, s] = await Promise.all([
-				r ?? this.#e.getProject(e),
+			let n = this.#o.flow(e), [r, i, a, o] = await Promise.all([
+				n ?? this.#e.getFlow(e),
 				this.#e.getDraft(e),
-				this.#e.listFlows(e),
+				this.#e.getLive(e),
 				this.#e.getPresentation(e)
 			]);
-			if (!n()) return !1;
-			let c = t == null ? void 0 : o.find((e) => e.flowId == t), l = c == null ? void 0 : {
-				id: c.flowId,
-				kind: "flow"
-			};
-			this.#t.reset(a), this.#a.reset(s), this.#o.include(i), this.#z({
-				draft: a,
-				flows: o,
-				presentation: s,
-				target: l,
+			if (!t()) return !1;
+			this.#t.reset(i), this.#a.reset(o), this.#o.include(r), this.#B({
+				draft: i,
+				live: a,
+				presentation: o,
+				target: { kind: "flow" },
 				workspaceLoadFailed: !1,
 				workspaceLoading: !1
-			}), this.#T(), this.#b = this.#e.watchProject(e, (e) => {
-				!this.#_ && e != this.#t.committed?.revisionId && this.#E(e);
+			}), this.#E(), this.#x = this.#e.watchFlow(e, (e) => {
+				!this.#_ && e != this.#t.committed?.revisionId && this.#D(e);
 			}, this.#s);
 		} catch (e) {
-			return n() ? (this.#z({
+			return t() ? (this.#B({
 				workspaceLoadFailed: !0,
 				workspaceLoading: !1
-			}), this.#c(o(e, this.#r.t)), !1) : !1;
+			}), this.#c(u(e, this.#r.t)), !1) : !1;
 		}
 		return !0;
 	}
 	selectTarget(e) {
-		return this.#P() ? (this.#j(), this.#z({
+		return this.#F() ? (this.#M(), this.#B({
 			diagnosticFocus: void 0,
 			diagnostics: void 0,
 			moduleEditor: void 0,
 			nodeFocus: void 0,
 			selectedNodeIds: [],
 			target: e
-		}), this.#T(), !0) : !1;
+		}), this.#E(), !0) : !1;
 	}
 	selectNodes(e) {
-		return e.length == this.#l.value.selectedNodeIds.length && e.every((e, t) => e == this.#l.value.selectedNodeIds[t]) ? !0 : this.#P() ? (this.#j(), this.#z({
+		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: $(this.#l.value.draft == null ? void 0 : f(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;
 	}
-	async createProject(e) {
-		if (this.#P()) {
-			this.#z({ busy: "project" }), this.#c(void 0);
+	async createFlow(e) {
+		if (this.#F()) {
+			this.#B({ busy: "flow" }), this.#c(void 0);
 			try {
 				return await this.#o.create(e);
 			} catch (e) {
-				this.#_ || this.#c(o(e, this.#r.t));
+				this.#_ || this.#c(u(e, this.#r.t));
 			} finally {
-				this.#z({ busy: void 0 });
+				this.#B({ busy: void 0 });
 			}
 		}
 	}
-	async deleteProject(e) {
-		if (!this.#P()) return !1;
-		let t = this.#o.project(e);
+	async deleteFlow(e) {
+		if (!this.#F()) return !1;
+		let t = this.#o.flow(e);
 		if (t == null || t.status == "retiring") return !1;
-		this.#z({ busy: "project" }), this.#c(void 0);
+		this.#B({ busy: "flow" }), this.#c(void 0);
 		try {
-			return await this.#e.deleteProject(e), !this.#_ && (this.#o.remove(e), this.#c({
+			return await this.#e.deleteFlow(e), !this.#_ && (this.#o.remove(e), this.#c({
 				kind: "success",
-				message: this.#r.t("notice.projectDeleteAccepted", { name: t.name })
+				message: this.#r.t("notice.flowDeleteAccepted", { name: t.name })
 			}), !0);
 		} catch (e) {
-			return this.#_ || this.#c(o(e, this.#r.t)), !1;
+			return this.#_ || this.#c(u(e, this.#r.t)), !1;
 		} finally {
-			this.#z({ busy: void 0 });
+			this.#B({ busy: void 0 });
 		}
 	}
-	async createResource(e, t) {
-		if (!this.#P() || this.#l.value.draft == null) return !1;
-		let n = this.#i();
-		this.#z({ busy: "resource" }), this.#c(void 0);
-		let r = await this.#S(Ze(e, n, t), !1);
-		return this.#z({ busy: void 0 }), r != null && (this.selectTarget({
-			id: n,
-			kind: e
+	async createResource(e) {
+		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);
+		return this.#B({ busy: void 0 }), n != null && (this.selectTarget({
+			id: t,
+			kind: "subflow"
 		}), this.#c({
 			kind: "success",
-			message: this.#r.t("notice.createdInDraft", { name: t })
+			message: this.#r.t("notice.createdInDraft", { name: e })
 		}), !0);
 	}
 	async renameFlow(e, t) {
-		let n = this.$.revision.value?.flow(e), r = t.trim();
+		let n = this.#o.flow(e), r = t.trim();
 		if (n == null || r.length == 0) return !1;
 		if (n.name == r) return !0;
-		this.#z({ busy: "resource" }), this.#c(void 0);
-		let i = await this.#S(Ee(e, r), !1);
-		return this.#z({ busy: void 0 }), i != null && (this.#c({
+		this.#B({ busy: "flow" }), this.#c(void 0);
+		let i;
+		try {
+			i = await this.#e.renameFlow(e, r), i != null && this.#o.include(i);
+		} catch (e) {
+			this.#_ || this.#c(u(e, this.#r.t));
+		}
+		return this.#B({ busy: void 0 }), i != null && (this.#c({
 			kind: "success",
 			message: this.#r.t("notice.flowRenamed", { name: r })
 		}), !0);
 	}
-	async deleteFlow(e) {
-		let t = this.#l.value.flows.find((t) => t.flowId == e);
-		if (t?.draft == null || this.#l.value.target?.kind == "flow" && this.#l.value.target.id == e && !this.#P()) return !1;
-		this.#z({ busy: "resource" }), this.#c(void 0);
-		let n = await this.#S(De(e), !1);
-		return this.#z({ busy: void 0 }), n != null && (this.#c({
-			kind: "success",
-			message: this.#r.t("notice.flowDeleted", { name: t.draft.name })
-		}), !0);
-	}
 	async addNode(e, t, n) {
-		if (!this.#P()) return;
+		if (!this.#F()) return;
 		let r = this.#l.value.draft, i = this.#l.value.target;
 		if (r == null || i == null) return;
 		let a = this.#i();
-		if (e.kind == "comment") return await this.#x(i, a, t);
-		let o = f(r), s = b(e, o, i, this.#r.t);
+		if (e.kind == "comment") return await this.#S(i, a, t);
+		let o = h(r), s = b(e, o, i, this.#r.t);
 		if (s == null) return;
-		let c = Qe(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(q(r, c).content, i, n(a))], u = this.#S(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;
@@ -2766,19 +2672,19 @@ var Dt = class {
 		let t = this.$.revision.value, n = this.#l.value.target;
 		if (t == null || n == null) return;
 		let r = R(t.revision.content, n, e);
-		r.length > 0 && await this.#S(r);
+		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 = we(t.revision.content, n, e);
-		r.length > 0 && await this.#S(r);
+		let r = Se(t.revision.content, n, e);
+		r.length > 0 && await this.#C(r);
 	}
 	async deleteSelectedNodes() {
-		if (!this.#P()) return;
+		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 = p(this.#l.value.presentation?.value ?? {}, t), r = new Set(this.#l.value.selectedNodeIds.filter((e) => n.has(e))), i = $e(e, t, this.#l.value.selectedNodeIds), a = i.length == 0 ? void 0 : this.#S(i), o = r.size == 0 ? void 0 : this.#w((e) => m(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() {
@@ -2786,33 +2692,33 @@ var Dt = class {
 		if (e == null || t == null || this.#l.value.selectedNodeIds.length == 0) return;
 		let n = new Set(this.#l.value.selectedNodeIds);
 		this.#u = {
-			comments: this.#N().nodes.flatMap((e) => e.kind == "comment" && n.has(e.id) ? [{
+			comments: this.#P().nodes.flatMap((e) => e.kind == "comment" && n.has(e.id) ? [{
 				content: e.content,
 				position: e.position,
 				sourceId: e.id,
 				title: e.title
 			}] : []),
-			nodes: et(e, t, this.#l.value.selectedNodeIds)
+			nodes: He(e, t, this.#l.value.selectedNodeIds)
 		};
 	}
-	async pasteNodes() {
-		if (!this.#P()) return;
-		let e = this.$.revision.value, t = this.#l.value.target;
-		if (e == null || t == null || this.#u == null) return;
-		let n = tt(e, t, this.#u.nodes, this.#i), r = n.changes.length == 0 ? void 0 : this.#S(n.changes), i = this.#u.comments.map((e) => ({
+	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) => ({
 			...e,
 			nodeId: this.#i()
 		}));
-		if (n.nodeIds.length == 0 && i.length == 0) return;
-		let a = new Map(this.#N().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.#w((e) => {
-			let n = d(e, t, o);
-			for (let e of i) n = x(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,
@@ -2820,48 +2726,60 @@ var Dt = 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 = nt(n, r, e, t);
-		return i != null && await this.#S(i) != null;
+		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 = rt(n, r, e, t);
-		return i != null && await this.#S(i) != null;
+		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 = it(r, i, e, t, n);
-		return a != null && await this.#S(a) != null;
+		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 = at(n, r, e, t);
-		return i != null && await this.#S(i) != null;
+		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 = ot(n, r, e, t);
-		return i != null && await this.#S(i) != null;
+		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.#N().nodes.find((t) => t.id == e)?.position;
-		r != null && await this.#w((i) => x(i, n, e, {
+		let r = this.#P().nodes.find((t) => t.id == e)?.position;
+		r != null && await this.#T((i) => _(i, n, e, {
 			...t,
 			position: r
 		}));
@@ -2869,60 +2787,60 @@ var Dt = class {
 	async saveTaskSettings(e, t) {
 		let n = this.$.revision.value, r = this.#l.value.target;
 		if (n == null || r == null) return !1;
-		let i = st(n, r, e, t);
-		return i != null && await this.#S(i) != null;
+		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 = ct(n, r, e, t);
-		return i != null && await this.#S(i) != null;
+		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 = ze(n.revision.content, e, t);
-		return r != null && await this.#S(r) != null;
+		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 = Be(n.revision.content, r, e, t);
-		return i != null && await this.#S(i) != null;
+		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 = Ve(r.revision.content, i, e, t, n);
-		return a != null && await this.#S(a) != null;
+		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 = He(n.revision.content, r, e, t);
-		return i != null && await this.#S(i) != null;
+		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 = lt(n, r, e, t);
-		return i != null && await this.#S(i) != null;
+		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 = Ue(n.revision.content, r, e, t);
-		return i != null && await this.#S(i) != null;
+		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 = ut(n, e, t);
-		return r != null && await this.#S(r) != null;
+		let r = et(n, e, t);
+		return r != null && await this.#C(r) != null;
 	}
 	updateModuleSource(e) {
 		let t = this.#l.value.moduleEditor;
-		t != null && t.source != e && this.#z({ moduleEditor: {
+		t != null && t.source != e && this.#B({ moduleEditor: {
 			...t,
 			phase: void 0,
 			source: e
@@ -2933,10 +2851,10 @@ var Dt = class {
 		if (e == null) return;
 		let t = this.#l.value.draft?.content.modules[e.moduleId];
 		if (t == null) {
-			this.#z({ moduleEditor: void 0 });
+			this.#B({ moduleEditor: void 0 });
 			return;
 		}
-		this.#z({ moduleEditor: {
+		this.#B({ moduleEditor: {
 			moduleId: e.moduleId,
 			source: t.source
 		} });
@@ -2944,311 +2862,298 @@ var Dt = class {
 	async saveModuleEditor() {
 		let e = this.#l.value.moduleEditor;
 		if (e == null || e.phase == "saving") return !1;
-		this.#z({ moduleEditor: {
+		this.#B({ moduleEditor: {
 			...e,
 			phase: "saving"
 		} });
-		let t = await Oe(e.source);
+		let t = await Ce(e.source);
 		if (this.#_) return !1;
-		let n = await this.#S(ke(e.moduleId, e.source, t));
-		return !this.#_ && this.#l.value.moduleEditor?.moduleId == e.moduleId && this.#z({ moduleEditor: {
+		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.#w((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.#N().viewport;
-		(n.x != e.x || n.y != e.y || n.zoom != e.zoom) && this.#j(), await this.#w((n) => l(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.#T();
+		await this.#E();
 	}
 	async refreshFlows() {
-		let e = this.#l.value.projectId;
-		if (e == null) return;
-		let t = this.#o.capture(), n = await this.#e.listFlows(e);
-		t() && e == this.#l.value.projectId && this.#z({ flows: n });
+		await this.reloadFlows();
+	}
+	updateLive(e) {
+		e.flowId == this.#l.value.flowId && this.#B({ live: e });
 	}
 	locateNode(e) {
 		let t = this.$.revision.value, n = this.#l.value.target;
-		return t == null || n == null || t.node(n, e) == null || !this.selectNodes([e]) ? !1 : (this.#z({ nodeFocus: {
+		return t == null || n == null || t.node(n, e) == null || !this.selectNodes([e]) ? !1 : (this.#B({ nodeFocus: {
 			nodeId: e,
 			requestId: ++this.#y
 		} }), !0);
 	}
 	locateDiagnostic(e) {
-		return e.location == null || !this.selectNodes([e.location.nodeId]) ? !1 : (this.#z({ diagnosticFocus: {
+		return e.location == null || !this.selectNodes([e.location.nodeId]) ? !1 : (this.#B({ diagnosticFocus: {
 			...e.location,
 			diagnostic: e.diagnostic,
 			requestId: ++this.#d
 		} }), !0);
 	}
-	async #x(e, t, n) {
-		let r = Math.max(0, ...this.#N().nodes.flatMap((e) => {
+	async #S(e, t, n) {
+		let r = Math.max(0, ...this.#P().nodes.flatMap((e) => {
 			if (e.kind != "comment") return [];
 			let t = /#(\d+)$/.exec(e.title);
 			return t == null ? [] : [Number(t[1])];
-		})), i = this.#w((i) => x(i, e, t, {
+		})), i = this.#T((i) => _(i, e, t, {
 			content: "",
 			position: n,
 			title: this.#r.t("addNode.commentName", { number: r + 1 })
 		}));
 		if (this.selectNodes([t]), await i, !this.#_) return t;
 	}
-	async #S(e, t = !0) {
-		let n = this.#l.value.projectId, r = this.#l.value.draft;
+	async #C(e, t = !0) {
+		let n = this.#l.value.flowId, r = this.#l.value.draft;
 		if (n != null && r != null) return await this.#t.change({
 			current: this.#n.capture(),
-			projectId: n
+			flowId: n
 		}, r, e, t);
 	}
-	#C(e, t, n, r = !1) {
-		let i = this.#l.value.draft, { revision: a, selectedNodeIds: o, target: s } = this.#F(e, t, n), c = this.#l.value.moduleEditor;
-		return this.#z({
-			diagnostics: r ? this.#l.value.diagnostics : void 0,
+	#w(e, t = !1) {
+		let n = this.#l.value.draft, { revision: r, selectedNodeIds: i, target: a } = this.#I(e), o = this.#l.value.moduleEditor;
+		return this.#B({
+			diagnostics: t ? this.#l.value.diagnostics : void 0,
 			draft: e,
-			flows: t,
-			moduleEditor: c != null && i != null && Q(i, c) != "saved" ? c : $(a, s, o),
-			selectedNodeIds: o,
-			target: s
-		}), a;
+			moduleEditor: o != null && n != null && Z(n, o) != "saved" ? o : Q(r, a, i),
+			selectedNodeIds: i,
+			target: a
+		}), r;
 	}
-	async #w(e) {
+	async #T(e) {
 		if (this.#_) return;
-		let t = this.#l.value.projectId, n = this.#l.value.presentation;
+		let t = this.#l.value.flowId, n = this.#l.value.presentation;
 		t != null && n != null && await this.#a.change(t, n, this.#o.capture(), e);
 	}
-	async #T() {
+	async #E() {
 		if (this.#_) return;
-		let e = this.#l.value.projectId, t = this.#l.value.draft, n = this.#l.value.target;
+		let e = this.#l.value.flowId, t = this.#l.value.draft, n = this.#l.value.target;
 		if (e == null || t == null || n == null) {
-			n ?? this.#z({
-				checkLoading: !1,
-				diagnostics: void 0
-			});
-			return;
-		}
-		let r = We(f(t), n);
-		if (r == null) {
-			this.#z({
+			n ?? this.#B({
 				checkLoading: !1,
 				diagnostics: void 0
 			});
 			return;
 		}
-		this.#z({
+		this.#B({
 			checkLoading: !0,
 			diagnosticFocus: void 0
 		});
 		try {
-			let n = await this.#e.checkFlow(e, t.revisionId, r);
-			!this.#_ && e == this.#l.value.projectId && t.revisionId == this.#l.value.draft?.revisionId && this.#z({ diagnostics: n });
+			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.projectId && t.revisionId == this.#l.value.draft?.revisionId && this.#c(o(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.projectId && t.revisionId == this.#l.value.draft?.revisionId && this.#z({ checkLoading: !1 });
+			!this.#_ && e == this.#l.value.flowId && t.revisionId == this.#l.value.draft?.revisionId && this.#B({ checkLoading: !1 });
 		}
 	}
-	async #E(e) {
+	async #D(e) {
 		if (this.#_) return;
-		let t = this.#l.value.projectId;
+		let t = this.#l.value.flowId;
 		if (t == null || (this.#f += 1, e != null && (this.#g = !0, this.#t.changing || (this.#h = !0)), this.#v)) return;
 		this.#v = !0;
 		let n = {
 			current: this.#n.capture(),
-			projectId: t
+			flowId: t
 		};
 		await this.#t.enqueue(async () => {
 			let e;
 			do {
 				e = this.#f;
 				let t = this.#h, r = this.#m, i = this.#g;
-				this.#h = !1, this.#g = !1, await this.#D(n, !1, i, t, r);
-			} while (this.#R(n) && e != this.#f);
-		}), this.#R(n) && (this.#v = !1);
+				this.#h = !1, this.#g = !1, await this.#O(n, !1, i, t, r);
+			} while (this.#z(n) && e != this.#f);
+		}), this.#z(n) && (this.#v = !1);
 	}
-	async #D(e, t, n = !1, r = !1, i = this.#m) {
+	async #O(e, t, n = !1, r = !1, i = this.#m) {
 		try {
 			let t = r ? this.#l.value.target : void 0, a = this.#t.committed;
 			if (a == null) return !1;
-			let o = await this.#e.syncDraft(e.projectId, a.revisionId);
-			if (!this.#R(e)) return !1;
+			let o = await this.#e.syncDraft(e.flowId, a.revisionId);
+			if (!this.#z(e)) return !1;
 			if (o.kind == "changes" && o.revisions.length == 0) return !0;
 			let s;
 			try {
-				s = this.#O(a, o);
+				s = this.#k(a, o);
 			} catch {
-				if (o = await this.#e.syncDraft(e.projectId), !this.#R(e)) return !1;
-				s = this.#O(a, o);
+				if (o = await this.#e.syncDraft(e.flowId), !this.#z(e)) return !1;
+				s = this.#k(a, o);
 			}
 			if (s.revisionId == a.revisionId) return !0;
-			let c = o.kind == "changes" && t != null ? mt(f(a), f(s), t, o.revisions.flatMap((e) => e.operations)) : void 0;
-			o.kind == "snapshot" && this.#j();
-			let l = this.#l.value.flows, u = gt(l, o.draftFlows, s), d = this.#l.value.diagnostics, p = this.#t.pendingCount == 0 && d != null && u.find((e) => e.flowId == d.flowId)?.draft?.closureDigest == d.closureDigest, m = this.#I(s, u, p);
-			return this.#M(e.projectId, s.revisionId), o.kind == "changes" && o.revisions.length > 0 && t != null && c != null && i == this.#m && this.#k(e, t, c, i), n && (this.#c({
-				kind: m ? "error" : "success",
-				message: this.#r.t(m ? "notice.moduleUpdated" : "notice.draftUpdated")
-			}), p || this.#T()), !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({
+				kind: l ? "error" : "success",
+				message: this.#r.t(l ? "notice.moduleUpdated" : "notice.draftUpdated")
+			}), this.#E()), !0;
 		} catch (n) {
-			return t && this.#R(e) && this.#c(o(n, this.#r.t)), !1;
+			return t && this.#z(e) && this.#c(u(n, this.#r.t)), !1;
 		}
 	}
-	#O(e, t) {
+	#k(e, t) {
 		if (t.kind == "snapshot") return t.draft;
 		let n = e;
 		for (let e of t.revisions) {
 			if (e.revision.parentRevisionId != n.revisionId) throw Error("Invalid Draft revision chain.");
 			n = {
 				...e.revision,
-				content: q(n, e.operations).content
+				content: K(n, e.operations).content
 			};
 		}
 		return n;
 	}
-	#k(e, t, n, r) {
+	#A(e, t, n, r) {
 		let i = this.#l.value;
-		if (!this.#R(e) || r != this.#m || i.target?.kind != t.kind || i.target.id != t.id) return;
+		if (!this.#z(e) || r != this.#m || !$(i.target, t)) return;
 		let a = this.#p;
 		if (a != null) {
-			if (a.projectId != e.projectId || a.target.kind != t.kind || a.target.id != t.id) {
-				this.#j();
+			if (a.flowId != e.flowId || !$(a.target, t)) {
+				this.#M();
 				return;
 			}
 			for (let e of n) a.targets.add(e);
-			globalThis.clearTimeout(a.timer), a.timer = globalThis.setTimeout(() => this.#A(), Tt);
+			globalThis.clearTimeout(a.timer), a.timer = globalThis.setTimeout(() => this.#j(), xt);
 			return;
 		}
 		n.size == 0 || i.selectedNodeIds.length > 0 || (this.#p = {
 			current: e.current,
 			generation: r,
-			projectId: e.projectId,
+			flowId: e.flowId,
 			target: t,
 			targets: new Set(n),
-			timer: globalThis.setTimeout(() => this.#A(), Tt),
-			viewport: this.#N().viewport
+			timer: globalThis.setTimeout(() => this.#j(), xt),
+			viewport: this.#P().viewport
 		});
 	}
-	#A() {
+	#j() {
 		let e = this.#p;
 		if (this.#p = void 0, e == null || !e.current() || e.generation != this.#m) return;
 		let t = this.#l.value;
-		if (t.projectId != e.projectId || t.target?.kind != e.target.kind || t.target.id != e.target.id || t.selectedNodeIds.length > 0) return;
-		let n = this.#N().viewport;
+		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 = f(t.draft), i = [...e.targets].filter((t) => r.selection(e.target, t) != null);
-		i.length == 1 && this.#z({ nodeFocus: {
+		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
 		} });
 	}
-	#j() {
+	#M() {
 		this.#m += 1, this.#p != null && globalThis.clearTimeout(this.#p.timer), this.#p = void 0;
 	}
-	#M(e, t) {
+	#N(e, t) {
 		this.#o.advanceHead(e, t);
 	}
-	#N() {
+	#P() {
 		let e = this.#l.value;
-		return _(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);
 	}
-	#P() {
+	#F() {
 		let e = this.#l.value.moduleEditor;
-		return e == null || Q(this.#l.value.draft, e) == "saved" || (this.#c({
+		return e == null || Z(this.#l.value.draft, e) == "saved" || (this.#c({
 			kind: "error",
 			message: this.#r.t("notice.unsavedCode")
 		}), !1);
 	}
-	#F(e, t, n) {
-		let r = f(e), i = Et(r, t, n, this.#l.value.target);
+	#I(e) {
+		let t = h(e), n = St(t, this.#l.value.target);
 		return {
-			revision: r,
-			selectedNodeIds: this.#l.value.selectedNodeIds.filter((e) => i != null && r.selection(i, e) != null),
-			target: i
+			revision: t,
+			selectedNodeIds: this.#l.value.selectedNodeIds.filter((e) => n != null && t.selection(n, e) != null),
+			target: n
 		};
 	}
-	#I(e, t, n) {
+	#L(e, t) {
 		this.#t.replaceCommitted(e);
-		let r = this.#t.project(e), i = this.#l.value.moduleEditor, a = i != null && Q(this.#l.value.draft, i) != "saved", o = this.#l.value.flows, s = this.#F(r, t, o), c = new Set(o.map((e) => e.flowId)), l = this.#l.value.target == null ? t.filter((e) => e.draft != null && s.revision.flow(e.flowId) != null && !c.has(e.flowId)) : [], u = l.length == 1 ? {
-			id: l[0].flowId,
-			kind: "flow"
-		} : s.target;
-		return this.#z({
-			diagnostics: n ? this.#l.value.diagnostics : void 0,
-			draft: r,
-			flows: t,
-			moduleEditor: this.#L(s.revision, u, s.selectedNodeIds),
-			selectedNodeIds: s.selectedNodeIds,
-			target: u
-		}), a;
-	}
-	#L(e, t, n) {
+		let n = this.#t.project(e), r = this.#l.value.moduleEditor, i = r != null && Z(this.#l.value.draft, r) != "saved", a = this.#I(n), o = a.target;
+		return this.#B({
+			diagnostics: t ? this.#l.value.diagnostics : void 0,
+			draft: n,
+			moduleEditor: this.#R(a.revision, o, a.selectedNodeIds),
+			selectedNodeIds: a.selectedNodeIds,
+			target: o
+		}), i;
+	}
+	#R(e, t, n) {
 		let r = this.#l.value.moduleEditor;
-		return r == null || Q(this.#l.value.draft, r) == "saved" ? $(e, t, n) : {
+		return r == null || Z(this.#l.value.draft, r) == "saved" ? Q(e, t, n) : {
 			...r,
 			phase: "failed"
 		};
 	}
-	#R(e) {
-		return !this.#_ && e.projectId == this.#l.value.projectId && e.current();
-	}
 	#z(e) {
+		return !this.#_ && e.flowId == this.#l.value.flowId && e.current();
+	}
+	#B(e) {
 		this.#_ || this.#l.set(e);
 	}
 };
 //#endregion
 //#region src/workbench/browser/runtime/stores/workbenchStore.ts
-function Ot(e) {
+function wt(e) {
 	return new Map(e.nodes.map((e) => [e.id, e]));
 }
-function kt(e, t) {
-	return e == null || t == null ? [] : f(e).designerInputs(t);
+function Tt(e, t) {
+	return e == null || t == null ? [] : h(e).designerInputs(t);
 }
-function At(e, t, n, r, i) {
-	if (e == null || t?.kind != "flow" || n?.revisionId != e.revisionId || n.flowId != t.id) return /* @__PURE__ */ new Map();
-	let a = r.find((e) => e.kind == "run.started" && e.payload.flowId == t.id)?.payload.scopeId;
-	return typeof a == "string" ? new Map(r.flatMap((e) => {
-		let n = e.payload.nodeId;
-		return e.payload.scopeId == a && e.payload.flowId == t.id && typeof n == "string" && i.has(n) ? [[e.sequence, n]] : [];
+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) => {
+		let n = t.payload.nodeId;
+		return t.payload.scopeId == a && t.payload.flowId == e.flowId && typeof n == "string" && i.has(n) ? [[t.sequence, n]] : [];
 	})) : /* @__PURE__ */ new Map();
 }
-var jt = { openExternalPage: async () => !1 }, Mt = class {
+var Dt = { openExternalPage: async () => !1 }, Ot = class {
 	#e;
 	#t;
 	#n;
 	#r;
-	constructor(r, i, a = () => crypto.randomUUID(), o = y(), s = jt) {
-		this.#e = new S(), 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;
+	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 h(r, c, o), this.workspace = new Dt(r, c, a, o, (e) => void this.#a(r, e)), this.connectors = new be(r, this.workspace, c, s, o), this.triggers = new Ce(r, this.workspace, c, s, o), this.publications = new fe(r, this.workspace, c, a, o), this.runRequests = new ge(r, this.runs, c, o, a);
-		let l = /* @__PURE__ */ new Map(), u, d = 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);
-			u != t?.projectId && (l.clear(), u = t?.projectId);
-			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$), d = e(this.runs.$.run), f = e(this.runs.$.events), p = n == null ? "" : `${n.kind}:${n.id}`, m = [
-				...kt(t, n),
-				r == null || n == null ? void 0 : v(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,
 				s,
 				c,
-				d,
+				l,
 				f,
-				...d == null ? [] : [t?.revisionId]
-			], h = l.get(p);
-			if (h != null && h.inputs.length == m.length && h.inputs.every((e, t) => e === m[t])) return h.graph;
-			let g = _(t, n, r, i, a, s, c, d, f);
-			return l.set(p, {
-				graph: g,
-				inputs: m
-			}), g;
-		}), f = e(d, Ot);
+				...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);
 		this.$ = {
 			busy: n((e) => {
 				let t = e(this.workspace.$.busy);
@@ -3259,13 +3164,13 @@ var jt = { openExternalPage: async () => !1 }, Mt = class {
 				if (e(this.publications.$.rollingBackPublicationId) != null) return "rollback";
 				if (e(this.publications.$.changingTriggerId) != null) return "trigger";
 			}),
-			designer: d,
-			designerNodeById: f,
+			designer: f,
+			designerNodeById: p,
 			notice: this.#n,
-			runEventNodes: n((e) => At(e(this.workspace.$.draft), e(this.workspace.$.target), e(this.runs.$.run), e(this.runs.$.events), e(f))),
+			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(f).get(t[0]) : void 0;
+				return t.length == 1 ? e(p).get(t[0]) : void 0;
 			})
 		};
 	}
@@ -3274,27 +3179,31 @@ var jt = { openExternalPage: async () => !1 }, Mt = class {
 		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();
 	}
-	async start(e, t) {
-		this.#e.invalidate(), this.connectors.reset(), this.triggers.reset(), this.publications.reset(), this.runRequests.reset(), this.runs.reset(), await this.workspace.start(e, t);
+	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);
 	}
-	async retryProjects() {
-		await this.workspace.reloadProjects();
+	async retryFlows() {
+		await this.workspace.reloadFlows();
 	}
 	dismissNotice() {
 		this.#r || this.#n.set(void 0);
 	}
-	async selectProject(e, t) {
-		return this.#r || (this.#e.invalidate(), this.#n.set(void 0), !await this.workspace.selectProject(e, t)) ? !1 : (this.connectors.reset(), this.triggers.reset(), this.publications.reset(), this.runRequests.reset(), this.runs.reset(), !0);
+	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);
 	}
-	async createProject(e) {
-		let t = await this.workspace.createProject(e);
-		return this.#r || t == null ? !1 : (await this.selectProject(t.projectId), this.#r || this.#n.set({
+	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({
 			kind: "success",
 			message: this.#t.t("notice.created", { name: t.name })
 		}), !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);
@@ -3313,69 +3222,56 @@ var jt = { openExternalPage: async () => !1 }, Mt = 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(o(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);
 	}
 	async requestDraftRun() {
-		let e = this.workspace.$.projectId.value, t = this.workspace.$.targetFlow.value, n = this.workspace.$.draft.value;
-		return e == null || t == null || n == null ? "unavailable" : await this.runRequests.requestDraft(e, t, n);
+		let e = this.workspace.$.targetFlow.value, t = this.workspace.$.draft.value;
+		return e == null || t == null ? "unavailable" : await this.runRequests.requestDraft(e, t);
 	}
 	async requestLiveRun() {
-		let e = this.workspace.$.projectId.value, t = this.workspace.$.targetFlow.value;
-		return e == null || t == null ? "unavailable" : await this.runRequests.requestLive(e, t);
+		let e = this.workspace.$.targetFlow.value;
+		return e == null ? "unavailable" : await this.runRequests.requestLive(e);
 	}
 	async #a(e, t) {
 		let n = this.workspace.$.target.value;
-		if (this.#r || this.runRequests.$.submitting.value != null || this.workspace.$.projectId.value != t.projectId || n?.kind != "flow" || n.id != t.flowId) return;
+		if (this.#r || this.runRequests.$.submitting.value != null || n?.kind != "flow" || this.workspace.$.flowId.value != t.flowId) return;
 		let r = this.#e.begin();
 		try {
 			let n = await e.getRun(t.runId), i = this.workspace.$.target.value;
-			if (!r() || this.#r || this.workspace.$.projectId.value != t.projectId || i?.kind != "flow" || i.id != t.flowId || n.projectId != t.projectId || n.flowId != t.flowId || n.runId != t.runId) return;
+			if (!r() || this.#r || i?.kind != "flow" || this.workspace.$.flowId.value != t.flowId || n.flowId != t.flowId || n.runId != t.runId) return;
 			this.runs.followExternal(n);
 		} catch {
 			return;
 		}
 	}
-}, Nt = ie(() => import("./flowWorkspace-CylW6hge.js"));
-function Pt({ 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 C(() => e.notify(n), [e, n]), C(() => () => e.notify(void 0), [e]), null;
+	return S(() => e.notify(n), [e, n]), S(() => () => e.notify(void 0), [e]), null;
 }
-function Ft({ hrefFor: e, language: t, navigation: n, onLanguageChange: r, store: i, theme: o }) {
-	let s = a(i.workspace.$.projectId), c = a(i.workspace.$.target);
-	return /* @__PURE__ */ w("div", {
+function jt({ hrefFor: e, language: t, navigation: n, onLanguageChange: r, store: i, theme: o }) {
+	let s = a(i.workspace.$.flowId);
+	return /* @__PURE__ */ C("div", {
 		className: "app-shell",
-		children: s == null ? /* @__PURE__ */ w(te, {
-			hrefForProject: (t) => e({
-				projectId: t,
-				view: "design"
-			}),
-			language: t,
-			onCreateProject: (e) => n.createProject(e),
-			onLanguageChange: r,
-			onSelectProject: (e) => void n.selectProject(e),
-			store: i
-		}) : c == null ? /* @__PURE__ */ w(ne, {
+		children: s == null ? /* @__PURE__ */ C(ne, {
 			hrefForFlow: (t) => e({
 				flowId: t.flowId,
-				projectId: s,
-				view: t.draft == null ? "publications" : "design"
+				view: "design"
 			}),
 			language: t,
 			onCreateFlow: (e) => n.createFlow(e),
 			onLanguageChange: r,
-			onOpenProjects: () => void n.openProjects(),
-			onSelectFlow: (e) => n.selectFlow(e),
-			projectsHref: e({ view: "design" }),
+			onSelectFlow: (e) => void n.selectFlow(e),
 			store: i
-		}) : /* @__PURE__ */ w(re, {
-			fallback: /* @__PURE__ */ w("main", {
+		}) : /* @__PURE__ */ C(re, {
+			fallback: /* @__PURE__ */ C("main", {
 				"aria-busy": "true",
 				className: "workspace"
 			}),
-			children: /* @__PURE__ */ w(Nt, {
+			children: /* @__PURE__ */ C(kt, {
 				hrefFor: e,
 				language: t,
 				navigation: n,
@@ -3386,52 +3282,52 @@ function Ft({ hrefFor: e, language: t, navigation: n, onLanguageChange: r, store
 		})
 	});
 }
-function It({ host: e, hrefFor: t, language: n, location: r, onLanguageChange: a, onNavigate: o, preferences: s, theme: c }) {
-	let l = ae(o);
-	l.current = o;
-	let [{ i18n: u, navigation: d, store: f }] = oe(() => {
-		let t = y(n), i = new Mt(new ee((t, n) => e.request(t, n), (t, n) => e.subscribeProject(t, n)), s, () => crypto.randomUUID(), t, e);
+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);
 		return {
 			i18n: t,
-			navigation: new le(i, r, (e, t) => l.current(e, t)),
-			store: i
+			navigation: new ce(r, i, (e, t) => d.current(e, t)),
+			store: r
 		};
 	});
-	return C(() => {
-		d.start();
+	return S(() => {
+		p.start();
 		let e = () => {
-			f.connectors.refreshAfterAuthorization(), f.triggers.refreshAfterAuthorization();
+			m.connectors.refreshAfterAuthorization(), m.triggers.refreshAfterAuthorization();
 		};
 		return globalThis.addEventListener("focus", e), () => {
-			globalThis.removeEventListener("focus", e), d.dispose(), f.dispose(), u.dispose();
+			globalThis.removeEventListener("focus", e), p.dispose(), m.dispose(), f.dispose();
 		};
 	}, [
-		u,
-		d,
-		f
-	]), C(() => void d.apply(r), [r, d]), C(() => {
-		u.lang != n && u.switchLang(n);
-	}, [u, n]), /* @__PURE__ */ w(i, {
-		i18n: u,
+		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": c,
-			children: [/* @__PURE__ */ w(Pt, {
+			"data-theme": u,
+			children: [/* @__PURE__ */ C(At, {
 				host: e,
-				store: f
-			}), /* @__PURE__ */ w(Ft, {
+				store: m
+			}), /* @__PURE__ */ C(jt, {
 				hrefFor: t,
 				language: n,
-				navigation: d,
+				navigation: p,
 				onLanguageChange: a,
-				store: f,
-				theme: c
+				store: m,
+				theme: u
 			})]
 		})
 	});
 }
-function Lt({ sessionKey: e, ...t }) {
-	return /* @__PURE__ */ w(It, { ...t }, e);
+function Nt({ sessionKey: e, ...t }) {
+	return /* @__PURE__ */ C(Mt, { ...t }, e);
 }
 //#endregion
-export { Lt as OpenFlowWorkbench };
+export { Nt as OpenFlowWorkbench };