@bian-womp/spark-workbench 0.2.8 → 0.2.10

package/lib/cjs/index.cjs

@@ -169,6 +169,7 @@ class InMemoryWorkbench extends AbstractWorkbench {
             change: { type: "addNode", nodeId: id },
         });
         this.refreshValidation();
+        return id;
     }
     removeNode(nodeId) {
         this.def.nodes = this.def.nodes.filter((n) => n.nodeId !== nodeId);
@@ -193,6 +194,7 @@ class InMemoryWorkbench extends AbstractWorkbench {
             change: { type: "connect", edgeId: id },
         });
         this.refreshValidation();
+        return id;
     }
     disconnect(edgeId) {
         this.def.edges = this.def.edges.filter((e) => e.id !== edgeId);
@@ -548,6 +550,7 @@ class RemoteGraphRunner extends AbstractGraphRunner {
                                         displayName: d.displayName,
                                         options: d.options,
                                         opts: d.opts,
+                                        bakeTarget: d.bakeTarget,
                                     });
                                 }
                                 else if (d.kind === "register-type") {
@@ -556,6 +559,7 @@ class RemoteGraphRunner extends AbstractGraphRunner {
                                             id: d.id,
                                             displayName: d.displayName,
                                             validate: (_v) => true,
+                                            bakeTarget: d.bakeTarget,
                                         });
                                     }
                                 }
@@ -678,6 +682,15 @@ class RemoteGraphRunner extends AbstractGraphRunner {
             catch { }
         });
     }
+    async coerce(from, to, value) {
+        const runner = await this.ensureRemoteRunner();
+        try {
+            return await runner.coerce(from, to, value);
+        }
+        catch {
+            return value;
+        }
+    }
     getOutputs(def) {
         const out = {};
         const cache = this.valueCache;
@@ -1108,6 +1121,15 @@ function toReactFlow(def, positions, registry, opts) {
     const EDGE_STYLE_ERROR = { stroke: "#ef4444", strokeWidth: 2 };
     const EDGE_STYLE_RUNNING = { stroke: "#3b82f6" };
     const nodeHandleMap = {};
+    // Precompute which inputs are connected per node
+    const connectedInputs = {};
+    for (const e of def.edges) {
+        const nid = e.target.nodeId;
+        const hid = e.target.handle;
+        if (!connectedInputs[nid])
+            connectedInputs[nid] = new Set();
+        connectedInputs[nid].add(hid);
+    }
     const nodes = def.nodes.map((n) => {
         const desc = registry.nodes.get(n.typeId);
         const inputHandles = Object.entries(desc?.inputs ?? {})
@@ -1156,6 +1178,10 @@ function toReactFlow(def, positions, registry, opts) {
                 params: n.params,
                 inputHandles,
                 outputHandles,
+                inputConnected: Object.fromEntries(inputHandles.map((h) => [
+                    h.id,
+                    !!connectedInputs[n.nodeId]?.has(h.id),
+                ])),
                 handleLayout: [
                     ...inputHandles.map((h, i) => ({
                         id: h.id,
@@ -2029,17 +2055,37 @@ const DefaultNode = React.memo(function DefaultNode({ id, data, selected, isConn
             position: "relative",
             minWidth: typeof data.renderWidth === "number" ? data.renderWidth : undefined,
             minHeight: typeof data.renderHeight === "number" ? data.renderHeight : undefined,
-        }, children: [jsxRuntime.jsxs("div", { className: "flex items-center justify-center px-2 border-b border-solid border-gray-500 dark:border-gray-400 text-gray-600 dark:text-gray-300", style: {
-                    maxHeight: NODE_HEADER_HEIGHT_PX,
-                    minHeight: NODE_HEADER_HEIGHT_PX,
-                }, children: [jsxRuntime.jsx("strong", { className: "flex-1 h-full text-sm", style: { lineHeight: `${NODE_HEADER_HEIGHT_PX}px` }, children: typeId }), jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [validation.issues && validation.issues.length > 0 && (jsxRuntime.jsx(IssueBadge, { level: validation.issues.some((i) => i.level === "error")
-                                    ? "error"
-                                    : "warning", size: 12, className: "w-3 h-3", title: validation.issues
-                                    .map((v) => `${v.code}: ${v.message}`)
-                                    .join("; ") })), jsxRuntime.jsxs("span", { className: "text-[10px] opacity-70", children: ["(", id, ")"] })] })] }), jsxRuntime.jsx(DefaultNodeContent, { data: data, isConnectable: isConnectable })] }));
+        }, children: [jsxRuntime.jsx(DefaultNodeHeader, { id: id, title: typeId, status: status, validation: validation }), jsxRuntime.jsx(DefaultNodeContent, { id: id, data: data, isConnectable: isConnectable })] }));
 });
 DefaultNode.displayName = "DefaultNode";
