@oomol-lab/open-flow 0.1.0-beta.5 → 0.1.0-beta.6

package/dist/browser/workbench.js

@@ -3,12 +3,12 @@ import { a as r, i, s as a, t as o } from "./main-DmjVyuWr.js";
 import { Un as s, Vn as c, jt as l } from "./getPseudoElementBounds-5LArT6Xc.js";
 import { a as u, c as d, d as f, f as p, i as m, n as h, o as g, p as _, t as v, u as y } from "./icons-CRxvozBE.js";
 import { t as b } from "./workbenchSelect-Cf1zlVm9.js";
-import { $ as x, A as S, C as ee, D as C, E as w, F as T, G as E, H as D, I as O, J as k, M as A, N as j, O as M, P as N, Q as P, S as F, U as I, V as L, W as te, X as ne, Y as re, Z as ie, _ as ae, a as oe, at as se, b as ce, c as le, ct as ue, d as de, dt as fe, et as pe, f as me, ft as R, g as he, h as ge, i as _e, it as ve, j as z, l as ye, lt as be, m as xe, mt as B, n as V, nt as Se, o as Ce, ot as we, p as Te, pt as Ee, q as De, rt as Oe, s as ke, st as Ae, t as je, tt as H, u as Me, ut as U, v as Ne, w as Pe, x as Fe, y as Ie, z as Le } from "./flowChanges-CeMiiZIO.js";
-import { a as Re, i as ze, n as Be, r as Ve } from "./languages-DgJehE1g.js";
-import { Suspense as He, lazy as Ue, useEffect as W, useRef as We, useState as G } from "react";
-import { Fragment as Ge, jsx as K, jsxs as q } from "react/jsx-runtime";
+import { $ as x, A as S, C as ee, D as C, E as w, F as T, G as E, H as D, I as O, J as te, M as k, N as A, O as j, P as M, Q as N, S as P, U as F, V as I, W as ne, X as re, Y as ie, Z as ae, _ as oe, a as se, at as ce, b as le, c as ue, ct as de, d as fe, dt as pe, et as me, f as he, ft as L, g as ge, h as _e, i as ve, it as ye, j as R, l as be, lt as xe, m as Se, mt as z, n as B, nt as Ce, o as we, ot as Te, p as Ee, pt as De, q as Oe, rt as ke, s as Ae, st as je, t as Me, tt as V, u as Ne, ut as Pe, v as Fe, w as Ie, x as Le, y as Re, z as ze } from "./flowChanges-BDqD_Q4G.js";
+import { a as Be, i as Ve, n as He, r as Ue } from "./languages-DgJehE1g.js";
+import { Suspense as We, lazy as H, useEffect as U, useRef as Ge, useState as W } from "react";
+import { Fragment as Ke, jsx as G, jsxs as K } from "react/jsx-runtime";
 //#region src/workbench/browser/runtime/navigation.ts
