feat(canvas): implement local node size pinning and reconciliation logic

- Added functions to handle local node size pins, ensuring that node sizes are preserved during reconciliation.
- Updated `reconcileCanvasFlowNodes` to incorporate size pinning logic.
- Enhanced tests to verify the correct behavior of size pinning in various scenarios.
- Updated related components to support new size pinning functionality.

components/canvas/__tests__/use-canvas-sync-engine.test.ts

@@ -160,7 +160,7 @@ describe("useCanvasSyncEngine", () => {
       getEnqueueSyncMutation: () => enqueueSyncMutation,
       getRunBatchRemoveNodes: () => vi.fn(async () => undefined),
       getRunSplitEdgeAtExistingNode: () => vi.fn(async () => undefined),
-      getSetNodes: () => setNodes,
+      getSetNodes: () => setNodes as never,
     });
 
     await controller.queueNodeDataUpdate({
@@ -177,4 +177,46 @@ describe("useCanvasSyncEngine", () => {
       data: { blackPoint: 209 },
     });
   });
+
+  it("pins local node size immediately when queueing a resize", async () => {
+    const enqueueSyncMutation = vi.fn(async () => undefined);
+    let nodes = [
+      {
+        id: "node-1",
+        type: "render",
+        position: { x: 0, y: 0 },
+        data: {},
+        style: { width: 640, height: 360 },
+      },
+    ];
+    const setNodes = (updater: (current: typeof nodes) => typeof nodes) => {
+      nodes = updater(nodes);
+      return nodes;
+    };
+
+    const controller = createCanvasSyncEngineController({
+      canvasId: asCanvasId("canvas-1"),
+      isSyncOnline: true,
+      getEnqueueSyncMutation: () => enqueueSyncMutation,
+      getRunBatchRemoveNodes: () => vi.fn(async () => undefined),
+      getRunSplitEdgeAtExistingNode: () => vi.fn(async () => undefined),
+      getSetNodes: () => setNodes as never,
+    });
+
+    await controller.queueNodeResize({
+      nodeId: asNodeId("node-1"),
+      width: 419,
+      height: 466,
+    });
+
+    expect(nodes[0]?.style).toEqual({ width: 419, height: 466 });
+    expect(controller.pendingLocalNodeSizeUntilConvexMatchesRef.current).toEqual(
+      new Map([["node-1", { width: 419, height: 466 }]]),
+    );
+    expect(enqueueSyncMutation).toHaveBeenCalledWith("resizeNode", {
+      nodeId: asNodeId("node-1"),
+      width: 419,
+      height: 466,
+    });
+  });
 });