-function DefaultNodeContent({ data, isConnectable, }) {
+function DefaultNodeHeader({ id, title, status, validation, right, onInvalidate, }) {
+    const ctx = useWorkbenchContext();
+    const handleInvalidate = React.useCallback(() => {
+        try {
+            if (onInvalidate)
+                return onInvalidate();
+            const kind = ctx.engineKind?.();
+            if (kind === "pull")
+                ctx.runner.computeNode(id);
+            else
+                ctx.triggerExternal?.(id, { type: "invalidate" });
+        }
+        catch { }
+    }, [ctx, id, onInvalidate]);
+    return (jsxRuntime.jsxs("div", { className: "flex items-center justify-center px-2 border-b border-solid border-gray-500 dark:border-gray-400 text-gray-600 dark:text-gray-300", style: {
+            maxHeight: NODE_HEADER_HEIGHT_PX,
+            minHeight: NODE_HEADER_HEIGHT_PX,
+        }, children: [jsxRuntime.jsx("strong", { className: "flex-1 h-full text-sm", style: { lineHeight: `${NODE_HEADER_HEIGHT_PX}px` }, children: title }), jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [jsxRuntime.jsx("button", { className: "w-4 h-4 border border-gray-400 rounded text-[10px] leading-3 flex items-center justify-center", title: "Invalidate and re-run", onClick: (e) => {
+                            e.stopPropagation();
+                            handleInvalidate();
+                        }, children: "\u21BB" }), right, validation.issues && validation.issues.length > 0 && (jsxRuntime.jsx(IssueBadge, { level: validation.issues.some((i) => i.level === "error")
+                            ? "error"
+                            : "warning", size: 12, className: "w-3 h-3", title: validation.issues
+                            .map((v) => `${v.code}: ${v.message}`)
+                            .join("; ") })), jsxRuntime.jsxs("span", { className: "text-[10px] opacity-70", children: ["(", id, ")"] })] })] }));
+}
+function DefaultNodeContent({ id, data, isConnectable, }) {
+    useWorkbenchContext();
     const { showValues, inputValues, outputValues, toString } = data;
     const inputEntries = data.inputHandles ?? [];
     const outputEntries = data.outputHandles ?? [];
@@ -2054,12 +2100,12 @@ function DefaultNodeContent({ data, isConnectable, }) {
                     const hasAny = vIssues.length > 0;
                     const hasErr = vIssues.some((v) => v.level === "error");
                     return cx("!w-3 !h-3 !bg-white !dark:bg-stone-900 !border-gray-500 dark:!border-gray-400", kind === "output" && "!rounded-none", hasAny && (hasErr ? "!border-red-500" : "!border-amber-500"));
-                }, renderLabel: ({ kind, id }) => {
+                }, renderLabel: ({ kind, id: handleId }) => {
                     const entries = kind === "input" ? inputEntries : outputEntries;
-                    const entry = entries.find((e) => e.id === id);
+                    const entry = entries.find((e) => e.id === handleId);
                     if (!entry)
-                        return id;
-                    const vIssues = (kind === "input" ? validation.inputs : validation.outputs).filter((v) => v.handle === id);
+                        return handleId;
+                    const vIssues = (kind === "input" ? validation.inputs : validation.outputs).filter((v) => v.handle === handleId);
                     const hasAny = vIssues.length > 0;
                     const hasErr = vIssues.some((v) => v.level === "error");
                     const title = vIssues
@@ -2076,7 +2122,7 @@ function DefaultNodeContent({ data, isConnectable, }) {
                         const txt = toString(resolved.typeId, resolved.value);
                         return typeof txt === "string" ? txt : String(txt);
                     })();
-                    return (jsxRuntime.jsxs("span", { className: "flex items-center gap-1 w-full", children: [kind === "output" ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [valueText !== undefined && (jsxRuntime.jsx("span", { className: "opacity-60 truncate pl-1", style: { flex: 1, minWidth: 0, maxWidth: "100%" }, children: valueText })), jsxRuntime.jsx("span", { className: "truncate shrink-0", style: { maxWidth: "40%" }, children: id })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { className: "truncate shrink-0", style: { maxWidth: "40%" }, children: id }), valueText !== undefined && (jsxRuntime.jsx("span", { className: "opacity-60 truncate pr-1", style: { flex: 1, minWidth: 0, maxWidth: "100%" }, children: valueText }))] })), hasAny && (jsxRuntime.jsx(IssueBadge, { level: hasErr ? "error" : "warning", size: 12, className: "shrink-0", title: title }))] }));
+                    return (jsxRuntime.jsxs("span", { className: "flex items-center gap-1 w-full", children: [kind === "output" ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [valueText !== undefined && (jsxRuntime.jsx("span", { className: "opacity-60 truncate pl-1", style: { flex: 1, minWidth: 0, maxWidth: "100%" }, children: valueText })), jsxRuntime.jsx("span", { className: "truncate shrink-0", style: { maxWidth: "40%" }, children: handleId })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { className: "truncate shrink-0", style: { maxWidth: "40%" }, children: handleId }), valueText !== undefined && (jsxRuntime.jsx("span", { className: "opacity-60 truncate pr-1", style: { flex: 1, minWidth: 0, maxWidth: "100%" }, children: valueText }))] })), hasAny && (jsxRuntime.jsx(IssueBadge, { level: hasErr ? "error" : "warning", size: 12, className: "shrink-0", title: title }))] }));
                 } })] }));
 }
 