-var Ke = class {
+var qe = class {
 	#e;
 	#t;
 	#n;
@@ -67,7 +67,7 @@ var Ke = class {
 		this.#s = !0, await this.#n.selectFlow(void 0), e == this.#i && (this.#u("design", !1), this.#s = !1);
 	}
 	async apply(e) {
-		if (qe(e, this.#t)) return;
+		if (Je(e, this.#t)) return;
 		this.#t = e;
 		let t = ++this.#i;
 		this.#s = !0;
@@ -83,37 +83,37 @@ var Ke = class {
 			flowId: this.#n.workspace.$.flowId.value,
 			view: e
 		};
-		qe(n, this.#t) || (this.#t = n, this.#e(n, { replace: t })), this.#r.set(e);
+		Je(n, this.#t) || (this.#t = n, this.#e(n, { replace: t })), this.#r.set(e);
 	}
 };
-function qe(e, t) {
+function Je(e, t) {
 	return e.flowId == t.flowId && e.view == t.view;
 }
 //#endregion
 //#region src/workbench/browser/runtime/shell/resourceBrowser.tsx
-var Je = Ue(() => import("./createResourceDialog-Cf7QpXp6.js")), Ye = Re.map((e) => ({
-	label: ze[e],
+var Ye = H(() => import("./createResourceDialog-Cf7QpXp6.js")), Xe = Be.map((e) => ({
+	label: Ve[e],
 	value: e
 }));
-function Xe({ language: e, onLanguageChange: t }) {
-	let n = r(), [i, a] = G(null);
-	return t == null ? null : /* @__PURE__ */ q("div", {
+function Ze({ language: e, onLanguageChange: t }) {
+	let n = r(), [i, a] = W(null);
+	return t == null ? null : /* @__PURE__ */ K("div", {
 		className: "resource-language",
 		ref: a,
-		children: [/* @__PURE__ */ K("span", {
+		children: [/* @__PURE__ */ G("span", {
 			className: "sr-only",
 			children: n("language.label")
-		}), /* @__PURE__ */ K(b, {
+		}), /* @__PURE__ */ G(b, {
 			ariaLabel: n("language.label"),
 			onValueChange: (e) => t(e),
-			options: Ye,
+			options: Xe,
 			portalRoot: i,
 			value: e
 		})]
 	});
 }
-function Ze({ badge: e, busy: t, flow: n, href: a, onSelect: o, store: d }) {
-	let f = i(), p = r(), [m, h] = G("idle"), [g, y] = G(n.name), b = u(g);
+function Qe({ badge: e, busy: t, flow: n, href: a, onSelect: o, store: d }) {
+	let f = i(), p = r(), [m, h] = W("idle"), [g, y] = W(n.name), b = u(g);
 	async function x(e) {
 		e.preventDefault();
 		let t = g.trim();
@@ -122,10 +122,10 @@ function Ze({ badge: e, busy: t, flow: n, href: a, onSelect: o, store: d }) {
 	async function S() {
 		await d.workspace.deleteFlow(n.flowId) && h("idle");
 	}
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ K("div", {
 		className: "resource-item-row",
 		children: [
-			/* @__PURE__ */ q(c, {
+			/* @__PURE__ */ K(c, {
 				"aria-disabled": n.status == "retiring",
 				className: "resource-list-row flow-columns",
 				nativeButton: !1,
@@ -134,50 +134,50 @@ function Ze({ badge: e, busy: t, flow: n, href: a, onSelect: o, store: d }) {
 						e.preventDefault();
 						return;
 					}
-					pe(e, () => o(n));
+					me(e, () => o(n));
 				},
-				render: /* @__PURE__ */ K("a", { href: n.status == "retiring" ? void 0 : a }),
+				render: /* @__PURE__ */ G("a", { href: n.status == "retiring" ? void 0 : a }),
 				tabIndex: n.status == "retiring" ? -1 : void 0,
 				variant: "ghost",
 				children: [
-					/* @__PURE__ */ q("span", {
+					/* @__PURE__ */ K("span", {
 						className: "resource-primary-cell",
-						children: [/* @__PURE__ */ K("span", {
+						children: [/* @__PURE__ */ G("span", {
 							className: "resource-icon",
-							children: /* @__PURE__ */ K(v, { name: "flow" })
-						}), /* @__PURE__ */ q("span", { children: [/* @__PURE__ */ q("span", {
+							children: /* @__PURE__ */ G(v, { name: "flow" })
+						}), /* @__PURE__ */ K("span", { children: [/* @__PURE__ */ K("span", {
 							className: "flex min-w-0 items-center gap-2",
-							children: [/* @__PURE__ */ K("strong", {
+							children: [/* @__PURE__ */ G("strong", {
 								className: "min-w-0 truncate",
 								children: n.name
-							}), e != null && /* @__PURE__ */ K(fe, {
+							}), e != null && /* @__PURE__ */ G(pe, {
 								className: "min-w-0 shrink",
 								title: e,
 								variant: "secondary",
-								children: /* @__PURE__ */ K("span", {
+								children: /* @__PURE__ */ G("span", {
 									className: "truncate",
 									children: e
 								})
 							})]
-						}), /* @__PURE__ */ K("code", {
+						}), /* @__PURE__ */ G("code", {
 							translate: "no",
 							children: n.flowId
 						})] })]
 					}),
-					/* @__PURE__ */ K("time", {
+					/* @__PURE__ */ G("time", {
 						dateTime: n.updatedAt,
 						children: new Date(n.updatedAt).toLocaleString(f)
 					}),
-					/* @__PURE__ */ q("span", {
+					/* @__PURE__ */ K("span", {
 						className: `resource-status ${n.status == "active" ? "active" : "warning"}`,
-						children: [/* @__PURE__ */ K("span", {
+						children: [/* @__PURE__ */ G("span", {
 							"aria-hidden": "true",
 							className: `status-dot ${n.status == "active" ? "success" : "running"}`
 						}), p(n.status == "active" ? "resource.active" : "resource.retiring")]
 					})
 				]
 			}),
-			n.status == "active" && /* @__PURE__ */ K(c, {
+			n.status == "active" && /* @__PURE__ */ G(c, {
 				"aria-expanded": m != "idle",
 				"aria-label": p("sidebar.flowActions", { name: n.name }),
 				className: s("resource-row-more", m != "idle" && "active"),
@@ -185,35 +185,35 @@ function Ze({ badge: e, busy: t, flow: n, href: a, onSelect: o, store: d }) {
 				onClick: () => h(m == "idle" ? "actions" : "idle"),
 				size: "icon-sm",
 				variant: "ghost",
-				children: /* @__PURE__ */ K(v, { name: "more" })
+				children: /* @__PURE__ */ G(v, { name: "more" })
 			}),
-			m == "actions" && /* @__PURE__ */ q("div", {
+			m == "actions" && /* @__PURE__ */ K("div", {
 				className: "resource-row-actions",
-				children: [/* @__PURE__ */ K(c, {
+				children: [/* @__PURE__ */ G(c, {
 					onClick: () => {
 						y(n.name), h("rename");
 					},
 					size: "sm",
 					variant: "outline",
 					children: p("common.rename")
-				}), /* @__PURE__ */ K(c, {
+				}), /* @__PURE__ */ G(c, {
 					onClick: () => h("delete"),
 					size: "sm",
 					variant: "destructive",
 					children: p("common.delete")
 				})]
 			}),
-			m == "rename" && /* @__PURE__ */ q("form", {
+			m == "rename" && /* @__PURE__ */ K("form", {
 				className: "resource-row-form",
 				onSubmit: (e) => void x(e),
 				children: [
-					/* @__PURE__ */ K(_, {
+					/* @__PURE__ */ G(_, {
 						htmlFor: `rename-flow-${n.flowId}`,
 						children: p("sidebar.renameFlow", { name: n.name })
 					}),
-					/* @__PURE__ */ q("span", {
+					/* @__PURE__ */ K("span", {
 						className: "resource-row-field",
-						children: [/* @__PURE__ */ K(l, {
+						children: [/* @__PURE__ */ G(l, {
 							autoComplete: "off",
 							"aria-invalid": g.length > 0 && b != null,
 							autoFocus: !0,
@@ -222,17 +222,17 @@ function Ze({ badge: e, busy: t, flow: n, href: a, onSelect: o, store: d }) {
 							onChange: (e) => y(e.target.value),
 							required: !0,
 							value: g
-						}), g.length > 0 && b != null && /* @__PURE__ */ K("small", {
+						}), g.length > 0 && b != null && /* @__PURE__ */ G("small", {
 							className: "resource-name-message error",
 							children: p(`resource.nameIssue.${b}`, { max: 80 })
 						})]
 					}),
-					/* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(c, {
+					/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G(c, {
 						onClick: () => h("idle"),
 						size: "sm",
 						variant: "outline",
 						children: p("common.cancel")
-					}), /* @__PURE__ */ K(c, {
+					}), /* @__PURE__ */ G(c, {
 						disabled: t != null || b != null,
 						size: "sm",
 						type: "submit",
@@ -240,16 +240,16 @@ function Ze({ badge: e, busy: t, flow: n, href: a, onSelect: o, store: d }) {
 					})] })
 				]
 			}),
-			m == "delete" && /* @__PURE__ */ q("div", {
+			m == "delete" && /* @__PURE__ */ K("div", {
 				className: "resource-row-confirm",
 				role: "group",
 				"aria-label": p("sidebar.deleteFlow", { name: n.name }),
-				children: [/* @__PURE__ */ K("span", { children: /* @__PURE__ */ K("strong", { children: p("sidebar.deleteFlowConfirm", { name: n.name }) }) }), /* @__PURE__ */ q("div", { children: [/* @__PURE__ */ K(c, {
+				children: [/* @__PURE__ */ G("span", { children: /* @__PURE__ */ G("strong", { children: p("sidebar.deleteFlowConfirm", { name: n.name }) }) }), /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G(c, {
 					onClick: () => h("idle"),
 					size: "sm",
 					variant: "outline",
 					children: p("common.cancel")
-				}), /* @__PURE__ */ K(c, {
+				}), /* @__PURE__ */ G(c, {
 					disabled: t != null,
 					onClick: () => void S(),
 					size: "sm",
@@ -260,64 +260,64 @@ function Ze({ badge: e, busy: t, flow: n, href: a, onSelect: o, store: d }) {
 		]
 	});
 }
-function Qe() {
-	return /* @__PURE__ */ q("div", {
+function $e() {
+	return /* @__PURE__ */ K("div", {
 		"aria-hidden": "true",
 		className: "resource-list-row resource-skeleton-row flow-columns",
 		children: [
-			/* @__PURE__ */ q("span", {
+			/* @__PURE__ */ K("span", {
 				className: "resource-primary-cell",
-				children: [/* @__PURE__ */ K(H, { className: "size-8 shrink-0" }), /* @__PURE__ */ q("span", {
+				children: [/* @__PURE__ */ G(V, { className: "size-8 shrink-0" }), /* @__PURE__ */ K("span", {
 					className: "resource-skeleton-copy",
-					children: [/* @__PURE__ */ K(H, { className: "h-3.5 w-36" }), /* @__PURE__ */ K(H, { className: "h-2.5 w-48 max-w-full" })]
+					children: [/* @__PURE__ */ G(V, { className: "h-3.5 w-36" }), /* @__PURE__ */ G(V, { className: "h-2.5 w-48 max-w-full" })]
 				})]
 			}),
-			/* @__PURE__ */ K(H, { className: "h-3 w-28" }),
-			/* @__PURE__ */ K(H, { className: "h-3 w-16" })
+			/* @__PURE__ */ G(V, { className: "h-3 w-28" }),
+			/* @__PURE__ */ G(V, { className: "h-3 w-16" })
 		]
 	});
 }
-function $e({ catalogWidth: e, createFlowDisabled: t, createFlowField: n, flowBadges: i, hrefForFlow: o, hostAction: l, hostTitle: d, language: f, onCreateFlow: p, onHostAction: m, onLanguageChange: h, onSelectFlow: g, store: _ }) {
-	let y = r(), b = a(_.workspace.$.busy), S = a(_.workspace.$.flowLoadFailed), ee = a(_.workspace.$.flowLoadMoreFailed), C = a(_.workspace.$.flowLoading), w = a(_.workspace.$.flowLoadingMore), T = a(_.workspace.$.flowNextCursor), E = a(_.workspace.$.flows), D = a(_.workspace.$.flowTotal), [O, k] = G(!1), [A, j] = G(""), [M, N] = G(""), P = A.trim().toLocaleLowerCase(), F = E.filter((e) => e.name.toLocaleLowerCase().includes(P));
+function et({ catalogWidth: e, createFlowDisabled: t, createFlowField: n, flowBadges: i, hrefForFlow: o, hostAction: l, hostTitle: d, language: f, onCreateFlow: p, onHostAction: m, onLanguageChange: h, onSelectFlow: g, store: _ }) {
+	let y = r(), b = a(_.workspace.$.busy), S = a(_.workspace.$.flowLoadFailed), ee = a(_.workspace.$.flowLoadMoreFailed), C = a(_.workspace.$.flowLoading), w = a(_.workspace.$.flowLoadingMore), T = a(_.workspace.$.flowNextCursor), E = a(_.workspace.$.flowRefreshing), D = a(_.workspace.$.flows), O = a(_.workspace.$.flowTotal), [te, k] = W(!1), [A, j] = W(""), [M, N] = W(""), P = A.trim().toLocaleLowerCase(), F = D.filter((e) => e.name.toLocaleLowerCase().includes(P));
 	async function I(e) {
 		e.preventDefault();
 		let t = M.trim();
 		u(t) != null || !await p(t) || (k(!1), N(""));
 	}
-	return /* @__PURE__ */ K("main", {
+	return /* @__PURE__ */ G("main", {
 		className: "resource-browser",
-		children: /* @__PURE__ */ q("div", {
+		children: /* @__PURE__ */ K("div", {
 			className: s("resource-page", e != "default" && "resource-page-full"),
 			children: [
-				/* @__PURE__ */ K("h1", {
+				/* @__PURE__ */ G("h1", {
 					className: "sr-only",
 					children: y("resource.flows")
 				}),
-				/* @__PURE__ */ q("section", {
+				/* @__PURE__ */ K("section", {
 					"aria-labelledby": "flow-list-title",
 					className: "resource-list-section",
 					children: [
-						/* @__PURE__ */ q("div", {
+						/* @__PURE__ */ K("div", {
 							className: "resource-list-title",
-							children: [/* @__PURE__ */ q("div", {
+							children: [/* @__PURE__ */ K("div", {
 								className: "resource-list-heading",
-								children: [/* @__PURE__ */ K("h2", {
+								children: [/* @__PURE__ */ G("h2", {
 									id: "flow-list-title",
 									children: y("resource.allFlows")
-								}), !C && /* @__PURE__ */ K("span", { children: y("resource.flowCount", { count: D ?? E.length }) })]
-							}), /* @__PURE__ */ q("div", {
+								}), !C && /* @__PURE__ */ G("span", { children: y("resource.flowCount", { count: O ?? D.length }) })]
+							}), /* @__PURE__ */ K("div", {
 								className: "resource-list-actions",
 								children: [
-									/* @__PURE__ */ K(Xe, {
+									/* @__PURE__ */ G(Ze, {
 										language: f,
 										onLanguageChange: h
 									}),
-									/* @__PURE__ */ q(Se, {
+									/* @__PURE__ */ K(Ce, {
 										className: "w-full sm:w-56",
-										children: [/* @__PURE__ */ K(Oe, { children: /* @__PURE__ */ K(v, {
+										children: [/* @__PURE__ */ G(ke, { children: /* @__PURE__ */ G(v, {
 											name: "search",
 											size: 17
-										}) }), /* @__PURE__ */ K(ve, {
+										}) }), /* @__PURE__ */ G(ye, {
 											autoComplete: "off",
 											"aria-label": y("resource.searchFlows"),
 											name: "flow-search",
@@ -326,25 +326,28 @@ function $e({ catalogWidth: e, createFlowDisabled: t, createFlowField: n, flowBa
 											value: A
 										})]
 									}),
-									/* @__PURE__ */ K(c, {
+									/* @__PURE__ */ G(c, {
 										"aria-label": y("common.refresh"),
-										disabled: C || b != null,
+										disabled: C || E || b != null,
 										onClick: () => void _.workspace.reloadFlows(),
 										size: "icon",
 										title: y("common.refresh"),
 										variant: "outline",
-										children: /* @__PURE__ */ K(v, { name: "refresh" })
+										children: /* @__PURE__ */ G(v, {
+											className: E ? "animate-spin" : void 0,
+											name: "refresh"
+										})
 									}),
-									/* @__PURE__ */ q(c, {
+									/* @__PURE__ */ K(c, {
 										className: "resource-page-primary-action",
 										disabled: b != null,
 										onClick: () => k(!0),
-										children: [/* @__PURE__ */ K(v, {
+										children: [/* @__PURE__ */ G(v, {
 											"data-icon": "inline-start",
 											name: "plus"
 										}), y("resource.newFlow")]
 									}),
-									l != null && d != null && m != null && /* @__PURE__ */ K(x, {
+									l != null && d != null && m != null && /* @__PURE__ */ G(x, {
 										action: l,
 										onAction: m,
 										title: d
@@ -352,56 +355,56 @@ function $e({ catalogWidth: e, createFlowDisabled: t, createFlowField: n, flowBa
 								]
 							})]
 						}),
-						/* @__PURE__ */ q("div", {
+						/* @__PURE__ */ K("div", {
 							"aria-hidden": "true",
 							className: "resource-list-columns flow-columns",
 							children: [
-								/* @__PURE__ */ K("span", { children: y("resource.name") }),
-								/* @__PURE__ */ K("span", { children: y("resource.updated") }),
-								/* @__PURE__ */ K("span", { children: y("resource.status") })
+								/* @__PURE__ */ G("span", { children: y("resource.name") }),
+								/* @__PURE__ */ G("span", { children: y("resource.updated") }),
+								/* @__PURE__ */ G("span", { children: y("resource.status") })
 							]
 						}),
-						/* @__PURE__ */ K("div", {
+						/* @__PURE__ */ G("div", {
 							className: "resource-list",
-							children: C ? Array.from({ length: 5 }, (e, t) => /* @__PURE__ */ K(Qe, {}, t)) : S ? /* @__PURE__ */ q(se, {
+							children: C ? Array.from({ length: 5 }, (e, t) => /* @__PURE__ */ G($e, {}, t)) : S ? /* @__PURE__ */ K(ce, {
 								className: "min-h-64",
 								role: "alert",
-								children: [/* @__PURE__ */ q(ue, { children: [
-									/* @__PURE__ */ K(be, {
+								children: [/* @__PURE__ */ K(de, { children: [
+									/* @__PURE__ */ G(xe, {
 										variant: "icon",
-										children: /* @__PURE__ */ K(v, {
+										children: /* @__PURE__ */ G(v, {
 											name: "alert",
 											size: 20
 										})
 									}),
-									/* @__PURE__ */ K(U, { children: y("resource.flowsLoadFailed") }),
-									/* @__PURE__ */ K(Ae, { children: y("resource.flowsLoadFailedDescription") })
-								] }), /* @__PURE__ */ K(we, { children: /* @__PURE__ */ K(c, {
+									/* @__PURE__ */ G(Pe, { children: y("resource.flowsLoadFailed") }),
+									/* @__PURE__ */ G(je, { children: y("resource.flowsLoadFailedDescription") })
+								] }), /* @__PURE__ */ G(Te, { children: /* @__PURE__ */ G(c, {
 									onClick: () => void _.retryFlows(),
 									variant: "outline",
 									children: y("empty.retry")
 								}) })]
-							}) : F.length == 0 ? /* @__PURE__ */ q(se, {
+							}) : F.length == 0 ? /* @__PURE__ */ K(ce, {
 								className: "min-h-64",
-								children: [/* @__PURE__ */ q(ue, { children: [
-									/* @__PURE__ */ K(be, {
+								children: [/* @__PURE__ */ K(de, { children: [
+									/* @__PURE__ */ G(xe, {
 										variant: "icon",
-										children: /* @__PURE__ */ K(v, {
+										children: /* @__PURE__ */ G(v, {
 											name: "flow",
 											size: 20
 										})
 									}),
-									/* @__PURE__ */ K(U, { children: y(P.length == 0 ? "resource.noFlows" : "resource.noMatchingFlows") }),
-									/* @__PURE__ */ K(Ae, { children: y(P.length == 0 ? "resource.noFlowsDescription" : "resource.noMatchingDescription") })
-								] }), P.length == 0 && /* @__PURE__ */ K(we, { children: /* @__PURE__ */ q(c, {
+									/* @__PURE__ */ G(Pe, { children: y(P.length == 0 ? "resource.noFlows" : "resource.noMatchingFlows") }),
+									/* @__PURE__ */ G(je, { children: y(P.length == 0 ? "resource.noFlowsDescription" : "resource.noMatchingDescription") })
+								] }), P.length == 0 && /* @__PURE__ */ G(Te, { children: /* @__PURE__ */ K(c, {
 									onClick: () => k(!0),
 									variant: "outline",
-									children: [/* @__PURE__ */ K(v, {
+									children: [/* @__PURE__ */ G(v, {
 										"data-icon": "inline-start",
 										name: "plus"
 									}), y("resource.newFlow")]
 								}) })]
-							}) : F.map((e) => /* @__PURE__ */ K(Ze, {
+							}) : F.map((e) => /* @__PURE__ */ G(Qe, {
 								badge: i?.[e.flowId],
 								busy: b,
 								flow: e,
@@ -410,10 +413,10 @@ function $e({ catalogWidth: e, createFlowDisabled: t, createFlowField: n, flowBa
 								store: _
 							}, e.flowId))
 						}),
-						T != null && /* @__PURE__ */ K("div", {
+						T != null && /* @__PURE__ */ G("div", {
 							className: "resource-list-footer",
-							children: /* @__PURE__ */ K(c, {
-								disabled: w,
+							children: /* @__PURE__ */ G(c, {
+								disabled: w || E,
 								onClick: () => void _.workspace.loadMoreFlows(),
 								variant: "outline",
 								children: y(w ? "resource.loadingMore" : ee ? "resource.retryLoadMore" : "resource.loadMore")
@@ -421,9 +424,9 @@ function $e({ catalogWidth: e, createFlowDisabled: t, createFlowField: n, flowBa
 						})
 					]
 				}),
-				O && /* @__PURE__ */ K(He, {
+				te && /* @__PURE__ */ G(We, {
 					fallback: null,
-					children: /* @__PURE__ */ K(Je, {
+					children: /* @__PURE__ */ G(Ye, {
 						disabled: t,
 						field: n,
 						id: "flow-name",
@@ -443,7 +446,7 @@ function $e({ catalogWidth: e, createFlowDisabled: t, createFlowField: n, flowBa
 }
 //#endregion
 //#region ../../node_modules/.bun/nanoid@6.0.1/node_modules/nanoid/index.browser.js
-var et = (e) => crypto.getRandomValues(new Uint8Array(e)), tt = (e, t, n) => {
+var tt = (e) => crypto.getRandomValues(new Uint8Array(e)), nt = (e, t, n) => {
 	let r = 256 - 256 % e.length;
 	if (r === 256) {
 		let r = e.length - 1;
@@ -465,30 +468,30 @@ var et = (e) => crypto.getRandomValues(new Uint8Array(e)), tt = (e, t, n) => {
 			for (; s--;) if (t[s] < r && (o += e[t[s] % e.length], o.length >= a)) return o;
 		}
 	};
-}, nt = (e, t = 21) => tt(e, t | 0, et);
+}, rt = (e, t = 21) => nt(e, t | 0, tt);
 //#endregion
 //#region src/flow/common/edgeChanges.ts
-function rt(e, t, n) {
+function it(e, t, n) {
 	let r = {
 		source: n.source,
 		sourceHandle: n.sourceHandle,
 		target: n.target,
 		targetHandle: n.targetHandle
-	}, i = at(e, t)?.nodes[n.target], a = i != null && "inputs" in i ? i.inputs[n.targetHandle] : void 0;
-	return a?.kind == "sources" && a.sources.some((e) => e.kind == "node" && e.nodeId == n.source && e.output == n.sourceHandle) ? [] : De(e, [{
+	}, i = ot(e, t)?.nodes[n.target], a = i != null && "inputs" in i ? i.inputs[n.targetHandle] : void 0;
+	return a?.kind == "sources" && a.sources.some((e) => e.kind == "node" && e.nodeId == n.source && e.output == n.sourceHandle) ? [] : Oe(e, [{
 		before: a,
 		edge: r,
 		kind: "graph.edge.connect",
 		target: t
 	}]);
 }
-function it(e, t, n) {
+function at(e, t, n) {
 	let r = {
 		source: n.source,
 		sourceHandle: n.sourceHandle,
 		target: n.target,
 		targetHandle: n.targetHandle
-	}, i = at(e, t)?.nodes[n.target], a = i != null && "inputs" in i ? i.inputs[n.targetHandle] : void 0;
+	}, i = ot(e, t)?.nodes[n.target], a = i != null && "inputs" in i ? i.inputs[n.targetHandle] : void 0;
 	return a?.kind != "sources" || !a.sources.some((e) => e.kind == "node" && e.nodeId == n.source && e.output == n.sourceHandle) ? [] : [{
 		before: a,
 		edge: r,
@@ -496,12 +499,12 @@ function it(e, t, n) {
 		target: t
 	}];
 }
-function at(e, t) {
+function ot(e, t) {
 	return t.kind == "flow" ? e.document.graph : e.document.subflows[t.id]?.graph;
 }
 //#endregion
 //#region src/flow/common/moduleChanges.ts
-async function ot(e) {
+async function st(e) {
 	try {
 		let { parse: t } = await import("./lib-C5Ipyfps.js").then((e) => e.t), n = t(e, {
 			errorRecovery: !0,
@@ -517,7 +520,7 @@ async function ot(e) {
 		return [];
 	}
 }
-function st(e, t, n, r, i) {
+function ct(e, t, n, r, i) {
 	return [{
 		beforeImports: n,
 		beforeSource: t,
@@ -527,7 +530,7 @@ function st(e, t, n, r, i) {
 		source: r
 	}];
 }
-var ct = nt("23456789abcdefghjkmnpqrstuvwxyz", 10), J = {
+var lt = rt("23456789abcdefghjkmnpqrstuvwxyz", 10), q = {
 	activities: [],
 	activitiesLoadFailed: !1,
 	activitiesLoading: !1,
@@ -540,24 +543,24 @@ var ct = nt("23456789abcdefghjkmnpqrstuvwxyz", 10), J = {
 	loadingMore: !1,
 	publications: [],
 	publishing: !1
-}, lt = 20, ut = 50, dt = 750;
-function Y(e, t) {
+}, ut = 20, dt = 50, ft = 750;
+function J(e, t) {
 	return e?.flowId == t.flowId;
 }
-var ft = class {
+var pt = class {
 	#e;
 	#t;
 	#n;
-	#r = new I();
-	#i = new I();
+	#r = new F();
+	#i = new F();
 	#a;
-	#o = new I();
-	#s = new I();
+	#o = new F();
+	#s = new F();
 	#c;
-	#l = t(J);
+	#l = t(q);
 	#u;
 	#d;
-	constructor(t, n, r, i, a = () => crypto.randomUUID(), o = R()) {
+	constructor(t, n, r, i, a = () => crypto.randomUUID(), o = L()) {
 		this.#e = t, this.#t = a, this.#n = o, this.#a = i, this.#c = r, this.#u = n, this.$ = {
 			activities: e(this.#l, (e) => e.activities),
 			activitiesLoadFailed: e(this.#l, (e) => e.activitiesLoadFailed),
@@ -590,12 +593,12 @@ var ft = class {
 		this.#l.dispose();
 	}
 	reset() {
-		this.#r.invalidate(), this.#i.invalidate(), this.#o.invalidate(), this.#s.invalidate(), this.#d = void 0, this.#l.set(J);
+		this.#r.invalidate(), this.#i.invalidate(), this.#o.invalidate(), this.#s.invalidate(), this.#d = void 0, this.#l.set(q);
 	}
 	async load(e) {
 		let t = { flowId: e }, n = this.#r.begin();
-		Y(this.#l.value.target, t) || (this.#i.invalidate(), this.#d = void 0), this.#c(void 0), this.#l.set({
-			...J,
+		J(this.#l.value.target, t) || (this.#i.invalidate(), this.#d = void 0), this.#c(void 0), this.#l.set({
+			...q,
 			loading: !0,
 			target: t
 		});
@@ -634,7 +637,7 @@ var ft = class {
 		try {
 			let e = await this.#e.listPublications(n.flowId, {
 				cursor: t,
-				limit: ut
+				limit: dt
 			});
 			if (!r()) return;
 			let i = new Set(this.#l.value.publications.map((e) => e.publicationId));
@@ -672,7 +675,7 @@ var ft = class {
 				publishing: i.status == "pending"
 			}), await this.#g(n, i, o, e.name)) : !1;
 		} catch (e) {
-			return o() ? (e instanceof B && e.code == "live.conflict" && await this.#p(n), this.#c(D(e, this.#n.t)), !1) : !1;
+			return o() ? (e instanceof z && e.code == "live.conflict" && await this.#p(n), this.#c(D(e, this.#n.t)), !1) : !1;
 		} finally {
 			o() && this.#y({ publishing: !1 });
 		}
@@ -696,7 +699,7 @@ var ft = class {
 				message: this.#n.t("notice.rolledBack", { revision: e.revisionId })
 			}), !0);
 		} catch (e) {
-			return s() ? (e instanceof B && e.code == "live.conflict" && await this.#p(r), this.#c(D(e, this.#n.t)), !1) : !1;
+			return s() ? (e instanceof z && e.code == "live.conflict" && await this.#p(r), this.#c(D(e, this.#n.t)), !1) : !1;
 		} finally {
 			s() && this.#y({ rollingBackPublicationId: void 0 });
 		}
@@ -731,7 +734,7 @@ var ft = class {
 			testingTriggerId: void 0,
 			testResult: void 0
 		});
-		let [r, i] = await Promise.allSettled([this.#e.getFlowTriggerBinding(t.flowId, e), this.#e.listFlowTriggerActivities(t.flowId, e, { limit: lt })]);
+		let [r, i] = await Promise.allSettled([this.#e.getFlowTriggerBinding(t.flowId, e), this.#e.listFlowTriggerActivities(t.flowId, e, { limit: ut })]);
 		if (n()) {
 			if (r.status == "rejected") {
 				this.#y({
@@ -765,7 +768,7 @@ var ft = class {
 		try {
 			let e = await this.#e.listFlowTriggerActivities(r.flowId, n, {
 				cursor: t,
-				limit: lt
+				limit: ut
 			});
 			if (!i() || this.#l.value.selectedTriggerId != n) return;
 			let a = new Set(this.#l.value.activities.map((e) => e.activityId));
@@ -820,7 +823,7 @@ var ft = class {
 	}
 	async #f(e) {
 		let [t, n, r] = await this.#m(e);
-		this.#u.updateLive(t), await this.#u.refreshFlows(), Y(this.#l.value.target, e) && this.#y({
+		this.#u.updateLive(t), await this.#u.refreshFlows(), J(this.#l.value.target, e) && this.#y({
 			bindings: r,
 			live: t,
 			loadFailed: !1,
@@ -841,7 +844,7 @@ var ft = class {
 			this.#e.getLive(e.flowId),
 			this.#e.listPublications(e.flowId, {
 				includeTotal: !0,
-				limit: ut
+				limit: dt
 			}),
 			this.#e.listFlowTriggerBindings(e.flowId)
 		]);
@@ -851,7 +854,7 @@ var ft = class {
 		if (t != null && t != "") try {
 			return await this.#e.getPublishOperation(e.flowId, t);
 		} catch (t) {
-			if (t instanceof B && t.code == "publication.operation-not-found") {
+			if (t instanceof z && t.code == "publication.operation-not-found") {
 				this.#a.setItem(this.#_(e.flowId), "");
 				return;
 			}
@@ -861,12 +864,12 @@ var ft = class {
 	async #g(e, t, n, r) {
 		let i = t;
 		for (; i.status == "pending";) {
-			if (await new Promise((e) => setTimeout(e, dt)), !n()) return !1;
+			if (await new Promise((e) => setTimeout(e, ft)), !n()) return !1;
 			try {
 				i = await this.#e.getPublishOperation(e.flowId, i.operationId);
 			} catch (t) {
 				if (!n()) return !1;
-				if (t instanceof B && t.code == "publication.operation-not-found") return this.#a.setItem(this.#_(e.flowId), ""), this.#v(e, {
+				if (t instanceof z && t.code == "publication.operation-not-found") return this.#a.setItem(this.#_(e.flowId), ""), this.#v(e, {
 					operation: void 0,
 					publishing: !1
 				}), this.#c(D(t, this.#n.t)), !1;
@@ -897,8 +900,8 @@ var ft = class {
 		return `publish-operation:${e}`;
 	}
 	#v(e, t) {
-		Y(this.#l.value.target, e) ? this.#y(t) : this.#l.set({
-			...J,
+		J(this.#l.value.target, e) ? this.#y(t) : this.#l.set({
+			...q,
 			...t,
 			target: e
 		});
@@ -909,29 +912,25 @@ var ft = class {
 			...e
 		});
 	}
-}, pt = { starting: !1 };
-function mt(e) {
+}, mt = { starting: !1 };
+function ht(e) {
 	switch (e.kind) {
 		case "condition": return { [e.node.input.handle]: e.node.input };
 		case "subflow": return m(e.definition?.inputs ?? []);
 		case "task": return m(e.definition?.inputs ?? []);
 		case "value": return {};
-		case "wait": return { value: {
-			jsonSchema: {},
-			nullable: !0,
-			value: null
-		} };
+		case "wait": return { [e.node.input.handle]: e.node.input };
 	}
 }
-function ht(e) {
+function gt(e) {
 	return e.node.name == null ? e.kind == "task" || e.kind == "subflow" ? e.definition?.name ?? e.id : e.id : e.node.name;
 }
-async function gt(e, t) {
-	let { FlowRunInputEditorStore: n } = await import("./flowRunInputEditorStore-DDidwd8h.js").then((e) => e.r), r = L(e), i = r.graph({ kind: "flow" });
+async function _t(e, t) {
+	let { FlowRunInputEditorStore: n } = await import("./flowRunInputEditorStore-DDidwd8h.js").then((e) => e.r), r = I(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(mt(a)).filter(([e, t]) => a.node.inputs[e] == null && !Object.hasOwn(t, "value")).toSorted(([e], [t]) => e.localeCompare(t)).map(([e, t]) => Object.assign({
+		let o = Object.entries(ht(a)).filter(([e, t]) => a.node.inputs[e] == null && !Object.hasOwn(t, "value")).toSorted(([e], [t]) => e.localeCompare(t)).map(([e, t]) => Object.assign({
 			handle: e,
 			jsonSchema: t.jsonSchema,
 			nullable: t.nullable
@@ -939,21 +938,21 @@ async function gt(e, t) {
 		return o.length == 0 ? [] : [{
 			editor: new n(o, t),
 			nodeId: e,
-			title: ht(a)
+			title: gt(a)
 		}];
 	});
 }
-var _t = class {
+var vt = class {
 	#e;
 	#t;
 	#n;
-	#r = new I();
-	#i = new I();
+	#r = new F();
+	#i = new F();
 	#a;
 	#o;
-	#s = t(pt);
+	#s = t(mt);
 	#c;
-	constructor(t, n, r, i = R(), 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),
@@ -968,7 +967,7 @@ var _t = class {
 	reset() {
 		this.#r.invalidate(), this.#i.invalidate(), this.#c = void 0;
 		let e = this.#s.value.inputRequest;
-		this.#s.set(pt), this.#d(e);
+		this.#s.set(mt), this.#d(e);
 	}
 	async requestDraft(e, t) {
 		let n = this.#i.begin();
@@ -1011,7 +1010,7 @@ var _t = class {
 		}), this.#d(s);
 		let c;
 		try {
-			c = await gt(r, this.#n.lang$);
+			c = await _t(r, this.#n.lang$);
 		} catch (e) {
 			throw a() && this.#f({
 				starting: !1,
@@ -1087,7 +1086,7 @@ var _t = class {
 			...e
 		});
 	}
-}, vt = {
+}, Y = {
 	actions: {},
 	catalogs: {}
 };
@@ -1206,8 +1205,8 @@ var wt = class {
 	#p;
 	#m;
 	#h;
-	constructor(r, i, a, o, s = R()) {
-		this.#r = /* @__PURE__ */ new Map(), this.#i = /* @__PURE__ */ new Set(), this.#a = new I(), this.#o = new I(), this.#d = t(vt), this.#h = !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 F(), this.#o = new F(), this.#d = t(Y), this.#h = !1, this.browseAddNodeOptions = async (e) => {
 			if (this.#h) return;
 			let t = this.#f.$.flowId.value;
 			if (t == null) return;
@@ -1273,7 +1272,7 @@ var wt = class {
 		this.#l.dispose(), this.#d.dispose();
 	}
 	reset() {
-		this.#h || (this.#a.invalidate(), this.#o.invalidate(), this.#p = void 0, this.#r.clear(), this.#m = void 0, this.#i.clear(), this.#d.set(vt));
+		this.#h || (this.#a.invalidate(), this.#o.invalidate(), this.#p = void 0, this.#r.clear(), this.#m = void 0, this.#i.clear(), this.#d.set(Y));
 	}
 	async refresh(e = !1) {
 		if (this.#h) return;
@@ -1459,8 +1458,8 @@ var Ot = class {
 	#c;
 	#l;
 	#u;
-	constructor(r, i, a, o, s = R()) {
-		this.#t = new AbortController(), this.#a = new I(), this.#c = t(Tt), this.#u = !1, this.browseAddNodeOptions = async (e) => {
+	constructor(r, i, a, o, s = L()) {
+		this.#t = new AbortController(), this.#a = new F(), this.#c = t(Tt), 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();
@@ -1636,7 +1635,7 @@ var At = class {
 		this.#a = e;
 		let t = e, n = [];
 		for (let e of this.#o) try {
-			t = V(t, e.changes), n.push(e);
+			t = B(t, e.changes), n.push(e);
 		} catch (t) {
 			if (!(t instanceof h)) throw t;
 			e.active = !1;
@@ -1644,7 +1643,7 @@ var At = class {
 		return this.#o = n, t;
 	}
 	project(e) {
-		return this.#o.reduce((e, t) => V(e, t.changes), e);
+		return this.#o.reduce((e, t) => B(e, t.changes), e);
 	}
 	enqueue(e) {
 		let t = this.#s.then(e);
@@ -1682,14 +1681,14 @@ var At = class {
 				let r = this.#l(e, n, t);
 				return this.#o.length == 0 && this.#t.check(), r;
 			} catch (n) {
-				if (n instanceof B && n.code == "flow.revision-conflict") {
+				if (n instanceof z && n.code == "flow.revision-conflict") {
 					if (!t && await this.#t.recover(e)) {
 						t = !0, e.changeId = crypto.randomUUID();
 						continue;
 					}
 					t && await this.#t.recover(e), this.#u(e);
 				} else {
-					if (!(n instanceof B) && !t) {
+					if (!(n instanceof z) && !t) {
 						let n = this.#a?.revisionId;
 						if (await this.#t.recover(e)) {
 							t = !0, e.active && this.#a?.revisionId != n && (e.changeId = crypto.randomUUID());
@@ -1705,7 +1704,7 @@ var At = class {
 	#l(e, t, n) {
 		let r = {
 			...n.revision,
-			content: V(t, e.changes).content
+			content: B(t, e.changes).content
 		};
 		this.#o = this.#o.filter((t) => t !== e), this.#a = r;
 		let i = this.#t.diagnostics(), a = this.#o.length == 0 && i?.revisionId == r.revisionId;
@@ -1720,11 +1719,12 @@ var At = class {
 	loading: !0,
 	loadingMore: !1,
 	loadMoreFailed: !1,
+	refreshing: !1,
 	flows: []
 }, Nt = class {
 	#e;
 	#t;
-	#n = new I();
+	#n = new F();
 	#r;
 	#i = t(Mt);
 	#a = !1;
@@ -1734,6 +1734,7 @@ var At = class {
 			loading: e(this.#i, (e) => e.loading),
 			loadingMore: e(this.#i, (e) => e.loadingMore),
 			loadMoreFailed: e(this.#i, (e) => e.loadMoreFailed),
+			refreshing: e(this.#i, (e) => e.refreshing),
 			nextCursor: e(this.#i, (e) => e.nextCursor),
 			flows: e(this.#i, (e) => e.flows),
 			total: e(this.#i, (e) => e.total)
@@ -1754,13 +1755,18 @@ var At = class {
 		return this.#i.value.flows.find((t) => t.flowId == e);
 	}
 	async reload() {
-		let e = this.#n.begin();
-		this.#o({
+		let e = this.#n.begin(), t = this.#i.value.loaded;
+		t ? this.#o({
+			failed: !1,
+			loadingMore: !1,
+			loadMoreFailed: !1,
+			refreshing: !0
+		}) : this.#o({
 			failed: !1,
-			loaded: !1,
 			loading: !0,
 			loadingMore: !1,
 			loadMoreFailed: !1,
+			refreshing: !1,
 			nextCursor: void 0,
 			flows: [],
 			total: void 0
@@ -1774,22 +1780,24 @@ var At = class {
 			this.#o({
 				loaded: !0,
 				loading: !1,
+				refreshing: !1,
 				nextCursor: t.nextCursor,
 				flows: t.flows,
 				total: t.total
 			});
-		} catch (t) {
+		} catch (n) {
 			if (!e()) return;
 			this.#o({
-				failed: !0,
-				loading: !1
-			}), this.#r(D(t, this.#t.t));
+				failed: !t,
+				loading: !1,
+				refreshing: !1
+			}), this.#r(D(n, this.#t.t));
 		}
 	}
 	async loadMore() {
-		let { loadingMore: e, nextCursor: t } = this.#i.value;
-		if (e || t == null) return;
-		let n = this.#n.capture();
+		let { loadingMore: e, nextCursor: t, refreshing: n } = this.#i.value;
+		if (e || n || t == null) return;
+		let r = this.#n.capture();
 		this.#o({
 			loadingMore: !0,
 			loadMoreFailed: !1
@@ -1799,15 +1807,15 @@ var At = class {
 				cursor: t,
 				limit: jt
 			});
-			if (!n()) return;
-			let r = new Set(this.#i.value.flows.map((e) => e.flowId));
+			if (!r()) return;
+			let n = new Set(this.#i.value.flows.map((e) => e.flowId));
 			this.#o({
 				loadingMore: !1,
 				nextCursor: e.nextCursor,
-				flows: [...this.#i.value.flows, ...e.flows.filter((e) => !r.has(e.flowId))]
+				flows: [...this.#i.value.flows, ...e.flows.filter((e) => !n.has(e.flowId))]
 			});
 		} catch (e) {
-			if (!n()) return;
+			if (!r()) return;
 			this.#o({
 				loadingMore: !1,
 				loadMoreFailed: !0
@@ -1896,7 +1904,7 @@ var At = class {
 				this.#c(a, r);
 			} catch (r) {
 				if (this.#o || !n()) return;
-				if (r instanceof B && r.code == "flow.presentation-conflict") try {
+				if (r instanceof z && r.code == "flow.presentation-conflict") try {
 					let t = await this.#e.getPresentation(e);
 					if (this.#o || !n()) return;
 					this.#c(a, t), this.#n({
@@ -1952,23 +1960,23 @@ var Lt = class {
 				...n,
 				status: Q(e.draft, e.moduleEditor)
 			};
-		}), u = e(this.#t, (e) => e.nodeFocus), d = e(this.#t, (e) => e.presentation), f = e(this.#t, (e) => e.flowId), p = e(this.#t, (e) => e.live), m = e(this.#t, (e) => e.draft == null ? void 0 : L(e.draft)), h = e(this.#t, (e) => e.selectedNodeIds), g = e(this.#t, (e) => e.target), _ = e(this.#t, (e) => e.workspaceLoadFailed), v = e(this.#t, (e) => e.workspaceLoading);
+		}), u = e(this.#t, (e) => e.nodeFocus), d = e(this.#t, (e) => e.presentation), f = e(this.#t, (e) => e.flowId), p = e(this.#t, (e) => e.live), m = e(this.#t, (e) => e.draft == null ? void 0 : I(e.draft)), h = e(this.#t, (e) => e.selectedNodeIds), g = e(this.#t, (e) => e.target), _ = e(this.#t, (e) => e.workspaceLoadFailed), v = e(this.#t, (e) => e.workspaceLoading);
 		this.#e = e(this.#t, (e) => ({
-			revision: e.draft == null ? void 0 : L(e.draft),
+			revision: e.draft == null ? void 0 : I(e.draft),
 			target: e.target
 		}), { equal: (e, t) => e.revision === t.revision && e.target === t.target });
 		let y = e(this.#t, (e) => {
-			if (e.draft != null && e.target != null && e.selectedNodeIds.length == 1) return L(e.draft).selection(e.target, e.selectedNodeIds[0]);
+			if (e.draft != null && e.target != null && e.selectedNodeIds.length == 1) return I(e.draft).selection(e.target, e.selectedNodeIds[0]);
 		});
 		this.$ = {
 			addNodeOptions: n((e) => {
 				let { revision: n, target: r } = e(this.#e);
-				return Pe(n?.revision, r, e(t.t$));
+				return Ie(n?.revision, r, e(t.t$));
 			}),
 			busy: i,
 			checkLoading: a,
 			diagnosticFocus: o,
-			diagnosticItems: e(this.#t, (e) => E(e.draft == null ? void 0 : L(e.draft), e.target, e.diagnostics)),
+			diagnosticItems: e(this.#t, (e) => E(e.draft == null ? void 0 : I(e.draft), e.target, e.diagnostics)),
 			diagnostics: s,
 			draft: c,
 			flow: n((e) => {
@@ -1981,9 +1989,10 @@ var Lt = class {
 			flowLoading: r.$.loading,
 			flowLoadingMore: r.$.loadingMore,
 			flowNextCursor: r.$.nextCursor,
+			flowRefreshing: r.$.refreshing,
 			flowTotal: r.$.total,
 			flows: r.$.flows,
-			inspectorDiagnostics: e(this.#t, (e) => te(e.draft == null ? void 0 : L(e.draft), e.target, e.diagnostics, y.value)),
+			inspectorDiagnostics: e(this.#t, (e) => ne(e.draft == null ? void 0 : I(e.draft), e.target, e.diagnostics, y.value)),
 			live: p,
 			moduleDiagnostics: e(this.#t, (e) => {
 				let t = e.moduleEditor?.moduleId;
@@ -1999,7 +2008,7 @@ var Lt = class {
 			target: g,
 			targetFlow: n((e) => e(g)?.kind == "flow" ? e(r.$.flows).find((t) => t.flowId == e(f)) : void 0),
 			targetName: e(this.#t, (e) => {
-				if (e.target != null) return e.target.kind == "flow" ? r.flow(e.flowId ?? "")?.name : e.draft == null ? e.target.id : L(e.draft).subflow(e.target.id)?.name ?? e.target.id;
+				if (e.target != null) return e.target.kind == "flow" ? r.flow(e.flowId ?? "")?.name : e.draft == null ? e.target.id : I(e.draft).subflow(e.target.id)?.name ?? e.target.id;
 			}),
 			workspaceLoadFailed: _,
 			workspaceLoading: v
@@ -2024,10 +2033,51 @@ var Lt = class {
 function Rt(e, t) {
 	if (t != null) return t.kind == "flow" || e.subflow(t.id) != null ? t : { kind: "flow" };
 }
-var zt = class {
+function zt(e, t, n, r) {
+	let i = j(e, t).nodes;
+	if (r.target == n) {
+		let e = i.find((e) => e.id == r.source);
+		if (e == null || e.kind == "comment") return;
+		let t = e.outputs.find((e) => "handle" in e && e.handle == r.sourceHandle);
+		return t == null || !("handle" in t) ? void 0 : {
+			inputs: [{
+				description: t.description,
+				handle: r.targetHandle,
+				jsonSchema: t.jsonSchema ?? {},
+				nullable: t.nullable ?? !1,
+				value: null
+			}],
+			outputs: [{
+				handle: "result",
+				jsonSchema: {},
+				nullable: !0
+			}]
+		};
+	}
+	if (r.source == n) {
+		let e = i.find((e) => e.id == r.target);
+		if (e == null || e.kind == "comment") return;
+		let t = e.inputs.find((e) => "handle" in e && e.handle == r.targetHandle);
+		return t == null || !("handle" in t) ? void 0 : {
+			inputs: [{
+				handle: "value",
+				jsonSchema: {},
+				nullable: !0,
+				value: null
+			}],
+			outputs: [{
+				description: t.description,
+				handle: r.sourceHandle,
+				jsonSchema: t.jsonSchema ?? {},
+				nullable: t.nullable ?? !1
+			}]
+		};
+	}
+}
+var Bt = class {
 	#e;
 	#t;
-	#n = new I();
+	#n = new F();
 	#r;
 	#i;
 	#a;
@@ -2044,7 +2094,7 @@ var zt = class {
 	#g = 0;
 	#_;
 	#v;
-	constructor(e, t, n = ct, r = R(), i = () => {}) {
+	constructor(e, t, n = lt, r = L(), i = () => {}) {
 		this.#e = e, this.#c = t, this.#i = n, this.#r = r, this.#s = i, this.#o = new Nt(e, t, r), this.#l = new Lt(r, this.#o), this.#t = new At(e, t, r, {
 			apply: (e, t) => this.#x(e, t),
 			beforeChange: (e) => {
@@ -2129,7 +2179,7 @@ var zt = class {
 	selectNodes(e) {
 		return e.length == this.#l.value.selectedNodeIds.length && e.every((e, t) => e == this.#l.value.selectedNodeIds[t]) ? !0 : this.#O() ? (this.#N({
 			diagnosticFocus: void 0,
-			moduleEditor: $(this.#l.value.draft == null ? void 0 : L(this.#l.value.draft), this.#l.value.target, e),
+			moduleEditor: $(this.#l.value.draft == null ? void 0 : I(this.#l.value.draft), this.#l.value.target, e),
 			nodeFocus: void 0,
 			selectedNodeIds: e
 		}), !0) : !1;
@@ -2168,7 +2218,7 @@ var zt = class {
 		if (!this.#O() || this.#l.value.draft == null) return !1;
 		let t = this.#i();
 		this.#N({ busy: "resource" }), this.#c(void 0);
-		let n = await this.#b(oe(t, e), !1);
+		let n = await this.#b(se(t, e), !1);
 		return this.#N({ busy: void 0 }), n != null && (this.selectTarget({
 			id: t,
 			kind: "subflow"
@@ -2199,14 +2249,23 @@ var zt = class {
 		if (r == null || i == null) return;
 		let a = this.#i();
 		if (e.kind == "comment") return await this.#y(i, a, t);
-		let o = L(r), s = ee(e, o, i, this.#r.t);
+		let o = I(r), s = ee(e, o, i, this.#r.t);
 		if (s == null) return;
-		let c = je(o, i, a, s, this.#i);
-		if (c == null) return;
-		let l = n == null ? c : [...c, ...rt(V(r, c).content, i, n(a))], u = this.#b(l);
+		let c = n?.(a);
+		if (s.kind == "code" && c != null) {
+			let e = zt(r, i, a, c);
+			if (e == null) return;
+			s = {
+				...s,
+				ports: e
+			};
+		}
+		let l = Me(o, i, a, s, this.#i);
+		if (l == null) return;
+		let u = c == null ? l : [...l, ...it(B(r, l).content, i, c)], d = this.#b(u);
 		this.selectNodes([a]);
-		let d = this.moveNodes({ [a]: t });
-		if (await u != null && (await d, !this.#m)) return this.#N({ nodeFocus: {
+		let f = this.moveNodes({ [a]: t });
+		if (await d != null && (await f, !this.#m)) return this.#N({ nodeFocus: {
 			nodeId: a,
 			requestId: ++this.#g
 		} }), a;
@@ -2214,20 +2273,20 @@ var zt = class {
 	async connect(e) {
 		let t = this.$.revision.value, n = this.#l.value.target;
 		if (t == null || n == null) return;
-		let r = rt(t.revision.content, n, e);
+		let r = it(t.revision.content, n, e);
 		r.length > 0 && await this.#b(r);
 	}
 	async disconnect(e) {
 		let t = this.$.revision.value, n = this.#l.value.target;
 		if (t == null || n == null) return;
-		let r = it(t.revision.content, n, e);
+		let r = at(t.revision.content, n, e);
 		r.length > 0 && await this.#b(r);
 	}
 	async deleteSelectedNodes() {
 		if (!this.#O()) 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 = w(this.#l.value.presentation?.value ?? {}, t), r = new Set(this.#l.value.selectedNodeIds.filter((e) => n.has(e))), i = Ce(e, t, this.#l.value.selectedNodeIds), a = i.length == 0 ? void 0 : this.#b(i), o = r.size == 0 ? void 0 : this.#S((e) => S(e, t, r));
+		let n = w(this.#l.value.presentation?.value ?? {}, t), r = new Set(this.#l.value.selectedNodeIds.filter((e) => n.has(e))), i = we(e, t, this.#l.value.selectedNodeIds), a = i.length == 0 ? void 0 : this.#b(i), o = r.size == 0 ? void 0 : this.#S((e) => S(e, t, r));
 		this.selectNodes([]), (a == null || await a != null) && await o;
 	}
 	copySelectedNodes() {
@@ -2241,14 +2300,14 @@ var zt = class {
 				sourceId: e.id,
 				title: e.title
 			}] : []),
-			nodes: _e(e, t, this.#l.value.selectedNodeIds)
+			nodes: ve(e, t, this.#l.value.selectedNodeIds)
 		};
 	}
 	async pasteNodes(e) {
 		if (!this.#O()) return;
 		let t = this.$.revision.value, n = this.#l.value.target;
 		if (t == null || n == null || this.#u == null) return;
-		let r = ke(t, n, this.#u.nodes, this.#i), i = r.changes.length == 0 ? void 0 : this.#b(r.changes), a = this.#u.comments.map((e) => ({
+		let r = Ae(t, n, this.#u.nodes, this.#i), i = r.changes.length == 0 ? void 0 : this.#b(r.changes), a = this.#u.comments.map((e) => ({
 			...e,
 			nodeId: this.#i()
 		}));
@@ -2260,8 +2319,8 @@ var zt = class {
 				y: (i?.y ?? 80) + 40
 			}];
 		})), c = this.#S((e) => {
-			let t = j(e, n, s);
-			for (let e of a) t = z(t, n, e.nodeId, {
+			let t = A(e, n, s);
+			for (let e of a) t = R(t, n, e.nodeId, {
 				content: e.content,
 				position: {
 					x: e.position.x + 40,
@@ -2279,66 +2338,66 @@ var zt = class {
 	async saveNodeSettings(e, t) {
 		let n = this.$.revision.value, r = this.#l.value.target;
 		if (n == null || r == null) return !1;
-		let i = he(n, r, e, t);
+		let i = ge(n, r, e, t);
 		return i != null && await this.#b(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 = Te(n, r, e, t);
+		let i = Ee(n, r, e, t);
 		return i != null && await this.#b(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 = xe(n, r, e, t);
+		let i = Se(n, r, e, t);
 		return i != null && await this.#b(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 = ge(n, r, e, t);
+		let i = _e(n, r, e, t);
 		return i != null && await this.#b(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 = le(r, i, e, t, n);
+		let a = ue(r, i, e, t, n);
 		return a != null && await this.#b(a) != null;
 	}
 	async setInputVariable(e, t, n) {
 		let r = this.$.revision.value, i = this.#l.value.target;
 		if (r == null || i == null) return !1;
-		let a = n == null ? le(r, i, e, t, void 0) : ye(r, i, e, t, n, this.#i());
+		let a = n == null ? ue(r, i, e, t, void 0) : be(r, i, e, t, n, this.#i());
 		return a != null && await this.#b(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 = me(n, r, e, t);
+		let i = he(n, r, e, t);
 		return i != null && await this.#b(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 = ce(n, r, e, t);
+		let i = le(n, r, e, t);
 		return i != null && await this.#b(i) != null;
 	}
 	async saveWait(e, t) {
 		let n = this.$.revision.value, r = this.#l.value.target;
 		if (n == null || r?.kind != "flow") return !1;
-		let i = Fe(n, r, e, t);
+		let i = Le(n, r, e, t);
 		return i != null && await this.#b(i) != null;
 	}
 	async setWaitNotification(e, t) {
-		let n = this.$.revision.value, r = n == null ? void 0 : Me(n, e, t, this.#i());
+		let n = this.$.revision.value, r = n == null ? void 0 : Ne(n, e, t, this.#i());
 		return r != null && await this.#b(r) != null;
 	}
 	async saveComment(e, t) {
 		let n = this.#l.value.target;
 		if (n == null) return;
 		let r = this.#D().nodes.find((t) => t.id == e)?.position;
-		r != null && await this.#S((i) => z(i, n, e, {
+		r != null && await this.#S((i) => R(i, n, e, {
 			...t,
 			position: r
 		}));
@@ -2346,61 +2405,61 @@ var zt = class {
 	async saveTaskSettings(e, t) {
 		let n = this.$.revision.value, r = this.#l.value.target;
 		if (n == null || r == null) return !1;
-		let i = Ne(n, r, e, t);
+		let i = Fe(n, r, e, t);
 		return i != null && await this.#b(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 = de(n, r, e, t);
+		let i = fe(n, r, e, t);
 		return i != null && await this.#b(i) != null;
 	}
 	async saveTaskAdditionalInputs(e, t) {
 		let n = this.$.revision.value, r = this.#l.value.target;
 		if (n == null || r == null) return !1;
-		let i = Ie(n, r, e, t);
+		let i = Re(n, r, e, t);
 		return i != null && await this.#b(i) != null;
 	}
 	async setConnectorConnection(e, t) {
 		let n = this.$.revision.value;
 		if (n == null) return !1;
-		let r = k(n.revision.content, e, t);
+		let r = te(n.revision.content, e, t);
 		return r != null && await this.#b(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 = ne(n.revision.content, r, e, t);
+		let i = re(n.revision.content, r, e, t);
 		return i != null && await this.#b(i) != null;
 	}
 	async saveTriggerConfig(e, t, n) {
 		let r = this.$.revision.value, i = this.#l.value.target;
 		if (r == null || i?.kind != "flow") return !1;
-		let a = ie(r.revision.content, i, e, t, n);
+		let a = ae(r.revision.content, i, e, t, n);
 		return a != null && await this.#b(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 = P(n.revision.content, r, e, t);
+		let i = N(n.revision.content, r, e, t);
 		return i != null && await this.#b(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 = F(n, r, e, t);
+		let i = P(n, r, e, t);
 		return i != null && await this.#b(i) != null;
 	}
 	async setTriggerConnection(e, t) {
 		let n = this.$.revision.value, r = this.#l.value.target;
 		if (n == null || r?.kind != "flow") return !1;
-		let i = re(n.revision.content, r, e, t);
+		let i = ie(n.revision.content, r, e, t);
 		return i != null && await this.#b(i) != null;
 	}
 	async saveSubflowSettings(e, t) {
 		let n = this.$.revision.value;
 		if (n == null) return !1;
-		let r = ae(n, e, t);
+		let r = oe(n, e, t);
 		return r != null && await this.#b(r) != null;
 	}
 	updateModuleSource(e) {
@@ -2431,11 +2490,11 @@ var zt = class {
 			...e,
 			phase: "saving"
 		} });
-		let t = await ot(e.source);
+		let t = await st(e.source);
 		if (this.#m) return !1;
 		let n = this.#l.value.draft?.content.modules[e.moduleId];
 		if (n == null) return !1;
-		let r = await this.#b(st(e.moduleId, n.source, n.imports, e.source, t));
+		let r = await this.#b(ct(e.moduleId, n.source, n.imports, e.source, t));
 		return !this.#m && this.#l.value.moduleEditor?.moduleId == e.moduleId && this.#N({ moduleEditor: {
 			...this.#l.value.moduleEditor,
 			phase: r == null ? "failed" : void 0
@@ -2443,11 +2502,11 @@ var zt = class {
 	}
 	async moveNodes(e, t = "detail") {
 		let n = this.#l.value.target;
-		n != null && await this.#S((r) => j(r, n, e, t));
+		n != null && await this.#S((r) => A(r, n, e, t));
 	}
 	async moveViewport(e, t = "detail") {
 		let n = this.#l.value.target;
-		n != null && await this.#S((r) => A(r, n, e, t));
+		n != null && await this.#S((r) => k(r, n, e, t));
 	}
 	async check() {
 		await this.#C();
@@ -2477,7 +2536,7 @@ var zt = class {
 			if (e.kind != "comment") return [];
 			let t = /#(\d+)$/.exec(e.title);
 			return t == null ? [] : [Number(t[1])];
-		})), i = this.#S((i) => z(i, e, t, {
+		})), i = this.#S((i) => R(i, e, t, {
 			content: "",
 			position: n,
 			title: this.#r.t("addNode.commentName", { number: r + 1 })
@@ -2578,7 +2637,7 @@ var zt = class {
 	}
 	#D() {
 		let e = this.#l.value;
-		return M(e.draft, e.target, e.presentation?.value, e.diagnostics?.diagnostics, {}, {}, this.#r.t);
+		return j(e.draft, e.target, e.presentation?.value, e.diagnostics?.diagnostics, {}, {}, this.#r.t);
 	}
 	#O() {
 		let e = this.#l.value.moduleEditor;
@@ -2588,7 +2647,7 @@ var zt = class {
 		}), !1);
 	}
 	#k(e) {
-		let t = L(e), n = Rt(t, this.#l.value.target);
+		let t = I(e), n = Rt(t, this.#l.value.target);
 		return {
 			revision: t,
 			selectedNodeIds: this.#l.value.selectedNodeIds.filter((e) => n != null && t.selection(n, e) != null),
@@ -2621,13 +2680,13 @@ var zt = class {
 };
 //#endregion
 //#region src/workbench/browser/runtime/stores/workbenchStore.ts
-function Bt(e) {
+function Vt(e) {
 	return new Map(e.nodes.map((e) => [e.id, e]));
 }
-function Vt(e, t) {
-	return e == null || t == null ? [] : L(e).designerInputs(t);
+function Ht(e, t) {
+	return e == null || t == null ? [] : I(e).designerInputs(t);
 }
-function Ht(e, t, n, r, i) {
+function Ut(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) => {
@@ -2635,7 +2694,7 @@ function Ht(e, t, n, r, i) {
 		return t.payload.scopeId == a && t.payload.flowId == e.flowId && typeof n == "string" && i.has(n) ? [[t.sequence, n]] : [];
 	})) : /* @__PURE__ */ new Map();
 }
-var Ut = { openExternalPage: async () => !1 }, Wt = class {
+var Wt = { openExternalPage: async () => !1 }, Gt = class {
 	#e;
 	#t;
 	#n;
@@ -2646,16 +2705,16 @@ var Ut = { openExternalPage: async () => !1 }, Wt = class {
 	#s;
 	#c;
 	#l;
-	constructor(r, i, a = () => crypto.randomUUID(), o = R(), s = Ut, c = !0) {
-		this.#t = new I(), this.#r = t(), this.#a = t([]), this.#o = t(!1), this.#s = t(!1), this.#c = new I(), this.#l = !1, this.provideAddNodeOptions = async (e, t) => await this.#u([this.triggers.provideAddNodeOptions(e, t), this.connectors.provideAddNodeOptions(e, t)], t), this.browseAddNodeOptions = async (e) => await this.#u([this.triggers.browseAddNodeOptions(e), this.connectors.browseAddNodeOptions(e)], e), this.provideAddNodeOptionChoices = async (e, t) => {
+	constructor(r, i, a = () => crypto.randomUUID(), o = L(), s = Wt, c = !0) {
+		this.#t = new F(), this.#r = t(), this.#a = t([]), this.#o = t(!1), this.#s = t(!1), this.#c = new F(), this.#l = !1, this.provideAddNodeOptions = async (e, t) => await this.#u([this.triggers.provideAddNodeOptions(e, t), this.connectors.provideAddNodeOptions(e, t)], t), this.browseAddNodeOptions = async (e) => await this.#u([this.triggers.browseAddNodeOptions(e), this.connectors.browseAddNodeOptions(e)], e), this.provideAddNodeOptionChoices = async (e, t) => {
 			if (!e.startsWith("trigger:")) return await this.connectors.provideAddNodeOptionChoices(e, t);
 		}, this.#e = r, this.#n = o, this.#i = c;
 		let l = (e) => {
 			this.#l || this.#r.set(e);
 		};
-		this.runs = new Le(r, l, o), this.workspace = new zt(r, l, ct, o, (e) => {
+		this.runs = new ze(r, l, o), this.workspace = new Bt(r, l, lt, o, (e) => {
 			e.kind == "run.created" ? this.#d(r, e) : this.runs.changed(e.runId);
-		}), this.connectors = new wt(r, this.workspace, l, s, o), this.triggers = new Ot(r, this.workspace, l, s, o), this.publications = new ft(r, this.workspace, l, i, a, o), this.runRequests = new _t(r, this.runs, l, o, a);
+		}), this.connectors = new wt(r, this.workspace, l, s, o), this.triggers = new Ot(r, this.workspace, l, s, o), this.publications = new pt(r, this.workspace, l, i, a, o), this.runRequests = new vt(r, this.runs, l, o, a);
 		let u = n((e) => {
 			let t = e(this.workspace.$.diagnostics);
 			if (t == null) return;
@@ -2669,8 +2728,8 @@ var Ut = { openExternalPage: async () => !1 }, Wt = class {
 			let t = e(this.workspace.$.draft);
 			f != t?.flowId && (d.clear(), f = t?.flowId);
 			let n = e(this.workspace.$.target), r = e(this.workspace.$.presentation)?.value, i = e(u)?.diagnostics ?? e(this.connectors.$.diagnostics), a = e(this.connectors.$.actions), s = e(this.connectors.$.catalogs), c = e(o.t$), l = e(this.runs.$.run), p = e(this.runs.$.events), m = e(this.#a), h = e(this.#o), g = e(this.#s), _ = n == null ? "" : n.kind == "flow" ? "flow" : `subflow:${n.id}`, v = [
-				...Vt(t, n),
-				r == null || n == null ? void 0 : N(r, n),
+				...Ht(t, n),
+				r == null || n == null ? void 0 : M(r, n),
 				i,
 				a,
 				s,
@@ -2683,12 +2742,12 @@ var Ut = { openExternalPage: async () => !1 }, Wt = class {
 				...l == null ? [] : [t?.revisionId]
 			], y = d.get(_);
 			if (y != null && y.inputs.length == v.length && y.inputs.every((e, t) => e === v[t])) return y.graph;
-			let b = M(t, n, r, i, a, s, c, l, p, m, h, g, this.#i);
+			let b = j(t, n, r, i, a, s, c, l, p, m, h, g, this.#i);
 			return d.set(_, {
 				graph: b,
 				inputs: v
 			}), b;
-		}), m = e(p, Bt);
+		}), m = e(p, Vt);
 		this.$ = {
 			busy: n((e) => {
 				let t = e(this.workspace.$.busy);
@@ -2704,7 +2763,7 @@ var Ut = { openExternalPage: async () => !1 }, Wt = class {
 			designer: p,
 			designerNodeById: m,
 			notice: this.#r,
-			runEventNodes: n((e) => Ht(e(this.workspace.$.draft), e(this.workspace.$.target), e(this.runs.$.run), e(this.runs.$.events), e(m))),
+			runEventNodes: n((e) => Ut(e(this.workspace.$.draft), e(this.workspace.$.target), e(this.runs.$.run), e(this.runs.$.events), e(m))),
 			selectedDesignerNode: n((e) => {
 				let t = e(this.workspace.$.selectedNodeIds);
 				return t.length == 1 ? e(m).get(t[0]) : void 0;
@@ -2765,7 +2824,7 @@ var Ut = { openExternalPage: async () => !1 }, Wt = class {
 	}
 	locateRunWait() {
 		let e = this.runs.$.run.value;
-		return e?.status == "waiting" && "waiting" in e && e.waiting != null && this.workspace.locateNode(e.waiting.nodeId);
+		return e?.status != "waiting" || !("waiting" in e) || e.waiting == null || !this.workspace.selectTarget({ kind: "flow" }) ? !1 : this.workspace.locateNode(e.waiting.nodeId);
 	}
 	async addNode(e, t, n) {
 		if (e.kind == "trigger" && "trigger" in e && e.trigger.kind == "connect") {
@@ -2805,13 +2864,13 @@ var Ut = { openExternalPage: async () => !1 }, Wt = class {
 			return;
 		}
 	}
-}, Gt = Ue(() => import("./flowWorkspace-VnS8nLMT.js").then((e) => e.t));
-function Kt({ action: e, description: t, error: n, onSubmit: r, onTokenChange: i, pending: a = !1, title: o, token: s, tokenLabel: u }) {
-	let m = s != null && u != null && i != null, h = s ?? "", _ = /* @__PURE__ */ q(Ge, { children: [
-		/* @__PURE__ */ K("div", {
+}, Kt = H(() => import("./flowWorkspace-CPBHm14t.js").then((e) => e.t));
+function qt({ action: e, description: t, error: n, onSubmit: r, onTokenChange: i, pending: a = !1, title: o, token: s, tokenLabel: u }) {
+	let m = s != null && u != null && i != null, h = s ?? "", _ = /* @__PURE__ */ K(Ke, { children: [
+		/* @__PURE__ */ G("div", {
 			"aria-hidden": "true",
 			className: "flex size-10 items-center justify-center rounded-lg bg-muted text-muted-foreground",
-			children: /* @__PURE__ */ q("svg", {
+			children: /* @__PURE__ */ K("svg", {
 				className: "size-5",
 				fill: "none",
 				stroke: "currentColor",
@@ -2819,40 +2878,40 @@ function Kt({ action: e, description: t, error: n, onSubmit: r, onTokenChange: i
 				strokeLinejoin: "round",
 				strokeWidth: "1.8",
 				viewBox: "0 0 24 24",
-				children: [/* @__PURE__ */ K("rect", {
+				children: [/* @__PURE__ */ G("rect", {
 					height: "9",
 					rx: "2",
 					width: "14",
 					x: "5",
 					y: "11"
-				}), /* @__PURE__ */ K("path", { d: "M8 11V8a4 4 0 0 1 8 0v3" })]
+				}), /* @__PURE__ */ G("path", { d: "M8 11V8a4 4 0 0 1 8 0v3" })]
 			})
 		}),
-		/* @__PURE__ */ q("header", {
+		/* @__PURE__ */ K("header", {
 			className: "flex flex-col gap-2",
-			children: [/* @__PURE__ */ K("h1", {
+			children: [/* @__PURE__ */ G("h1", {
 				className: "text-xl font-semibold tracking-tight text-balance",
 				children: o
-			}), /* @__PURE__ */ K("p", {
+			}), /* @__PURE__ */ G("p", {
 				className: "text-sm/relaxed text-muted-foreground text-pretty",
 				children: t
 			})]
 		}),
-		m && /* @__PURE__ */ K(f, { children: /* @__PURE__ */ q(d, {
+		m && /* @__PURE__ */ G(f, { children: /* @__PURE__ */ K(d, {
 			"data-invalid": n != null,
 			children: [
-				/* @__PURE__ */ K(p, {
+				/* @__PURE__ */ G(p, {
 					htmlFor: "session-token",
 					children: u
 				}),
-				/* @__PURE__ */ K(l, {
+				/* @__PURE__ */ G(l, {
 					autoComplete: "username",
 					name: "username",
 					type: "hidden",
 					value: "open-flow",
 					readOnly: !0
 				}),
-				/* @__PURE__ */ K(l, {
+				/* @__PURE__ */ G(l, {
 					autoComplete: "current-password",
 					"aria-invalid": n != null,
 					autoFocus: !0,
@@ -2864,29 +2923,29 @@ function Kt({ action: e, description: t, error: n, onSubmit: r, onTokenChange: i
 					type: "password",
 					value: h
 				}),
-				n != null && /* @__PURE__ */ K(y, { children: n })
+				n != null && /* @__PURE__ */ G(y, { children: n })
 			]
 		}) }),
-		e != null && r != null && /* @__PURE__ */ q(c, {
+		e != null && r != null && /* @__PURE__ */ K(c, {
 			disabled: a || m && h.length == 0,
 			size: "lg",
 			type: "submit",
-			children: [a && /* @__PURE__ */ K(g, {
+			children: [a && /* @__PURE__ */ G(g, {
 				"aria-label": e,
 				"data-icon": "inline-start"
 			}), e]
 		}),
-		a && e == null && /* @__PURE__ */ K(g, { "aria-label": t })
+		a && e == null && /* @__PURE__ */ G(g, { "aria-label": t })
 	] }), v = "m-auto flex w-full max-w-[420px] flex-col gap-5 rounded-xl bg-card p-6 shadow-lg shadow-black/10";
-	return /* @__PURE__ */ K("main", {
+	return /* @__PURE__ */ G("main", {
 		className: "open-flow-workbench",
-		children: /* @__PURE__ */ K("div", {
+		children: /* @__PURE__ */ G("div", {
 			className: "grid h-full overflow-auto bg-muted/20 p-4",
-			children: r == null ? /* @__PURE__ */ K("section", {
+			children: r == null ? /* @__PURE__ */ G("section", {
 				"aria-busy": a,
 				className: v,
 				children: _
-			}) : /* @__PURE__ */ K("form", {
+			}) : /* @__PURE__ */ G("form", {
 				"aria-busy": a,
 				className: v,
 				onSubmit: r,
@@ -2895,15 +2954,15 @@ function Kt({ action: e, description: t, error: n, onSubmit: r, onTokenChange: i
 		})
 	});
 }
-function qt({ host: e, store: t }) {
+function Jt({ host: e, store: t }) {
 	let n = a(t.$.notice);
-	return W(() => e.notify(n), [e, n]), W(() => () => e.notify(void 0), [e]), null;
+	return U(() => e.notify(n), [e, n]), U(() => () => e.notify(void 0), [e]), null;
 }
-function Jt({ catalogWidth: e, createFlow: t, createFlowDisabled: n, createFlowField: r, flowBadges: i, hrefFor: o, hostAction: s, hostTitle: c, language: l, navigation: u, onConfigureConnector: d, onHostAction: f, onLanguageChange: p, store: m, theme: h }) {
+function Yt({ catalogWidth: e, createFlow: t, createFlowDisabled: n, createFlowField: r, flowBadges: i, hrefFor: o, hostAction: s, hostTitle: c, language: l, navigation: u, onConfigureConnector: d, onHostAction: f, onLanguageChange: p, store: m, theme: h }) {
 	let g = a(m.workspace.$.flowId);
-	return /* @__PURE__ */ K("div", {
+	return /* @__PURE__ */ G("div", {
 		className: "app-shell",
-		children: g == null ? /* @__PURE__ */ K($e, {
+		children: g == null ? /* @__PURE__ */ G(et, {
 			catalogWidth: e,
 			createFlowDisabled: n,
 			createFlowField: r,
@@ -2920,12 +2979,12 @@ function Jt({ catalogWidth: e, createFlow: t, createFlowDisabled: n, createFlowF
 			onLanguageChange: p,
 			onSelectFlow: (e) => void u.selectFlow(e),
 			store: m
-		}) : /* @__PURE__ */ K(He, {
-			fallback: /* @__PURE__ */ K("main", {
+		}) : /* @__PURE__ */ G(We, {
+			fallback: /* @__PURE__ */ G("main", {
 				"aria-busy": "true",
 				className: "workspace"
 			}),
-			children: /* @__PURE__ */ K(Gt, {
+			children: /* @__PURE__ */ G(Kt, {
 				hostAction: s,
 				hostTitle: c,
 				hrefFor: o,
@@ -2938,18 +2997,18 @@ function Jt({ catalogWidth: e, createFlow: t, createFlowDisabled: n, createFlowF
 		})
 	});
 }
-function Yt({ catalogWidth: e, createFlow: t, createFlowDisabled: n, createFlowField: r, flowBadges: i, host: a, hostAction: s, hostTitle: c, hrefFor: l, language: u, location: d, onConfigureConnector: f, onHostAction: p, onLanguageChange: m, onNavigate: h, preferences: g, theme: _, variables: v = !0 }) {
-	let y = We(h);
+function Xt({ catalogWidth: e, createFlow: t, createFlowDisabled: n, createFlowField: r, flowBadges: i, host: a, hostAction: s, hostTitle: c, hrefFor: l, language: u, location: d, onConfigureConnector: f, onHostAction: p, onLanguageChange: m, onNavigate: h, preferences: g, theme: _, variables: v = !0 }) {
+	let y = Ge(h);
 	y.current = h;
-	let [{ i18n: b, navigation: x, store: S }] = G(() => {
-		let e = R(u), t = new Wt(new Ee((e, t) => a.request(e, t), (e, t) => a.subscribeFlow(e, t), (e) => a.subscribeFlowCatalog(e)), g, () => crypto.randomUUID(), e, a, v);
+	let [{ i18n: b, navigation: x, store: S }] = W(() => {
+		let e = L(u), t = new Gt(new De((e, t) => a.request(e, t), (e, t) => a.subscribeFlow(e, t), (e) => a.subscribeFlowCatalog(e)), g, () => crypto.randomUUID(), e, a, v);
 		return {
 			i18n: e,
-			navigation: new Ke(t, d, (e, t) => y.current(e, t)),
+			navigation: new qe(t, d, (e, t) => y.current(e, t)),
 			store: t
 		};
 	});
-	return W(() => {
+	return U(() => {
 		x.start();
 		let e = () => {
 			S.connectors.refreshAfterAuthorization(), S.triggers.refreshAfterAuthorization(), S.refreshVariableNames();
@@ -2961,17 +3020,17 @@ function Yt({ catalogWidth: e, createFlow: t, createFlowDisabled: n, createFlowF
 		b,
 		x,
 		S
-	]), W(() => void x.apply(d), [d, x]), W(() => {
+	]), U(() => void x.apply(d), [d, x]), U(() => {
 		b.lang != u && b.switchLang(u);
-	}, [b, u]), /* @__PURE__ */ K(o, {
+	}, [b, u]), /* @__PURE__ */ G(o, {
 		i18n: b,
-		children: /* @__PURE__ */ q("div", {
+		children: /* @__PURE__ */ K("div", {
 			className: "open-flow-theme open-flow-workbench",
 			"data-theme": _,
-			children: [/* @__PURE__ */ K(qt, {
+			children: [/* @__PURE__ */ G(Jt, {
 				host: a,
 				store: S
-			}), /* @__PURE__ */ K(Jt, {
+			}), /* @__PURE__ */ G(Yt, {
 				catalogWidth: e,
 				createFlow: t,
 				createFlowDisabled: n,
@@ -2991,8 +3050,8 @@ function Yt({ catalogWidth: e, createFlow: t, createFlowDisabled: n, createFlowF
 		})
 	});
 }
-function Xt({ sessionKey: e, ...t }) {
-	return /* @__PURE__ */ K(Yt, { ...t }, e);
+function Zt({ sessionKey: e, ...t }) {
+	return /* @__PURE__ */ G(Xt, { ...t }, e);
 }
 //#endregion
-export { Kt as OpenFlowSessionGate, Xt as OpenFlowWorkbench, Be as isWorkbenchLanguage, Ve as resolveWorkbenchLanguage, ze as workbenchLanguageNames, Re as workbenchLanguages };
+export { qt as OpenFlowSessionGate, Zt as OpenFlowWorkbench, He as isWorkbenchLanguage, Ue as resolveWorkbenchLanguage, Ve as workbenchLanguageNames, Be as workbenchLanguages };