From f7d6f418eee977c908b4f7534a5ffb0fdc0c8051 Mon Sep 17 00:00:00 2001
From: Gavin Nishizawa <gavin@terrastruct.com>
Date: Mon, 19 Dec 2022 20:03:23 -0800
Subject: [PATCH] update tests

---
 .../stable/images/dagre/board.exp.json        |  14 +-
 .../stable/images/dagre/sketch.exp.svg        |   6 +-
 .../dagre/board.exp.json                      | 122 +++++++++---------
 .../dagre/sketch.exp.svg                      |  18 +--
 4 files changed, 80 insertions(+), 80 deletions(-)

diff --git a/e2etests/testdata/stable/images/dagre/board.exp.json b/e2etests/testdata/stable/images/dagre/board.exp.json
index 65363a7d8..63be9ae31 100644
--- a/e2etests/testdata/stable/images/dagre/board.exp.json
+++ b/e2etests/testdata/stable/images/dagre/board.exp.json
@@ -48,7 +48,7 @@
       "underline": false,
       "labelWidth": 13,
       "labelHeight": 26,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
       "zIndex": 0,
       "level": 1
     },
@@ -57,7 +57,7 @@
       "type": "image",
       "pos": {
         "x": 0,
-        "y": 228
+        "y": 254
       },
       "width": 128,
       "height": 128,
@@ -99,7 +99,7 @@
       "underline": false,
       "labelWidth": 13,
       "labelHeight": 26,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
       "zIndex": 0,
       "level": 1
     }
@@ -132,19 +132,19 @@
       "route": [
         {
           "x": 64,
-          "y": 128
+          "y": 154
         },
         {
           "x": 64,
-          "y": 168
+          "y": 194
         },
         {
           "x": 64,
-          "y": 188
+          "y": 214
         },
         {
           "x": 64,
-          "y": 228
+          "y": 254
         }
       ],
       "isCurve": true,
diff --git a/e2etests/testdata/stable/images/dagre/sketch.exp.svg b/e2etests/testdata/stable/images/dagre/sketch.exp.svg
index ecf004b8b..99d01640c 100644
--- a/e2etests/testdata/stable/images/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/images/dagre/sketch.exp.svg
@@ -2,7 +2,7 @@
 <svg
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="328" height="587" viewBox="-100 -131 328 587"><style type="text/css">
+width="328" height="613" viewBox="-100 -100 328 613"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -18,8 +18,8 @@ width="328" height="587" viewBox="-100 -131 328 587"><style type="text/css">
 }
 
 ]]>
-</style><g id="a"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="0" y="0" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="64.000000" y="-15.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="0" y="228" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="64.000000" y="213.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 64.000000 130.000000 C 64.000000 168.000000 64.000000 188.000000 64.000000 224.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1565697820)"/></g><mask id="1565697820" maskUnits="userSpaceOnUse" x="0" y="0" width="328" height="587">
-<rect x="0" y="0" width="328" height="587" fill="white"></rect>
+</style><g id="a"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="0" y="0" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="64.000000" y="149.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="0" y="254" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="64.000000" y="403.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 64.000000 156.000000 C 64.000000 194.000000 64.000000 214.000000 64.000000 250.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#537491880)"/></g><mask id="537491880" maskUnits="userSpaceOnUse" x="0" y="0" width="328" height="613">
+<rect x="0" y="0" width="328" height="613" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
 .text-bold {
diff --git a/e2etests/testdata/stable/overlapping_image_container_labels/dagre/board.exp.json b/e2etests/testdata/stable/overlapping_image_container_labels/dagre/board.exp.json
index e30602766..4c47a8a9c 100644
--- a/e2etests/testdata/stable/overlapping_image_container_labels/dagre/board.exp.json
+++ b/e2etests/testdata/stable/overlapping_image_container_labels/dagre/board.exp.json
@@ -48,7 +48,7 @@
       "underline": false,
       "labelWidth": 35,
       "labelHeight": 26,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
       "zIndex": 0,
       "level": 1
     },
