@oomol-lab/open-flow 0.1.0-beta.42 → 0.1.0-beta.43

package/dist/browser/{flowWorkspace-wckoLtfB.js → flowWorkspace-DFPIGl5u.js}

@@ -39335,139 +39335,139 @@ function IH(e, t, n) {
 }
 //#endregion
 //#region src/workbench/browser/runtime/editor/revisionCanvas.tsx
-function LH({ draft: e, presentation: t, theme: n, interactiveMode$: r, label: i, striped: a = !0 }) {
-	let o = Y(null), s = U(), c = it(), l = zi(() => we(e), [e]), [u, d] = X({ kind: "flow" }), f = u.kind === "flow" ? "flow" : `subflow:${u.id}`, [p, m] = X({}), [h, g] = X([]), [_, v] = X(!1), [y, b] = X(), x = zi(() => w(e, u, t?.value, [], {}, {}, s), [
+function LH({ draft: e, presentation: t, theme: n, interactiveMode$: r, label: i, striped: a = !0, showHeader: o = !0 }) {
+	let s = Y(null), c = U(), l = it(), u = zi(() => we(e), [e]), [d, f] = X({ kind: "flow" }), p = d.kind === "flow" ? "flow" : `subflow:${d.id}`, [m, h] = X({}), [g, _] = X([]), [v, y] = X(!1), [b, x] = X(), S = zi(() => w(e, d, t?.value, [], {}, {}, c), [
 		e,
-		u,
+		d,
 		t,
-		s
-	]), S = p[f], C = zi(() => ({
-		...x,
-		viewport: S?.viewport ?? x.viewport,
-		nodes: x.nodes.map((e) => ({
+		c
+	]), C = m[p], T = zi(() => ({
+		...S,
+		viewport: C?.viewport ?? S.viewport,
+		nodes: S.nodes.map((e) => ({
 			...e,
-			position: S?.positions?.[e.id] ?? e.position
+			position: C?.positions?.[e.id] ?? e.position
 		}))
-	}), [x, S]), T = x.nodes.some((e) => {
-		let t = S?.positions?.[e.id];
+	}), [S, C]), E = S.nodes.some((e) => {
+		let t = C?.positions?.[e.id];
 		return t != null && (t.x !== e.position.x || t.y !== e.position.y);
-	}), E = (e) => {
-		d(e), g([]), b(void 0);
-	}, D = h.length === 1 ? l.node(u, h[0]) : void 0, O = h.length === 1 ? C.nodes.find((e) => e.id === h[0] && e.kind === "comment") : void 0, k = (e) => {
-		g(e), v(!0);
-	};
+	}), D = (e) => {
+		f(e), _([]), x(void 0);
+	}, O = g.length === 1 ? u.node(d, g[0]) : void 0, k = g.length === 1 ? T.nodes.find((e) => e.id === g[0] && e.kind === "comment") : void 0, A = (e) => {
+		_(e), y(!0);
+	}, j = d.kind === "subflow" || t == null || E ? /* @__PURE__ */ $(Z, { children: [
+		d.kind === "subflow" && /* @__PURE__ */ Q(W, {
+			size: "xs",
+			variant: "ghost",
+			onClick: () => D({ kind: "flow" }),
+			children: c("snapshot.root")
+		}),
+		d.kind === "subflow" && /* @__PURE__ */ Q("span", {
+			className: "truncate",
+			children: u.subflow(d.id)?.name ?? d.id
+		}),
+		t == null && /* @__PURE__ */ Q("span", {
+			className: "revision-viewer-hint",
+			children: c("snapshot.missingLayout")
+		}),
+		E && /* @__PURE__ */ $(W, {
+			className: "ml-auto",
+			size: "xs",
+			variant: "outline",
+			onClick: () => h((e) => IH(e, p, { kind: "restore" })),
+			children: [/* @__PURE__ */ Q("i", {
+				"aria-hidden": "true",
+				className: "i-lucide-light:rotate-ccw"
+			}), c("snapshot.restore")]
+		})
+	] }) : void 0;
 	return /* @__PURE__ */ $("section", {
-		ref: o,
-		className: `revision-viewer${_ ? " inspector-open" : ""}`,
-		"aria-label": i ?? s("snapshot.title"),
-		children: [/* @__PURE__ */ $("header", {
+		ref: s,
+		className: `revision-viewer${v ? " inspector-open" : ""}`,
+		"aria-label": i ?? c("snapshot.title"),
+		children: [o && /* @__PURE__ */ $("header", {
 			className: "revision-viewer-toolbar",
-			children: [
-				/* @__PURE__ */ $("span", {
-					className: "inline-flex items-center gap-1.5 font-medium",
-					children: [/* @__PURE__ */ Q("i", {
-						"aria-hidden": "true",
-						className: "i-lucide-light:lock-keyhole"
-					}), i ?? s("snapshot.title")]
-				}),
-				u.kind === "subflow" && /* @__PURE__ */ Q(W, {
-					size: "xs",
-					variant: "ghost",
-					onClick: () => E({ kind: "flow" }),
-					children: s("snapshot.root")
-				}),
-				u.kind === "subflow" && /* @__PURE__ */ Q("span", {
-					className: "truncate",
-					children: l.subflow(u.id)?.name ?? u.id
-				}),
-				t == null && /* @__PURE__ */ Q("span", {
-					className: "revision-viewer-hint",
-					children: s("snapshot.missingLayout")
-				}),
-				T && /* @__PURE__ */ $(W, {
-					className: "ml-auto",
-					size: "xs",
-					variant: "outline",
-					onClick: () => m((e) => IH(e, f, { kind: "restore" })),
-					children: [/* @__PURE__ */ Q("i", {
-						"aria-hidden": "true",
-						className: "i-lucide-light:rotate-ccw"
-					}), s("snapshot.restore")]
-				})
-			]
+			children: [/* @__PURE__ */ $("span", {
+				className: "inline-flex items-center gap-1.5 font-medium",
+				children: [/* @__PURE__ */ Q("i", {
+					"aria-hidden": "true",
+					className: "i-lucide-light:lock-keyhole"
+				}), i ?? c("snapshot.title")]
+			}), j]
 		}), /* @__PURE__ */ $("div", {
 			className: "revision-viewer-body",
 			children: [/* @__PURE__ */ $("div", {
 				className: "revision-viewer-canvas",
 				children: [/* @__PURE__ */ Q(_H, {
-					identity: f,
-					model: C,
+					identity: p,
+					model: T,
 					editable: !1,
 					nodesDraggable: !0,
-					fitView: S?.viewport == null,
+					fitView: C?.viewport == null,
 					className: a ? "open-flow-canvas-locked" : void 0,
 					dark: n === "dark",
-					language: c,
+					language: l,
 					interactiveMode$: r,
-					selectedNodeIds: h,
+					selectedNodeIds: g,
 					ignoredNodeIds: [],
-					focusNodeRequest: y,
-					onMoveNodes: (e) => m((t) => IH(t, f, {
+					focusNodeRequest: b,
+					onMoveNodes: (e) => h((t) => IH(t, p, {
 						kind: "move",
 						positions: e
 					})),
-					onMoveViewport: (e) => m((t) => IH(t, f, {
+					onMoveViewport: (e) => h((t) => IH(t, p, {
 						kind: "viewport",
 						viewport: e
 					})),
-					onSelectionChange: g,
-					onActivateSelection: k,
-					onInspectSelection: () => v(!0),
-					inspectorOpen: _,
+					onSelectionChange: _,
+					onActivateSelection: A,
+					onInspectSelection: () => y(!0),
+					inspectorOpen: v,
+					toolbar: o ? void 0 : j,
 					cornerTools: /* @__PURE__ */ Q(bH, {
-						label: s("designer.toggleInspector"),
-						open: _,
+						label: c("designer.toggleInspector"),
+						open: v,
 						disabled: !1,
-						onToggle: () => v((e) => !e)
+						onToggle: () => y((e) => !e)
 					})
-				}, f), C.nodes.length === 0 && /* @__PURE__ */ Q("p", {
+				}, p), T.nodes.length === 0 && /* @__PURE__ */ Q("p", {
 					className: "revision-viewer-empty",
-					children: s("inspector.emptyOutline")
+					children: c("inspector.emptyOutline")
 				})]
-			}), _ && /* @__PURE__ */ Q(mc, {
-				layoutRoot: o,
+			}), v && /* @__PURE__ */ Q(mc, {
+				layoutRoot: s,
 				className: "open-flow-property-panel",
 				theme: n,
-				title: D?.node.name ?? O?.title ?? s("inspector.title"),
-				icon: Cx(D, u),
+				title: O?.node.name ?? k?.title ?? c("inspector.title"),
+				icon: Cx(O, d),
 				focusOnOpen: !0,
-				onClose: () => v(!1),
-				children: D == null ? O?.kind === "comment" ? /* @__PURE__ */ Q("div", {
+				onClose: () => y(!1),
+				children: O == null ? k?.kind === "comment" ? /* @__PURE__ */ Q("div", {
 					className: "inspector-content",
 					children: /* @__PURE__ */ Q(Iv, { data: {
-						title: O.title,
-						content: O.content
+						title: k.title,
+						content: k.content
 					} })
 				}) : /* @__PURE__ */ Q(Vl, {
-					nodes: h.length > 1 ? C.nodes.filter((e) => h.includes(e.id)) : C.nodes,
-					onSelect: (e) => k([e]),
+					nodes: g.length > 1 ? T.nodes.filter((e) => g.includes(e.id)) : T.nodes,
+					onSelect: (e) => A([e]),
 					onFocusNode: (e) => {
-						g([e]), b({
+						_([e]), x({
 							nodeId: e,
-							requestId: (y?.requestId ?? 0) + 1
+							requestId: (b?.requestId ?? 0) + 1
 						});
 					}
 				}) : /* @__PURE__ */ Q(Tx, {
 					readOnly: !0,
-					revision: l,
-					selection: D,
-					target: u,
+					revision: u,
+					selection: O,
+					target: d,
 					theme: n,
-					onOpenSubflow: (e) => E({
+					onOpenSubflow: (e) => D({
 						kind: "subflow",
 						id: e
 					})
-				}, `${f}:${D.id}`)
+				}, `${p}:${O.id}`)
 			})]
 		})]
 	});

package/dist/browser/preview.js

@@ -87869,139 +87869,139 @@ function lde({ label: e, open: t, disabled: n = !1, onToggle: r }) {
 }
 //#endregion
 //#region src/workbench/browser/runtime/editor/revisionCanvas.tsx
-function ude({ draft: e, presentation: t, theme: n, interactiveMode$: r, label: i, striped: a = !0 }) {
-	let o = V(null), c = p(), l = s(), u = z(() => BQ(e), [e]), [d, f] = H({ kind: "flow" }), m = d.kind === "flow" ? "flow" : `subflow:${d.id}`, [h, g] = H({}), [_, v] = H([]), [y, b] = H(!1), [x, S] = H(), C = z(() => D$(e, d, t?.value, [], {}, {}, c), [
+function ude({ draft: e, presentation: t, theme: n, interactiveMode$: r, label: i, striped: a = !0, showHeader: o = !0 }) {
+	let c = V(null), l = p(), u = s(), d = z(() => BQ(e), [e]), [f, m] = H({ kind: "flow" }), h = f.kind === "flow" ? "flow" : `subflow:${f.id}`, [g, _] = H({}), [v, y] = H([]), [b, x] = H(!1), [S, C] = H(), w = z(() => D$(e, f, t?.value, [], {}, {}, l), [
 		e,
-		d,
+		f,
 		t,
-		c
-	]), w = h[m], T = z(() => ({
-		...C,
-		viewport: w?.viewport ?? C.viewport,
-		nodes: C.nodes.map((e) => ({
+		l
+	]), T = g[h], E = z(() => ({
+		...w,
+		viewport: T?.viewport ?? w.viewport,
+		nodes: w.nodes.map((e) => ({
 			...e,
-			position: w?.positions?.[e.id] ?? e.position
+			position: T?.positions?.[e.id] ?? e.position
 		}))
-	}), [C, w]), E = C.nodes.some((e) => {
-		let t = w?.positions?.[e.id];
+	}), [w, T]), D = w.nodes.some((e) => {
+		let t = T?.positions?.[e.id];
 		return t != null && (t.x !== e.position.x || t.y !== e.position.y);
-	}), D = (e) => {
-		f(e), v([]), S(void 0);
-	}, O = _.length === 1 ? u.node(d, _[0]) : void 0, k = _.length === 1 ? T.nodes.find((e) => e.id === _[0] && e.kind === "comment") : void 0, A = (e) => {
-		v(e), b(!0);
-	};
+	}), O = (e) => {
+		m(e), y([]), C(void 0);
+	}, k = v.length === 1 ? d.node(f, v[0]) : void 0, A = v.length === 1 ? E.nodes.find((e) => e.id === v[0] && e.kind === "comment") : void 0, j = (e) => {
+		y(e), x(!0);
+	}, M = f.kind === "subflow" || t == null || D ? /* @__PURE__ */ K(W, { children: [
+		f.kind === "subflow" && /* @__PURE__ */ G(Y, {
+			size: "xs",
+			variant: "ghost",
+			onClick: () => O({ kind: "flow" }),
+			children: l("snapshot.root")
+		}),
+		f.kind === "subflow" && /* @__PURE__ */ G("span", {
+			className: "truncate",
+			children: d.subflow(f.id)?.name ?? f.id
+		}),
+		t == null && /* @__PURE__ */ G("span", {
+			className: "revision-viewer-hint",
+			children: l("snapshot.missingLayout")
+		}),
+		D && /* @__PURE__ */ K(Y, {
+			className: "ml-auto",
+			size: "xs",
+			variant: "outline",
+			onClick: () => _((e) => $9(e, h, { kind: "restore" })),
+			children: [/* @__PURE__ */ G("i", {
+				"aria-hidden": "true",
+				className: "i-lucide-light:rotate-ccw"
+			}), l("snapshot.restore")]
+		})
+	] }) : void 0;
 	return /* @__PURE__ */ K("section", {
-		ref: o,
-		className: `revision-viewer${y ? " inspector-open" : ""}`,
-		"aria-label": i ?? c("snapshot.title"),
-		children: [/* @__PURE__ */ K("header", {
+		ref: c,
+		className: `revision-viewer${b ? " inspector-open" : ""}`,
+		"aria-label": i ?? l("snapshot.title"),
+		children: [o && /* @__PURE__ */ K("header", {
 			className: "revision-viewer-toolbar",
-			children: [
-				/* @__PURE__ */ K("span", {
-					className: "inline-flex items-center gap-1.5 font-medium",
-					children: [/* @__PURE__ */ G("i", {
-						"aria-hidden": "true",
-						className: "i-lucide-light:lock-keyhole"
-					}), i ?? c("snapshot.title")]
-				}),
-				d.kind === "subflow" && /* @__PURE__ */ G(Y, {
-					size: "xs",
-					variant: "ghost",
-					onClick: () => D({ kind: "flow" }),
-					children: c("snapshot.root")
-				}),
-				d.kind === "subflow" && /* @__PURE__ */ G("span", {
-					className: "truncate",
-					children: u.subflow(d.id)?.name ?? d.id
-				}),
-				t == null && /* @__PURE__ */ G("span", {
-					className: "revision-viewer-hint",
-					children: c("snapshot.missingLayout")
-				}),
-				E && /* @__PURE__ */ K(Y, {
-					className: "ml-auto",
-					size: "xs",
-					variant: "outline",
-					onClick: () => g((e) => $9(e, m, { kind: "restore" })),
-					children: [/* @__PURE__ */ G("i", {
-						"aria-hidden": "true",
-						className: "i-lucide-light:rotate-ccw"
-					}), c("snapshot.restore")]
-				})
-			]
+			children: [/* @__PURE__ */ K("span", {
+				className: "inline-flex items-center gap-1.5 font-medium",
+				children: [/* @__PURE__ */ G("i", {
+					"aria-hidden": "true",
+					className: "i-lucide-light:lock-keyhole"
+				}), i ?? l("snapshot.title")]
+			}), M]
 		}), /* @__PURE__ */ K("div", {
 			className: "revision-viewer-body",
 			children: [/* @__PURE__ */ K("div", {
 				className: "revision-viewer-canvas",
 				children: [/* @__PURE__ */ G(sL, {
-					identity: m,
-					model: T,
+					identity: h,
+					model: E,
 					editable: !1,
 					nodesDraggable: !0,
-					fitView: w?.viewport == null,
+					fitView: T?.viewport == null,
 					className: a ? "open-flow-canvas-locked" : void 0,
 					dark: n === "dark",
-					language: l,
+					language: u,
 					interactiveMode$: r,
-					selectedNodeIds: _,
+					selectedNodeIds: v,
 					ignoredNodeIds: [],
-					focusNodeRequest: x,
-					onMoveNodes: (e) => g((t) => $9(t, m, {
+					focusNodeRequest: S,
+					onMoveNodes: (e) => _((t) => $9(t, h, {
 						kind: "move",
 						positions: e
 					})),
-					onMoveViewport: (e) => g((t) => $9(t, m, {
+					onMoveViewport: (e) => _((t) => $9(t, h, {
 						kind: "viewport",
 						viewport: e
 					})),
-					onSelectionChange: v,
-					onActivateSelection: A,
-					onInspectSelection: () => b(!0),
-					inspectorOpen: y,
+					onSelectionChange: y,
+					onActivateSelection: j,
+					onInspectSelection: () => x(!0),
+					inspectorOpen: b,
+					toolbar: o ? void 0 : M,
 					cornerTools: /* @__PURE__ */ G(lde, {
-						label: c("designer.toggleInspector"),
-						open: y,
+						label: l("designer.toggleInspector"),
+						open: b,
 						disabled: !1,
-						onToggle: () => b((e) => !e)
+						onToggle: () => x((e) => !e)
 					})
-				}, m), T.nodes.length === 0 && /* @__PURE__ */ G("p", {
+				}, h), E.nodes.length === 0 && /* @__PURE__ */ G("p", {
 					className: "revision-viewer-empty",
-					children: c("inspector.emptyOutline")
+					children: l("inspector.emptyOutline")
 				})]
-			}), y && /* @__PURE__ */ G(P$, {
-				layoutRoot: o,
+			}), b && /* @__PURE__ */ G(P$, {
+				layoutRoot: c,
 				className: "open-flow-property-panel",
 				theme: n,
-				title: O?.node.name ?? k?.title ?? c("inspector.title"),
-				icon: sde(O, d),
+				title: k?.node.name ?? A?.title ?? l("inspector.title"),
+				icon: sde(k, f),
 				focusOnOpen: !0,
-				onClose: () => b(!1),
-				children: O == null ? k?.kind === "comment" ? /* @__PURE__ */ G("div", {
+				onClose: () => x(!1),
+				children: k == null ? A?.kind === "comment" ? /* @__PURE__ */ G("div", {
 					className: "inspector-content",
 					children: /* @__PURE__ */ G(mO, { data: {
-						title: k.title,
-						content: k.content
+						title: A.title,
+						content: A.content
 					} })
 				}) : /* @__PURE__ */ G(R$, {
-					nodes: _.length > 1 ? T.nodes.filter((e) => _.includes(e.id)) : T.nodes,
-					onSelect: (e) => A([e]),
+					nodes: v.length > 1 ? E.nodes.filter((e) => v.includes(e.id)) : E.nodes,
+					onSelect: (e) => j([e]),
 					onFocusNode: (e) => {
-						v([e]), S({
+						y([e]), C({
 							nodeId: e,
-							requestId: (x?.requestId ?? 0) + 1
+							requestId: (S?.requestId ?? 0) + 1
 						});
 					}
 				}) : /* @__PURE__ */ G(cde, {
 					readOnly: !0,
-					revision: u,
-					selection: O,
-					target: d,
+					revision: d,
+					selection: k,
+					target: f,
 					theme: n,
-					onOpenSubflow: (e) => D({
+					onOpenSubflow: (e) => O({
 						kind: "subflow",
 						id: e
 					})
-				}, `${m}:${O.id}`)
+				}, `${h}:${k.id}`)
 			})]
 		})]
 	});
@@ -88024,7 +88024,8 @@ function dde({ draft: e, presentation: t, language: n, theme: r, label: i, class
 					presentation: t,
 					theme: r,
 					label: i,
-					striped: !1
+					striped: !1,
+					showHeader: !1
 				})
 			})
 		}) })

package/dist/browser/workbench.js

@@ -4956,7 +4956,7 @@ var Jr = { openExternalPage: async () => !1 }, Yr = class {
 			return;
 		}
 	}
-}, Xr = Mt(() => import("./flowWorkspace-wckoLtfB.js"));
+}, Xr = Mt(() => import("./flowWorkspace-DFPIGl5u.js"));
 function Zr({ action: e, description: t, error: n, onSubmit: r, onTokenChange: i, pending: a = !1, title: o, token: s, tokenLabel: c }) {
 	let l = s != null && c != null && i != null, u = s ?? "", d = /* @__PURE__ */ Y(Nt, { children: [
 		/* @__PURE__ */ J("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oomol-lab/open-flow",
-  "version": "0.1.0-beta.42",
+  "version": "0.1.0-beta.43",
   "description": "TypeScript contracts and Browser runtime for Open Flow.",
   "license": "Apache-2.0",
   "repository": {