@bian-womp/spark-workbench 0.2.59 → 0.2.60

package/lib/cjs/index.cjs

@@ -688,13 +688,14 @@ class LocalGraphRunner extends AbstractGraphRunner {
         const environment = this.getEnvironment() || {};
         return { def, environment, inputs, outputs };
     }
-    async applySnapshotFull(payload) {
-        if (payload.def)
+    async applySnapshotFull(payload, options) {
+        if (payload.def && options?.skipBuild !== true) {
             this.build(payload.def);
+        }
         this.setEnvironment?.(payload.environment || {}, { merge: false });
-        this.hydrateSnapshotFull(payload);
+        this.hydrate(payload);
     }
-    hydrateSnapshotFull(snapshot) {
+    hydrate(snapshot) {
         // Hydrate via runtime for exact restore (this emits events on runtime emitter)
         this.runtime?.hydrate({
             inputs: snapshot.inputs || {},
@@ -1161,19 +1162,19 @@ class RemoteGraphRunner extends AbstractGraphRunner {
             return { def: undefined, environment: {}, inputs: {}, outputs: {} };
         }
     }
-    async applySnapshotFull(payload) {
+    async applySnapshotFull(payload, options) {
         // Hydrate local cache first so UI can display values immediately
-        this.hydrateSnapshotFull(payload);
+        this.hydrateValueCache(payload);
         // Then sync with backend
         const client = await this.ensureClient();
-        await client.applySnapshotFull(payload);
+        await client.applySnapshotFull(payload, options);
     }
     /**
      * Hydrates the local valueCache from a snapshot and emits value events.
      * This ensures the UI can display inputs/outputs immediately without waiting
      * for value events from the remote backend.
      */
-    hydrateSnapshotFull(snapshot) {
+    hydrateValueCache(snapshot) {
         // Hydrate inputs
         for (const [nodeId, map] of Object.entries(snapshot.inputs || {})) {
             for (const [handle, value] of Object.entries(map || {})) {
@@ -2077,7 +2078,7 @@ function getHandleClassName(args) {
     else {
         borderColor = "!border-gray-500 dark:!border-gray-400";
     }
-    return cx("!w-3 !h-3 !bg-white/50 !dark:bg-stone-900", borderColor, kind === "output" && "!rounded-none");
+    return cx("!w-3 !h-3 !bg-white/50 !dark:bg-stone-900 wb-nodrag wb-nowheel", borderColor, kind === "output" && "!rounded-none");
 }
 
 function generateTimestamp() {
@@ -3186,7 +3187,7 @@ function NodeHandles({ data, isConnectable, getClassName, renderLabel, labelClas
                 const key = `missing-input:${h.id}`;
                 const position = h.position ?? react.Position.Left;
                 const y = h.y;
-                const cls = "!w-3 !h-3 !bg-amber-400 !border-amber-500";
+                const cls = "!w-3 !h-3 !bg-amber-400 !border-amber-500 wb-nodrag wb-nowheel";
                 return (jsxRuntime.jsx(NodeHandleItem, { kind: "input", id: h.id, type: "target", position: position, y: y, isConnectable: false, className: `${cls} wb-nodrag wb-nowheel`, labelClassName: labelClassName, renderLabel: renderLabel }, key));
             }), (data.outputHandles ?? []).map((h) => {
                 const placed = byId.get(`source:${h.id}`) ?? byId.get(h.id);
@@ -3199,7 +3200,7 @@ function NodeHandles({ data, isConnectable, getClassName, renderLabel, labelClas
                 const position = h.position ?? react.Position.Right;
                 const y = h.y;
                 const cls = "!w-3 !h-3 !bg-amber-400 !border-amber-500 !rounded-none wb-nodrag wb-nowheel";
-                return (jsxRuntime.jsx(NodeHandleItem, { kind: "output", id: h.id, type: "source", position: position, y: y, isConnectable: false, className: `${cls} wb-nodrag wb-nowheel`, labelClassName: labelClassName, renderLabel: renderLabel }, key));
+                return (jsxRuntime.jsx(NodeHandleItem, { kind: "output", id: h.id, type: "source", position: position, y: y, isConnectable: false, className: cls, labelClassName: labelClassName, renderLabel: renderLabel }, key));
             })] }));
 }