@@ -57,10 +57,10 @@
       "type": "",
       "pos": {
         "x": 0,
-        "y": 228
+        "y": 254
       },
       "width": 1112,
-      "height": 884,
+      "height": 962,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -97,7 +97,7 @@
       "type": "image",
       "pos": {
         "x": 492,
-        "y": 278
+        "y": 304
       },
       "width": 128,
       "height": 128,
@@ -139,7 +139,7 @@
       "underline": false,
       "labelWidth": 35,
       "labelHeight": 26,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
       "zIndex": 0,
       "level": 2
     },
@@ -148,10 +148,10 @@
       "type": "",
       "pos": {
         "x": 40,
-        "y": 506
+        "y": 558
       },
       "width": 496,
-      "height": 556,
+      "height": 608,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -188,7 +188,7 @@
       "type": "image",
       "pos": {
         "x": 224,
-        "y": 556
+        "y": 608
       },
       "width": 128,
       "height": 128,
@@ -230,7 +230,7 @@
       "underline": false,
       "labelWidth": 35,
       "labelHeight": 26,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
       "zIndex": 0,
       "level": 3
     },
@@ -239,10 +239,10 @@
       "type": "",
       "pos": {
         "x": 80,
-        "y": 784
+        "y": 862
       },
       "width": 416,
-      "height": 228,
+      "height": 254,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -279,7 +279,7 @@
       "type": "image",
       "pos": {
         "x": 130,
-        "y": 834
+        "y": 912
       },
       "width": 128,
       "height": 128,
@@ -321,7 +321,7 @@
       "underline": false,
       "labelWidth": 29,
       "labelHeight": 26,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
       "zIndex": 0,
       "level": 4
     },
@@ -330,7 +330,7 @@
       "type": "image",
       "pos": {
         "x": 318,
-        "y": 834
+        "y": 912
       },
       "width": 128,
       "height": 128,
@@ -372,7 +372,7 @@
       "underline": false,
       "labelWidth": 39,
       "labelHeight": 26,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
       "zIndex": 0,
       "level": 4
     },
@@ -381,10 +381,10 @@
       "type": "",
       "pos": {
         "x": 576,
-        "y": 506
+        "y": 558
       },
       "width": 496,
-      "height": 556,
+      "height": 608,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -421,7 +421,7 @@
       "type": "image",
       "pos": {
         "x": 760,
-        "y": 556
+        "y": 608
       },
       "width": 128,
       "height": 128,
@@ -463,7 +463,7 @@
       "underline": false,
       "labelWidth": 35,
       "labelHeight": 26,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
       "zIndex": 0,
       "level": 3
     },
@@ -472,10 +472,10 @@
       "type": "",
       "pos": {
         "x": 616,
-        "y": 784
+        "y": 862
       },
       "width": 416,
-      "height": 228,
+      "height": 254,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -512,7 +512,7 @@
       "type": "image",
       "pos": {
         "x": 666,
-        "y": 834
+        "y": 912
       },
       "width": 128,
       "height": 128,
@@ -554,7 +554,7 @@
       "underline": false,
       "labelWidth": 29,
       "labelHeight": 26,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
       "zIndex": 0,
       "level": 4
     },
@@ -563,7 +563,7 @@
       "type": "image",
       "pos": {
         "x": 854,
-        "y": 834
+        "y": 912
       },
       "width": 128,
       "height": 128,
@@ -605,7 +605,7 @@
       "underline": false,
       "labelWidth": 39,
       "labelHeight": 26,
-      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "labelPosition": "OUTSIDE_BOTTOM_CENTER",
       "zIndex": 0,
       "level": 4
     }
