diff --git a/e2etests/testdata/regression/shaped_grid_positioning/dagre/board.exp.json b/e2etests/testdata/regression/shaped_grid_positioning/dagre/board.exp.json
index 8e3cfc3f8..25474b2f0 100644
--- a/e2etests/testdata/regression/shaped_grid_positioning/dagre/board.exp.json
+++ b/e2etests/testdata/regression/shaped_grid_positioning/dagre/board.exp.json
@@ -7,8 +7,8 @@
"id": "oval.a",
"type": "rectangle",
"pos": {
- "x": 819,
- "y": 238
+ "x": 915,
+ "y": 224
},
"width": 53,
"height": 66,
@@ -48,8 +48,8 @@
"id": "circle.a",
"type": "rectangle",
"pos": {
- "x": 145,
- "y": 89
+ "x": 236,
+ "y": 223
},
"width": 53,
"height": 66,
@@ -89,8 +89,8 @@
"id": "cloud.a",
"type": "rectangle",
"pos": {
- "x": 3407,
- "y": 265
+ "x": 3477,
+ "y": 351
},
"width": 53,
"height": 66,
@@ -130,8 +130,8 @@
"id": "rect.a",
"type": "rectangle",
"pos": {
- "x": 2820,
- "y": 206
+ "x": 2934,
+ "y": 224
},
"width": 53,
"height": 66,
@@ -171,8 +171,8 @@
"id": "square.a",
"type": "rectangle",
"pos": {
- "x": 2323,
- "y": 134
+ "x": 2437,
+ "y": 223
},
"width": 53,
"height": 66,
@@ -212,8 +212,8 @@
"id": "diamond.a",
"type": "rectangle",
"pos": {
- "x": 1607,
- "y": 206
+ "x": 1721,
+ "y": 224
},
"width": 53,
"height": 66,
@@ -253,8 +253,8 @@
"id": "oval.b",
"type": "rectangle",
"pos": {
- "x": 912,
- "y": 238
+ "x": 1008,
+ "y": 224
},
"width": 54,
"height": 66,
@@ -294,8 +294,8 @@
"id": "square.b",
"type": "rectangle",
"pos": {
- "x": 2416,
- "y": 134
+ "x": 2530,
+ "y": 223
},
"width": 54,
"height": 66,
@@ -335,8 +335,8 @@
"id": "cloud.b",
"type": "rectangle",
"pos": {
- "x": 3500,
- "y": 265
+ "x": 3570,
+ "y": 351
},
"width": 54,
"height": 66,
@@ -376,8 +376,8 @@
"id": "circle.b",
"type": "rectangle",
"pos": {
- "x": 238,
- "y": 89
+ "x": 329,
+ "y": 223
},
"width": 54,
"height": 66,
@@ -417,8 +417,8 @@
"id": "rect.b",
"type": "rectangle",
"pos": {
- "x": 2913,
- "y": 206
+ "x": 3027,
+ "y": 224
},
"width": 54,
"height": 66,
@@ -458,8 +458,8 @@
"id": "diamond.b",
"type": "rectangle",
"pos": {
- "x": 1700,
- "y": 206
+ "x": 1814,
+ "y": 224
},
"width": 54,
"height": 66,
@@ -499,8 +499,8 @@
"id": "square.c",
"type": "rectangle",
"pos": {
- "x": 2323,
- "y": 240
+ "x": 2437,
+ "y": 329
},
"width": 53,
"height": 66,
@@ -540,8 +540,8 @@
"id": "diamond.c",
"type": "rectangle",
"pos": {
- "x": 1607,
- "y": 312
+ "x": 1721,
+ "y": 330
},
"width": 53,
"height": 66,
@@ -581,8 +581,8 @@
"id": "cloud.c",
"type": "rectangle",
"pos": {
- "x": 3407,
- "y": 371
+ "x": 3477,
+ "y": 457
},
"width": 53,
"height": 66,
@@ -622,8 +622,8 @@
"id": "oval.c",
"type": "rectangle",
"pos": {
- "x": 819,
- "y": 344
+ "x": 915,
+ "y": 330
},
"width": 53,
"height": 66,
@@ -663,8 +663,8 @@
"id": "rect.c",
"type": "rectangle",
"pos": {
- "x": 2820,
- "y": 312
+ "x": 2934,
+ "y": 330
},
"width": 53,
"height": 66,
@@ -704,8 +704,8 @@
"id": "circle.c",
"type": "rectangle",
"pos": {
- "x": 145,
- "y": 195
+ "x": 236,
+ "y": 329
},
"width": 53,
"height": 66,
@@ -745,8 +745,8 @@
"id": "rect.d",
"type": "rectangle",
"pos": {
- "x": 2913,
- "y": 312
+ "x": 3027,
+ "y": 330
},
"width": 54,
"height": 66,
@@ -786,8 +786,8 @@
"id": "square.d",
"type": "rectangle",
"pos": {
- "x": 2416,
- "y": 240
+ "x": 2530,
+ "y": 329
},
"width": 54,
"height": 66,
@@ -827,8 +827,8 @@
"id": "circle.d",
"type": "rectangle",
"pos": {
- "x": 238,
- "y": 195
+ "x": 329,
+ "y": 329
},
"width": 54,
"height": 66,
@@ -868,8 +868,8 @@
"id": "oval.d",
"type": "rectangle",
"pos": {
- "x": 912,
- "y": 344
+ "x": 1008,
+ "y": 330
},
"width": 54,
"height": 66,
@@ -909,8 +909,8 @@
"id": "diamond.d",
"type": "rectangle",
"pos": {
- "x": 1700,
- "y": 312
+ "x": 1814,
+ "y": 330
},
"width": 54,
"height": 66,
@@ -950,8 +950,8 @@
"id": "cloud.d",
"type": "rectangle",
"pos": {
- "x": 3500,
- "y": 371
+ "x": 3570,
+ "y": 457
},
"width": 54,
"height": 66,
@@ -992,10 +992,10 @@
"type": "oval",
"pos": {
"x": 0,
- "y": 29
+ "y": 0
},
- "width": 526,
- "height": 526,
+ "width": 619,
+ "height": 619,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -1032,11 +1032,11 @@
"id": "oval",
"type": "oval",
"pos": {
- "x": 586,
- "y": 130
+ "x": 679,
+ "y": 103
},
- "width": 598,
- "height": 325,
+ "width": 619,
+ "height": 413,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -1073,8 +1073,8 @@
"id": "diamond",
"type": "diamond",
"pos": {
- "x": 1244,
- "y": 0
+ "x": 1358,
+ "y": 18
},
"width": 874,
"height": 584,
@@ -1114,8 +1114,8 @@
"id": "square",
"type": "rectangle",
"pos": {
- "x": 2178,
- "y": 74
+ "x": 2292,
+ "y": 91
},
"width": 437,
"height": 437,
@@ -1155,8 +1155,8 @@
"id": "rect",
"type": "rectangle",
"pos": {
- "x": 2675,
- "y": 146
+ "x": 2789,
+ "y": 164
},
"width": 437,
"height": 292,
@@ -1196,8 +1196,8 @@
"id": "cloud",
"type": "cloud",
"pos": {
- "x": 3172,
- "y": 26
+ "x": 3286,
+ "y": 43
},
"width": 534,
"height": 533,
diff --git a/e2etests/testdata/regression/shaped_grid_positioning/dagre/sketch.exp.svg b/e2etests/testdata/regression/shaped_grid_positioning/dagre/sketch.exp.svg
index 6d98e72f6..25b6d7dea 100644
--- a/e2etests/testdata/regression/shaped_grid_positioning/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/shaped_grid_positioning/dagre/sketch.exp.svg
@@ -1,16 +1,16 @@
-
\ No newline at end of file
diff --git a/e2etests/testdata/regression/shaped_grid_positioning/elk/board.exp.json b/e2etests/testdata/regression/shaped_grid_positioning/elk/board.exp.json
index 97d3badba..b9c4c2ac8 100644
--- a/e2etests/testdata/regression/shaped_grid_positioning/elk/board.exp.json
+++ b/e2etests/testdata/regression/shaped_grid_positioning/elk/board.exp.json
@@ -7,8 +7,8 @@
"id": "oval.a",
"type": "rectangle",
"pos": {
- "x": 791,
- "y": 249
+ "x": 887,
+ "y": 236
},
"width": 53,
"height": 66,
@@ -48,8 +48,8 @@
"id": "circle.a",
"type": "rectangle",
"pos": {
- "x": 157,
- "y": 101
+ "x": 248,
+ "y": 235
},
"width": 53,
"height": 66,
@@ -89,8 +89,8 @@
"id": "cloud.a",
"type": "rectangle",
"pos": {
- "x": 3219,
- "y": 276
+ "x": 3289,
+ "y": 363
},
"width": 53,
"height": 66,
@@ -130,8 +130,8 @@
"id": "rect.a",
"type": "rectangle",
"pos": {
- "x": 2672,
- "y": 218
+ "x": 2786,
+ "y": 235
},
"width": 53,
"height": 66,
@@ -171,8 +171,8 @@
"id": "square.a",
"type": "rectangle",
"pos": {
- "x": 2215,
- "y": 145
+ "x": 2329,
+ "y": 235
},
"width": 53,
"height": 66,
@@ -212,8 +212,8 @@
"id": "diamond.a",
"type": "rectangle",
"pos": {
- "x": 1539,
- "y": 218
+ "x": 1653,
+ "y": 235
},
"width": 53,
"height": 66,
@@ -253,8 +253,8 @@
"id": "oval.b",
"type": "rectangle",
"pos": {
- "x": 884,
- "y": 249
+ "x": 980,
+ "y": 236
},
"width": 54,
"height": 66,
@@ -294,8 +294,8 @@
"id": "square.b",
"type": "rectangle",
"pos": {
- "x": 2308,
- "y": 145
+ "x": 2422,
+ "y": 235
},
"width": 54,
"height": 66,
@@ -335,8 +335,8 @@
"id": "cloud.b",
"type": "rectangle",
"pos": {
- "x": 3312,
- "y": 276
+ "x": 3382,
+ "y": 363
},
"width": 54,
"height": 66,
@@ -376,8 +376,8 @@
"id": "circle.b",
"type": "rectangle",
"pos": {
- "x": 250,
- "y": 101
+ "x": 341,
+ "y": 235
},
"width": 54,
"height": 66,
@@ -417,8 +417,8 @@
"id": "rect.b",
"type": "rectangle",
"pos": {
- "x": 2765,
- "y": 218
+ "x": 2879,
+ "y": 235
},
"width": 54,
"height": 66,
@@ -458,8 +458,8 @@
"id": "diamond.b",
"type": "rectangle",
"pos": {
- "x": 1632,
- "y": 218
+ "x": 1746,
+ "y": 235
},
"width": 54,
"height": 66,
@@ -499,8 +499,8 @@
"id": "square.c",
"type": "rectangle",
"pos": {
- "x": 2215,
- "y": 251
+ "x": 2329,
+ "y": 341
},
"width": 53,
"height": 66,
@@ -540,8 +540,8 @@
"id": "diamond.c",
"type": "rectangle",
"pos": {
- "x": 1539,
- "y": 324
+ "x": 1653,
+ "y": 341
},
"width": 53,
"height": 66,
@@ -581,8 +581,8 @@
"id": "cloud.c",
"type": "rectangle",
"pos": {
- "x": 3219,
- "y": 382
+ "x": 3289,
+ "y": 469
},
"width": 53,
"height": 66,
@@ -622,8 +622,8 @@
"id": "oval.c",
"type": "rectangle",
"pos": {
- "x": 791,
- "y": 355
+ "x": 887,
+ "y": 342
},
"width": 53,
"height": 66,
@@ -663,8 +663,8 @@
"id": "rect.c",
"type": "rectangle",
"pos": {
- "x": 2672,
- "y": 324
+ "x": 2786,
+ "y": 341
},
"width": 53,
"height": 66,
@@ -704,8 +704,8 @@
"id": "circle.c",
"type": "rectangle",
"pos": {
- "x": 157,
- "y": 207
+ "x": 248,
+ "y": 341
},
"width": 53,
"height": 66,
@@ -745,8 +745,8 @@
"id": "rect.d",
"type": "rectangle",
"pos": {
- "x": 2765,
- "y": 324
+ "x": 2879,
+ "y": 341
},
"width": 54,
"height": 66,
@@ -786,8 +786,8 @@
"id": "square.d",
"type": "rectangle",
"pos": {
- "x": 2308,
- "y": 251
+ "x": 2422,
+ "y": 341
},
"width": 54,
"height": 66,
@@ -827,8 +827,8 @@
"id": "circle.d",
"type": "rectangle",
"pos": {
- "x": 250,
- "y": 207
+ "x": 341,
+ "y": 341
},
"width": 54,
"height": 66,
@@ -868,8 +868,8 @@
"id": "oval.d",
"type": "rectangle",
"pos": {
- "x": 884,
- "y": 355
+ "x": 980,
+ "y": 342
},
"width": 54,
"height": 66,
@@ -909,8 +909,8 @@
"id": "diamond.d",
"type": "rectangle",
"pos": {
- "x": 1632,
- "y": 324
+ "x": 1746,
+ "y": 341
},
"width": 54,
"height": 66,
@@ -950,8 +950,8 @@
"id": "cloud.d",
"type": "rectangle",
"pos": {
- "x": 3312,
- "y": 382
+ "x": 3382,
+ "y": 469
},
"width": 54,
"height": 66,
@@ -992,10 +992,10 @@
"type": "oval",
"pos": {
"x": 12,
- "y": 41
+ "y": 12
},
- "width": 526,
- "height": 526,
+ "width": 619,
+ "height": 619,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -1032,11 +1032,11 @@
"id": "oval",
"type": "oval",
"pos": {
- "x": 558,
- "y": 141
+ "x": 651,
+ "y": 115
},
- "width": 598,
- "height": 325,
+ "width": 619,
+ "height": 413,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -1073,8 +1073,8 @@
"id": "diamond",
"type": "diamond",
"pos": {
- "x": 1176,
- "y": 12
+ "x": 1290,
+ "y": 29
},
"width": 874,
"height": 584,
@@ -1114,8 +1114,8 @@
"id": "square",
"type": "rectangle",
"pos": {
- "x": 2070,
- "y": 85
+ "x": 2184,
+ "y": 103
},
"width": 437,
"height": 437,
@@ -1155,8 +1155,8 @@
"id": "rect",
"type": "rectangle",
"pos": {
- "x": 2527,
- "y": 158
+ "x": 2641,
+ "y": 175
},
"width": 437,
"height": 292,
@@ -1196,8 +1196,8 @@
"id": "cloud",
"type": "cloud",
"pos": {
- "x": 2984,
- "y": 37
+ "x": 3098,
+ "y": 55
},
"width": 534,
"height": 533,
diff --git a/e2etests/testdata/regression/shaped_grid_positioning/elk/sketch.exp.svg b/e2etests/testdata/regression/shaped_grid_positioning/elk/sketch.exp.svg
index 4c5208874..017b74544 100644
--- a/e2etests/testdata/regression/shaped_grid_positioning/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/shaped_grid_positioning/elk/sketch.exp.svg
@@ -1,16 +1,16 @@
-aaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaabbbbbbccccccdddddd
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ .d2-3906327456 .fill-N1{fill:#0A0F25;}
+ .d2-3906327456 .fill-N2{fill:#676C7E;}
+ .d2-3906327456 .fill-N3{fill:#9499AB;}
+ .d2-3906327456 .fill-N4{fill:#CFD2DD;}
+ .d2-3906327456 .fill-N5{fill:#DEE1EB;}
+ .d2-3906327456 .fill-N6{fill:#EEF1F8;}
+ .d2-3906327456 .fill-N7{fill:#FFFFFF;}
+ .d2-3906327456 .fill-B1{fill:#0D32B2;}
+ .d2-3906327456 .fill-B2{fill:#0D32B2;}
+ .d2-3906327456 .fill-B3{fill:#E3E9FD;}
+ .d2-3906327456 .fill-B4{fill:#E3E9FD;}
+ .d2-3906327456 .fill-B5{fill:#EDF0FD;}
+ .d2-3906327456 .fill-B6{fill:#F7F8FE;}
+ .d2-3906327456 .fill-AA2{fill:#4A6FF3;}
+ .d2-3906327456 .fill-AA4{fill:#EDF0FD;}
+ .d2-3906327456 .fill-AA5{fill:#F7F8FE;}
+ .d2-3906327456 .fill-AB4{fill:#EDF0FD;}
+ .d2-3906327456 .fill-AB5{fill:#F7F8FE;}
+ .d2-3906327456 .stroke-N1{stroke:#0A0F25;}
+ .d2-3906327456 .stroke-N2{stroke:#676C7E;}
+ .d2-3906327456 .stroke-N3{stroke:#9499AB;}
+ .d2-3906327456 .stroke-N4{stroke:#CFD2DD;}
+ .d2-3906327456 .stroke-N5{stroke:#DEE1EB;}
+ .d2-3906327456 .stroke-N6{stroke:#EEF1F8;}
+ .d2-3906327456 .stroke-N7{stroke:#FFFFFF;}
+ .d2-3906327456 .stroke-B1{stroke:#0D32B2;}
+ .d2-3906327456 .stroke-B2{stroke:#0D32B2;}
+ .d2-3906327456 .stroke-B3{stroke:#E3E9FD;}
+ .d2-3906327456 .stroke-B4{stroke:#E3E9FD;}
+ .d2-3906327456 .stroke-B5{stroke:#EDF0FD;}
+ .d2-3906327456 .stroke-B6{stroke:#F7F8FE;}
+ .d2-3906327456 .stroke-AA2{stroke:#4A6FF3;}
+ .d2-3906327456 .stroke-AA4{stroke:#EDF0FD;}
+ .d2-3906327456 .stroke-AA5{stroke:#F7F8FE;}
+ .d2-3906327456 .stroke-AB4{stroke:#EDF0FD;}
+ .d2-3906327456 .stroke-AB5{stroke:#F7F8FE;}
+ .d2-3906327456 .background-color-N1{background-color:#0A0F25;}
+ .d2-3906327456 .background-color-N2{background-color:#676C7E;}
+ .d2-3906327456 .background-color-N3{background-color:#9499AB;}
+ .d2-3906327456 .background-color-N4{background-color:#CFD2DD;}
+ .d2-3906327456 .background-color-N5{background-color:#DEE1EB;}
+ .d2-3906327456 .background-color-N6{background-color:#EEF1F8;}
+ .d2-3906327456 .background-color-N7{background-color:#FFFFFF;}
+ .d2-3906327456 .background-color-B1{background-color:#0D32B2;}
+ .d2-3906327456 .background-color-B2{background-color:#0D32B2;}
+ .d2-3906327456 .background-color-B3{background-color:#E3E9FD;}
+ .d2-3906327456 .background-color-B4{background-color:#E3E9FD;}
+ .d2-3906327456 .background-color-B5{background-color:#EDF0FD;}
+ .d2-3906327456 .background-color-B6{background-color:#F7F8FE;}
+ .d2-3906327456 .background-color-AA2{background-color:#4A6FF3;}
+ .d2-3906327456 .background-color-AA4{background-color:#EDF0FD;}
+ .d2-3906327456 .background-color-AA5{background-color:#F7F8FE;}
+ .d2-3906327456 .background-color-AB4{background-color:#EDF0FD;}
+ .d2-3906327456 .background-color-AB5{background-color:#F7F8FE;}
+ .d2-3906327456 .color-N1{color:#0A0F25;}
+ .d2-3906327456 .color-N2{color:#676C7E;}
+ .d2-3906327456 .color-N3{color:#9499AB;}
+ .d2-3906327456 .color-N4{color:#CFD2DD;}
+ .d2-3906327456 .color-N5{color:#DEE1EB;}
+ .d2-3906327456 .color-N6{color:#EEF1F8;}
+ .d2-3906327456 .color-N7{color:#FFFFFF;}
+ .d2-3906327456 .color-B1{color:#0D32B2;}
+ .d2-3906327456 .color-B2{color:#0D32B2;}
+ .d2-3906327456 .color-B3{color:#E3E9FD;}
+ .d2-3906327456 .color-B4{color:#E3E9FD;}
+ .d2-3906327456 .color-B5{color:#EDF0FD;}
+ .d2-3906327456 .color-B6{color:#F7F8FE;}
+ .d2-3906327456 .color-AA2{color:#4A6FF3;}
+ .d2-3906327456 .color-AA4{color:#EDF0FD;}
+ .d2-3906327456 .color-AA5{color:#F7F8FE;}
+ .d2-3906327456 .color-AB4{color:#EDF0FD;}
+ .d2-3906327456 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]>aaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaabbbbbbccccccdddddd
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file