@@ -2167,7 +2213,7 @@ function DefaultContextMenu({ open, clientPos, onAdd, onClose, }) {
 }
 
 function NodeContextMenu({ open, clientPos, nodeId, onClose, }) {
-    const { wb, runner, engineKind } = useWorkbenchContext();
+    const { wb, runner, engineKind, registry, outputsMap, outputTypesMap } = useWorkbenchContext();
     const ref = React.useRef(null);
     // outside click + ESC
     React.useEffect(() => {
@@ -2202,39 +2248,181 @@ function NodeContextMenu({ open, clientPos, nodeId, onClose, }) {
     const x = Math.min(clientPos.x, (typeof window !== "undefined" ? window.innerWidth : 0) -
         (MENU_MIN_WIDTH + PADDING));
     const y = Math.min(clientPos.y, (typeof window !== "undefined" ? window.innerHeight : 0) - 240);
+    // Bake helpers
+    const getBakeableOutputs = () => {
+        try {
+            const def = wb.export();
+            const node = def.nodes.find((n) => n.nodeId === nodeId);
+            if (!node)
+                return [];
+            const desc = registry.nodes.get(node.typeId);
+            const handles = Object.keys(desc?.outputs || {});
+            const out = [];
+            for (const h of handles) {
+                const tId = outputTypesMap?.[nodeId]?.[h];
+                if (!tId)
+                    continue;
+                if (tId.endsWith("[]")) {
+                    const base = tId.slice(0, -2);
+                    const tArr = registry.types.get(tId);
+                    const tElem = registry.types.get(base);
+                    const arrT = tArr?.bakeTarget;
+                    const elemT = tElem?.bakeTarget;
+                    if ((arrT && registry.nodes.has(arrT.nodeTypeId)) ||
+                        (elemT && registry.nodes.has(elemT.nodeTypeId)))
+                        out.push(h);
+                }
+                else {
+                    const t = registry.types.get(tId);
+                    const bt = t?.bakeTarget;
+                    if (bt && registry.nodes.has(bt.nodeTypeId))
+                        out.push(h);
+                }
+            }
+            return out;
+        }
+        catch {
+            return [];
+        }
+    };
+    const doBake = async (handleId) => {
+        try {
+            const typeId = outputTypesMap?.[nodeId]?.[handleId];
+            const raw = outputsMap?.[nodeId]?.[handleId];
+            if (!typeId || raw === undefined)
+                return;
+            const unwrap = (v) => sparkGraph.isTypedOutput(v) ? sparkGraph.getTypedOutputValue(v) : v;
+            const clone = (v) => typeof structuredClone === "function"
+                ? structuredClone(v)
+                : JSON.parse(JSON.stringify(v));
+            const coerceIfNeeded = async (fromType, toType, value) => {
+                if (!toType || toType === fromType || !runner?.coerce)
+                    return value;
+                try {
+                    return await runner.coerce(fromType, toType, value);
+                }
+                catch {
+                    return value;
+                }
+            };
+            const pos = wb.getPositions?.()[nodeId] || { x: 0, y: 0 };
+            const isArray = typeId.endsWith("[]");
+            const baseTypeId = isArray ? typeId.slice(0, -2) : typeId;
+            const tArr = isArray ? registry.types.get(typeId) : undefined;
+            const tElem = registry.types.get(baseTypeId);
+            const singleTarget = !isArray ? tElem?.bakeTarget : undefined;
+            const arrTarget = isArray ? tArr?.bakeTarget : undefined;
+            const elemTarget = isArray ? tElem?.bakeTarget : undefined;
+            if (singleTarget) {
+                const nodeDesc = registry.nodes.get(String(singleTarget.nodeTypeId));
+                const inType = sparkGraph.getInputTypeId(nodeDesc?.inputs, String(singleTarget.inputHandle || "Value"));
+                const coerced = await coerceIfNeeded(typeId, inType, unwrap(raw));
+                const newId = wb.addNode({
+                    typeId: String(singleTarget.nodeTypeId),
+                    position: { x: pos.x + 180, y: pos.y },
+                    params: {},
+                });
+                runner.update(wb.export());
+                await runner.whenIdle();
+                runner.setInputs(newId, {
+                    [String(singleTarget.inputHandle || "Value")]: coerced,
+                });
+                return;
+            }
+            if (isArray && arrTarget) {
+                const nodeDesc = registry.nodes.get(String(arrTarget.nodeTypeId));
+                const inType = sparkGraph.getInputTypeId(nodeDesc?.inputs, String(arrTarget.inputHandle || "Value"));
+                const coerced = await coerceIfNeeded(typeId, inType, unwrap(raw));
+                const newId = `n${Math.random().toString(36).slice(2, 8)}`;
+                wb.addNode({
+                    nodeId: newId,
+                    typeId: String(arrTarget.nodeTypeId),
+                    position: { x: pos.x + 180, y: pos.y },
+                    params: {},
+                });
+                runner.update(wb.export());
+                await runner.whenIdle();
+                runner.setInputs(newId, {
+                    [String(arrTarget.inputHandle || "Value")]: coerced,
+                });
+                return;
+            }
+            if (isArray && elemTarget && Array.isArray(raw)) {
+                const nodeDesc = registry.nodes.get(String(elemTarget.nodeTypeId));
+                const inType = sparkGraph.getInputTypeId(nodeDesc?.inputs, String(elemTarget.inputHandle || "Value"));
+                const items = raw.map(unwrap);
+                const coercedItems = await Promise.all(items.map((v) => coerceIfNeeded(baseTypeId, inType, v)));
+                const COLS = 4;
+                const DX = 180;
+                const DY = 160;
+                for (let idx = 0; idx < coercedItems.length; idx++) {
+                    const cv = coercedItems[idx];
+                    const col = idx % COLS;
+                    const row = Math.floor(idx / COLS);
+                    const newId = wb.addNode({
+                        typeId: String(elemTarget.nodeTypeId),
+                        position: { x: pos.x + (col + 1) * DX, y: pos.y + row * DY },
+                        params: {},
+                        initialInputs: {
+                            [String(elemTarget.inputHandle || "Value")]: clone(cv),
+                        },
+                    });
+                    runner.update(wb.export());
+                    await runner.whenIdle();
+                    runner.setInputs(newId, {
+                        [String(elemTarget.inputHandle || "Value")]: cv,
+                    });
+                }
+                return;
+            }
+        }
+        catch { }
+    };
     // actions
-    const handleDelete = () => {
+    const handleDelete = React.useCallback(() => {
         wb.removeNode(nodeId);
         onClose();
-    };
-    const handleDuplicate = () => {
+    }, [nodeId, wb, onClose]);
+    const handleDuplicate = React.useCallback(() => {
         const def = wb.export();
         const n = def.nodes.find((n) => n.nodeId === nodeId);
         if (!n)
             return onClose();
         const pos = wb.getPositions?.()[nodeId] || { x: 0, y: 0 };
-        wb.addNode({ typeId: n.typeId, params: n.params, position: { x: pos.x + 24, y: pos.y + 24 } });
+        wb.addNode({
+            typeId: n.typeId,
+            params: n.params,
+            position: { x: pos.x + 24, y: pos.y + 24 },
+        });
         onClose();
-    };
-    const handleCopyId = async () => {
+    }, [nodeId, wb, onClose]);
+    React.useCallback(async (handleId) => {
+        await doBake(handleId);
+        onClose();
+    }, [doBake, onClose]);
+    const handleCopyId = React.useCallback(async () => {
         try {
             await navigator.clipboard.writeText(nodeId);
         }
         catch { }
         onClose();
-    };
-    const canRunPull = engineKind()?.toString() === "pull";
-    const handleRunPull = async () => {
+    }, [nodeId, onClose]);
+    const handleRunPull = React.useCallback(async () => {
         try {
             await runner.computeNode(nodeId);
         }
         catch { }
         onClose();
-    };
+    }, [nodeId, runner, onClose]);
+    const canRunPull = engineKind()?.toString() === "pull";
+    const outs = getBakeableOutputs();
     return (jsxRuntime.jsxs("div", { ref: ref, tabIndex: -1, className: "fixed z-[1000] bg-white border border-gray-300 rounded-lg shadow-lg p-1 min-w-[180px] text-sm text-gray-700", style: { left: x, top: y }, onClick: (e) => e.stopPropagation(), onMouseDown: (e) => e.stopPropagation(), onWheel: (e) => e.stopPropagation(), onContextMenu: (e) => {
             e.preventDefault();
             e.stopPropagation();
-        }, children: [jsxRuntime.jsxs("div", { className: "px-2 py-1 font-semibold text-gray-700", children: ["Node (", nodeId, ")"] }), jsxRuntime.jsx("button", { className: "block w-full text-left px-2 py-1 hover:bg-gray-100", onClick: handleDelete, children: "Delete" }), jsxRuntime.jsx("button", { className: "block w-full text-left px-2 py-1 hover:bg-gray-100", onClick: handleDuplicate, children: "Duplicate" }), canRunPull && (jsxRuntime.jsx("button", { className: "block w-full text-left px-2 py-1 hover:bg-gray-100", onClick: handleRunPull, children: "Run (pull)" })), jsxRuntime.jsx("div", { className: "h-px bg-gray-200 my-1" }), jsxRuntime.jsx("button", { className: "block w-full text-left px-2 py-1 hover:bg-gray-100", onClick: handleCopyId, children: "Copy Node ID" })] }));
+        }, children: [jsxRuntime.jsxs("div", { className: "px-2 py-1 font-semibold text-gray-700", children: ["Node (", nodeId, ")"] }), jsxRuntime.jsx("button", { className: "block w-full text-left px-2 py-1 hover:bg-gray-100", onClick: handleDelete, children: "Delete" }), jsxRuntime.jsx("button", { className: "block w-full text-left px-2 py-1 hover:bg-gray-100", onClick: handleDuplicate, children: "Duplicate" }), canRunPull && (jsxRuntime.jsx("button", { className: "block w-full text-left px-2 py-1 hover:bg-gray-100", onClick: handleRunPull, children: "Run (pull)" })), jsxRuntime.jsx("div", { className: "h-px bg-gray-200 my-1" }), outs.length > 0 && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "px-2 py-1 font-semibold text-gray-700", children: "Bake" }), outs.map((h) => (jsxRuntime.jsxs("button", { className: "block w-full text-left px-2 py-1 hover:bg-gray-100", onClick: async () => {
+                            await doBake(h);
+                            onClose();
+                        }, children: ["Bake: ", h] }, h))), jsxRuntime.jsx("div", { className: "h-px bg-gray-200 my-1" })] })), jsxRuntime.jsx("button", { className: "block w-full text-left px-2 py-1 hover:bg-gray-100", onClick: handleCopyId, children: "Copy Node ID" })] }));
 }
 
 const WorkbenchCanvas = React.forwardRef(({ showValues, toString, toElement, getDefaultNodeSize }, ref) => {
@@ -2464,10 +2652,21 @@ const WorkbenchCanvas = React.forwardRef(({ showValues, toString, toElement, get
             setNodeMenuOpen(false);
         }
     };
-    const addNodeAt = (typeId, pos) => {
+    const addNodeAt = React.useCallback((typeId, pos) => {
         wb.addNode({ typeId, position: pos });
-    };
-    return (jsxRuntime.jsx("div", { className: "w-full h-full", onContextMenu: onContextMenu, children: jsxRuntime.jsx(react.ReactFlowProvider, { children: jsxRuntime.jsxs(react.ReactFlow, { nodes: throttled.nodes, edges: throttled.edges, nodeTypes: nodeTypes, selectionOnDrag: true, onInit: (inst) => (rfInstanceRef.current = inst), onConnect: onConnect, onEdgesChange: onEdgesChange, onEdgesDelete: onEdgesDelete, onNodesDelete: onNodesDelete, onNodesChange: onNodesChange, deleteKeyCode: ["Backspace", "Delete"], proOptions: { hideAttribution: true }, noDragClassName: "wb-nodrag", noWheelClassName: "wb-nowheel", noPanClassName: "wb-nopan", fitView: true, children: [jsxRuntime.jsx(react.Background, { id: "workbench-canvas-background", variant: react.BackgroundVariant.Dots, gap: 12, size: 1 }), jsxRuntime.jsx(react.MiniMap, {}), jsxRuntime.jsx(react.Controls, {}), jsxRuntime.jsx(DefaultContextMenu, { open: menuOpen, clientPos: menuPos, onAdd: addNodeAt, onClose: () => setMenuOpen(false) }), jsxRuntime.jsx(NodeContextMenu, { open: nodeMenuOpen, clientPos: nodeMenuPos, nodeId: nodeAtMenu, onClose: () => setNodeMenuOpen(false) })] }) }) }));
+    }, [wb]);
+    React.useCallback((inst) => {
+        rfInstanceRef.current = inst;
+    }, []);
+    const onCloseMenu = React.useCallback(() => {
+        setMenuOpen(false);
+    }, []);
+    const onCloseNodeMenu = React.useCallback(() => {
+        setNodeMenuOpen(false);
+    }, []);
+    return (jsxRuntime.jsx("div", { className: "w-full h-full", onContextMenu: onContextMenu, children: jsxRuntime.jsx(react.ReactFlowProvider, { children: jsxRuntime.jsxs(react.ReactFlow, { nodes: throttled.nodes, edges: throttled.edges, nodeTypes: nodeTypes, selectionOnDrag: true, onInit: (inst) => {
+                    rfInstanceRef.current = inst;
+                }, onConnect: onConnect, onEdgesChange: onEdgesChange, onEdgesDelete: onEdgesDelete, onNodesDelete: onNodesDelete, onNodesChange: onNodesChange, deleteKeyCode: ["Backspace", "Delete"], proOptions: { hideAttribution: true }, noDragClassName: "wb-nodrag", noWheelClassName: "wb-nowheel", noPanClassName: "wb-nopan", fitView: true, children: [jsxRuntime.jsx(react.Background, { id: "workbench-canvas-background", variant: react.BackgroundVariant.Dots, gap: 12, size: 1 }), jsxRuntime.jsx(react.MiniMap, {}), jsxRuntime.jsx(react.Controls, {}), jsxRuntime.jsx(DefaultContextMenu, { open: menuOpen, clientPos: menuPos, onAdd: addNodeAt, onClose: onCloseMenu }), jsxRuntime.jsx(NodeContextMenu, { open: nodeMenuOpen, clientPos: nodeMenuPos, nodeId: nodeAtMenu, onClose: onCloseNodeMenu })] }) }) }));
 });
 
 function WorkbenchStudioCanvas({ setRegistry, autoScroll, onAutoScrollChange, example, onExampleChange, engine, onEngineChange, backendKind, onBackendKindChange, httpBaseUrl, onHttpBaseUrlChange, wsUrl, onWsUrlChange, debug, onDebugChange, showValues, onShowValuesChange, hideWorkbench, onHideWorkbenchChange, overrides, onInit, onChange, }) {
@@ -2641,6 +2840,7 @@ function WorkbenchStudioCanvas({ setRegistry, autoScroll, onAutoScrollChange, ex
                     r.registerEnum({
                         id: t.id,
                         options: t.options,
+                        bakeTarget: t.bakeTarget,
                     });
                 }
                 else {
@@ -2648,6 +2848,7 @@ function WorkbenchStudioCanvas({ setRegistry, autoScroll, onAutoScrollChange, ex
                         id: t.id,
                         displayName: t.displayName,
                         validate: (_v) => true,
+                        bakeTarget: t.bakeTarget,
                     });
                 }
             }
@@ -2955,6 +3156,7 @@ exports.AbstractWorkbench = AbstractWorkbench;
 exports.CLIWorkbench = CLIWorkbench;
 exports.DefaultNode = DefaultNode;
 exports.DefaultNodeContent = DefaultNodeContent;
+exports.DefaultNodeHeader = DefaultNodeHeader;
 exports.DefaultUIExtensionRegistry = DefaultUIExtensionRegistry;
 exports.InMemoryWorkbench = InMemoryWorkbench;
 exports.Inspector = Inspector;