@@ -638,19 +638,19 @@
       "route": [
         {
           "x": 556,
-          "y": 128
+          "y": 154
         },
         {
           "x": 556,
-          "y": 168
+          "y": 194
         },
         {
           "x": 556,
-          "y": 238
+          "y": 264
         },
         {
           "x": 556,
-          "y": 278
+          "y": 304
         }
       ],
       "isCurve": true,
@@ -685,20 +685,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 235.2280701754386,
-          "y": 684
+          "x": 231.00787401574803,
+          "y": 762
         },
         {
-          "x": 202.24561403508773,
-          "y": 724
+          "x": 201.4015748031496,
+          "y": 802
         },
         {
           "x": 194,
-          "y": 794
+          "y": 872
         },
         {
           "x": 194,
-          "y": 834
+          "y": 912
         }
       ],
       "isCurve": true,
@@ -733,20 +733,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 340.7719298245614,
-          "y": 684
+          "x": 344.99212598425197,
+          "y": 762
         },
         {
-          "x": 373.7543859649123,
-          "y": 724
+          "x": 374.59842519685037,
+          "y": 802
         },
         {
           "x": 382,
-          "y": 794
+          "y": 872
         },
         {
           "x": 382,
-          "y": 834
+          "y": 912
         }
       ],
       "isCurve": true,
@@ -781,20 +781,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 771.2280701754386,
-          "y": 684
+          "x": 767.007874015748,
+          "y": 762
         },
         {
-          "x": 738.2456140350877,
-          "y": 724
+          "x": 737.4015748031496,
+          "y": 802
         },
         {
           "x": 730,
-          "y": 794
+          "y": 872
         },
         {
           "x": 730,
-          "y": 834
+          "y": 912
         }
       ],
       "isCurve": true,
@@ -829,20 +829,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 876.7719298245614,
-          "y": 684
+          "x": 880.992125984252,
+          "y": 762
         },
         {
-          "x": 909.7543859649123,
-          "y": 724
+          "x": 910.5984251968504,
+          "y": 802
         },
         {
           "x": 918,
-          "y": 794
+          "y": 872
         },
         {
           "x": 918,
-          "y": 834
+          "y": 912
         }
       ],
       "isCurve": true,
@@ -878,19 +878,19 @@
       "route": [
         {
           "x": 492,
-          "y": 369.22388059701495
+          "y": 411.32835820895525
         },
         {
           "x": 328.79999999999995,
-          "y": 438.644776119403
+          "y": 488.66567164179105
         },
         {
           "x": 288,
-          "y": 516
+          "y": 568
         },
         {
           "x": 288,
-          "y": 556
+          "y": 608
         }
       ],
       "isCurve": true,
@@ -926,19 +926,19 @@
       "route": [
         {
           "x": 620,
-          "y": 369.22388059701495
+          "y": 411.32835820895525
         },
         {
           "x": 783.2,
-          "y": 438.644776119403
+          "y": 488.66567164179105
         },
         {
           "x": 824,
-          "y": 516
+          "y": 568
         },
         {
           "x": 824,
-          "y": 556
+          "y": 608
         }
       ],
       "isCurve": true,
diff --git a/e2etests/testdata/stable/overlapping_image_container_labels/dagre/sketch.exp.svg b/e2etests/testdata/stable/overlapping_image_container_labels/dagre/sketch.exp.svg
index dde6a33f8..42482f9b8 100644
--- a/e2etests/testdata/stable/overlapping_image_container_labels/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/overlapping_image_container_labels/dagre/sketch.exp.svg
@@ -2,7 +2,7 @@
 <svg
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="1312" height="1343" viewBox="-100 -131 1312 1343"><style type="text/css">
+width="1312" height="1416" viewBox="-100 -100 1312 1416"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -18,14 +18,14 @@ width="1312" height="1343" viewBox="-100 -131 1312 1343"><style type="text/css">
 }
 
 ]]>
