diff --git a/d2renderers/d2sketch/testdata/animated/sketch.exp.svg b/d2renderers/d2sketch/testdata/animated/sketch.exp.svg
index a0c829892..b59887c9e 100644
--- a/d2renderers/d2sketch/testdata/animated/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/animated/sketch.exp.svg
@@ -1,9 +1,9 @@
-
\ No newline at end of file
diff --git a/d2renderers/d2sketch/testdata/animated_dark/sketch.exp.svg b/d2renderers/d2sketch/testdata/animated_dark/sketch.exp.svg
index 236d6d6a8..5095c560a 100644
--- a/d2renderers/d2sketch/testdata/animated_dark/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/animated_dark/sketch.exp.svg
@@ -1,9 +1,9 @@
-
+ .d2-625576809 .fill-N1{fill:#CDD6F4;}
+ .d2-625576809 .fill-N2{fill:#BAC2DE;}
+ .d2-625576809 .fill-N3{fill:#A6ADC8;}
+ .d2-625576809 .fill-N4{fill:#585B70;}
+ .d2-625576809 .fill-N5{fill:#45475A;}
+ .d2-625576809 .fill-N6{fill:#313244;}
+ .d2-625576809 .fill-N7{fill:#1E1E2E;}
+ .d2-625576809 .fill-B1{fill:#CBA6f7;}
+ .d2-625576809 .fill-B2{fill:#CBA6f7;}
+ .d2-625576809 .fill-B3{fill:#6C7086;}
+ .d2-625576809 .fill-B4{fill:#585B70;}
+ .d2-625576809 .fill-B5{fill:#45475A;}
+ .d2-625576809 .fill-B6{fill:#313244;}
+ .d2-625576809 .fill-AA2{fill:#f38BA8;}
+ .d2-625576809 .fill-AA4{fill:#45475A;}
+ .d2-625576809 .fill-AA5{fill:#313244;}
+ .d2-625576809 .fill-AB4{fill:#45475A;}
+ .d2-625576809 .fill-AB5{fill:#313244;}
+ .d2-625576809 .stroke-N1{stroke:#CDD6F4;}
+ .d2-625576809 .stroke-N2{stroke:#BAC2DE;}
+ .d2-625576809 .stroke-N3{stroke:#A6ADC8;}
+ .d2-625576809 .stroke-N4{stroke:#585B70;}
+ .d2-625576809 .stroke-N5{stroke:#45475A;}
+ .d2-625576809 .stroke-N6{stroke:#313244;}
+ .d2-625576809 .stroke-N7{stroke:#1E1E2E;}
+ .d2-625576809 .stroke-B1{stroke:#CBA6f7;}
+ .d2-625576809 .stroke-B2{stroke:#CBA6f7;}
+ .d2-625576809 .stroke-B3{stroke:#6C7086;}
+ .d2-625576809 .stroke-B4{stroke:#585B70;}
+ .d2-625576809 .stroke-B5{stroke:#45475A;}
+ .d2-625576809 .stroke-B6{stroke:#313244;}
+ .d2-625576809 .stroke-AA2{stroke:#f38BA8;}
+ .d2-625576809 .stroke-AA4{stroke:#45475A;}
+ .d2-625576809 .stroke-AA5{stroke:#313244;}
+ .d2-625576809 .stroke-AB4{stroke:#45475A;}
+ .d2-625576809 .stroke-AB5{stroke:#313244;}
+ .d2-625576809 .background-color-N1{background-color:#CDD6F4;}
+ .d2-625576809 .background-color-N2{background-color:#BAC2DE;}
+ .d2-625576809 .background-color-N3{background-color:#A6ADC8;}
+ .d2-625576809 .background-color-N4{background-color:#585B70;}
+ .d2-625576809 .background-color-N5{background-color:#45475A;}
+ .d2-625576809 .background-color-N6{background-color:#313244;}
+ .d2-625576809 .background-color-N7{background-color:#1E1E2E;}
+ .d2-625576809 .background-color-B1{background-color:#CBA6f7;}
+ .d2-625576809 .background-color-B2{background-color:#CBA6f7;}
+ .d2-625576809 .background-color-B3{background-color:#6C7086;}
+ .d2-625576809 .background-color-B4{background-color:#585B70;}
+ .d2-625576809 .background-color-B5{background-color:#45475A;}
+ .d2-625576809 .background-color-B6{background-color:#313244;}
+ .d2-625576809 .background-color-AA2{background-color:#f38BA8;}
+ .d2-625576809 .background-color-AA4{background-color:#45475A;}
+ .d2-625576809 .background-color-AA5{background-color:#313244;}
+ .d2-625576809 .background-color-AB4{background-color:#45475A;}
+ .d2-625576809 .background-color-AB5{background-color:#313244;}
+ .d2-625576809 .color-N1{color:#CDD6F4;}
+ .d2-625576809 .color-N2{color:#BAC2DE;}
+ .d2-625576809 .color-N3{color:#A6ADC8;}
+ .d2-625576809 .color-N4{color:#585B70;}
+ .d2-625576809 .color-N5{color:#45475A;}
+ .d2-625576809 .color-N6{color:#313244;}
+ .d2-625576809 .color-N7{color:#1E1E2E;}
+ .d2-625576809 .color-B1{color:#CBA6f7;}
+ .d2-625576809 .color-B2{color:#CBA6f7;}
+ .d2-625576809 .color-B3{color:#6C7086;}
+ .d2-625576809 .color-B4{color:#585B70;}
+ .d2-625576809 .color-B5{color:#45475A;}
+ .d2-625576809 .color-B6{color:#313244;}
+ .d2-625576809 .color-AA2{color:#f38BA8;}
+ .d2-625576809 .color-AA4{color:#45475A;}
+ .d2-625576809 .color-AA5{color:#313244;}
+ .d2-625576809 .color-AB4{color:#45475A;}
+ .d2-625576809 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]>
-wintersummertreessnowsun
-
+wintersummertreessnowsun
+
\ No newline at end of file
diff --git a/d2renderers/d2sketch/testdata/arrowheads/sketch.exp.svg b/d2renderers/d2sketch/testdata/arrowheads/sketch.exp.svg
index 6da9eca58..1ba56a275 100644
--- a/d2renderers/d2sketch/testdata/arrowheads/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/arrowheads/sketch.exp.svg
@@ -1,16 +1,16 @@
-
+ .d2-3125322966 .fill-N1{fill:#0A0F25;}
+ .d2-3125322966 .fill-N2{fill:#676C7E;}
+ .d2-3125322966 .fill-N3{fill:#9499AB;}
+ .d2-3125322966 .fill-N4{fill:#CFD2DD;}
+ .d2-3125322966 .fill-N5{fill:#DEE1EB;}
+ .d2-3125322966 .fill-N6{fill:#EEF1F8;}
+ .d2-3125322966 .fill-N7{fill:#FFFFFF;}
+ .d2-3125322966 .fill-B1{fill:#0D32B2;}
+ .d2-3125322966 .fill-B2{fill:#0D32B2;}
+ .d2-3125322966 .fill-B3{fill:#E3E9FD;}
+ .d2-3125322966 .fill-B4{fill:#E3E9FD;}
+ .d2-3125322966 .fill-B5{fill:#EDF0FD;}
+ .d2-3125322966 .fill-B6{fill:#F7F8FE;}
+ .d2-3125322966 .fill-AA2{fill:#4A6FF3;}
+ .d2-3125322966 .fill-AA4{fill:#EDF0FD;}
+ .d2-3125322966 .fill-AA5{fill:#F7F8FE;}
+ .d2-3125322966 .fill-AB4{fill:#EDF0FD;}
+ .d2-3125322966 .fill-AB5{fill:#F7F8FE;}
+ .d2-3125322966 .stroke-N1{stroke:#0A0F25;}
+ .d2-3125322966 .stroke-N2{stroke:#676C7E;}
+ .d2-3125322966 .stroke-N3{stroke:#9499AB;}
+ .d2-3125322966 .stroke-N4{stroke:#CFD2DD;}
+ .d2-3125322966 .stroke-N5{stroke:#DEE1EB;}
+ .d2-3125322966 .stroke-N6{stroke:#EEF1F8;}
+ .d2-3125322966 .stroke-N7{stroke:#FFFFFF;}
+ .d2-3125322966 .stroke-B1{stroke:#0D32B2;}
+ .d2-3125322966 .stroke-B2{stroke:#0D32B2;}
+ .d2-3125322966 .stroke-B3{stroke:#E3E9FD;}
+ .d2-3125322966 .stroke-B4{stroke:#E3E9FD;}
+ .d2-3125322966 .stroke-B5{stroke:#EDF0FD;}
+ .d2-3125322966 .stroke-B6{stroke:#F7F8FE;}
+ .d2-3125322966 .stroke-AA2{stroke:#4A6FF3;}
+ .d2-3125322966 .stroke-AA4{stroke:#EDF0FD;}
+ .d2-3125322966 .stroke-AA5{stroke:#F7F8FE;}
+ .d2-3125322966 .stroke-AB4{stroke:#EDF0FD;}
+ .d2-3125322966 .stroke-AB5{stroke:#F7F8FE;}
+ .d2-3125322966 .background-color-N1{background-color:#0A0F25;}
+ .d2-3125322966 .background-color-N2{background-color:#676C7E;}
+ .d2-3125322966 .background-color-N3{background-color:#9499AB;}
+ .d2-3125322966 .background-color-N4{background-color:#CFD2DD;}
+ .d2-3125322966 .background-color-N5{background-color:#DEE1EB;}
+ .d2-3125322966 .background-color-N6{background-color:#EEF1F8;}
+ .d2-3125322966 .background-color-N7{background-color:#FFFFFF;}
+ .d2-3125322966 .background-color-B1{background-color:#0D32B2;}
+ .d2-3125322966 .background-color-B2{background-color:#0D32B2;}
+ .d2-3125322966 .background-color-B3{background-color:#E3E9FD;}
+ .d2-3125322966 .background-color-B4{background-color:#E3E9FD;}
+ .d2-3125322966 .background-color-B5{background-color:#EDF0FD;}
+ .d2-3125322966 .background-color-B6{background-color:#F7F8FE;}
+ .d2-3125322966 .background-color-AA2{background-color:#4A6FF3;}
+ .d2-3125322966 .background-color-AA4{background-color:#EDF0FD;}
+ .d2-3125322966 .background-color-AA5{background-color:#F7F8FE;}
+ .d2-3125322966 .background-color-AB4{background-color:#EDF0FD;}
+ .d2-3125322966 .background-color-AB5{background-color:#F7F8FE;}
+ .d2-3125322966 .color-N1{color:#0A0F25;}
+ .d2-3125322966 .color-N2{color:#676C7E;}
+ .d2-3125322966 .color-N3{color:#9499AB;}
+ .d2-3125322966 .color-N4{color:#CFD2DD;}
+ .d2-3125322966 .color-N5{color:#DEE1EB;}
+ .d2-3125322966 .color-N6{color:#EEF1F8;}
+ .d2-3125322966 .color-N7{color:#FFFFFF;}
+ .d2-3125322966 .color-B1{color:#0D32B2;}
+ .d2-3125322966 .color-B2{color:#0D32B2;}
+ .d2-3125322966 .color-B3{color:#E3E9FD;}
+ .d2-3125322966 .color-B4{color:#E3E9FD;}
+ .d2-3125322966 .color-B5{color:#EDF0FD;}
+ .d2-3125322966 .color-B6{color:#F7F8FE;}
+ .d2-3125322966 .color-AA2{color:#4A6FF3;}
+ .d2-3125322966 .color-AA4{color:#EDF0FD;}
+ .d2-3125322966 .color-AA5{color:#F7F8FE;}
+ .d2-3125322966 .color-AB4{color:#EDF0FD;}
+ .d2-3125322966 .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}]]>
@@ -104,8 +104,8 @@
-112233445566778899none arrow triangle diamond diamond filled cf-many cf-many-required cf-one cf-one-required
-
+112233445566778899none arrow triangle diamond diamond filled cf-many cf-many-required cf-one cf-one-required
+
diff --git a/d2renderers/d2sketch/testdata/arrowheads_dark/sketch.exp.svg b/d2renderers/d2sketch/testdata/arrowheads_dark/sketch.exp.svg
index 783de50f0..78d57b49c 100644
--- a/d2renderers/d2sketch/testdata/arrowheads_dark/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/arrowheads_dark/sketch.exp.svg
@@ -1,16 +1,16 @@
-
+ .d2-3125322966 .fill-N1{fill:#CDD6F4;}
+ .d2-3125322966 .fill-N2{fill:#BAC2DE;}
+ .d2-3125322966 .fill-N3{fill:#A6ADC8;}
+ .d2-3125322966 .fill-N4{fill:#585B70;}
+ .d2-3125322966 .fill-N5{fill:#45475A;}
+ .d2-3125322966 .fill-N6{fill:#313244;}
+ .d2-3125322966 .fill-N7{fill:#1E1E2E;}
+ .d2-3125322966 .fill-B1{fill:#CBA6f7;}
+ .d2-3125322966 .fill-B2{fill:#CBA6f7;}
+ .d2-3125322966 .fill-B3{fill:#6C7086;}
+ .d2-3125322966 .fill-B4{fill:#585B70;}
+ .d2-3125322966 .fill-B5{fill:#45475A;}
+ .d2-3125322966 .fill-B6{fill:#313244;}
+ .d2-3125322966 .fill-AA2{fill:#f38BA8;}
+ .d2-3125322966 .fill-AA4{fill:#45475A;}
+ .d2-3125322966 .fill-AA5{fill:#313244;}
+ .d2-3125322966 .fill-AB4{fill:#45475A;}
+ .d2-3125322966 .fill-AB5{fill:#313244;}
+ .d2-3125322966 .stroke-N1{stroke:#CDD6F4;}
+ .d2-3125322966 .stroke-N2{stroke:#BAC2DE;}
+ .d2-3125322966 .stroke-N3{stroke:#A6ADC8;}
+ .d2-3125322966 .stroke-N4{stroke:#585B70;}
+ .d2-3125322966 .stroke-N5{stroke:#45475A;}
+ .d2-3125322966 .stroke-N6{stroke:#313244;}
+ .d2-3125322966 .stroke-N7{stroke:#1E1E2E;}
+ .d2-3125322966 .stroke-B1{stroke:#CBA6f7;}
+ .d2-3125322966 .stroke-B2{stroke:#CBA6f7;}
+ .d2-3125322966 .stroke-B3{stroke:#6C7086;}
+ .d2-3125322966 .stroke-B4{stroke:#585B70;}
+ .d2-3125322966 .stroke-B5{stroke:#45475A;}
+ .d2-3125322966 .stroke-B6{stroke:#313244;}
+ .d2-3125322966 .stroke-AA2{stroke:#f38BA8;}
+ .d2-3125322966 .stroke-AA4{stroke:#45475A;}
+ .d2-3125322966 .stroke-AA5{stroke:#313244;}
+ .d2-3125322966 .stroke-AB4{stroke:#45475A;}
+ .d2-3125322966 .stroke-AB5{stroke:#313244;}
+ .d2-3125322966 .background-color-N1{background-color:#CDD6F4;}
+ .d2-3125322966 .background-color-N2{background-color:#BAC2DE;}
+ .d2-3125322966 .background-color-N3{background-color:#A6ADC8;}
+ .d2-3125322966 .background-color-N4{background-color:#585B70;}
+ .d2-3125322966 .background-color-N5{background-color:#45475A;}
+ .d2-3125322966 .background-color-N6{background-color:#313244;}
+ .d2-3125322966 .background-color-N7{background-color:#1E1E2E;}
+ .d2-3125322966 .background-color-B1{background-color:#CBA6f7;}
+ .d2-3125322966 .background-color-B2{background-color:#CBA6f7;}
+ .d2-3125322966 .background-color-B3{background-color:#6C7086;}
+ .d2-3125322966 .background-color-B4{background-color:#585B70;}
+ .d2-3125322966 .background-color-B5{background-color:#45475A;}
+ .d2-3125322966 .background-color-B6{background-color:#313244;}
+ .d2-3125322966 .background-color-AA2{background-color:#f38BA8;}
+ .d2-3125322966 .background-color-AA4{background-color:#45475A;}
+ .d2-3125322966 .background-color-AA5{background-color:#313244;}
+ .d2-3125322966 .background-color-AB4{background-color:#45475A;}
+ .d2-3125322966 .background-color-AB5{background-color:#313244;}
+ .d2-3125322966 .color-N1{color:#CDD6F4;}
+ .d2-3125322966 .color-N2{color:#BAC2DE;}
+ .d2-3125322966 .color-N3{color:#A6ADC8;}
+ .d2-3125322966 .color-N4{color:#585B70;}
+ .d2-3125322966 .color-N5{color:#45475A;}
+ .d2-3125322966 .color-N6{color:#313244;}
+ .d2-3125322966 .color-N7{color:#1E1E2E;}
+ .d2-3125322966 .color-B1{color:#CBA6f7;}
+ .d2-3125322966 .color-B2{color:#CBA6f7;}
+ .d2-3125322966 .color-B3{color:#6C7086;}
+ .d2-3125322966 .color-B4{color:#585B70;}
+ .d2-3125322966 .color-B5{color:#45475A;}
+ .d2-3125322966 .color-B6{color:#313244;}
+ .d2-3125322966 .color-AA2{color:#f38BA8;}
+ .d2-3125322966 .color-AA4{color:#45475A;}
+ .d2-3125322966 .color-AA5{color:#313244;}
+ .d2-3125322966 .color-AB4{color:#45475A;}
+ .d2-3125322966 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]>
-112233445566778899none arrow triangle diamond diamond filled cf-many cf-many-required cf-one cf-one-required
-
+112233445566778899none arrow triangle diamond diamond filled cf-many cf-many-required cf-one cf-one-required
+
diff --git a/d2renderers/d2sketch/testdata/dots-real/sketch.exp.svg b/d2renderers/d2sketch/testdata/dots-real/sketch.exp.svg
index 85263a5f8..4111afde2 100644
--- a/d2renderers/d2sketch/testdata/dots-real/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/dots-real/sketch.exp.svg
@@ -1,16 +1,16 @@
-
+ .d2-757275498 .fill-N1{fill:#0A0F25;}
+ .d2-757275498 .fill-N2{fill:#676C7E;}
+ .d2-757275498 .fill-N3{fill:#9499AB;}
+ .d2-757275498 .fill-N4{fill:#CFD2DD;}
+ .d2-757275498 .fill-N5{fill:#DEE1EB;}
+ .d2-757275498 .fill-N6{fill:#EEF1F8;}
+ .d2-757275498 .fill-N7{fill:#FFFFFF;}
+ .d2-757275498 .fill-B1{fill:#0D32B2;}
+ .d2-757275498 .fill-B2{fill:#0D32B2;}
+ .d2-757275498 .fill-B3{fill:#E3E9FD;}
+ .d2-757275498 .fill-B4{fill:#E3E9FD;}
+ .d2-757275498 .fill-B5{fill:#EDF0FD;}
+ .d2-757275498 .fill-B6{fill:#F7F8FE;}
+ .d2-757275498 .fill-AA2{fill:#4A6FF3;}
+ .d2-757275498 .fill-AA4{fill:#EDF0FD;}
+ .d2-757275498 .fill-AA5{fill:#F7F8FE;}
+ .d2-757275498 .fill-AB4{fill:#EDF0FD;}
+ .d2-757275498 .fill-AB5{fill:#F7F8FE;}
+ .d2-757275498 .stroke-N1{stroke:#0A0F25;}
+ .d2-757275498 .stroke-N2{stroke:#676C7E;}
+ .d2-757275498 .stroke-N3{stroke:#9499AB;}
+ .d2-757275498 .stroke-N4{stroke:#CFD2DD;}
+ .d2-757275498 .stroke-N5{stroke:#DEE1EB;}
+ .d2-757275498 .stroke-N6{stroke:#EEF1F8;}
+ .d2-757275498 .stroke-N7{stroke:#FFFFFF;}
+ .d2-757275498 .stroke-B1{stroke:#0D32B2;}
+ .d2-757275498 .stroke-B2{stroke:#0D32B2;}
+ .d2-757275498 .stroke-B3{stroke:#E3E9FD;}
+ .d2-757275498 .stroke-B4{stroke:#E3E9FD;}
+ .d2-757275498 .stroke-B5{stroke:#EDF0FD;}
+ .d2-757275498 .stroke-B6{stroke:#F7F8FE;}
+ .d2-757275498 .stroke-AA2{stroke:#4A6FF3;}
+ .d2-757275498 .stroke-AA4{stroke:#EDF0FD;}
+ .d2-757275498 .stroke-AA5{stroke:#F7F8FE;}
+ .d2-757275498 .stroke-AB4{stroke:#EDF0FD;}
+ .d2-757275498 .stroke-AB5{stroke:#F7F8FE;}
+ .d2-757275498 .background-color-N1{background-color:#0A0F25;}
+ .d2-757275498 .background-color-N2{background-color:#676C7E;}
+ .d2-757275498 .background-color-N3{background-color:#9499AB;}
+ .d2-757275498 .background-color-N4{background-color:#CFD2DD;}
+ .d2-757275498 .background-color-N5{background-color:#DEE1EB;}
+ .d2-757275498 .background-color-N6{background-color:#EEF1F8;}
+ .d2-757275498 .background-color-N7{background-color:#FFFFFF;}
+ .d2-757275498 .background-color-B1{background-color:#0D32B2;}
+ .d2-757275498 .background-color-B2{background-color:#0D32B2;}
+ .d2-757275498 .background-color-B3{background-color:#E3E9FD;}
+ .d2-757275498 .background-color-B4{background-color:#E3E9FD;}
+ .d2-757275498 .background-color-B5{background-color:#EDF0FD;}
+ .d2-757275498 .background-color-B6{background-color:#F7F8FE;}
+ .d2-757275498 .background-color-AA2{background-color:#4A6FF3;}
+ .d2-757275498 .background-color-AA4{background-color:#EDF0FD;}
+ .d2-757275498 .background-color-AA5{background-color:#F7F8FE;}
+ .d2-757275498 .background-color-AB4{background-color:#EDF0FD;}
+ .d2-757275498 .background-color-AB5{background-color:#F7F8FE;}
+ .d2-757275498 .color-N1{color:#0A0F25;}
+ .d2-757275498 .color-N2{color:#676C7E;}
+ .d2-757275498 .color-N3{color:#9499AB;}
+ .d2-757275498 .color-N4{color:#CFD2DD;}
+ .d2-757275498 .color-N5{color:#DEE1EB;}
+ .d2-757275498 .color-N6{color:#EEF1F8;}
+ .d2-757275498 .color-N7{color:#FFFFFF;}
+ .d2-757275498 .color-B1{color:#0D32B2;}
+ .d2-757275498 .color-B2{color:#0D32B2;}
+ .d2-757275498 .color-B3{color:#E3E9FD;}
+ .d2-757275498 .color-B4{color:#E3E9FD;}
+ .d2-757275498 .color-B5{color:#EDF0FD;}
+ .d2-757275498 .color-B6{color:#F7F8FE;}
+ .d2-757275498 .color-AA2{color:#4A6FF3;}
+ .d2-757275498 .color-AA4{color:#EDF0FD;}
+ .d2-757275498 .color-AA5{color:#F7F8FE;}
+ .d2-757275498 .color-AB4{color:#EDF0FD;}
+ .d2-757275498 .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}]]>
@@ -159,7 +159,7 @@
-NETWORKD2 Parser+readerio.RuneReader+readerPosd2ast.Position-lookahead[]rune#peekn(n int)(s string, eof bool)+peek()(r rune, eof bool)+rewind()void+commit()voidCELL TOWERSATELLITESTRANSMITTER SEND SEND SEND
+NETWORKD2 Parser+readerio.RuneReader+readerPosd2ast.Position-lookahead[]rune#peekn(n int)(s string, eof bool)+peek()(r rune, eof bool)+rewind()void+commit()voidCELL TOWERSATELLITESTRANSMITTER SEND SEND SEND
diff --git a/d2renderers/d2sketch/testdata/paper-real/sketch.exp.svg b/d2renderers/d2sketch/testdata/paper-real/sketch.exp.svg
index 6ba673951..21aa2ef1f 100644
--- a/d2renderers/d2sketch/testdata/paper-real/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/paper-real/sketch.exp.svg
@@ -1,16 +1,16 @@
-
+ .d2-3255560050 .fill-N1{fill:#0A0F25;}
+ .d2-3255560050 .fill-N2{fill:#676C7E;}
+ .d2-3255560050 .fill-N3{fill:#9499AB;}
+ .d2-3255560050 .fill-N4{fill:#CFD2DD;}
+ .d2-3255560050 .fill-N5{fill:#DEE1EB;}
+ .d2-3255560050 .fill-N6{fill:#EEF1F8;}
+ .d2-3255560050 .fill-N7{fill:#FFFFFF;}
+ .d2-3255560050 .fill-B1{fill:#0D32B2;}
+ .d2-3255560050 .fill-B2{fill:#0D32B2;}
+ .d2-3255560050 .fill-B3{fill:#E3E9FD;}
+ .d2-3255560050 .fill-B4{fill:#E3E9FD;}
+ .d2-3255560050 .fill-B5{fill:#EDF0FD;}
+ .d2-3255560050 .fill-B6{fill:#F7F8FE;}
+ .d2-3255560050 .fill-AA2{fill:#4A6FF3;}
+ .d2-3255560050 .fill-AA4{fill:#EDF0FD;}
+ .d2-3255560050 .fill-AA5{fill:#F7F8FE;}
+ .d2-3255560050 .fill-AB4{fill:#EDF0FD;}
+ .d2-3255560050 .fill-AB5{fill:#F7F8FE;}
+ .d2-3255560050 .stroke-N1{stroke:#0A0F25;}
+ .d2-3255560050 .stroke-N2{stroke:#676C7E;}
+ .d2-3255560050 .stroke-N3{stroke:#9499AB;}
+ .d2-3255560050 .stroke-N4{stroke:#CFD2DD;}
+ .d2-3255560050 .stroke-N5{stroke:#DEE1EB;}
+ .d2-3255560050 .stroke-N6{stroke:#EEF1F8;}
+ .d2-3255560050 .stroke-N7{stroke:#FFFFFF;}
+ .d2-3255560050 .stroke-B1{stroke:#0D32B2;}
+ .d2-3255560050 .stroke-B2{stroke:#0D32B2;}
+ .d2-3255560050 .stroke-B3{stroke:#E3E9FD;}
+ .d2-3255560050 .stroke-B4{stroke:#E3E9FD;}
+ .d2-3255560050 .stroke-B5{stroke:#EDF0FD;}
+ .d2-3255560050 .stroke-B6{stroke:#F7F8FE;}
+ .d2-3255560050 .stroke-AA2{stroke:#4A6FF3;}
+ .d2-3255560050 .stroke-AA4{stroke:#EDF0FD;}
+ .d2-3255560050 .stroke-AA5{stroke:#F7F8FE;}
+ .d2-3255560050 .stroke-AB4{stroke:#EDF0FD;}
+ .d2-3255560050 .stroke-AB5{stroke:#F7F8FE;}
+ .d2-3255560050 .background-color-N1{background-color:#0A0F25;}
+ .d2-3255560050 .background-color-N2{background-color:#676C7E;}
+ .d2-3255560050 .background-color-N3{background-color:#9499AB;}
+ .d2-3255560050 .background-color-N4{background-color:#CFD2DD;}
+ .d2-3255560050 .background-color-N5{background-color:#DEE1EB;}
+ .d2-3255560050 .background-color-N6{background-color:#EEF1F8;}
+ .d2-3255560050 .background-color-N7{background-color:#FFFFFF;}
+ .d2-3255560050 .background-color-B1{background-color:#0D32B2;}
+ .d2-3255560050 .background-color-B2{background-color:#0D32B2;}
+ .d2-3255560050 .background-color-B3{background-color:#E3E9FD;}
+ .d2-3255560050 .background-color-B4{background-color:#E3E9FD;}
+ .d2-3255560050 .background-color-B5{background-color:#EDF0FD;}
+ .d2-3255560050 .background-color-B6{background-color:#F7F8FE;}
+ .d2-3255560050 .background-color-AA2{background-color:#4A6FF3;}
+ .d2-3255560050 .background-color-AA4{background-color:#EDF0FD;}
+ .d2-3255560050 .background-color-AA5{background-color:#F7F8FE;}
+ .d2-3255560050 .background-color-AB4{background-color:#EDF0FD;}
+ .d2-3255560050 .background-color-AB5{background-color:#F7F8FE;}
+ .d2-3255560050 .color-N1{color:#0A0F25;}
+ .d2-3255560050 .color-N2{color:#676C7E;}
+ .d2-3255560050 .color-N3{color:#9499AB;}
+ .d2-3255560050 .color-N4{color:#CFD2DD;}
+ .d2-3255560050 .color-N5{color:#DEE1EB;}
+ .d2-3255560050 .color-N6{color:#EEF1F8;}
+ .d2-3255560050 .color-N7{color:#FFFFFF;}
+ .d2-3255560050 .color-B1{color:#0D32B2;}
+ .d2-3255560050 .color-B2{color:#0D32B2;}
+ .d2-3255560050 .color-B3{color:#E3E9FD;}
+ .d2-3255560050 .color-B4{color:#E3E9FD;}
+ .d2-3255560050 .color-B5{color:#EDF0FD;}
+ .d2-3255560050 .color-B6{color:#F7F8FE;}
+ .d2-3255560050 .color-AA2{color:#4A6FF3;}
+ .d2-3255560050 .color-AA4{color:#EDF0FD;}
+ .d2-3255560050 .color-AA5{color:#F7F8FE;}
+ .d2-3255560050 .color-AB4{color:#EDF0FD;}
+ .d2-3255560050 .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}]]>
@@ -1205,8 +1205,8 @@
-NETWORKCELL TOWERSATELLITESTRANSMITTER SEND SEND SEND
-
+NETWORKCELL TOWERSATELLITESTRANSMITTER SEND SEND SEND
+
diff --git a/d2renderers/d2sketch/testdata/root-fill/sketch.exp.svg b/d2renderers/d2sketch/testdata/root-fill/sketch.exp.svg
index e6242863d..fb40dcdbc 100644
--- a/d2renderers/d2sketch/testdata/root-fill/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/root-fill/sketch.exp.svg
@@ -1,20 +1,20 @@
-
@@ -844,14 +844,14 @@
-OEM FactoryOEM WarehouseDistributor Warehousecompany WarehouseFlow-I (Warehousing, Installation)MasterRegional-1Regional-2Regional-Ncompany Warehouse
+
OEM FactoryOEM WarehouseDistributor Warehousecompany WarehouseFlow-I (Warehousing, Installation)MasterRegional-1Regional-2Regional-Ncompany Warehouse
- Asset Tagging
- Inventory
- Staging
- Dispatch to Site
-
-
+
+
\ No newline at end of file
diff --git a/d2renderers/d2sketch/testdata/terminal/sketch.exp.svg b/d2renderers/d2sketch/testdata/terminal/sketch.exp.svg
index b4a947836..1f42855b1 100644
--- a/d2renderers/d2sketch/testdata/terminal/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/terminal/sketch.exp.svg
@@ -1,16 +1,16 @@
-
+ .d2-2687318495 .fill-N1{fill:#000410;}
+ .d2-2687318495 .fill-N2{fill:#0000B8;}
+ .d2-2687318495 .fill-N3{fill:#9499AB;}
+ .d2-2687318495 .fill-N4{fill:#CFD2DD;}
+ .d2-2687318495 .fill-N5{fill:#C3DEF3;}
+ .d2-2687318495 .fill-N6{fill:#EEF1F8;}
+ .d2-2687318495 .fill-N7{fill:#FFFFFF;}
+ .d2-2687318495 .fill-B1{fill:#000410;}
+ .d2-2687318495 .fill-B2{fill:#0000E4;}
+ .d2-2687318495 .fill-B3{fill:#5AA4DC;}
+ .d2-2687318495 .fill-B4{fill:#E7E9EE;}
+ .d2-2687318495 .fill-B5{fill:#F5F6F9;}
+ .d2-2687318495 .fill-B6{fill:#FFFFFF;}
+ .d2-2687318495 .fill-AA2{fill:#008566;}
+ .d2-2687318495 .fill-AA4{fill:#45BBA5;}
+ .d2-2687318495 .fill-AA5{fill:#7ACCBD;}
+ .d2-2687318495 .fill-AB4{fill:#F1C759;}
+ .d2-2687318495 .fill-AB5{fill:#F9E088;}
+ .d2-2687318495 .stroke-N1{stroke:#000410;}
+ .d2-2687318495 .stroke-N2{stroke:#0000B8;}
+ .d2-2687318495 .stroke-N3{stroke:#9499AB;}
+ .d2-2687318495 .stroke-N4{stroke:#CFD2DD;}
+ .d2-2687318495 .stroke-N5{stroke:#C3DEF3;}
+ .d2-2687318495 .stroke-N6{stroke:#EEF1F8;}
+ .d2-2687318495 .stroke-N7{stroke:#FFFFFF;}
+ .d2-2687318495 .stroke-B1{stroke:#000410;}
+ .d2-2687318495 .stroke-B2{stroke:#0000E4;}
+ .d2-2687318495 .stroke-B3{stroke:#5AA4DC;}
+ .d2-2687318495 .stroke-B4{stroke:#E7E9EE;}
+ .d2-2687318495 .stroke-B5{stroke:#F5F6F9;}
+ .d2-2687318495 .stroke-B6{stroke:#FFFFFF;}
+ .d2-2687318495 .stroke-AA2{stroke:#008566;}
+ .d2-2687318495 .stroke-AA4{stroke:#45BBA5;}
+ .d2-2687318495 .stroke-AA5{stroke:#7ACCBD;}
+ .d2-2687318495 .stroke-AB4{stroke:#F1C759;}
+ .d2-2687318495 .stroke-AB5{stroke:#F9E088;}
+ .d2-2687318495 .background-color-N1{background-color:#000410;}
+ .d2-2687318495 .background-color-N2{background-color:#0000B8;}
+ .d2-2687318495 .background-color-N3{background-color:#9499AB;}
+ .d2-2687318495 .background-color-N4{background-color:#CFD2DD;}
+ .d2-2687318495 .background-color-N5{background-color:#C3DEF3;}
+ .d2-2687318495 .background-color-N6{background-color:#EEF1F8;}
+ .d2-2687318495 .background-color-N7{background-color:#FFFFFF;}
+ .d2-2687318495 .background-color-B1{background-color:#000410;}
+ .d2-2687318495 .background-color-B2{background-color:#0000E4;}
+ .d2-2687318495 .background-color-B3{background-color:#5AA4DC;}
+ .d2-2687318495 .background-color-B4{background-color:#E7E9EE;}
+ .d2-2687318495 .background-color-B5{background-color:#F5F6F9;}
+ .d2-2687318495 .background-color-B6{background-color:#FFFFFF;}
+ .d2-2687318495 .background-color-AA2{background-color:#008566;}
+ .d2-2687318495 .background-color-AA4{background-color:#45BBA5;}
+ .d2-2687318495 .background-color-AA5{background-color:#7ACCBD;}
+ .d2-2687318495 .background-color-AB4{background-color:#F1C759;}
+ .d2-2687318495 .background-color-AB5{background-color:#F9E088;}
+ .d2-2687318495 .color-N1{color:#000410;}
+ .d2-2687318495 .color-N2{color:#0000B8;}
+ .d2-2687318495 .color-N3{color:#9499AB;}
+ .d2-2687318495 .color-N4{color:#CFD2DD;}
+ .d2-2687318495 .color-N5{color:#C3DEF3;}
+ .d2-2687318495 .color-N6{color:#EEF1F8;}
+ .d2-2687318495 .color-N7{color:#FFFFFF;}
+ .d2-2687318495 .color-B1{color:#000410;}
+ .d2-2687318495 .color-B2{color:#0000E4;}
+ .d2-2687318495 .color-B3{color:#5AA4DC;}
+ .d2-2687318495 .color-B4{color:#E7E9EE;}
+ .d2-2687318495 .color-B5{color:#F5F6F9;}
+ .d2-2687318495 .color-B6{color:#FFFFFF;}
+ .d2-2687318495 .color-AA2{color:#008566;}
+ .d2-2687318495 .color-AA4{color:#45BBA5;}
+ .d2-2687318495 .color-AA5{color:#7ACCBD;}
+ .d2-2687318495 .color-AB4{color:#F1C759;}
+ .d2-2687318495 .color-AB5{color:#F9E088;}.appendix text.text{fill:#000410}.md{--color-fg-default:#000410;--color-fg-muted:#0000B8;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#000410;--color-border-muted:#0000E4;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0000E4;--color-accent-emphasis:#0000E4;--color-attention-subtle:#0000B8;--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-normal);mix-blend-mode:color-burn}.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-normal);mix-blend-mode:color-burn}.sketch-overlay-AA5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-darker);mix-blend-mode:lighten}.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-normal);mix-blend-mode:color-burn}.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}]]>
@@ -137,12 +137,12 @@
-NETWORKUSERAPI SERVERLOGSCELL TOWERONLINE PORTALDATA PROCESSORSATELLITESTRANSMITTERUISTORAGE SEND SEND SEND PHONE LOGS MAKE CALL ACCESS DISPLAY PERSIST
+NETWORKUSERAPI SERVERLOGSCELL TOWERONLINE PORTALDATA PROCESSORSATELLITESTRANSMITTERUISTORAGE SEND SEND SEND PHONE LOGS MAKE CALL ACCESS DISPLAY PERSIST
-
+
diff --git a/d2renderers/d2sketch/testdata/twitter/sketch.exp.svg b/d2renderers/d2sketch/testdata/twitter/sketch.exp.svg
index dd18821ca..c73125426 100644
--- a/d2renderers/d2sketch/testdata/twitter/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/twitter/sketch.exp.svg
@@ -1,27 +1,27 @@
-
@@ -859,7 +859,7 @@
-People discovery serviceAd mixerOnboarding serviceWebIphoneAndroidTimelineScorerHome RankerTimeline ServiceHome mixerManhattanGizmoduckSocial graphPrediction ServiceHome ScorerManhattanMemcacheFetchFeatureScoringPrediction Service...etcTimeline mixer
+
People discovery serviceAd mixerOnboarding serviceWebIphoneAndroidTimelineScorerHome RankerTimeline ServiceHome mixerManhattanGizmoduckSocial graphPrediction ServiceHome ScorerManhattanMemcacheFetchFeatureScoringPrediction Service...etcTimeline mixer
- Inject ads, who-to-follow, onboarding
- Conversation module
@@ -868,7 +868,7 @@
- Served data logging
GraphQLFederated Strato ColumnTLS-API (being deprecated)CrMixerEarlyBirdUtagSpaceCommunities Thrift RPC Candidate Fetch Feature Hydration Candidate sources
+ TLS-API (being deprecated)CrMixerEarlyBirdUtagSpaceCommunities Thrift RPC Candidate Fetch Feature Hydration Candidate sources
diff --git a/d2renderers/d2sketch/testdata/twitter_dark/sketch.exp.svg b/d2renderers/d2sketch/testdata/twitter_dark/sketch.exp.svg
index c0d7dd801..d63d665bf 100644
--- a/d2renderers/d2sketch/testdata/twitter_dark/sketch.exp.svg
+++ b/d2renderers/d2sketch/testdata/twitter_dark/sketch.exp.svg
@@ -1,27 +1,27 @@
-
@@ -859,7 +859,7 @@
-People discovery serviceAd mixerOnboarding serviceWebIphoneAndroidTimelineScorerHome RankerTimeline ServiceHome mixerManhattanGizmoduckSocial graphPrediction ServiceHome ScorerManhattanMemcacheFetchFeatureScoringPrediction Service...etcTimeline mixer
+
People discovery serviceAd mixerOnboarding serviceWebIphoneAndroidTimelineScorerHome RankerTimeline ServiceHome mixerManhattanGizmoduckSocial graphPrediction ServiceHome ScorerManhattanMemcacheFetchFeatureScoringPrediction Service...etcTimeline mixer
- Inject ads, who-to-follow, onboarding
- Conversation module
@@ -868,7 +868,7 @@
- Served data logging
GraphQLFederated Strato ColumnTLS-API (being deprecated)CrMixerEarlyBirdUtagSpaceCommunities Thrift RPC Candidate Fetch Feature Hydration Candidate sources
+ TLS-API (being deprecated)CrMixerEarlyBirdUtagSpaceCommunities Thrift RPC Candidate Fetch Feature Hydration Candidate sources
diff --git a/d2renderers/d2svg/dark_theme/testdata/animated/dark_theme.exp.svg b/d2renderers/d2svg/dark_theme/testdata/animated/dark_theme.exp.svg
index 06dff1f93..7f7617881 100644
--- a/d2renderers/d2svg/dark_theme/testdata/animated/dark_theme.exp.svg
+++ b/d2renderers/d2svg/dark_theme/testdata/animated/dark_theme.exp.svg
@@ -1,9 +1,9 @@
-wintersummertreessnowsun
-
+ .d2-625576809 .fill-N1{fill:#CDD6F4;}
+ .d2-625576809 .fill-N2{fill:#BAC2DE;}
+ .d2-625576809 .fill-N3{fill:#A6ADC8;}
+ .d2-625576809 .fill-N4{fill:#585B70;}
+ .d2-625576809 .fill-N5{fill:#45475A;}
+ .d2-625576809 .fill-N6{fill:#313244;}
+ .d2-625576809 .fill-N7{fill:#1E1E2E;}
+ .d2-625576809 .fill-B1{fill:#CBA6f7;}
+ .d2-625576809 .fill-B2{fill:#CBA6f7;}
+ .d2-625576809 .fill-B3{fill:#6C7086;}
+ .d2-625576809 .fill-B4{fill:#585B70;}
+ .d2-625576809 .fill-B5{fill:#45475A;}
+ .d2-625576809 .fill-B6{fill:#313244;}
+ .d2-625576809 .fill-AA2{fill:#f38BA8;}
+ .d2-625576809 .fill-AA4{fill:#45475A;}
+ .d2-625576809 .fill-AA5{fill:#313244;}
+ .d2-625576809 .fill-AB4{fill:#45475A;}
+ .d2-625576809 .fill-AB5{fill:#313244;}
+ .d2-625576809 .stroke-N1{stroke:#CDD6F4;}
+ .d2-625576809 .stroke-N2{stroke:#BAC2DE;}
+ .d2-625576809 .stroke-N3{stroke:#A6ADC8;}
+ .d2-625576809 .stroke-N4{stroke:#585B70;}
+ .d2-625576809 .stroke-N5{stroke:#45475A;}
+ .d2-625576809 .stroke-N6{stroke:#313244;}
+ .d2-625576809 .stroke-N7{stroke:#1E1E2E;}
+ .d2-625576809 .stroke-B1{stroke:#CBA6f7;}
+ .d2-625576809 .stroke-B2{stroke:#CBA6f7;}
+ .d2-625576809 .stroke-B3{stroke:#6C7086;}
+ .d2-625576809 .stroke-B4{stroke:#585B70;}
+ .d2-625576809 .stroke-B5{stroke:#45475A;}
+ .d2-625576809 .stroke-B6{stroke:#313244;}
+ .d2-625576809 .stroke-AA2{stroke:#f38BA8;}
+ .d2-625576809 .stroke-AA4{stroke:#45475A;}
+ .d2-625576809 .stroke-AA5{stroke:#313244;}
+ .d2-625576809 .stroke-AB4{stroke:#45475A;}
+ .d2-625576809 .stroke-AB5{stroke:#313244;}
+ .d2-625576809 .background-color-N1{background-color:#CDD6F4;}
+ .d2-625576809 .background-color-N2{background-color:#BAC2DE;}
+ .d2-625576809 .background-color-N3{background-color:#A6ADC8;}
+ .d2-625576809 .background-color-N4{background-color:#585B70;}
+ .d2-625576809 .background-color-N5{background-color:#45475A;}
+ .d2-625576809 .background-color-N6{background-color:#313244;}
+ .d2-625576809 .background-color-N7{background-color:#1E1E2E;}
+ .d2-625576809 .background-color-B1{background-color:#CBA6f7;}
+ .d2-625576809 .background-color-B2{background-color:#CBA6f7;}
+ .d2-625576809 .background-color-B3{background-color:#6C7086;}
+ .d2-625576809 .background-color-B4{background-color:#585B70;}
+ .d2-625576809 .background-color-B5{background-color:#45475A;}
+ .d2-625576809 .background-color-B6{background-color:#313244;}
+ .d2-625576809 .background-color-AA2{background-color:#f38BA8;}
+ .d2-625576809 .background-color-AA4{background-color:#45475A;}
+ .d2-625576809 .background-color-AA5{background-color:#313244;}
+ .d2-625576809 .background-color-AB4{background-color:#45475A;}
+ .d2-625576809 .background-color-AB5{background-color:#313244;}
+ .d2-625576809 .color-N1{color:#CDD6F4;}
+ .d2-625576809 .color-N2{color:#BAC2DE;}
+ .d2-625576809 .color-N3{color:#A6ADC8;}
+ .d2-625576809 .color-N4{color:#585B70;}
+ .d2-625576809 .color-N5{color:#45475A;}
+ .d2-625576809 .color-N6{color:#313244;}
+ .d2-625576809 .color-N7{color:#1E1E2E;}
+ .d2-625576809 .color-B1{color:#CBA6f7;}
+ .d2-625576809 .color-B2{color:#CBA6f7;}
+ .d2-625576809 .color-B3{color:#6C7086;}
+ .d2-625576809 .color-B4{color:#585B70;}
+ .d2-625576809 .color-B5{color:#45475A;}
+ .d2-625576809 .color-B6{color:#313244;}
+ .d2-625576809 .color-AA2{color:#f38BA8;}
+ .d2-625576809 .color-AA4{color:#45475A;}
+ .d2-625576809 .color-AA5{color:#313244;}
+ .d2-625576809 .color-AB4{color:#45475A;}
+ .d2-625576809 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]>wintersummertreessnowsun
+
\ No newline at end of file
diff --git a/d2renderers/d2svg/dark_theme/testdata/arrowheads/dark_theme.exp.svg b/d2renderers/d2svg/dark_theme/testdata/arrowheads/dark_theme.exp.svg
index ccd2c28e5..dd8c0c0a3 100644
--- a/d2renderers/d2svg/dark_theme/testdata/arrowheads/dark_theme.exp.svg
+++ b/d2renderers/d2svg/dark_theme/testdata/arrowheads/dark_theme.exp.svg
@@ -1,16 +1,16 @@
-112233445566778899none arrow triangle diamond diamond filled cf-many cf-many-required cf-one cf-one-required
-
+ .d2-3125322966 .fill-N1{fill:#CDD6F4;}
+ .d2-3125322966 .fill-N2{fill:#BAC2DE;}
+ .d2-3125322966 .fill-N3{fill:#A6ADC8;}
+ .d2-3125322966 .fill-N4{fill:#585B70;}
+ .d2-3125322966 .fill-N5{fill:#45475A;}
+ .d2-3125322966 .fill-N6{fill:#313244;}
+ .d2-3125322966 .fill-N7{fill:#1E1E2E;}
+ .d2-3125322966 .fill-B1{fill:#CBA6f7;}
+ .d2-3125322966 .fill-B2{fill:#CBA6f7;}
+ .d2-3125322966 .fill-B3{fill:#6C7086;}
+ .d2-3125322966 .fill-B4{fill:#585B70;}
+ .d2-3125322966 .fill-B5{fill:#45475A;}
+ .d2-3125322966 .fill-B6{fill:#313244;}
+ .d2-3125322966 .fill-AA2{fill:#f38BA8;}
+ .d2-3125322966 .fill-AA4{fill:#45475A;}
+ .d2-3125322966 .fill-AA5{fill:#313244;}
+ .d2-3125322966 .fill-AB4{fill:#45475A;}
+ .d2-3125322966 .fill-AB5{fill:#313244;}
+ .d2-3125322966 .stroke-N1{stroke:#CDD6F4;}
+ .d2-3125322966 .stroke-N2{stroke:#BAC2DE;}
+ .d2-3125322966 .stroke-N3{stroke:#A6ADC8;}
+ .d2-3125322966 .stroke-N4{stroke:#585B70;}
+ .d2-3125322966 .stroke-N5{stroke:#45475A;}
+ .d2-3125322966 .stroke-N6{stroke:#313244;}
+ .d2-3125322966 .stroke-N7{stroke:#1E1E2E;}
+ .d2-3125322966 .stroke-B1{stroke:#CBA6f7;}
+ .d2-3125322966 .stroke-B2{stroke:#CBA6f7;}
+ .d2-3125322966 .stroke-B3{stroke:#6C7086;}
+ .d2-3125322966 .stroke-B4{stroke:#585B70;}
+ .d2-3125322966 .stroke-B5{stroke:#45475A;}
+ .d2-3125322966 .stroke-B6{stroke:#313244;}
+ .d2-3125322966 .stroke-AA2{stroke:#f38BA8;}
+ .d2-3125322966 .stroke-AA4{stroke:#45475A;}
+ .d2-3125322966 .stroke-AA5{stroke:#313244;}
+ .d2-3125322966 .stroke-AB4{stroke:#45475A;}
+ .d2-3125322966 .stroke-AB5{stroke:#313244;}
+ .d2-3125322966 .background-color-N1{background-color:#CDD6F4;}
+ .d2-3125322966 .background-color-N2{background-color:#BAC2DE;}
+ .d2-3125322966 .background-color-N3{background-color:#A6ADC8;}
+ .d2-3125322966 .background-color-N4{background-color:#585B70;}
+ .d2-3125322966 .background-color-N5{background-color:#45475A;}
+ .d2-3125322966 .background-color-N6{background-color:#313244;}
+ .d2-3125322966 .background-color-N7{background-color:#1E1E2E;}
+ .d2-3125322966 .background-color-B1{background-color:#CBA6f7;}
+ .d2-3125322966 .background-color-B2{background-color:#CBA6f7;}
+ .d2-3125322966 .background-color-B3{background-color:#6C7086;}
+ .d2-3125322966 .background-color-B4{background-color:#585B70;}
+ .d2-3125322966 .background-color-B5{background-color:#45475A;}
+ .d2-3125322966 .background-color-B6{background-color:#313244;}
+ .d2-3125322966 .background-color-AA2{background-color:#f38BA8;}
+ .d2-3125322966 .background-color-AA4{background-color:#45475A;}
+ .d2-3125322966 .background-color-AA5{background-color:#313244;}
+ .d2-3125322966 .background-color-AB4{background-color:#45475A;}
+ .d2-3125322966 .background-color-AB5{background-color:#313244;}
+ .d2-3125322966 .color-N1{color:#CDD6F4;}
+ .d2-3125322966 .color-N2{color:#BAC2DE;}
+ .d2-3125322966 .color-N3{color:#A6ADC8;}
+ .d2-3125322966 .color-N4{color:#585B70;}
+ .d2-3125322966 .color-N5{color:#45475A;}
+ .d2-3125322966 .color-N6{color:#313244;}
+ .d2-3125322966 .color-N7{color:#1E1E2E;}
+ .d2-3125322966 .color-B1{color:#CBA6f7;}
+ .d2-3125322966 .color-B2{color:#CBA6f7;}
+ .d2-3125322966 .color-B3{color:#6C7086;}
+ .d2-3125322966 .color-B4{color:#585B70;}
+ .d2-3125322966 .color-B5{color:#45475A;}
+ .d2-3125322966 .color-B6{color:#313244;}
+ .d2-3125322966 .color-AA2{color:#f38BA8;}
+ .d2-3125322966 .color-AA4{color:#45475A;}
+ .d2-3125322966 .color-AA5{color:#313244;}
+ .d2-3125322966 .color-AB4{color:#45475A;}
+ .d2-3125322966 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]>112233445566778899none arrow triangle diamond diamond filled cf-many cf-many-required cf-one cf-one-required
+
diff --git a/d2renderers/d2svg/dark_theme/testdata/twitter/dark_theme.exp.svg b/d2renderers/d2svg/dark_theme/testdata/twitter/dark_theme.exp.svg
index 633da0e45..fef10b385 100644
--- a/d2renderers/d2svg/dark_theme/testdata/twitter/dark_theme.exp.svg
+++ b/d2renderers/d2svg/dark_theme/testdata/twitter/dark_theme.exp.svg
@@ -1,27 +1,27 @@
-People discovery serviceAd mixerOnboarding serviceWebIphoneAndroidTimelineScorerHome RankerTimeline ServiceHome mixerManhattanGizmoduckSocial graphPrediction ServiceHome ScorerManhattanMemcacheFetchFeatureScoringPrediction Service...etcTimeline mixer
+
People discovery serviceAd mixerOnboarding serviceWebIphoneAndroidTimelineScorerHome RankerTimeline ServiceHome mixerManhattanGizmoduckSocial graphPrediction ServiceHome ScorerManhattanMemcacheFetchFeatureScoringPrediction Service...etcTimeline mixer
- Inject ads, who-to-follow, onboarding
- Conversation module
@@ -852,7 +852,7 @@
- Served data logging
GraphQLFederated Strato ColumnTLS-API (being deprecated)CrMixerEarlyBirdUtagSpaceCommunities Thrift RPC Candidate FetchFeature HydrationCandidate sources
+ TLS-API (being deprecated)CrMixerEarlyBirdUtagSpaceCommunities Thrift RPC Candidate FetchFeature HydrationCandidate sources
diff --git a/e2etests/testdata/patterns/real-lines/dagre/board.exp.json b/e2etests/testdata/patterns/real-lines/dagre/board.exp.json
index 93e0a6a1d..4d6823694 100644
--- a/e2etests/testdata/patterns/real-lines/dagre/board.exp.json
+++ b/e2etests/testdata/patterns/real-lines/dagre/board.exp.json
@@ -10,7 +10,7 @@
"x": 0,
"y": 41
},
- "width": 360,
+ "width": 361,
"height": 640,
"opacity": 1,
"strokeDash": 0,
@@ -52,7 +52,7 @@
"x": 20,
"y": 106
},
- "width": 320,
+ "width": 321,
"height": 545,
"opacity": 1,
"strokeDash": 0,
diff --git a/e2etests/testdata/patterns/real-lines/dagre/sketch.exp.svg b/e2etests/testdata/patterns/real-lines/dagre/sketch.exp.svg
index 34788e50f..499fa59e9 100644
--- a/e2etests/testdata/patterns/real-lines/dagre/sketch.exp.svg
+++ b/e2etests/testdata/patterns/real-lines/dagre/sketch.exp.svg
@@ -1,23 +1,23 @@
-askuhykfnsomsczrgtigsjjcfi 1234
-
+ .d2-101727076 .fill-N1{fill:#0A0F25;}
+ .d2-101727076 .fill-N2{fill:#676C7E;}
+ .d2-101727076 .fill-N3{fill:#9499AB;}
+ .d2-101727076 .fill-N4{fill:#CFD2DD;}
+ .d2-101727076 .fill-N5{fill:#DEE1EB;}
+ .d2-101727076 .fill-N6{fill:#EEF1F8;}
+ .d2-101727076 .fill-N7{fill:#FFFFFF;}
+ .d2-101727076 .fill-B1{fill:#0D32B2;}
+ .d2-101727076 .fill-B2{fill:#0D32B2;}
+ .d2-101727076 .fill-B3{fill:#E3E9FD;}
+ .d2-101727076 .fill-B4{fill:#E3E9FD;}
+ .d2-101727076 .fill-B5{fill:#EDF0FD;}
+ .d2-101727076 .fill-B6{fill:#F7F8FE;}
+ .d2-101727076 .fill-AA2{fill:#4A6FF3;}
+ .d2-101727076 .fill-AA4{fill:#EDF0FD;}
+ .d2-101727076 .fill-AA5{fill:#F7F8FE;}
+ .d2-101727076 .fill-AB4{fill:#EDF0FD;}
+ .d2-101727076 .fill-AB5{fill:#F7F8FE;}
+ .d2-101727076 .stroke-N1{stroke:#0A0F25;}
+ .d2-101727076 .stroke-N2{stroke:#676C7E;}
+ .d2-101727076 .stroke-N3{stroke:#9499AB;}
+ .d2-101727076 .stroke-N4{stroke:#CFD2DD;}
+ .d2-101727076 .stroke-N5{stroke:#DEE1EB;}
+ .d2-101727076 .stroke-N6{stroke:#EEF1F8;}
+ .d2-101727076 .stroke-N7{stroke:#FFFFFF;}
+ .d2-101727076 .stroke-B1{stroke:#0D32B2;}
+ .d2-101727076 .stroke-B2{stroke:#0D32B2;}
+ .d2-101727076 .stroke-B3{stroke:#E3E9FD;}
+ .d2-101727076 .stroke-B4{stroke:#E3E9FD;}
+ .d2-101727076 .stroke-B5{stroke:#EDF0FD;}
+ .d2-101727076 .stroke-B6{stroke:#F7F8FE;}
+ .d2-101727076 .stroke-AA2{stroke:#4A6FF3;}
+ .d2-101727076 .stroke-AA4{stroke:#EDF0FD;}
+ .d2-101727076 .stroke-AA5{stroke:#F7F8FE;}
+ .d2-101727076 .stroke-AB4{stroke:#EDF0FD;}
+ .d2-101727076 .stroke-AB5{stroke:#F7F8FE;}
+ .d2-101727076 .background-color-N1{background-color:#0A0F25;}
+ .d2-101727076 .background-color-N2{background-color:#676C7E;}
+ .d2-101727076 .background-color-N3{background-color:#9499AB;}
+ .d2-101727076 .background-color-N4{background-color:#CFD2DD;}
+ .d2-101727076 .background-color-N5{background-color:#DEE1EB;}
+ .d2-101727076 .background-color-N6{background-color:#EEF1F8;}
+ .d2-101727076 .background-color-N7{background-color:#FFFFFF;}
+ .d2-101727076 .background-color-B1{background-color:#0D32B2;}
+ .d2-101727076 .background-color-B2{background-color:#0D32B2;}
+ .d2-101727076 .background-color-B3{background-color:#E3E9FD;}
+ .d2-101727076 .background-color-B4{background-color:#E3E9FD;}
+ .d2-101727076 .background-color-B5{background-color:#EDF0FD;}
+ .d2-101727076 .background-color-B6{background-color:#F7F8FE;}
+ .d2-101727076 .background-color-AA2{background-color:#4A6FF3;}
+ .d2-101727076 .background-color-AA4{background-color:#EDF0FD;}
+ .d2-101727076 .background-color-AA5{background-color:#F7F8FE;}
+ .d2-101727076 .background-color-AB4{background-color:#EDF0FD;}
+ .d2-101727076 .background-color-AB5{background-color:#F7F8FE;}
+ .d2-101727076 .color-N1{color:#0A0F25;}
+ .d2-101727076 .color-N2{color:#676C7E;}
+ .d2-101727076 .color-N3{color:#9499AB;}
+ .d2-101727076 .color-N4{color:#CFD2DD;}
+ .d2-101727076 .color-N5{color:#DEE1EB;}
+ .d2-101727076 .color-N6{color:#EEF1F8;}
+ .d2-101727076 .color-N7{color:#FFFFFF;}
+ .d2-101727076 .color-B1{color:#0D32B2;}
+ .d2-101727076 .color-B2{color:#0D32B2;}
+ .d2-101727076 .color-B3{color:#E3E9FD;}
+ .d2-101727076 .color-B4{color:#E3E9FD;}
+ .d2-101727076 .color-B5{color:#EDF0FD;}
+ .d2-101727076 .color-B6{color:#F7F8FE;}
+ .d2-101727076 .color-AA2{color:#4A6FF3;}
+ .d2-101727076 .color-AA4{color:#EDF0FD;}
+ .d2-101727076 .color-AA5{color:#F7F8FE;}
+ .d2-101727076 .color-AB4{color:#EDF0FD;}
+ .d2-101727076 .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}]]>askuhykfnsomsczrgtigsjjcfi 1234
+
\ No newline at end of file
diff --git a/e2etests/testdata/regression/dagre_broken_arrowhead/dagre/board.exp.json b/e2etests/testdata/regression/dagre_broken_arrowhead/dagre/board.exp.json
index 5363ffe65..933a2048f 100644
--- a/e2etests/testdata/regression/dagre_broken_arrowhead/dagre/board.exp.json
+++ b/e2etests/testdata/regression/dagre_broken_arrowhead/dagre/board.exp.json
@@ -92,7 +92,7 @@
"x": 23,
"y": 355
},
- "width": 298,
+ "width": 299,
"height": 139,
"opacity": 1,
"strokeDash": 0,
diff --git a/e2etests/testdata/regression/dagre_broken_arrowhead/dagre/sketch.exp.svg b/e2etests/testdata/regression/dagre_broken_arrowhead/dagre/sketch.exp.svg
index b727b2de3..c6cd3ffcd 100644
--- a/e2etests/testdata/regression/dagre_broken_arrowhead/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/dagre_broken_arrowhead/dagre/sketch.exp.svg
@@ -1,23 +1,23 @@
-abc12d line 1line 2line 3line 4
+ .d2-3104727844 .fill-N1{fill:#0A0F25;}
+ .d2-3104727844 .fill-N2{fill:#676C7E;}
+ .d2-3104727844 .fill-N3{fill:#9499AB;}
+ .d2-3104727844 .fill-N4{fill:#CFD2DD;}
+ .d2-3104727844 .fill-N5{fill:#DEE1EB;}
+ .d2-3104727844 .fill-N6{fill:#EEF1F8;}
+ .d2-3104727844 .fill-N7{fill:#FFFFFF;}
+ .d2-3104727844 .fill-B1{fill:#0D32B2;}
+ .d2-3104727844 .fill-B2{fill:#0D32B2;}
+ .d2-3104727844 .fill-B3{fill:#E3E9FD;}
+ .d2-3104727844 .fill-B4{fill:#E3E9FD;}
+ .d2-3104727844 .fill-B5{fill:#EDF0FD;}
+ .d2-3104727844 .fill-B6{fill:#F7F8FE;}
+ .d2-3104727844 .fill-AA2{fill:#4A6FF3;}
+ .d2-3104727844 .fill-AA4{fill:#EDF0FD;}
+ .d2-3104727844 .fill-AA5{fill:#F7F8FE;}
+ .d2-3104727844 .fill-AB4{fill:#EDF0FD;}
+ .d2-3104727844 .fill-AB5{fill:#F7F8FE;}
+ .d2-3104727844 .stroke-N1{stroke:#0A0F25;}
+ .d2-3104727844 .stroke-N2{stroke:#676C7E;}
+ .d2-3104727844 .stroke-N3{stroke:#9499AB;}
+ .d2-3104727844 .stroke-N4{stroke:#CFD2DD;}
+ .d2-3104727844 .stroke-N5{stroke:#DEE1EB;}
+ .d2-3104727844 .stroke-N6{stroke:#EEF1F8;}
+ .d2-3104727844 .stroke-N7{stroke:#FFFFFF;}
+ .d2-3104727844 .stroke-B1{stroke:#0D32B2;}
+ .d2-3104727844 .stroke-B2{stroke:#0D32B2;}
+ .d2-3104727844 .stroke-B3{stroke:#E3E9FD;}
+ .d2-3104727844 .stroke-B4{stroke:#E3E9FD;}
+ .d2-3104727844 .stroke-B5{stroke:#EDF0FD;}
+ .d2-3104727844 .stroke-B6{stroke:#F7F8FE;}
+ .d2-3104727844 .stroke-AA2{stroke:#4A6FF3;}
+ .d2-3104727844 .stroke-AA4{stroke:#EDF0FD;}
+ .d2-3104727844 .stroke-AA5{stroke:#F7F8FE;}
+ .d2-3104727844 .stroke-AB4{stroke:#EDF0FD;}
+ .d2-3104727844 .stroke-AB5{stroke:#F7F8FE;}
+ .d2-3104727844 .background-color-N1{background-color:#0A0F25;}
+ .d2-3104727844 .background-color-N2{background-color:#676C7E;}
+ .d2-3104727844 .background-color-N3{background-color:#9499AB;}
+ .d2-3104727844 .background-color-N4{background-color:#CFD2DD;}
+ .d2-3104727844 .background-color-N5{background-color:#DEE1EB;}
+ .d2-3104727844 .background-color-N6{background-color:#EEF1F8;}
+ .d2-3104727844 .background-color-N7{background-color:#FFFFFF;}
+ .d2-3104727844 .background-color-B1{background-color:#0D32B2;}
+ .d2-3104727844 .background-color-B2{background-color:#0D32B2;}
+ .d2-3104727844 .background-color-B3{background-color:#E3E9FD;}
+ .d2-3104727844 .background-color-B4{background-color:#E3E9FD;}
+ .d2-3104727844 .background-color-B5{background-color:#EDF0FD;}
+ .d2-3104727844 .background-color-B6{background-color:#F7F8FE;}
+ .d2-3104727844 .background-color-AA2{background-color:#4A6FF3;}
+ .d2-3104727844 .background-color-AA4{background-color:#EDF0FD;}
+ .d2-3104727844 .background-color-AA5{background-color:#F7F8FE;}
+ .d2-3104727844 .background-color-AB4{background-color:#EDF0FD;}
+ .d2-3104727844 .background-color-AB5{background-color:#F7F8FE;}
+ .d2-3104727844 .color-N1{color:#0A0F25;}
+ .d2-3104727844 .color-N2{color:#676C7E;}
+ .d2-3104727844 .color-N3{color:#9499AB;}
+ .d2-3104727844 .color-N4{color:#CFD2DD;}
+ .d2-3104727844 .color-N5{color:#DEE1EB;}
+ .d2-3104727844 .color-N6{color:#EEF1F8;}
+ .d2-3104727844 .color-N7{color:#FFFFFF;}
+ .d2-3104727844 .color-B1{color:#0D32B2;}
+ .d2-3104727844 .color-B2{color:#0D32B2;}
+ .d2-3104727844 .color-B3{color:#E3E9FD;}
+ .d2-3104727844 .color-B4{color:#E3E9FD;}
+ .d2-3104727844 .color-B5{color:#EDF0FD;}
+ .d2-3104727844 .color-B6{color:#F7F8FE;}
+ .d2-3104727844 .color-AA2{color:#4A6FF3;}
+ .d2-3104727844 .color-AA4{color:#EDF0FD;}
+ .d2-3104727844 .color-AA5{color:#F7F8FE;}
+ .d2-3104727844 .color-AB4{color:#EDF0FD;}
+ .d2-3104727844 .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}]]>abc12d line 1line 2line 3line 4
\ No newline at end of file
diff --git a/e2etests/testdata/regression/dagre_broken_arrowhead/elk/board.exp.json b/e2etests/testdata/regression/dagre_broken_arrowhead/elk/board.exp.json
index 92ffb1b0c..f30d0fe43 100644
--- a/e2etests/testdata/regression/dagre_broken_arrowhead/elk/board.exp.json
+++ b/e2etests/testdata/regression/dagre_broken_arrowhead/elk/board.exp.json
@@ -10,7 +10,7 @@
"x": 12,
"y": 12
},
- "width": 290,
+ "width": 291,
"height": 551,
"opacity": 1,
"strokeDash": 0,
diff --git a/e2etests/testdata/regression/dagre_broken_arrowhead/elk/sketch.exp.svg b/e2etests/testdata/regression/dagre_broken_arrowhead/elk/sketch.exp.svg
index 23d52af25..8135c425c 100644
--- a/e2etests/testdata/regression/dagre_broken_arrowhead/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/dagre_broken_arrowhead/elk/sketch.exp.svg
@@ -1,23 +1,23 @@
-abc12d line 1line 2line 3line 4
-
+ .d2-100095279 .fill-N1{fill:#0A0F25;}
+ .d2-100095279 .fill-N2{fill:#676C7E;}
+ .d2-100095279 .fill-N3{fill:#9499AB;}
+ .d2-100095279 .fill-N4{fill:#CFD2DD;}
+ .d2-100095279 .fill-N5{fill:#DEE1EB;}
+ .d2-100095279 .fill-N6{fill:#EEF1F8;}
+ .d2-100095279 .fill-N7{fill:#FFFFFF;}
+ .d2-100095279 .fill-B1{fill:#0D32B2;}
+ .d2-100095279 .fill-B2{fill:#0D32B2;}
+ .d2-100095279 .fill-B3{fill:#E3E9FD;}
+ .d2-100095279 .fill-B4{fill:#E3E9FD;}
+ .d2-100095279 .fill-B5{fill:#EDF0FD;}
+ .d2-100095279 .fill-B6{fill:#F7F8FE;}
+ .d2-100095279 .fill-AA2{fill:#4A6FF3;}
+ .d2-100095279 .fill-AA4{fill:#EDF0FD;}
+ .d2-100095279 .fill-AA5{fill:#F7F8FE;}
+ .d2-100095279 .fill-AB4{fill:#EDF0FD;}
+ .d2-100095279 .fill-AB5{fill:#F7F8FE;}
+ .d2-100095279 .stroke-N1{stroke:#0A0F25;}
+ .d2-100095279 .stroke-N2{stroke:#676C7E;}
+ .d2-100095279 .stroke-N3{stroke:#9499AB;}
+ .d2-100095279 .stroke-N4{stroke:#CFD2DD;}
+ .d2-100095279 .stroke-N5{stroke:#DEE1EB;}
+ .d2-100095279 .stroke-N6{stroke:#EEF1F8;}
+ .d2-100095279 .stroke-N7{stroke:#FFFFFF;}
+ .d2-100095279 .stroke-B1{stroke:#0D32B2;}
+ .d2-100095279 .stroke-B2{stroke:#0D32B2;}
+ .d2-100095279 .stroke-B3{stroke:#E3E9FD;}
+ .d2-100095279 .stroke-B4{stroke:#E3E9FD;}
+ .d2-100095279 .stroke-B5{stroke:#EDF0FD;}
+ .d2-100095279 .stroke-B6{stroke:#F7F8FE;}
+ .d2-100095279 .stroke-AA2{stroke:#4A6FF3;}
+ .d2-100095279 .stroke-AA4{stroke:#EDF0FD;}
+ .d2-100095279 .stroke-AA5{stroke:#F7F8FE;}
+ .d2-100095279 .stroke-AB4{stroke:#EDF0FD;}
+ .d2-100095279 .stroke-AB5{stroke:#F7F8FE;}
+ .d2-100095279 .background-color-N1{background-color:#0A0F25;}
+ .d2-100095279 .background-color-N2{background-color:#676C7E;}
+ .d2-100095279 .background-color-N3{background-color:#9499AB;}
+ .d2-100095279 .background-color-N4{background-color:#CFD2DD;}
+ .d2-100095279 .background-color-N5{background-color:#DEE1EB;}
+ .d2-100095279 .background-color-N6{background-color:#EEF1F8;}
+ .d2-100095279 .background-color-N7{background-color:#FFFFFF;}
+ .d2-100095279 .background-color-B1{background-color:#0D32B2;}
+ .d2-100095279 .background-color-B2{background-color:#0D32B2;}
+ .d2-100095279 .background-color-B3{background-color:#E3E9FD;}
+ .d2-100095279 .background-color-B4{background-color:#E3E9FD;}
+ .d2-100095279 .background-color-B5{background-color:#EDF0FD;}
+ .d2-100095279 .background-color-B6{background-color:#F7F8FE;}
+ .d2-100095279 .background-color-AA2{background-color:#4A6FF3;}
+ .d2-100095279 .background-color-AA4{background-color:#EDF0FD;}
+ .d2-100095279 .background-color-AA5{background-color:#F7F8FE;}
+ .d2-100095279 .background-color-AB4{background-color:#EDF0FD;}
+ .d2-100095279 .background-color-AB5{background-color:#F7F8FE;}
+ .d2-100095279 .color-N1{color:#0A0F25;}
+ .d2-100095279 .color-N2{color:#676C7E;}
+ .d2-100095279 .color-N3{color:#9499AB;}
+ .d2-100095279 .color-N4{color:#CFD2DD;}
+ .d2-100095279 .color-N5{color:#DEE1EB;}
+ .d2-100095279 .color-N6{color:#EEF1F8;}
+ .d2-100095279 .color-N7{color:#FFFFFF;}
+ .d2-100095279 .color-B1{color:#0D32B2;}
+ .d2-100095279 .color-B2{color:#0D32B2;}
+ .d2-100095279 .color-B3{color:#E3E9FD;}
+ .d2-100095279 .color-B4{color:#E3E9FD;}
+ .d2-100095279 .color-B5{color:#EDF0FD;}
+ .d2-100095279 .color-B6{color:#F7F8FE;}
+ .d2-100095279 .color-AA2{color:#4A6FF3;}
+ .d2-100095279 .color-AA4{color:#EDF0FD;}
+ .d2-100095279 .color-AA5{color:#F7F8FE;}
+ .d2-100095279 .color-AB4{color:#EDF0FD;}
+ .d2-100095279 .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}]]>abc12d line 1line 2line 3line 4
+
\ No newline at end of file
diff --git a/e2etests/testdata/regression/overlapping-edge-label/dagre/board.exp.json b/e2etests/testdata/regression/overlapping-edge-label/dagre/board.exp.json
index 1ed1772a0..19b79c792 100644
--- a/e2etests/testdata/regression/overlapping-edge-label/dagre/board.exp.json
+++ b/e2etests/testdata/regression/overlapping-edge-label/dagre/board.exp.json
@@ -10,7 +10,7 @@
"x": 0,
"y": 41
},
- "width": 1220,
+ "width": 1221,
"height": 125,
"opacity": 1,
"strokeDash": 0,
@@ -297,7 +297,7 @@
"x": 796,
"y": 328
},
- "width": 414,
+ "width": 415,
"height": 125,
"opacity": 1,
"strokeDash": 0,
diff --git a/e2etests/testdata/regression/overlapping-edge-label/dagre/sketch.exp.svg b/e2etests/testdata/regression/overlapping-edge-label/dagre/sketch.exp.svg
index 7e2575865..7f392944a 100644
--- a/e2etests/testdata/regression/overlapping-edge-label/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/overlapping-edge-label/dagre/sketch.exp.svg
@@ -1,23 +1,23 @@
-Kubernetesopensvck8s-master1k8s-master2k8s-master3k8s-worker1k8s-worker2k8s-worker3VM1VM2 keycloakheptapodharborvault
-
+ .d2-2269130381 .fill-N1{fill:#0A0F25;}
+ .d2-2269130381 .fill-N2{fill:#676C7E;}
+ .d2-2269130381 .fill-N3{fill:#9499AB;}
+ .d2-2269130381 .fill-N4{fill:#CFD2DD;}
+ .d2-2269130381 .fill-N5{fill:#DEE1EB;}
+ .d2-2269130381 .fill-N6{fill:#EEF1F8;}
+ .d2-2269130381 .fill-N7{fill:#FFFFFF;}
+ .d2-2269130381 .fill-B1{fill:#0D32B2;}
+ .d2-2269130381 .fill-B2{fill:#0D32B2;}
+ .d2-2269130381 .fill-B3{fill:#E3E9FD;}
+ .d2-2269130381 .fill-B4{fill:#E3E9FD;}
+ .d2-2269130381 .fill-B5{fill:#EDF0FD;}
+ .d2-2269130381 .fill-B6{fill:#F7F8FE;}
+ .d2-2269130381 .fill-AA2{fill:#4A6FF3;}
+ .d2-2269130381 .fill-AA4{fill:#EDF0FD;}
+ .d2-2269130381 .fill-AA5{fill:#F7F8FE;}
+ .d2-2269130381 .fill-AB4{fill:#EDF0FD;}
+ .d2-2269130381 .fill-AB5{fill:#F7F8FE;}
+ .d2-2269130381 .stroke-N1{stroke:#0A0F25;}
+ .d2-2269130381 .stroke-N2{stroke:#676C7E;}
+ .d2-2269130381 .stroke-N3{stroke:#9499AB;}
+ .d2-2269130381 .stroke-N4{stroke:#CFD2DD;}
+ .d2-2269130381 .stroke-N5{stroke:#DEE1EB;}
+ .d2-2269130381 .stroke-N6{stroke:#EEF1F8;}
+ .d2-2269130381 .stroke-N7{stroke:#FFFFFF;}
+ .d2-2269130381 .stroke-B1{stroke:#0D32B2;}
+ .d2-2269130381 .stroke-B2{stroke:#0D32B2;}
+ .d2-2269130381 .stroke-B3{stroke:#E3E9FD;}
+ .d2-2269130381 .stroke-B4{stroke:#E3E9FD;}
+ .d2-2269130381 .stroke-B5{stroke:#EDF0FD;}
+ .d2-2269130381 .stroke-B6{stroke:#F7F8FE;}
+ .d2-2269130381 .stroke-AA2{stroke:#4A6FF3;}
+ .d2-2269130381 .stroke-AA4{stroke:#EDF0FD;}
+ .d2-2269130381 .stroke-AA5{stroke:#F7F8FE;}
+ .d2-2269130381 .stroke-AB4{stroke:#EDF0FD;}
+ .d2-2269130381 .stroke-AB5{stroke:#F7F8FE;}
+ .d2-2269130381 .background-color-N1{background-color:#0A0F25;}
+ .d2-2269130381 .background-color-N2{background-color:#676C7E;}
+ .d2-2269130381 .background-color-N3{background-color:#9499AB;}
+ .d2-2269130381 .background-color-N4{background-color:#CFD2DD;}
+ .d2-2269130381 .background-color-N5{background-color:#DEE1EB;}
+ .d2-2269130381 .background-color-N6{background-color:#EEF1F8;}
+ .d2-2269130381 .background-color-N7{background-color:#FFFFFF;}
+ .d2-2269130381 .background-color-B1{background-color:#0D32B2;}
+ .d2-2269130381 .background-color-B2{background-color:#0D32B2;}
+ .d2-2269130381 .background-color-B3{background-color:#E3E9FD;}
+ .d2-2269130381 .background-color-B4{background-color:#E3E9FD;}
+ .d2-2269130381 .background-color-B5{background-color:#EDF0FD;}
+ .d2-2269130381 .background-color-B6{background-color:#F7F8FE;}
+ .d2-2269130381 .background-color-AA2{background-color:#4A6FF3;}
+ .d2-2269130381 .background-color-AA4{background-color:#EDF0FD;}
+ .d2-2269130381 .background-color-AA5{background-color:#F7F8FE;}
+ .d2-2269130381 .background-color-AB4{background-color:#EDF0FD;}
+ .d2-2269130381 .background-color-AB5{background-color:#F7F8FE;}
+ .d2-2269130381 .color-N1{color:#0A0F25;}
+ .d2-2269130381 .color-N2{color:#676C7E;}
+ .d2-2269130381 .color-N3{color:#9499AB;}
+ .d2-2269130381 .color-N4{color:#CFD2DD;}
+ .d2-2269130381 .color-N5{color:#DEE1EB;}
+ .d2-2269130381 .color-N6{color:#EEF1F8;}
+ .d2-2269130381 .color-N7{color:#FFFFFF;}
+ .d2-2269130381 .color-B1{color:#0D32B2;}
+ .d2-2269130381 .color-B2{color:#0D32B2;}
+ .d2-2269130381 .color-B3{color:#E3E9FD;}
+ .d2-2269130381 .color-B4{color:#E3E9FD;}
+ .d2-2269130381 .color-B5{color:#EDF0FD;}
+ .d2-2269130381 .color-B6{color:#F7F8FE;}
+ .d2-2269130381 .color-AA2{color:#4A6FF3;}
+ .d2-2269130381 .color-AA4{color:#EDF0FD;}
+ .d2-2269130381 .color-AA5{color:#F7F8FE;}
+ .d2-2269130381 .color-AB4{color:#EDF0FD;}
+ .d2-2269130381 .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}]]>Kubernetesopensvck8s-master1k8s-master2k8s-master3k8s-worker1k8s-worker2k8s-worker3VM1VM2 keycloakheptapodharborvault
+
diff --git a/e2etests/testdata/regression/root-container/dagre/board.exp.json b/e2etests/testdata/regression/root-container/dagre/board.exp.json
index 7b0fb8bc6..7a277be91 100644
--- a/e2etests/testdata/regression/root-container/dagre/board.exp.json
+++ b/e2etests/testdata/regression/root-container/dagre/board.exp.json
@@ -10,7 +10,7 @@
"x": 0,
"y": 41
},
- "width": 245,
+ "width": 246,
"height": 291,
"opacity": 1,
"strokeDash": 0,
@@ -174,7 +174,7 @@
"x": 266,
"y": 41
},
- "width": 245,
+ "width": 246,
"height": 291,
"opacity": 1,
"strokeDash": 0,
diff --git a/e2etests/testdata/regression/root-container/dagre/sketch.exp.svg b/e2etests/testdata/regression/root-container/dagre/sketch.exp.svg
index d6fa9d32e..d9e85df09 100644
--- a/e2etests/testdata/regression/root-container/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/root-container/dagre/sketch.exp.svg
@@ -1,16 +1,16 @@
-mainrootxyzxyz
-
+ .d2-2703766709 .fill-N1{fill:#0A0F25;}
+ .d2-2703766709 .fill-N2{fill:#676C7E;}
+ .d2-2703766709 .fill-N3{fill:#9499AB;}
+ .d2-2703766709 .fill-N4{fill:#CFD2DD;}
+ .d2-2703766709 .fill-N5{fill:#DEE1EB;}
+ .d2-2703766709 .fill-N6{fill:#EEF1F8;}
+ .d2-2703766709 .fill-N7{fill:#FFFFFF;}
+ .d2-2703766709 .fill-B1{fill:#0D32B2;}
+ .d2-2703766709 .fill-B2{fill:#0D32B2;}
+ .d2-2703766709 .fill-B3{fill:#E3E9FD;}
+ .d2-2703766709 .fill-B4{fill:#E3E9FD;}
+ .d2-2703766709 .fill-B5{fill:#EDF0FD;}
+ .d2-2703766709 .fill-B6{fill:#F7F8FE;}
+ .d2-2703766709 .fill-AA2{fill:#4A6FF3;}
+ .d2-2703766709 .fill-AA4{fill:#EDF0FD;}
+ .d2-2703766709 .fill-AA5{fill:#F7F8FE;}
+ .d2-2703766709 .fill-AB4{fill:#EDF0FD;}
+ .d2-2703766709 .fill-AB5{fill:#F7F8FE;}
+ .d2-2703766709 .stroke-N1{stroke:#0A0F25;}
+ .d2-2703766709 .stroke-N2{stroke:#676C7E;}
+ .d2-2703766709 .stroke-N3{stroke:#9499AB;}
+ .d2-2703766709 .stroke-N4{stroke:#CFD2DD;}
+ .d2-2703766709 .stroke-N5{stroke:#DEE1EB;}
+ .d2-2703766709 .stroke-N6{stroke:#EEF1F8;}
+ .d2-2703766709 .stroke-N7{stroke:#FFFFFF;}
+ .d2-2703766709 .stroke-B1{stroke:#0D32B2;}
+ .d2-2703766709 .stroke-B2{stroke:#0D32B2;}
+ .d2-2703766709 .stroke-B3{stroke:#E3E9FD;}
+ .d2-2703766709 .stroke-B4{stroke:#E3E9FD;}
+ .d2-2703766709 .stroke-B5{stroke:#EDF0FD;}
+ .d2-2703766709 .stroke-B6{stroke:#F7F8FE;}
+ .d2-2703766709 .stroke-AA2{stroke:#4A6FF3;}
+ .d2-2703766709 .stroke-AA4{stroke:#EDF0FD;}
+ .d2-2703766709 .stroke-AA5{stroke:#F7F8FE;}
+ .d2-2703766709 .stroke-AB4{stroke:#EDF0FD;}
+ .d2-2703766709 .stroke-AB5{stroke:#F7F8FE;}
+ .d2-2703766709 .background-color-N1{background-color:#0A0F25;}
+ .d2-2703766709 .background-color-N2{background-color:#676C7E;}
+ .d2-2703766709 .background-color-N3{background-color:#9499AB;}
+ .d2-2703766709 .background-color-N4{background-color:#CFD2DD;}
+ .d2-2703766709 .background-color-N5{background-color:#DEE1EB;}
+ .d2-2703766709 .background-color-N6{background-color:#EEF1F8;}
+ .d2-2703766709 .background-color-N7{background-color:#FFFFFF;}
+ .d2-2703766709 .background-color-B1{background-color:#0D32B2;}
+ .d2-2703766709 .background-color-B2{background-color:#0D32B2;}
+ .d2-2703766709 .background-color-B3{background-color:#E3E9FD;}
+ .d2-2703766709 .background-color-B4{background-color:#E3E9FD;}
+ .d2-2703766709 .background-color-B5{background-color:#EDF0FD;}
+ .d2-2703766709 .background-color-B6{background-color:#F7F8FE;}
+ .d2-2703766709 .background-color-AA2{background-color:#4A6FF3;}
+ .d2-2703766709 .background-color-AA4{background-color:#EDF0FD;}
+ .d2-2703766709 .background-color-AA5{background-color:#F7F8FE;}
+ .d2-2703766709 .background-color-AB4{background-color:#EDF0FD;}
+ .d2-2703766709 .background-color-AB5{background-color:#F7F8FE;}
+ .d2-2703766709 .color-N1{color:#0A0F25;}
+ .d2-2703766709 .color-N2{color:#676C7E;}
+ .d2-2703766709 .color-N3{color:#9499AB;}
+ .d2-2703766709 .color-N4{color:#CFD2DD;}
+ .d2-2703766709 .color-N5{color:#DEE1EB;}
+ .d2-2703766709 .color-N6{color:#EEF1F8;}
+ .d2-2703766709 .color-N7{color:#FFFFFF;}
+ .d2-2703766709 .color-B1{color:#0D32B2;}
+ .d2-2703766709 .color-B2{color:#0D32B2;}
+ .d2-2703766709 .color-B3{color:#E3E9FD;}
+ .d2-2703766709 .color-B4{color:#E3E9FD;}
+ .d2-2703766709 .color-B5{color:#EDF0FD;}
+ .d2-2703766709 .color-B6{color:#F7F8FE;}
+ .d2-2703766709 .color-AA2{color:#4A6FF3;}
+ .d2-2703766709 .color-AA4{color:#EDF0FD;}
+ .d2-2703766709 .color-AA5{color:#F7F8FE;}
+ .d2-2703766709 .color-AB4{color:#EDF0FD;}
+ .d2-2703766709 .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}]]>mainrootxyzxyz
+
\ No newline at end of file
diff --git a/e2etests/testdata/regression/unconnected/elk/board.exp.json b/e2etests/testdata/regression/unconnected/elk/board.exp.json
index 66c2a70b7..be39c6d92 100644
--- a/e2etests/testdata/regression/unconnected/elk/board.exp.json
+++ b/e2etests/testdata/regression/unconnected/elk/board.exp.json
@@ -134,7 +134,7 @@
"y": 12
},
"width": 940,
- "height": 383,
+ "height": 384,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
diff --git a/e2etests/testdata/regression/unconnected/elk/sketch.exp.svg b/e2etests/testdata/regression/unconnected/elk/sketch.exp.svg
index e178e2f13..b2ff0b86b 100644
--- a/e2etests/testdata/regression/unconnected/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/unconnected/elk/sketch.exp.svg
@@ -1,20 +1,20 @@
-OEM FactoryOEM WarehouseDistributor WarehouseGos WarehouseCustomer SiteWorkflow-I (Warehousing, Installation)MasterRegional-1Regional-2Regional-N
+OEM FactoryOEM WarehouseDistributor WarehouseGos WarehouseCustomer SiteWorkflow-I (Warehousing, Installation)MasterRegional-1Regional-2Regional-N
- Asset Tagging
- Inventory
- Staging
- Dispatch to Site
-
InstallationSupport
+
InstallationSupport
\ No newline at end of file
diff --git a/e2etests/testdata/stable/chaos2/dagre/board.exp.json b/e2etests/testdata/stable/chaos2/dagre/board.exp.json
index bd5f94bec..51d5f6c54 100644
--- a/e2etests/testdata/stable/chaos2/dagre/board.exp.json
+++ b/e2etests/testdata/stable/chaos2/dagre/board.exp.json
@@ -336,7 +336,7 @@
"x": 52,
"y": 169
},
- "width": 496,
+ "width": 497,
"height": 161,
"opacity": 1,
"strokeDash": 0,
diff --git a/e2etests/testdata/stable/chaos2/dagre/sketch.exp.svg b/e2etests/testdata/stable/chaos2/dagre/sketch.exp.svg
index 11f5a8bd9..53a1b611a 100644
--- a/e2etests/testdata/stable/chaos2/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/chaos2/dagre/sketch.exp.svg
@@ -1,23 +1,23 @@
-aabbllmmnnoocciikkddgghhjjeeff1122 334455667788
+aabbllmmnnoocciikkddgghhjjeeff1122 334455667788
diff --git a/e2etests/testdata/stable/chaos2/elk/board.exp.json b/e2etests/testdata/stable/chaos2/elk/board.exp.json
index de2519d69..f6c711b04 100644
--- a/e2etests/testdata/stable/chaos2/elk/board.exp.json
+++ b/e2etests/testdata/stable/chaos2/elk/board.exp.json
@@ -10,7 +10,7 @@
"x": 12,
"y": 12
},
- "width": 719,
+ "width": 720,
"height": 1946,
"opacity": 1,
"strokeDash": 0,
diff --git a/e2etests/testdata/stable/chaos2/elk/sketch.exp.svg b/e2etests/testdata/stable/chaos2/elk/sketch.exp.svg
index 1b854593b..15c582b48 100644
--- a/e2etests/testdata/stable/chaos2/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/chaos2/elk/sketch.exp.svg
@@ -1,23 +1,23 @@
-aabbllmmnnoocciikkddgghhjjeeff1122 334455667788
-
+aabbllmmnnoocciikkddgghhjjeeff1122 334455667788
+
diff --git a/e2etests/testdata/stable/container_edges/dagre/board.exp.json b/e2etests/testdata/stable/container_edges/dagre/board.exp.json
index 0812e00eb..186672dc6 100644
--- a/e2etests/testdata/stable/container_edges/dagre/board.exp.json
+++ b/e2etests/testdata/stable/container_edges/dagre/board.exp.json
@@ -51,7 +51,7 @@
"x": 193,
"y": 207
},
- "width": 176,
+ "width": 177,
"height": 657,
"opacity": 1,
"strokeDash": 0,
diff --git a/e2etests/testdata/stable/container_edges/dagre/sketch.exp.svg b/e2etests/testdata/stable/container_edges/dagre/sketch.exp.svg
index 28779fd8e..8b6200482 100644
--- a/e2etests/testdata/stable/container_edges/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/container_edges/dagre/sketch.exp.svg
@@ -1,16 +1,16 @@
-agdfbhec
-
+ .d2-3327970682 .fill-N1{fill:#0A0F25;}
+ .d2-3327970682 .fill-N2{fill:#676C7E;}
+ .d2-3327970682 .fill-N3{fill:#9499AB;}
+ .d2-3327970682 .fill-N4{fill:#CFD2DD;}
+ .d2-3327970682 .fill-N5{fill:#DEE1EB;}
+ .d2-3327970682 .fill-N6{fill:#EEF1F8;}
+ .d2-3327970682 .fill-N7{fill:#FFFFFF;}
+ .d2-3327970682 .fill-B1{fill:#0D32B2;}
+ .d2-3327970682 .fill-B2{fill:#0D32B2;}
+ .d2-3327970682 .fill-B3{fill:#E3E9FD;}
+ .d2-3327970682 .fill-B4{fill:#E3E9FD;}
+ .d2-3327970682 .fill-B5{fill:#EDF0FD;}
+ .d2-3327970682 .fill-B6{fill:#F7F8FE;}
+ .d2-3327970682 .fill-AA2{fill:#4A6FF3;}
+ .d2-3327970682 .fill-AA4{fill:#EDF0FD;}
+ .d2-3327970682 .fill-AA5{fill:#F7F8FE;}
+ .d2-3327970682 .fill-AB4{fill:#EDF0FD;}
+ .d2-3327970682 .fill-AB5{fill:#F7F8FE;}
+ .d2-3327970682 .stroke-N1{stroke:#0A0F25;}
+ .d2-3327970682 .stroke-N2{stroke:#676C7E;}
+ .d2-3327970682 .stroke-N3{stroke:#9499AB;}
+ .d2-3327970682 .stroke-N4{stroke:#CFD2DD;}
+ .d2-3327970682 .stroke-N5{stroke:#DEE1EB;}
+ .d2-3327970682 .stroke-N6{stroke:#EEF1F8;}
+ .d2-3327970682 .stroke-N7{stroke:#FFFFFF;}
+ .d2-3327970682 .stroke-B1{stroke:#0D32B2;}
+ .d2-3327970682 .stroke-B2{stroke:#0D32B2;}
+ .d2-3327970682 .stroke-B3{stroke:#E3E9FD;}
+ .d2-3327970682 .stroke-B4{stroke:#E3E9FD;}
+ .d2-3327970682 .stroke-B5{stroke:#EDF0FD;}
+ .d2-3327970682 .stroke-B6{stroke:#F7F8FE;}
+ .d2-3327970682 .stroke-AA2{stroke:#4A6FF3;}
+ .d2-3327970682 .stroke-AA4{stroke:#EDF0FD;}
+ .d2-3327970682 .stroke-AA5{stroke:#F7F8FE;}
+ .d2-3327970682 .stroke-AB4{stroke:#EDF0FD;}
+ .d2-3327970682 .stroke-AB5{stroke:#F7F8FE;}
+ .d2-3327970682 .background-color-N1{background-color:#0A0F25;}
+ .d2-3327970682 .background-color-N2{background-color:#676C7E;}
+ .d2-3327970682 .background-color-N3{background-color:#9499AB;}
+ .d2-3327970682 .background-color-N4{background-color:#CFD2DD;}
+ .d2-3327970682 .background-color-N5{background-color:#DEE1EB;}
+ .d2-3327970682 .background-color-N6{background-color:#EEF1F8;}
+ .d2-3327970682 .background-color-N7{background-color:#FFFFFF;}
+ .d2-3327970682 .background-color-B1{background-color:#0D32B2;}
+ .d2-3327970682 .background-color-B2{background-color:#0D32B2;}
+ .d2-3327970682 .background-color-B3{background-color:#E3E9FD;}
+ .d2-3327970682 .background-color-B4{background-color:#E3E9FD;}
+ .d2-3327970682 .background-color-B5{background-color:#EDF0FD;}
+ .d2-3327970682 .background-color-B6{background-color:#F7F8FE;}
+ .d2-3327970682 .background-color-AA2{background-color:#4A6FF3;}
+ .d2-3327970682 .background-color-AA4{background-color:#EDF0FD;}
+ .d2-3327970682 .background-color-AA5{background-color:#F7F8FE;}
+ .d2-3327970682 .background-color-AB4{background-color:#EDF0FD;}
+ .d2-3327970682 .background-color-AB5{background-color:#F7F8FE;}
+ .d2-3327970682 .color-N1{color:#0A0F25;}
+ .d2-3327970682 .color-N2{color:#676C7E;}
+ .d2-3327970682 .color-N3{color:#9499AB;}
+ .d2-3327970682 .color-N4{color:#CFD2DD;}
+ .d2-3327970682 .color-N5{color:#DEE1EB;}
+ .d2-3327970682 .color-N6{color:#EEF1F8;}
+ .d2-3327970682 .color-N7{color:#FFFFFF;}
+ .d2-3327970682 .color-B1{color:#0D32B2;}
+ .d2-3327970682 .color-B2{color:#0D32B2;}
+ .d2-3327970682 .color-B3{color:#E3E9FD;}
+ .d2-3327970682 .color-B4{color:#E3E9FD;}
+ .d2-3327970682 .color-B5{color:#EDF0FD;}
+ .d2-3327970682 .color-B6{color:#F7F8FE;}
+ .d2-3327970682 .color-AA2{color:#4A6FF3;}
+ .d2-3327970682 .color-AA4{color:#EDF0FD;}
+ .d2-3327970682 .color-AA5{color:#F7F8FE;}
+ .d2-3327970682 .color-AB4{color:#EDF0FD;}
+ .d2-3327970682 .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}]]>agdfbhec
+
\ No newline at end of file
diff --git a/e2etests/testdata/stable/different_subgraphs/dagre/board.exp.json b/e2etests/testdata/stable/different_subgraphs/dagre/board.exp.json
index d395c3333..6fd0f433d 100644
--- a/e2etests/testdata/stable/different_subgraphs/dagre/board.exp.json
+++ b/e2etests/testdata/stable/different_subgraphs/dagre/board.exp.json
@@ -502,7 +502,7 @@
"x": 863,
"y": 41
},
- "width": 311,
+ "width": 312,
"height": 623,
"opacity": 1,
"strokeDash": 0,
diff --git a/e2etests/testdata/stable/different_subgraphs/dagre/sketch.exp.svg b/e2etests/testdata/stable/different_subgraphs/dagre/sketch.exp.svg
index be498670b..360a468de 100644
--- a/e2etests/testdata/stable/different_subgraphs/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/different_subgraphs/dagre/sketch.exp.svg
@@ -1,16 +1,16 @@
-atreeandnodessomemoremanythenhereyouhavehierarchyfinallyanotherofnestingtreesatreeinsidehierarchyroot
+ .d2-4031819622 .fill-N1{fill:#0A0F25;}
+ .d2-4031819622 .fill-N2{fill:#676C7E;}
+ .d2-4031819622 .fill-N3{fill:#9499AB;}
+ .d2-4031819622 .fill-N4{fill:#CFD2DD;}
+ .d2-4031819622 .fill-N5{fill:#DEE1EB;}
+ .d2-4031819622 .fill-N6{fill:#EEF1F8;}
+ .d2-4031819622 .fill-N7{fill:#FFFFFF;}
+ .d2-4031819622 .fill-B1{fill:#0D32B2;}
+ .d2-4031819622 .fill-B2{fill:#0D32B2;}
+ .d2-4031819622 .fill-B3{fill:#E3E9FD;}
+ .d2-4031819622 .fill-B4{fill:#E3E9FD;}
+ .d2-4031819622 .fill-B5{fill:#EDF0FD;}
+ .d2-4031819622 .fill-B6{fill:#F7F8FE;}
+ .d2-4031819622 .fill-AA2{fill:#4A6FF3;}
+ .d2-4031819622 .fill-AA4{fill:#EDF0FD;}
+ .d2-4031819622 .fill-AA5{fill:#F7F8FE;}
+ .d2-4031819622 .fill-AB4{fill:#EDF0FD;}
+ .d2-4031819622 .fill-AB5{fill:#F7F8FE;}
+ .d2-4031819622 .stroke-N1{stroke:#0A0F25;}
+ .d2-4031819622 .stroke-N2{stroke:#676C7E;}
+ .d2-4031819622 .stroke-N3{stroke:#9499AB;}
+ .d2-4031819622 .stroke-N4{stroke:#CFD2DD;}
+ .d2-4031819622 .stroke-N5{stroke:#DEE1EB;}
+ .d2-4031819622 .stroke-N6{stroke:#EEF1F8;}
+ .d2-4031819622 .stroke-N7{stroke:#FFFFFF;}
+ .d2-4031819622 .stroke-B1{stroke:#0D32B2;}
+ .d2-4031819622 .stroke-B2{stroke:#0D32B2;}
+ .d2-4031819622 .stroke-B3{stroke:#E3E9FD;}
+ .d2-4031819622 .stroke-B4{stroke:#E3E9FD;}
+ .d2-4031819622 .stroke-B5{stroke:#EDF0FD;}
+ .d2-4031819622 .stroke-B6{stroke:#F7F8FE;}
+ .d2-4031819622 .stroke-AA2{stroke:#4A6FF3;}
+ .d2-4031819622 .stroke-AA4{stroke:#EDF0FD;}
+ .d2-4031819622 .stroke-AA5{stroke:#F7F8FE;}
+ .d2-4031819622 .stroke-AB4{stroke:#EDF0FD;}
+ .d2-4031819622 .stroke-AB5{stroke:#F7F8FE;}
+ .d2-4031819622 .background-color-N1{background-color:#0A0F25;}
+ .d2-4031819622 .background-color-N2{background-color:#676C7E;}
+ .d2-4031819622 .background-color-N3{background-color:#9499AB;}
+ .d2-4031819622 .background-color-N4{background-color:#CFD2DD;}
+ .d2-4031819622 .background-color-N5{background-color:#DEE1EB;}
+ .d2-4031819622 .background-color-N6{background-color:#EEF1F8;}
+ .d2-4031819622 .background-color-N7{background-color:#FFFFFF;}
+ .d2-4031819622 .background-color-B1{background-color:#0D32B2;}
+ .d2-4031819622 .background-color-B2{background-color:#0D32B2;}
+ .d2-4031819622 .background-color-B3{background-color:#E3E9FD;}
+ .d2-4031819622 .background-color-B4{background-color:#E3E9FD;}
+ .d2-4031819622 .background-color-B5{background-color:#EDF0FD;}
+ .d2-4031819622 .background-color-B6{background-color:#F7F8FE;}
+ .d2-4031819622 .background-color-AA2{background-color:#4A6FF3;}
+ .d2-4031819622 .background-color-AA4{background-color:#EDF0FD;}
+ .d2-4031819622 .background-color-AA5{background-color:#F7F8FE;}
+ .d2-4031819622 .background-color-AB4{background-color:#EDF0FD;}
+ .d2-4031819622 .background-color-AB5{background-color:#F7F8FE;}
+ .d2-4031819622 .color-N1{color:#0A0F25;}
+ .d2-4031819622 .color-N2{color:#676C7E;}
+ .d2-4031819622 .color-N3{color:#9499AB;}
+ .d2-4031819622 .color-N4{color:#CFD2DD;}
+ .d2-4031819622 .color-N5{color:#DEE1EB;}
+ .d2-4031819622 .color-N6{color:#EEF1F8;}
+ .d2-4031819622 .color-N7{color:#FFFFFF;}
+ .d2-4031819622 .color-B1{color:#0D32B2;}
+ .d2-4031819622 .color-B2{color:#0D32B2;}
+ .d2-4031819622 .color-B3{color:#E3E9FD;}
+ .d2-4031819622 .color-B4{color:#E3E9FD;}
+ .d2-4031819622 .color-B5{color:#EDF0FD;}
+ .d2-4031819622 .color-B6{color:#F7F8FE;}
+ .d2-4031819622 .color-AA2{color:#4A6FF3;}
+ .d2-4031819622 .color-AA4{color:#EDF0FD;}
+ .d2-4031819622 .color-AA5{color:#F7F8FE;}
+ .d2-4031819622 .color-AB4{color:#EDF0FD;}
+ .d2-4031819622 .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}]]>atreeandnodessomemoremanythenhereyouhavehierarchyfinallyanotherofnestingtreesatreeinsidehierarchyroot
\ No newline at end of file
diff --git a/e2etests/testdata/stable/different_subgraphs/elk/board.exp.json b/e2etests/testdata/stable/different_subgraphs/elk/board.exp.json
index b281cb39a..0256134d0 100644
--- a/e2etests/testdata/stable/different_subgraphs/elk/board.exp.json
+++ b/e2etests/testdata/stable/different_subgraphs/elk/board.exp.json
@@ -502,7 +502,7 @@
"x": 652,
"y": 12
},
- "width": 288,
+ "width": 289,
"height": 584,
"opacity": 1,
"strokeDash": 0,
diff --git a/e2etests/testdata/stable/different_subgraphs/elk/sketch.exp.svg b/e2etests/testdata/stable/different_subgraphs/elk/sketch.exp.svg
index 61d72204d..b6cafa1d1 100644
--- a/e2etests/testdata/stable/different_subgraphs/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/different_subgraphs/elk/sketch.exp.svg
@@ -1,16 +1,16 @@
-atreeandnodessomemoremanythenhereyouhavehierarchyfinallyanotherofnestingtreesatreeinsidehierarchyroot
+ .d2-1676162089 .fill-N1{fill:#0A0F25;}
+ .d2-1676162089 .fill-N2{fill:#676C7E;}
+ .d2-1676162089 .fill-N3{fill:#9499AB;}
+ .d2-1676162089 .fill-N4{fill:#CFD2DD;}
+ .d2-1676162089 .fill-N5{fill:#DEE1EB;}
+ .d2-1676162089 .fill-N6{fill:#EEF1F8;}
+ .d2-1676162089 .fill-N7{fill:#FFFFFF;}
+ .d2-1676162089 .fill-B1{fill:#0D32B2;}
+ .d2-1676162089 .fill-B2{fill:#0D32B2;}
+ .d2-1676162089 .fill-B3{fill:#E3E9FD;}
+ .d2-1676162089 .fill-B4{fill:#E3E9FD;}
+ .d2-1676162089 .fill-B5{fill:#EDF0FD;}
+ .d2-1676162089 .fill-B6{fill:#F7F8FE;}
+ .d2-1676162089 .fill-AA2{fill:#4A6FF3;}
+ .d2-1676162089 .fill-AA4{fill:#EDF0FD;}
+ .d2-1676162089 .fill-AA5{fill:#F7F8FE;}
+ .d2-1676162089 .fill-AB4{fill:#EDF0FD;}
+ .d2-1676162089 .fill-AB5{fill:#F7F8FE;}
+ .d2-1676162089 .stroke-N1{stroke:#0A0F25;}
+ .d2-1676162089 .stroke-N2{stroke:#676C7E;}
+ .d2-1676162089 .stroke-N3{stroke:#9499AB;}
+ .d2-1676162089 .stroke-N4{stroke:#CFD2DD;}
+ .d2-1676162089 .stroke-N5{stroke:#DEE1EB;}
+ .d2-1676162089 .stroke-N6{stroke:#EEF1F8;}
+ .d2-1676162089 .stroke-N7{stroke:#FFFFFF;}
+ .d2-1676162089 .stroke-B1{stroke:#0D32B2;}
+ .d2-1676162089 .stroke-B2{stroke:#0D32B2;}
+ .d2-1676162089 .stroke-B3{stroke:#E3E9FD;}
+ .d2-1676162089 .stroke-B4{stroke:#E3E9FD;}
+ .d2-1676162089 .stroke-B5{stroke:#EDF0FD;}
+ .d2-1676162089 .stroke-B6{stroke:#F7F8FE;}
+ .d2-1676162089 .stroke-AA2{stroke:#4A6FF3;}
+ .d2-1676162089 .stroke-AA4{stroke:#EDF0FD;}
+ .d2-1676162089 .stroke-AA5{stroke:#F7F8FE;}
+ .d2-1676162089 .stroke-AB4{stroke:#EDF0FD;}
+ .d2-1676162089 .stroke-AB5{stroke:#F7F8FE;}
+ .d2-1676162089 .background-color-N1{background-color:#0A0F25;}
+ .d2-1676162089 .background-color-N2{background-color:#676C7E;}
+ .d2-1676162089 .background-color-N3{background-color:#9499AB;}
+ .d2-1676162089 .background-color-N4{background-color:#CFD2DD;}
+ .d2-1676162089 .background-color-N5{background-color:#DEE1EB;}
+ .d2-1676162089 .background-color-N6{background-color:#EEF1F8;}
+ .d2-1676162089 .background-color-N7{background-color:#FFFFFF;}
+ .d2-1676162089 .background-color-B1{background-color:#0D32B2;}
+ .d2-1676162089 .background-color-B2{background-color:#0D32B2;}
+ .d2-1676162089 .background-color-B3{background-color:#E3E9FD;}
+ .d2-1676162089 .background-color-B4{background-color:#E3E9FD;}
+ .d2-1676162089 .background-color-B5{background-color:#EDF0FD;}
+ .d2-1676162089 .background-color-B6{background-color:#F7F8FE;}
+ .d2-1676162089 .background-color-AA2{background-color:#4A6FF3;}
+ .d2-1676162089 .background-color-AA4{background-color:#EDF0FD;}
+ .d2-1676162089 .background-color-AA5{background-color:#F7F8FE;}
+ .d2-1676162089 .background-color-AB4{background-color:#EDF0FD;}
+ .d2-1676162089 .background-color-AB5{background-color:#F7F8FE;}
+ .d2-1676162089 .color-N1{color:#0A0F25;}
+ .d2-1676162089 .color-N2{color:#676C7E;}
+ .d2-1676162089 .color-N3{color:#9499AB;}
+ .d2-1676162089 .color-N4{color:#CFD2DD;}
+ .d2-1676162089 .color-N5{color:#DEE1EB;}
+ .d2-1676162089 .color-N6{color:#EEF1F8;}
+ .d2-1676162089 .color-N7{color:#FFFFFF;}
+ .d2-1676162089 .color-B1{color:#0D32B2;}
+ .d2-1676162089 .color-B2{color:#0D32B2;}
+ .d2-1676162089 .color-B3{color:#E3E9FD;}
+ .d2-1676162089 .color-B4{color:#E3E9FD;}
+ .d2-1676162089 .color-B5{color:#EDF0FD;}
+ .d2-1676162089 .color-B6{color:#F7F8FE;}
+ .d2-1676162089 .color-AA2{color:#4A6FF3;}
+ .d2-1676162089 .color-AA4{color:#EDF0FD;}
+ .d2-1676162089 .color-AA5{color:#F7F8FE;}
+ .d2-1676162089 .color-AB4{color:#EDF0FD;}
+ .d2-1676162089 .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}]]>atreeandnodessomemoremanythenhereyouhavehierarchyfinallyanotherofnestingtreesatreeinsidehierarchyroot
\ No newline at end of file
diff --git a/e2etests/testdata/stable/elk_shim/dagre/board.exp.json b/e2etests/testdata/stable/elk_shim/dagre/board.exp.json
index 9293f0609..ca89deedb 100644
--- a/e2etests/testdata/stable/elk_shim/dagre/board.exp.json
+++ b/e2etests/testdata/stable/elk_shim/dagre/board.exp.json
@@ -10,7 +10,7 @@
"x": 0,
"y": 275
},
- "width": 417,
+ "width": 418,
"height": 1245,
"opacity": 1,
"strokeDash": 0,
@@ -51,7 +51,7 @@
"x": 95,
"y": 340
},
- "width": 302,
+ "width": 303,
"height": 317,
"opacity": 1,
"strokeDash": 0,
@@ -174,7 +174,7 @@
"x": 20,
"y": 1329
},
- "width": 143,
+ "width": 144,
"height": 161,
"opacity": 1,
"strokeDash": 0,
diff --git a/e2etests/testdata/stable/elk_shim/dagre/sketch.exp.svg b/e2etests/testdata/stable/elk_shim/dagre/sketch.exp.svg
index b56fa3269..4c905f132 100644
--- a/e2etests/testdata/stable/elk_shim/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/elk_shim/dagre/sketch.exp.svg
@@ -1,23 +1,23 @@
-networkuserapi serverlogscell towerONLINE PORTALLLLdata processorsatellitestransmitteruistorage sendsendsendphone logsmake call accessdisplaypersist
+ .d2-2594873027 .fill-N1{fill:#0A0F25;}
+ .d2-2594873027 .fill-N2{fill:#676C7E;}
+ .d2-2594873027 .fill-N3{fill:#9499AB;}
+ .d2-2594873027 .fill-N4{fill:#CFD2DD;}
+ .d2-2594873027 .fill-N5{fill:#DEE1EB;}
+ .d2-2594873027 .fill-N6{fill:#EEF1F8;}
+ .d2-2594873027 .fill-N7{fill:#FFFFFF;}
+ .d2-2594873027 .fill-B1{fill:#0D32B2;}
+ .d2-2594873027 .fill-B2{fill:#0D32B2;}
+ .d2-2594873027 .fill-B3{fill:#E3E9FD;}
+ .d2-2594873027 .fill-B4{fill:#E3E9FD;}
+ .d2-2594873027 .fill-B5{fill:#EDF0FD;}
+ .d2-2594873027 .fill-B6{fill:#F7F8FE;}
+ .d2-2594873027 .fill-AA2{fill:#4A6FF3;}
+ .d2-2594873027 .fill-AA4{fill:#EDF0FD;}
+ .d2-2594873027 .fill-AA5{fill:#F7F8FE;}
+ .d2-2594873027 .fill-AB4{fill:#EDF0FD;}
+ .d2-2594873027 .fill-AB5{fill:#F7F8FE;}
+ .d2-2594873027 .stroke-N1{stroke:#0A0F25;}
+ .d2-2594873027 .stroke-N2{stroke:#676C7E;}
+ .d2-2594873027 .stroke-N3{stroke:#9499AB;}
+ .d2-2594873027 .stroke-N4{stroke:#CFD2DD;}
+ .d2-2594873027 .stroke-N5{stroke:#DEE1EB;}
+ .d2-2594873027 .stroke-N6{stroke:#EEF1F8;}
+ .d2-2594873027 .stroke-N7{stroke:#FFFFFF;}
+ .d2-2594873027 .stroke-B1{stroke:#0D32B2;}
+ .d2-2594873027 .stroke-B2{stroke:#0D32B2;}
+ .d2-2594873027 .stroke-B3{stroke:#E3E9FD;}
+ .d2-2594873027 .stroke-B4{stroke:#E3E9FD;}
+ .d2-2594873027 .stroke-B5{stroke:#EDF0FD;}
+ .d2-2594873027 .stroke-B6{stroke:#F7F8FE;}
+ .d2-2594873027 .stroke-AA2{stroke:#4A6FF3;}
+ .d2-2594873027 .stroke-AA4{stroke:#EDF0FD;}
+ .d2-2594873027 .stroke-AA5{stroke:#F7F8FE;}
+ .d2-2594873027 .stroke-AB4{stroke:#EDF0FD;}
+ .d2-2594873027 .stroke-AB5{stroke:#F7F8FE;}
+ .d2-2594873027 .background-color-N1{background-color:#0A0F25;}
+ .d2-2594873027 .background-color-N2{background-color:#676C7E;}
+ .d2-2594873027 .background-color-N3{background-color:#9499AB;}
+ .d2-2594873027 .background-color-N4{background-color:#CFD2DD;}
+ .d2-2594873027 .background-color-N5{background-color:#DEE1EB;}
+ .d2-2594873027 .background-color-N6{background-color:#EEF1F8;}
+ .d2-2594873027 .background-color-N7{background-color:#FFFFFF;}
+ .d2-2594873027 .background-color-B1{background-color:#0D32B2;}
+ .d2-2594873027 .background-color-B2{background-color:#0D32B2;}
+ .d2-2594873027 .background-color-B3{background-color:#E3E9FD;}
+ .d2-2594873027 .background-color-B4{background-color:#E3E9FD;}
+ .d2-2594873027 .background-color-B5{background-color:#EDF0FD;}
+ .d2-2594873027 .background-color-B6{background-color:#F7F8FE;}
+ .d2-2594873027 .background-color-AA2{background-color:#4A6FF3;}
+ .d2-2594873027 .background-color-AA4{background-color:#EDF0FD;}
+ .d2-2594873027 .background-color-AA5{background-color:#F7F8FE;}
+ .d2-2594873027 .background-color-AB4{background-color:#EDF0FD;}
+ .d2-2594873027 .background-color-AB5{background-color:#F7F8FE;}
+ .d2-2594873027 .color-N1{color:#0A0F25;}
+ .d2-2594873027 .color-N2{color:#676C7E;}
+ .d2-2594873027 .color-N3{color:#9499AB;}
+ .d2-2594873027 .color-N4{color:#CFD2DD;}
+ .d2-2594873027 .color-N5{color:#DEE1EB;}
+ .d2-2594873027 .color-N6{color:#EEF1F8;}
+ .d2-2594873027 .color-N7{color:#FFFFFF;}
+ .d2-2594873027 .color-B1{color:#0D32B2;}
+ .d2-2594873027 .color-B2{color:#0D32B2;}
+ .d2-2594873027 .color-B3{color:#E3E9FD;}
+ .d2-2594873027 .color-B4{color:#E3E9FD;}
+ .d2-2594873027 .color-B5{color:#EDF0FD;}
+ .d2-2594873027 .color-B6{color:#F7F8FE;}
+ .d2-2594873027 .color-AA2{color:#4A6FF3;}
+ .d2-2594873027 .color-AA4{color:#EDF0FD;}
+ .d2-2594873027 .color-AA5{color:#F7F8FE;}
+ .d2-2594873027 .color-AB4{color:#EDF0FD;}
+ .d2-2594873027 .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}]]>networkuserapi serverlogscell towerONLINE PORTALLLLdata processorsatellitestransmitteruistorage sendsendsendphone logsmake call accessdisplaypersist
diff --git a/e2etests/testdata/stable/investigate/dagre/board.exp.json b/e2etests/testdata/stable/investigate/dagre/board.exp.json
index b4eae59be..a7fde78ea 100644
--- a/e2etests/testdata/stable/investigate/dagre/board.exp.json
+++ b/e2etests/testdata/stable/investigate/dagre/board.exp.json
@@ -133,7 +133,7 @@
"x": 9,
"y": 686
},
- "width": 370,
+ "width": 371,
"height": 151,
"opacity": 1,
"strokeDash": 0,
@@ -215,7 +215,7 @@
"x": 0,
"y": 1936
},
- "width": 384,
+ "width": 385,
"height": 332,
"opacity": 1,
"strokeDash": 0,
@@ -461,7 +461,7 @@
"x": 0,
"y": 2409
},
- "width": 352,
+ "width": 353,
"height": 306,
"opacity": 1,
"strokeDash": 0,
@@ -1088,7 +1088,7 @@
"x": 261,
"y": 2856
},
- "width": 260,
+ "width": 261,
"height": 364,
"opacity": 1,
"strokeDash": 0,
diff --git a/e2etests/testdata/stable/investigate/dagre/sketch.exp.svg b/e2etests/testdata/stable/investigate/dagre/sketch.exp.svg
index 5b23fb77a..ef7655788 100644
--- a/e2etests/testdata/stable/investigate/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/investigate/dagre/sketch.exp.svg
@@ -1,23 +1,23 @@
-aabbccddffiijjkkllnnssuuwwrmyyadeegghhmmmmooppqqrrttvvxxzzabac 123456
+ .d2-890588819 .fill-N1{fill:#0A0F25;}
+ .d2-890588819 .fill-N2{fill:#676C7E;}
+ .d2-890588819 .fill-N3{fill:#9499AB;}
+ .d2-890588819 .fill-N4{fill:#CFD2DD;}
+ .d2-890588819 .fill-N5{fill:#DEE1EB;}
+ .d2-890588819 .fill-N6{fill:#EEF1F8;}
+ .d2-890588819 .fill-N7{fill:#FFFFFF;}
+ .d2-890588819 .fill-B1{fill:#0D32B2;}
+ .d2-890588819 .fill-B2{fill:#0D32B2;}
+ .d2-890588819 .fill-B3{fill:#E3E9FD;}
+ .d2-890588819 .fill-B4{fill:#E3E9FD;}
+ .d2-890588819 .fill-B5{fill:#EDF0FD;}
+ .d2-890588819 .fill-B6{fill:#F7F8FE;}
+ .d2-890588819 .fill-AA2{fill:#4A6FF3;}
+ .d2-890588819 .fill-AA4{fill:#EDF0FD;}
+ .d2-890588819 .fill-AA5{fill:#F7F8FE;}
+ .d2-890588819 .fill-AB4{fill:#EDF0FD;}
+ .d2-890588819 .fill-AB5{fill:#F7F8FE;}
+ .d2-890588819 .stroke-N1{stroke:#0A0F25;}
+ .d2-890588819 .stroke-N2{stroke:#676C7E;}
+ .d2-890588819 .stroke-N3{stroke:#9499AB;}
+ .d2-890588819 .stroke-N4{stroke:#CFD2DD;}
+ .d2-890588819 .stroke-N5{stroke:#DEE1EB;}
+ .d2-890588819 .stroke-N6{stroke:#EEF1F8;}
+ .d2-890588819 .stroke-N7{stroke:#FFFFFF;}
+ .d2-890588819 .stroke-B1{stroke:#0D32B2;}
+ .d2-890588819 .stroke-B2{stroke:#0D32B2;}
+ .d2-890588819 .stroke-B3{stroke:#E3E9FD;}
+ .d2-890588819 .stroke-B4{stroke:#E3E9FD;}
+ .d2-890588819 .stroke-B5{stroke:#EDF0FD;}
+ .d2-890588819 .stroke-B6{stroke:#F7F8FE;}
+ .d2-890588819 .stroke-AA2{stroke:#4A6FF3;}
+ .d2-890588819 .stroke-AA4{stroke:#EDF0FD;}
+ .d2-890588819 .stroke-AA5{stroke:#F7F8FE;}
+ .d2-890588819 .stroke-AB4{stroke:#EDF0FD;}
+ .d2-890588819 .stroke-AB5{stroke:#F7F8FE;}
+ .d2-890588819 .background-color-N1{background-color:#0A0F25;}
+ .d2-890588819 .background-color-N2{background-color:#676C7E;}
+ .d2-890588819 .background-color-N3{background-color:#9499AB;}
+ .d2-890588819 .background-color-N4{background-color:#CFD2DD;}
+ .d2-890588819 .background-color-N5{background-color:#DEE1EB;}
+ .d2-890588819 .background-color-N6{background-color:#EEF1F8;}
+ .d2-890588819 .background-color-N7{background-color:#FFFFFF;}
+ .d2-890588819 .background-color-B1{background-color:#0D32B2;}
+ .d2-890588819 .background-color-B2{background-color:#0D32B2;}
+ .d2-890588819 .background-color-B3{background-color:#E3E9FD;}
+ .d2-890588819 .background-color-B4{background-color:#E3E9FD;}
+ .d2-890588819 .background-color-B5{background-color:#EDF0FD;}
+ .d2-890588819 .background-color-B6{background-color:#F7F8FE;}
+ .d2-890588819 .background-color-AA2{background-color:#4A6FF3;}
+ .d2-890588819 .background-color-AA4{background-color:#EDF0FD;}
+ .d2-890588819 .background-color-AA5{background-color:#F7F8FE;}
+ .d2-890588819 .background-color-AB4{background-color:#EDF0FD;}
+ .d2-890588819 .background-color-AB5{background-color:#F7F8FE;}
+ .d2-890588819 .color-N1{color:#0A0F25;}
+ .d2-890588819 .color-N2{color:#676C7E;}
+ .d2-890588819 .color-N3{color:#9499AB;}
+ .d2-890588819 .color-N4{color:#CFD2DD;}
+ .d2-890588819 .color-N5{color:#DEE1EB;}
+ .d2-890588819 .color-N6{color:#EEF1F8;}
+ .d2-890588819 .color-N7{color:#FFFFFF;}
+ .d2-890588819 .color-B1{color:#0D32B2;}
+ .d2-890588819 .color-B2{color:#0D32B2;}
+ .d2-890588819 .color-B3{color:#E3E9FD;}
+ .d2-890588819 .color-B4{color:#E3E9FD;}
+ .d2-890588819 .color-B5{color:#EDF0FD;}
+ .d2-890588819 .color-B6{color:#F7F8FE;}
+ .d2-890588819 .color-AA2{color:#4A6FF3;}
+ .d2-890588819 .color-AA4{color:#EDF0FD;}
+ .d2-890588819 .color-AA5{color:#F7F8FE;}
+ .d2-890588819 .color-AB4{color:#EDF0FD;}
+ .d2-890588819 .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}]]>aabbccddffiijjkkllnnssuuwwrmyyadeegghhmmmmooppqqrrttvvxxzzabac 123456
diff --git a/e2etests/testdata/stable/large_arch/dagre/board.exp.json b/e2etests/testdata/stable/large_arch/dagre/board.exp.json
index a50f34698..cd06318bf 100644
--- a/e2etests/testdata/stable/large_arch/dagre/board.exp.json
+++ b/e2etests/testdata/stable/large_arch/dagre/board.exp.json
@@ -338,7 +338,7 @@
"x": 1427,
"y": 407
},
- "width": 475,
+ "width": 476,
"height": 541,
"opacity": 1,
"strokeDash": 0,
@@ -379,7 +379,7 @@
"x": 1449,
"y": 472
},
- "width": 348,
+ "width": 349,
"height": 130,
"opacity": 1,
"strokeDash": 0,
@@ -707,7 +707,7 @@
"x": 206,
"y": 41
},
- "width": 1201,
+ "width": 1202,
"height": 591,
"opacity": 1,
"strokeDash": 0,
@@ -748,7 +748,7 @@
"x": 471,
"y": 106
},
- "width": 402,
+ "width": 403,
"height": 496,
"opacity": 1,
"strokeDash": 0,
diff --git a/e2etests/testdata/stable/large_arch/dagre/sketch.exp.svg b/e2etests/testdata/stable/large_arch/dagre/sketch.exp.svg
index 1e4444efe..e69393405 100644
--- a/e2etests/testdata/stable/large_arch/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/large_arch/dagre/sketch.exp.svg
@@ -1,16 +1,16 @@
-abcdefghiqrjmnoszaabbeeffggklptuwxyccddv
-
+ .d2-4288919374 .fill-N1{fill:#0A0F25;}
+ .d2-4288919374 .fill-N2{fill:#676C7E;}
+ .d2-4288919374 .fill-N3{fill:#9499AB;}
+ .d2-4288919374 .fill-N4{fill:#CFD2DD;}
+ .d2-4288919374 .fill-N5{fill:#DEE1EB;}
+ .d2-4288919374 .fill-N6{fill:#EEF1F8;}
+ .d2-4288919374 .fill-N7{fill:#FFFFFF;}
+ .d2-4288919374 .fill-B1{fill:#0D32B2;}
+ .d2-4288919374 .fill-B2{fill:#0D32B2;}
+ .d2-4288919374 .fill-B3{fill:#E3E9FD;}
+ .d2-4288919374 .fill-B4{fill:#E3E9FD;}
+ .d2-4288919374 .fill-B5{fill:#EDF0FD;}
+ .d2-4288919374 .fill-B6{fill:#F7F8FE;}
+ .d2-4288919374 .fill-AA2{fill:#4A6FF3;}
+ .d2-4288919374 .fill-AA4{fill:#EDF0FD;}
+ .d2-4288919374 .fill-AA5{fill:#F7F8FE;}
+ .d2-4288919374 .fill-AB4{fill:#EDF0FD;}
+ .d2-4288919374 .fill-AB5{fill:#F7F8FE;}
+ .d2-4288919374 .stroke-N1{stroke:#0A0F25;}
+ .d2-4288919374 .stroke-N2{stroke:#676C7E;}
+ .d2-4288919374 .stroke-N3{stroke:#9499AB;}
+ .d2-4288919374 .stroke-N4{stroke:#CFD2DD;}
+ .d2-4288919374 .stroke-N5{stroke:#DEE1EB;}
+ .d2-4288919374 .stroke-N6{stroke:#EEF1F8;}
+ .d2-4288919374 .stroke-N7{stroke:#FFFFFF;}
+ .d2-4288919374 .stroke-B1{stroke:#0D32B2;}
+ .d2-4288919374 .stroke-B2{stroke:#0D32B2;}
+ .d2-4288919374 .stroke-B3{stroke:#E3E9FD;}
+ .d2-4288919374 .stroke-B4{stroke:#E3E9FD;}
+ .d2-4288919374 .stroke-B5{stroke:#EDF0FD;}
+ .d2-4288919374 .stroke-B6{stroke:#F7F8FE;}
+ .d2-4288919374 .stroke-AA2{stroke:#4A6FF3;}
+ .d2-4288919374 .stroke-AA4{stroke:#EDF0FD;}
+ .d2-4288919374 .stroke-AA5{stroke:#F7F8FE;}
+ .d2-4288919374 .stroke-AB4{stroke:#EDF0FD;}
+ .d2-4288919374 .stroke-AB5{stroke:#F7F8FE;}
+ .d2-4288919374 .background-color-N1{background-color:#0A0F25;}
+ .d2-4288919374 .background-color-N2{background-color:#676C7E;}
+ .d2-4288919374 .background-color-N3{background-color:#9499AB;}
+ .d2-4288919374 .background-color-N4{background-color:#CFD2DD;}
+ .d2-4288919374 .background-color-N5{background-color:#DEE1EB;}
+ .d2-4288919374 .background-color-N6{background-color:#EEF1F8;}
+ .d2-4288919374 .background-color-N7{background-color:#FFFFFF;}
+ .d2-4288919374 .background-color-B1{background-color:#0D32B2;}
+ .d2-4288919374 .background-color-B2{background-color:#0D32B2;}
+ .d2-4288919374 .background-color-B3{background-color:#E3E9FD;}
+ .d2-4288919374 .background-color-B4{background-color:#E3E9FD;}
+ .d2-4288919374 .background-color-B5{background-color:#EDF0FD;}
+ .d2-4288919374 .background-color-B6{background-color:#F7F8FE;}
+ .d2-4288919374 .background-color-AA2{background-color:#4A6FF3;}
+ .d2-4288919374 .background-color-AA4{background-color:#EDF0FD;}
+ .d2-4288919374 .background-color-AA5{background-color:#F7F8FE;}
+ .d2-4288919374 .background-color-AB4{background-color:#EDF0FD;}
+ .d2-4288919374 .background-color-AB5{background-color:#F7F8FE;}
+ .d2-4288919374 .color-N1{color:#0A0F25;}
+ .d2-4288919374 .color-N2{color:#676C7E;}
+ .d2-4288919374 .color-N3{color:#9499AB;}
+ .d2-4288919374 .color-N4{color:#CFD2DD;}
+ .d2-4288919374 .color-N5{color:#DEE1EB;}
+ .d2-4288919374 .color-N6{color:#EEF1F8;}
+ .d2-4288919374 .color-N7{color:#FFFFFF;}
+ .d2-4288919374 .color-B1{color:#0D32B2;}
+ .d2-4288919374 .color-B2{color:#0D32B2;}
+ .d2-4288919374 .color-B3{color:#E3E9FD;}
+ .d2-4288919374 .color-B4{color:#E3E9FD;}
+ .d2-4288919374 .color-B5{color:#EDF0FD;}
+ .d2-4288919374 .color-B6{color:#F7F8FE;}
+ .d2-4288919374 .color-AA2{color:#4A6FF3;}
+ .d2-4288919374 .color-AA4{color:#EDF0FD;}
+ .d2-4288919374 .color-AA5{color:#F7F8FE;}
+ .d2-4288919374 .color-AB4{color:#EDF0FD;}
+ .d2-4288919374 .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}]]>abcdefghiqrjmnoszaabbeeffggklptuwxyccddv
+
\ No newline at end of file
diff --git a/e2etests/testdata/stable/large_arch/elk/board.exp.json b/e2etests/testdata/stable/large_arch/elk/board.exp.json
index fb5f31fdd..47b3df074 100644
--- a/e2etests/testdata/stable/large_arch/elk/board.exp.json
+++ b/e2etests/testdata/stable/large_arch/elk/board.exp.json
@@ -707,7 +707,7 @@
"x": 158,
"y": 12
},
- "width": 806,
+ "width": 807,
"height": 909,
"opacity": 1,
"strokeDash": 0,
@@ -748,7 +748,7 @@
"x": 208,
"y": 313
},
- "width": 543,
+ "width": 544,
"height": 417,
"opacity": 1,
"strokeDash": 0,
diff --git a/e2etests/testdata/stable/large_arch/elk/sketch.exp.svg b/e2etests/testdata/stable/large_arch/elk/sketch.exp.svg
index 2a9ed096b..d61ed41f2 100644
--- a/e2etests/testdata/stable/large_arch/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/large_arch/elk/sketch.exp.svg
@@ -1,16 +1,16 @@
-abcdefghiqrjmnoszaabbeeffggklptuwxyccddv
+ .d2-1377035100 .fill-N1{fill:#0A0F25;}
+ .d2-1377035100 .fill-N2{fill:#676C7E;}
+ .d2-1377035100 .fill-N3{fill:#9499AB;}
+ .d2-1377035100 .fill-N4{fill:#CFD2DD;}
+ .d2-1377035100 .fill-N5{fill:#DEE1EB;}
+ .d2-1377035100 .fill-N6{fill:#EEF1F8;}
+ .d2-1377035100 .fill-N7{fill:#FFFFFF;}
+ .d2-1377035100 .fill-B1{fill:#0D32B2;}
+ .d2-1377035100 .fill-B2{fill:#0D32B2;}
+ .d2-1377035100 .fill-B3{fill:#E3E9FD;}
+ .d2-1377035100 .fill-B4{fill:#E3E9FD;}
+ .d2-1377035100 .fill-B5{fill:#EDF0FD;}
+ .d2-1377035100 .fill-B6{fill:#F7F8FE;}
+ .d2-1377035100 .fill-AA2{fill:#4A6FF3;}
+ .d2-1377035100 .fill-AA4{fill:#EDF0FD;}
+ .d2-1377035100 .fill-AA5{fill:#F7F8FE;}
+ .d2-1377035100 .fill-AB4{fill:#EDF0FD;}
+ .d2-1377035100 .fill-AB5{fill:#F7F8FE;}
+ .d2-1377035100 .stroke-N1{stroke:#0A0F25;}
+ .d2-1377035100 .stroke-N2{stroke:#676C7E;}
+ .d2-1377035100 .stroke-N3{stroke:#9499AB;}
+ .d2-1377035100 .stroke-N4{stroke:#CFD2DD;}
+ .d2-1377035100 .stroke-N5{stroke:#DEE1EB;}
+ .d2-1377035100 .stroke-N6{stroke:#EEF1F8;}
+ .d2-1377035100 .stroke-N7{stroke:#FFFFFF;}
+ .d2-1377035100 .stroke-B1{stroke:#0D32B2;}
+ .d2-1377035100 .stroke-B2{stroke:#0D32B2;}
+ .d2-1377035100 .stroke-B3{stroke:#E3E9FD;}
+ .d2-1377035100 .stroke-B4{stroke:#E3E9FD;}
+ .d2-1377035100 .stroke-B5{stroke:#EDF0FD;}
+ .d2-1377035100 .stroke-B6{stroke:#F7F8FE;}
+ .d2-1377035100 .stroke-AA2{stroke:#4A6FF3;}
+ .d2-1377035100 .stroke-AA4{stroke:#EDF0FD;}
+ .d2-1377035100 .stroke-AA5{stroke:#F7F8FE;}
+ .d2-1377035100 .stroke-AB4{stroke:#EDF0FD;}
+ .d2-1377035100 .stroke-AB5{stroke:#F7F8FE;}
+ .d2-1377035100 .background-color-N1{background-color:#0A0F25;}
+ .d2-1377035100 .background-color-N2{background-color:#676C7E;}
+ .d2-1377035100 .background-color-N3{background-color:#9499AB;}
+ .d2-1377035100 .background-color-N4{background-color:#CFD2DD;}
+ .d2-1377035100 .background-color-N5{background-color:#DEE1EB;}
+ .d2-1377035100 .background-color-N6{background-color:#EEF1F8;}
+ .d2-1377035100 .background-color-N7{background-color:#FFFFFF;}
+ .d2-1377035100 .background-color-B1{background-color:#0D32B2;}
+ .d2-1377035100 .background-color-B2{background-color:#0D32B2;}
+ .d2-1377035100 .background-color-B3{background-color:#E3E9FD;}
+ .d2-1377035100 .background-color-B4{background-color:#E3E9FD;}
+ .d2-1377035100 .background-color-B5{background-color:#EDF0FD;}
+ .d2-1377035100 .background-color-B6{background-color:#F7F8FE;}
+ .d2-1377035100 .background-color-AA2{background-color:#4A6FF3;}
+ .d2-1377035100 .background-color-AA4{background-color:#EDF0FD;}
+ .d2-1377035100 .background-color-AA5{background-color:#F7F8FE;}
+ .d2-1377035100 .background-color-AB4{background-color:#EDF0FD;}
+ .d2-1377035100 .background-color-AB5{background-color:#F7F8FE;}
+ .d2-1377035100 .color-N1{color:#0A0F25;}
+ .d2-1377035100 .color-N2{color:#676C7E;}
+ .d2-1377035100 .color-N3{color:#9499AB;}
+ .d2-1377035100 .color-N4{color:#CFD2DD;}
+ .d2-1377035100 .color-N5{color:#DEE1EB;}
+ .d2-1377035100 .color-N6{color:#EEF1F8;}
+ .d2-1377035100 .color-N7{color:#FFFFFF;}
+ .d2-1377035100 .color-B1{color:#0D32B2;}
+ .d2-1377035100 .color-B2{color:#0D32B2;}
+ .d2-1377035100 .color-B3{color:#E3E9FD;}
+ .d2-1377035100 .color-B4{color:#E3E9FD;}
+ .d2-1377035100 .color-B5{color:#EDF0FD;}
+ .d2-1377035100 .color-B6{color:#F7F8FE;}
+ .d2-1377035100 .color-AA2{color:#4A6FF3;}
+ .d2-1377035100 .color-AA4{color:#EDF0FD;}
+ .d2-1377035100 .color-AA5{color:#F7F8FE;}
+ .d2-1377035100 .color-AB4{color:#EDF0FD;}
+ .d2-1377035100 .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}]]>abcdefghiqrjmnoszaabbeeffggklptuwxyccddv
\ No newline at end of file
diff --git a/e2etests/testdata/stable/one_container_loop/dagre/board.exp.json b/e2etests/testdata/stable/one_container_loop/dagre/board.exp.json
index 926c0244b..1984f19b4 100644
--- a/e2etests/testdata/stable/one_container_loop/dagre/board.exp.json
+++ b/e2etests/testdata/stable/one_container_loop/dagre/board.exp.json
@@ -10,7 +10,7 @@
"x": 0,
"y": 41
},
- "width": 313,
+ "width": 314,
"height": 125,
"opacity": 1,
"strokeDash": 0,
diff --git a/e2etests/testdata/stable/one_container_loop/dagre/sketch.exp.svg b/e2etests/testdata/stable/one_container_loop/dagre/sketch.exp.svg
index 657dee852..8329bf8ee 100644
--- a/e2etests/testdata/stable/one_container_loop/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/one_container_loop/dagre/sketch.exp.svg
@@ -1,16 +1,16 @@
-acdefgbh
-
+ .d2-3388298709 .fill-N1{fill:#0A0F25;}
+ .d2-3388298709 .fill-N2{fill:#676C7E;}
+ .d2-3388298709 .fill-N3{fill:#9499AB;}
+ .d2-3388298709 .fill-N4{fill:#CFD2DD;}
+ .d2-3388298709 .fill-N5{fill:#DEE1EB;}
+ .d2-3388298709 .fill-N6{fill:#EEF1F8;}
+ .d2-3388298709 .fill-N7{fill:#FFFFFF;}
+ .d2-3388298709 .fill-B1{fill:#0D32B2;}
+ .d2-3388298709 .fill-B2{fill:#0D32B2;}
+ .d2-3388298709 .fill-B3{fill:#E3E9FD;}
+ .d2-3388298709 .fill-B4{fill:#E3E9FD;}
+ .d2-3388298709 .fill-B5{fill:#EDF0FD;}
+ .d2-3388298709 .fill-B6{fill:#F7F8FE;}
+ .d2-3388298709 .fill-AA2{fill:#4A6FF3;}
+ .d2-3388298709 .fill-AA4{fill:#EDF0FD;}
+ .d2-3388298709 .fill-AA5{fill:#F7F8FE;}
+ .d2-3388298709 .fill-AB4{fill:#EDF0FD;}
+ .d2-3388298709 .fill-AB5{fill:#F7F8FE;}
+ .d2-3388298709 .stroke-N1{stroke:#0A0F25;}
+ .d2-3388298709 .stroke-N2{stroke:#676C7E;}
+ .d2-3388298709 .stroke-N3{stroke:#9499AB;}
+ .d2-3388298709 .stroke-N4{stroke:#CFD2DD;}
+ .d2-3388298709 .stroke-N5{stroke:#DEE1EB;}
+ .d2-3388298709 .stroke-N6{stroke:#EEF1F8;}
+ .d2-3388298709 .stroke-N7{stroke:#FFFFFF;}
+ .d2-3388298709 .stroke-B1{stroke:#0D32B2;}
+ .d2-3388298709 .stroke-B2{stroke:#0D32B2;}
+ .d2-3388298709 .stroke-B3{stroke:#E3E9FD;}
+ .d2-3388298709 .stroke-B4{stroke:#E3E9FD;}
+ .d2-3388298709 .stroke-B5{stroke:#EDF0FD;}
+ .d2-3388298709 .stroke-B6{stroke:#F7F8FE;}
+ .d2-3388298709 .stroke-AA2{stroke:#4A6FF3;}
+ .d2-3388298709 .stroke-AA4{stroke:#EDF0FD;}
+ .d2-3388298709 .stroke-AA5{stroke:#F7F8FE;}
+ .d2-3388298709 .stroke-AB4{stroke:#EDF0FD;}
+ .d2-3388298709 .stroke-AB5{stroke:#F7F8FE;}
+ .d2-3388298709 .background-color-N1{background-color:#0A0F25;}
+ .d2-3388298709 .background-color-N2{background-color:#676C7E;}
+ .d2-3388298709 .background-color-N3{background-color:#9499AB;}
+ .d2-3388298709 .background-color-N4{background-color:#CFD2DD;}
+ .d2-3388298709 .background-color-N5{background-color:#DEE1EB;}
+ .d2-3388298709 .background-color-N6{background-color:#EEF1F8;}
+ .d2-3388298709 .background-color-N7{background-color:#FFFFFF;}
+ .d2-3388298709 .background-color-B1{background-color:#0D32B2;}
+ .d2-3388298709 .background-color-B2{background-color:#0D32B2;}
+ .d2-3388298709 .background-color-B3{background-color:#E3E9FD;}
+ .d2-3388298709 .background-color-B4{background-color:#E3E9FD;}
+ .d2-3388298709 .background-color-B5{background-color:#EDF0FD;}
+ .d2-3388298709 .background-color-B6{background-color:#F7F8FE;}
+ .d2-3388298709 .background-color-AA2{background-color:#4A6FF3;}
+ .d2-3388298709 .background-color-AA4{background-color:#EDF0FD;}
+ .d2-3388298709 .background-color-AA5{background-color:#F7F8FE;}
+ .d2-3388298709 .background-color-AB4{background-color:#EDF0FD;}
+ .d2-3388298709 .background-color-AB5{background-color:#F7F8FE;}
+ .d2-3388298709 .color-N1{color:#0A0F25;}
+ .d2-3388298709 .color-N2{color:#676C7E;}
+ .d2-3388298709 .color-N3{color:#9499AB;}
+ .d2-3388298709 .color-N4{color:#CFD2DD;}
+ .d2-3388298709 .color-N5{color:#DEE1EB;}
+ .d2-3388298709 .color-N6{color:#EEF1F8;}
+ .d2-3388298709 .color-N7{color:#FFFFFF;}
+ .d2-3388298709 .color-B1{color:#0D32B2;}
+ .d2-3388298709 .color-B2{color:#0D32B2;}
+ .d2-3388298709 .color-B3{color:#E3E9FD;}
+ .d2-3388298709 .color-B4{color:#E3E9FD;}
+ .d2-3388298709 .color-B5{color:#EDF0FD;}
+ .d2-3388298709 .color-B6{color:#F7F8FE;}
+ .d2-3388298709 .color-AA2{color:#4A6FF3;}
+ .d2-3388298709 .color-AA4{color:#EDF0FD;}
+ .d2-3388298709 .color-AA5{color:#F7F8FE;}
+ .d2-3388298709 .color-AB4{color:#EDF0FD;}
+ .d2-3388298709 .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}]]>acdefgbh
+
\ No newline at end of file
diff --git a/e2etests/testdata/themes/dark_terrastruct_flagship/dagre/board.exp.json b/e2etests/testdata/themes/dark_terrastruct_flagship/dagre/board.exp.json
index 1d3311c24..d7c7fe141 100644
--- a/e2etests/testdata/themes/dark_terrastruct_flagship/dagre/board.exp.json
+++ b/e2etests/testdata/themes/dark_terrastruct_flagship/dagre/board.exp.json
@@ -10,7 +10,7 @@
"x": 0,
"y": 438
},
- "width": 450,
+ "width": 451,
"height": 1585,
"opacity": 1,
"strokeDash": 0,
@@ -51,7 +51,7 @@
"x": 95,
"y": 503
},
- "width": 335,
+ "width": 336,
"height": 657,
"opacity": 1,
"strokeDash": 0,
@@ -174,7 +174,7 @@
"x": 20,
"y": 1832
},
- "width": 146,
+ "width": 147,
"height": 161,
"opacity": 1,
"strokeDash": 0,
diff --git a/e2etests/testdata/themes/dark_terrastruct_flagship/dagre/sketch.exp.svg b/e2etests/testdata/themes/dark_terrastruct_flagship/dagre/sketch.exp.svg
index 8bd6463dc..de31e77a6 100644
--- a/e2etests/testdata/themes/dark_terrastruct_flagship/dagre/sketch.exp.svg
+++ b/e2etests/testdata/themes/dark_terrastruct_flagship/dagre/sketch.exp.svg
@@ -1,41 +1,41 @@
-networkuserapi serverlogsusersidintnamestringemailstringpasswordstringlast_logindatetimeproducts+idint+pricedecimal+skustring+namestringA tale
+
networkuserapi serverlogsusersidintnamestringemailstringpasswordstringlast_logindatetimeproducts+idint+pricedecimal+skustring+namestringA tale
- of
- two cities
@@ -908,7 +908,7 @@
city2 := City{Name: "CityB", Population: 1200000}
tellTale(city1, city2)
-}Cell Toweronline portaldata processorsatellitesTRANSMITTERuistorage sendsendsendphone logsmake call accessdisplaypersist
+}Cell Toweronline portaldata processorsatellitesTRANSMITTERuistorage sendsendsendphone logsmake call accessdisplaypersist
diff --git a/e2etests/testdata/themes/origami/dagre/board.exp.json b/e2etests/testdata/themes/origami/dagre/board.exp.json
index d9f4820ee..ebc2188fe 100644
--- a/e2etests/testdata/themes/origami/dagre/board.exp.json
+++ b/e2etests/testdata/themes/origami/dagre/board.exp.json
@@ -10,7 +10,7 @@
"x": 0,
"y": 275
},
- "width": 408,
+ "width": 409,
"height": 1255,
"opacity": 1,
"strokeDash": 0,
@@ -52,7 +52,7 @@
"x": 95,
"y": 340
},
- "width": 293,
+ "width": 294,
"height": 327,
"opacity": 1,
"strokeDash": 0,
diff --git a/e2etests/testdata/themes/origami/dagre/sketch.exp.svg b/e2etests/testdata/themes/origami/dagre/sketch.exp.svg
index 7d54f1595..be30d2b19 100644
--- a/e2etests/testdata/themes/origami/dagre/sketch.exp.svg
+++ b/e2etests/testdata/themes/origami/dagre/sketch.exp.svg
@@ -1,23 +1,23 @@
-aa container labeldefgc
+ .d2-3923007382 .fill-N1{fill:#0A0F25;}
+ .d2-3923007382 .fill-N2{fill:#676C7E;}
+ .d2-3923007382 .fill-N3{fill:#9499AB;}
+ .d2-3923007382 .fill-N4{fill:#CFD2DD;}
+ .d2-3923007382 .fill-N5{fill:#DEE1EB;}
+ .d2-3923007382 .fill-N6{fill:#EEF1F8;}
+ .d2-3923007382 .fill-N7{fill:#FFFFFF;}
+ .d2-3923007382 .fill-B1{fill:#0D32B2;}
+ .d2-3923007382 .fill-B2{fill:#0D32B2;}
+ .d2-3923007382 .fill-B3{fill:#E3E9FD;}
+ .d2-3923007382 .fill-B4{fill:#E3E9FD;}
+ .d2-3923007382 .fill-B5{fill:#EDF0FD;}
+ .d2-3923007382 .fill-B6{fill:#F7F8FE;}
+ .d2-3923007382 .fill-AA2{fill:#4A6FF3;}
+ .d2-3923007382 .fill-AA4{fill:#EDF0FD;}
+ .d2-3923007382 .fill-AA5{fill:#F7F8FE;}
+ .d2-3923007382 .fill-AB4{fill:#EDF0FD;}
+ .d2-3923007382 .fill-AB5{fill:#F7F8FE;}
+ .d2-3923007382 .stroke-N1{stroke:#0A0F25;}
+ .d2-3923007382 .stroke-N2{stroke:#676C7E;}
+ .d2-3923007382 .stroke-N3{stroke:#9499AB;}
+ .d2-3923007382 .stroke-N4{stroke:#CFD2DD;}
+ .d2-3923007382 .stroke-N5{stroke:#DEE1EB;}
+ .d2-3923007382 .stroke-N6{stroke:#EEF1F8;}
+ .d2-3923007382 .stroke-N7{stroke:#FFFFFF;}
+ .d2-3923007382 .stroke-B1{stroke:#0D32B2;}
+ .d2-3923007382 .stroke-B2{stroke:#0D32B2;}
+ .d2-3923007382 .stroke-B3{stroke:#E3E9FD;}
+ .d2-3923007382 .stroke-B4{stroke:#E3E9FD;}
+ .d2-3923007382 .stroke-B5{stroke:#EDF0FD;}
+ .d2-3923007382 .stroke-B6{stroke:#F7F8FE;}
+ .d2-3923007382 .stroke-AA2{stroke:#4A6FF3;}
+ .d2-3923007382 .stroke-AA4{stroke:#EDF0FD;}
+ .d2-3923007382 .stroke-AA5{stroke:#F7F8FE;}
+ .d2-3923007382 .stroke-AB4{stroke:#EDF0FD;}
+ .d2-3923007382 .stroke-AB5{stroke:#F7F8FE;}
+ .d2-3923007382 .background-color-N1{background-color:#0A0F25;}
+ .d2-3923007382 .background-color-N2{background-color:#676C7E;}
+ .d2-3923007382 .background-color-N3{background-color:#9499AB;}
+ .d2-3923007382 .background-color-N4{background-color:#CFD2DD;}
+ .d2-3923007382 .background-color-N5{background-color:#DEE1EB;}
+ .d2-3923007382 .background-color-N6{background-color:#EEF1F8;}
+ .d2-3923007382 .background-color-N7{background-color:#FFFFFF;}
+ .d2-3923007382 .background-color-B1{background-color:#0D32B2;}
+ .d2-3923007382 .background-color-B2{background-color:#0D32B2;}
+ .d2-3923007382 .background-color-B3{background-color:#E3E9FD;}
+ .d2-3923007382 .background-color-B4{background-color:#E3E9FD;}
+ .d2-3923007382 .background-color-B5{background-color:#EDF0FD;}
+ .d2-3923007382 .background-color-B6{background-color:#F7F8FE;}
+ .d2-3923007382 .background-color-AA2{background-color:#4A6FF3;}
+ .d2-3923007382 .background-color-AA4{background-color:#EDF0FD;}
+ .d2-3923007382 .background-color-AA5{background-color:#F7F8FE;}
+ .d2-3923007382 .background-color-AB4{background-color:#EDF0FD;}
+ .d2-3923007382 .background-color-AB5{background-color:#F7F8FE;}
+ .d2-3923007382 .color-N1{color:#0A0F25;}
+ .d2-3923007382 .color-N2{color:#676C7E;}
+ .d2-3923007382 .color-N3{color:#9499AB;}
+ .d2-3923007382 .color-N4{color:#CFD2DD;}
+ .d2-3923007382 .color-N5{color:#DEE1EB;}
+ .d2-3923007382 .color-N6{color:#EEF1F8;}
+ .d2-3923007382 .color-N7{color:#FFFFFF;}
+ .d2-3923007382 .color-B1{color:#0D32B2;}
+ .d2-3923007382 .color-B2{color:#0D32B2;}
+ .d2-3923007382 .color-B3{color:#E3E9FD;}
+ .d2-3923007382 .color-B4{color:#E3E9FD;}
+ .d2-3923007382 .color-B5{color:#EDF0FD;}
+ .d2-3923007382 .color-B6{color:#F7F8FE;}
+ .d2-3923007382 .color-AA2{color:#4A6FF3;}
+ .d2-3923007382 .color-AA4{color:#EDF0FD;}
+ .d2-3923007382 .color-AA5{color:#F7F8FE;}
+ .d2-3923007382 .color-AB4{color:#EDF0FD;}
+ .d2-3923007382 .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}]]>aa container labeldefgc
\ No newline at end of file
diff --git a/e2etests/testdata/todo/dagre_container_md_label_panic/dagre/board.exp.json b/e2etests/testdata/todo/dagre_container_md_label_panic/dagre/board.exp.json
index 33968f676..35dde90d3 100644
--- a/e2etests/testdata/todo/dagre_container_md_label_panic/dagre/board.exp.json
+++ b/e2etests/testdata/todo/dagre_container_md_label_panic/dagre/board.exp.json
@@ -51,7 +51,7 @@
"x": 0,
"y": 166
},
- "width": 353,
+ "width": 354,
"height": 664,
"opacity": 1,
"strokeDash": 0,
diff --git a/e2etests/testdata/todo/dagre_container_md_label_panic/dagre/sketch.exp.svg b/e2etests/testdata/todo/dagre_container_md_label_panic/dagre/sketch.exp.svg
index 3b10e1df2..b1a56eca3 100644
--- a/e2etests/testdata/todo/dagre_container_md_label_panic/dagre/sketch.exp.svg
+++ b/e2etests/testdata/todo/dagre_container_md_label_panic/dagre/sketch.exp.svg
@@ -1,20 +1,20 @@
-OEM Factorycompany Warehouse
+
OEM Factorycompany Warehouse
- Asset Tagging
- Inventory
- Staging
- Dispatch to Site
-
MasterRegional-1Regional-2Regional-N
-
+ MasterRegional-1Regional-2Regional-N
+
\ No newline at end of file