diff --git a/workflow/xy2percent_example.json b/workflow/xy2percent_example.json
index f517fb3..3e08328 100644
--- a/workflow/xy2percent_example.json
+++ b/workflow/xy2percent_example.json
@@ -1,145 +1,7 @@
 {
-  "last_node_id": 37,
-  "last_link_id": 47,
+  "last_node_id": 39,
+  "last_link_id": 51,
   "nodes": [
-    {
-      "id": 9,
-      "type": "LoadImage",
-      "pos": [
-        330,
-        -144
-      ],
-      "size": [
-        367.4229292436079,
-        302.30806940252126
-      ],
-      "flags": {},
-      "order": 0,
-      "mode": 0,
-      "outputs": [
-        {
-          "name": "IMAGE",
-          "type": "IMAGE",
-          "links": [
-            11,
-            43
-          ],
-          "shape": 3,
-          "slot_index": 0
-        },
-        {
-          "name": "MASK",
-          "type": "MASK",
-          "links": [],
-          "shape": 3,
-          "slot_index": 1
-        }
-      ],
-      "properties": {
-        "Node name for S&R": "LoadImage"
-      },
-      "widgets_values": [
-        "3840x2160car.jpg",
-        "image"
-      ]
-    },
-    {
-      "id": 8,
-      "type": "LoadImage",
-      "pos": [
-        449,
-        200
-      ],
-      "size": [
-        239.99866832386363,
-        226.39897849343038
-      ],
-      "flags": {},
-      "order": 1,
-      "mode": 0,
-      "outputs": [
-        {
-          "name": "IMAGE",
-          "type": "IMAGE",
-          "links": [
-            12,
-            44
-          ],
-          "shape": 3,
-          "slot_index": 0
-        },
-        {
-          "name": "MASK",
-          "type": "MASK",
-          "links": [
-            13
-          ],
-          "shape": 3,
-          "slot_index": 1
-        }
-      ],
-      "properties": {
-        "Node name for S&R": "LoadImage"
-      },
-      "widgets_values": [
-        "512x512 (16).png",
-        "image"
-      ]
-    },
-    {
-      "id": 36,
-      "type": "LayerUtility: X,Y to Percent",
-      "pos": [
-        785,
-        52
-      ],
-      "size": {
-        "0": 330,
-        "1": 102
-      },
-      "flags": {},
-      "order": 2,
-      "mode": 0,
-      "inputs": [
-        {
-          "name": "background_image",
-          "type": "IMAGE",
-          "link": 43
-        },
-        {
-          "name": "layer_image",
-          "type": "IMAGE",
-          "link": 44
-        }
-      ],
-      "outputs": [
-        {
-          "name": "x_percent",
-          "type": "FLOAT",
-          "links": [
-            45
-          ],
-          "shape": 3,
-          "slot_index": 0
-        },
-        {
-          "name": "x_percent",
-          "type": "FLOAT",
-          "links": [
-            46
-          ],
-          "shape": 3,
-          "slot_index": 1
-        }
-      ],
-      "properties": {
-        "Node name for S&R": "LayerUtility: X,Y to Percent"
-      },
-      "widgets_values": [
-        0,
-        0
-      ]
-    },
     {
       "id": 19,
       "type": "LayerUtility: ImageBlendAdvance",
@@ -152,7 +14,7 @@
         "1": 338
       },
       "flags": {},
-      "order": 3,
+      "order": 4,
       "mode": 0,
       "inputs": [
         {
@@ -173,7 +35,7 @@
         {
           "name": "x_percent",
           "type": "FLOAT",
-          "link": 45,
+          "link": 50,
           "widget": {
             "name": "x_percent"
           }
@@ -181,7 +43,7 @@
         {
           "name": "y_percent",
           "type": "FLOAT",
-          "link": 46,
+          "link": 51,
           "widget": {
             "name": "y_percent"
           }
@@ -229,12 +91,12 @@
         1619,
         -22
       ],
-      "size": [
-        370.21086952903033,
-        235.21721024946726
-      ],
+      "size": {
+        "0": 370.21087646484375,
+        "1": 246
+      },
       "flags": {},
-      "order": 4,
+      "order": 5,
       "mode": 0,
       "inputs": [
         {
@@ -246,6 +108,192 @@
       "properties": {
         "Node name for S&R": "PreviewImage"
       }
+    },
+    {
+      "id": 9,
+      "type": "LoadImage",
+      "pos": [
+        330,
+        -144
+      ],
+      "size": {
+        "0": 367.4229431152344,
+        "1": 314
+      },
+      "flags": {},
+      "order": 0,
+      "mode": 0,
+      "outputs": [
+        {
+          "name": "IMAGE",
+          "type": "IMAGE",
+          "links": [
+            11,
+            48
+          ],
+          "shape": 3,
+          "slot_index": 0
+        },
+        {
+          "name": "MASK",
+          "type": "MASK",
+          "links": [],
+          "shape": 3,
+          "slot_index": 1
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "LoadImage"
+      },
+      "widgets_values": [
+        "3840x2160car.jpg",
+        "image"
+      ]
+    },
+    {
+      "id": 38,
+      "type": "LayerUtility: XY to Percent",
+      "pos": [
+        794,
+        90
+      ],
+      "size": {
+        "0": 330,
+        "1": 102
+      },
+      "flags": {},
+      "order": 3,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "background_image",
+          "type": "IMAGE",
+          "link": 48
+        },
+        {
+          "name": "layer_image",
+          "type": "IMAGE",
+          "link": 49
+        }
+      ],
+      "outputs": [
+        {
+          "name": "x_percent",
+          "type": "FLOAT",
+          "links": [
+            50
+          ],
+          "shape": 3,
+          "slot_index": 0
+        },
+        {
+          "name": "x_percent",
+          "type": "FLOAT",
+          "links": [
+            51
+          ],
+          "shape": 3,
+          "slot_index": 1
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "LayerUtility: XY to Percent"
+      },
+      "widgets_values": [
+        0,
+        0
+      ]
+    },
+    {
+      "id": 8,
+      "type": "LoadImage",
+      "pos": [
+        446,
+        224
+      ],
+      "size": {
+        "0": 239.99867248535156,
+        "1": 314
+      },
+      "flags": {},
+      "order": 1,
+      "mode": 0,
+      "outputs": [
+        {
+          "name": "IMAGE",
+          "type": "IMAGE",
+          "links": [
+            12,
+            49
+          ],
+          "shape": 3,
+          "slot_index": 0
+        },
+        {
+          "name": "MASK",
+          "type": "MASK",
+          "links": [
+            13
+          ],
+          "shape": 3,
+          "slot_index": 1
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "LoadImage"
+      },
+      "widgets_values": [
+        "512x512 (16).png",
+        "image"
+      ]
+    },
+    {
+      "id": 39,
+      "type": "LayerUtility: XY to Percent",
+      "pos": [
+        2528.760279127389,
+        562.5934934379641
+      ],
+      "size": {
+        "0": 330,
+        "1": 102
+      },
+      "flags": {},
+      "order": 2,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "background_image",
+          "type": "IMAGE",
+          "link": null
+        },
+        {
+          "name": "layer_image",
+          "type": "IMAGE",
+          "link": null
+        }
+      ],
+      "outputs": [
+        {
+          "name": "x_percent",
+          "type": "FLOAT",
+          "links": null,
+          "shape": 3
+        },
+        {
+          "name": "x_percent",
+          "type": "FLOAT",
+          "links": null,
+          "shape": 3
+        }
+      ],
+      "properties": {
+        "Node name for S&R": "LayerUtility: XY to Percent"
+      },
+      "widgets_values": [
+        0,
+        0
+      ]
     }
   ],
   "links": [
@@ -273,38 +321,6 @@
       2,
       "MASK"
     ],
-    [
-      43,
-      9,
-      0,
-      36,
-      0,
-      "IMAGE"
-    ],
-    [
-      44,
-      8,
-      0,
-      36,
-      1,
-      "IMAGE"
-    ],
-    [
-      45,
-      36,
-      0,
-      19,
-      3,
-      "FLOAT"
-    ],
-    [
-      46,
-      36,
-      1,
-      19,
-      4,
-      "FLOAT"
-    ],
     [
       47,
       19,
@@ -312,6 +328,38 @@
       37,
       0,
       "IMAGE"
+    ],
+    [
+      48,
+      9,
+      0,
+      38,
+      0,
+      "IMAGE"
+    ],
+    [
+      49,
+      8,
+      0,
+      38,
+      1,
+      "IMAGE"
+    ],
+    [
+      50,
+      38,
+      0,
+      19,
+      3,
+      "FLOAT"
+    ],
+    [
+      51,
+      38,
+      1,
+      19,
+      4,
+      "FLOAT"
     ]
   ],
   "groups": [],