-</style><g id="root"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="492" y="0" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="556.000000" y="-15.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">root</text></g><g id="container"><g class="shape" ><rect x="0" y="228" width="1112" height="884" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="556.000000" y="261.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">container</text></g><g id="container.root"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="492" y="278" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="556.000000" y="263.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">root</text></g><g id="container.left"><g class="shape" ><rect x="40" y="506" width="496" height="556" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="288.000000" y="535.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">left</text></g><g id="container.right"><g class="shape" ><rect x="576" y="506" width="496" height="556" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="824.000000" y="535.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">right</text></g><g id="container.left.root"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="224" y="556" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="288.000000" y="541.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">root</text></g><g id="container.left.inner"><g class="shape" ><rect x="80" y="784" width="416" height="228" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="288.000000" y="809.000000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">inner</text></g><g id="container.right.root"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="760" y="556" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="824.000000" y="541.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">root</text></g><g id="container.right.inner"><g class="shape" ><rect x="616" y="784" width="416" height="228" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="824.000000" y="809.000000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">inner</text></g><g id="container.left.inner.left"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="130" y="834" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="194.000000" y="819.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">left</text></g><g id="container.left.inner.right"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="318" y="834" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="382.000000" y="819.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">right</text></g><g id="container.right.inner.left"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="666" y="834" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="730.000000" y="819.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">left</text></g><g id="container.right.inner.right"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="854" y="834" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="918.000000" y="819.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">right</text></g><g id="(root -&gt; container.root)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 556.000000 130.000000 C 556.000000 168.000000 556.000000 238.000000 556.000000 274.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2019947531)"/></g><g id="container.left.(root -&gt; inner.left)[0]"><path d="M 233.955707 685.543079 C 202.245614 724.000000 194.000000 794.000000 194.000000 830.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2019947531)"/><text class="text-italic" x="199.000000" y="759.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">to inner left</text></g><g id="container.left.(root -&gt; inner.right)[0]"><path d="M 342.044293 685.543079 C 373.754386 724.000000 382.000000 794.000000 382.000000 830.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2019947531)"/><text class="text-italic" x="377.000000" y="759.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">to inner right</text></g><g id="container.right.(root -&gt; inner.left)[0]"><path d="M 769.955707 685.543079 C 738.245614 724.000000 730.000000 794.000000 730.000000 830.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2019947531)"/><text class="text-italic" x="735.000000" y="759.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">to inner left</text></g><g id="container.right.(root -&gt; inner.right)[0]"><path d="M 878.044293 685.543079 C 909.754386 724.000000 918.000000 794.000000 918.000000 830.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2019947531)"/><text class="text-italic" x="913.000000" y="759.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">to inner right</text></g><g id="container.(root -&gt; left.root)[0]"><path d="M 490.159585 370.006743 C 328.800000 438.644776 288.000000 516.000000 288.000000 552.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2019947531)"/><text class="text-italic" x="352.000000" y="434.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">to left container root</text></g><g id="container.(root -&gt; right.root)[0]"><path d="M 621.840415 370.006743 C 783.200000 438.644776 824.000000 516.000000 824.000000 552.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2019947531)"/><text class="text-italic" x="760.000000" y="434.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">to right container root</text></g><mask id="2019947531" maskUnits="userSpaceOnUse" x="0" y="0" width="1312" height="1343">
-<rect x="0" y="0" width="1312" height="1343" fill="white"></rect>
-<rect x="161.000000" y="743.000000" width="76" height="21" fill="black"></rect>
-<rect x="334.000000" y="743.000000" width="86" height="21" fill="black"></rect>
-<rect x="697.000000" y="743.000000" width="76" height="21" fill="black"></rect>
-<rect x="870.000000" y="743.000000" width="86" height="21" fill="black"></rect>
-<rect x="284.000000" y="418.000000" width="136" height="21" fill="black"></rect>
-<rect x="687.000000" y="418.000000" width="146" height="21" fill="black"></rect>
+</style><g id="root"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="492" y="0" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="556.000000" y="149.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">root</text></g><g id="container"><g class="shape" ><rect x="0" y="254" width="1112" height="962" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="556.000000" y="287.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">container</text></g><g id="container.root"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="492" y="304" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="556.000000" y="453.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">root</text></g><g id="container.left"><g class="shape" ><rect x="40" y="558" width="496" height="608" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="288.000000" y="587.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">left</text></g><g id="container.right"><g class="shape" ><rect x="576" y="558" width="496" height="608" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="824.000000" y="587.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">right</text></g><g id="container.left.root"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="224" y="608" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="288.000000" y="757.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">root</text></g><g id="container.left.inner"><g class="shape" ><rect x="80" y="862" width="416" height="254" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="288.000000" y="887.000000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">inner</text></g><g id="container.right.root"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="760" y="608" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="824.000000" y="757.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">root</text></g><g id="container.right.inner"><g class="shape" ><rect x="616" y="862" width="416" height="254" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="824.000000" y="887.000000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">inner</text></g><g id="container.left.inner.left"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="130" y="912" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="194.000000" y="1061.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">left</text></g><g id="container.left.inner.right"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="318" y="912" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="382.000000" y="1061.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">right</text></g><g id="container.right.inner.left"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="666" y="912" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="730.000000" y="1061.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">left</text></g><g id="container.right.inner.right"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="854" y="912" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="918.000000" y="1061.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">right</text></g><g id="(root -&gt; container.root)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 556.000000 156.000000 C 556.000000 194.000000 556.000000 264.000000 556.000000 300.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#387629512)"/></g><g id="container.left.(root -&gt; inner.left)[0]"><path d="M 229.818024 763.607563 C 201.401575 802.000000 194.000000 872.000000 194.000000 908.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#387629512)"/><text class="text-italic" x="198.000000" y="838.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">to inner left</text></g><g id="container.left.(root -&gt; inner.right)[0]"><path d="M 346.181976 763.607563 C 374.598425 802.000000 382.000000 872.000000 382.000000 908.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#387629512)"/><text class="text-italic" x="378.000000" y="838.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">to inner right</text></g><g id="container.right.(root -&gt; inner.left)[0]"><path d="M 765.818024 763.607563 C 737.401575 802.000000 730.000000 872.000000 730.000000 908.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#387629512)"/><text class="text-italic" x="734.000000" y="838.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">to inner left</text></g><g id="container.right.(root -&gt; inner.right)[0]"><path d="M 882.181976 763.607563 C 910.598425 802.000000 918.000000 872.000000 918.000000 908.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#387629512)"/><text class="text-italic" x="914.000000" y="838.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">to inner right</text></g><g id="container.(root -&gt; left.root)[0]"><path d="M 490.192662 412.184821 C 328.800000 488.665672 288.000000 568.000000 288.000000 604.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#387629512)"/><text class="text-italic" x="352.000000" y="483.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">to left container root</text></g><g id="container.(root -&gt; right.root)[0]"><path d="M 621.807338 412.184821 C 783.200000 488.665672 824.000000 568.000000 824.000000 604.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#387629512)"/><text class="text-italic" x="760.000000" y="483.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">to right container root</text></g><mask id="387629512" maskUnits="userSpaceOnUse" x="0" y="0" width="1312" height="1416">
+<rect x="0" y="0" width="1312" height="1416" fill="white"></rect>
+<rect x="160.000000" y="822.000000" width="76" height="21" fill="black"></rect>
+<rect x="335.000000" y="822.000000" width="86" height="21" fill="black"></rect>
+<rect x="696.000000" y="822.000000" width="76" height="21" fill="black"></rect>
+<rect x="871.000000" y="822.000000" width="86" height="21" fill="black"></rect>
+<rect x="284.000000" y="467.000000" width="136" height="21" fill="black"></rect>
+<rect x="687.000000" y="467.000000" width="146" height="21" fill="black"></rect>
 </mask><style type="text/css"><![CDATA[
 .text {
 	font-family: "font-regular";