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

package/dist/browser/preview.js

@@ -23052,7 +23052,7 @@ function uT({ className: e, container: t, positionMethod: n, collisionBoundary:
 				className: zt("z-[1000] inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 [overflow-wrap:anywhere] rounded-[6px] bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-[1000] **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", e),
 				...l,
 				children: [c, /* @__PURE__ */ G(rT, {
-					className: "z-[1000] size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5",
+					className: "z-[1000] size-2.5 translate-x-0 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5",
 					"data-slot": "tooltip-arrow"
 				})]
 			})
@@ -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
 				})
 			})
 		}) })