Merge pull request #1453 from gavin-ts/dagre-label-positions

dagre adjustments for custom label positions

d2graph/layout.go

@@ -1,6 +1,7 @@
 package d2graph
 
 import (
+	"sort"
 	"strings"
 
 	"oss.terrastruct.com/d2/d2target"
@@ -316,10 +317,29 @@ func (obj *Object) GetLabelTopLeft() *geo.Point {
 	return labelTL
 }
 
+func (obj *Object) GetIconTopLeft() *geo.Point {
+	if obj.IconPosition == nil {
+		return nil
+	}
+
+	s := obj.ToShape()
+	iconPosition := label.Position(*obj.IconPosition)
+
+	var box *geo.Box
+	if iconPosition.IsOutside() {
+		box = s.GetBox()
+	} else {
+		box = s.GetInnerBox()
+	}
+
+	return iconPosition.GetPointOnBox(box, label.PADDING, d2target.MAX_ICON_SIZE, d2target.MAX_ICON_SIZE)
+}
+
 func (edge *Edge) TraceToShape(points []*geo.Point, startIndex, endIndex int) (newStart, newEnd int) {
 	srcShape := edge.Src.ToShape()
 	dstShape := edge.Dst.ToShape()
 
+	startingSegment := geo.Segment{Start: points[startIndex+1], End: points[startIndex]}
 	// if an edge runs into an outside label, stop the edge at the label instead
 	overlapsOutsideLabel := false
 	if edge.Src.HasLabel() {
@@ -330,18 +350,27 @@ func (edge *Edge) TraceToShape(points []*geo.Point, startIndex, endIndex int) (n
 			labelHeight := float64(edge.Src.LabelDimensions.Height)
 			labelTL := labelPosition.GetPointOnBox(edge.Src.Box, label.PADDING, labelWidth, labelHeight)
 
-			startingSegment := geo.Segment{Start: points[startIndex+1], End: points[startIndex]}
 			labelBox := geo.NewBox(labelTL, labelWidth, labelHeight)
 			// add left/right padding to box
 			labelBox.TopLeft.X -= label.PADDING
 			labelBox.Width += 2 * label.PADDING
+
+			for labelBox.Contains(startingSegment.End) && startIndex+1 > endIndex {
+				startingSegment.Start = startingSegment.End
+				startingSegment.End = points[startIndex+2]
+				startIndex++
+			}
 			if intersections := labelBox.Intersections(startingSegment); len(intersections) > 0 {
 				overlapsOutsideLabel = true
+				p := intersections[0]
+				if len(intersections) > 1 {
+					p = findOuterIntersection(labelPosition, intersections)
+				}
 				// move starting segment to label intersection point
-				points[startIndex] = intersections[0]
-				startingSegment.End = intersections[0]
+				points[startIndex] = p
+				startingSegment.End = p
 				// if the segment becomes too short, just merge it with the next segment
-				if startIndex < len(points) && startingSegment.Length() < MIN_SEGMENT_LEN {
+				if startIndex+1 < endIndex && startingSegment.Length() < MIN_SEGMENT_LEN {
 					points[startIndex+1] = points[startIndex]
 					startIndex++
 				}
@@ -349,9 +378,20 @@ func (edge *Edge) TraceToShape(points []*geo.Point, startIndex, endIndex int) (n
 		}
 	}
 	if !overlapsOutsideLabel {
+		if intersections := edge.Src.Intersections(startingSegment); len(intersections) > 0 {
+			// move starting segment to intersection point
+			points[startIndex] = intersections[0]
+			startingSegment.End = intersections[0]
+			// if the segment becomes too short, just merge it with the next segment
+			if startIndex+1 < endIndex && startingSegment.Length() < MIN_SEGMENT_LEN {
+				points[startIndex+1] = points[startIndex]
+				startIndex++
+			}
+		}
 		// trace the edge to the specific shape's border
 		points[startIndex] = shape.TraceToShapeBorder(srcShape, points[startIndex], points[startIndex+1])
 	}
+	endingSegment := geo.Segment{Start: points[endIndex-1], End: points[endIndex]}
 	overlapsOutsideLabel = false
 	if edge.Dst.HasLabel() {
 		// assumes LabelPosition, LabelWidth, LabelHeight are all set if there is a label
@@ -361,18 +401,26 @@ func (edge *Edge) TraceToShape(points []*geo.Point, startIndex, endIndex int) (n
 			labelHeight := float64(edge.Dst.LabelDimensions.Height)
 			labelTL := labelPosition.GetPointOnBox(edge.Dst.Box, label.PADDING, labelWidth, labelHeight)
 
-			endingSegment := geo.Segment{Start: points[endIndex-1], End: points[endIndex]}
 			labelBox := geo.NewBox(labelTL, labelWidth, labelHeight)
 			// add left/right padding to box
 			labelBox.TopLeft.X -= label.PADDING
 			labelBox.Width += 2 * label.PADDING
+			for labelBox.Contains(endingSegment.Start) && endIndex-1 > startIndex {
+				endingSegment.End = endingSegment.Start
+				endingSegment.Start = points[endIndex-2]
+				endIndex--
+			}
 			if intersections := labelBox.Intersections(endingSegment); len(intersections) > 0 {
 				overlapsOutsideLabel = true
+				p := intersections[0]
+				if len(intersections) > 1 {
+					p = findOuterIntersection(labelPosition, intersections)
+				}
 				// move ending segment to label intersection point
-				points[endIndex] = intersections[0]
-				endingSegment.End = intersections[0]
+				points[endIndex] = p
+				endingSegment.End = p
 				// if the segment becomes too short, just merge it with the previous segment
-				if endIndex-1 > 0 && endingSegment.Length() < MIN_SEGMENT_LEN {
+				if endIndex-1 > startIndex && endingSegment.Length() < MIN_SEGMENT_LEN {
 					points[endIndex-1] = points[endIndex]
 					endIndex--
 				}
@@ -380,7 +428,39 @@ func (edge *Edge) TraceToShape(points []*geo.Point, startIndex, endIndex int) (n
 		}
 	}
 	if !overlapsOutsideLabel {
+		if intersections := edge.Dst.Intersections(endingSegment); len(intersections) > 0 {
+			// move ending segment to intersection point
+			points[endIndex] = intersections[0]
+			endingSegment.End = intersections[0]
+			// if the segment becomes too short, just merge it with the previous segment
+			if endIndex-1 > startIndex && endingSegment.Length() < MIN_SEGMENT_LEN {
+				points[endIndex-1] = points[endIndex]
+				endIndex--
+			}
+		}
 		points[endIndex] = shape.TraceToShapeBorder(dstShape, points[endIndex], points[endIndex-1])
 	}
 	return startIndex, endIndex
 }
+
+func findOuterIntersection(labelPosition label.Position, intersections []*geo.Point) *geo.Point {
+	switch labelPosition {
+	case label.OutsideTopLeft, label.OutsideTopRight, label.OutsideTopCenter:
+		sort.Slice(intersections, func(i, j int) bool {
+			return intersections[i].Y < intersections[j].Y
+		})
+	case label.OutsideBottomLeft, label.OutsideBottomRight, label.OutsideBottomCenter:
+		sort.Slice(intersections, func(i, j int) bool {
+			return intersections[i].Y > intersections[j].Y
+		})
+	case label.OutsideLeftTop, label.OutsideLeftMiddle, label.OutsideLeftBottom:
+		sort.Slice(intersections, func(i, j int) bool {
+			return intersections[i].X < intersections[j].X
+		})
+	case label.OutsideRightTop, label.OutsideRightMiddle, label.OutsideRightBottom:
+		sort.Slice(intersections, func(i, j int) bool {
+			return intersections[i].X > intersections[j].X
+		})
+	}
+	return intersections[0]
+}

e2etests-cli/testdata/TestCLI_E2E/multiboard/life/index.exp.svg

@@ -1,9 +1,9 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-1380559207" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-1380559207 .text-bold {
-	font-family: "d2-1380559207-font-bold";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-3098664959" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-3098664959 .text-bold {
+	font-family: "d2-3098664959-font-bold";
 }
 @font-face {
-	font-family: d2-1380559207-font-bold;
+	font-family: d2-3098664959-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -18,78 +18,78 @@
   opacity: 0.5;
 }
 
-		.d2-1380559207 .fill-N1{fill:#0A0F25;}
-		.d2-1380559207 .fill-N2{fill:#676C7E;}
-		.d2-1380559207 .fill-N3{fill:#9499AB;}
-		.d2-1380559207 .fill-N4{fill:#CFD2DD;}
-		.d2-1380559207 .fill-N5{fill:#DEE1EB;}
-		.d2-1380559207 .fill-N6{fill:#EEF1F8;}
-		.d2-1380559207 .fill-N7{fill:#FFFFFF;}
-		.d2-1380559207 .fill-B1{fill:#0D32B2;}
-		.d2-1380559207 .fill-B2{fill:#0D32B2;}
-		.d2-1380559207 .fill-B3{fill:#E3E9FD;}
-		.d2-1380559207 .fill-B4{fill:#E3E9FD;}
-		.d2-1380559207 .fill-B5{fill:#EDF0FD;}
-		.d2-1380559207 .fill-B6{fill:#F7F8FE;}
-		.d2-1380559207 .fill-AA2{fill:#4A6FF3;}
-		.d2-1380559207 .fill-AA4{fill:#EDF0FD;}
-		.d2-1380559207 .fill-AA5{fill:#F7F8FE;}
-		.d2-1380559207 .fill-AB4{fill:#EDF0FD;}
-		.d2-1380559207 .fill-AB5{fill:#F7F8FE;}
-		.d2-1380559207 .stroke-N1{stroke:#0A0F25;}
-		.d2-1380559207 .stroke-N2{stroke:#676C7E;}
-		.d2-1380559207 .stroke-N3{stroke:#9499AB;}
-		.d2-1380559207 .stroke-N4{stroke:#CFD2DD;}
-		.d2-1380559207 .stroke-N5{stroke:#DEE1EB;}
-		.d2-1380559207 .stroke-N6{stroke:#EEF1F8;}
-		.d2-1380559207 .stroke-N7{stroke:#FFFFFF;}
-		.d2-1380559207 .stroke-B1{stroke:#0D32B2;}
-		.d2-1380559207 .stroke-B2{stroke:#0D32B2;}
-		.d2-1380559207 .stroke-B3{stroke:#E3E9FD;}
-		.d2-1380559207 .stroke-B4{stroke:#E3E9FD;}
-		.d2-1380559207 .stroke-B5{stroke:#EDF0FD;}
-		.d2-1380559207 .stroke-B6{stroke:#F7F8FE;}
-		.d2-1380559207 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-1380559207 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-1380559207 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-1380559207 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-1380559207 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-1380559207 .background-color-N1{background-color:#0A0F25;}
-		.d2-1380559207 .background-color-N2{background-color:#676C7E;}
-		.d2-1380559207 .background-color-N3{background-color:#9499AB;}
-		.d2-1380559207 .background-color-N4{background-color:#CFD2DD;}
-		.d2-1380559207 .background-color-N5{background-color:#DEE1EB;}
-		.d2-1380559207 .background-color-N6{background-color:#EEF1F8;}
-		.d2-1380559207 .background-color-N7{background-color:#FFFFFF;}
-		.d2-1380559207 .background-color-B1{background-color:#0D32B2;}
-		.d2-1380559207 .background-color-B2{background-color:#0D32B2;}
-		.d2-1380559207 .background-color-B3{background-color:#E3E9FD;}
-		.d2-1380559207 .background-color-B4{background-color:#E3E9FD;}
-		.d2-1380559207 .background-color-B5{background-color:#EDF0FD;}
-		.d2-1380559207 .background-color-B6{background-color:#F7F8FE;}
-		.d2-1380559207 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-1380559207 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-1380559207 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-1380559207 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-1380559207 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-1380559207 .color-N1{color:#0A0F25;}
-		.d2-1380559207 .color-N2{color:#676C7E;}
-		.d2-1380559207 .color-N3{color:#9499AB;}
-		.d2-1380559207 .color-N4{color:#CFD2DD;}
-		.d2-1380559207 .color-N5{color:#DEE1EB;}
-		.d2-1380559207 .color-N6{color:#EEF1F8;}
-		.d2-1380559207 .color-N7{color:#FFFFFF;}
-		.d2-1380559207 .color-B1{color:#0D32B2;}
-		.d2-1380559207 .color-B2{color:#0D32B2;}
-		.d2-1380559207 .color-B3{color:#E3E9FD;}
-		.d2-1380559207 .color-B4{color:#E3E9FD;}
-		.d2-1380559207 .color-B5{color:#EDF0FD;}
-		.d2-1380559207 .color-B6{color:#F7F8FE;}
-		.d2-1380559207 .color-AA2{color:#4A6FF3;}
-		.d2-1380559207 .color-AA4{color:#EDF0FD;}
-		.d2-1380559207 .color-AA5{color:#F7F8FE;}
-		.d2-1380559207 .color-AB4{color:#EDF0FD;}
-		.d2-1380559207 .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}]]></style><g id="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1380559207)" /></g><mask id="d2-1380559207" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
+		.d2-3098664959 .fill-N1{fill:#0A0F25;}
+		.d2-3098664959 .fill-N2{fill:#676C7E;}
+		.d2-3098664959 .fill-N3{fill:#9499AB;}
+		.d2-3098664959 .fill-N4{fill:#CFD2DD;}
+		.d2-3098664959 .fill-N5{fill:#DEE1EB;}
+		.d2-3098664959 .fill-N6{fill:#EEF1F8;}
+		.d2-3098664959 .fill-N7{fill:#FFFFFF;}
+		.d2-3098664959 .fill-B1{fill:#0D32B2;}
+		.d2-3098664959 .fill-B2{fill:#0D32B2;}
+		.d2-3098664959 .fill-B3{fill:#E3E9FD;}
+		.d2-3098664959 .fill-B4{fill:#E3E9FD;}
+		.d2-3098664959 .fill-B5{fill:#EDF0FD;}
+		.d2-3098664959 .fill-B6{fill:#F7F8FE;}
+		.d2-3098664959 .fill-AA2{fill:#4A6FF3;}
+		.d2-3098664959 .fill-AA4{fill:#EDF0FD;}
+		.d2-3098664959 .fill-AA5{fill:#F7F8FE;}
+		.d2-3098664959 .fill-AB4{fill:#EDF0FD;}
+		.d2-3098664959 .fill-AB5{fill:#F7F8FE;}
+		.d2-3098664959 .stroke-N1{stroke:#0A0F25;}
+		.d2-3098664959 .stroke-N2{stroke:#676C7E;}
+		.d2-3098664959 .stroke-N3{stroke:#9499AB;}
+		.d2-3098664959 .stroke-N4{stroke:#CFD2DD;}
+		.d2-3098664959 .stroke-N5{stroke:#DEE1EB;}
+		.d2-3098664959 .stroke-N6{stroke:#EEF1F8;}
+		.d2-3098664959 .stroke-N7{stroke:#FFFFFF;}
+		.d2-3098664959 .stroke-B1{stroke:#0D32B2;}
+		.d2-3098664959 .stroke-B2{stroke:#0D32B2;}
+		.d2-3098664959 .stroke-B3{stroke:#E3E9FD;}
+		.d2-3098664959 .stroke-B4{stroke:#E3E9FD;}
+		.d2-3098664959 .stroke-B5{stroke:#EDF0FD;}
+		.d2-3098664959 .stroke-B6{stroke:#F7F8FE;}
+		.d2-3098664959 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-3098664959 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-3098664959 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-3098664959 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-3098664959 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-3098664959 .background-color-N1{background-color:#0A0F25;}
+		.d2-3098664959 .background-color-N2{background-color:#676C7E;}
+		.d2-3098664959 .background-color-N3{background-color:#9499AB;}
+		.d2-3098664959 .background-color-N4{background-color:#CFD2DD;}
+		.d2-3098664959 .background-color-N5{background-color:#DEE1EB;}
+		.d2-3098664959 .background-color-N6{background-color:#EEF1F8;}
+		.d2-3098664959 .background-color-N7{background-color:#FFFFFF;}
+		.d2-3098664959 .background-color-B1{background-color:#0D32B2;}
+		.d2-3098664959 .background-color-B2{background-color:#0D32B2;}
+		.d2-3098664959 .background-color-B3{background-color:#E3E9FD;}
+		.d2-3098664959 .background-color-B4{background-color:#E3E9FD;}
+		.d2-3098664959 .background-color-B5{background-color:#EDF0FD;}
+		.d2-3098664959 .background-color-B6{background-color:#F7F8FE;}
+		.d2-3098664959 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-3098664959 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-3098664959 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-3098664959 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-3098664959 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-3098664959 .color-N1{color:#0A0F25;}
+		.d2-3098664959 .color-N2{color:#676C7E;}
+		.d2-3098664959 .color-N3{color:#9499AB;}
+		.d2-3098664959 .color-N4{color:#CFD2DD;}
+		.d2-3098664959 .color-N5{color:#DEE1EB;}
+		.d2-3098664959 .color-N6{color:#EEF1F8;}
+		.d2-3098664959 .color-N7{color:#FFFFFF;}
+		.d2-3098664959 .color-B1{color:#0D32B2;}
+		.d2-3098664959 .color-B2{color:#0D32B2;}
+		.d2-3098664959 .color-B3{color:#E3E9FD;}
+		.d2-3098664959 .color-B4{color:#E3E9FD;}
+		.d2-3098664959 .color-B5{color:#EDF0FD;}
+		.d2-3098664959 .color-B6{color:#F7F8FE;}
+		.d2-3098664959 .color-AA2{color:#4A6FF3;}
+		.d2-3098664959 .color-AA4{color:#EDF0FD;}
+		.d2-3098664959 .color-AA5{color:#F7F8FE;}
+		.d2-3098664959 .color-AB4{color:#EDF0FD;}
+		.d2-3098664959 .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}]]></style><g id="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3098664959)" /></g><mask id="d2-3098664959" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
 <rect x="-101" y="-101" width="256" height="434" fill="white"></rect>
 <rect x="23.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="22.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

e2etests-cli/testdata/TestCLI_E2E/multiboard/life/scenarios/why.exp.svg

@@ -1,9 +1,9 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-2561523587" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-2561523587 .text-bold {
-	font-family: "d2-2561523587-font-bold";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-225207715" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-225207715 .text-bold {
+	font-family: "d2-225207715-font-bold";
 }
 @font-face {
-	font-family: d2-2561523587-font-bold;
+	font-family: d2-225207715-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -18,78 +18,78 @@
   opacity: 0.5;
 }
 
-		.d2-2561523587 .fill-N1{fill:#0A0F25;}
-		.d2-2561523587 .fill-N2{fill:#676C7E;}
-		.d2-2561523587 .fill-N3{fill:#9499AB;}
-		.d2-2561523587 .fill-N4{fill:#CFD2DD;}
-		.d2-2561523587 .fill-N5{fill:#DEE1EB;}
-		.d2-2561523587 .fill-N6{fill:#EEF1F8;}
-		.d2-2561523587 .fill-N7{fill:#FFFFFF;}
-		.d2-2561523587 .fill-B1{fill:#0D32B2;}
-		.d2-2561523587 .fill-B2{fill:#0D32B2;}
-		.d2-2561523587 .fill-B3{fill:#E3E9FD;}
-		.d2-2561523587 .fill-B4{fill:#E3E9FD;}
-		.d2-2561523587 .fill-B5{fill:#EDF0FD;}
-		.d2-2561523587 .fill-B6{fill:#F7F8FE;}
-		.d2-2561523587 .fill-AA2{fill:#4A6FF3;}
-		.d2-2561523587 .fill-AA4{fill:#EDF0FD;}
-		.d2-2561523587 .fill-AA5{fill:#F7F8FE;}
-		.d2-2561523587 .fill-AB4{fill:#EDF0FD;}
-		.d2-2561523587 .fill-AB5{fill:#F7F8FE;}
-		.d2-2561523587 .stroke-N1{stroke:#0A0F25;}
-		.d2-2561523587 .stroke-N2{stroke:#676C7E;}
-		.d2-2561523587 .stroke-N3{stroke:#9499AB;}
-		.d2-2561523587 .stroke-N4{stroke:#CFD2DD;}
-		.d2-2561523587 .stroke-N5{stroke:#DEE1EB;}
-		.d2-2561523587 .stroke-N6{stroke:#EEF1F8;}
-		.d2-2561523587 .stroke-N7{stroke:#FFFFFF;}
-		.d2-2561523587 .stroke-B1{stroke:#0D32B2;}
-		.d2-2561523587 .stroke-B2{stroke:#0D32B2;}
-		.d2-2561523587 .stroke-B3{stroke:#E3E9FD;}
-		.d2-2561523587 .stroke-B4{stroke:#E3E9FD;}
-		.d2-2561523587 .stroke-B5{stroke:#EDF0FD;}
-		.d2-2561523587 .stroke-B6{stroke:#F7F8FE;}
-		.d2-2561523587 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-2561523587 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-2561523587 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-2561523587 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-2561523587 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-2561523587 .background-color-N1{background-color:#0A0F25;}
-		.d2-2561523587 .background-color-N2{background-color:#676C7E;}
-		.d2-2561523587 .background-color-N3{background-color:#9499AB;}
-		.d2-2561523587 .background-color-N4{background-color:#CFD2DD;}
-		.d2-2561523587 .background-color-N5{background-color:#DEE1EB;}
-		.d2-2561523587 .background-color-N6{background-color:#EEF1F8;}
-		.d2-2561523587 .background-color-N7{background-color:#FFFFFF;}
-		.d2-2561523587 .background-color-B1{background-color:#0D32B2;}
-		.d2-2561523587 .background-color-B2{background-color:#0D32B2;}
-		.d2-2561523587 .background-color-B3{background-color:#E3E9FD;}
-		.d2-2561523587 .background-color-B4{background-color:#E3E9FD;}
-		.d2-2561523587 .background-color-B5{background-color:#EDF0FD;}
-		.d2-2561523587 .background-color-B6{background-color:#F7F8FE;}
-		.d2-2561523587 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-2561523587 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-2561523587 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-2561523587 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-2561523587 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-2561523587 .color-N1{color:#0A0F25;}
-		.d2-2561523587 .color-N2{color:#676C7E;}
-		.d2-2561523587 .color-N3{color:#9499AB;}
-		.d2-2561523587 .color-N4{color:#CFD2DD;}
-		.d2-2561523587 .color-N5{color:#DEE1EB;}
-		.d2-2561523587 .color-N6{color:#EEF1F8;}
-		.d2-2561523587 .color-N7{color:#FFFFFF;}
-		.d2-2561523587 .color-B1{color:#0D32B2;}
-		.d2-2561523587 .color-B2{color:#0D32B2;}
-		.d2-2561523587 .color-B3{color:#E3E9FD;}
-		.d2-2561523587 .color-B4{color:#E3E9FD;}
-		.d2-2561523587 .color-B5{color:#EDF0FD;}
-		.d2-2561523587 .color-B6{color:#F7F8FE;}
-		.d2-2561523587 .color-AA2{color:#4A6FF3;}
-		.d2-2561523587 .color-AA4{color:#EDF0FD;}
-		.d2-2561523587 .color-AA5{color:#F7F8FE;}
-		.d2-2561523587 .color-AB4{color:#EDF0FD;}
-		.d2-2561523587 .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}]]></style><g id="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 22.784731 67.985636 C 18.204000 106.000000 18.200001 126.000000 22.523419 162.028493" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2561523587)" /></g><g id="(y -&gt; x)[0]"><path d="M 31.214269 164.014364 C 35.794998 126.000000 35.799999 106.000000 31.476581 69.971507" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2561523587)" /></g><mask id="d2-2561523587" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
+		.d2-225207715 .fill-N1{fill:#0A0F25;}
+		.d2-225207715 .fill-N2{fill:#676C7E;}
+		.d2-225207715 .fill-N3{fill:#9499AB;}
+		.d2-225207715 .fill-N4{fill:#CFD2DD;}
+		.d2-225207715 .fill-N5{fill:#DEE1EB;}
+		.d2-225207715 .fill-N6{fill:#EEF1F8;}
+		.d2-225207715 .fill-N7{fill:#FFFFFF;}
+		.d2-225207715 .fill-B1{fill:#0D32B2;}
+		.d2-225207715 .fill-B2{fill:#0D32B2;}
+		.d2-225207715 .fill-B3{fill:#E3E9FD;}
+		.d2-225207715 .fill-B4{fill:#E3E9FD;}
+		.d2-225207715 .fill-B5{fill:#EDF0FD;}
+		.d2-225207715 .fill-B6{fill:#F7F8FE;}
+		.d2-225207715 .fill-AA2{fill:#4A6FF3;}
+		.d2-225207715 .fill-AA4{fill:#EDF0FD;}
+		.d2-225207715 .fill-AA5{fill:#F7F8FE;}
+		.d2-225207715 .fill-AB4{fill:#EDF0FD;}
+		.d2-225207715 .fill-AB5{fill:#F7F8FE;}
+		.d2-225207715 .stroke-N1{stroke:#0A0F25;}
+		.d2-225207715 .stroke-N2{stroke:#676C7E;}
+		.d2-225207715 .stroke-N3{stroke:#9499AB;}
+		.d2-225207715 .stroke-N4{stroke:#CFD2DD;}
+		.d2-225207715 .stroke-N5{stroke:#DEE1EB;}
+		.d2-225207715 .stroke-N6{stroke:#EEF1F8;}
+		.d2-225207715 .stroke-N7{stroke:#FFFFFF;}
+		.d2-225207715 .stroke-B1{stroke:#0D32B2;}
+		.d2-225207715 .stroke-B2{stroke:#0D32B2;}
+		.d2-225207715 .stroke-B3{stroke:#E3E9FD;}
+		.d2-225207715 .stroke-B4{stroke:#E3E9FD;}
+		.d2-225207715 .stroke-B5{stroke:#EDF0FD;}
+		.d2-225207715 .stroke-B6{stroke:#F7F8FE;}
+		.d2-225207715 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-225207715 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-225207715 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-225207715 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-225207715 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-225207715 .background-color-N1{background-color:#0A0F25;}
+		.d2-225207715 .background-color-N2{background-color:#676C7E;}
+		.d2-225207715 .background-color-N3{background-color:#9499AB;}
+		.d2-225207715 .background-color-N4{background-color:#CFD2DD;}
+		.d2-225207715 .background-color-N5{background-color:#DEE1EB;}
+		.d2-225207715 .background-color-N6{background-color:#EEF1F8;}
+		.d2-225207715 .background-color-N7{background-color:#FFFFFF;}
+		.d2-225207715 .background-color-B1{background-color:#0D32B2;}
+		.d2-225207715 .background-color-B2{background-color:#0D32B2;}
+		.d2-225207715 .background-color-B3{background-color:#E3E9FD;}
+		.d2-225207715 .background-color-B4{background-color:#E3E9FD;}
+		.d2-225207715 .background-color-B5{background-color:#EDF0FD;}
+		.d2-225207715 .background-color-B6{background-color:#F7F8FE;}
+		.d2-225207715 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-225207715 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-225207715 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-225207715 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-225207715 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-225207715 .color-N1{color:#0A0F25;}
+		.d2-225207715 .color-N2{color:#676C7E;}
+		.d2-225207715 .color-N3{color:#9499AB;}
+		.d2-225207715 .color-N4{color:#CFD2DD;}
+		.d2-225207715 .color-N5{color:#DEE1EB;}
+		.d2-225207715 .color-N6{color:#EEF1F8;}
+		.d2-225207715 .color-N7{color:#FFFFFF;}
+		.d2-225207715 .color-B1{color:#0D32B2;}
+		.d2-225207715 .color-B2{color:#0D32B2;}
+		.d2-225207715 .color-B3{color:#E3E9FD;}
+		.d2-225207715 .color-B4{color:#E3E9FD;}
+		.d2-225207715 .color-B5{color:#EDF0FD;}
+		.d2-225207715 .color-B6{color:#F7F8FE;}
+		.d2-225207715 .color-AA2{color:#4A6FF3;}
+		.d2-225207715 .color-AA4{color:#EDF0FD;}
+		.d2-225207715 .color-AA5{color:#F7F8FE;}
+		.d2-225207715 .color-AB4{color:#EDF0FD;}
+		.d2-225207715 .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}]]></style><g id="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 22.761710 67.985754 C 18.200001 106.000000 18.200001 126.000000 22.523419 162.028493" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-225207715)" /></g><g id="(y -&gt; x)[0]"><path d="M 31.238290 164.014246 C 35.799999 126.000000 35.799999 106.000000 31.476581 69.971507" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-225207715)" /></g><mask id="d2-225207715" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
 <rect x="-101" y="-101" width="256" height="434" fill="white"></rect>
 <rect x="23.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="22.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/index.exp.svg

@@ -1,9 +1,9 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-1380559207" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-1380559207 .text-bold {
-	font-family: "d2-1380559207-font-bold";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-3098664959" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-3098664959 .text-bold {
+	font-family: "d2-3098664959-font-bold";
 }
 @font-face {
-	font-family: d2-1380559207-font-bold;
+	font-family: d2-3098664959-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -18,78 +18,78 @@
   opacity: 0.5;
 }
 
-		.d2-1380559207 .fill-N1{fill:#0A0F25;}
-		.d2-1380559207 .fill-N2{fill:#676C7E;}
-		.d2-1380559207 .fill-N3{fill:#9499AB;}
-		.d2-1380559207 .fill-N4{fill:#CFD2DD;}
-		.d2-1380559207 .fill-N5{fill:#DEE1EB;}
-		.d2-1380559207 .fill-N6{fill:#EEF1F8;}
-		.d2-1380559207 .fill-N7{fill:#FFFFFF;}
-		.d2-1380559207 .fill-B1{fill:#0D32B2;}
-		.d2-1380559207 .fill-B2{fill:#0D32B2;}
-		.d2-1380559207 .fill-B3{fill:#E3E9FD;}
-		.d2-1380559207 .fill-B4{fill:#E3E9FD;}
-		.d2-1380559207 .fill-B5{fill:#EDF0FD;}
-		.d2-1380559207 .fill-B6{fill:#F7F8FE;}
-		.d2-1380559207 .fill-AA2{fill:#4A6FF3;}
-		.d2-1380559207 .fill-AA4{fill:#EDF0FD;}
-		.d2-1380559207 .fill-AA5{fill:#F7F8FE;}
-		.d2-1380559207 .fill-AB4{fill:#EDF0FD;}
-		.d2-1380559207 .fill-AB5{fill:#F7F8FE;}
-		.d2-1380559207 .stroke-N1{stroke:#0A0F25;}
-		.d2-1380559207 .stroke-N2{stroke:#676C7E;}
-		.d2-1380559207 .stroke-N3{stroke:#9499AB;}
-		.d2-1380559207 .stroke-N4{stroke:#CFD2DD;}
-		.d2-1380559207 .stroke-N5{stroke:#DEE1EB;}
-		.d2-1380559207 .stroke-N6{stroke:#EEF1F8;}
-		.d2-1380559207 .stroke-N7{stroke:#FFFFFF;}
-		.d2-1380559207 .stroke-B1{stroke:#0D32B2;}
-		.d2-1380559207 .stroke-B2{stroke:#0D32B2;}
-		.d2-1380559207 .stroke-B3{stroke:#E3E9FD;}
-		.d2-1380559207 .stroke-B4{stroke:#E3E9FD;}
-		.d2-1380559207 .stroke-B5{stroke:#EDF0FD;}
-		.d2-1380559207 .stroke-B6{stroke:#F7F8FE;}
-		.d2-1380559207 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-1380559207 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-1380559207 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-1380559207 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-1380559207 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-1380559207 .background-color-N1{background-color:#0A0F25;}
-		.d2-1380559207 .background-color-N2{background-color:#676C7E;}
-		.d2-1380559207 .background-color-N3{background-color:#9499AB;}
-		.d2-1380559207 .background-color-N4{background-color:#CFD2DD;}
-		.d2-1380559207 .background-color-N5{background-color:#DEE1EB;}
-		.d2-1380559207 .background-color-N6{background-color:#EEF1F8;}
-		.d2-1380559207 .background-color-N7{background-color:#FFFFFF;}
-		.d2-1380559207 .background-color-B1{background-color:#0D32B2;}
-		.d2-1380559207 .background-color-B2{background-color:#0D32B2;}
-		.d2-1380559207 .background-color-B3{background-color:#E3E9FD;}
-		.d2-1380559207 .background-color-B4{background-color:#E3E9FD;}
-		.d2-1380559207 .background-color-B5{background-color:#EDF0FD;}
-		.d2-1380559207 .background-color-B6{background-color:#F7F8FE;}
-		.d2-1380559207 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-1380559207 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-1380559207 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-1380559207 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-1380559207 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-1380559207 .color-N1{color:#0A0F25;}
-		.d2-1380559207 .color-N2{color:#676C7E;}
-		.d2-1380559207 .color-N3{color:#9499AB;}
-		.d2-1380559207 .color-N4{color:#CFD2DD;}
-		.d2-1380559207 .color-N5{color:#DEE1EB;}
-		.d2-1380559207 .color-N6{color:#EEF1F8;}
-		.d2-1380559207 .color-N7{color:#FFFFFF;}
-		.d2-1380559207 .color-B1{color:#0D32B2;}
-		.d2-1380559207 .color-B2{color:#0D32B2;}
-		.d2-1380559207 .color-B3{color:#E3E9FD;}
-		.d2-1380559207 .color-B4{color:#E3E9FD;}
-		.d2-1380559207 .color-B5{color:#EDF0FD;}
-		.d2-1380559207 .color-B6{color:#F7F8FE;}
-		.d2-1380559207 .color-AA2{color:#4A6FF3;}
-		.d2-1380559207 .color-AA4{color:#EDF0FD;}
-		.d2-1380559207 .color-AA5{color:#F7F8FE;}
-		.d2-1380559207 .color-AB4{color:#EDF0FD;}
-		.d2-1380559207 .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}]]></style><g id="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1380559207)" /></g><mask id="d2-1380559207" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
+		.d2-3098664959 .fill-N1{fill:#0A0F25;}
+		.d2-3098664959 .fill-N2{fill:#676C7E;}
+		.d2-3098664959 .fill-N3{fill:#9499AB;}
+		.d2-3098664959 .fill-N4{fill:#CFD2DD;}
+		.d2-3098664959 .fill-N5{fill:#DEE1EB;}
+		.d2-3098664959 .fill-N6{fill:#EEF1F8;}
+		.d2-3098664959 .fill-N7{fill:#FFFFFF;}
+		.d2-3098664959 .fill-B1{fill:#0D32B2;}
+		.d2-3098664959 .fill-B2{fill:#0D32B2;}
+		.d2-3098664959 .fill-B3{fill:#E3E9FD;}
+		.d2-3098664959 .fill-B4{fill:#E3E9FD;}
+		.d2-3098664959 .fill-B5{fill:#EDF0FD;}
+		.d2-3098664959 .fill-B6{fill:#F7F8FE;}
+		.d2-3098664959 .fill-AA2{fill:#4A6FF3;}
+		.d2-3098664959 .fill-AA4{fill:#EDF0FD;}
+		.d2-3098664959 .fill-AA5{fill:#F7F8FE;}
+		.d2-3098664959 .fill-AB4{fill:#EDF0FD;}
+		.d2-3098664959 .fill-AB5{fill:#F7F8FE;}
+		.d2-3098664959 .stroke-N1{stroke:#0A0F25;}
+		.d2-3098664959 .stroke-N2{stroke:#676C7E;}
+		.d2-3098664959 .stroke-N3{stroke:#9499AB;}
+		.d2-3098664959 .stroke-N4{stroke:#CFD2DD;}
+		.d2-3098664959 .stroke-N5{stroke:#DEE1EB;}
+		.d2-3098664959 .stroke-N6{stroke:#EEF1F8;}
+		.d2-3098664959 .stroke-N7{stroke:#FFFFFF;}
+		.d2-3098664959 .stroke-B1{stroke:#0D32B2;}
+		.d2-3098664959 .stroke-B2{stroke:#0D32B2;}
+		.d2-3098664959 .stroke-B3{stroke:#E3E9FD;}
+		.d2-3098664959 .stroke-B4{stroke:#E3E9FD;}
+		.d2-3098664959 .stroke-B5{stroke:#EDF0FD;}
+		.d2-3098664959 .stroke-B6{stroke:#F7F8FE;}
+		.d2-3098664959 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-3098664959 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-3098664959 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-3098664959 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-3098664959 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-3098664959 .background-color-N1{background-color:#0A0F25;}
+		.d2-3098664959 .background-color-N2{background-color:#676C7E;}
+		.d2-3098664959 .background-color-N3{background-color:#9499AB;}
+		.d2-3098664959 .background-color-N4{background-color:#CFD2DD;}
+		.d2-3098664959 .background-color-N5{background-color:#DEE1EB;}
+		.d2-3098664959 .background-color-N6{background-color:#EEF1F8;}
+		.d2-3098664959 .background-color-N7{background-color:#FFFFFF;}
+		.d2-3098664959 .background-color-B1{background-color:#0D32B2;}
+		.d2-3098664959 .background-color-B2{background-color:#0D32B2;}
+		.d2-3098664959 .background-color-B3{background-color:#E3E9FD;}
+		.d2-3098664959 .background-color-B4{background-color:#E3E9FD;}
+		.d2-3098664959 .background-color-B5{background-color:#EDF0FD;}
+		.d2-3098664959 .background-color-B6{background-color:#F7F8FE;}
+		.d2-3098664959 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-3098664959 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-3098664959 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-3098664959 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-3098664959 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-3098664959 .color-N1{color:#0A0F25;}
+		.d2-3098664959 .color-N2{color:#676C7E;}
+		.d2-3098664959 .color-N3{color:#9499AB;}
+		.d2-3098664959 .color-N4{color:#CFD2DD;}
+		.d2-3098664959 .color-N5{color:#DEE1EB;}
+		.d2-3098664959 .color-N6{color:#EEF1F8;}
+		.d2-3098664959 .color-N7{color:#FFFFFF;}
+		.d2-3098664959 .color-B1{color:#0D32B2;}
+		.d2-3098664959 .color-B2{color:#0D32B2;}
+		.d2-3098664959 .color-B3{color:#E3E9FD;}
+		.d2-3098664959 .color-B4{color:#E3E9FD;}
+		.d2-3098664959 .color-B5{color:#EDF0FD;}
+		.d2-3098664959 .color-B6{color:#F7F8FE;}
+		.d2-3098664959 .color-AA2{color:#4A6FF3;}
+		.d2-3098664959 .color-AA4{color:#EDF0FD;}
+		.d2-3098664959 .color-AA5{color:#F7F8FE;}
+		.d2-3098664959 .color-AB4{color:#EDF0FD;}
+		.d2-3098664959 .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}]]></style><g id="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3098664959)" /></g><mask id="d2-3098664959" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
 <rect x="-101" y="-101" width="256" height="434" fill="white"></rect>
 <rect x="23.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="22.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/scenarios/why.exp.svg

@@ -1,9 +1,9 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-2561523587" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-2561523587 .text-bold {
-	font-family: "d2-2561523587-font-bold";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-225207715" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-225207715 .text-bold {
+	font-family: "d2-225207715-font-bold";
 }
 @font-face {
-	font-family: d2-2561523587-font-bold;
+	font-family: d2-225207715-font-bold;
 	src: url("data:application/font-woff;base64,d09GRgABAAAAAAZwAAoAAAAACywAAguFAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAGAAAABgXxHXrmNtYXAAAAFUAAAAMgAAADIADQC0Z2x5ZgAAAYgAAAEQAAABEBXyvOFoZWFkAAACmAAAADYAAAA2G38e1GhoZWEAAALQAAAAJAAAACQKfwXCaG10eAAAAvQAAAAMAAAADAa9AGpsb2NhAAADAAAAAAgAAAAIAFgAtG1heHAAAAMIAAAAIAAAACAAGwD3bmFtZQAAAygAAAMoAAAIKgjwVkFwb3N0AAAGUAAAAB0AAAAg/9EAMgADAioCvAAFAAACigJYAAAASwKKAlgAAAFeADIBKQAAAgsHAwMEAwICBGAAAvcAAAADAAAAAAAAAABBREJPACAAIP//Au7/BgAAA9gBESAAAZ8AAAAAAfAClAAAACAAAwAAAAEAAwABAAAADAAEACYAAAAEAAQAAQAAAHn//wAAAHj///+JAAEAAAAAAAEAAgAAAAAABQBQAAACYgKUAAMACQAPABIAFQAAMxEhESUzJycjBzczNzcjFwM3JwERB1ACEv6lpCcpBCkpBCogmB96X18BTV4ClP1sW01iYvZfOzv+nrm6/o0Bc7oAAAEADgAAAfQB8AAZAAAzEyczFxYWFzM2Njc3MwcXIycmJicjBgYHBw6Yj54sChYKBAgSCCKYkJmeMAwXDAQJFAknAQLuUBUrFRUrFVD/8VIVLBUVKxZSAAABAAz/PgH9AfAAGwAAFyImJzcWFjMyNjc3AzMXFhYXMzY2NzczAw4CeBYhDxoHEgglKAoHv5RHCxIKBAgRCTyNrBc4T8IGBHABBSQdGgHj1SJGJSNHI9X+Cz5VKgAAAAABAAAAAguFT5ZgD18PPPUAAQPoAAAAANhdoIQAAAAA3WYvNv43/sQIbQPxAAEAAwACAAAAAAAAAAEAAAPY/u8AAAiY/jf+NwhtAAEAAAAAAAAAAAAAAAAAAAADArIAUAICAA4CCQAMAAAALABYAIgAAQAAAAMAkAAMAGMABwABAAAAAAAAAAAAAAAAAAQAA3icnJTPbhtVFMZ/TmzTCsECRVW6ie6CRZHo2FRJ1TYrh9SKRRQHjwtCQkgTz/iPMp4ZeSYO4QlY8xa8RVc8BM+BWKP5fOzYBdEmipJ8d+75851zvnOBHf5mm0r1IfBHPTFcYa9+bniLB/UTw9u061uGqzyp/Wm4RlibG67zea1n+CPeVn8z/ID96k+GH7JbbRv+mGfVHcOfbDv+Mvwp+7xd4Aq84FfDFXbJDG+xw4+Gt3mExaxUeUTTcI3P2DNcZw/oM6EgZkLCCMeQCSOumBGR4xMxY8KQiBBHhxYxhb4mBEKO0X9+DfApmBEo4pgCR4xPTEDO2CL+Iq+Uc2Uc6jSzuxYFYwIu5HFJQIIjZURKQsSl4hQUZLyiQYOcgfhmFOR45EyI8UiZMaJBlzan9BkzIcfRVqSSmU/KkIJrAuV3ZlF2ZkBEQm6srkgIxdOJXyTvDqc4umSyXY98uhHhSxzfybvklsr2Kzz9ujVmm3mXbALm6mesrsS6udYEx7ot87b4VrjgFe5e/dlk8v4ehfpfKPIFV5p/qEklYpLg3C4tfCnId49xHOncwVdHvqdDnxO6vKGvc4sePVqc0afDa/l26eH4mi5nHMujI7y4a0sxZ/yA4xs6siljR9afxcQifiYzdefiOFMdUzL1vGTuqdZIFd59wuUOpRvqyOUz0B6Vlk7zS7RnASNTRSaGU/VyqY3c+heaIqaqpZzt7X25DXPbveUW35Bqh0u1LjiVk1swet9UvXc0c60fj4CQlAtZDEiZ0qDgRrzPCbgixnGs7p1oSwpaK58yz41UEjEVgw6J4szI9Dcw3fjGfbChe2dvSSj/kunlqqr7ZHHq1e2M3qh7yzvfuhytTaBhU03X1DQQ18S0H2mn1vn78s31uqU85YiUmPBfL8AzPJrsc8AhY2UY6GZur0NTL0STlxyq+ksiWQ2l58giHODxnAMOeMnzd/q4ZOKMi1txWc/d4pgjuhx+UBUL+y5HvF59+/+sv4tpU7U4nq5OL+49xSd3UOsX2rPb97KniZWTmFu02604I2BacnG76zW5x3j/AAAA//8BAAD///S3T1F4nGJgZgCD/+cYjBiwAAAAAAD//wEAAP//LwECAwAAAA==");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -18,78 +18,78 @@
   opacity: 0.5;
 }
 
-		.d2-2561523587 .fill-N1{fill:#0A0F25;}
-		.d2-2561523587 .fill-N2{fill:#676C7E;}
-		.d2-2561523587 .fill-N3{fill:#9499AB;}
-		.d2-2561523587 .fill-N4{fill:#CFD2DD;}
-		.d2-2561523587 .fill-N5{fill:#DEE1EB;}
-		.d2-2561523587 .fill-N6{fill:#EEF1F8;}
-		.d2-2561523587 .fill-N7{fill:#FFFFFF;}
-		.d2-2561523587 .fill-B1{fill:#0D32B2;}
-		.d2-2561523587 .fill-B2{fill:#0D32B2;}
-		.d2-2561523587 .fill-B3{fill:#E3E9FD;}
-		.d2-2561523587 .fill-B4{fill:#E3E9FD;}
-		.d2-2561523587 .fill-B5{fill:#EDF0FD;}
-		.d2-2561523587 .fill-B6{fill:#F7F8FE;}
-		.d2-2561523587 .fill-AA2{fill:#4A6FF3;}
-		.d2-2561523587 .fill-AA4{fill:#EDF0FD;}
-		.d2-2561523587 .fill-AA5{fill:#F7F8FE;}
-		.d2-2561523587 .fill-AB4{fill:#EDF0FD;}
-		.d2-2561523587 .fill-AB5{fill:#F7F8FE;}
-		.d2-2561523587 .stroke-N1{stroke:#0A0F25;}
-		.d2-2561523587 .stroke-N2{stroke:#676C7E;}
-		.d2-2561523587 .stroke-N3{stroke:#9499AB;}
-		.d2-2561523587 .stroke-N4{stroke:#CFD2DD;}
-		.d2-2561523587 .stroke-N5{stroke:#DEE1EB;}
-		.d2-2561523587 .stroke-N6{stroke:#EEF1F8;}
-		.d2-2561523587 .stroke-N7{stroke:#FFFFFF;}
-		.d2-2561523587 .stroke-B1{stroke:#0D32B2;}
-		.d2-2561523587 .stroke-B2{stroke:#0D32B2;}
-		.d2-2561523587 .stroke-B3{stroke:#E3E9FD;}
-		.d2-2561523587 .stroke-B4{stroke:#E3E9FD;}
-		.d2-2561523587 .stroke-B5{stroke:#EDF0FD;}
-		.d2-2561523587 .stroke-B6{stroke:#F7F8FE;}
-		.d2-2561523587 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-2561523587 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-2561523587 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-2561523587 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-2561523587 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-2561523587 .background-color-N1{background-color:#0A0F25;}
-		.d2-2561523587 .background-color-N2{background-color:#676C7E;}
-		.d2-2561523587 .background-color-N3{background-color:#9499AB;}
-		.d2-2561523587 .background-color-N4{background-color:#CFD2DD;}
-		.d2-2561523587 .background-color-N5{background-color:#DEE1EB;}
-		.d2-2561523587 .background-color-N6{background-color:#EEF1F8;}
-		.d2-2561523587 .background-color-N7{background-color:#FFFFFF;}
-		.d2-2561523587 .background-color-B1{background-color:#0D32B2;}
-		.d2-2561523587 .background-color-B2{background-color:#0D32B2;}
-		.d2-2561523587 .background-color-B3{background-color:#E3E9FD;}
-		.d2-2561523587 .background-color-B4{background-color:#E3E9FD;}
-		.d2-2561523587 .background-color-B5{background-color:#EDF0FD;}
-		.d2-2561523587 .background-color-B6{background-color:#F7F8FE;}
-		.d2-2561523587 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-2561523587 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-2561523587 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-2561523587 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-2561523587 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-2561523587 .color-N1{color:#0A0F25;}
-		.d2-2561523587 .color-N2{color:#676C7E;}
-		.d2-2561523587 .color-N3{color:#9499AB;}
-		.d2-2561523587 .color-N4{color:#CFD2DD;}
-		.d2-2561523587 .color-N5{color:#DEE1EB;}
-		.d2-2561523587 .color-N6{color:#EEF1F8;}
-		.d2-2561523587 .color-N7{color:#FFFFFF;}
-		.d2-2561523587 .color-B1{color:#0D32B2;}
-		.d2-2561523587 .color-B2{color:#0D32B2;}
-		.d2-2561523587 .color-B3{color:#E3E9FD;}
-		.d2-2561523587 .color-B4{color:#E3E9FD;}
-		.d2-2561523587 .color-B5{color:#EDF0FD;}
-		.d2-2561523587 .color-B6{color:#F7F8FE;}
-		.d2-2561523587 .color-AA2{color:#4A6FF3;}
-		.d2-2561523587 .color-AA4{color:#EDF0FD;}
-		.d2-2561523587 .color-AA5{color:#F7F8FE;}
-		.d2-2561523587 .color-AB4{color:#EDF0FD;}
-		.d2-2561523587 .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}]]></style><g id="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 22.784731 67.985636 C 18.204000 106.000000 18.200001 126.000000 22.523419 162.028493" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2561523587)" /></g><g id="(y -&gt; x)[0]"><path d="M 31.214269 164.014364 C 35.794998 126.000000 35.799999 106.000000 31.476581 69.971507" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2561523587)" /></g><mask id="d2-2561523587" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
+		.d2-225207715 .fill-N1{fill:#0A0F25;}
+		.d2-225207715 .fill-N2{fill:#676C7E;}
+		.d2-225207715 .fill-N3{fill:#9499AB;}
+		.d2-225207715 .fill-N4{fill:#CFD2DD;}
+		.d2-225207715 .fill-N5{fill:#DEE1EB;}
+		.d2-225207715 .fill-N6{fill:#EEF1F8;}
+		.d2-225207715 .fill-N7{fill:#FFFFFF;}
+		.d2-225207715 .fill-B1{fill:#0D32B2;}
+		.d2-225207715 .fill-B2{fill:#0D32B2;}
+		.d2-225207715 .fill-B3{fill:#E3E9FD;}
+		.d2-225207715 .fill-B4{fill:#E3E9FD;}
+		.d2-225207715 .fill-B5{fill:#EDF0FD;}
+		.d2-225207715 .fill-B6{fill:#F7F8FE;}
+		.d2-225207715 .fill-AA2{fill:#4A6FF3;}
+		.d2-225207715 .fill-AA4{fill:#EDF0FD;}
+		.d2-225207715 .fill-AA5{fill:#F7F8FE;}
+		.d2-225207715 .fill-AB4{fill:#EDF0FD;}
+		.d2-225207715 .fill-AB5{fill:#F7F8FE;}
+		.d2-225207715 .stroke-N1{stroke:#0A0F25;}
+		.d2-225207715 .stroke-N2{stroke:#676C7E;}
+		.d2-225207715 .stroke-N3{stroke:#9499AB;}
+		.d2-225207715 .stroke-N4{stroke:#CFD2DD;}
+		.d2-225207715 .stroke-N5{stroke:#DEE1EB;}
+		.d2-225207715 .stroke-N6{stroke:#EEF1F8;}
+		.d2-225207715 .stroke-N7{stroke:#FFFFFF;}
+		.d2-225207715 .stroke-B1{stroke:#0D32B2;}
+		.d2-225207715 .stroke-B2{stroke:#0D32B2;}
+		.d2-225207715 .stroke-B3{stroke:#E3E9FD;}
+		.d2-225207715 .stroke-B4{stroke:#E3E9FD;}
+		.d2-225207715 .stroke-B5{stroke:#EDF0FD;}
+		.d2-225207715 .stroke-B6{stroke:#F7F8FE;}
+		.d2-225207715 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-225207715 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-225207715 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-225207715 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-225207715 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-225207715 .background-color-N1{background-color:#0A0F25;}
+		.d2-225207715 .background-color-N2{background-color:#676C7E;}
+		.d2-225207715 .background-color-N3{background-color:#9499AB;}
+		.d2-225207715 .background-color-N4{background-color:#CFD2DD;}
+		.d2-225207715 .background-color-N5{background-color:#DEE1EB;}
+		.d2-225207715 .background-color-N6{background-color:#EEF1F8;}
+		.d2-225207715 .background-color-N7{background-color:#FFFFFF;}
+		.d2-225207715 .background-color-B1{background-color:#0D32B2;}
+		.d2-225207715 .background-color-B2{background-color:#0D32B2;}
+		.d2-225207715 .background-color-B3{background-color:#E3E9FD;}
+		.d2-225207715 .background-color-B4{background-color:#E3E9FD;}
+		.d2-225207715 .background-color-B5{background-color:#EDF0FD;}
+		.d2-225207715 .background-color-B6{background-color:#F7F8FE;}
+		.d2-225207715 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-225207715 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-225207715 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-225207715 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-225207715 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-225207715 .color-N1{color:#0A0F25;}
+		.d2-225207715 .color-N2{color:#676C7E;}
+		.d2-225207715 .color-N3{color:#9499AB;}
+		.d2-225207715 .color-N4{color:#CFD2DD;}
+		.d2-225207715 .color-N5{color:#DEE1EB;}
+		.d2-225207715 .color-N6{color:#EEF1F8;}
+		.d2-225207715 .color-N7{color:#FFFFFF;}
+		.d2-225207715 .color-B1{color:#0D32B2;}
+		.d2-225207715 .color-B2{color:#0D32B2;}
+		.d2-225207715 .color-B3{color:#E3E9FD;}
+		.d2-225207715 .color-B4{color:#E3E9FD;}
+		.d2-225207715 .color-B5{color:#EDF0FD;}
+		.d2-225207715 .color-B6{color:#F7F8FE;}
+		.d2-225207715 .color-AA2{color:#4A6FF3;}
+		.d2-225207715 .color-AA4{color:#EDF0FD;}
+		.d2-225207715 .color-AA5{color:#F7F8FE;}
+		.d2-225207715 .color-AB4{color:#EDF0FD;}
+		.d2-225207715 .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}]]></style><g id="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 22.761710 67.985754 C 18.200001 106.000000 18.200001 126.000000 22.523419 162.028493" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-225207715)" /></g><g id="(y -&gt; x)[0]"><path d="M 31.238290 164.014246 C 35.799999 126.000000 35.799999 106.000000 31.476581 69.971507" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-225207715)" /></g><mask id="d2-225207715" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
 <rect x="-101" y="-101" width="256" height="434" fill="white"></rect>
 <rect x="23.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="22.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

e2etests/e2e_test.go

@@ -208,6 +208,8 @@ func run(t *testing.T, tc testCase) {
 		renderOpts := &d2svg.RenderOpts{
 			Pad:     0,
 			ThemeID: tc.themeID,
+			// To compare deltas at a fixed scale
+			// Scale: go2.Pointer(1.),
 		}
 		if len(diagram.Layers) > 0 || len(diagram.Scenarios) > 0 || len(diagram.Steps) > 0 {
 			masterID, err := diagram.HashID()

e2etests/stable_test.go

@@ -2782,8 +2782,12 @@ scenarios: {
 		loadFromFile(t, "outside_bottom_labels"),
 		loadFromFile(t, "label_positions"),
 		loadFromFile(t, "icon_positions"),
+		loadFromFile(t, "centered_horizontal_connections"),
 		loadFromFile(t, "all_shapes_link"),
 		loadFromFile(t, "nested_shape_labels"),
+		loadFromFile(t, "overlapping_child_label"),
+		loadFromFile(t, "dagre_spacing"),
+		loadFromFile(t, "dagre_spacing_right"),
 	}
 
 	runa(t, tcs)

e2etests/testdata/files/centered_horizontal_connections.d2

@@ -0,0 +1,46 @@
+direction: right
+
+style: {
+  fill: transparent
+}
+
+classes: {
+  rare: {
+    shape: image
+    icon: https://raw.githubusercontent.com/frederic-loui/RARE-web/automated-update/docs/img/rare.svg
+    width: 32
+    height: 32
+  }
+  xrd: {
+    shape: image
+    icon: https://raw.githubusercontent.com/frederic-loui/RARE-web/automated-update/docs/img/xrd.svg
+    width: 32
+    height: 32
+  }
+  vr-xrv9k: {
+    shape: image
+    icon: https://raw.githubusercontent.com/frederic-loui/RARE-web/automated-update/docs/img/vr-xrv9k.svg
+    width: 32
+    height: 32
+  }
+  linux: {
+    shape: image
+    icon: https://raw.githubusercontent.com/frederic-loui/RARE-web/automated-update/docs/img/linux.svg
+    width: 32
+    height: 32
+  }
+  crpd: {
+    shape: image
+    icon: https://raw.githubusercontent.com/frederic-loui/RARE-web/automated-update/docs/img/crpd.svg
+    width: 32
+    height: 32
+  }
+}
+
+r1.class: rare
+r2.class: rare
+
+r1 <-> r2: {
+  source-arrowhead.label: eth1
+  target-arrowhead.label: eth1
+}

e2etests/testdata/files/dagre_spacing.d2

@@ -0,0 +1,101 @@
+a: {
+  k.t -> f.i
+  f.g -> _.s.n
+}
+k
+k.s <-> u.o
+h.m.s -> a.f.g
+
+a.f.j -> u.s.j
+u: {
+  c -> _.s.z.c
+}
+
+s: {
+  n: {
+    style.stroke: red
+    f
+  }
+}
+
+s.n -> y.r: {style.stroke-width: 8; style.stroke: red}
+y.r -> a.g.i: 1\n2\n3\n4
+
+s.n.class: icon
+a.f.i: {
+  label: i\nii
+  class: OutsideTopCenter
+}
+u.s.j.class: OutsideBottomCenter
+u.s: {
+  label: s\ns\ns\ns
+  class: OutsideBottomCenter
+}
+a.f.j.class: [icon; IconOutsideLeftTop]
+u.c: {
+  label: cccccccccccccccccccc
+  class: OutsideRightMiddle
+}
+
+classes: {
+  icon: {
+    icon: https://icons.terrastruct.com/essentials/time.svg
+  }
+
+  OutsideTopLeft.label.near: outside-top-left
+  OutsideTopCenter.label.near: outside-top-center
+  OutsideTopRight.label.near: outside-top-right
+
+  OutsideLeftTop.label.near: outside-left-top
+  OutsideLeftMiddle.label.near: outside-left-center
+  OutsideLeftBottom.label.near: outside-left-bottom
+
+  OutsideRightTop.label.near: outside-right-top
+  OutsideRightMiddle.label.near: outside-right-center
+  OutsideRightBottom.label.near: outside-right-bottom
+
+  OutsideBottomLeft.label.near: outside-bottom-left
+  OutsideBottomCenter.label.near: outside-bottom-center
+  OutsideBottomRight.label.near: outside-bottom-right
+
+  InsideTopLeft.label.near: top-left
+  InsideTopCenter.label.near: top-center
+  InsideTopRight.label.near: top-right
+
+  InsideMiddleLeft.label.near: center-left
+  InsideMiddleCenter.label.near: center-center
+  InsideMiddleRight.label.near: center-right
+
+  InsideBottomLeft.label.near: bottom-left
+  InsideBottomCenter.label.near: bottom-center
+  InsideBottomRight.label.near: bottom-right
+
+  # Icon positions
+  IconOutsideTopLeft.icon.near: outside-top-left
+  IconOutsideTopCenter.icon.near: outside-top-center
+  IconOutsideTopRight.icon.near: outside-top-right
+
+  IconOutsideLeftTop.icon.near: outside-left-top
+  IconOutsideLeftMiddle.icon.near: outside-left-center
+  IconOutsideLeftBottom.icon.near: outside-left-bottom
+
+  IconOutsideRightTop.icon.near: outside-right-top
+  IconOutsideRightMiddle.icon.near: outside-right-center
+  IconOutsideRightBottom.icon.near: outside-right-bottom
+
+  IconOutsideBottomLeft.icon.near: outside-bottom-left
+  IconOutsideBottomCenter.icon.near: outside-bottom-center
+  IconOutsideBottomRight.icon.near: outside-bottom-right
+
+  IconInsideTopLeft.icon.near: top-left
+  IconInsideTopCenter.icon.near: top-center
+  IconInsideTopRight.icon.near: top-right
+
+  IconInsideMiddleLeft.icon.near: center-left
+  IconInsideMiddleCenter.icon.near: center-center
+  IconInsideMiddleRight.icon.near: center-right
+
+  IconInsideBottomLeft.icon.near: bottom-left
+  IconInsideBottomCenter.icon.near: bottom-center
+  IconInsideBottomRight.icon.near: bottom-right
+}

e2etests/testdata/files/dagre_spacing_right.d2

@@ -0,0 +1,103 @@
+direction: right
+
+a: {
+  k.t -> f.i
+  f.g -> _.s.n
+}
+k
+k.s <-> u.o
+h.m.s -> a.f.g
+
+a.f.j -> u.s.j
+u: {
+  c -> _.s.z.c
+}
+
+s: {
+  n: {
+    style.stroke: red
+    f
+  }
+}
+
+s.n -> y.r: {style.stroke-width: 8; style.stroke: red}
+y.r -> a.g.i: 1\n2\n3\n4
+
+s.n.class: icon
+a.f.i: {
+  label: i\nii
+  class: OutsideTopCenter
+}
+u.s.j.class: OutsideBottomCenter
+u.s: {
+  label: s\ns\ns\ns
+  class: OutsideBottomCenter
+}
+a.f.j.class: [icon; IconOutsideLeftTop]
+u.c: {
+  label: cccccccccccccccccccc
+  class: OutsideRightMiddle
+}
+
+classes: {
+  icon: {
+    icon: https://icons.terrastruct.com/essentials/time.svg
+  }
+
+  OutsideTopLeft.label.near: outside-top-left
+  OutsideTopCenter.label.near: outside-top-center
+  OutsideTopRight.label.near: outside-top-right
+
+  OutsideLeftTop.label.near: outside-left-top
+  OutsideLeftMiddle.label.near: outside-left-center
+  OutsideLeftBottom.label.near: outside-left-bottom
+
+  OutsideRightTop.label.near: outside-right-top
+  OutsideRightMiddle.label.near: outside-right-center
+  OutsideRightBottom.label.near: outside-right-bottom
+
+  OutsideBottomLeft.label.near: outside-bottom-left
+  OutsideBottomCenter.label.near: outside-bottom-center
+  OutsideBottomRight.label.near: outside-bottom-right
+
+  InsideTopLeft.label.near: top-left
+  InsideTopCenter.label.near: top-center
+  InsideTopRight.label.near: top-right
+
+  InsideMiddleLeft.label.near: center-left
+  InsideMiddleCenter.label.near: center-center
+  InsideMiddleRight.label.near: center-right
+
+  InsideBottomLeft.label.near: bottom-left
+  InsideBottomCenter.label.near: bottom-center
+  InsideBottomRight.label.near: bottom-right
+
+  # Icon positions
+  IconOutsideTopLeft.icon.near: outside-top-left
+  IconOutsideTopCenter.icon.near: outside-top-center
+  IconOutsideTopRight.icon.near: outside-top-right
+
+  IconOutsideLeftTop.icon.near: outside-left-top
+  IconOutsideLeftMiddle.icon.near: outside-left-center
+  IconOutsideLeftBottom.icon.near: outside-left-bottom
+
+  IconOutsideRightTop.icon.near: outside-right-top
+  IconOutsideRightMiddle.icon.near: outside-right-center
+  IconOutsideRightBottom.icon.near: outside-right-bottom
+
+  IconOutsideBottomLeft.icon.near: outside-bottom-left
+  IconOutsideBottomCenter.icon.near: outside-bottom-center
+  IconOutsideBottomRight.icon.near: outside-bottom-right
+
+  IconInsideTopLeft.icon.near: top-left
+  IconInsideTopCenter.icon.near: top-center
+  IconInsideTopRight.icon.near: top-right
+
+  IconInsideMiddleLeft.icon.near: center-left
+  IconInsideMiddleCenter.icon.near: center-center
+  IconInsideMiddleRight.icon.near: center-right
+
+  IconInsideBottomLeft.icon.near: bottom-left
+  IconInsideBottomCenter.icon.near: bottom-center
+  IconInsideBottomRight.icon.near: bottom-right
+}

e2etests/testdata/files/overlapping_child_label.d2

@@ -0,0 +1,45 @@
+heyy: {
+  label.near: bottom-right
+  yo -> hey
+  hey.label.near: outside-bottom-right
+}
+
+aaaa: {
+  label.near: top-right
+  icon.near: top-left
+  class: icon
+
+  bbbb: {
+    label.near: outside-top-left
+    icon.near: outside-top-right
+    class: icon
+  }
+}
+
+cccc: {
+  label.near: top-right
+  icon.near: bottom-left
+  class: icon
+
+  dddd: {
+    label.near: outside-top-right
+    icon.near: outside-bottom-left
+    class: icon
+  }
+}
+
+eeeeeeeeeeeeeeeeeee: {
+  label.near: center-right
+  icon.near: center-left
+  class: icon
+
+  fffffffffff: {
+    label.near: outside-right-center
+    icon.near: outside-left-center
+    class: icon
+  }
+}
+
+classes: {
+  icon.icon: https://icons.terrastruct.com/essentials/time.svg
+}

e2etests/testdata/patterns/3d/dagre/board.exp.json

@@ -8,7 +8,7 @@
       "type": "rectangle",
       "pos": {
         "x": 0,
-        "y": 15
+        "y": 2
       },
       "width": 53,
       "height": 66,
@@ -50,7 +50,7 @@
       "type": "hexagon",
       "pos": {
         "x": 128,
-        "y": 10
+        "y": 0
       },
       "width": 51,
       "height": 69,

e2etests/testdata/patterns/3d/dagre/sketch.exp.svg

@@ -1,9 +1,9 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 197 84"><svg id="d2-svg" class="d2-297823489" width="197" height="84" viewBox="-1 -2 197 84"><rect x="-1.000000" y="-2.000000" width="197.000000" height="84.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-297823489 .text-bold {
-	font-family: "d2-297823489-font-bold";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 197 85"><svg id="d2-svg" class="d2-439555198" width="197" height="85" viewBox="-1 -15 197 85"><rect x="-1.000000" y="-15.000000" width="197.000000" height="85.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-439555198 .text-bold {
+	font-family: "d2-439555198-font-bold";
 }
 @font-face {
-	font-family: d2-297823489-font-bold;
+	font-family: d2-439555198-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -18,78 +18,78 @@
   opacity: 0.5;
 }
 
-		.d2-297823489 .fill-N1{fill:#0A0F25;}
-		.d2-297823489 .fill-N2{fill:#676C7E;}
-		.d2-297823489 .fill-N3{fill:#9499AB;}
-		.d2-297823489 .fill-N4{fill:#CFD2DD;}
-		.d2-297823489 .fill-N5{fill:#DEE1EB;}
-		.d2-297823489 .fill-N6{fill:#EEF1F8;}
-		.d2-297823489 .fill-N7{fill:#FFFFFF;}
-		.d2-297823489 .fill-B1{fill:#0D32B2;}
-		.d2-297823489 .fill-B2{fill:#0D32B2;}
-		.d2-297823489 .fill-B3{fill:#E3E9FD;}
-		.d2-297823489 .fill-B4{fill:#E3E9FD;}
-		.d2-297823489 .fill-B5{fill:#EDF0FD;}
-		.d2-297823489 .fill-B6{fill:#F7F8FE;}
-		.d2-297823489 .fill-AA2{fill:#4A6FF3;}
-		.d2-297823489 .fill-AA4{fill:#EDF0FD;}
-		.d2-297823489 .fill-AA5{fill:#F7F8FE;}
-		.d2-297823489 .fill-AB4{fill:#EDF0FD;}
-		.d2-297823489 .fill-AB5{fill:#F7F8FE;}
-		.d2-297823489 .stroke-N1{stroke:#0A0F25;}
-		.d2-297823489 .stroke-N2{stroke:#676C7E;}
-		.d2-297823489 .stroke-N3{stroke:#9499AB;}
-		.d2-297823489 .stroke-N4{stroke:#CFD2DD;}
-		.d2-297823489 .stroke-N5{stroke:#DEE1EB;}
-		.d2-297823489 .stroke-N6{stroke:#EEF1F8;}
-		.d2-297823489 .stroke-N7{stroke:#FFFFFF;}
-		.d2-297823489 .stroke-B1{stroke:#0D32B2;}
-		.d2-297823489 .stroke-B2{stroke:#0D32B2;}
-		.d2-297823489 .stroke-B3{stroke:#E3E9FD;}
-		.d2-297823489 .stroke-B4{stroke:#E3E9FD;}
-		.d2-297823489 .stroke-B5{stroke:#EDF0FD;}
-		.d2-297823489 .stroke-B6{stroke:#F7F8FE;}
-		.d2-297823489 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-297823489 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-297823489 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-297823489 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-297823489 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-297823489 .background-color-N1{background-color:#0A0F25;}
-		.d2-297823489 .background-color-N2{background-color:#676C7E;}
-		.d2-297823489 .background-color-N3{background-color:#9499AB;}
-		.d2-297823489 .background-color-N4{background-color:#CFD2DD;}
-		.d2-297823489 .background-color-N5{background-color:#DEE1EB;}
-		.d2-297823489 .background-color-N6{background-color:#EEF1F8;}
-		.d2-297823489 .background-color-N7{background-color:#FFFFFF;}
-		.d2-297823489 .background-color-B1{background-color:#0D32B2;}
-		.d2-297823489 .background-color-B2{background-color:#0D32B2;}
-		.d2-297823489 .background-color-B3{background-color:#E3E9FD;}
-		.d2-297823489 .background-color-B4{background-color:#E3E9FD;}
-		.d2-297823489 .background-color-B5{background-color:#EDF0FD;}
-		.d2-297823489 .background-color-B6{background-color:#F7F8FE;}
-		.d2-297823489 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-297823489 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-297823489 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-297823489 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-297823489 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-297823489 .color-N1{color:#0A0F25;}
-		.d2-297823489 .color-N2{color:#676C7E;}
-		.d2-297823489 .color-N3{color:#9499AB;}
-		.d2-297823489 .color-N4{color:#CFD2DD;}
-		.d2-297823489 .color-N5{color:#DEE1EB;}
-		.d2-297823489 .color-N6{color:#EEF1F8;}
-		.d2-297823489 .color-N7{color:#FFFFFF;}
-		.d2-297823489 .color-B1{color:#0D32B2;}
-		.d2-297823489 .color-B2{color:#0D32B2;}
-		.d2-297823489 .color-B3{color:#E3E9FD;}
-		.d2-297823489 .color-B4{color:#E3E9FD;}
-		.d2-297823489 .color-B5{color:#EDF0FD;}
-		.d2-297823489 .color-B6{color:#F7F8FE;}
-		.d2-297823489 .color-AA2{color:#4A6FF3;}
-		.d2-297823489 .color-AA4{color:#EDF0FD;}
-		.d2-297823489 .color-AA5{color:#F7F8FE;}
-		.d2-297823489 .color-AB4{color:#EDF0FD;}
-		.d2-297823489 .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}]]></style><style type="text/css"><![CDATA[
+		.d2-439555198 .fill-N1{fill:#0A0F25;}
+		.d2-439555198 .fill-N2{fill:#676C7E;}
+		.d2-439555198 .fill-N3{fill:#9499AB;}
+		.d2-439555198 .fill-N4{fill:#CFD2DD;}
+		.d2-439555198 .fill-N5{fill:#DEE1EB;}
+		.d2-439555198 .fill-N6{fill:#EEF1F8;}
+		.d2-439555198 .fill-N7{fill:#FFFFFF;}
+		.d2-439555198 .fill-B1{fill:#0D32B2;}
+		.d2-439555198 .fill-B2{fill:#0D32B2;}
+		.d2-439555198 .fill-B3{fill:#E3E9FD;}
+		.d2-439555198 .fill-B4{fill:#E3E9FD;}
+		.d2-439555198 .fill-B5{fill:#EDF0FD;}
+		.d2-439555198 .fill-B6{fill:#F7F8FE;}
+		.d2-439555198 .fill-AA2{fill:#4A6FF3;}
+		.d2-439555198 .fill-AA4{fill:#EDF0FD;}
+		.d2-439555198 .fill-AA5{fill:#F7F8FE;}
+		.d2-439555198 .fill-AB4{fill:#EDF0FD;}
+		.d2-439555198 .fill-AB5{fill:#F7F8FE;}
+		.d2-439555198 .stroke-N1{stroke:#0A0F25;}
+		.d2-439555198 .stroke-N2{stroke:#676C7E;}
+		.d2-439555198 .stroke-N3{stroke:#9499AB;}
+		.d2-439555198 .stroke-N4{stroke:#CFD2DD;}
+		.d2-439555198 .stroke-N5{stroke:#DEE1EB;}
+		.d2-439555198 .stroke-N6{stroke:#EEF1F8;}
+		.d2-439555198 .stroke-N7{stroke:#FFFFFF;}
+		.d2-439555198 .stroke-B1{stroke:#0D32B2;}
+		.d2-439555198 .stroke-B2{stroke:#0D32B2;}
+		.d2-439555198 .stroke-B3{stroke:#E3E9FD;}
+		.d2-439555198 .stroke-B4{stroke:#E3E9FD;}
+		.d2-439555198 .stroke-B5{stroke:#EDF0FD;}
+		.d2-439555198 .stroke-B6{stroke:#F7F8FE;}
+		.d2-439555198 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-439555198 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-439555198 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-439555198 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-439555198 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-439555198 .background-color-N1{background-color:#0A0F25;}
+		.d2-439555198 .background-color-N2{background-color:#676C7E;}
+		.d2-439555198 .background-color-N3{background-color:#9499AB;}
+		.d2-439555198 .background-color-N4{background-color:#CFD2DD;}
+		.d2-439555198 .background-color-N5{background-color:#DEE1EB;}
+		.d2-439555198 .background-color-N6{background-color:#EEF1F8;}
+		.d2-439555198 .background-color-N7{background-color:#FFFFFF;}
+		.d2-439555198 .background-color-B1{background-color:#0D32B2;}
+		.d2-439555198 .background-color-B2{background-color:#0D32B2;}
+		.d2-439555198 .background-color-B3{background-color:#E3E9FD;}
+		.d2-439555198 .background-color-B4{background-color:#E3E9FD;}
+		.d2-439555198 .background-color-B5{background-color:#EDF0FD;}
+		.d2-439555198 .background-color-B6{background-color:#F7F8FE;}
+		.d2-439555198 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-439555198 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-439555198 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-439555198 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-439555198 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-439555198 .color-N1{color:#0A0F25;}
+		.d2-439555198 .color-N2{color:#676C7E;}
+		.d2-439555198 .color-N3{color:#9499AB;}
+		.d2-439555198 .color-N4{color:#CFD2DD;}
+		.d2-439555198 .color-N5{color:#DEE1EB;}
+		.d2-439555198 .color-N6{color:#EEF1F8;}
+		.d2-439555198 .color-N7{color:#FFFFFF;}
+		.d2-439555198 .color-B1{color:#0D32B2;}
+		.d2-439555198 .color-B2{color:#0D32B2;}
+		.d2-439555198 .color-B3{color:#E3E9FD;}
+		.d2-439555198 .color-B4{color:#E3E9FD;}
+		.d2-439555198 .color-B5{color:#EDF0FD;}
+		.d2-439555198 .color-B6{color:#F7F8FE;}
+		.d2-439555198 .color-AA2{color:#4A6FF3;}
+		.d2-439555198 .color-AA4{color:#EDF0FD;}
+		.d2-439555198 .color-AA5{color:#F7F8FE;}
+		.d2-439555198 .color-AB4{color:#EDF0FD;}
+		.d2-439555198 .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}]]></style><style type="text/css"><![CDATA[
 .dots-overlay {
 	fill: url(#dots);
 	mix-blend-mode: multiply;
@@ -122,12 +122,12 @@
 <rect x="7" y="7" width="1" height="1" fill="#0A0F25"/>
 </g>
 </pattern>
-</defs><g id="x"><g class="shape" ><defs><mask id="border-mask-x" maskUnits="userSpaceOnUse" x="0" y="0" width="68" height="81">
-<rect x="0" y="0" width="68" height="81" fill="white"></rect>
-<path d="M0,15L15,0L68,0L68,66L53,81L0,81L0,15L53,15L53,81M53,15L68,0" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="0.000000" y="15.000000" width="53.000000" height="66.000000" mask="url(#border-mask-x)" stroke="none" class=" fill-B6" style="stroke-width:2;" /><rect x="0.000000" y="15.000000" width="53.000000" height="66.000000" mask="url(#border-mask-x)" class="dots-overlay" style="stroke-width:2;" /><polygon mask="url(#border-mask-x)" points="0,15 15,0 68,0 68,66 53,81 53,15" class=" fill-B5" style="stroke-width:2;" /><path d="M0,15 L15,0 L68,0 L68,66 L53,81 L0,81 L0,15 L53,15 L53,81 M53,15 L68,0" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="26.500000" y="53.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><defs><mask id="border-mask-y" maskUnits="userSpaceOnUse" x="128" y="-5" width="66" height="84">
-<rect x="128" y="-5" width="66" height="84" fill="white"></rect>
-<path d="M140,10L155,3L181,3L194,37L181,72L166,79L140,79L128,44L140,10L166,10L179,44L166,79M166,10L181,3M179,44L194,37M166,79L181,72" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><polygon x="128.000000" y="10.000000" mask="url(#border-mask-y)" points="140,10 166,10 179,44 166,79 140,79 128,44" stroke="none" class=" fill-N5" style="stroke-width:2;" /><polygon x="128.000000" y="10.000000" mask="url(#border-mask-y)" points="140,10 166,10 179,44 166,79 140,79 128,44" class="dots-overlay" style="stroke-width:2;" /><polygon mask="url(#border-mask-y)" points="155,3 181,3 194,37 181,72 166,79 179,44 166,10 140,10" class=" fill-N4" style="stroke-width:2;" /><path d="M140,10 L155,3 L181,3 L194,37 L181,72 L166,79 L140,79 L128,44 L140,10 L166,10 L179,44 L166,79 M166,10 L181,3 M179,44 L194,37 M166,79 L181,72" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="153.500000" y="50.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><mask id="d2-297823489" maskUnits="userSpaceOnUse" x="-1" y="-2" width="197" height="84">
-<rect x="-1" y="-2" width="197" height="84" fill="white"></rect>
-<rect x="22.500000" y="37.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="149.000000" y="34.000000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+</defs><g id="x"><g class="shape" ><defs><mask id="border-mask-x" maskUnits="userSpaceOnUse" x="0" y="-13" width="68" height="81">
+<rect x="0" y="-13" width="68" height="81" fill="white"></rect>
+<path d="M0,2L15,-13L68,-13L68,53L53,68L0,68L0,2L53,2L53,68M53,2L68,-13" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="0.000000" y="2.000000" width="53.000000" height="66.000000" mask="url(#border-mask-x)" stroke="none" class=" fill-B6" style="stroke-width:2;" /><rect x="0.000000" y="2.000000" width="53.000000" height="66.000000" mask="url(#border-mask-x)" class="dots-overlay" style="stroke-width:2;" /><polygon mask="url(#border-mask-x)" points="0,2 15,-13 68,-13 68,53 53,68 53,2" class=" fill-B5" style="stroke-width:2;" /><path d="M0,2 L15,-13 L68,-13 L68,53 L53,68 L0,68 L0,2 L53,2 L53,68 M53,2 L68,-13" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="26.500000" y="40.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><defs><mask id="border-mask-y" maskUnits="userSpaceOnUse" x="128" y="-15" width="66" height="84">
+<rect x="128" y="-15" width="66" height="84" fill="white"></rect>
+<path d="M140,0L155,-7L181,-7L194,27L181,62L166,69L140,69L128,34L140,0L166,0L179,34L166,69M166,0L181,-7M179,34L194,27M166,69L181,62" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><polygon x="128.000000" y="0.000000" mask="url(#border-mask-y)" points="140,0 166,0 179,34 166,69 140,69 128,34" stroke="none" class=" fill-N5" style="stroke-width:2;" /><polygon x="128.000000" y="0.000000" mask="url(#border-mask-y)" points="140,0 166,0 179,34 166,69 140,69 128,34" class="dots-overlay" style="stroke-width:2;" /><polygon mask="url(#border-mask-y)" points="155,-7 181,-7 194,27 181,62 166,69 179,34 166,0 140,0" class=" fill-N4" style="stroke-width:2;" /><path d="M140,0 L155,-7 L181,-7 L194,27 L181,62 L166,69 L140,69 L128,34 L140,0 L166,0 L179,34 L166,69 M166,0 L181,-7 M179,34 L194,27 M166,69 L181,62" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="153.500000" y="40.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><mask id="d2-439555198" maskUnits="userSpaceOnUse" x="-1" y="-15" width="197" height="85">
+<rect x="-1" y="-15" width="197" height="85" fill="white"></rect>
+<rect x="22.500000" y="24.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="149.000000" y="24.000000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests/testdata/patterns/all_shapes/dagre/board.exp.json

@@ -470,7 +470,7 @@
       "type": "person",
       "pos": {
         "x": 653,
-        "y": 399
+        "y": 412
       },
       "width": 63,
       "height": 66,
@@ -1082,11 +1082,11 @@
         },
         {
           "x": 684.5999755859375,
-          "y": 348.6000061035156
+          "y": 351.20001220703125
         },
         {
           "x": 685,
-          "y": 399
+          "y": 412
         }
       ],
       "isCurve": true,

e2etests/testdata/patterns/multiple/dagre/board.exp.json

@@ -8,7 +8,7 @@
       "type": "rectangle",
       "pos": {
         "x": 0,
-        "y": 23
+        "y": 13
       },
       "width": 111,
       "height": 66,
@@ -50,7 +50,7 @@
       "type": "rectangle",
       "pos": {
         "x": 9,
-        "y": 212
+        "y": 192
       },
       "width": 94,
       "height": 94,
@@ -92,7 +92,7 @@
       "type": "page",
       "pos": {
         "x": 16,
-        "y": 432
+        "y": 402
       },
       "width": 79,
       "height": 87,
@@ -134,7 +134,7 @@
       "type": "parallelogram",
       "pos": {
         "x": 181,
-        "y": 23
+        "y": 13
       },
       "width": 196,
       "height": 66,
@@ -176,7 +176,7 @@
       "type": "document",
       "pos": {
         "x": 221,
-        "y": 221
+        "y": 201
       },
       "width": 117,
       "height": 76,
@@ -218,7 +218,7 @@
       "type": "cylinder",
       "pos": {
         "x": 227,
-        "y": 416
+        "y": 386
       },
       "width": 104,
       "height": 118,
@@ -259,8 +259,8 @@
       "id": "queue",
       "type": "queue",
       "pos": {
-        "x": 447,
-        "y": 23
+        "x": 437,
+        "y": 13
       },
       "width": 141,
       "height": 66,
@@ -301,8 +301,8 @@
       "id": "package",
       "type": "package",
       "pos": {
-        "x": 466,
-        "y": 223
+        "x": 456,
+        "y": 203
       },
       "width": 103,
       "height": 73,
@@ -343,8 +343,8 @@
       "id": "step",
       "type": "step",
       "pos": {
-        "x": 460,
-        "y": 425
+        "x": 450,
+        "y": 395
       },
       "width": 116,
       "height": 101,
@@ -385,8 +385,8 @@
       "id": "callout",
       "type": "callout",
       "pos": {
-        "x": 667,
-        "y": 11
+        "x": 657,
+        "y": 1
       },
       "width": 95,
       "height": 91,
@@ -427,8 +427,8 @@
       "id": "stored_data",
       "type": "stored_data",
       "pos": {
-        "x": 639,
-        "y": 226
+        "x": 629,
+        "y": 206
       },
       "width": 151,
       "height": 66,
@@ -469,8 +469,8 @@
       "id": "person",
       "type": "person",
       "pos": {
-        "x": 683,
-        "y": 429
+        "x": 673,
+        "y": 412
       },
       "width": 63,
       "height": 66,
@@ -511,8 +511,8 @@
       "id": "diamond",
       "type": "diamond",
       "pos": {
-        "x": 832,
-        "y": 10
+        "x": 812,
+        "y": 0
       },
       "width": 156,
       "height": 92,
@@ -553,8 +553,8 @@
       "id": "oval",
       "type": "oval",
       "pos": {
-        "x": 862,
-        "y": 224
+        "x": 842,
+        "y": 204
       },
       "width": 97,
       "height": 70,
@@ -595,8 +595,8 @@
       "id": "circle",
       "type": "oval",
       "pos": {
-        "x": 865,
-        "y": 430
+        "x": 845,
+        "y": 400
       },
       "width": 91,
       "height": 91,
@@ -637,8 +637,8 @@
       "id": "hexagon",
       "type": "hexagon",
       "pos": {
-        "x": 1058,
-        "y": 22
+        "x": 1038,
+        "y": 12
       },
       "width": 128,
       "height": 69,
@@ -679,8 +679,8 @@
       "id": "cloud",
       "type": "cloud",
       "pos": {
-        "x": 1070,
-        "y": 217
+        "x": 1050,
+        "y": 197
       },
       "width": 104,
       "height": 84,
@@ -744,20 +744,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 60.5,
-          "y": 89
+          "x": 55.5,
+          "y": 79
         },
         {
-          "x": 60.5,
-          "y": 139.39999389648438
+          "x": 55.5,
+          "y": 129.39999389648438
         },
         {
-          "x": 60.5,
-          "y": 162
+          "x": 55.5,
+          "y": 150
         },
         {
-          "x": 60.5,
-          "y": 202
+          "x": 55.5,
+          "y": 182
         }
       ],
       "isCurve": true,
@@ -791,20 +791,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 60.5,
-          "y": 306
+          "x": 55.5,
+          "y": 286
         },
         {
-          "x": 60.5,
-          "y": 346
+          "x": 55.5,
+          "y": 326
         },
         {
-          "x": 60.599998474121094,
-          "y": 369.20001220703125
+          "x": 55.599998474121094,
+          "y": 347.20001220703125
         },
         {
-          "x": 61,
-          "y": 422
+          "x": 56,
+          "y": 392
         }
       ],
       "isCurve": true,
@@ -838,20 +838,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 284,
-          "y": 89
+          "x": 279,
+          "y": 79
         },
         {
-          "x": 284,
-          "y": 139.39999389648438
+          "x": 279,
+          "y": 129.39999389648438
         },
         {
-          "x": 284,
-          "y": 163.8000030517578
+          "x": 279,
+          "y": 151.8000030517578
         },
         {
-          "x": 284,
-          "y": 211
+          "x": 279,
+          "y": 191
         }
       ],
       "isCurve": true,
@@ -885,20 +885,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 284,
-          "y": 283
+          "x": 279,
+          "y": 267
         },
         {
-          "x": 284,
-          "y": 341.3999938964844
+          "x": 279,
+          "y": 322.20001220703125
         },
         {
-          "x": 284,
-          "y": 366
+          "x": 279,
+          "y": 344
         },
         {
-          "x": 284,
-          "y": 406
+          "x": 279,
+          "y": 376
         }
       ],
       "isCurve": true,
@@ -932,20 +932,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 522,
-          "y": 89
+          "x": 507,
+          "y": 79
         },
         {
-          "x": 522.4000244140625,
-          "y": 139.39999389648438
+          "x": 507.3999938964844,
+          "y": 129.39999389648438
         },
         {
-          "x": 522.5999755859375,
-          "y": 164.1999969482422
+          "x": 507.6000061035156,
+          "y": 152.1999969482422
         },
         {
-          "x": 523,
-          "y": 213
+          "x": 508,
+          "y": 193
         }
       ],
       "isCurve": true,
@@ -979,20 +979,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 522,
-          "y": 296
+          "x": 507,
+          "y": 276
         },
         {
-          "x": 522.4000244140625,
-          "y": 344
+          "x": 507.3999938964844,
+          "y": 324
         },
         {
-          "x": 522.5999755859375,
-          "y": 367.79998779296875
+          "x": 507.6000061035156,
+          "y": 345.79998779296875
         },
         {
-          "x": 523,
-          "y": 415
+          "x": 508,
+          "y": 385
         }
       ],
       "isCurve": true,
@@ -1026,20 +1026,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 720,
-          "y": 95
+          "x": 705,
+          "y": 47
         },
         {
-          "x": 719.5999755859375,
-          "y": 140.60000610351562
+          "x": 704.5999755859375,
+          "y": 123
         },
         {
-          "x": 719.5999755859375,
-          "y": 164.8000030517578
+          "x": 704.5999755859375,
+          "y": 152.8000030517578
         },
         {
-          "x": 720,
-          "y": 216
+          "x": 705,
+          "y": 196
         }
       ],
       "isCurve": true,
@@ -1073,20 +1073,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 719,
-          "y": 292
+          "x": 704,
+          "y": 272
         },
         {
-          "x": 719.4000244140625,
-          "y": 343.20001220703125
+          "x": 704.4000244140625,
+          "y": 323.20001220703125
         },
         {
-          "x": 719.5999755859375,
-          "y": 368.6000061035156
+          "x": 704.5999755859375,
+          "y": 349.6000061035156
         },
         {
-          "x": 720,
-          "y": 419
+          "x": 705,
+          "y": 404
         }
       ],
       "isCurve": true,
@@ -1120,20 +1120,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 915,
-          "y": 100
+          "x": 890,
+          "y": 92
         },
         {
-          "x": 915,
-          "y": 141.60000610351562
+          "x": 890,
+          "y": 132
         },
         {
-          "x": 915,
-          "y": 164.39999389648438
+          "x": 890,
+          "y": 152.60000610351562
         },
         {
-          "x": 915,
-          "y": 214
+          "x": 890,
+          "y": 195
         }
       ],
       "isCurve": true,
@@ -1167,20 +1167,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 915,
-          "y": 294
+          "x": 890,
+          "y": 274
         },
         {
-          "x": 915,
-          "y": 343.6000061035156
+          "x": 890,
+          "y": 323.6000061035156
         },
         {
-          "x": 915,
-          "y": 368.79998779296875
+          "x": 890,
+          "y": 347
         },
         {
-          "x": 915,
-          "y": 420
+          "x": 890,
+          "y": 391
         }
       ],
       "isCurve": true,
@@ -1214,20 +1214,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 1127,
-          "y": 91
+          "x": 1102,
+          "y": 81
         },
         {
-          "x": 1127,
-          "y": 139.8000030517578
+          "x": 1102,
+          "y": 129.8000030517578
         },
         {
-          "x": 1127,
-          "y": 163.8000030517578
+          "x": 1102,
+          "y": 152.60000610351562
         },
         {
-          "x": 1127,
-          "y": 211
+          "x": 1102,
+          "y": 195
         }
       ],
       "isCurve": true,

e2etests/testdata/patterns/paper/dagre/board.exp.json

@@ -470,7 +470,7 @@
       "type": "person",
       "pos": {
         "x": 653,
-        "y": 399
+        "y": 412
       },
       "width": 63,
       "height": 66,
@@ -1082,11 +1082,11 @@
         },
         {
           "x": 684.5999755859375,
-          "y": 348.6000061035156
+          "y": 351.20001220703125
         },
         {
           "x": 685,
-          "y": 399
+          "y": 412
         }
       ],
       "isCurve": true,

e2etests/testdata/patterns/real-lines/dagre/board.exp.json

@@ -7,11 +7,11 @@
       "id": "NETWORK",
       "type": "rectangle",
       "pos": {
-        "x": 0,
-        "y": 41
+        "x": 23,
+        "y": 76
       },
-      "width": 361,
-      "height": 640,
+      "width": 314,
+      "height": 508,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -49,11 +49,11 @@
       "id": "NETWORK.CELL TOWER",
       "type": "rectangle",
       "pos": {
-        "x": 20,
-        "y": 106
+        "x": 53,
+        "y": 117
       },
-      "width": 321,
-      "height": 545,
+      "width": 254,
+      "height": 437,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -91,8 +91,8 @@
       "id": "NETWORK.CELL TOWER.satellites",
       "type": "stored_data",
       "pos": {
-        "x": 95,
-        "y": 200
+        "x": 100,
+        "y": 157
       },
       "width": 161,
       "height": 66,
@@ -133,7 +133,7 @@
       "type": "rectangle",
       "pos": {
         "x": 105,
-        "y": 496
+        "y": 458
       },
       "width": 151,
       "height": 66,
@@ -173,7 +173,7 @@
       "id": "costumes",
       "type": "sql_table",
       "pos": {
-        "x": 401,
+        "x": 411,
         "y": 100
       },
       "width": 294,
@@ -332,7 +332,7 @@
       "id": "monsters",
       "type": "sql_table",
       "pos": {
-        "x": 401,
+        "x": 411,
         "y": 401
       },
       "width": 294,
@@ -514,20 +514,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 160,
-          "y": 267
+          "x": 163,
+          "y": 223
         },
         {
-          "x": 113.80000305175781,
-          "y": 356.6000061035156
+          "x": 114.4000015258789,
+          "y": 317
         },
         {
           "x": 114.44999694824219,
-          "y": 402.6000061035156
+          "y": 364.1000061035156
         },
         {
           "x": 163.25,
-          "y": 497
+          "y": 458.5
         }
       ],
       "isCurve": true,
@@ -562,19 +562,19 @@
       "route": [
         {
           "x": 180,
-          "y": 267
+          "y": 223
         },
         {
           "x": 180.1999969482422,
-          "y": 356.6000061035156
+          "y": 317
         },
         {
           "x": 180.25,
-          "y": 402.6000061035156
+          "y": 364.1000061035156
         },
         {
           "x": 180.25,
-          "y": 497
+          "y": 458.5
         }
       ],
       "isCurve": true,
@@ -608,20 +608,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 200,
-          "y": 267
+          "x": 198,
+          "y": 223
         },
         {
-          "x": 246.60000610351562,
-          "y": 356.6000061035156
+          "x": 246.1999969482422,
+          "y": 317
         },
         {
           "x": 246.0500030517578,
-          "y": 402.6000061035156
+          "y": 364.1000061035156
         },
         {
           "x": 197.25,
-          "y": 497
+          "y": 458.5
         }
       ],
       "isCurve": true,
@@ -655,19 +655,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 547.5,
-          "y": 280
+          "x": 557.5,
+          "y": 279.5
         },
         {
-          "x": 547.5,
-          "y": 328.3999938964844
+          "x": 557.5,
+          "y": 328.29998779296875
         },
         {
-          "x": 547.5,
+          "x": 557.5,
           "y": 352.70001220703125
         },
         {
-          "x": 547.5,
+          "x": 557.5,
           "y": 401.5
         }
       ],

e2etests/testdata/patterns/real/dagre/board.exp.json

@@ -7,11 +7,11 @@
       "id": "NETWORK",
       "type": "rectangle",
       "pos": {
-        "x": 0,
-        "y": 41
+        "x": 23,
+        "y": 19
       },
-      "width": 361,
-      "height": 422,
+      "width": 314,
+      "height": 394,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -49,11 +49,11 @@
       "id": "NETWORK.CELL TOWER",
       "type": "rectangle",
       "pos": {
-        "x": 20,
-        "y": 106
+        "x": 53,
+        "y": 60
       },
-      "width": 321,
-      "height": 327,
+      "width": 254,
+      "height": 323,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -91,8 +91,8 @@
       "id": "NETWORK.CELL TOWER.satellites",
       "type": "stored_data",
       "pos": {
-        "x": 95,
-        "y": 148
+        "x": 100,
+        "y": 100
       },
       "width": 161,
       "height": 66,
@@ -133,7 +133,7 @@
       "type": "rectangle",
       "pos": {
         "x": 105,
-        "y": 335
+        "y": 287
       },
       "width": 151,
       "height": 66,
@@ -196,20 +196,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 150,
-          "y": 215
+          "x": 152,
+          "y": 166
         },
         {
-          "x": 111.80000305175781,
-          "y": 263
+          "x": 112.1989974975586,
+          "y": 214.39999389648438
         },
         {
           "x": 112.25,
-          "y": 287.20001220703125
+          "y": 238.6999969482422
         },
         {
           "x": 152.25,
-          "y": 336
+          "y": 287.5
         }
       ],
       "isCurve": true,
@@ -244,19 +244,19 @@
       "route": [
         {
           "x": 180,
-          "y": 215
+          "y": 166
         },
         {
           "x": 180.1999969482422,
-          "y": 263
+          "y": 214.39999389648438
         },
         {
           "x": 180.25,
-          "y": 287.20001220703125
+          "y": 238.6999969482422
         },
         {
           "x": 180.25,
-          "y": 336
+          "y": 287.5
         }
       ],
       "isCurve": true,
@@ -290,20 +290,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 211,
-          "y": 215
+          "x": 209,
+          "y": 166
         },
         {
-          "x": 248.8000030517578,
-          "y": 263
+          "x": 248.39999389648438,
+          "y": 214.39999389648438
         },
         {
           "x": 248.25,
-          "y": 287.20001220703125
+          "y": 238.6999969482422
         },
         {
           "x": 208.25,
-          "y": 336
+          "y": 287.5
         }
       ],
       "isCurve": true,

e2etests/testdata/patterns/real/dagre/sketch.exp.svg

@@ -1,16 +1,16 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 363 464"><svg id="d2-svg" class="d2-3255560050" width="363" height="464" viewBox="-1 0 363 464"><rect x="-1.000000" y="0.000000" width="363.000000" height="464.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-3255560050 .text-mono {
-	font-family: "d2-3255560050-font-mono";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 316 436"><svg id="d2-svg" class="d2-1635834384" width="316" height="436" viewBox="22 -22 316 436"><rect x="22.000000" y="-22.000000" width="316.000000" height="436.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-1635834384 .text-mono {
+	font-family: "d2-1635834384-font-mono";
 }
 @font-face {
-	font-family: d2-3255560050-font-mono;
+	font-family: d2-1635834384-font-mono;
 	src: url("data:application/font-woff;base64,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");
 }
-.d2-3255560050 .text-mono-italic {
-	font-family: "d2-3255560050-font-mono-italic";
+.d2-1635834384 .text-mono-italic {
+	font-family: "d2-1635834384-font-mono-italic";
 }
 @font-face {
-	font-family: d2-3255560050-font-mono-italic;
+	font-family: d2-1635834384-font-mono-italic;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -25,78 +25,78 @@
   opacity: 0.5;
 }
 
-		.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}]]></style><style type="text/css"><![CDATA[
+		.d2-1635834384 .fill-N1{fill:#0A0F25;}
+		.d2-1635834384 .fill-N2{fill:#676C7E;}
+		.d2-1635834384 .fill-N3{fill:#9499AB;}
+		.d2-1635834384 .fill-N4{fill:#CFD2DD;}
+		.d2-1635834384 .fill-N5{fill:#DEE1EB;}
+		.d2-1635834384 .fill-N6{fill:#EEF1F8;}
+		.d2-1635834384 .fill-N7{fill:#FFFFFF;}
+		.d2-1635834384 .fill-B1{fill:#0D32B2;}
+		.d2-1635834384 .fill-B2{fill:#0D32B2;}
+		.d2-1635834384 .fill-B3{fill:#E3E9FD;}
+		.d2-1635834384 .fill-B4{fill:#E3E9FD;}
+		.d2-1635834384 .fill-B5{fill:#EDF0FD;}
+		.d2-1635834384 .fill-B6{fill:#F7F8FE;}
+		.d2-1635834384 .fill-AA2{fill:#4A6FF3;}
+		.d2-1635834384 .fill-AA4{fill:#EDF0FD;}
+		.d2-1635834384 .fill-AA5{fill:#F7F8FE;}
+		.d2-1635834384 .fill-AB4{fill:#EDF0FD;}
+		.d2-1635834384 .fill-AB5{fill:#F7F8FE;}
+		.d2-1635834384 .stroke-N1{stroke:#0A0F25;}
+		.d2-1635834384 .stroke-N2{stroke:#676C7E;}
+		.d2-1635834384 .stroke-N3{stroke:#9499AB;}
+		.d2-1635834384 .stroke-N4{stroke:#CFD2DD;}
+		.d2-1635834384 .stroke-N5{stroke:#DEE1EB;}
+		.d2-1635834384 .stroke-N6{stroke:#EEF1F8;}
+		.d2-1635834384 .stroke-N7{stroke:#FFFFFF;}
+		.d2-1635834384 .stroke-B1{stroke:#0D32B2;}
+		.d2-1635834384 .stroke-B2{stroke:#0D32B2;}
+		.d2-1635834384 .stroke-B3{stroke:#E3E9FD;}
+		.d2-1635834384 .stroke-B4{stroke:#E3E9FD;}
+		.d2-1635834384 .stroke-B5{stroke:#EDF0FD;}
+		.d2-1635834384 .stroke-B6{stroke:#F7F8FE;}
+		.d2-1635834384 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-1635834384 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-1635834384 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-1635834384 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-1635834384 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-1635834384 .background-color-N1{background-color:#0A0F25;}
+		.d2-1635834384 .background-color-N2{background-color:#676C7E;}
+		.d2-1635834384 .background-color-N3{background-color:#9499AB;}
+		.d2-1635834384 .background-color-N4{background-color:#CFD2DD;}
+		.d2-1635834384 .background-color-N5{background-color:#DEE1EB;}
+		.d2-1635834384 .background-color-N6{background-color:#EEF1F8;}
+		.d2-1635834384 .background-color-N7{background-color:#FFFFFF;}
+		.d2-1635834384 .background-color-B1{background-color:#0D32B2;}
+		.d2-1635834384 .background-color-B2{background-color:#0D32B2;}
+		.d2-1635834384 .background-color-B3{background-color:#E3E9FD;}
+		.d2-1635834384 .background-color-B4{background-color:#E3E9FD;}
+		.d2-1635834384 .background-color-B5{background-color:#EDF0FD;}
+		.d2-1635834384 .background-color-B6{background-color:#F7F8FE;}
+		.d2-1635834384 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-1635834384 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-1635834384 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-1635834384 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-1635834384 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-1635834384 .color-N1{color:#0A0F25;}
+		.d2-1635834384 .color-N2{color:#676C7E;}
+		.d2-1635834384 .color-N3{color:#9499AB;}
+		.d2-1635834384 .color-N4{color:#CFD2DD;}
+		.d2-1635834384 .color-N5{color:#DEE1EB;}
+		.d2-1635834384 .color-N6{color:#EEF1F8;}
+		.d2-1635834384 .color-N7{color:#FFFFFF;}
+		.d2-1635834384 .color-B1{color:#0D32B2;}
+		.d2-1635834384 .color-B2{color:#0D32B2;}
+		.d2-1635834384 .color-B3{color:#E3E9FD;}
+		.d2-1635834384 .color-B4{color:#E3E9FD;}
+		.d2-1635834384 .color-B5{color:#EDF0FD;}
+		.d2-1635834384 .color-B6{color:#F7F8FE;}
+		.d2-1635834384 .color-AA2{color:#4A6FF3;}
+		.d2-1635834384 .color-AA4{color:#EDF0FD;}
+		.d2-1635834384 .color-AA5{color:#F7F8FE;}
+		.d2-1635834384 .color-AB4{color:#EDF0FD;}
+		.d2-1635834384 .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}]]></style><style type="text/css"><![CDATA[
 .dots-overlay {
 	fill: url(#dots);
 	mix-blend-mode: multiply;
@@ -129,13 +129,13 @@
 <rect x="7" y="7" width="1" height="1" fill="#0A0F25"/>
 </g>
 </pattern>
-</defs><g id="NETWORK"><g class="shape" ><rect x="0.000000" y="41.000000" width="361.000000" height="422.000000" stroke="black" fill="#E7E9EE" style="stroke-width:2;" /><rect x="0.000000" y="41.000000" width="361.000000" height="422.000000" class="dots-overlay" style="stroke-width:2;" /><rect x="5.000000" y="46.000000" width="351.000000" height="412.000000" stroke="black" fill="transparent" style="stroke-width:2;" /></g><text x="180.500000" y="28.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:28px">NETWORK</text></g><g id="NETWORK.CELL TOWER"><g class="shape" ><rect x="20.000000" y="106.000000" width="321.000000" height="327.000000" stroke="black" fill="#F5F6F9" style="stroke-width:2;" /><rect x="20.000000" y="106.000000" width="321.000000" height="327.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="180.500000" y="94.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">CELL TOWER</text></g><g id="NETWORK.CELL TOWER.satellites"><g class="shape" ><path d="M 120 138 H 266 C 262 138 251 156 251 171 C 251 186 262 204 266 204 H 120 C 116 204 105 186 105 171 C 105 156 116 138 120 138 Z" stroke="black" fill="white" style="stroke-width:2;" /><path d="M 110 148 H 256 C 252 148 241 166 241 181 C 241 196 252 214 256 214 H 110 C 106 214 95 196 95 181 C 95 166 106 148 110 148 Z" stroke="black" fill="white" style="stroke-width:2;" /></g><text x="175.500000" y="186.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">SATELLITES</text></g><g id="NETWORK.CELL TOWER.transmitter"><g class="shape" ><rect x="105.000000" y="335.000000" width="151.000000" height="66.000000" stroke="black" fill="white" style="stroke-width:2;" /></g><text x="180.500000" y="373.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">TRANSMITTER</text></g><g id="NETWORK.CELL TOWER.(satellites -&gt; transmitter)[0]"><marker id="mk-27687146" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="black" class="connection" stroke-width="2" /> </marker><path d="M 148.754590 216.564913 C 111.800003 263.000000 112.250000 287.200012 149.714288 332.906432" stroke="black" fill="none" class="connection" style="stroke-width:2;" marker-end="url(#mk-27687146)" mask="url(#d2-3255560050)" /><text x="112.000000" y="281.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="NETWORK.CELL TOWER.(satellites -&gt; transmitter)[1]"><path d="M 180.008333 216.999983 C 180.199997 263.000000 180.250000 287.200012 180.250000 332.000000" stroke="black" fill="none" class="connection" style="stroke-width:2;" marker-end="url(#mk-27687146)" mask="url(#d2-3255560050)" /><text x="180.000000" y="281.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="NETWORK.CELL TOWER.(satellites -&gt; transmitter)[2]"><path d="M 212.237377 216.571273 C 248.800003 263.000000 248.250000 287.200012 210.785712 332.906432" stroke="black" fill="none" class="connection" style="stroke-width:2;" marker-end="url(#mk-27687146)" mask="url(#d2-3255560050)" /><text x="249.000000" y="282.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><mask id="d2-3255560050" maskUnits="userSpaceOnUse" x="-1" y="0" width="363" height="464">
-<rect x="-1" y="0" width="363" height="464" fill="white"></rect>
-<rect x="122.500000" y="0.000000" width="116" height="36" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="109.000000" y="70.000000" width="143" height="31" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="127.500000" y="170.500000" width="96" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="127.500000" y="357.500000" width="106" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="93.000000" y="265.000000" width="38" height="21" fill="black"></rect>
-<rect x="161.000000" y="265.000000" width="38" height="21" fill="black"></rect>
-<rect x="230.000000" y="266.000000" width="38" height="21" fill="black"></rect>
+</defs><g id="NETWORK"><g class="shape" ><rect x="23.000000" y="19.000000" width="314.000000" height="394.000000" stroke="black" fill="#E7E9EE" style="stroke-width:2;" /><rect x="23.000000" y="19.000000" width="314.000000" height="394.000000" class="dots-overlay" style="stroke-width:2;" /><rect x="28.000000" y="24.000000" width="304.000000" height="384.000000" stroke="black" fill="transparent" style="stroke-width:2;" /></g><text x="180.000000" y="6.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:28px">NETWORK</text></g><g id="NETWORK.CELL TOWER"><g class="shape" ><rect x="53.000000" y="60.000000" width="254.000000" height="323.000000" stroke="black" fill="#F5F6F9" style="stroke-width:2;" /><rect x="53.000000" y="60.000000" width="254.000000" height="323.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="180.000000" y="48.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:24px">CELL TOWER</text></g><g id="NETWORK.CELL TOWER.satellites"><g class="shape" ><path d="M 125 90 H 271 C 267 90 256 108 256 123 C 256 138 267 156 271 156 H 125 C 121 156 110 138 110 123 C 110 108 121 90 125 90 Z" stroke="black" fill="white" style="stroke-width:2;" /><path d="M 115 100 H 261 C 257 100 246 118 246 133 C 246 148 257 166 261 166 H 115 C 111 166 100 148 100 133 C 100 118 111 100 115 100 Z" stroke="black" fill="white" style="stroke-width:2;" /></g><text x="180.500000" y="138.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">SATELLITES</text></g><g id="NETWORK.CELL TOWER.transmitter"><g class="shape" ><rect x="105.000000" y="287.000000" width="151.000000" height="66.000000" stroke="black" fill="white" style="stroke-width:2;" /></g><text x="180.500000" y="325.500000" class="text-mono fill-N1" style="text-anchor:middle;font-size:16px">TRANSMITTER</text></g><g id="NETWORK.CELL TOWER.(satellites -&gt; transmitter)[0]"><marker id="mk-27687146" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="black" class="connection" stroke-width="2" /> </marker><path d="M 150.729685 167.544766 C 112.198997 214.399994 112.250000 238.699997 149.714288 284.406432" stroke="black" fill="none" class="connection" style="stroke-width:2;" marker-end="url(#mk-27687146)" mask="url(#d2-1635834384)" /><text x="112.000000" y="232.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="NETWORK.CELL TOWER.(satellites -&gt; transmitter)[1]"><path d="M 180.008264 167.999983 C 180.199997 214.399994 180.250000 238.699997 180.250000 283.500000" stroke="black" fill="none" class="connection" style="stroke-width:2;" marker-end="url(#mk-27687146)" mask="url(#d2-1635834384)" /><text x="180.000000" y="232.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><g id="NETWORK.CELL TOWER.(satellites -&gt; transmitter)[2]"><path d="M 210.262632 167.551051 C 248.399994 214.399994 248.250000 238.699997 210.785712 284.406432" stroke="black" fill="none" class="connection" style="stroke-width:2;" marker-end="url(#mk-27687146)" mask="url(#d2-1635834384)" /><text x="248.000000" y="232.000000" class="text-mono-italic fill-N2" style="text-anchor:middle;font-size:16px">SEND</text></g><mask id="d2-1635834384" maskUnits="userSpaceOnUse" x="22" y="-22" width="316" height="436">
+<rect x="22" y="-22" width="316" height="436" fill="white"></rect>
+<rect x="122.000000" y="-22.000000" width="116" height="36" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="108.500000" y="24.000000" width="143" height="31" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="132.500000" y="122.500000" width="96" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="127.500000" y="309.500000" width="106" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="93.000000" y="216.000000" width="38" height="21" fill="black"></rect>
+<rect x="161.000000" y="216.000000" width="38" height="21" fill="black"></rect>
+<rect x="229.000000" y="216.000000" width="38" height="21" fill="black"></rect>
 </mask></svg></svg>

e2etests/testdata/patterns/root-dots-with-fill/dagre/board.exp.json

@@ -236,11 +236,11 @@
       "route": [
         {
           "x": 191,
-          "y": 44.54499816894531
+          "y": 45
         },
         {
           "x": 59.79899978637695,
-          "y": 101.70899963378906
+          "y": 101.80000305175781
         },
         {
           "x": 27,
@@ -329,11 +329,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 192.2530059814453,
+          "x": 192,
           "y": 66
         },
         {
-          "x": 161.64999389648438,
+          "x": 161.60000610351562,
           "y": 106
         },
         {
@@ -376,11 +376,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 242.74600219726562,
+          "x": 243,
           "y": 66
         },
         {
-          "x": 273.3489990234375,
+          "x": 273.3999938964844,
           "y": 106
         },
         {
@@ -424,11 +424,11 @@
       "route": [
         {
           "x": 244,
-          "y": 49.854000091552734
+          "y": 50
         },
         {
           "x": 327.20001220703125,
-          "y": 102.7699966430664
+          "y": 102.80000305175781
         },
         {
           "x": 348,

e2etests/testdata/patterns/root-dots-with-fill/dagre/sketch.exp.svg

@@ -1,9 +1,9 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 350 400"><svg id="d2-svg" class="d2-324910481" width="350" height="400" viewBox="-1 -1 350 400"><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" fill="honeydew" stroke-width="0" /><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" class="dots-overlay" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-324910481 .text-bold {
-	font-family: "d2-324910481-font-bold";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 350 400"><svg id="d2-svg" class="d2-1759308647" width="350" height="400" viewBox="-1 -1 350 400"><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" fill="honeydew" stroke-width="0" /><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" class="dots-overlay" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-1759308647 .text-bold {
+	font-family: "d2-1759308647-font-bold";
 }
 @font-face {
-	font-family: d2-324910481-font-bold;
+	font-family: d2-1759308647-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -18,78 +18,78 @@
   opacity: 0.5;
 }
 
-		.d2-324910481 .fill-N1{fill:#0A0F25;}
-		.d2-324910481 .fill-N2{fill:#676C7E;}
-		.d2-324910481 .fill-N3{fill:#9499AB;}
-		.d2-324910481 .fill-N4{fill:#CFD2DD;}
-		.d2-324910481 .fill-N5{fill:#DEE1EB;}
-		.d2-324910481 .fill-N6{fill:#EEF1F8;}
-		.d2-324910481 .fill-N7{fill:#FFFFFF;}
-		.d2-324910481 .fill-B1{fill:#0D32B2;}
-		.d2-324910481 .fill-B2{fill:#0D32B2;}
-		.d2-324910481 .fill-B3{fill:#E3E9FD;}
-		.d2-324910481 .fill-B4{fill:#E3E9FD;}
-		.d2-324910481 .fill-B5{fill:#EDF0FD;}
-		.d2-324910481 .fill-B6{fill:#F7F8FE;}
-		.d2-324910481 .fill-AA2{fill:#4A6FF3;}
-		.d2-324910481 .fill-AA4{fill:#EDF0FD;}
-		.d2-324910481 .fill-AA5{fill:#F7F8FE;}
-		.d2-324910481 .fill-AB4{fill:#EDF0FD;}
-		.d2-324910481 .fill-AB5{fill:#F7F8FE;}
-		.d2-324910481 .stroke-N1{stroke:#0A0F25;}
-		.d2-324910481 .stroke-N2{stroke:#676C7E;}
-		.d2-324910481 .stroke-N3{stroke:#9499AB;}
-		.d2-324910481 .stroke-N4{stroke:#CFD2DD;}
-		.d2-324910481 .stroke-N5{stroke:#DEE1EB;}
-		.d2-324910481 .stroke-N6{stroke:#EEF1F8;}
-		.d2-324910481 .stroke-N7{stroke:#FFFFFF;}
-		.d2-324910481 .stroke-B1{stroke:#0D32B2;}
-		.d2-324910481 .stroke-B2{stroke:#0D32B2;}
-		.d2-324910481 .stroke-B3{stroke:#E3E9FD;}
-		.d2-324910481 .stroke-B4{stroke:#E3E9FD;}
-		.d2-324910481 .stroke-B5{stroke:#EDF0FD;}
-		.d2-324910481 .stroke-B6{stroke:#F7F8FE;}
-		.d2-324910481 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-324910481 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-324910481 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-324910481 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-324910481 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-324910481 .background-color-N1{background-color:#0A0F25;}
-		.d2-324910481 .background-color-N2{background-color:#676C7E;}
-		.d2-324910481 .background-color-N3{background-color:#9499AB;}
-		.d2-324910481 .background-color-N4{background-color:#CFD2DD;}
-		.d2-324910481 .background-color-N5{background-color:#DEE1EB;}
-		.d2-324910481 .background-color-N6{background-color:#EEF1F8;}
-		.d2-324910481 .background-color-N7{background-color:#FFFFFF;}
-		.d2-324910481 .background-color-B1{background-color:#0D32B2;}
-		.d2-324910481 .background-color-B2{background-color:#0D32B2;}
-		.d2-324910481 .background-color-B3{background-color:#E3E9FD;}
-		.d2-324910481 .background-color-B4{background-color:#E3E9FD;}
-		.d2-324910481 .background-color-B5{background-color:#EDF0FD;}
-		.d2-324910481 .background-color-B6{background-color:#F7F8FE;}
-		.d2-324910481 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-324910481 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-324910481 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-324910481 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-324910481 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-324910481 .color-N1{color:#0A0F25;}
-		.d2-324910481 .color-N2{color:#676C7E;}
-		.d2-324910481 .color-N3{color:#9499AB;}
-		.d2-324910481 .color-N4{color:#CFD2DD;}
-		.d2-324910481 .color-N5{color:#DEE1EB;}
-		.d2-324910481 .color-N6{color:#EEF1F8;}
-		.d2-324910481 .color-N7{color:#FFFFFF;}
-		.d2-324910481 .color-B1{color:#0D32B2;}
-		.d2-324910481 .color-B2{color:#0D32B2;}
-		.d2-324910481 .color-B3{color:#E3E9FD;}
-		.d2-324910481 .color-B4{color:#E3E9FD;}
-		.d2-324910481 .color-B5{color:#EDF0FD;}
-		.d2-324910481 .color-B6{color:#F7F8FE;}
-		.d2-324910481 .color-AA2{color:#4A6FF3;}
-		.d2-324910481 .color-AA4{color:#EDF0FD;}
-		.d2-324910481 .color-AA5{color:#F7F8FE;}
-		.d2-324910481 .color-AB4{color:#EDF0FD;}
-		.d2-324910481 .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}]]></style><style type="text/css"><![CDATA[
+		.d2-1759308647 .fill-N1{fill:#0A0F25;}
+		.d2-1759308647 .fill-N2{fill:#676C7E;}
+		.d2-1759308647 .fill-N3{fill:#9499AB;}
+		.d2-1759308647 .fill-N4{fill:#CFD2DD;}
+		.d2-1759308647 .fill-N5{fill:#DEE1EB;}
+		.d2-1759308647 .fill-N6{fill:#EEF1F8;}
+		.d2-1759308647 .fill-N7{fill:#FFFFFF;}
+		.d2-1759308647 .fill-B1{fill:#0D32B2;}
+		.d2-1759308647 .fill-B2{fill:#0D32B2;}
+		.d2-1759308647 .fill-B3{fill:#E3E9FD;}
+		.d2-1759308647 .fill-B4{fill:#E3E9FD;}
+		.d2-1759308647 .fill-B5{fill:#EDF0FD;}
+		.d2-1759308647 .fill-B6{fill:#F7F8FE;}
+		.d2-1759308647 .fill-AA2{fill:#4A6FF3;}
+		.d2-1759308647 .fill-AA4{fill:#EDF0FD;}
+		.d2-1759308647 .fill-AA5{fill:#F7F8FE;}
+		.d2-1759308647 .fill-AB4{fill:#EDF0FD;}
+		.d2-1759308647 .fill-AB5{fill:#F7F8FE;}
+		.d2-1759308647 .stroke-N1{stroke:#0A0F25;}
+		.d2-1759308647 .stroke-N2{stroke:#676C7E;}
+		.d2-1759308647 .stroke-N3{stroke:#9499AB;}
+		.d2-1759308647 .stroke-N4{stroke:#CFD2DD;}
+		.d2-1759308647 .stroke-N5{stroke:#DEE1EB;}
+		.d2-1759308647 .stroke-N6{stroke:#EEF1F8;}
+		.d2-1759308647 .stroke-N7{stroke:#FFFFFF;}
+		.d2-1759308647 .stroke-B1{stroke:#0D32B2;}
+		.d2-1759308647 .stroke-B2{stroke:#0D32B2;}
+		.d2-1759308647 .stroke-B3{stroke:#E3E9FD;}
+		.d2-1759308647 .stroke-B4{stroke:#E3E9FD;}
+		.d2-1759308647 .stroke-B5{stroke:#EDF0FD;}
+		.d2-1759308647 .stroke-B6{stroke:#F7F8FE;}
+		.d2-1759308647 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-1759308647 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-1759308647 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-1759308647 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-1759308647 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-1759308647 .background-color-N1{background-color:#0A0F25;}
+		.d2-1759308647 .background-color-N2{background-color:#676C7E;}
+		.d2-1759308647 .background-color-N3{background-color:#9499AB;}
+		.d2-1759308647 .background-color-N4{background-color:#CFD2DD;}
+		.d2-1759308647 .background-color-N5{background-color:#DEE1EB;}
+		.d2-1759308647 .background-color-N6{background-color:#EEF1F8;}
+		.d2-1759308647 .background-color-N7{background-color:#FFFFFF;}
+		.d2-1759308647 .background-color-B1{background-color:#0D32B2;}
+		.d2-1759308647 .background-color-B2{background-color:#0D32B2;}
+		.d2-1759308647 .background-color-B3{background-color:#E3E9FD;}
+		.d2-1759308647 .background-color-B4{background-color:#E3E9FD;}
+		.d2-1759308647 .background-color-B5{background-color:#EDF0FD;}
+		.d2-1759308647 .background-color-B6{background-color:#F7F8FE;}
+		.d2-1759308647 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-1759308647 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-1759308647 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-1759308647 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-1759308647 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-1759308647 .color-N1{color:#0A0F25;}
+		.d2-1759308647 .color-N2{color:#676C7E;}
+		.d2-1759308647 .color-N3{color:#9499AB;}
+		.d2-1759308647 .color-N4{color:#CFD2DD;}
+		.d2-1759308647 .color-N5{color:#DEE1EB;}
+		.d2-1759308647 .color-N6{color:#EEF1F8;}
+		.d2-1759308647 .color-N7{color:#FFFFFF;}
+		.d2-1759308647 .color-B1{color:#0D32B2;}
+		.d2-1759308647 .color-B2{color:#0D32B2;}
+		.d2-1759308647 .color-B3{color:#E3E9FD;}
+		.d2-1759308647 .color-B4{color:#E3E9FD;}
+		.d2-1759308647 .color-B5{color:#EDF0FD;}
+		.d2-1759308647 .color-B6{color:#F7F8FE;}
+		.d2-1759308647 .color-AA2{color:#4A6FF3;}
+		.d2-1759308647 .color-AA4{color:#EDF0FD;}
+		.d2-1759308647 .color-AA5{color:#F7F8FE;}
+		.d2-1759308647 .color-AB4{color:#EDF0FD;}
+		.d2-1759308647 .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}]]></style><style type="text/css"><![CDATA[
 .dots-overlay {
 	fill: url(#dots);
 	mix-blend-mode: multiply;
@@ -122,7 +122,7 @@
 <rect x="7" y="7" width="1" height="1" fill="#0A0F25"/>
 </g>
 </pattern>
-</defs><g id="x"><g class="shape" ><rect x="191.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="217.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="z"><g class="shape" ><rect x="162.000000" y="332.000000" width="52.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="188.000000" y="370.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g id="abcd"><g class="shape" ><rect x="114.000000" y="166.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="154.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">abcd</text></g><g id="g"><g class="shape" ><rect x="254.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="281.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 189.166474 45.343862 C 59.799000 101.709000 27.000000 126.000000 27.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-324910481)" /></g><g id="(y -&gt; z)[0]"><path d="M 27.000000 234.000000 C 27.000000 272.000000 53.900002 295.910004 157.946979 349.716585" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-324910481)" /></g><g id="(x -&gt; abcd)[0]"><path d="M 191.037736 67.588432 C 161.649994 106.000000 154.000000 126.000000 154.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-324910481)" /></g><g id="(x -&gt; g)[0]"><path d="M 243.961272 67.588433 C 273.348999 106.000000 281.000000 126.000000 281.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-324910481)" /></g><g id="(x -&gt; z)[0]"><path d="M 245.687594 50.927326 C 327.200012 102.769997 348.000000 132.600006 348.000000 157.500000 C 348.000000 182.399994 321.200012 295.799988 217.556225 349.168809" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-324910481)" /></g><mask id="d2-324910481" maskUnits="userSpaceOnUse" x="-1" y="-1" width="350" height="400">
+</defs><g id="x"><g class="shape" ><rect x="191.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="217.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="z"><g class="shape" ><rect x="162.000000" y="332.000000" width="52.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="188.000000" y="370.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g id="abcd"><g class="shape" ><rect x="114.000000" y="166.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="154.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">abcd</text></g><g id="g"><g class="shape" ><rect x="254.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="281.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 189.164614 45.794582 C 59.799000 101.800003 27.000000 126.000000 27.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1759308647)" /></g><g id="(y -&gt; z)[0]"><path d="M 27.000000 234.000000 C 27.000000 272.000000 53.900002 295.910004 157.946979 349.716585" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1759308647)" /></g><g id="(x -&gt; abcd)[0]"><path d="M 190.789834 67.592325 C 161.600006 106.000000 154.000000 126.000000 154.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1759308647)" /></g><g id="(x -&gt; g)[0]"><path d="M 244.210166 67.592325 C 273.399994 106.000000 281.000000 126.000000 281.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1759308647)" /></g><g id="(x -&gt; z)[0]"><path d="M 245.688659 51.071649 C 327.200012 102.800003 348.000000 132.600006 348.000000 157.500000 C 348.000000 182.399994 321.200012 295.799988 217.556225 349.168809" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1759308647)" /></g><mask id="d2-1759308647" maskUnits="userSpaceOnUse" x="-1" y="-1" width="350" height="400">
 <rect x="-1" y="-1" width="350" height="400" fill="white"></rect>
 <rect x="213.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="22.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

e2etests/testdata/patterns/root-dots/dagre/board.exp.json

@@ -236,11 +236,11 @@
       "route": [
         {
           "x": 191,
-          "y": 44.54499816894531
+          "y": 45
         },
         {
           "x": 59.79899978637695,
-          "y": 101.70899963378906
+          "y": 101.80000305175781
         },
         {
           "x": 27,
@@ -329,11 +329,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 192.2530059814453,
+          "x": 192,
           "y": 66
         },
         {
-          "x": 161.64999389648438,
+          "x": 161.60000610351562,
           "y": 106
         },
         {
@@ -376,11 +376,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 242.74600219726562,
+          "x": 243,
           "y": 66
         },
         {
-          "x": 273.3489990234375,
+          "x": 273.3999938964844,
           "y": 106
         },
         {
@@ -424,11 +424,11 @@
       "route": [
         {
           "x": 244,
-          "y": 49.854000091552734
+          "y": 50
         },
         {
           "x": 327.20001220703125,
-          "y": 102.7699966430664
+          "y": 102.80000305175781
         },
         {
           "x": 348,

e2etests/testdata/patterns/root-dots/dagre/sketch.exp.svg

@@ -1,9 +1,9 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 350 400"><svg id="d2-svg" class="d2-324910481" width="350" height="400" viewBox="-1 -1 350 400"><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" class="dots-overlay" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-324910481 .text-bold {
-	font-family: "d2-324910481-font-bold";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 350 400"><svg id="d2-svg" class="d2-1759308647" width="350" height="400" viewBox="-1 -1 350 400"><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" class="dots-overlay" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-1759308647 .text-bold {
+	font-family: "d2-1759308647-font-bold";
 }
 @font-face {
-	font-family: d2-324910481-font-bold;
+	font-family: d2-1759308647-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -18,78 +18,78 @@
   opacity: 0.5;
 }
 
-		.d2-324910481 .fill-N1{fill:#0A0F25;}
-		.d2-324910481 .fill-N2{fill:#676C7E;}
-		.d2-324910481 .fill-N3{fill:#9499AB;}
-		.d2-324910481 .fill-N4{fill:#CFD2DD;}
-		.d2-324910481 .fill-N5{fill:#DEE1EB;}
-		.d2-324910481 .fill-N6{fill:#EEF1F8;}
-		.d2-324910481 .fill-N7{fill:#FFFFFF;}
-		.d2-324910481 .fill-B1{fill:#0D32B2;}
-		.d2-324910481 .fill-B2{fill:#0D32B2;}
-		.d2-324910481 .fill-B3{fill:#E3E9FD;}
-		.d2-324910481 .fill-B4{fill:#E3E9FD;}
-		.d2-324910481 .fill-B5{fill:#EDF0FD;}
-		.d2-324910481 .fill-B6{fill:#F7F8FE;}
-		.d2-324910481 .fill-AA2{fill:#4A6FF3;}
-		.d2-324910481 .fill-AA4{fill:#EDF0FD;}
-		.d2-324910481 .fill-AA5{fill:#F7F8FE;}
-		.d2-324910481 .fill-AB4{fill:#EDF0FD;}
-		.d2-324910481 .fill-AB5{fill:#F7F8FE;}
-		.d2-324910481 .stroke-N1{stroke:#0A0F25;}
-		.d2-324910481 .stroke-N2{stroke:#676C7E;}
-		.d2-324910481 .stroke-N3{stroke:#9499AB;}
-		.d2-324910481 .stroke-N4{stroke:#CFD2DD;}
-		.d2-324910481 .stroke-N5{stroke:#DEE1EB;}
-		.d2-324910481 .stroke-N6{stroke:#EEF1F8;}
-		.d2-324910481 .stroke-N7{stroke:#FFFFFF;}
-		.d2-324910481 .stroke-B1{stroke:#0D32B2;}
-		.d2-324910481 .stroke-B2{stroke:#0D32B2;}
-		.d2-324910481 .stroke-B3{stroke:#E3E9FD;}
-		.d2-324910481 .stroke-B4{stroke:#E3E9FD;}
-		.d2-324910481 .stroke-B5{stroke:#EDF0FD;}
-		.d2-324910481 .stroke-B6{stroke:#F7F8FE;}
-		.d2-324910481 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-324910481 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-324910481 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-324910481 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-324910481 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-324910481 .background-color-N1{background-color:#0A0F25;}
-		.d2-324910481 .background-color-N2{background-color:#676C7E;}
-		.d2-324910481 .background-color-N3{background-color:#9499AB;}
-		.d2-324910481 .background-color-N4{background-color:#CFD2DD;}
-		.d2-324910481 .background-color-N5{background-color:#DEE1EB;}
-		.d2-324910481 .background-color-N6{background-color:#EEF1F8;}
-		.d2-324910481 .background-color-N7{background-color:#FFFFFF;}
-		.d2-324910481 .background-color-B1{background-color:#0D32B2;}
-		.d2-324910481 .background-color-B2{background-color:#0D32B2;}
-		.d2-324910481 .background-color-B3{background-color:#E3E9FD;}
-		.d2-324910481 .background-color-B4{background-color:#E3E9FD;}
-		.d2-324910481 .background-color-B5{background-color:#EDF0FD;}
-		.d2-324910481 .background-color-B6{background-color:#F7F8FE;}
-		.d2-324910481 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-324910481 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-324910481 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-324910481 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-324910481 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-324910481 .color-N1{color:#0A0F25;}
-		.d2-324910481 .color-N2{color:#676C7E;}
-		.d2-324910481 .color-N3{color:#9499AB;}
-		.d2-324910481 .color-N4{color:#CFD2DD;}
-		.d2-324910481 .color-N5{color:#DEE1EB;}
-		.d2-324910481 .color-N6{color:#EEF1F8;}
-		.d2-324910481 .color-N7{color:#FFFFFF;}
-		.d2-324910481 .color-B1{color:#0D32B2;}
-		.d2-324910481 .color-B2{color:#0D32B2;}
-		.d2-324910481 .color-B3{color:#E3E9FD;}
-		.d2-324910481 .color-B4{color:#E3E9FD;}
-		.d2-324910481 .color-B5{color:#EDF0FD;}
-		.d2-324910481 .color-B6{color:#F7F8FE;}
-		.d2-324910481 .color-AA2{color:#4A6FF3;}
-		.d2-324910481 .color-AA4{color:#EDF0FD;}
-		.d2-324910481 .color-AA5{color:#F7F8FE;}
-		.d2-324910481 .color-AB4{color:#EDF0FD;}
-		.d2-324910481 .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}]]></style><style type="text/css"><![CDATA[
+		.d2-1759308647 .fill-N1{fill:#0A0F25;}
+		.d2-1759308647 .fill-N2{fill:#676C7E;}
+		.d2-1759308647 .fill-N3{fill:#9499AB;}
+		.d2-1759308647 .fill-N4{fill:#CFD2DD;}
+		.d2-1759308647 .fill-N5{fill:#DEE1EB;}
+		.d2-1759308647 .fill-N6{fill:#EEF1F8;}
+		.d2-1759308647 .fill-N7{fill:#FFFFFF;}
+		.d2-1759308647 .fill-B1{fill:#0D32B2;}
+		.d2-1759308647 .fill-B2{fill:#0D32B2;}
+		.d2-1759308647 .fill-B3{fill:#E3E9FD;}
+		.d2-1759308647 .fill-B4{fill:#E3E9FD;}
+		.d2-1759308647 .fill-B5{fill:#EDF0FD;}
+		.d2-1759308647 .fill-B6{fill:#F7F8FE;}
+		.d2-1759308647 .fill-AA2{fill:#4A6FF3;}
+		.d2-1759308647 .fill-AA4{fill:#EDF0FD;}
+		.d2-1759308647 .fill-AA5{fill:#F7F8FE;}
+		.d2-1759308647 .fill-AB4{fill:#EDF0FD;}
+		.d2-1759308647 .fill-AB5{fill:#F7F8FE;}
+		.d2-1759308647 .stroke-N1{stroke:#0A0F25;}
+		.d2-1759308647 .stroke-N2{stroke:#676C7E;}
+		.d2-1759308647 .stroke-N3{stroke:#9499AB;}
+		.d2-1759308647 .stroke-N4{stroke:#CFD2DD;}
+		.d2-1759308647 .stroke-N5{stroke:#DEE1EB;}
+		.d2-1759308647 .stroke-N6{stroke:#EEF1F8;}
+		.d2-1759308647 .stroke-N7{stroke:#FFFFFF;}
+		.d2-1759308647 .stroke-B1{stroke:#0D32B2;}
+		.d2-1759308647 .stroke-B2{stroke:#0D32B2;}
+		.d2-1759308647 .stroke-B3{stroke:#E3E9FD;}
+		.d2-1759308647 .stroke-B4{stroke:#E3E9FD;}
+		.d2-1759308647 .stroke-B5{stroke:#EDF0FD;}
+		.d2-1759308647 .stroke-B6{stroke:#F7F8FE;}
+		.d2-1759308647 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-1759308647 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-1759308647 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-1759308647 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-1759308647 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-1759308647 .background-color-N1{background-color:#0A0F25;}
+		.d2-1759308647 .background-color-N2{background-color:#676C7E;}
+		.d2-1759308647 .background-color-N3{background-color:#9499AB;}
+		.d2-1759308647 .background-color-N4{background-color:#CFD2DD;}
+		.d2-1759308647 .background-color-N5{background-color:#DEE1EB;}
+		.d2-1759308647 .background-color-N6{background-color:#EEF1F8;}
+		.d2-1759308647 .background-color-N7{background-color:#FFFFFF;}
+		.d2-1759308647 .background-color-B1{background-color:#0D32B2;}
+		.d2-1759308647 .background-color-B2{background-color:#0D32B2;}
+		.d2-1759308647 .background-color-B3{background-color:#E3E9FD;}
+		.d2-1759308647 .background-color-B4{background-color:#E3E9FD;}
+		.d2-1759308647 .background-color-B5{background-color:#EDF0FD;}
+		.d2-1759308647 .background-color-B6{background-color:#F7F8FE;}
+		.d2-1759308647 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-1759308647 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-1759308647 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-1759308647 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-1759308647 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-1759308647 .color-N1{color:#0A0F25;}
+		.d2-1759308647 .color-N2{color:#676C7E;}
+		.d2-1759308647 .color-N3{color:#9499AB;}
+		.d2-1759308647 .color-N4{color:#CFD2DD;}
+		.d2-1759308647 .color-N5{color:#DEE1EB;}
+		.d2-1759308647 .color-N6{color:#EEF1F8;}
+		.d2-1759308647 .color-N7{color:#FFFFFF;}
+		.d2-1759308647 .color-B1{color:#0D32B2;}
+		.d2-1759308647 .color-B2{color:#0D32B2;}
+		.d2-1759308647 .color-B3{color:#E3E9FD;}
+		.d2-1759308647 .color-B4{color:#E3E9FD;}
+		.d2-1759308647 .color-B5{color:#EDF0FD;}
+		.d2-1759308647 .color-B6{color:#F7F8FE;}
+		.d2-1759308647 .color-AA2{color:#4A6FF3;}
+		.d2-1759308647 .color-AA4{color:#EDF0FD;}
+		.d2-1759308647 .color-AA5{color:#F7F8FE;}
+		.d2-1759308647 .color-AB4{color:#EDF0FD;}
+		.d2-1759308647 .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}]]></style><style type="text/css"><![CDATA[
 .dots-overlay {
 	fill: url(#dots);
 	mix-blend-mode: multiply;
@@ -122,7 +122,7 @@
 <rect x="7" y="7" width="1" height="1" fill="#0A0F25"/>
 </g>
 </pattern>
-</defs><g id="x"><g class="shape" ><rect x="191.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="217.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="z"><g class="shape" ><rect x="162.000000" y="332.000000" width="52.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="188.000000" y="370.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g id="abcd"><g class="shape" ><rect x="114.000000" y="166.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="154.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">abcd</text></g><g id="g"><g class="shape" ><rect x="254.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="281.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 189.166474 45.343862 C 59.799000 101.709000 27.000000 126.000000 27.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-324910481)" /></g><g id="(y -&gt; z)[0]"><path d="M 27.000000 234.000000 C 27.000000 272.000000 53.900002 295.910004 157.946979 349.716585" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-324910481)" /></g><g id="(x -&gt; abcd)[0]"><path d="M 191.037736 67.588432 C 161.649994 106.000000 154.000000 126.000000 154.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-324910481)" /></g><g id="(x -&gt; g)[0]"><path d="M 243.961272 67.588433 C 273.348999 106.000000 281.000000 126.000000 281.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-324910481)" /></g><g id="(x -&gt; z)[0]"><path d="M 245.687594 50.927326 C 327.200012 102.769997 348.000000 132.600006 348.000000 157.500000 C 348.000000 182.399994 321.200012 295.799988 217.556225 349.168809" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-324910481)" /></g><mask id="d2-324910481" maskUnits="userSpaceOnUse" x="-1" y="-1" width="350" height="400">
+</defs><g id="x"><g class="shape" ><rect x="191.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="217.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="z"><g class="shape" ><rect x="162.000000" y="332.000000" width="52.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="188.000000" y="370.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g id="abcd"><g class="shape" ><rect x="114.000000" y="166.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="154.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">abcd</text></g><g id="g"><g class="shape" ><rect x="254.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="281.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 189.164614 45.794582 C 59.799000 101.800003 27.000000 126.000000 27.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1759308647)" /></g><g id="(y -&gt; z)[0]"><path d="M 27.000000 234.000000 C 27.000000 272.000000 53.900002 295.910004 157.946979 349.716585" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1759308647)" /></g><g id="(x -&gt; abcd)[0]"><path d="M 190.789834 67.592325 C 161.600006 106.000000 154.000000 126.000000 154.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1759308647)" /></g><g id="(x -&gt; g)[0]"><path d="M 244.210166 67.592325 C 273.399994 106.000000 281.000000 126.000000 281.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1759308647)" /></g><g id="(x -&gt; z)[0]"><path d="M 245.688659 51.071649 C 327.200012 102.800003 348.000000 132.600006 348.000000 157.500000 C 348.000000 182.399994 321.200012 295.799988 217.556225 349.168809" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1759308647)" /></g><mask id="d2-1759308647" maskUnits="userSpaceOnUse" x="-1" y="-1" width="350" height="400">
 <rect x="-1" y="-1" width="350" height="400" fill="white"></rect>
 <rect x="213.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="22.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

e2etests/testdata/patterns/shape/dagre/board.exp.json

@@ -238,11 +238,11 @@
       "route": [
         {
           "x": 191,
-          "y": 44.54499816894531
+          "y": 45
         },
         {
           "x": 59.79899978637695,
-          "y": 101.70899963378906
+          "y": 101.80000305175781
         },
         {
           "x": 27,
@@ -331,11 +331,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 192.2530059814453,
+          "x": 192,
           "y": 66
         },
         {
-          "x": 161.64999389648438,
+          "x": 161.60000610351562,
           "y": 106
         },
         {
@@ -378,11 +378,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 242.74600219726562,
+          "x": 243,
           "y": 66
         },
         {
-          "x": 273.3489990234375,
+          "x": 273.3999938964844,
           "y": 106
         },
         {
@@ -426,11 +426,11 @@
       "route": [
         {
           "x": 244,
-          "y": 49.854000091552734
+          "y": 50
         },
         {
           "x": 327.20001220703125,
-          "y": 102.7699966430664
+          "y": 102.80000305175781
         },
         {
           "x": 348,

e2etests/testdata/patterns/shape/dagre/sketch.exp.svg

@@ -1,9 +1,9 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 350 400"><svg id="d2-svg" class="d2-1076062577" width="350" height="400" viewBox="-1 -1 350 400"><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-1076062577 .text-bold {
-	font-family: "d2-1076062577-font-bold";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 350 400"><svg id="d2-svg" class="d2-3737420615" width="350" height="400" viewBox="-1 -1 350 400"><rect x="-1.000000" y="-1.000000" width="350.000000" height="400.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-3737420615 .text-bold {
+	font-family: "d2-3737420615-font-bold";
 }
 @font-face {
-	font-family: d2-1076062577-font-bold;
+	font-family: d2-3737420615-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -18,78 +18,78 @@
   opacity: 0.5;
 }
 
-		.d2-1076062577 .fill-N1{fill:#0A0F25;}
-		.d2-1076062577 .fill-N2{fill:#676C7E;}
-		.d2-1076062577 .fill-N3{fill:#9499AB;}
-		.d2-1076062577 .fill-N4{fill:#CFD2DD;}
-		.d2-1076062577 .fill-N5{fill:#DEE1EB;}
-		.d2-1076062577 .fill-N6{fill:#EEF1F8;}
-		.d2-1076062577 .fill-N7{fill:#FFFFFF;}
-		.d2-1076062577 .fill-B1{fill:#0D32B2;}
-		.d2-1076062577 .fill-B2{fill:#0D32B2;}
-		.d2-1076062577 .fill-B3{fill:#E3E9FD;}
-		.d2-1076062577 .fill-B4{fill:#E3E9FD;}
-		.d2-1076062577 .fill-B5{fill:#EDF0FD;}
-		.d2-1076062577 .fill-B6{fill:#F7F8FE;}
-		.d2-1076062577 .fill-AA2{fill:#4A6FF3;}
-		.d2-1076062577 .fill-AA4{fill:#EDF0FD;}
-		.d2-1076062577 .fill-AA5{fill:#F7F8FE;}
-		.d2-1076062577 .fill-AB4{fill:#EDF0FD;}
-		.d2-1076062577 .fill-AB5{fill:#F7F8FE;}
-		.d2-1076062577 .stroke-N1{stroke:#0A0F25;}
-		.d2-1076062577 .stroke-N2{stroke:#676C7E;}
-		.d2-1076062577 .stroke-N3{stroke:#9499AB;}
-		.d2-1076062577 .stroke-N4{stroke:#CFD2DD;}
-		.d2-1076062577 .stroke-N5{stroke:#DEE1EB;}
-		.d2-1076062577 .stroke-N6{stroke:#EEF1F8;}
-		.d2-1076062577 .stroke-N7{stroke:#FFFFFF;}
-		.d2-1076062577 .stroke-B1{stroke:#0D32B2;}
-		.d2-1076062577 .stroke-B2{stroke:#0D32B2;}
-		.d2-1076062577 .stroke-B3{stroke:#E3E9FD;}
-		.d2-1076062577 .stroke-B4{stroke:#E3E9FD;}
-		.d2-1076062577 .stroke-B5{stroke:#EDF0FD;}
-		.d2-1076062577 .stroke-B6{stroke:#F7F8FE;}
-		.d2-1076062577 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-1076062577 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-1076062577 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-1076062577 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-1076062577 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-1076062577 .background-color-N1{background-color:#0A0F25;}
-		.d2-1076062577 .background-color-N2{background-color:#676C7E;}
-		.d2-1076062577 .background-color-N3{background-color:#9499AB;}
-		.d2-1076062577 .background-color-N4{background-color:#CFD2DD;}
-		.d2-1076062577 .background-color-N5{background-color:#DEE1EB;}
-		.d2-1076062577 .background-color-N6{background-color:#EEF1F8;}
-		.d2-1076062577 .background-color-N7{background-color:#FFFFFF;}
-		.d2-1076062577 .background-color-B1{background-color:#0D32B2;}
-		.d2-1076062577 .background-color-B2{background-color:#0D32B2;}
-		.d2-1076062577 .background-color-B3{background-color:#E3E9FD;}
-		.d2-1076062577 .background-color-B4{background-color:#E3E9FD;}
-		.d2-1076062577 .background-color-B5{background-color:#EDF0FD;}
-		.d2-1076062577 .background-color-B6{background-color:#F7F8FE;}
-		.d2-1076062577 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-1076062577 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-1076062577 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-1076062577 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-1076062577 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-1076062577 .color-N1{color:#0A0F25;}
-		.d2-1076062577 .color-N2{color:#676C7E;}
-		.d2-1076062577 .color-N3{color:#9499AB;}
-		.d2-1076062577 .color-N4{color:#CFD2DD;}
-		.d2-1076062577 .color-N5{color:#DEE1EB;}
-		.d2-1076062577 .color-N6{color:#EEF1F8;}
-		.d2-1076062577 .color-N7{color:#FFFFFF;}
-		.d2-1076062577 .color-B1{color:#0D32B2;}
-		.d2-1076062577 .color-B2{color:#0D32B2;}
-		.d2-1076062577 .color-B3{color:#E3E9FD;}
-		.d2-1076062577 .color-B4{color:#E3E9FD;}
-		.d2-1076062577 .color-B5{color:#EDF0FD;}
-		.d2-1076062577 .color-B6{color:#F7F8FE;}
-		.d2-1076062577 .color-AA2{color:#4A6FF3;}
-		.d2-1076062577 .color-AA4{color:#EDF0FD;}
-		.d2-1076062577 .color-AA5{color:#F7F8FE;}
-		.d2-1076062577 .color-AB4{color:#EDF0FD;}
-		.d2-1076062577 .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}]]></style><style type="text/css"><![CDATA[
+		.d2-3737420615 .fill-N1{fill:#0A0F25;}
+		.d2-3737420615 .fill-N2{fill:#676C7E;}
+		.d2-3737420615 .fill-N3{fill:#9499AB;}
+		.d2-3737420615 .fill-N4{fill:#CFD2DD;}
+		.d2-3737420615 .fill-N5{fill:#DEE1EB;}
+		.d2-3737420615 .fill-N6{fill:#EEF1F8;}
+		.d2-3737420615 .fill-N7{fill:#FFFFFF;}
+		.d2-3737420615 .fill-B1{fill:#0D32B2;}
+		.d2-3737420615 .fill-B2{fill:#0D32B2;}
+		.d2-3737420615 .fill-B3{fill:#E3E9FD;}
+		.d2-3737420615 .fill-B4{fill:#E3E9FD;}
+		.d2-3737420615 .fill-B5{fill:#EDF0FD;}
+		.d2-3737420615 .fill-B6{fill:#F7F8FE;}
+		.d2-3737420615 .fill-AA2{fill:#4A6FF3;}
+		.d2-3737420615 .fill-AA4{fill:#EDF0FD;}
+		.d2-3737420615 .fill-AA5{fill:#F7F8FE;}
+		.d2-3737420615 .fill-AB4{fill:#EDF0FD;}
+		.d2-3737420615 .fill-AB5{fill:#F7F8FE;}
+		.d2-3737420615 .stroke-N1{stroke:#0A0F25;}
+		.d2-3737420615 .stroke-N2{stroke:#676C7E;}
+		.d2-3737420615 .stroke-N3{stroke:#9499AB;}
+		.d2-3737420615 .stroke-N4{stroke:#CFD2DD;}
+		.d2-3737420615 .stroke-N5{stroke:#DEE1EB;}
+		.d2-3737420615 .stroke-N6{stroke:#EEF1F8;}
+		.d2-3737420615 .stroke-N7{stroke:#FFFFFF;}
+		.d2-3737420615 .stroke-B1{stroke:#0D32B2;}
+		.d2-3737420615 .stroke-B2{stroke:#0D32B2;}
+		.d2-3737420615 .stroke-B3{stroke:#E3E9FD;}
+		.d2-3737420615 .stroke-B4{stroke:#E3E9FD;}
+		.d2-3737420615 .stroke-B5{stroke:#EDF0FD;}
+		.d2-3737420615 .stroke-B6{stroke:#F7F8FE;}
+		.d2-3737420615 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-3737420615 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-3737420615 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-3737420615 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-3737420615 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-3737420615 .background-color-N1{background-color:#0A0F25;}
+		.d2-3737420615 .background-color-N2{background-color:#676C7E;}
+		.d2-3737420615 .background-color-N3{background-color:#9499AB;}
+		.d2-3737420615 .background-color-N4{background-color:#CFD2DD;}
+		.d2-3737420615 .background-color-N5{background-color:#DEE1EB;}
+		.d2-3737420615 .background-color-N6{background-color:#EEF1F8;}
+		.d2-3737420615 .background-color-N7{background-color:#FFFFFF;}
+		.d2-3737420615 .background-color-B1{background-color:#0D32B2;}
+		.d2-3737420615 .background-color-B2{background-color:#0D32B2;}
+		.d2-3737420615 .background-color-B3{background-color:#E3E9FD;}
+		.d2-3737420615 .background-color-B4{background-color:#E3E9FD;}
+		.d2-3737420615 .background-color-B5{background-color:#EDF0FD;}
+		.d2-3737420615 .background-color-B6{background-color:#F7F8FE;}
+		.d2-3737420615 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-3737420615 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-3737420615 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-3737420615 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-3737420615 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-3737420615 .color-N1{color:#0A0F25;}
+		.d2-3737420615 .color-N2{color:#676C7E;}
+		.d2-3737420615 .color-N3{color:#9499AB;}
+		.d2-3737420615 .color-N4{color:#CFD2DD;}
+		.d2-3737420615 .color-N5{color:#DEE1EB;}
+		.d2-3737420615 .color-N6{color:#EEF1F8;}
+		.d2-3737420615 .color-N7{color:#FFFFFF;}
+		.d2-3737420615 .color-B1{color:#0D32B2;}
+		.d2-3737420615 .color-B2{color:#0D32B2;}
+		.d2-3737420615 .color-B3{color:#E3E9FD;}
+		.d2-3737420615 .color-B4{color:#E3E9FD;}
+		.d2-3737420615 .color-B5{color:#EDF0FD;}
+		.d2-3737420615 .color-B6{color:#F7F8FE;}
+		.d2-3737420615 .color-AA2{color:#4A6FF3;}
+		.d2-3737420615 .color-AA4{color:#EDF0FD;}
+		.d2-3737420615 .color-AA5{color:#F7F8FE;}
+		.d2-3737420615 .color-AB4{color:#EDF0FD;}
+		.d2-3737420615 .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}]]></style><style type="text/css"><![CDATA[
 .dots-overlay {
 	fill: url(#dots);
 	mix-blend-mode: multiply;
@@ -122,7 +122,7 @@
 <rect x="7" y="7" width="1" height="1" fill="#0A0F25"/>
 </g>
 </pattern>
-</defs><g id="x"><g class="shape" ><rect x="191.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="191.000000" y="0.000000" width="53.000000" height="66.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="217.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="z"><g class="shape" ><rect x="162.000000" y="332.000000" width="52.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="188.000000" y="370.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g id="abcd"><g class="shape" ><rect x="114.000000" y="166.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="114.000000" y="166.000000" width="80.000000" height="66.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="154.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">abcd</text></g><g id="g"><g class="shape" ><rect x="254.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="281.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 189.166474 45.343862 C 59.799000 101.709000 27.000000 126.000000 27.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1076062577)" /></g><g id="(y -&gt; z)[0]"><path d="M 27.000000 234.000000 C 27.000000 272.000000 53.900002 295.910004 157.946979 349.716585" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1076062577)" /></g><g id="(x -&gt; abcd)[0]"><path d="M 191.037736 67.588432 C 161.649994 106.000000 154.000000 126.000000 154.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1076062577)" /></g><g id="(x -&gt; g)[0]"><path d="M 243.961272 67.588433 C 273.348999 106.000000 281.000000 126.000000 281.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1076062577)" /></g><g id="(x -&gt; z)[0]"><path d="M 245.687594 50.927326 C 327.200012 102.769997 348.000000 132.600006 348.000000 157.500000 C 348.000000 182.399994 321.200012 295.799988 217.556225 349.168809" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1076062577)" /></g><mask id="d2-1076062577" maskUnits="userSpaceOnUse" x="-1" y="-1" width="350" height="400">
+</defs><g id="x"><g class="shape" ><rect x="191.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="191.000000" y="0.000000" width="53.000000" height="66.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="217.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="z"><g class="shape" ><rect x="162.000000" y="332.000000" width="52.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="188.000000" y="370.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g id="abcd"><g class="shape" ><rect x="114.000000" y="166.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="114.000000" y="166.000000" width="80.000000" height="66.000000" class="dots-overlay" style="stroke-width:2;" /></g><text x="154.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">abcd</text></g><g id="g"><g class="shape" ><rect x="254.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="281.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 189.164614 45.794582 C 59.799000 101.800003 27.000000 126.000000 27.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3737420615)" /></g><g id="(y -&gt; z)[0]"><path d="M 27.000000 234.000000 C 27.000000 272.000000 53.900002 295.910004 157.946979 349.716585" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3737420615)" /></g><g id="(x -&gt; abcd)[0]"><path d="M 190.789834 67.592325 C 161.600006 106.000000 154.000000 126.000000 154.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3737420615)" /></g><g id="(x -&gt; g)[0]"><path d="M 244.210166 67.592325 C 273.399994 106.000000 281.000000 126.000000 281.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3737420615)" /></g><g id="(x -&gt; z)[0]"><path d="M 245.688659 51.071649 C 327.200012 102.800003 348.000000 132.600006 348.000000 157.500000 C 348.000000 182.399994 321.200012 295.799988 217.556225 349.168809" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3737420615)" /></g><mask id="d2-3737420615" maskUnits="userSpaceOnUse" x="-1" y="-1" width="350" height="400">
 <rect x="-1" y="-1" width="350" height="400" fill="white"></rect>
 <rect x="213.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="22.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

e2etests/testdata/regression/bold_edge_label/dagre/board.exp.json

@@ -153,11 +153,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 53,
+          "x": 52.5,
           "y": 33
         },
         {
-          "x": 105.4000015258789,
+          "x": 105.30000305175781,
           "y": 33
         },
         {
@@ -200,11 +200,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 238,
+          "x": 237.5,
           "y": 33
         },
         {
-          "x": 291.20001220703125,
+          "x": 291.1000061035156,
           "y": 33
         },
         {

e2etests/testdata/regression/bold_edge_label/dagre/sketch.exp.svg

@@ -1,16 +1,16 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 425 68"><svg id="d2-svg" class="d2-481575301" width="425" height="68" viewBox="-1 -1 425 68"><rect x="-1.000000" y="-1.000000" width="425.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-481575301 .text-bold {
-	font-family: "d2-481575301-font-bold";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 425 68"><svg id="d2-svg" class="d2-3526140621" width="425" height="68" viewBox="-1 -1 425 68"><rect x="-1.000000" y="-1.000000" width="425.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-3526140621 .text-bold {
+	font-family: "d2-3526140621-font-bold";
 }
 @font-face {
-	font-family: d2-481575301-font-bold;
+	font-family: d2-3526140621-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }
-.d2-481575301 .text-italic {
-	font-family: "d2-481575301-font-italic";
+.d2-3526140621 .text-italic {
+	font-family: "d2-3526140621-font-italic";
 }
 @font-face {
-	font-family: d2-481575301-font-italic;
+	font-family: d2-3526140621-font-italic;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -25,78 +25,78 @@
   opacity: 0.5;
 }
 
-		.d2-481575301 .fill-N1{fill:#0A0F25;}
-		.d2-481575301 .fill-N2{fill:#676C7E;}
-		.d2-481575301 .fill-N3{fill:#9499AB;}
-		.d2-481575301 .fill-N4{fill:#CFD2DD;}
-		.d2-481575301 .fill-N5{fill:#DEE1EB;}
-		.d2-481575301 .fill-N6{fill:#EEF1F8;}
-		.d2-481575301 .fill-N7{fill:#FFFFFF;}
-		.d2-481575301 .fill-B1{fill:#0D32B2;}
-		.d2-481575301 .fill-B2{fill:#0D32B2;}
-		.d2-481575301 .fill-B3{fill:#E3E9FD;}
-		.d2-481575301 .fill-B4{fill:#E3E9FD;}
-		.d2-481575301 .fill-B5{fill:#EDF0FD;}
-		.d2-481575301 .fill-B6{fill:#F7F8FE;}
-		.d2-481575301 .fill-AA2{fill:#4A6FF3;}
-		.d2-481575301 .fill-AA4{fill:#EDF0FD;}
-		.d2-481575301 .fill-AA5{fill:#F7F8FE;}
-		.d2-481575301 .fill-AB4{fill:#EDF0FD;}
-		.d2-481575301 .fill-AB5{fill:#F7F8FE;}
-		.d2-481575301 .stroke-N1{stroke:#0A0F25;}
-		.d2-481575301 .stroke-N2{stroke:#676C7E;}
-		.d2-481575301 .stroke-N3{stroke:#9499AB;}
-		.d2-481575301 .stroke-N4{stroke:#CFD2DD;}
-		.d2-481575301 .stroke-N5{stroke:#DEE1EB;}
-		.d2-481575301 .stroke-N6{stroke:#EEF1F8;}
-		.d2-481575301 .stroke-N7{stroke:#FFFFFF;}
-		.d2-481575301 .stroke-B1{stroke:#0D32B2;}
-		.d2-481575301 .stroke-B2{stroke:#0D32B2;}
-		.d2-481575301 .stroke-B3{stroke:#E3E9FD;}
-		.d2-481575301 .stroke-B4{stroke:#E3E9FD;}
-		.d2-481575301 .stroke-B5{stroke:#EDF0FD;}
-		.d2-481575301 .stroke-B6{stroke:#F7F8FE;}
-		.d2-481575301 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-481575301 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-481575301 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-481575301 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-481575301 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-481575301 .background-color-N1{background-color:#0A0F25;}
-		.d2-481575301 .background-color-N2{background-color:#676C7E;}
-		.d2-481575301 .background-color-N3{background-color:#9499AB;}
-		.d2-481575301 .background-color-N4{background-color:#CFD2DD;}
-		.d2-481575301 .background-color-N5{background-color:#DEE1EB;}
-		.d2-481575301 .background-color-N6{background-color:#EEF1F8;}
-		.d2-481575301 .background-color-N7{background-color:#FFFFFF;}
-		.d2-481575301 .background-color-B1{background-color:#0D32B2;}
-		.d2-481575301 .background-color-B2{background-color:#0D32B2;}
-		.d2-481575301 .background-color-B3{background-color:#E3E9FD;}
-		.d2-481575301 .background-color-B4{background-color:#E3E9FD;}
-		.d2-481575301 .background-color-B5{background-color:#EDF0FD;}
-		.d2-481575301 .background-color-B6{background-color:#F7F8FE;}
-		.d2-481575301 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-481575301 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-481575301 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-481575301 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-481575301 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-481575301 .color-N1{color:#0A0F25;}
-		.d2-481575301 .color-N2{color:#676C7E;}
-		.d2-481575301 .color-N3{color:#9499AB;}
-		.d2-481575301 .color-N4{color:#CFD2DD;}
-		.d2-481575301 .color-N5{color:#DEE1EB;}
-		.d2-481575301 .color-N6{color:#EEF1F8;}
-		.d2-481575301 .color-N7{color:#FFFFFF;}
-		.d2-481575301 .color-B1{color:#0D32B2;}
-		.d2-481575301 .color-B2{color:#0D32B2;}
-		.d2-481575301 .color-B3{color:#E3E9FD;}
-		.d2-481575301 .color-B4{color:#E3E9FD;}
-		.d2-481575301 .color-B5{color:#EDF0FD;}
-		.d2-481575301 .color-B6{color:#F7F8FE;}
-		.d2-481575301 .color-AA2{color:#4A6FF3;}
-		.d2-481575301 .color-AA4{color:#EDF0FD;}
-		.d2-481575301 .color-AA5{color:#F7F8FE;}
-		.d2-481575301 .color-AB4{color:#EDF0FD;}
-		.d2-481575301 .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}]]></style><g id="x"><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="184.000000" y="0.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="211.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="z"><g class="shape" ><rect x="371.000000" y="0.000000" width="52.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="397.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 55.000000 33.000000 C 105.400002 33.000000 131.699997 33.000000 180.500000 33.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-481575301)" /><text x="118.500000" y="39.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">sync</text></g><g id="(y -&gt; z)[0]"><path d="M 240.000000 33.000000 C 291.200012 33.000000 317.899994 33.000000 367.500000 33.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-481575301)" /><text x="304.500000" y="39.000000" class="text-bold fill-N2" style="text-anchor:middle;font-size:16px">sync</text></g><mask id="d2-481575301" maskUnits="userSpaceOnUse" x="-1" y="-1" width="425" height="68">
+		.d2-3526140621 .fill-N1{fill:#0A0F25;}
+		.d2-3526140621 .fill-N2{fill:#676C7E;}
+		.d2-3526140621 .fill-N3{fill:#9499AB;}
+		.d2-3526140621 .fill-N4{fill:#CFD2DD;}
+		.d2-3526140621 .fill-N5{fill:#DEE1EB;}
+		.d2-3526140621 .fill-N6{fill:#EEF1F8;}
+		.d2-3526140621 .fill-N7{fill:#FFFFFF;}
+		.d2-3526140621 .fill-B1{fill:#0D32B2;}
+		.d2-3526140621 .fill-B2{fill:#0D32B2;}
+		.d2-3526140621 .fill-B3{fill:#E3E9FD;}
+		.d2-3526140621 .fill-B4{fill:#E3E9FD;}
+		.d2-3526140621 .fill-B5{fill:#EDF0FD;}
+		.d2-3526140621 .fill-B6{fill:#F7F8FE;}
+		.d2-3526140621 .fill-AA2{fill:#4A6FF3;}
+		.d2-3526140621 .fill-AA4{fill:#EDF0FD;}
+		.d2-3526140621 .fill-AA5{fill:#F7F8FE;}
+		.d2-3526140621 .fill-AB4{fill:#EDF0FD;}
+		.d2-3526140621 .fill-AB5{fill:#F7F8FE;}
+		.d2-3526140621 .stroke-N1{stroke:#0A0F25;}
+		.d2-3526140621 .stroke-N2{stroke:#676C7E;}
+		.d2-3526140621 .stroke-N3{stroke:#9499AB;}
+		.d2-3526140621 .stroke-N4{stroke:#CFD2DD;}
+		.d2-3526140621 .stroke-N5{stroke:#DEE1EB;}
+		.d2-3526140621 .stroke-N6{stroke:#EEF1F8;}
+		.d2-3526140621 .stroke-N7{stroke:#FFFFFF;}
+		.d2-3526140621 .stroke-B1{stroke:#0D32B2;}
+		.d2-3526140621 .stroke-B2{stroke:#0D32B2;}
+		.d2-3526140621 .stroke-B3{stroke:#E3E9FD;}
+		.d2-3526140621 .stroke-B4{stroke:#E3E9FD;}
+		.d2-3526140621 .stroke-B5{stroke:#EDF0FD;}
+		.d2-3526140621 .stroke-B6{stroke:#F7F8FE;}
+		.d2-3526140621 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-3526140621 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-3526140621 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-3526140621 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-3526140621 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-3526140621 .background-color-N1{background-color:#0A0F25;}
+		.d2-3526140621 .background-color-N2{background-color:#676C7E;}
+		.d2-3526140621 .background-color-N3{background-color:#9499AB;}
+		.d2-3526140621 .background-color-N4{background-color:#CFD2DD;}
+		.d2-3526140621 .background-color-N5{background-color:#DEE1EB;}
+		.d2-3526140621 .background-color-N6{background-color:#EEF1F8;}
+		.d2-3526140621 .background-color-N7{background-color:#FFFFFF;}
+		.d2-3526140621 .background-color-B1{background-color:#0D32B2;}
+		.d2-3526140621 .background-color-B2{background-color:#0D32B2;}
+		.d2-3526140621 .background-color-B3{background-color:#E3E9FD;}
+		.d2-3526140621 .background-color-B4{background-color:#E3E9FD;}
+		.d2-3526140621 .background-color-B5{background-color:#EDF0FD;}
+		.d2-3526140621 .background-color-B6{background-color:#F7F8FE;}
+		.d2-3526140621 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-3526140621 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-3526140621 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-3526140621 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-3526140621 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-3526140621 .color-N1{color:#0A0F25;}
+		.d2-3526140621 .color-N2{color:#676C7E;}
+		.d2-3526140621 .color-N3{color:#9499AB;}
+		.d2-3526140621 .color-N4{color:#CFD2DD;}
+		.d2-3526140621 .color-N5{color:#DEE1EB;}
+		.d2-3526140621 .color-N6{color:#EEF1F8;}
+		.d2-3526140621 .color-N7{color:#FFFFFF;}
+		.d2-3526140621 .color-B1{color:#0D32B2;}
+		.d2-3526140621 .color-B2{color:#0D32B2;}
+		.d2-3526140621 .color-B3{color:#E3E9FD;}
+		.d2-3526140621 .color-B4{color:#E3E9FD;}
+		.d2-3526140621 .color-B5{color:#EDF0FD;}
+		.d2-3526140621 .color-B6{color:#F7F8FE;}
+		.d2-3526140621 .color-AA2{color:#4A6FF3;}
+		.d2-3526140621 .color-AA4{color:#EDF0FD;}
+		.d2-3526140621 .color-AA5{color:#F7F8FE;}
+		.d2-3526140621 .color-AB4{color:#EDF0FD;}
+		.d2-3526140621 .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}]]></style><g id="x"><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="184.000000" y="0.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="211.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="z"><g class="shape" ><rect x="371.000000" y="0.000000" width="52.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="397.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 54.500000 33.000000 C 105.300003 33.000000 131.699997 33.000000 180.500000 33.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3526140621)" /><text x="118.500000" y="39.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">sync</text></g><g id="(y -&gt; z)[0]"><path d="M 239.500000 33.000000 C 291.100006 33.000000 317.899994 33.000000 367.500000 33.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3526140621)" /><text x="304.500000" y="39.000000" class="text-bold fill-N2" style="text-anchor:middle;font-size:16px">sync</text></g><mask id="d2-3526140621" maskUnits="userSpaceOnUse" x="-1" y="-1" width="425" height="68">
 <rect x="-1" y="-1" width="425" height="68" fill="white"></rect>
 <rect x="22.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="206.500000" y="22.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

e2etests/testdata/regression/dagre-disconnect/dagre/board.exp.json

@@ -8,10 +8,10 @@
       "type": "rectangle",
       "pos": {
         "x": 0,
-        "y": 41
+        "y": 38
       },
       "width": 394,
-      "height": 1830,
+      "height": 1784,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -48,11 +48,11 @@
       "id": "a.k",
       "type": "rectangle",
       "pos": {
-        "x": 20,
-        "y": 111
+        "x": 30,
+        "y": 79
       },
-      "width": 131,
-      "height": 139,
+      "width": 111,
+      "height": 126,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -90,7 +90,7 @@
       "type": "rectangle",
       "pos": {
         "x": 60,
-        "y": 147
+        "y": 109
       },
       "width": 51,
       "height": 66,
@@ -130,11 +130,11 @@
       "id": "a.f",
       "type": "rectangle",
       "pos": {
-        "x": 21,
-        "y": 504
+        "x": 31,
+        "y": 472
       },
-      "width": 353,
-      "height": 139,
+      "width": 333,
+      "height": 126,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -172,7 +172,7 @@
       "type": "rectangle",
       "pos": {
         "x": 61,
-        "y": 540
+        "y": 502
       },
       "width": 49,
       "height": 66,
@@ -213,7 +213,7 @@
       "type": "rectangle",
       "pos": {
         "x": 170,
-        "y": 540
+        "y": 502
       },
       "width": 54,
       "height": 66,
@@ -254,10 +254,10 @@
       "type": "rectangle",
       "pos": {
         "x": 565,
-        "y": 827
+        "y": 824
       },
       "width": 259,
-      "height": 636,
+      "height": 590,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -294,11 +294,11 @@
       "id": "s.n",
       "type": "rectangle",
       "pos": {
-        "x": 585,
-        "y": 897
+        "x": 595,
+        "y": 865
       },
-      "width": 131,
-      "height": 139,
+      "width": 111,
+      "height": 126,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -335,11 +335,11 @@
       "id": "k",
       "type": "rectangle",
       "pos": {
-        "x": 1108,
-        "y": 434
+        "x": 1118,
+        "y": 472
       },
-      "width": 132,
-      "height": 243,
+      "width": 112,
+      "height": 126,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -377,7 +377,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1148,
-        "y": 522
+        "y": 502
       },
       "width": 52,
       "height": 66,
@@ -418,10 +418,10 @@
       "type": "rectangle",
       "pos": {
         "x": 844,
-        "y": 827
+        "y": 824
       },
-      "width": 397,
-      "height": 243,
+      "width": 387,
+      "height": 197,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -459,7 +459,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1147,
-        "y": 915
+        "y": 895
       },
       "width": 54,
       "height": 66,
@@ -500,10 +500,10 @@
       "type": "rectangle",
       "pos": {
         "x": 741,
-        "y": 41
+        "y": 38
       },
       "width": 172,
-      "height": 243,
+      "height": 197,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -540,11 +540,11 @@
       "id": "h.m",
       "type": "rectangle",
       "pos": {
-        "x": 761,
-        "y": 111
+        "x": 771,
+        "y": 79
       },
-      "width": 132,
-      "height": 139,
+      "width": 112,
+      "height": 126,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -582,7 +582,7 @@
       "type": "rectangle",
       "pos": {
         "x": 801,
-        "y": 147
+        "y": 109
       },
       "width": 52,
       "height": 66,
@@ -623,7 +623,7 @@
       "type": "rectangle",
       "pos": {
         "x": 284,
-        "y": 540
+        "y": 502
       },
       "width": 50,
       "height": 66,
@@ -663,11 +663,11 @@
       "id": "u.s",
       "type": "rectangle",
       "pos": {
-        "x": 864,
-        "y": 897
+        "x": 874,
+        "y": 865
       },
-      "width": 130,
-      "height": 139,
+      "width": 110,
+      "height": 126,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -705,7 +705,7 @@
       "type": "rectangle",
       "pos": {
         "x": 904,
-        "y": 933
+        "y": 895
       },
       "width": 50,
       "height": 66,
@@ -746,7 +746,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1034,
-        "y": 915
+        "y": 895
       },
       "width": 53,
       "height": 66,
@@ -786,11 +786,11 @@
       "id": "s.z",
       "type": "rectangle",
       "pos": {
-        "x": 671,
-        "y": 1290
+        "x": 681,
+        "y": 1258
       },
-      "width": 133,
-      "height": 139,
+      "width": 113,
+      "height": 126,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -828,7 +828,7 @@
       "type": "rectangle",
       "pos": {
         "x": 711,
-        "y": 1326
+        "y": 1288
       },
       "width": 53,
       "height": 66,
@@ -869,7 +869,7 @@
       "type": "rectangle",
       "pos": {
         "x": 625,
-        "y": 933
+        "y": 895
       },
       "width": 51,
       "height": 66,
@@ -909,11 +909,11 @@
       "id": "y",
       "type": "rectangle",
       "pos": {
-        "x": 414,
-        "y": 1220
+        "x": 424,
+        "y": 1258
       },
-      "width": 131,
-      "height": 243,
+      "width": 111,
+      "height": 126,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -951,7 +951,7 @@
       "type": "rectangle",
       "pos": {
         "x": 454,
-        "y": 1308
+        "y": 1288
       },
       "width": 51,
       "height": 66,
@@ -991,11 +991,11 @@
       "id": "a.g",
       "type": "rectangle",
       "pos": {
-        "x": 133,
-        "y": 1697
+        "x": 143,
+        "y": 1666
       },
-      "width": 129,
-      "height": 139,
+      "width": 109,
+      "height": 126,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -1033,7 +1033,7 @@
       "type": "rectangle",
       "pos": {
         "x": 173,
-        "y": 1734
+        "y": 1696
       },
       "width": 49,
       "height": 66,
@@ -1097,55 +1097,55 @@
       "route": [
         {
           "x": 85.5,
-          "y": 213.5
+          "y": 174.5
         },
         {
           "x": 85.5,
-          "y": 242.6999969482422
+          "y": 218.5
         },
         {
           "x": 85.5,
-          "y": 260.89898681640625
+          "y": 240.39999389648438
         },
         {
           "x": 85.5,
-          "y": 277.25
+          "y": 256.75
         },
         {
           "x": 85.5,
-          "y": 293.6000061035156
+          "y": 273.1000061035156
         },
         {
           "x": 85.5,
-          "y": 315.3999938964844
+          "y": 294.8999938964844
         },
         {
           "x": 85.5,
-          "y": 331.75
+          "y": 311.25
         },
         {
           "x": 85.5,
-          "y": 348.1000061035156
+          "y": 327.6000061035156
         },
         {
           "x": 85.5,
-          "y": 369.8999938964844
+          "y": 349.3999938964844
         },
         {
           "x": 85.5,
-          "y": 386.25
+          "y": 365.75
         },
         {
           "x": 85.5,
-          "y": 402.6000061035156
+          "y": 382.1000061035156
         },
         {
           "x": 85.5,
-          "y": 482.6000061035156
+          "y": 458.5
         },
         {
           "x": 85.5,
-          "y": 541
+          "y": 502.5
         }
       ],
       "isCurve": true,
@@ -1180,11 +1180,11 @@
       "route": [
         {
           "x": 197,
-          "y": 606.5
+          "y": 567.5
         },
         {
           "x": 197,
-          "y": 619.2999877929688
+          "y": 611.5
         },
         {
           "x": 197,
@@ -1223,12 +1223,12 @@
           "y": 775.0999755859375
         },
         {
-          "x": 274.6000061035156,
-          "y": 866.7999877929688
+          "x": 276.6000061035156,
+          "y": 855.5
         },
         {
-          "x": 585,
-          "y": 972
+          "x": 595,
+          "y": 915.5
         }
       ],
       "isCurve": true,
@@ -1263,11 +1263,11 @@
       "route": [
         {
           "x": 1173.5,
-          "y": 588.5
+          "y": 567.5
         },
         {
           "x": 1173.5,
-          "y": 615.7000122070312
+          "y": 611.5
         },
         {
           "x": 1173.5,
@@ -1307,11 +1307,11 @@
         },
         {
           "x": 1173.5,
-          "y": 855.5999755859375
+          "y": 851.5
         },
         {
           "x": 1173.5,
-          "y": 916
+          "y": 895.5
         }
       ],
       "isCurve": true,
@@ -1346,11 +1346,11 @@
       "route": [
         {
           "x": 827.25,
-          "y": 213.5
+          "y": 174.5
         },
         {
           "x": 827.25,
-          "y": 226.3000030517578
+          "y": 218.5
         },
         {
           "x": 827.25,
@@ -1390,11 +1390,11 @@
         },
         {
           "x": 197,
-          "y": 466.20001220703125
+          "y": 458.5
         },
         {
           "x": 197,
-          "y": 541
+          "y": 502.5
         }
       ],
       "isCurve": true,
@@ -1429,11 +1429,11 @@
       "route": [
         {
           "x": 309,
-          "y": 606.5
+          "y": 567.5
         },
         {
           "x": 309,
-          "y": 619.2999877929688
+          "y": 611.5
         },
         {
           "x": 309,
@@ -1473,11 +1473,11 @@
         },
         {
           "x": 427.8999938964844,
-          "y": 864.9929809570312
+          "y": 857.2930297851562
         },
         {
           "x": 903.5,
-          "y": 962.968017578125
+          "y": 924.468017578125
         }
       ],
       "isCurve": true,
@@ -1512,11 +1512,11 @@
       "route": [
         {
           "x": 1060,
-          "y": 981.5
+          "y": 960.5
         },
         {
           "x": 1060,
-          "y": 1008.7000122070312
+          "y": 1004.5
         },
         {
           "x": 1060,
@@ -1556,11 +1556,11 @@
         },
         {
           "x": 737,
-          "y": 1252.199951171875
+          "y": 1244.5
         },
         {
           "x": 737,
-          "y": 1327
+          "y": 1288.5
         }
       ],
       "isCurve": true,
@@ -1595,11 +1595,11 @@
       "route": [
         {
           "x": 650.5,
-          "y": 1037
+          "y": 991.5
         },
         {
           "x": 650.5,
-          "y": 1063.4000244140625
+          "y": 1054.300048828125
         },
         {
           "x": 650.5,
@@ -1627,11 +1627,11 @@
         },
         {
           "x": 621.2999877929688,
-          "y": 1252.4000244140625
+          "y": 1248.300048828125
         },
         {
           "x": 504.5,
-          "y": 1328
+          "y": 1307.5
         }
       ],
       "isCurve": true,
@@ -1666,11 +1666,11 @@
       "route": [
         {
           "x": 479.5,
-          "y": 1374.5
+          "y": 1353.5
         },
         {
           "x": 479.5,
-          "y": 1401.699951171875
+          "y": 1397.5
         },
         {
           "x": 479.5,
@@ -1698,11 +1698,11 @@
         },
         {
           "x": 197,
-          "y": 1659.5999755859375
+          "y": 1651.9000244140625
         },
         {
           "x": 197,
-          "y": 1734
+          "y": 1695.5
         }
       ],
       "isCurve": true,

e2etests/testdata/regression/dagre-disconnect/elk/board.exp.json

@@ -1163,7 +1163,7 @@
         },
         {
           "x": 413.75,
-          "y": 1453.5
+          "y": 1454
         }
       ],
       "animated": false,
@@ -1365,7 +1365,7 @@
       "route": [
         {
           "x": 413.75,
-          "y": 1619.5
+          "y": 1619
         },
         {
           "x": 413.75,

e2etests/testdata/regression/dagre_broken_arrowhead/dagre/board.exp.json

@@ -7,11 +7,11 @@
       "id": "a",
       "type": "rectangle",
       "pos": {
-        "x": 0,
-        "y": 41
+        "x": 7,
+        "y": 25
       },
-      "width": 358,
-      "height": 487,
+      "width": 343,
+      "height": 454,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -49,7 +49,7 @@
       "type": "rectangle",
       "pos": {
         "x": 40,
-        "y": 75
+        "y": 55
       },
       "width": 53,
       "height": 66,
@@ -89,11 +89,11 @@
       "id": "a.c",
       "type": "rectangle",
       "pos": {
-        "x": 23,
-        "y": 355
+        "x": 37,
+        "y": 323
       },
-      "width": 299,
-      "height": 139,
+      "width": 283,
+      "height": 126,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -131,7 +131,7 @@
       "type": "rectangle",
       "pos": {
         "x": 153,
-        "y": 75
+        "y": 55
       },
       "width": 52,
       "height": 66,
@@ -172,7 +172,7 @@
       "type": "rectangle",
       "pos": {
         "x": 265,
-        "y": 75
+        "y": 55
       },
       "width": 53,
       "height": 66,
@@ -213,7 +213,7 @@
       "type": "rectangle",
       "pos": {
         "x": 152,
-        "y": 391
+        "y": 353
       },
       "width": 54,
       "height": 66,
@@ -277,19 +277,19 @@
       "route": [
         {
           "x": 66.5,
-          "y": 142
+          "y": 121.5
         },
         {
           "x": 66.5,
-          "y": 212.39999389648438
+          "y": 191.89999389648438
         },
         {
           "x": 66.69999694824219,
-          "y": 326.3999938964844
+          "y": 303.5
         },
         {
           "x": 67.5,
-          "y": 356
+          "y": 323.5
         }
       ],
       "isCurve": true,
@@ -324,19 +324,19 @@
       "route": [
         {
           "x": 179,
-          "y": 142
+          "y": 121.5
         },
         {
           "x": 179,
-          "y": 212.39999389648438
+          "y": 191.89999389648438
         },
         {
           "x": 179,
-          "y": 248
+          "y": 225.10000610351562
         },
         {
           "x": 179,
-          "y": 320
+          "y": 287.5
         }
       ],
       "isCurve": true,
@@ -371,19 +371,19 @@
       "route": [
         {
           "x": 291.5,
-          "y": 142
+          "y": 121.5
         },
         {
           "x": 291.5,
-          "y": 212.39999389648438
+          "y": 191.89999389648438
         },
         {
           "x": 291.29998779296875,
-          "y": 326.3999938964844
+          "y": 303.5
         },
         {
           "x": 290.5,
-          "y": 356
+          "y": 323.5
         }
       ],
       "isCurve": true,

e2etests/testdata/regression/dagre_edge_label_spacing/dagre/board.exp.json

@@ -7,11 +7,11 @@
       "id": "build_workflow",
       "type": "rectangle",
       "pos": {
-        "x": 0,
-        "y": 41
+        "x": 75,
+        "y": 56
       },
-      "width": 2328,
-      "height": 117,
+      "width": 2179,
+      "height": 137,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -49,7 +49,7 @@
       "type": "rectangle",
       "pos": {
         "x": 105,
-        "y": 61
+        "y": 86
       },
       "width": 270,
       "height": 77,
@@ -90,7 +90,7 @@
       "type": "rectangle",
       "pos": {
         "x": 638,
-        "y": 61
+        "y": 86
       },
       "width": 209,
       "height": 77,
@@ -131,7 +131,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1194,
-        "y": 61
+        "y": 86
       },
       "width": 71,
       "height": 77,
@@ -172,7 +172,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1593,
-        "y": 61
+        "y": 86
       },
       "width": 158,
       "height": 77,
@@ -213,7 +213,7 @@
       "type": "rectangle",
       "pos": {
         "x": 2129,
-        "y": 61
+        "y": 86
       },
       "width": 95,
       "height": 77,
@@ -277,19 +277,19 @@
       "route": [
         {
           "x": 375.5,
-          "y": 99.5
+          "y": 124.5
         },
         {
           "x": 479.8999938964844,
-          "y": 99.5
+          "y": 124.5
         },
         {
           "x": 532.2999877929688,
-          "y": 99.5
+          "y": 124.5
         },
         {
           "x": 637.5,
-          "y": 99.5
+          "y": 124.5
         }
       ],
       "isCurve": true,
@@ -323,20 +323,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 846.5,
-          "y": 99.5
+          "x": 847,
+          "y": 124.5
         },
         {
-          "x": 985.2999877929688,
-          "y": 99.5
+          "x": 985.4000244140625,
+          "y": 124.5
         },
         {
           "x": 1054.699951171875,
-          "y": 99.5
+          "y": 124.5
         },
         {
           "x": 1193.5,
-          "y": 99.5
+          "y": 124.5
         }
       ],
       "isCurve": true,
@@ -371,19 +371,19 @@
       "route": [
         {
           "x": 1265.5,
-          "y": 99.5
+          "y": 124.5
         },
         {
           "x": 1395.9000244140625,
-          "y": 99.5
+          "y": 124.5
         },
         {
           "x": 1461.300048828125,
-          "y": 99.5
+          "y": 124.5
         },
         {
           "x": 1592.5,
-          "y": 99.5
+          "y": 124.5
         }
       ],
       "isCurve": true,
@@ -418,19 +418,19 @@
       "route": [
         {
           "x": 1751.5,
-          "y": 99.5
+          "y": 124.5
         },
         {
           "x": 1901.9000244140625,
-          "y": 99.5
+          "y": 124.5
         },
         {
           "x": 1977.300048828125,
-          "y": 99.5
+          "y": 124.5
         },
         {
           "x": 2128.5,
-          "y": 99.5
+          "y": 124.5
         }
       ],
       "isCurve": true,

e2etests/testdata/regression/elk_alignment/dagre/board.exp.json

@@ -7,11 +7,11 @@
       "id": "build_workflow",
       "type": "rectangle",
       "pos": {
-        "x": 0,
-        "y": 41
+        "x": 10,
+        "y": 43
       },
-      "width": 350,
-      "height": 1331,
+      "width": 330,
+      "height": 1286,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -49,7 +49,7 @@
       "type": "rectangle",
       "pos": {
         "x": 40,
-        "y": 93
+        "y": 73
       },
       "width": 270,
       "height": 77,
@@ -90,7 +90,7 @@
       "type": "rectangle",
       "pos": {
         "x": 71,
-        "y": 342
+        "y": 322
       },
       "width": 209,
       "height": 77,
@@ -131,7 +131,7 @@
       "type": "rectangle",
       "pos": {
         "x": 140,
-        "y": 671
+        "y": 651
       },
       "width": 71,
       "height": 77,
@@ -172,7 +172,7 @@
       "type": "rectangle",
       "pos": {
         "x": 96,
-        "y": 993
+        "y": 973
       },
       "width": 158,
       "height": 77,
@@ -213,7 +213,7 @@
       "type": "rectangle",
       "pos": {
         "x": 128,
-        "y": 1242
+        "y": 1222
       },
       "width": 95,
       "height": 77,
@@ -253,11 +253,11 @@
       "id": "deploy_workflow",
       "type": "rectangle",
       "pos": {
-        "x": 370,
-        "y": 41
+        "x": 380,
+        "y": 43
       },
-      "width": 291,
-      "height": 760,
+      "width": 271,
+      "height": 715,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -295,7 +295,7 @@
       "type": "rectangle",
       "pos": {
         "x": 410,
-        "y": 93
+        "y": 73
       },
       "width": 211,
       "height": 77,
@@ -336,7 +336,7 @@
       "type": "rectangle",
       "pos": {
         "x": 411,
-        "y": 342
+        "y": 322
       },
       "width": 209,
       "height": 77,
@@ -377,7 +377,7 @@
       "type": "rectangle",
       "pos": {
         "x": 468,
-        "y": 671
+        "y": 651
       },
       "width": 95,
       "height": 77,
@@ -418,10 +418,10 @@
       "type": "rectangle",
       "pos": {
         "x": 681,
-        "y": 41
+        "y": 43
       },
       "width": 573,
-      "height": 760,
+      "height": 715,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -459,7 +459,7 @@
       "type": "rectangle",
       "pos": {
         "x": 879,
-        "y": 93
+        "y": 73
       },
       "width": 178,
       "height": 77,
@@ -500,7 +500,7 @@
       "type": "rectangle",
       "pos": {
         "x": 863,
-        "y": 342
+        "y": 322
       },
       "width": 209,
       "height": 77,
@@ -541,7 +541,7 @@
       "type": "rectangle",
       "pos": {
         "x": 920,
-        "y": 671
+        "y": 651
       },
       "width": 95,
       "height": 77,
@@ -605,19 +605,19 @@
       "route": [
         {
           "x": 175,
-          "y": 170.5
+          "y": 150
         },
         {
           "x": 175,
-          "y": 239.3000030517578
+          "y": 218.8000030517578
         },
         {
           "x": 175,
-          "y": 273.70001220703125
+          "y": 253.1999969482422
         },
         {
           "x": 175,
-          "y": 342.5
+          "y": 322
         }
       ],
       "isCurve": true,
@@ -652,19 +652,19 @@
       "route": [
         {
           "x": 175,
-          "y": 419.5
+          "y": 399
         },
         {
           "x": 175,
-          "y": 520.2990112304688
+          "y": 499.79998779296875
         },
         {
           "x": 175,
-          "y": 570.7000122070312
+          "y": 550.2000122070312
         },
         {
           "x": 175,
-          "y": 671.5
+          "y": 651
         }
       ],
       "isCurve": true,
@@ -699,19 +699,19 @@
       "route": [
         {
           "x": 175,
-          "y": 748.5
+          "y": 728
         },
         {
           "x": 175,
-          "y": 806.9000244140625
+          "y": 786.4000244140625
         },
         {
           "x": 175,
-          "y": 924.7000122070312
+          "y": 904.2000122070312
         },
         {
           "x": 175,
-          "y": 993.5
+          "y": 973
         }
       ],
       "isCurve": true,
@@ -746,19 +746,19 @@
       "route": [
         {
           "x": 175,
-          "y": 1070.5
+          "y": 1050
         },
         {
           "x": 175,
-          "y": 1139.300048828125
+          "y": 1118.800048828125
         },
         {
           "x": 175,
-          "y": 1173.699951171875
+          "y": 1153.199951171875
         },
         {
           "x": 175,
-          "y": 1242.5
+          "y": 1222
         }
       ],
       "isCurve": true,
@@ -793,19 +793,19 @@
       "route": [
         {
           "x": 515.5,
-          "y": 170.5
+          "y": 150
         },
         {
           "x": 515.5,
-          "y": 239.3000030517578
+          "y": 218.8000030517578
         },
         {
           "x": 515.5,
-          "y": 273.70001220703125
+          "y": 253.1999969482422
         },
         {
           "x": 515.5,
-          "y": 342.5
+          "y": 322
         }
       ],
       "isCurve": true,
@@ -840,19 +840,19 @@
       "route": [
         {
           "x": 515.5,
-          "y": 419.5
+          "y": 399
         },
         {
           "x": 515.5,
-          "y": 520.2990112304688
+          "y": 499.79998779296875
         },
         {
           "x": 515.5,
-          "y": 570.7000122070312
+          "y": 550.2000122070312
         },
         {
           "x": 515.5,
-          "y": 671.5
+          "y": 651
         }
       ],
       "isCurve": true,
@@ -887,19 +887,19 @@
       "route": [
         {
           "x": 967.5,
-          "y": 170.5
+          "y": 150
         },
         {
           "x": 967.5,
-          "y": 239.3000030517578
+          "y": 218.8000030517578
         },
         {
           "x": 967.5,
-          "y": 273.70001220703125
+          "y": 253.1999969482422
         },
         {
           "x": 967.5,
-          "y": 342.5
+          "y": 322
         }
       ],
       "isCurve": true,
@@ -934,19 +934,19 @@
       "route": [
         {
           "x": 967.5,
-          "y": 419.5
+          "y": 399
         },
         {
           "x": 967.5,
-          "y": 520.2990112304688
+          "y": 499.79998779296875
         },
         {
           "x": 967.5,
-          "y": 570.7000122070312
+          "y": 550.2000122070312
         },
         {
           "x": 967.5,
-          "y": 671.5
+          "y": 651
         }
       ],
       "isCurve": true,

e2etests/testdata/regression/elk_loop_panic/dagre/board.exp.json

@@ -7,11 +7,11 @@
       "id": "x",
       "type": "rectangle",
       "pos": {
-        "x": 0,
-        "y": 41
+        "x": 10,
+        "y": 20
       },
-      "width": 266,
-      "height": 125,
+      "width": 246,
+      "height": 126,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -49,7 +49,7 @@
       "type": "rectangle",
       "pos": {
         "x": 40,
-        "y": 70
+        "y": 50
       },
       "width": 53,
       "height": 66,
@@ -90,7 +90,7 @@
       "type": "rectangle",
       "pos": {
         "x": 173,
-        "y": 70
+        "y": 50
       },
       "width": 53,
       "height": 66,
@@ -153,56 +153,56 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 93,
-          "y": 87.0510025024414
+          "x": 92.66600036621094,
+          "y": 67
         },
         {
-          "x": 114.33300018310547,
-          "y": 73.80999755859375
+          "x": 114.26599884033203,
+          "y": 53.400001525878906
         },
         {
           "x": 121,
-          "y": 70.5
+          "y": 50
         },
         {
           "x": 123,
-          "y": 70.5
+          "y": 50
         },
         {
           "x": 125,
-          "y": 70.5
+          "y": 50
         },
         {
           "x": 127.66600036621094,
-          "y": 77.0999984741211
+          "y": 56.599998474121094
         },
         {
           "x": 129.66600036621094,
-          "y": 87
+          "y": 66.5
         },
         {
           "x": 131.66600036621094,
-          "y": 96.9000015258789
+          "y": 76.4000015258789
         },
         {
           "x": 131.66600036621094,
-          "y": 110.0999984741211
+          "y": 89.5999984741211
         },
         {
           "x": 129.66600036621094,
-          "y": 120
+          "y": 99.5
         },
         {
           "x": 127.66600036621094,
-          "y": 129.89999389648438
+          "y": 109.4000015258789
         },
         {
-          "x": 114.33300018310547,
-          "y": 133.18899536132812
+          "x": 114.26599884033203,
+          "y": 112.5999984741211
         },
         {
-          "x": 93,
-          "y": 119.947998046875
+          "x": 92.66600036621094,
+          "y": 99
         }
       ],
       "isCurve": true,

e2etests/testdata/regression/elk_loop_panic/dagre/sketch.exp.svg

@@ -1,16 +1,16 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 268 167"><svg id="d2-svg" class="d2-260708190" width="268" height="167" viewBox="-1 0 268 167"><rect x="-1.000000" y="0.000000" width="268.000000" height="167.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-260708190 .text {
-	font-family: "d2-260708190-font-regular";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 248 168"><svg id="d2-svg" class="d2-3864938258" width="248" height="168" viewBox="9 -21 248 168"><rect x="9.000000" y="-21.000000" width="248.000000" height="168.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-3864938258 .text {
+	font-family: "d2-3864938258-font-regular";
 }
 @font-face {
-	font-family: d2-260708190-font-regular;
+	font-family: d2-3864938258-font-regular;
 	src: url("data:application/font-woff;base64,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");
 }
-.d2-260708190 .text-bold {
-	font-family: "d2-260708190-font-bold";
+.d2-3864938258 .text-bold {
+	font-family: "d2-3864938258-font-bold";
 }
 @font-face {
-	font-family: d2-260708190-font-bold;
+	font-family: d2-3864938258-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -25,80 +25,80 @@
   opacity: 0.5;
 }
 
-		.d2-260708190 .fill-N1{fill:#0A0F25;}
-		.d2-260708190 .fill-N2{fill:#676C7E;}
-		.d2-260708190 .fill-N3{fill:#9499AB;}
-		.d2-260708190 .fill-N4{fill:#CFD2DD;}
-		.d2-260708190 .fill-N5{fill:#DEE1EB;}
-		.d2-260708190 .fill-N6{fill:#EEF1F8;}
-		.d2-260708190 .fill-N7{fill:#FFFFFF;}
-		.d2-260708190 .fill-B1{fill:#0D32B2;}
-		.d2-260708190 .fill-B2{fill:#0D32B2;}
-		.d2-260708190 .fill-B3{fill:#E3E9FD;}
-		.d2-260708190 .fill-B4{fill:#E3E9FD;}
-		.d2-260708190 .fill-B5{fill:#EDF0FD;}
-		.d2-260708190 .fill-B6{fill:#F7F8FE;}
-		.d2-260708190 .fill-AA2{fill:#4A6FF3;}
-		.d2-260708190 .fill-AA4{fill:#EDF0FD;}
-		.d2-260708190 .fill-AA5{fill:#F7F8FE;}
-		.d2-260708190 .fill-AB4{fill:#EDF0FD;}
-		.d2-260708190 .fill-AB5{fill:#F7F8FE;}
-		.d2-260708190 .stroke-N1{stroke:#0A0F25;}
-		.d2-260708190 .stroke-N2{stroke:#676C7E;}
-		.d2-260708190 .stroke-N3{stroke:#9499AB;}
-		.d2-260708190 .stroke-N4{stroke:#CFD2DD;}
-		.d2-260708190 .stroke-N5{stroke:#DEE1EB;}
-		.d2-260708190 .stroke-N6{stroke:#EEF1F8;}
-		.d2-260708190 .stroke-N7{stroke:#FFFFFF;}
-		.d2-260708190 .stroke-B1{stroke:#0D32B2;}
-		.d2-260708190 .stroke-B2{stroke:#0D32B2;}
-		.d2-260708190 .stroke-B3{stroke:#E3E9FD;}
-		.d2-260708190 .stroke-B4{stroke:#E3E9FD;}
-		.d2-260708190 .stroke-B5{stroke:#EDF0FD;}
-		.d2-260708190 .stroke-B6{stroke:#F7F8FE;}
-		.d2-260708190 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-260708190 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-260708190 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-260708190 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-260708190 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-260708190 .background-color-N1{background-color:#0A0F25;}
-		.d2-260708190 .background-color-N2{background-color:#676C7E;}
-		.d2-260708190 .background-color-N3{background-color:#9499AB;}
-		.d2-260708190 .background-color-N4{background-color:#CFD2DD;}
-		.d2-260708190 .background-color-N5{background-color:#DEE1EB;}
-		.d2-260708190 .background-color-N6{background-color:#EEF1F8;}
-		.d2-260708190 .background-color-N7{background-color:#FFFFFF;}
-		.d2-260708190 .background-color-B1{background-color:#0D32B2;}
-		.d2-260708190 .background-color-B2{background-color:#0D32B2;}
-		.d2-260708190 .background-color-B3{background-color:#E3E9FD;}
-		.d2-260708190 .background-color-B4{background-color:#E3E9FD;}
-		.d2-260708190 .background-color-B5{background-color:#EDF0FD;}
-		.d2-260708190 .background-color-B6{background-color:#F7F8FE;}
-		.d2-260708190 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-260708190 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-260708190 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-260708190 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-260708190 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-260708190 .color-N1{color:#0A0F25;}
-		.d2-260708190 .color-N2{color:#676C7E;}
-		.d2-260708190 .color-N3{color:#9499AB;}
-		.d2-260708190 .color-N4{color:#CFD2DD;}
-		.d2-260708190 .color-N5{color:#DEE1EB;}
-		.d2-260708190 .color-N6{color:#EEF1F8;}
-		.d2-260708190 .color-N7{color:#FFFFFF;}
-		.d2-260708190 .color-B1{color:#0D32B2;}
-		.d2-260708190 .color-B2{color:#0D32B2;}
-		.d2-260708190 .color-B3{color:#E3E9FD;}
-		.d2-260708190 .color-B4{color:#E3E9FD;}
-		.d2-260708190 .color-B5{color:#EDF0FD;}
-		.d2-260708190 .color-B6{color:#F7F8FE;}
-		.d2-260708190 .color-AA2{color:#4A6FF3;}
-		.d2-260708190 .color-AA4{color:#EDF0FD;}
-		.d2-260708190 .color-AA5{color:#F7F8FE;}
-		.d2-260708190 .color-AB4{color:#EDF0FD;}
-		.d2-260708190 .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}]]></style><g id="x"><g class="shape" ><rect x="0.000000" y="41.000000" width="266.000000" height="125.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="133.000000" y="28.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">x</text></g><g id="x.a"><g class="shape" ><rect x="40.000000" y="70.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="66.500000" y="108.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="x.b"><g class="shape" ><rect x="173.000000" y="70.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="199.500000" y="108.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="x.(a -&gt; a)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 94.699286 85.996286 C 114.333000 73.809998 121.000000 70.500000 123.000000 70.500000 C 125.000000 70.500000 127.666000 77.099998 129.666000 87.000000 C 131.666000 96.900002 131.666000 110.099998 129.666000 120.000000 C 127.666000 129.899994 114.333000 133.188995 96.398573 122.057429" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-260708190)" /></g><mask id="d2-260708190" maskUnits="userSpaceOnUse" x="-1" y="0" width="268" height="167">
-<rect x="-1" y="0" width="268" height="167" fill="white"></rect>
-<rect x="126.500000" y="0.000000" width="13" height="36" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="62.500000" y="92.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="195.500000" y="92.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+		.d2-3864938258 .fill-N1{fill:#0A0F25;}
+		.d2-3864938258 .fill-N2{fill:#676C7E;}
+		.d2-3864938258 .fill-N3{fill:#9499AB;}
+		.d2-3864938258 .fill-N4{fill:#CFD2DD;}
+		.d2-3864938258 .fill-N5{fill:#DEE1EB;}
+		.d2-3864938258 .fill-N6{fill:#EEF1F8;}
+		.d2-3864938258 .fill-N7{fill:#FFFFFF;}
+		.d2-3864938258 .fill-B1{fill:#0D32B2;}
+		.d2-3864938258 .fill-B2{fill:#0D32B2;}
+		.d2-3864938258 .fill-B3{fill:#E3E9FD;}
+		.d2-3864938258 .fill-B4{fill:#E3E9FD;}
+		.d2-3864938258 .fill-B5{fill:#EDF0FD;}
+		.d2-3864938258 .fill-B6{fill:#F7F8FE;}
+		.d2-3864938258 .fill-AA2{fill:#4A6FF3;}
+		.d2-3864938258 .fill-AA4{fill:#EDF0FD;}
+		.d2-3864938258 .fill-AA5{fill:#F7F8FE;}
+		.d2-3864938258 .fill-AB4{fill:#EDF0FD;}
+		.d2-3864938258 .fill-AB5{fill:#F7F8FE;}
+		.d2-3864938258 .stroke-N1{stroke:#0A0F25;}
+		.d2-3864938258 .stroke-N2{stroke:#676C7E;}
+		.d2-3864938258 .stroke-N3{stroke:#9499AB;}
+		.d2-3864938258 .stroke-N4{stroke:#CFD2DD;}
+		.d2-3864938258 .stroke-N5{stroke:#DEE1EB;}
+		.d2-3864938258 .stroke-N6{stroke:#EEF1F8;}
+		.d2-3864938258 .stroke-N7{stroke:#FFFFFF;}
+		.d2-3864938258 .stroke-B1{stroke:#0D32B2;}
+		.d2-3864938258 .stroke-B2{stroke:#0D32B2;}
+		.d2-3864938258 .stroke-B3{stroke:#E3E9FD;}
+		.d2-3864938258 .stroke-B4{stroke:#E3E9FD;}
+		.d2-3864938258 .stroke-B5{stroke:#EDF0FD;}
+		.d2-3864938258 .stroke-B6{stroke:#F7F8FE;}
+		.d2-3864938258 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-3864938258 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-3864938258 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-3864938258 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-3864938258 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-3864938258 .background-color-N1{background-color:#0A0F25;}
+		.d2-3864938258 .background-color-N2{background-color:#676C7E;}
+		.d2-3864938258 .background-color-N3{background-color:#9499AB;}
+		.d2-3864938258 .background-color-N4{background-color:#CFD2DD;}
+		.d2-3864938258 .background-color-N5{background-color:#DEE1EB;}
+		.d2-3864938258 .background-color-N6{background-color:#EEF1F8;}
+		.d2-3864938258 .background-color-N7{background-color:#FFFFFF;}
+		.d2-3864938258 .background-color-B1{background-color:#0D32B2;}
+		.d2-3864938258 .background-color-B2{background-color:#0D32B2;}
+		.d2-3864938258 .background-color-B3{background-color:#E3E9FD;}
+		.d2-3864938258 .background-color-B4{background-color:#E3E9FD;}
+		.d2-3864938258 .background-color-B5{background-color:#EDF0FD;}
+		.d2-3864938258 .background-color-B6{background-color:#F7F8FE;}
+		.d2-3864938258 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-3864938258 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-3864938258 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-3864938258 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-3864938258 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-3864938258 .color-N1{color:#0A0F25;}
+		.d2-3864938258 .color-N2{color:#676C7E;}
+		.d2-3864938258 .color-N3{color:#9499AB;}
+		.d2-3864938258 .color-N4{color:#CFD2DD;}
+		.d2-3864938258 .color-N5{color:#DEE1EB;}
+		.d2-3864938258 .color-N6{color:#EEF1F8;}
+		.d2-3864938258 .color-N7{color:#FFFFFF;}
+		.d2-3864938258 .color-B1{color:#0D32B2;}
+		.d2-3864938258 .color-B2{color:#0D32B2;}
+		.d2-3864938258 .color-B3{color:#E3E9FD;}
+		.d2-3864938258 .color-B4{color:#E3E9FD;}
+		.d2-3864938258 .color-B5{color:#EDF0FD;}
+		.d2-3864938258 .color-B6{color:#F7F8FE;}
+		.d2-3864938258 .color-AA2{color:#4A6FF3;}
+		.d2-3864938258 .color-AA4{color:#EDF0FD;}
+		.d2-3864938258 .color-AA5{color:#F7F8FE;}
+		.d2-3864938258 .color-AB4{color:#EDF0FD;}
+		.d2-3864938258 .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}]]></style><g id="x"><g class="shape" ><rect x="10.000000" y="20.000000" width="246.000000" height="126.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="133.000000" y="7.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">x</text></g><g id="x.a"><g class="shape" ><rect x="40.000000" y="50.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="66.500000" y="88.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="x.b"><g class="shape" ><rect x="173.000000" y="50.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="199.500000" y="88.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="x.(a -&gt; a)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 94.358466 65.934373 C 114.265999 53.400002 121.000000 50.000000 123.000000 50.000000 C 125.000000 50.000000 127.666000 56.599998 129.666000 66.500000 C 131.666000 76.400002 131.666000 89.599998 129.666000 99.500000 C 127.666000 109.400002 114.265999 112.599998 96.050932 101.131253" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3864938258)" /></g><mask id="d2-3864938258" maskUnits="userSpaceOnUse" x="9" y="-21" width="248" height="168">
+<rect x="9" y="-21" width="248" height="168" fill="white"></rect>
+<rect x="126.500000" y="-21.000000" width="13" height="36" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="62.500000" y="72.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="195.500000" y="72.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests/testdata/regression/nested_steps/dagre/board.exp.json

@@ -7,11 +7,11 @@
       "id": "a",
       "type": "rectangle",
       "pos": {
-        "x": 0,
-        "y": 41
+        "x": 10,
+        "y": 20
       },
-      "width": 173,
-      "height": 361,
+      "width": 153,
+      "height": 362,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -49,7 +49,7 @@
       "type": "step",
       "pos": {
         "x": 40,
-        "y": 70
+        "y": 50
       },
       "width": 93,
       "height": 101,
@@ -90,7 +90,7 @@
       "type": "step",
       "pos": {
         "x": 40,
-        "y": 271
+        "y": 251
       },
       "width": 93,
       "height": 101,
@@ -236,19 +236,19 @@
       "route": [
         {
           "x": 86,
-          "y": 172
+          "y": 151
         },
         {
           "x": 86.4000015258789,
-          "y": 211.60000610351562
+          "y": 191
         },
         {
           "x": 86.5999984741211,
-          "y": 231.60000610351562
+          "y": 211
         },
         {
           "x": 87,
-          "y": 272
+          "y": 251
         }
       ],
       "isCurve": true,

e2etests/testdata/regression/nested_steps/dagre/sketch.exp.svg

@@ -1,16 +1,16 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 309 403"><svg id="d2-svg" class="d2-2585728912" width="309" height="403" viewBox="-1 0 309 403"><rect x="-1.000000" y="0.000000" width="309.000000" height="403.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-2585728912 .text {
-	font-family: "d2-2585728912-font-regular";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 299 404"><svg id="d2-svg" class="d2-1542977856" width="299" height="404" viewBox="9 -21 299 404"><rect x="9.000000" y="-21.000000" width="299.000000" height="404.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-1542977856 .text {
+	font-family: "d2-1542977856-font-regular";
 }
 @font-face {
-	font-family: d2-2585728912-font-regular;
+	font-family: d2-1542977856-font-regular;
 	src: url("data:application/font-woff;base64,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");
 }
-.d2-2585728912 .text-bold {
-	font-family: "d2-2585728912-font-bold";
+.d2-1542977856 .text-bold {
+	font-family: "d2-1542977856-font-bold";
 }
 @font-face {
-	font-family: d2-2585728912-font-bold;
+	font-family: d2-1542977856-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -25,82 +25,82 @@
   opacity: 0.5;
 }
 
-		.d2-2585728912 .fill-N1{fill:#0A0F25;}
-		.d2-2585728912 .fill-N2{fill:#676C7E;}
-		.d2-2585728912 .fill-N3{fill:#9499AB;}
-		.d2-2585728912 .fill-N4{fill:#CFD2DD;}
-		.d2-2585728912 .fill-N5{fill:#DEE1EB;}
-		.d2-2585728912 .fill-N6{fill:#EEF1F8;}
-		.d2-2585728912 .fill-N7{fill:#FFFFFF;}
-		.d2-2585728912 .fill-B1{fill:#0D32B2;}
-		.d2-2585728912 .fill-B2{fill:#0D32B2;}
-		.d2-2585728912 .fill-B3{fill:#E3E9FD;}
-		.d2-2585728912 .fill-B4{fill:#E3E9FD;}
-		.d2-2585728912 .fill-B5{fill:#EDF0FD;}
-		.d2-2585728912 .fill-B6{fill:#F7F8FE;}
-		.d2-2585728912 .fill-AA2{fill:#4A6FF3;}
-		.d2-2585728912 .fill-AA4{fill:#EDF0FD;}
-		.d2-2585728912 .fill-AA5{fill:#F7F8FE;}
-		.d2-2585728912 .fill-AB4{fill:#EDF0FD;}
-		.d2-2585728912 .fill-AB5{fill:#F7F8FE;}
-		.d2-2585728912 .stroke-N1{stroke:#0A0F25;}
-		.d2-2585728912 .stroke-N2{stroke:#676C7E;}
-		.d2-2585728912 .stroke-N3{stroke:#9499AB;}
-		.d2-2585728912 .stroke-N4{stroke:#CFD2DD;}
-		.d2-2585728912 .stroke-N5{stroke:#DEE1EB;}
-		.d2-2585728912 .stroke-N6{stroke:#EEF1F8;}
-		.d2-2585728912 .stroke-N7{stroke:#FFFFFF;}
-		.d2-2585728912 .stroke-B1{stroke:#0D32B2;}
-		.d2-2585728912 .stroke-B2{stroke:#0D32B2;}
-		.d2-2585728912 .stroke-B3{stroke:#E3E9FD;}
-		.d2-2585728912 .stroke-B4{stroke:#E3E9FD;}
-		.d2-2585728912 .stroke-B5{stroke:#EDF0FD;}
-		.d2-2585728912 .stroke-B6{stroke:#F7F8FE;}
-		.d2-2585728912 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-2585728912 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-2585728912 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-2585728912 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-2585728912 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-2585728912 .background-color-N1{background-color:#0A0F25;}
-		.d2-2585728912 .background-color-N2{background-color:#676C7E;}
-		.d2-2585728912 .background-color-N3{background-color:#9499AB;}
-		.d2-2585728912 .background-color-N4{background-color:#CFD2DD;}
-		.d2-2585728912 .background-color-N5{background-color:#DEE1EB;}
-		.d2-2585728912 .background-color-N6{background-color:#EEF1F8;}
-		.d2-2585728912 .background-color-N7{background-color:#FFFFFF;}
-		.d2-2585728912 .background-color-B1{background-color:#0D32B2;}
-		.d2-2585728912 .background-color-B2{background-color:#0D32B2;}
-		.d2-2585728912 .background-color-B3{background-color:#E3E9FD;}
-		.d2-2585728912 .background-color-B4{background-color:#E3E9FD;}
-		.d2-2585728912 .background-color-B5{background-color:#EDF0FD;}
-		.d2-2585728912 .background-color-B6{background-color:#F7F8FE;}
-		.d2-2585728912 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-2585728912 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-2585728912 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-2585728912 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-2585728912 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-2585728912 .color-N1{color:#0A0F25;}
-		.d2-2585728912 .color-N2{color:#676C7E;}
-		.d2-2585728912 .color-N3{color:#9499AB;}
-		.d2-2585728912 .color-N4{color:#CFD2DD;}
-		.d2-2585728912 .color-N5{color:#DEE1EB;}
-		.d2-2585728912 .color-N6{color:#EEF1F8;}
-		.d2-2585728912 .color-N7{color:#FFFFFF;}
-		.d2-2585728912 .color-B1{color:#0D32B2;}
-		.d2-2585728912 .color-B2{color:#0D32B2;}
-		.d2-2585728912 .color-B3{color:#E3E9FD;}
-		.d2-2585728912 .color-B4{color:#E3E9FD;}
-		.d2-2585728912 .color-B5{color:#EDF0FD;}
-		.d2-2585728912 .color-B6{color:#F7F8FE;}
-		.d2-2585728912 .color-AA2{color:#4A6FF3;}
-		.d2-2585728912 .color-AA4{color:#EDF0FD;}
-		.d2-2585728912 .color-AA5{color:#F7F8FE;}
-		.d2-2585728912 .color-AB4{color:#EDF0FD;}
-		.d2-2585728912 .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}]]></style><g id="a"><g class="shape" ><rect x="0.000000" y="41.000000" width="173.000000" height="361.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="86.500000" y="28.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">a</text></g><g id="c"><g class="shape" ><path d="M 214 50 L 272 50 L 307 101 L 272 151 L 214 151 L 249 101 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="260.500000" y="106.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="d"><g class="shape" ><path d="M 213 251 L 272 251 L 307 302 L 272 352 L 213 352 L 248 302 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="260.000000" y="307.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="a.a"><g class="shape" ><path d="M 40 70 L 98 70 L 133 121 L 98 171 L 40 171 L 75 121 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="86.500000" y="126.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="a.b"><g class="shape" ><path d="M 40 271 L 98 271 L 133 322 L 98 372 L 40 372 L 75 322 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="86.500000" y="327.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="a.(a -&gt; b)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 86.020201 173.999898 C 86.400002 211.600006 86.599998 231.600006 86.960398 268.000196" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2585728912)" /></g><g id="(c -&gt; d)[0]"><path d="M 260.000000 153.000000 C 260.000000 191.000000 260.000000 211.000000 260.000000 247.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2585728912)" /></g><mask id="d2-2585728912" maskUnits="userSpaceOnUse" x="-1" y="0" width="309" height="403">
-<rect x="-1" y="0" width="309" height="403" fill="white"></rect>
-<rect x="80.500000" y="0.000000" width="12" height="36" fill="rgba(0,0,0,0.75)"></rect>
+		.d2-1542977856 .fill-N1{fill:#0A0F25;}
+		.d2-1542977856 .fill-N2{fill:#676C7E;}
+		.d2-1542977856 .fill-N3{fill:#9499AB;}
+		.d2-1542977856 .fill-N4{fill:#CFD2DD;}
+		.d2-1542977856 .fill-N5{fill:#DEE1EB;}
+		.d2-1542977856 .fill-N6{fill:#EEF1F8;}
+		.d2-1542977856 .fill-N7{fill:#FFFFFF;}
+		.d2-1542977856 .fill-B1{fill:#0D32B2;}
+		.d2-1542977856 .fill-B2{fill:#0D32B2;}
+		.d2-1542977856 .fill-B3{fill:#E3E9FD;}
+		.d2-1542977856 .fill-B4{fill:#E3E9FD;}
+		.d2-1542977856 .fill-B5{fill:#EDF0FD;}
+		.d2-1542977856 .fill-B6{fill:#F7F8FE;}
+		.d2-1542977856 .fill-AA2{fill:#4A6FF3;}
+		.d2-1542977856 .fill-AA4{fill:#EDF0FD;}
+		.d2-1542977856 .fill-AA5{fill:#F7F8FE;}
+		.d2-1542977856 .fill-AB4{fill:#EDF0FD;}
+		.d2-1542977856 .fill-AB5{fill:#F7F8FE;}
+		.d2-1542977856 .stroke-N1{stroke:#0A0F25;}
+		.d2-1542977856 .stroke-N2{stroke:#676C7E;}
+		.d2-1542977856 .stroke-N3{stroke:#9499AB;}
+		.d2-1542977856 .stroke-N4{stroke:#CFD2DD;}
+		.d2-1542977856 .stroke-N5{stroke:#DEE1EB;}
+		.d2-1542977856 .stroke-N6{stroke:#EEF1F8;}
+		.d2-1542977856 .stroke-N7{stroke:#FFFFFF;}
+		.d2-1542977856 .stroke-B1{stroke:#0D32B2;}
+		.d2-1542977856 .stroke-B2{stroke:#0D32B2;}
+		.d2-1542977856 .stroke-B3{stroke:#E3E9FD;}
+		.d2-1542977856 .stroke-B4{stroke:#E3E9FD;}
+		.d2-1542977856 .stroke-B5{stroke:#EDF0FD;}
+		.d2-1542977856 .stroke-B6{stroke:#F7F8FE;}
+		.d2-1542977856 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-1542977856 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-1542977856 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-1542977856 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-1542977856 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-1542977856 .background-color-N1{background-color:#0A0F25;}
+		.d2-1542977856 .background-color-N2{background-color:#676C7E;}
+		.d2-1542977856 .background-color-N3{background-color:#9499AB;}
+		.d2-1542977856 .background-color-N4{background-color:#CFD2DD;}
+		.d2-1542977856 .background-color-N5{background-color:#DEE1EB;}
+		.d2-1542977856 .background-color-N6{background-color:#EEF1F8;}
+		.d2-1542977856 .background-color-N7{background-color:#FFFFFF;}
+		.d2-1542977856 .background-color-B1{background-color:#0D32B2;}
+		.d2-1542977856 .background-color-B2{background-color:#0D32B2;}
+		.d2-1542977856 .background-color-B3{background-color:#E3E9FD;}
+		.d2-1542977856 .background-color-B4{background-color:#E3E9FD;}
+		.d2-1542977856 .background-color-B5{background-color:#EDF0FD;}
+		.d2-1542977856 .background-color-B6{background-color:#F7F8FE;}
+		.d2-1542977856 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-1542977856 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-1542977856 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-1542977856 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-1542977856 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-1542977856 .color-N1{color:#0A0F25;}
+		.d2-1542977856 .color-N2{color:#676C7E;}
+		.d2-1542977856 .color-N3{color:#9499AB;}
+		.d2-1542977856 .color-N4{color:#CFD2DD;}
+		.d2-1542977856 .color-N5{color:#DEE1EB;}
+		.d2-1542977856 .color-N6{color:#EEF1F8;}
+		.d2-1542977856 .color-N7{color:#FFFFFF;}
+		.d2-1542977856 .color-B1{color:#0D32B2;}
+		.d2-1542977856 .color-B2{color:#0D32B2;}
+		.d2-1542977856 .color-B3{color:#E3E9FD;}
+		.d2-1542977856 .color-B4{color:#E3E9FD;}
+		.d2-1542977856 .color-B5{color:#EDF0FD;}
+		.d2-1542977856 .color-B6{color:#F7F8FE;}
+		.d2-1542977856 .color-AA2{color:#4A6FF3;}
+		.d2-1542977856 .color-AA4{color:#EDF0FD;}
+		.d2-1542977856 .color-AA5{color:#F7F8FE;}
+		.d2-1542977856 .color-AB4{color:#EDF0FD;}
+		.d2-1542977856 .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}]]></style><g id="a"><g class="shape" ><rect x="10.000000" y="20.000000" width="153.000000" height="362.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="86.500000" y="7.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">a</text></g><g id="c"><g class="shape" ><path d="M 214 50 L 272 50 L 307 101 L 272 151 L 214 151 L 249 101 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="260.500000" y="106.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="d"><g class="shape" ><path d="M 213 251 L 272 251 L 307 302 L 272 352 L 213 352 L 248 302 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="260.000000" y="307.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="a.a"><g class="shape" ><path d="M 40 50 L 98 50 L 133 101 L 98 151 L 40 151 L 75 101 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="86.500000" y="106.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="a.b"><g class="shape" ><path d="M 40 251 L 98 251 L 133 302 L 98 352 L 40 352 L 75 302 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="86.500000" y="307.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="a.(a -&gt; b)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 86.019999 152.999900 C 86.400002 191.000000 86.599998 211.000000 86.960002 247.000200" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1542977856)" /></g><g id="(c -&gt; d)[0]"><path d="M 260.000000 153.000000 C 260.000000 191.000000 260.000000 211.000000 260.000000 247.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1542977856)" /></g><mask id="d2-1542977856" maskUnits="userSpaceOnUse" x="9" y="-21" width="299" height="404">
+<rect x="9" y="-21" width="299" height="404" fill="white"></rect>
+<rect x="80.500000" y="-21.000000" width="12" height="36" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="256.500000" y="90.000000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="255.500000" y="291.000000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="82.500000" y="110.000000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="82.500000" y="311.000000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="82.500000" y="90.000000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="82.500000" y="291.000000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests/testdata/regression/nested_steps/elk/board.exp.json

@@ -239,7 +239,7 @@
           "y": 163
         },
         {
-          "x": 108,
+          "x": 109,
           "y": 233
         }
       ],
@@ -277,7 +277,7 @@
           "y": 384
         },
         {
-          "x": 271,
+          "x": 272,
           "y": 454
         }
       ],

e2etests/testdata/regression/nested_steps/elk/sketch.exp.svg

@@ -1,16 +1,16 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 308 545"><svg id="d2-svg" class="d2-76938806" width="308" height="545" viewBox="11 11 308 545"><rect x="11.000000" y="11.000000" width="308.000000" height="545.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-76938806 .text {
-	font-family: "d2-76938806-font-regular";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 308 545"><svg id="d2-svg" class="d2-3156367360" width="308" height="545" viewBox="11 11 308 545"><rect x="11.000000" y="11.000000" width="308.000000" height="545.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-3156367360 .text {
+	font-family: "d2-3156367360-font-regular";
 }
 @font-face {
-	font-family: d2-76938806-font-regular;
+	font-family: d2-3156367360-font-regular;
 	src: url("data:application/font-woff;base64,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");
 }
-.d2-76938806 .text-bold {
-	font-family: "d2-76938806-font-bold";
+.d2-3156367360 .text-bold {
+	font-family: "d2-3156367360-font-bold";
 }
 @font-face {
-	font-family: d2-76938806-font-bold;
+	font-family: d2-3156367360-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -25,78 +25,78 @@
   opacity: 0.5;
 }
 
-		.d2-76938806 .fill-N1{fill:#0A0F25;}
-		.d2-76938806 .fill-N2{fill:#676C7E;}
-		.d2-76938806 .fill-N3{fill:#9499AB;}
-		.d2-76938806 .fill-N4{fill:#CFD2DD;}
-		.d2-76938806 .fill-N5{fill:#DEE1EB;}
-		.d2-76938806 .fill-N6{fill:#EEF1F8;}
-		.d2-76938806 .fill-N7{fill:#FFFFFF;}
-		.d2-76938806 .fill-B1{fill:#0D32B2;}
-		.d2-76938806 .fill-B2{fill:#0D32B2;}
-		.d2-76938806 .fill-B3{fill:#E3E9FD;}
-		.d2-76938806 .fill-B4{fill:#E3E9FD;}
-		.d2-76938806 .fill-B5{fill:#EDF0FD;}
-		.d2-76938806 .fill-B6{fill:#F7F8FE;}
-		.d2-76938806 .fill-AA2{fill:#4A6FF3;}
-		.d2-76938806 .fill-AA4{fill:#EDF0FD;}
-		.d2-76938806 .fill-AA5{fill:#F7F8FE;}
-		.d2-76938806 .fill-AB4{fill:#EDF0FD;}
-		.d2-76938806 .fill-AB5{fill:#F7F8FE;}
-		.d2-76938806 .stroke-N1{stroke:#0A0F25;}
-		.d2-76938806 .stroke-N2{stroke:#676C7E;}
-		.d2-76938806 .stroke-N3{stroke:#9499AB;}
-		.d2-76938806 .stroke-N4{stroke:#CFD2DD;}
-		.d2-76938806 .stroke-N5{stroke:#DEE1EB;}
-		.d2-76938806 .stroke-N6{stroke:#EEF1F8;}
-		.d2-76938806 .stroke-N7{stroke:#FFFFFF;}
-		.d2-76938806 .stroke-B1{stroke:#0D32B2;}
-		.d2-76938806 .stroke-B2{stroke:#0D32B2;}
-		.d2-76938806 .stroke-B3{stroke:#E3E9FD;}
-		.d2-76938806 .stroke-B4{stroke:#E3E9FD;}
-		.d2-76938806 .stroke-B5{stroke:#EDF0FD;}
-		.d2-76938806 .stroke-B6{stroke:#F7F8FE;}
-		.d2-76938806 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-76938806 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-76938806 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-76938806 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-76938806 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-76938806 .background-color-N1{background-color:#0A0F25;}
-		.d2-76938806 .background-color-N2{background-color:#676C7E;}
-		.d2-76938806 .background-color-N3{background-color:#9499AB;}
-		.d2-76938806 .background-color-N4{background-color:#CFD2DD;}
-		.d2-76938806 .background-color-N5{background-color:#DEE1EB;}
-		.d2-76938806 .background-color-N6{background-color:#EEF1F8;}
-		.d2-76938806 .background-color-N7{background-color:#FFFFFF;}
-		.d2-76938806 .background-color-B1{background-color:#0D32B2;}
-		.d2-76938806 .background-color-B2{background-color:#0D32B2;}
-		.d2-76938806 .background-color-B3{background-color:#E3E9FD;}
-		.d2-76938806 .background-color-B4{background-color:#E3E9FD;}
-		.d2-76938806 .background-color-B5{background-color:#EDF0FD;}
-		.d2-76938806 .background-color-B6{background-color:#F7F8FE;}
-		.d2-76938806 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-76938806 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-76938806 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-76938806 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-76938806 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-76938806 .color-N1{color:#0A0F25;}
-		.d2-76938806 .color-N2{color:#676C7E;}
-		.d2-76938806 .color-N3{color:#9499AB;}
-		.d2-76938806 .color-N4{color:#CFD2DD;}
-		.d2-76938806 .color-N5{color:#DEE1EB;}
-		.d2-76938806 .color-N6{color:#EEF1F8;}
-		.d2-76938806 .color-N7{color:#FFFFFF;}
-		.d2-76938806 .color-B1{color:#0D32B2;}
-		.d2-76938806 .color-B2{color:#0D32B2;}
-		.d2-76938806 .color-B3{color:#E3E9FD;}
-		.d2-76938806 .color-B4{color:#E3E9FD;}
-		.d2-76938806 .color-B5{color:#EDF0FD;}
-		.d2-76938806 .color-B6{color:#F7F8FE;}
-		.d2-76938806 .color-AA2{color:#4A6FF3;}
-		.d2-76938806 .color-AA4{color:#EDF0FD;}
-		.d2-76938806 .color-AA5{color:#F7F8FE;}
-		.d2-76938806 .color-AB4{color:#EDF0FD;}
-		.d2-76938806 .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}]]></style><g id="a"><g class="shape" ><rect x="12.000000" y="12.000000" width="193.000000" height="372.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="108.500000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">a</text></g><g id="c"><g class="shape" ><path d="M 225 283 L 283 283 L 318 334 L 283 384 L 225 384 L 260 334 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="271.500000" y="339.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="d"><g class="shape" ><path d="M 224 454 L 283 454 L 318 505 L 283 555 L 224 555 L 259 505 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="271.000000" y="510.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="a.a"><g class="shape" ><path d="M 62 62 L 120 62 L 155 113 L 120 163 L 62 163 L 97 113 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="108.500000" y="118.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="a.b"><g class="shape" ><path d="M 62 233 L 120 233 L 155 284 L 120 334 L 62 334 L 97 284 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="108.500000" y="289.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="a.(a -&gt; b)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 108.000000 165.000000 L 108.000000 229.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-76938806)" /></g><g id="(c -&gt; d)[0]"><path d="M 271.000000 386.000000 L 271.000000 450.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-76938806)" /></g><mask id="d2-76938806" maskUnits="userSpaceOnUse" x="11" y="11" width="308" height="545">
+		.d2-3156367360 .fill-N1{fill:#0A0F25;}
+		.d2-3156367360 .fill-N2{fill:#676C7E;}
+		.d2-3156367360 .fill-N3{fill:#9499AB;}
+		.d2-3156367360 .fill-N4{fill:#CFD2DD;}
+		.d2-3156367360 .fill-N5{fill:#DEE1EB;}
+		.d2-3156367360 .fill-N6{fill:#EEF1F8;}
+		.d2-3156367360 .fill-N7{fill:#FFFFFF;}
+		.d2-3156367360 .fill-B1{fill:#0D32B2;}
+		.d2-3156367360 .fill-B2{fill:#0D32B2;}
+		.d2-3156367360 .fill-B3{fill:#E3E9FD;}
+		.d2-3156367360 .fill-B4{fill:#E3E9FD;}
+		.d2-3156367360 .fill-B5{fill:#EDF0FD;}
+		.d2-3156367360 .fill-B6{fill:#F7F8FE;}
+		.d2-3156367360 .fill-AA2{fill:#4A6FF3;}
+		.d2-3156367360 .fill-AA4{fill:#EDF0FD;}
+		.d2-3156367360 .fill-AA5{fill:#F7F8FE;}
+		.d2-3156367360 .fill-AB4{fill:#EDF0FD;}
+		.d2-3156367360 .fill-AB5{fill:#F7F8FE;}
+		.d2-3156367360 .stroke-N1{stroke:#0A0F25;}
+		.d2-3156367360 .stroke-N2{stroke:#676C7E;}
+		.d2-3156367360 .stroke-N3{stroke:#9499AB;}
+		.d2-3156367360 .stroke-N4{stroke:#CFD2DD;}
+		.d2-3156367360 .stroke-N5{stroke:#DEE1EB;}
+		.d2-3156367360 .stroke-N6{stroke:#EEF1F8;}
+		.d2-3156367360 .stroke-N7{stroke:#FFFFFF;}
+		.d2-3156367360 .stroke-B1{stroke:#0D32B2;}
+		.d2-3156367360 .stroke-B2{stroke:#0D32B2;}
+		.d2-3156367360 .stroke-B3{stroke:#E3E9FD;}
+		.d2-3156367360 .stroke-B4{stroke:#E3E9FD;}
+		.d2-3156367360 .stroke-B5{stroke:#EDF0FD;}
+		.d2-3156367360 .stroke-B6{stroke:#F7F8FE;}
+		.d2-3156367360 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-3156367360 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-3156367360 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-3156367360 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-3156367360 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-3156367360 .background-color-N1{background-color:#0A0F25;}
+		.d2-3156367360 .background-color-N2{background-color:#676C7E;}
+		.d2-3156367360 .background-color-N3{background-color:#9499AB;}
+		.d2-3156367360 .background-color-N4{background-color:#CFD2DD;}
+		.d2-3156367360 .background-color-N5{background-color:#DEE1EB;}
+		.d2-3156367360 .background-color-N6{background-color:#EEF1F8;}
+		.d2-3156367360 .background-color-N7{background-color:#FFFFFF;}
+		.d2-3156367360 .background-color-B1{background-color:#0D32B2;}
+		.d2-3156367360 .background-color-B2{background-color:#0D32B2;}
+		.d2-3156367360 .background-color-B3{background-color:#E3E9FD;}
+		.d2-3156367360 .background-color-B4{background-color:#E3E9FD;}
+		.d2-3156367360 .background-color-B5{background-color:#EDF0FD;}
+		.d2-3156367360 .background-color-B6{background-color:#F7F8FE;}
+		.d2-3156367360 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-3156367360 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-3156367360 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-3156367360 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-3156367360 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-3156367360 .color-N1{color:#0A0F25;}
+		.d2-3156367360 .color-N2{color:#676C7E;}
+		.d2-3156367360 .color-N3{color:#9499AB;}
+		.d2-3156367360 .color-N4{color:#CFD2DD;}
+		.d2-3156367360 .color-N5{color:#DEE1EB;}
+		.d2-3156367360 .color-N6{color:#EEF1F8;}
+		.d2-3156367360 .color-N7{color:#FFFFFF;}
+		.d2-3156367360 .color-B1{color:#0D32B2;}
+		.d2-3156367360 .color-B2{color:#0D32B2;}
+		.d2-3156367360 .color-B3{color:#E3E9FD;}
+		.d2-3156367360 .color-B4{color:#E3E9FD;}
+		.d2-3156367360 .color-B5{color:#EDF0FD;}
+		.d2-3156367360 .color-B6{color:#F7F8FE;}
+		.d2-3156367360 .color-AA2{color:#4A6FF3;}
+		.d2-3156367360 .color-AA4{color:#EDF0FD;}
+		.d2-3156367360 .color-AA5{color:#F7F8FE;}
+		.d2-3156367360 .color-AB4{color:#EDF0FD;}
+		.d2-3156367360 .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}]]></style><g id="a"><g class="shape" ><rect x="12.000000" y="12.000000" width="193.000000" height="372.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="108.500000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">a</text></g><g id="c"><g class="shape" ><path d="M 225 283 L 283 283 L 318 334 L 283 384 L 225 384 L 260 334 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="271.500000" y="339.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="d"><g class="shape" ><path d="M 224 454 L 283 454 L 318 505 L 283 555 L 224 555 L 259 505 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="271.000000" y="510.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="a.a"><g class="shape" ><path d="M 62 62 L 120 62 L 155 113 L 120 163 L 62 163 L 97 113 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="108.500000" y="118.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="a.b"><g class="shape" ><path d="M 62 233 L 120 233 L 155 284 L 120 334 L 62 334 L 97 284 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="108.500000" y="289.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="a.(a -&gt; b)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 108.028569 164.999796 L 108.942863 229.000408" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3156367360)" /></g><g id="(c -&gt; d)[0]"><path d="M 271.028569 385.999796 L 271.942863 450.000408" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3156367360)" /></g><mask id="d2-3156367360" maskUnits="userSpaceOnUse" x="11" y="11" width="308" height="545">
 <rect x="11" y="11" width="308" height="545" fill="white"></rect>
 <rect x="102.500000" y="17.000000" width="12" height="36" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="267.500000" y="323.000000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>

e2etests/testdata/regression/opacity-on-label/dagre/board.exp.json

@@ -153,11 +153,11 @@
       "route": [
         {
           "x": 161,
-          "y": 66
+          "y": 65.5
         },
         {
           "x": 161,
-          "y": 120.80000305175781
+          "y": 120.69999694824219
         },
         {
           "x": 161,

e2etests/testdata/regression/overlapping-edge-label/dagre/board.exp.json

@@ -7,11 +7,11 @@
       "id": "k8s",
       "type": "rectangle",
       "pos": {
-        "x": 0,
-        "y": 41
+        "x": 10,
+        "y": 20
       },
-      "width": 1175,
-      "height": 125,
+      "width": 1155,
+      "height": 126,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -49,7 +49,7 @@
       "type": "rectangle",
       "pos": {
         "x": 40,
-        "y": 70
+        "y": 50
       },
       "width": 132,
       "height": 66,
@@ -90,7 +90,7 @@
       "type": "rectangle",
       "pos": {
         "x": 232,
-        "y": 70
+        "y": 50
       },
       "width": 132,
       "height": 66,
@@ -131,7 +131,7 @@
       "type": "rectangle",
       "pos": {
         "x": 424,
-        "y": 70
+        "y": 50
       },
       "width": 132,
       "height": 66,
@@ -172,7 +172,7 @@
       "type": "rectangle",
       "pos": {
         "x": 616,
-        "y": 70
+        "y": 50
       },
       "width": 133,
       "height": 66,
@@ -213,7 +213,7 @@
       "type": "rectangle",
       "pos": {
         "x": 809,
-        "y": 70
+        "y": 50
       },
       "width": 133,
       "height": 66,
@@ -254,7 +254,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1002,
-        "y": 70
+        "y": 50
       },
       "width": 133,
       "height": 66,
@@ -294,11 +294,11 @@
       "id": "osvc",
       "type": "rectangle",
       "pos": {
-        "x": 406,
-        "y": 328
+        "x": 416,
+        "y": 307
       },
-      "width": 455,
-      "height": 125,
+      "width": 425,
+      "height": 126,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -336,7 +336,7 @@
       "type": "rectangle",
       "pos": {
         "x": 446,
-        "y": 357
+        "y": 337
       },
       "width": 76,
       "height": 66,
@@ -377,7 +377,7 @@
       "type": "rectangle",
       "pos": {
         "x": 645,
-        "y": 357
+        "y": 337
       },
       "width": 76,
       "height": 66,
@@ -441,19 +441,19 @@
       "route": [
         {
           "x": 532.5,
-          "y": 166
+          "y": 145.5
         },
         {
           "x": 532.5,
-          "y": 214.39999389648438
+          "y": 210.3000030517578
         },
         {
           "x": 532.5,
-          "y": 246.89999389648438
+          "y": 242.6999969482422
         },
         {
           "x": 532.5,
-          "y": 328.5
+          "y": 307.5
         }
       ],
       "isCurve": true,
@@ -488,19 +488,19 @@
       "route": [
         {
           "x": 634.5,
-          "y": 166
+          "y": 145.5
         },
         {
           "x": 634.5,
-          "y": 214.39999389648438
+          "y": 210.3000030517578
         },
         {
           "x": 634.5,
-          "y": 238.6999969482422
+          "y": 234.5
         },
         {
           "x": 634.5,
-          "y": 287.5
+          "y": 266.5
         }
       ],
       "isCurve": true,
@@ -535,19 +535,19 @@
       "route": [
         {
           "x": 730.5,
-          "y": 166
+          "y": 145.5
         },
         {
           "x": 730.5,
-          "y": 214.39999389648438
+          "y": 210.3000030517578
         },
         {
           "x": 730.5,
-          "y": 246.89999389648438
+          "y": 242.6999969482422
         },
         {
           "x": 730.5,
-          "y": 328.5
+          "y": 307.5
         }
       ],
       "isCurve": true,
@@ -582,19 +582,19 @@
       "route": [
         {
           "x": 811.5,
-          "y": 166
+          "y": 145.5
         },
         {
           "x": 811.5,
-          "y": 214.39999389648438
+          "y": 210.3000030517578
         },
         {
           "x": 811.5,
-          "y": 246.89999389648438
+          "y": 242.6999969482422
         },
         {
           "x": 811.5,
-          "y": 328.5
+          "y": 307.5
         }
       ],
       "isCurve": true,

e2etests/testdata/regression/query_param_escape/dagre/board.exp.json

@@ -11,7 +11,7 @@
         "y": 0
       },
       "width": 156,
-      "height": 118,
+      "height": 92,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,

e2etests/testdata/regression/query_param_escape/dagre/sketch.exp.svg

@@ -1,9 +1,9 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 158 120"><svg id="d2-svg" class="d2-4174853267" width="158" height="120" viewBox="-1 -1 158 120"><rect x="-1.000000" y="-1.000000" width="158.000000" height="120.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-4174853267 .text-bold {
-	font-family: "d2-4174853267-font-bold";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 158 94"><svg id="d2-svg" class="d2-2973538838" width="158" height="94" viewBox="-1 -1 158 94"><rect x="-1.000000" y="-1.000000" width="158.000000" height="94.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-2973538838 .text-bold {
+	font-family: "d2-2973538838-font-bold";
 }
 @font-face {
-	font-family: d2-4174853267-font-bold;
+	font-family: d2-2973538838-font-bold;
 	src: url("data:application/font-woff;base64,d09GRgABAAAAAAh8AAoAAAAADeAAAguFAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAGAAAABgXxHXrmNtYXAAAAFUAAAAXgAAAHoCWQHuZ2x5ZgAAAbQAAAK+AAADTLmfVc5oZWFkAAAEdAAAADYAAAA2G38e1GhoZWEAAASsAAAAJAAAACQKfwXKaG10eAAABNAAAAAsAAAALBeCAdFsb2NhAAAE/AAAABgAAAAYA/4FEm1heHAAAAUUAAAAIAAAACAAIwD3bmFtZQAABTQAAAMoAAAIKgjwVkFwb3N0AAAIXAAAAB0AAAAg/9EAMgADAioCvAAFAAACigJYAAAASwKKAlgAAAFeADIBKQAAAgsHAwMEAwICBGAAAvcAAAADAAAAAAAAAABBREJPACAAIP//Au7/BgAAA9gBESAAAZ8AAAAAAfAClAAAACAAA3icXMxLCgFgAEbR8z88M5AV2JyRUFKyDCImFmcln5JS7vAMLoqmYKbbYmGuqZZW1nb2Do5OCV/b/CyvPPPIPbdcc8n5c/qvqJpuYGhkbGLKGwAA//8BAAD//93eGDgAAHicZJFLTBNrGIa/fzqdn5ZyyrSdmXIpvQwz03IopR1mhhxOGXpO0yK24RY1RoGEpWAhUlJCTNiwcENIpAtj4mWhO2JCXIkhRhMxJmyJGxcaE9ZdEFdlMB2KYtx837/48r7P/75ghTEAYpYogwVs4AQXMAAyHaQFWZJ4rMmaxnMWTUI0HiNcxvNnUoSMRMiuwAP/6swMyk8T5ZP5G/nZ2e8zAwPG41e7xgZa2gUgoPP0GH1FVfCCH8AaEkWlT1XlBMsyHgoHWVZOaBxFWeQ+kQ9RyJ+989//8wPZqRhJGJ/smbiixsXphy+l7pDqGCxOjBd1fS7tFmyqHLze2oH+iSgxAAAEKQCig9gDR41bpmVNxm5ewkxqk3z09MXrJ4s6sWcU3h8Yn99mV8/uLT5UhaB5z8kmFGdOhubpGg7+uVMrdtKfiSspd3AkPnZ5yxcQemsjhipD/ujf4VB8bso4QEE13Gvs1FedCVAVPBc9ztWpM9lAPjF+acsXaA97UUXviJ4LtXDGTj0/AqMqOKHtj/woKaEqphbjYRGrL6TTC7peSKcLerSnJ9oTjTqSyxOTxWSyODmxnCzlh1K5XGooX88LbaIquH77PxZ/kbXlRKbd7m1qaW5PelDlWiJuta6RZCRhfAEE9OkxKhBF4EwqReEVTZMZmeEZDysn1FqpCG6OpnP0aqnE+xwtds6tOW5d/XibWl9f+tAlUOQc5TjrzgtAVFDF7MIicyxbw9G0Cy8LL4mixFMUxuW793spO0XiJpu21m9zYhLbcOxeaTuKmzCJG3E3qhwJw6I4wh+Ze1g4Mpr3+Uw4nOH3TT/H6SA6QZVaolxIlDTWJNYuWlv+IlbYoLMVuxqEsB2/KWcbXXaygbb9u7HN9Y++o8hFZO30taJvh6GMwGf5Q6Nx8EoXAPwAAAD//wEAAP//6+mz9QAAAAEAAAACC4XavwrfXw889QABA+gAAAAA2F2ghAAAAADdZi82/jf+xAhtA/EAAQADAAIAAAAAAAAAAQAAA9j+7wAACJj+N/43CG0AAQAAAAAAAAAAAAAAAAAAAAsCsgBQAMgAAAIGACQCJABBA1kAQQI8AEECKwAkAY4AQQF/ABEDCAAYAgkADAAAACwALABgAHgAqgDMAPgBGAE+AXYBpgABAAAACwCQAAwAYwAHAAEAAAAAAAAAAAAAAAAABAADeJyclM9uG1UUxn9ObNMKwQJFVbqJ7oJFkejYVEnVNiuH1IpFFAePC0JCSBPP+I8ynhl5Jg7hCVjzFrxFVzwEz4FYo/l87NgF0SaKknx37vnznXO+c4Ed/mabSvUh8Ec9MVxhr35ueIsH9RPD27TrW4arPKn9abhGWJsbrvN5rWf4I95WfzP8gP3qT4YfslttG/6YZ9Udw59sO/4y/Cn7vF3gCrzgV8MVdskMb7HDj4a3eYTFrFR5RNNwjc/YM1xnD+gzoSBmQsIIx5AJI66YEZHjEzFjwpCIEEeHFjGFviYEQo7Rf34N8CmYESjimAJHjE9MQM7YIv4ir5RzZRzqNLO7FgVjAi7kcUlAgiNlREpCxKXiFBRkvKJBg5yB+GYU5HjkTIjxSJkxokGXNqf0GTMhx9FWpJKZT8qQgmsC5XdmUXZmQERCbqyuSAjF04lfJO8Opzi6ZLJdj3y6EeFLHN/Ju+SWyvYrPP26NWabeZdsAubqZ6yuxLq51gTHui3ztvhWuOAV7l792WTy/h6F+l8o8gVXmn+oSSVikuDcLi18Kch3j3Ec6dzBV0e+p0OfE7q8oa9zix49WpzRp8Nr+Xbp4fiaLmccy6MjvLhrSzFn/IDjGzqyKWNH1p/FxCJ+JjN15+I4Ux1TMvW8ZO6p1kgV3n3C5Q6lG+rI5TPQHpWWTvNLtGcBI1NFJoZT9XKpjdz6F5oipqqlnO3tfbkNc9u95RbfkGqHS7UuOJWTWzB631S9dzRzrR+PgJCUC1kMSJnSoOBGvM8JuCLGcazunWhLClornzLPjVQSMRWDDonizMj0NzDd+MZ9sKF7Z29JKP+S6eWqqvtkcerV7YzeqHvLO9+6HK1NoGFTTdfUNBDXxLQfaafW+fvyzfW6pTzliJSY8F8vwDM8muxzwCFjZRjoZm6vQ1MvRJOXHKr6SyJZDaXnyCIc4PGcAw54yfN3+rhk4oyLW3FZz93imCO6HH5QFQv7Lke8Xn37/6y/i2lTtTierk4v7j3FJ3dQ6xfas9v3sqeJlZOYW7TbrTgjYFpycbvrNbnHeP8AAAD//wEAAP//9LdPUXicYmBmAIP/5xiMGLAAAAAAAP//AQAA//8vAQIDAAAA");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -18,78 +18,78 @@
   opacity: 0.5;
 }
 
-		.d2-4174853267 .fill-N1{fill:#0A0F25;}
-		.d2-4174853267 .fill-N2{fill:#676C7E;}
-		.d2-4174853267 .fill-N3{fill:#9499AB;}
-		.d2-4174853267 .fill-N4{fill:#CFD2DD;}
-		.d2-4174853267 .fill-N5{fill:#DEE1EB;}
-		.d2-4174853267 .fill-N6{fill:#EEF1F8;}
-		.d2-4174853267 .fill-N7{fill:#FFFFFF;}
-		.d2-4174853267 .fill-B1{fill:#0D32B2;}
-		.d2-4174853267 .fill-B2{fill:#0D32B2;}
-		.d2-4174853267 .fill-B3{fill:#E3E9FD;}
-		.d2-4174853267 .fill-B4{fill:#E3E9FD;}
-		.d2-4174853267 .fill-B5{fill:#EDF0FD;}
-		.d2-4174853267 .fill-B6{fill:#F7F8FE;}
-		.d2-4174853267 .fill-AA2{fill:#4A6FF3;}
-		.d2-4174853267 .fill-AA4{fill:#EDF0FD;}
-		.d2-4174853267 .fill-AA5{fill:#F7F8FE;}
-		.d2-4174853267 .fill-AB4{fill:#EDF0FD;}
-		.d2-4174853267 .fill-AB5{fill:#F7F8FE;}
-		.d2-4174853267 .stroke-N1{stroke:#0A0F25;}
-		.d2-4174853267 .stroke-N2{stroke:#676C7E;}
-		.d2-4174853267 .stroke-N3{stroke:#9499AB;}
-		.d2-4174853267 .stroke-N4{stroke:#CFD2DD;}
-		.d2-4174853267 .stroke-N5{stroke:#DEE1EB;}
-		.d2-4174853267 .stroke-N6{stroke:#EEF1F8;}
-		.d2-4174853267 .stroke-N7{stroke:#FFFFFF;}
-		.d2-4174853267 .stroke-B1{stroke:#0D32B2;}
-		.d2-4174853267 .stroke-B2{stroke:#0D32B2;}
-		.d2-4174853267 .stroke-B3{stroke:#E3E9FD;}
-		.d2-4174853267 .stroke-B4{stroke:#E3E9FD;}
-		.d2-4174853267 .stroke-B5{stroke:#EDF0FD;}
-		.d2-4174853267 .stroke-B6{stroke:#F7F8FE;}
-		.d2-4174853267 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-4174853267 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-4174853267 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-4174853267 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-4174853267 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-4174853267 .background-color-N1{background-color:#0A0F25;}
-		.d2-4174853267 .background-color-N2{background-color:#676C7E;}
-		.d2-4174853267 .background-color-N3{background-color:#9499AB;}
-		.d2-4174853267 .background-color-N4{background-color:#CFD2DD;}
-		.d2-4174853267 .background-color-N5{background-color:#DEE1EB;}
-		.d2-4174853267 .background-color-N6{background-color:#EEF1F8;}
-		.d2-4174853267 .background-color-N7{background-color:#FFFFFF;}
-		.d2-4174853267 .background-color-B1{background-color:#0D32B2;}
-		.d2-4174853267 .background-color-B2{background-color:#0D32B2;}
-		.d2-4174853267 .background-color-B3{background-color:#E3E9FD;}
-		.d2-4174853267 .background-color-B4{background-color:#E3E9FD;}
-		.d2-4174853267 .background-color-B5{background-color:#EDF0FD;}
-		.d2-4174853267 .background-color-B6{background-color:#F7F8FE;}
-		.d2-4174853267 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-4174853267 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-4174853267 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-4174853267 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-4174853267 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-4174853267 .color-N1{color:#0A0F25;}
-		.d2-4174853267 .color-N2{color:#676C7E;}
-		.d2-4174853267 .color-N3{color:#9499AB;}
-		.d2-4174853267 .color-N4{color:#CFD2DD;}
-		.d2-4174853267 .color-N5{color:#DEE1EB;}
-		.d2-4174853267 .color-N6{color:#EEF1F8;}
-		.d2-4174853267 .color-N7{color:#FFFFFF;}
-		.d2-4174853267 .color-B1{color:#0D32B2;}
-		.d2-4174853267 .color-B2{color:#0D32B2;}
-		.d2-4174853267 .color-B3{color:#E3E9FD;}
-		.d2-4174853267 .color-B4{color:#E3E9FD;}
-		.d2-4174853267 .color-B5{color:#EDF0FD;}
-		.d2-4174853267 .color-B6{color:#F7F8FE;}
-		.d2-4174853267 .color-AA2{color:#4A6FF3;}
-		.d2-4174853267 .color-AA4{color:#EDF0FD;}
-		.d2-4174853267 .color-AA5{color:#F7F8FE;}
-		.d2-4174853267 .color-AB4{color:#EDF0FD;}
-		.d2-4174853267 .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}]]></style><g id="my network"><g class="shape" ><rect x="0.000000" y="0.000000" width="156.000000" height="118.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/infra/019-network.svg?fuga=1&amp;hoge" x="48.500000" y="29.500000" width="59" height="59" /><text x="78.000000" y="21.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">my network</text></g><mask id="d2-4174853267" maskUnits="userSpaceOnUse" x="-1" y="-1" width="158" height="120">
-<rect x="-1" y="-1" width="158" height="120" fill="white"></rect>
+		.d2-2973538838 .fill-N1{fill:#0A0F25;}
+		.d2-2973538838 .fill-N2{fill:#676C7E;}
+		.d2-2973538838 .fill-N3{fill:#9499AB;}
+		.d2-2973538838 .fill-N4{fill:#CFD2DD;}
+		.d2-2973538838 .fill-N5{fill:#DEE1EB;}
+		.d2-2973538838 .fill-N6{fill:#EEF1F8;}
+		.d2-2973538838 .fill-N7{fill:#FFFFFF;}
+		.d2-2973538838 .fill-B1{fill:#0D32B2;}
+		.d2-2973538838 .fill-B2{fill:#0D32B2;}
+		.d2-2973538838 .fill-B3{fill:#E3E9FD;}
+		.d2-2973538838 .fill-B4{fill:#E3E9FD;}
+		.d2-2973538838 .fill-B5{fill:#EDF0FD;}
+		.d2-2973538838 .fill-B6{fill:#F7F8FE;}
+		.d2-2973538838 .fill-AA2{fill:#4A6FF3;}
+		.d2-2973538838 .fill-AA4{fill:#EDF0FD;}
+		.d2-2973538838 .fill-AA5{fill:#F7F8FE;}
+		.d2-2973538838 .fill-AB4{fill:#EDF0FD;}
+		.d2-2973538838 .fill-AB5{fill:#F7F8FE;}
+		.d2-2973538838 .stroke-N1{stroke:#0A0F25;}
+		.d2-2973538838 .stroke-N2{stroke:#676C7E;}
+		.d2-2973538838 .stroke-N3{stroke:#9499AB;}
+		.d2-2973538838 .stroke-N4{stroke:#CFD2DD;}
+		.d2-2973538838 .stroke-N5{stroke:#DEE1EB;}
+		.d2-2973538838 .stroke-N6{stroke:#EEF1F8;}
+		.d2-2973538838 .stroke-N7{stroke:#FFFFFF;}
+		.d2-2973538838 .stroke-B1{stroke:#0D32B2;}
+		.d2-2973538838 .stroke-B2{stroke:#0D32B2;}
+		.d2-2973538838 .stroke-B3{stroke:#E3E9FD;}
+		.d2-2973538838 .stroke-B4{stroke:#E3E9FD;}
+		.d2-2973538838 .stroke-B5{stroke:#EDF0FD;}
+		.d2-2973538838 .stroke-B6{stroke:#F7F8FE;}
+		.d2-2973538838 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-2973538838 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-2973538838 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-2973538838 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-2973538838 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-2973538838 .background-color-N1{background-color:#0A0F25;}
+		.d2-2973538838 .background-color-N2{background-color:#676C7E;}
+		.d2-2973538838 .background-color-N3{background-color:#9499AB;}
+		.d2-2973538838 .background-color-N4{background-color:#CFD2DD;}
+		.d2-2973538838 .background-color-N5{background-color:#DEE1EB;}
+		.d2-2973538838 .background-color-N6{background-color:#EEF1F8;}
+		.d2-2973538838 .background-color-N7{background-color:#FFFFFF;}
+		.d2-2973538838 .background-color-B1{background-color:#0D32B2;}
+		.d2-2973538838 .background-color-B2{background-color:#0D32B2;}
+		.d2-2973538838 .background-color-B3{background-color:#E3E9FD;}
+		.d2-2973538838 .background-color-B4{background-color:#E3E9FD;}
+		.d2-2973538838 .background-color-B5{background-color:#EDF0FD;}
+		.d2-2973538838 .background-color-B6{background-color:#F7F8FE;}
+		.d2-2973538838 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-2973538838 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-2973538838 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-2973538838 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-2973538838 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-2973538838 .color-N1{color:#0A0F25;}
+		.d2-2973538838 .color-N2{color:#676C7E;}
+		.d2-2973538838 .color-N3{color:#9499AB;}
+		.d2-2973538838 .color-N4{color:#CFD2DD;}
+		.d2-2973538838 .color-N5{color:#DEE1EB;}
+		.d2-2973538838 .color-N6{color:#EEF1F8;}
+		.d2-2973538838 .color-N7{color:#FFFFFF;}
+		.d2-2973538838 .color-B1{color:#0D32B2;}
+		.d2-2973538838 .color-B2{color:#0D32B2;}
+		.d2-2973538838 .color-B3{color:#E3E9FD;}
+		.d2-2973538838 .color-B4{color:#E3E9FD;}
+		.d2-2973538838 .color-B5{color:#EDF0FD;}
+		.d2-2973538838 .color-B6{color:#F7F8FE;}
+		.d2-2973538838 .color-AA2{color:#4A6FF3;}
+		.d2-2973538838 .color-AA4{color:#EDF0FD;}
+		.d2-2973538838 .color-AA5{color:#F7F8FE;}
+		.d2-2973538838 .color-AB4{color:#EDF0FD;}
+		.d2-2973538838 .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}]]></style><g id="my network"><g class="shape" ><rect x="0.000000" y="0.000000" width="156.000000" height="92.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/infra/019-network.svg?fuga=1&amp;hoge" x="55.000000" y="23.000000" width="46" height="46" /><text x="78.000000" y="21.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">my network</text></g><mask id="d2-2973538838" maskUnits="userSpaceOnUse" x="-1" y="-1" width="158" height="94">
+<rect x="-1" y="-1" width="158" height="94" fill="white"></rect>
 <rect x="35.500000" y="5.000000" width="85" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests/testdata/regression/root-container/dagre/board.exp.json

@@ -7,11 +7,11 @@
       "id": "main",
       "type": "rectangle",
       "pos": {
-        "x": 0,
-        "y": 41
+        "x": 10,
+        "y": 20
       },
-      "width": 246,
-      "height": 291,
+      "width": 225,
+      "height": 292,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -49,7 +49,7 @@
       "type": "rectangle",
       "pos": {
         "x": 40,
-        "y": 70
+        "y": 50
       },
       "width": 53,
       "height": 66,
@@ -90,7 +90,7 @@
       "type": "rectangle",
       "pos": {
         "x": 96,
-        "y": 236
+        "y": 216
       },
       "width": 54,
       "height": 66,
@@ -131,7 +131,7 @@
       "type": "rectangle",
       "pos": {
         "x": 153,
-        "y": 70
+        "y": 50
       },
       "width": 52,
       "height": 66,
@@ -171,11 +171,11 @@
       "id": "root",
       "type": "rectangle",
       "pos": {
-        "x": 266,
-        "y": 41
+        "x": 276,
+        "y": 20
       },
-      "width": 246,
-      "height": 291,
+      "width": 225,
+      "height": 292,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -213,7 +213,7 @@
       "type": "rectangle",
       "pos": {
         "x": 306,
-        "y": 70
+        "y": 50
       },
       "width": 53,
       "height": 66,
@@ -254,7 +254,7 @@
       "type": "rectangle",
       "pos": {
         "x": 362,
-        "y": 236
+        "y": 216
       },
       "width": 54,
       "height": 66,
@@ -295,7 +295,7 @@
       "type": "rectangle",
       "pos": {
         "x": 419,
-        "y": 70
+        "y": 50
       },
       "width": 52,
       "height": 66,
@@ -359,19 +359,19 @@
       "route": [
         {
           "x": 66.75,
-          "y": 136.5
+          "y": 116
         },
         {
           "x": 66.75,
-          "y": 176.5
+          "y": 156
         },
         {
           "x": 73.55000305175781,
-          "y": 196.5
+          "y": 176
         },
         {
           "x": 100.75,
-          "y": 236.5
+          "y": 216
         }
       ],
       "isCurve": true,
@@ -405,20 +405,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 145.36399841308594,
-          "y": 236.5
+          "x": 145.25,
+          "y": 216
         },
         {
-          "x": 172.4720001220703,
-          "y": 196.5
+          "x": 172.4499969482422,
+          "y": 176
         },
         {
           "x": 179.25,
-          "y": 176.5
+          "y": 156
         },
         {
           "x": 179.25,
-          "y": 136.5
+          "y": 116
         }
       ],
       "isCurve": true,
@@ -453,19 +453,19 @@
       "route": [
         {
           "x": 332.5,
-          "y": 136.5
+          "y": 116
         },
         {
           "x": 332.5,
-          "y": 176.5
+          "y": 156
         },
         {
           "x": 339.29998779296875,
-          "y": 196.5
+          "y": 176
         },
         {
           "x": 366.5,
-          "y": 236.5
+          "y": 216
         }
       ],
       "isCurve": true,
@@ -499,20 +499,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 411.114013671875,
-          "y": 236.5
+          "x": 411,
+          "y": 216
         },
         {
-          "x": 438.22198486328125,
-          "y": 196.5
+          "x": 438.20001220703125,
+          "y": 176
         },
         {
           "x": 445,
-          "y": 176.5
+          "y": 156
         },
         {
           "x": 445,
-          "y": 136.5
+          "y": 116
         }
       ],
       "isCurve": true,

e2etests/testdata/regression/straight_hierarchy_container_direction_right/dagre/board.exp.json

@@ -8,7 +8,7 @@
       "type": "rectangle",
       "pos": {
         "x": 0,
-        "y": 87
+        "y": 147
       },
       "width": 53,
       "height": 66,
@@ -49,7 +49,7 @@
       "type": "rectangle",
       "pos": {
         "x": 0,
-        "y": 453
+        "y": 653
       },
       "width": 53,
       "height": 66,
@@ -90,7 +90,7 @@
       "type": "rectangle",
       "pos": {
         "x": 0,
-        "y": 270
+        "y": 400
       },
       "width": 53,
       "height": 66,
@@ -130,11 +130,11 @@
       "id": "l1",
       "type": "rectangle",
       "pos": {
-        "x": 153,
-        "y": 81
+        "x": 173,
+        "y": 117
       },
-      "width": 153,
-      "height": 468,
+      "width": 113,
+      "height": 632,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -172,7 +172,7 @@
       "type": "rectangle",
       "pos": {
         "x": 203,
-        "y": 290
+        "y": 400
       },
       "width": 53,
       "height": 66,
@@ -213,7 +213,7 @@
       "type": "rectangle",
       "pos": {
         "x": 203,
-        "y": 107
+        "y": 147
       },
       "width": 53,
       "height": 66,
@@ -254,7 +254,7 @@
       "type": "rectangle",
       "pos": {
         "x": 203,
-        "y": 473
+        "y": 653
       },
       "width": 53,
       "height": 66,
@@ -294,11 +294,11 @@
       "id": "l2c1",
       "type": "rectangle",
       "pos": {
-        "x": 406,
-        "y": 81
+        "x": 426,
+        "y": 117
       },
-      "width": 153,
-      "height": 102,
+      "width": 113,
+      "height": 126,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -336,7 +336,7 @@
       "type": "rectangle",
       "pos": {
         "x": 456,
-        "y": 107
+        "y": 147
       },
       "width": 53,
       "height": 66,
@@ -376,11 +376,11 @@
       "id": "l2c3",
       "type": "rectangle",
       "pos": {
-        "x": 406,
-        "y": 447
+        "x": 426,
+        "y": 623
       },
-      "width": 153,
-      "height": 102,
+      "width": 113,
+      "height": 126,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -418,7 +418,7 @@
       "type": "rectangle",
       "pos": {
         "x": 456,
-        "y": 473
+        "y": 653
       },
       "width": 53,
       "height": 66,
@@ -458,11 +458,11 @@
       "id": "l2c2",
       "type": "rectangle",
       "pos": {
-        "x": 406,
-        "y": 264
+        "x": 426,
+        "y": 370
       },
-      "width": 153,
-      "height": 102,
+      "width": 113,
+      "height": 126,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -500,7 +500,7 @@
       "type": "rectangle",
       "pos": {
         "x": 456,
-        "y": 290
+        "y": 400
       },
       "width": 53,
       "height": 66,
@@ -540,11 +540,11 @@
       "id": "l3c1",
       "type": "rectangle",
       "pos": {
-        "x": 659,
-        "y": 81
+        "x": 679,
+        "y": 117
       },
-      "width": 153,
-      "height": 285,
+      "width": 113,
+      "height": 379,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -582,7 +582,7 @@
       "type": "rectangle",
       "pos": {
         "x": 709,
-        "y": 107
+        "y": 147
       },
       "width": 53,
       "height": 66,
@@ -623,7 +623,7 @@
       "type": "rectangle",
       "pos": {
         "x": 709,
-        "y": 290
+        "y": 400
       },
       "width": 53,
       "height": 66,
@@ -663,11 +663,11 @@
       "id": "l3c2",
       "type": "rectangle",
       "pos": {
-        "x": 659,
-        "y": 447
+        "x": 679,
+        "y": 623
       },
-      "width": 153,
-      "height": 102,
+      "width": 113,
+      "height": 126,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -705,7 +705,7 @@
       "type": "rectangle",
       "pos": {
         "x": 709,
-        "y": 473
+        "y": 653
       },
       "width": 53,
       "height": 66,
@@ -745,11 +745,11 @@
       "id": "l4",
       "type": "rectangle",
       "pos": {
-        "x": 912,
-        "y": 41
+        "x": 952,
+        "y": 76
       },
-      "width": 253,
-      "height": 548,
+      "width": 173,
+      "height": 703,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -786,11 +786,11 @@
       "id": "l4.c1",
       "type": "rectangle",
       "pos": {
-        "x": 962,
-        "y": 96
+        "x": 982,
+        "y": 117
       },
-      "width": 153,
-      "height": 107,
+      "width": 113,
+      "height": 126,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -828,7 +828,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1012,
-        "y": 125
+        "y": 147
       },
       "width": 53,
       "height": 66,
@@ -868,11 +868,11 @@
       "id": "l4.c2",
       "type": "rectangle",
       "pos": {
-        "x": 962,
-        "y": 279
+        "x": 982,
+        "y": 370
       },
-      "width": 153,
-      "height": 107,
+      "width": 113,
+      "height": 126,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -910,7 +910,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1012,
-        "y": 308
+        "y": 400
       },
       "width": 53,
       "height": 66,
@@ -950,11 +950,11 @@
       "id": "l4.c3",
       "type": "rectangle",
       "pos": {
-        "x": 962,
-        "y": 462
+        "x": 982,
+        "y": 623
       },
-      "width": 153,
-      "height": 107,
+      "width": 113,
+      "height": 126,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -992,7 +992,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1012,
-        "y": 491
+        "y": 653
       },
       "width": 53,
       "height": 66,
@@ -1056,19 +1056,19 @@
       "route": [
         {
           "x": 53,
-          "y": 303
+          "y": 433
         },
         {
           "x": 93,
-          "y": 303
+          "y": 433
         },
         {
           "x": 163,
-          "y": 307.1000061035156
+          "y": 433
         },
         {
           "x": 203,
-          "y": 323.5
+          "y": 433
         }
       ],
       "isCurve": true,
@@ -1103,19 +1103,19 @@
       "route": [
         {
           "x": 53,
-          "y": 120
+          "y": 180
         },
         {
           "x": 93,
-          "y": 120
+          "y": 180
         },
         {
           "x": 163,
-          "y": 124.0999984741211
+          "y": 180
         },
         {
           "x": 203,
-          "y": 140.5
+          "y": 180
         }
       ],
       "isCurve": true,
@@ -1150,19 +1150,19 @@
       "route": [
         {
           "x": 53,
-          "y": 486
+          "y": 686
         },
         {
           "x": 93,
-          "y": 486
+          "y": 686
         },
         {
           "x": 163,
-          "y": 490.1000061035156
+          "y": 686
         },
         {
           "x": 203,
-          "y": 506.5
+          "y": 686
         }
       ],
       "isCurve": true,
@@ -1197,31 +1197,31 @@
       "route": [
         {
           "x": 256,
-          "y": 140.5
+          "y": 180
         },
         {
           "x": 296,
-          "y": 140.5
+          "y": 180
         },
         {
           "x": 316,
-          "y": 140.5
+          "y": 180
         },
         {
           "x": 331,
-          "y": 140.5
+          "y": 180
         },
         {
           "x": 346,
-          "y": 140.5
+          "y": 180
         },
         {
           "x": 416,
-          "y": 140.5
+          "y": 180
         },
         {
           "x": 456,
-          "y": 140.5
+          "y": 180
         }
       ],
       "isCurve": true,
@@ -1256,31 +1256,31 @@
       "route": [
         {
           "x": 256,
-          "y": 506.5
+          "y": 686
         },
         {
           "x": 296,
-          "y": 506.5
+          "y": 686
         },
         {
           "x": 316,
-          "y": 506.5
+          "y": 686
         },
         {
           "x": 331,
-          "y": 506.5
+          "y": 686
         },
         {
           "x": 346,
-          "y": 506.5
+          "y": 686
         },
         {
           "x": 416,
-          "y": 506.5
+          "y": 686
         },
         {
           "x": 456,
-          "y": 506.5
+          "y": 686
         }
       ],
       "isCurve": true,
@@ -1315,31 +1315,31 @@
       "route": [
         {
           "x": 256,
-          "y": 323.5
+          "y": 433
         },
         {
           "x": 296,
-          "y": 323.5
+          "y": 433
         },
         {
           "x": 316,
-          "y": 323.5
+          "y": 433
         },
         {
           "x": 331,
-          "y": 323.5
+          "y": 433
         },
         {
           "x": 346,
-          "y": 323.5
+          "y": 433
         },
         {
           "x": 416,
-          "y": 323.5
+          "y": 433
         },
         {
           "x": 456,
-          "y": 323.5
+          "y": 433
         }
       ],
       "isCurve": true,
@@ -1374,31 +1374,31 @@
       "route": [
         {
           "x": 509,
-          "y": 140.5
+          "y": 180
         },
         {
           "x": 549,
-          "y": 140.5
+          "y": 180
         },
         {
           "x": 569,
-          "y": 140.5
+          "y": 180
         },
         {
           "x": 584,
-          "y": 140.5
+          "y": 180
         },
         {
           "x": 599,
-          "y": 140.5
+          "y": 180
         },
         {
           "x": 669,
-          "y": 140.5
+          "y": 180
         },
         {
           "x": 709,
-          "y": 140.5
+          "y": 180
         }
       ],
       "isCurve": true,
@@ -1433,31 +1433,31 @@
       "route": [
         {
           "x": 509,
-          "y": 323.5
+          "y": 433
         },
         {
           "x": 549,
-          "y": 323.5
+          "y": 433
         },
         {
           "x": 569,
-          "y": 323.5
+          "y": 433
         },
         {
           "x": 584,
-          "y": 323.5
+          "y": 433
         },
         {
           "x": 599,
-          "y": 323.5
+          "y": 433
         },
         {
           "x": 669,
-          "y": 323.5
+          "y": 433
         },
         {
           "x": 709,
-          "y": 323.5
+          "y": 433
         }
       ],
       "isCurve": true,
@@ -1492,31 +1492,31 @@
       "route": [
         {
           "x": 509,
-          "y": 506.5
+          "y": 686
         },
         {
           "x": 549,
-          "y": 506.5
+          "y": 686
         },
         {
           "x": 569,
-          "y": 506.5
+          "y": 686
         },
         {
           "x": 584,
-          "y": 506.5
+          "y": 686
         },
         {
           "x": 599,
-          "y": 506.5
+          "y": 686
         },
         {
           "x": 669,
-          "y": 506.5
+          "y": 686
         },
         {
           "x": 709,
-          "y": 506.5
+          "y": 686
         }
       ],
       "isCurve": true,
@@ -1551,43 +1551,43 @@
       "route": [
         {
           "x": 762,
-          "y": 149.5
+          "y": 180
         },
         {
           "x": 802,
-          "y": 149.5
+          "y": 180
         },
         {
           "x": 822,
-          "y": 149.5
+          "y": 180
         },
         {
           "x": 837,
-          "y": 149.5
+          "y": 180
         },
         {
           "x": 852,
-          "y": 149.5
+          "y": 180
         },
         {
           "x": 872,
-          "y": 149.5
+          "y": 180
         },
         {
           "x": 887,
-          "y": 149.5
+          "y": 180
         },
         {
           "x": 902,
-          "y": 149.5
+          "y": 180
         },
         {
           "x": 972,
-          "y": 149.5
+          "y": 180
         },
         {
           "x": 1012,
-          "y": 149.5
+          "y": 180
         }
       ],
       "isCurve": true,
@@ -1622,43 +1622,43 @@
       "route": [
         {
           "x": 762,
-          "y": 332.5
+          "y": 433
         },
         {
           "x": 802,
-          "y": 332.5
+          "y": 433
         },
         {
           "x": 822,
-          "y": 332.5
+          "y": 433
         },
         {
           "x": 837,
-          "y": 332.5
+          "y": 433
         },
         {
           "x": 852,
-          "y": 332.5
+          "y": 433
         },
         {
           "x": 872,
-          "y": 332.5
+          "y": 433
         },
         {
           "x": 887,
-          "y": 332.5
+          "y": 433
         },
         {
           "x": 902,
-          "y": 332.5
+          "y": 433
         },
         {
           "x": 972,
-          "y": 332.5
+          "y": 433
         },
         {
           "x": 1012,
-          "y": 332.5
+          "y": 433
         }
       ],
       "isCurve": true,
@@ -1693,43 +1693,43 @@
       "route": [
         {
           "x": 762,
-          "y": 515.5
+          "y": 686
         },
         {
           "x": 802,
-          "y": 515.5
+          "y": 686
         },
         {
           "x": 822,
-          "y": 515.5
+          "y": 686
         },
         {
           "x": 837,
-          "y": 515.5
+          "y": 686
         },
         {
           "x": 852,
-          "y": 515.5
+          "y": 686
         },
         {
           "x": 872,
-          "y": 515.5
+          "y": 686
         },
         {
           "x": 887,
-          "y": 515.5
+          "y": 686
         },
         {
           "x": 902,
-          "y": 515.5
+          "y": 686
         },
         {
           "x": 972,
-          "y": 515.5
+          "y": 686
         },
         {
           "x": 1012,
-          "y": 515.5
+          "y": 686
         }
       ],
       "isCurve": true,

e2etests/testdata/regression/unconnected/dagre/board.exp.json

@@ -8,7 +8,7 @@
       "type": "rectangle",
       "pos": {
         "x": 50,
-        "y": 262
+        "y": 414
       },
       "width": 135,
       "height": 66,
@@ -49,7 +49,7 @@
       "type": "rectangle",
       "pos": {
         "x": 358,
-        "y": 282
+        "y": 424
       },
       "width": 159,
       "height": 66,
@@ -90,7 +90,7 @@
       "type": "rectangle",
       "pos": {
         "x": 335,
-        "y": 368
+        "y": 550
       },
       "width": 204,
       "height": 66,
@@ -130,11 +130,11 @@
       "id": "Gos Warehouse",
       "type": "rectangle",
       "pos": {
-        "x": 639,
-        "y": 169
+        "x": 659,
+        "y": 270
       },
-      "width": 872,
-      "height": 272,
+      "width": 832,
+      "height": 334,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -172,7 +172,7 @@
       "type": "rectangle",
       "pos": {
         "x": 689,
-        "y": 271
+        "y": 388
       },
       "width": 94,
       "height": 66,
@@ -213,7 +213,7 @@
       "type": "rectangle",
       "pos": {
         "x": 883,
-        "y": 325
+        "y": 461
       },
       "width": 120,
       "height": 66,
@@ -254,7 +254,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1103,
-        "y": 238
+        "y": 340
       },
       "width": 120,
       "height": 66,
@@ -295,7 +295,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1331,
-        "y": 237
+        "y": 329
       },
       "width": 122,
       "height": 66,
@@ -336,7 +336,7 @@
       "type": "text",
       "pos": {
         "x": 1323,
-        "y": 323
+        "y": 455
       },
       "width": 138,
       "height": 108,
@@ -375,11 +375,11 @@
       "id": "Customer Site",
       "type": "rectangle",
       "pos": {
-        "x": 0,
-        "y": 41
+        "x": 25,
+        "y": 56
       },
-      "width": 235,
-      "height": 171,
+      "width": 186,
+      "height": 252,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -417,7 +417,7 @@
       "type": "rectangle",
       "pos": {
         "x": 55,
-        "y": 50
+        "y": 86
       },
       "width": 126,
       "height": 66,
@@ -458,7 +458,7 @@
       "type": "rectangle",
       "pos": {
         "x": 66,
-        "y": 136
+        "y": 212
       },
       "width": 103,
       "height": 66,
@@ -498,8 +498,8 @@
       "id": "title",
       "type": "text",
       "pos": {
-        "x": 436,
-        "y": -71
+        "x": 438,
+        "y": -56
       },
       "width": 639,
       "height": 51,
@@ -562,19 +562,19 @@
       "route": [
         {
           "x": 185,
-          "y": 306.489013671875
+          "y": 453
         },
         {
           "x": 225,
-          "y": 313.2969970703125
+          "y": 456.20001220703125
         },
         {
           "x": 299.5,
-          "y": 315
+          "y": 457
         },
         {
           "x": 357.5,
-          "y": 315
+          "y": 457
         }
       ],
       "isCurve": true,
@@ -608,20 +608,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 154.0800018310547,
-          "y": 328
+          "x": 146,
+          "y": 480
         },
         {
-          "x": 218.8159942626953,
-          "y": 386.3999938964844
+          "x": 217.1999969482422,
+          "y": 562.4000244140625
         },
         {
           "x": 295,
-          "y": 401
+          "y": 583
         },
         {
           "x": 335,
-          "y": 401
+          "y": 583
         }
       ],
       "isCurve": true,
@@ -655,44 +655,44 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 185,
-          "y": 270.2969970703125
+          "x": 179,
+          "y": 414
         },
         {
-          "x": 225,
-          "y": 255.65899658203125
+          "x": 223.8000030517578,
+          "y": 390
         },
         {
           "x": 245,
-          "y": 252
+          "y": 384
         },
         {
           "x": 260,
-          "y": 252
+          "y": 384
         },
         {
           "x": 275,
-          "y": 252
+          "y": 384
         },
         {
           "x": 315.3999938964844,
-          "y": 252
+          "y": 384
         },
         {
           "x": 361,
-          "y": 252
+          "y": 384
         },
         {
           "x": 406.6000061035156,
-          "y": 252
+          "y": 384
         },
         {
-          "x": 599,
-          "y": 252
+          "x": 603,
+          "y": 384
         },
         {
-          "x": 639,
-          "y": 252
+          "x": 659,
+          "y": 384
         }
       ],
       "isCurve": true,
@@ -726,20 +726,20 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 783,
-          "y": 330.4070129394531
+          "x": 780.8489990234375,
+          "y": 454.5
         },
         {
-          "x": 823,
-          "y": 352.8810119628906
+          "x": 822.5689697265625,
+          "y": 485.70001220703125
         },
         {
           "x": 843,
-          "y": 358.5
+          "y": 493.5
         },
         {
           "x": 883,
-          "y": 358.5
+          "y": 493.5
         }
       ],
       "isCurve": true,
@@ -773,32 +773,32 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 783,
-          "y": 278.5610046386719
+          "x": 779.2559814453125,
+          "y": 387.5
         },
         {
-          "x": 823,
-          "y": 256.9119873046875
+          "x": 822.2509765625,
+          "y": 354.70001220703125
         },
         {
           "x": 855,
-          "y": 251.5
+          "y": 346.5
         },
         {
           "x": 888,
-          "y": 251.5
+          "y": 346.5
         },
         {
           "x": 921,
-          "y": 251.5
+          "y": 346.5
         },
         {
           "x": 1063,
-          "y": 253.3000030517578
+          "y": 348.8999938964844
         },
         {
           "x": 1103,
-          "y": 260.5
+          "y": 358.5
         }
       ],
       "isCurve": true,
@@ -832,56 +832,56 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 766.7780151367188,
-          "y": 271
+          "x": 762.5640258789062,
+          "y": 387.5
         },
         {
-          "x": 819.7550048828125,
-          "y": 214.1999969482422
+          "x": 818.9119873046875,
+          "y": 317.5
         },
         {
           "x": 855,
-          "y": 200
+          "y": 300
         },
         {
           "x": 888,
-          "y": 200
+          "y": 300
         },
         {
           "x": 921,
-          "y": 200
+          "y": 300
         },
         {
           "x": 965,
-          "y": 200
+          "y": 300
         },
         {
           "x": 998,
-          "y": 200
+          "y": 300
         },
         {
           "x": 1031,
-          "y": 200
+          "y": 300
         },
         {
           "x": 1075,
-          "y": 200
+          "y": 300
         },
         {
           "x": 1108,
-          "y": 200
+          "y": 300
         },
         {
           "x": 1141,
-          "y": 200
+          "y": 300
         },
         {
-          "x": 1285.5999755859375,
-          "y": 207.60000610351562
+          "x": 1284.5999755859375,
+          "y": 306
         },
         {
-          "x": 1336,
-          "y": 238
+          "x": 1331,
+          "y": 330
         }
       ],
       "isCurve": true,
@@ -916,19 +916,19 @@
       "route": [
         {
           "x": 1003,
-          "y": 340.7720031738281
+          "y": 468
         },
         {
           "x": 1043,
-          "y": 328.9540100097656
+          "y": 450.3999938964844
         },
         {
-          "x": 1063,
-          "y": 321
+          "x": 1065,
+          "y": 438
         },
         {
-          "x": 1103,
-          "y": 301
+          "x": 1113,
+          "y": 406
         }
       ],
       "isCurve": true,
@@ -963,19 +963,19 @@
       "route": [
         {
           "x": 1223,
-          "y": 271.5
+          "y": 373
         },
         {
           "x": 1263,
-          "y": 271.5
+          "y": 373
         },
         {
           "x": 1284.5999755859375,
-          "y": 271.5
+          "y": 372
         },
         {
           "x": 1331,
-          "y": 271.5
+          "y": 368
         }
       ],
       "isCurve": true,
@@ -1009,32 +1009,32 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 1355.637939453125,
-          "y": 303.5
+          "x": 1367,
+          "y": 395
         },
         {
-          "x": 1289.5269775390625,
-          "y": 363.5
+          "x": 1291.800048828125,
+          "y": 495
         },
         {
           "x": 1251,
-          "y": 378.5
+          "y": 520
         },
         {
           "x": 1218,
-          "y": 378.5
+          "y": 520
         },
         {
           "x": 1185,
-          "y": 378.5
+          "y": 520
         },
         {
           "x": 1043,
-          "y": 376.70001220703125
+          "y": 517.5999755859375
         },
         {
           "x": 1003,
-          "y": 369.5
+          "y": 508
         }
       ],
       "isCurve": true,
@@ -1069,19 +1069,19 @@
       "route": [
         {
           "x": 517.5,
-          "y": 315
+          "y": 457
         },
         {
           "x": 574.7000122070312,
-          "y": 315
+          "y": 457
         },
         {
-          "x": 599,
-          "y": 315
+          "x": 603,
+          "y": 457
         },
         {
-          "x": 639,
-          "y": 315
+          "x": 659,
+          "y": 457
         }
       ],
       "isCurve": true,
@@ -1116,19 +1116,19 @@
       "route": [
         {
           "x": 539,
-          "y": 401
+          "y": 583
         },
         {
           "x": 579,
-          "y": 401
+          "y": 583
         },
         {
-          "x": 599,
-          "y": 401
+          "x": 603,
+          "y": 583
         },
         {
-          "x": 639,
-          "y": 401
+          "x": 659,
+          "y": 583
         }
       ],
       "isCurve": true,

e2etests/testdata/regression/unconnected/elk/board.exp.json

@@ -573,7 +573,7 @@
           "y": 107.875
         },
         {
-          "x": 390.5,
+          "x": 391,
           "y": 107.875
         }
       ],
@@ -967,7 +967,7 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 549.5,
+          "x": 549,
           "y": 107.875
         },
         {

e2etests/testdata/sanity/1_to_2/dagre/board.exp.json

@@ -153,11 +153,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 60.5359992980957,
+          "x": 60.5,
           "y": 66
         },
         {
-          "x": 33.30699920654297,
+          "x": 33.29999923706055,
           "y": 106
         },
         {
@@ -200,11 +200,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 105.46299743652344,
+          "x": 105.5,
           "y": 66
         },
         {
-          "x": 132.69200134277344,
+          "x": 132.6999969482422,
           "y": 106
         },
         {

e2etests/testdata/sanity/1_to_2/dagre/sketch.exp.svg

@@ -1,9 +1,9 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 168 234"><svg id="d2-svg" class="d2-3776327244" width="168" height="234" viewBox="-1 -1 168 234"><rect x="-1.000000" y="-1.000000" width="168.000000" height="234.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-3776327244 .text-bold {
-	font-family: "d2-3776327244-font-bold";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 168 234"><svg id="d2-svg" class="d2-4184818569" width="168" height="234" viewBox="-1 -1 168 234"><rect x="-1.000000" y="-1.000000" width="168.000000" height="234.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-4184818569 .text-bold {
+	font-family: "d2-4184818569-font-bold";
 }
 @font-face {
-	font-family: d2-3776327244-font-bold;
+	font-family: d2-4184818569-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -18,78 +18,78 @@
   opacity: 0.5;
 }
 
-		.d2-3776327244 .fill-N1{fill:#0A0F25;}
-		.d2-3776327244 .fill-N2{fill:#676C7E;}
-		.d2-3776327244 .fill-N3{fill:#9499AB;}
-		.d2-3776327244 .fill-N4{fill:#CFD2DD;}
-		.d2-3776327244 .fill-N5{fill:#DEE1EB;}
-		.d2-3776327244 .fill-N6{fill:#EEF1F8;}
-		.d2-3776327244 .fill-N7{fill:#FFFFFF;}
-		.d2-3776327244 .fill-B1{fill:#0D32B2;}
-		.d2-3776327244 .fill-B2{fill:#0D32B2;}
-		.d2-3776327244 .fill-B3{fill:#E3E9FD;}
-		.d2-3776327244 .fill-B4{fill:#E3E9FD;}
-		.d2-3776327244 .fill-B5{fill:#EDF0FD;}
-		.d2-3776327244 .fill-B6{fill:#F7F8FE;}
-		.d2-3776327244 .fill-AA2{fill:#4A6FF3;}
-		.d2-3776327244 .fill-AA4{fill:#EDF0FD;}
-		.d2-3776327244 .fill-AA5{fill:#F7F8FE;}
-		.d2-3776327244 .fill-AB4{fill:#EDF0FD;}
-		.d2-3776327244 .fill-AB5{fill:#F7F8FE;}
-		.d2-3776327244 .stroke-N1{stroke:#0A0F25;}
-		.d2-3776327244 .stroke-N2{stroke:#676C7E;}
-		.d2-3776327244 .stroke-N3{stroke:#9499AB;}
-		.d2-3776327244 .stroke-N4{stroke:#CFD2DD;}
-		.d2-3776327244 .stroke-N5{stroke:#DEE1EB;}
-		.d2-3776327244 .stroke-N6{stroke:#EEF1F8;}
-		.d2-3776327244 .stroke-N7{stroke:#FFFFFF;}
-		.d2-3776327244 .stroke-B1{stroke:#0D32B2;}
-		.d2-3776327244 .stroke-B2{stroke:#0D32B2;}
-		.d2-3776327244 .stroke-B3{stroke:#E3E9FD;}
-		.d2-3776327244 .stroke-B4{stroke:#E3E9FD;}
-		.d2-3776327244 .stroke-B5{stroke:#EDF0FD;}
-		.d2-3776327244 .stroke-B6{stroke:#F7F8FE;}
-		.d2-3776327244 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-3776327244 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-3776327244 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-3776327244 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-3776327244 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-3776327244 .background-color-N1{background-color:#0A0F25;}
-		.d2-3776327244 .background-color-N2{background-color:#676C7E;}
-		.d2-3776327244 .background-color-N3{background-color:#9499AB;}
-		.d2-3776327244 .background-color-N4{background-color:#CFD2DD;}
-		.d2-3776327244 .background-color-N5{background-color:#DEE1EB;}
-		.d2-3776327244 .background-color-N6{background-color:#EEF1F8;}
-		.d2-3776327244 .background-color-N7{background-color:#FFFFFF;}
-		.d2-3776327244 .background-color-B1{background-color:#0D32B2;}
-		.d2-3776327244 .background-color-B2{background-color:#0D32B2;}
-		.d2-3776327244 .background-color-B3{background-color:#E3E9FD;}
-		.d2-3776327244 .background-color-B4{background-color:#E3E9FD;}
-		.d2-3776327244 .background-color-B5{background-color:#EDF0FD;}
-		.d2-3776327244 .background-color-B6{background-color:#F7F8FE;}
-		.d2-3776327244 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-3776327244 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-3776327244 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-3776327244 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-3776327244 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-3776327244 .color-N1{color:#0A0F25;}
-		.d2-3776327244 .color-N2{color:#676C7E;}
-		.d2-3776327244 .color-N3{color:#9499AB;}
-		.d2-3776327244 .color-N4{color:#CFD2DD;}
-		.d2-3776327244 .color-N5{color:#DEE1EB;}
-		.d2-3776327244 .color-N6{color:#EEF1F8;}
-		.d2-3776327244 .color-N7{color:#FFFFFF;}
-		.d2-3776327244 .color-B1{color:#0D32B2;}
-		.d2-3776327244 .color-B2{color:#0D32B2;}
-		.d2-3776327244 .color-B3{color:#E3E9FD;}
-		.d2-3776327244 .color-B4{color:#E3E9FD;}
-		.d2-3776327244 .color-B5{color:#EDF0FD;}
-		.d2-3776327244 .color-B6{color:#F7F8FE;}
-		.d2-3776327244 .color-AA2{color:#4A6FF3;}
-		.d2-3776327244 .color-AA4{color:#EDF0FD;}
-		.d2-3776327244 .color-AA5{color:#F7F8FE;}
-		.d2-3776327244 .color-AB4{color:#EDF0FD;}
-		.d2-3776327244 .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}]]></style><g id="a"><g class="shape" ><rect x="57.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="83.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="b"><g class="shape" ><rect x="0.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="c"><g class="shape" ><rect x="113.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="139.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 59.410560 67.653295 C 33.306999 106.000000 26.500000 126.000000 26.500000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3776327244)" /></g><g id="(a -&gt; c)[0]"><path d="M 106.588437 67.653295 C 132.692001 106.000000 139.500000 126.000000 139.500000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3776327244)" /></g><mask id="d2-3776327244" maskUnits="userSpaceOnUse" x="-1" y="-1" width="168" height="234">
+		.d2-4184818569 .fill-N1{fill:#0A0F25;}
+		.d2-4184818569 .fill-N2{fill:#676C7E;}
+		.d2-4184818569 .fill-N3{fill:#9499AB;}
+		.d2-4184818569 .fill-N4{fill:#CFD2DD;}
+		.d2-4184818569 .fill-N5{fill:#DEE1EB;}
+		.d2-4184818569 .fill-N6{fill:#EEF1F8;}
+		.d2-4184818569 .fill-N7{fill:#FFFFFF;}
+		.d2-4184818569 .fill-B1{fill:#0D32B2;}
+		.d2-4184818569 .fill-B2{fill:#0D32B2;}
+		.d2-4184818569 .fill-B3{fill:#E3E9FD;}
+		.d2-4184818569 .fill-B4{fill:#E3E9FD;}
+		.d2-4184818569 .fill-B5{fill:#EDF0FD;}
+		.d2-4184818569 .fill-B6{fill:#F7F8FE;}
+		.d2-4184818569 .fill-AA2{fill:#4A6FF3;}
+		.d2-4184818569 .fill-AA4{fill:#EDF0FD;}
+		.d2-4184818569 .fill-AA5{fill:#F7F8FE;}
+		.d2-4184818569 .fill-AB4{fill:#EDF0FD;}
+		.d2-4184818569 .fill-AB5{fill:#F7F8FE;}
+		.d2-4184818569 .stroke-N1{stroke:#0A0F25;}
+		.d2-4184818569 .stroke-N2{stroke:#676C7E;}
+		.d2-4184818569 .stroke-N3{stroke:#9499AB;}
+		.d2-4184818569 .stroke-N4{stroke:#CFD2DD;}
+		.d2-4184818569 .stroke-N5{stroke:#DEE1EB;}
+		.d2-4184818569 .stroke-N6{stroke:#EEF1F8;}
+		.d2-4184818569 .stroke-N7{stroke:#FFFFFF;}
+		.d2-4184818569 .stroke-B1{stroke:#0D32B2;}
+		.d2-4184818569 .stroke-B2{stroke:#0D32B2;}
+		.d2-4184818569 .stroke-B3{stroke:#E3E9FD;}
+		.d2-4184818569 .stroke-B4{stroke:#E3E9FD;}
+		.d2-4184818569 .stroke-B5{stroke:#EDF0FD;}
+		.d2-4184818569 .stroke-B6{stroke:#F7F8FE;}
+		.d2-4184818569 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-4184818569 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-4184818569 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-4184818569 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-4184818569 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-4184818569 .background-color-N1{background-color:#0A0F25;}
+		.d2-4184818569 .background-color-N2{background-color:#676C7E;}
+		.d2-4184818569 .background-color-N3{background-color:#9499AB;}
+		.d2-4184818569 .background-color-N4{background-color:#CFD2DD;}
+		.d2-4184818569 .background-color-N5{background-color:#DEE1EB;}
+		.d2-4184818569 .background-color-N6{background-color:#EEF1F8;}
+		.d2-4184818569 .background-color-N7{background-color:#FFFFFF;}
+		.d2-4184818569 .background-color-B1{background-color:#0D32B2;}
+		.d2-4184818569 .background-color-B2{background-color:#0D32B2;}
+		.d2-4184818569 .background-color-B3{background-color:#E3E9FD;}
+		.d2-4184818569 .background-color-B4{background-color:#E3E9FD;}
+		.d2-4184818569 .background-color-B5{background-color:#EDF0FD;}
+		.d2-4184818569 .background-color-B6{background-color:#F7F8FE;}
+		.d2-4184818569 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-4184818569 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-4184818569 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-4184818569 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-4184818569 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-4184818569 .color-N1{color:#0A0F25;}
+		.d2-4184818569 .color-N2{color:#676C7E;}
+		.d2-4184818569 .color-N3{color:#9499AB;}
+		.d2-4184818569 .color-N4{color:#CFD2DD;}
+		.d2-4184818569 .color-N5{color:#DEE1EB;}
+		.d2-4184818569 .color-N6{color:#EEF1F8;}
+		.d2-4184818569 .color-N7{color:#FFFFFF;}
+		.d2-4184818569 .color-B1{color:#0D32B2;}
+		.d2-4184818569 .color-B2{color:#0D32B2;}
+		.d2-4184818569 .color-B3{color:#E3E9FD;}
+		.d2-4184818569 .color-B4{color:#E3E9FD;}
+		.d2-4184818569 .color-B5{color:#EDF0FD;}
+		.d2-4184818569 .color-B6{color:#F7F8FE;}
+		.d2-4184818569 .color-AA2{color:#4A6FF3;}
+		.d2-4184818569 .color-AA4{color:#EDF0FD;}
+		.d2-4184818569 .color-AA5{color:#F7F8FE;}
+		.d2-4184818569 .color-AB4{color:#EDF0FD;}
+		.d2-4184818569 .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}]]></style><g id="a"><g class="shape" ><rect x="57.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="83.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="b"><g class="shape" ><rect x="0.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="c"><g class="shape" ><rect x="113.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="139.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 59.375380 67.653853 C 33.299999 106.000000 26.500000 126.000000 26.500000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4184818569)" /></g><g id="(a -&gt; c)[0]"><path d="M 106.624620 67.653853 C 132.699997 106.000000 139.500000 126.000000 139.500000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4184818569)" /></g><mask id="d2-4184818569" maskUnits="userSpaceOnUse" x="-1" y="-1" width="168" height="234">
 <rect x="-1" y="-1" width="168" height="234" fill="white"></rect>
 <rect x="79.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="22.500000" y="188.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>

e2etests/testdata/sanity/child_to_child/dagre/board.exp.json

@@ -7,11 +7,11 @@
       "id": "a",
       "type": "rectangle",
       "pos": {
-        "x": 1,
-        "y": 41
+        "x": 11,
+        "y": 20
       },
-      "width": 133,
-      "height": 125,
+      "width": 113,
+      "height": 126,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -49,7 +49,7 @@
       "type": "rectangle",
       "pos": {
         "x": 41,
-        "y": 70
+        "y": 50
       },
       "width": 53,
       "height": 66,
@@ -89,11 +89,11 @@
       "id": "c",
       "type": "rectangle",
       "pos": {
-        "x": 0,
-        "y": 307
+        "x": 10,
+        "y": 286
       },
-      "width": 134,
-      "height": 125,
+      "width": 114,
+      "height": 126,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -131,7 +131,7 @@
       "type": "rectangle",
       "pos": {
         "x": 40,
-        "y": 336
+        "y": 316
       },
       "width": 54,
       "height": 66,
@@ -195,11 +195,11 @@
       "route": [
         {
           "x": 67,
-          "y": 136.5
+          "y": 116
         },
         {
           "x": 67,
-          "y": 160.10000610351562
+          "y": 156
         },
         {
           "x": 67,
@@ -215,11 +215,11 @@
         },
         {
           "x": 67,
-          "y": 280.1000061035156
+          "y": 276
         },
         {
           "x": 67,
-          "y": 336.5
+          "y": 316
         }
       ],
       "isCurve": true,

e2etests/testdata/sanity/child_to_child/dagre/sketch.exp.svg

@@ -1,16 +1,16 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 136 433"><svg id="d2-svg" class="d2-1330591570" width="136" height="433" viewBox="-1 0 136 433"><rect x="-1.000000" y="0.000000" width="136.000000" height="433.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-1330591570 .text {
-	font-family: "d2-1330591570-font-regular";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 116 434"><svg id="d2-svg" class="d2-1868225435" width="116" height="434" viewBox="9 -21 116 434"><rect x="9.000000" y="-21.000000" width="116.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-1868225435 .text {
+	font-family: "d2-1868225435-font-regular";
 }
 @font-face {
-	font-family: d2-1330591570-font-regular;
+	font-family: d2-1868225435-font-regular;
 	src: url("data:application/font-woff;base64,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");
 }
-.d2-1330591570 .text-bold {
-	font-family: "d2-1330591570-font-bold";
+.d2-1868225435 .text-bold {
+	font-family: "d2-1868225435-font-bold";
 }
 @font-face {
-	font-family: d2-1330591570-font-bold;
+	font-family: d2-1868225435-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -25,81 +25,81 @@
   opacity: 0.5;
 }
 
-		.d2-1330591570 .fill-N1{fill:#0A0F25;}
-		.d2-1330591570 .fill-N2{fill:#676C7E;}
-		.d2-1330591570 .fill-N3{fill:#9499AB;}
-		.d2-1330591570 .fill-N4{fill:#CFD2DD;}
-		.d2-1330591570 .fill-N5{fill:#DEE1EB;}
-		.d2-1330591570 .fill-N6{fill:#EEF1F8;}
-		.d2-1330591570 .fill-N7{fill:#FFFFFF;}
-		.d2-1330591570 .fill-B1{fill:#0D32B2;}
-		.d2-1330591570 .fill-B2{fill:#0D32B2;}
-		.d2-1330591570 .fill-B3{fill:#E3E9FD;}
-		.d2-1330591570 .fill-B4{fill:#E3E9FD;}
-		.d2-1330591570 .fill-B5{fill:#EDF0FD;}
-		.d2-1330591570 .fill-B6{fill:#F7F8FE;}
-		.d2-1330591570 .fill-AA2{fill:#4A6FF3;}
-		.d2-1330591570 .fill-AA4{fill:#EDF0FD;}
-		.d2-1330591570 .fill-AA5{fill:#F7F8FE;}
-		.d2-1330591570 .fill-AB4{fill:#EDF0FD;}
-		.d2-1330591570 .fill-AB5{fill:#F7F8FE;}
-		.d2-1330591570 .stroke-N1{stroke:#0A0F25;}
-		.d2-1330591570 .stroke-N2{stroke:#676C7E;}
-		.d2-1330591570 .stroke-N3{stroke:#9499AB;}
-		.d2-1330591570 .stroke-N4{stroke:#CFD2DD;}
-		.d2-1330591570 .stroke-N5{stroke:#DEE1EB;}
-		.d2-1330591570 .stroke-N6{stroke:#EEF1F8;}
-		.d2-1330591570 .stroke-N7{stroke:#FFFFFF;}
-		.d2-1330591570 .stroke-B1{stroke:#0D32B2;}
-		.d2-1330591570 .stroke-B2{stroke:#0D32B2;}
-		.d2-1330591570 .stroke-B3{stroke:#E3E9FD;}
-		.d2-1330591570 .stroke-B4{stroke:#E3E9FD;}
-		.d2-1330591570 .stroke-B5{stroke:#EDF0FD;}
-		.d2-1330591570 .stroke-B6{stroke:#F7F8FE;}
-		.d2-1330591570 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-1330591570 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-1330591570 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-1330591570 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-1330591570 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-1330591570 .background-color-N1{background-color:#0A0F25;}
-		.d2-1330591570 .background-color-N2{background-color:#676C7E;}
-		.d2-1330591570 .background-color-N3{background-color:#9499AB;}
-		.d2-1330591570 .background-color-N4{background-color:#CFD2DD;}
-		.d2-1330591570 .background-color-N5{background-color:#DEE1EB;}
-		.d2-1330591570 .background-color-N6{background-color:#EEF1F8;}
-		.d2-1330591570 .background-color-N7{background-color:#FFFFFF;}
-		.d2-1330591570 .background-color-B1{background-color:#0D32B2;}
-		.d2-1330591570 .background-color-B2{background-color:#0D32B2;}
-		.d2-1330591570 .background-color-B3{background-color:#E3E9FD;}
-		.d2-1330591570 .background-color-B4{background-color:#E3E9FD;}
-		.d2-1330591570 .background-color-B5{background-color:#EDF0FD;}
-		.d2-1330591570 .background-color-B6{background-color:#F7F8FE;}
-		.d2-1330591570 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-1330591570 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-1330591570 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-1330591570 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-1330591570 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-1330591570 .color-N1{color:#0A0F25;}
-		.d2-1330591570 .color-N2{color:#676C7E;}
-		.d2-1330591570 .color-N3{color:#9499AB;}
-		.d2-1330591570 .color-N4{color:#CFD2DD;}
-		.d2-1330591570 .color-N5{color:#DEE1EB;}
-		.d2-1330591570 .color-N6{color:#EEF1F8;}
-		.d2-1330591570 .color-N7{color:#FFFFFF;}
-		.d2-1330591570 .color-B1{color:#0D32B2;}
-		.d2-1330591570 .color-B2{color:#0D32B2;}
-		.d2-1330591570 .color-B3{color:#E3E9FD;}
-		.d2-1330591570 .color-B4{color:#E3E9FD;}
-		.d2-1330591570 .color-B5{color:#EDF0FD;}
-		.d2-1330591570 .color-B6{color:#F7F8FE;}
-		.d2-1330591570 .color-AA2{color:#4A6FF3;}
-		.d2-1330591570 .color-AA4{color:#EDF0FD;}
-		.d2-1330591570 .color-AA5{color:#F7F8FE;}
-		.d2-1330591570 .color-AB4{color:#EDF0FD;}
-		.d2-1330591570 .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}]]></style><g id="a"><g class="shape" ><rect x="1.000000" y="41.000000" width="133.000000" height="125.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="67.500000" y="28.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">a</text></g><g id="c"><g class="shape" ><rect x="0.000000" y="307.000000" width="134.000000" height="125.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="67.000000" y="294.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">c</text></g><g id="a.b"><g class="shape" ><rect x="41.000000" y="70.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="67.500000" y="108.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="c.d"><g class="shape" ><rect x="40.000000" y="336.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="67.000000" y="374.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="(a.b -&gt; c.d)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 67.000000 138.500000 C 67.000000 160.100006 67.000000 176.000000 67.000000 191.000000 C 67.000000 206.000000 67.000000 280.100006 67.000000 332.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1330591570)" /></g><mask id="d2-1330591570" maskUnits="userSpaceOnUse" x="-1" y="0" width="136" height="433">
-<rect x="-1" y="0" width="136" height="433" fill="white"></rect>
-<rect x="61.500000" y="0.000000" width="12" height="36" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="61.000000" y="266.000000" width="12" height="36" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="63.500000" y="92.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="62.500000" y="358.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+		.d2-1868225435 .fill-N1{fill:#0A0F25;}
+		.d2-1868225435 .fill-N2{fill:#676C7E;}
+		.d2-1868225435 .fill-N3{fill:#9499AB;}
+		.d2-1868225435 .fill-N4{fill:#CFD2DD;}
+		.d2-1868225435 .fill-N5{fill:#DEE1EB;}
+		.d2-1868225435 .fill-N6{fill:#EEF1F8;}
+		.d2-1868225435 .fill-N7{fill:#FFFFFF;}
+		.d2-1868225435 .fill-B1{fill:#0D32B2;}
+		.d2-1868225435 .fill-B2{fill:#0D32B2;}
+		.d2-1868225435 .fill-B3{fill:#E3E9FD;}
+		.d2-1868225435 .fill-B4{fill:#E3E9FD;}
+		.d2-1868225435 .fill-B5{fill:#EDF0FD;}
+		.d2-1868225435 .fill-B6{fill:#F7F8FE;}
+		.d2-1868225435 .fill-AA2{fill:#4A6FF3;}
+		.d2-1868225435 .fill-AA4{fill:#EDF0FD;}
+		.d2-1868225435 .fill-AA5{fill:#F7F8FE;}
+		.d2-1868225435 .fill-AB4{fill:#EDF0FD;}
+		.d2-1868225435 .fill-AB5{fill:#F7F8FE;}
+		.d2-1868225435 .stroke-N1{stroke:#0A0F25;}
+		.d2-1868225435 .stroke-N2{stroke:#676C7E;}
+		.d2-1868225435 .stroke-N3{stroke:#9499AB;}
+		.d2-1868225435 .stroke-N4{stroke:#CFD2DD;}
+		.d2-1868225435 .stroke-N5{stroke:#DEE1EB;}
+		.d2-1868225435 .stroke-N6{stroke:#EEF1F8;}
+		.d2-1868225435 .stroke-N7{stroke:#FFFFFF;}
+		.d2-1868225435 .stroke-B1{stroke:#0D32B2;}
+		.d2-1868225435 .stroke-B2{stroke:#0D32B2;}
+		.d2-1868225435 .stroke-B3{stroke:#E3E9FD;}
+		.d2-1868225435 .stroke-B4{stroke:#E3E9FD;}
+		.d2-1868225435 .stroke-B5{stroke:#EDF0FD;}
+		.d2-1868225435 .stroke-B6{stroke:#F7F8FE;}
+		.d2-1868225435 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-1868225435 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-1868225435 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-1868225435 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-1868225435 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-1868225435 .background-color-N1{background-color:#0A0F25;}
+		.d2-1868225435 .background-color-N2{background-color:#676C7E;}
+		.d2-1868225435 .background-color-N3{background-color:#9499AB;}
+		.d2-1868225435 .background-color-N4{background-color:#CFD2DD;}
+		.d2-1868225435 .background-color-N5{background-color:#DEE1EB;}
+		.d2-1868225435 .background-color-N6{background-color:#EEF1F8;}
+		.d2-1868225435 .background-color-N7{background-color:#FFFFFF;}
+		.d2-1868225435 .background-color-B1{background-color:#0D32B2;}
+		.d2-1868225435 .background-color-B2{background-color:#0D32B2;}
+		.d2-1868225435 .background-color-B3{background-color:#E3E9FD;}
+		.d2-1868225435 .background-color-B4{background-color:#E3E9FD;}
+		.d2-1868225435 .background-color-B5{background-color:#EDF0FD;}
+		.d2-1868225435 .background-color-B6{background-color:#F7F8FE;}
+		.d2-1868225435 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-1868225435 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-1868225435 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-1868225435 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-1868225435 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-1868225435 .color-N1{color:#0A0F25;}
+		.d2-1868225435 .color-N2{color:#676C7E;}
+		.d2-1868225435 .color-N3{color:#9499AB;}
+		.d2-1868225435 .color-N4{color:#CFD2DD;}
+		.d2-1868225435 .color-N5{color:#DEE1EB;}
+		.d2-1868225435 .color-N6{color:#EEF1F8;}
+		.d2-1868225435 .color-N7{color:#FFFFFF;}
+		.d2-1868225435 .color-B1{color:#0D32B2;}
+		.d2-1868225435 .color-B2{color:#0D32B2;}
+		.d2-1868225435 .color-B3{color:#E3E9FD;}
+		.d2-1868225435 .color-B4{color:#E3E9FD;}
+		.d2-1868225435 .color-B5{color:#EDF0FD;}
+		.d2-1868225435 .color-B6{color:#F7F8FE;}
+		.d2-1868225435 .color-AA2{color:#4A6FF3;}
+		.d2-1868225435 .color-AA4{color:#EDF0FD;}
+		.d2-1868225435 .color-AA5{color:#F7F8FE;}
+		.d2-1868225435 .color-AB4{color:#EDF0FD;}
+		.d2-1868225435 .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}]]></style><g id="a"><g class="shape" ><rect x="11.000000" y="20.000000" width="113.000000" height="126.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="67.500000" y="7.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">a</text></g><g id="c"><g class="shape" ><rect x="10.000000" y="286.000000" width="114.000000" height="126.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="67.000000" y="273.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">c</text></g><g id="a.b"><g class="shape" ><rect x="41.000000" y="50.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="67.500000" y="88.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="c.d"><g class="shape" ><rect x="40.000000" y="316.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="67.000000" y="354.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="(a.b -&gt; c.d)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 67.000000 118.000000 C 67.000000 156.000000 67.000000 176.000000 67.000000 191.000000 C 67.000000 206.000000 67.000000 276.000000 67.000000 312.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1868225435)" /></g><mask id="d2-1868225435" maskUnits="userSpaceOnUse" x="9" y="-21" width="116" height="434">
+<rect x="9" y="-21" width="116" height="434" fill="white"></rect>
+<rect x="61.500000" y="-21.000000" width="12" height="36" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="61.000000" y="245.000000" width="12" height="36" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="63.500000" y="72.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="62.500000" y="338.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests/testdata/sanity/connection_label/dagre/board.exp.json

@@ -113,11 +113,11 @@
       "route": [
         {
           "x": 26.5,
-          "y": 66
+          "y": 65.5
         },
         {
           "x": 26.5,
-          "y": 114.4000015258789
+          "y": 114.30000305175781
         },
         {
           "x": 26.5,

e2etests/testdata/sanity/connection_label/dagre/sketch.exp.svg

@@ -1,16 +1,16 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 55 255"><svg id="d2-svg" class="d2-778417657" width="55" height="255" viewBox="-1 -1 55 255"><rect x="-1.000000" y="-1.000000" width="55.000000" height="255.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-778417657 .text-bold {
-	font-family: "d2-778417657-font-bold";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.5.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 55 255"><svg id="d2-svg" class="d2-3766461834" width="55" height="255" viewBox="-1 -1 55 255"><rect x="-1.000000" y="-1.000000" width="55.000000" height="255.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-3766461834 .text-bold {
+	font-family: "d2-3766461834-font-bold";
 }
 @font-face {
-	font-family: d2-778417657-font-bold;
+	font-family: d2-3766461834-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }
-.d2-778417657 .text-italic {
-	font-family: "d2-778417657-font-italic";
+.d2-3766461834 .text-italic {
+	font-family: "d2-3766461834-font-italic";
 }
 @font-face {
-	font-family: d2-778417657-font-italic;
+	font-family: d2-3766461834-font-italic;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -25,78 +25,78 @@
   opacity: 0.5;
 }
 
-		.d2-778417657 .fill-N1{fill:#0A0F25;}
-		.d2-778417657 .fill-N2{fill:#676C7E;}
-		.d2-778417657 .fill-N3{fill:#9499AB;}
-		.d2-778417657 .fill-N4{fill:#CFD2DD;}
-		.d2-778417657 .fill-N5{fill:#DEE1EB;}
-		.d2-778417657 .fill-N6{fill:#EEF1F8;}
-		.d2-778417657 .fill-N7{fill:#FFFFFF;}
-		.d2-778417657 .fill-B1{fill:#0D32B2;}
-		.d2-778417657 .fill-B2{fill:#0D32B2;}
-		.d2-778417657 .fill-B3{fill:#E3E9FD;}
-		.d2-778417657 .fill-B4{fill:#E3E9FD;}
-		.d2-778417657 .fill-B5{fill:#EDF0FD;}
-		.d2-778417657 .fill-B6{fill:#F7F8FE;}
-		.d2-778417657 .fill-AA2{fill:#4A6FF3;}
-		.d2-778417657 .fill-AA4{fill:#EDF0FD;}
-		.d2-778417657 .fill-AA5{fill:#F7F8FE;}
-		.d2-778417657 .fill-AB4{fill:#EDF0FD;}
-		.d2-778417657 .fill-AB5{fill:#F7F8FE;}
-		.d2-778417657 .stroke-N1{stroke:#0A0F25;}
-		.d2-778417657 .stroke-N2{stroke:#676C7E;}
-		.d2-778417657 .stroke-N3{stroke:#9499AB;}
-		.d2-778417657 .stroke-N4{stroke:#CFD2DD;}
-		.d2-778417657 .stroke-N5{stroke:#DEE1EB;}
-		.d2-778417657 .stroke-N6{stroke:#EEF1F8;}
-		.d2-778417657 .stroke-N7{stroke:#FFFFFF;}
-		.d2-778417657 .stroke-B1{stroke:#0D32B2;}
-		.d2-778417657 .stroke-B2{stroke:#0D32B2;}
-		.d2-778417657 .stroke-B3{stroke:#E3E9FD;}
-		.d2-778417657 .stroke-B4{stroke:#E3E9FD;}
-		.d2-778417657 .stroke-B5{stroke:#EDF0FD;}
-		.d2-778417657 .stroke-B6{stroke:#F7F8FE;}
-		.d2-778417657 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-778417657 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-778417657 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-778417657 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-778417657 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-778417657 .background-color-N1{background-color:#0A0F25;}
-		.d2-778417657 .background-color-N2{background-color:#676C7E;}
-		.d2-778417657 .background-color-N3{background-color:#9499AB;}
-		.d2-778417657 .background-color-N4{background-color:#CFD2DD;}
-		.d2-778417657 .background-color-N5{background-color:#DEE1EB;}
-		.d2-778417657 .background-color-N6{background-color:#EEF1F8;}
-		.d2-778417657 .background-color-N7{background-color:#FFFFFF;}
-		.d2-778417657 .background-color-B1{background-color:#0D32B2;}
-		.d2-778417657 .background-color-B2{background-color:#0D32B2;}
-		.d2-778417657 .background-color-B3{background-color:#E3E9FD;}
-		.d2-778417657 .background-color-B4{background-color:#E3E9FD;}
-		.d2-778417657 .background-color-B5{background-color:#EDF0FD;}
-		.d2-778417657 .background-color-B6{background-color:#F7F8FE;}
-		.d2-778417657 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-778417657 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-778417657 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-778417657 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-778417657 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-778417657 .color-N1{color:#0A0F25;}
-		.d2-778417657 .color-N2{color:#676C7E;}
-		.d2-778417657 .color-N3{color:#9499AB;}
-		.d2-778417657 .color-N4{color:#CFD2DD;}
-		.d2-778417657 .color-N5{color:#DEE1EB;}
-		.d2-778417657 .color-N6{color:#EEF1F8;}
-		.d2-778417657 .color-N7{color:#FFFFFF;}
-		.d2-778417657 .color-B1{color:#0D32B2;}
-		.d2-778417657 .color-B2{color:#0D32B2;}
-		.d2-778417657 .color-B3{color:#E3E9FD;}
-		.d2-778417657 .color-B4{color:#E3E9FD;}
-		.d2-778417657 .color-B5{color:#EDF0FD;}
-		.d2-778417657 .color-B6{color:#F7F8FE;}
-		.d2-778417657 .color-AA2{color:#4A6FF3;}
-		.d2-778417657 .color-AA4{color:#EDF0FD;}
-		.d2-778417657 .color-AA5{color:#F7F8FE;}
-		.d2-778417657 .color-AB4{color:#EDF0FD;}
-		.d2-778417657 .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}]]></style><g id="a"><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="b"><g class="shape" ><rect x="0.000000" y="187.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="225.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 26.500000 68.000000 C 26.500000 114.400002 26.500000 138.699997 26.500000 183.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-778417657)" /><text x="26.500000" y="132.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">hello</text></g><mask id="d2-778417657" maskUnits="userSpaceOnUse" x="-1" y="-1" width="55" height="255">
+		.d2-3766461834 .fill-N1{fill:#0A0F25;}
+		.d2-3766461834 .fill-N2{fill:#676C7E;}
+		.d2-3766461834 .fill-N3{fill:#9499AB;}
+		.d2-3766461834 .fill-N4{fill:#CFD2DD;}
+		.d2-3766461834 .fill-N5{fill:#DEE1EB;}
+		.d2-3766461834 .fill-N6{fill:#EEF1F8;}
+		.d2-3766461834 .fill-N7{fill:#FFFFFF;}
+		.d2-3766461834 .fill-B1{fill:#0D32B2;}
+		.d2-3766461834 .fill-B2{fill:#0D32B2;}
+		.d2-3766461834 .fill-B3{fill:#E3E9FD;}
+		.d2-3766461834 .fill-B4{fill:#E3E9FD;}
+		.d2-3766461834 .fill-B5{fill:#EDF0FD;}
+		.d2-3766461834 .fill-B6{fill:#F7F8FE;}
+		.d2-3766461834 .fill-AA2{fill:#4A6FF3;}
+		.d2-3766461834 .fill-AA4{fill:#EDF0FD;}
+		.d2-3766461834 .fill-AA5{fill:#F7F8FE;}
+		.d2-3766461834 .fill-AB4{fill:#EDF0FD;}
+		.d2-3766461834 .fill-AB5{fill:#F7F8FE;}
+		.d2-3766461834 .stroke-N1{stroke:#0A0F25;}
+		.d2-3766461834 .stroke-N2{stroke:#676C7E;}
+		.d2-3766461834 .stroke-N3{stroke:#9499AB;}
+		.d2-3766461834 .stroke-N4{stroke:#CFD2DD;}
+		.d2-3766461834 .stroke-N5{stroke:#DEE1EB;}
+		.d2-3766461834 .stroke-N6{stroke:#EEF1F8;}
+		.d2-3766461834 .stroke-N7{stroke:#FFFFFF;}
+		.d2-3766461834 .stroke-B1{stroke:#0D32B2;}
+		.d2-3766461834 .stroke-B2{stroke:#0D32B2;}
+		.d2-3766461834 .stroke-B3{stroke:#E3E9FD;}
+		.d2-3766461834 .stroke-B4{stroke:#E3E9FD;}
+		.d2-3766461834 .stroke-B5{stroke:#EDF0FD;}
+		.d2-3766461834 .stroke-B6{stroke:#F7F8FE;}
+		.d2-3766461834 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-3766461834 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-3766461834 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-3766461834 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-3766461834 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-3766461834 .background-color-N1{background-color:#0A0F25;}
+		.d2-3766461834 .background-color-N2{background-color:#676C7E;}
+		.d2-3766461834 .background-color-N3{background-color:#9499AB;}
+		.d2-3766461834 .background-color-N4{background-color:#CFD2DD;}
+		.d2-3766461834 .background-color-N5{background-color:#DEE1EB;}
+		.d2-3766461834 .background-color-N6{background-color:#EEF1F8;}
+		.d2-3766461834 .background-color-N7{background-color:#FFFFFF;}
+		.d2-3766461834 .background-color-B1{background-color:#0D32B2;}
+		.d2-3766461834 .background-color-B2{background-color:#0D32B2;}
+		.d2-3766461834 .background-color-B3{background-color:#E3E9FD;}
+		.d2-3766461834 .background-color-B4{background-color:#E3E9FD;}
+		.d2-3766461834 .background-color-B5{background-color:#EDF0FD;}
+		.d2-3766461834 .background-color-B6{background-color:#F7F8FE;}
+		.d2-3766461834 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-3766461834 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-3766461834 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-3766461834 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-3766461834 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-3766461834 .color-N1{color:#0A0F25;}
+		.d2-3766461834 .color-N2{color:#676C7E;}
+		.d2-3766461834 .color-N3{color:#9499AB;}
+		.d2-3766461834 .color-N4{color:#CFD2DD;}
+		.d2-3766461834 .color-N5{color:#DEE1EB;}
+		.d2-3766461834 .color-N6{color:#EEF1F8;}
+		.d2-3766461834 .color-N7{color:#FFFFFF;}
+		.d2-3766461834 .color-B1{color:#0D32B2;}
+		.d2-3766461834 .color-B2{color:#0D32B2;}
+		.d2-3766461834 .color-B3{color:#E3E9FD;}
+		.d2-3766461834 .color-B4{color:#E3E9FD;}
+		.d2-3766461834 .color-B5{color:#EDF0FD;}
+		.d2-3766461834 .color-B6{color:#F7F8FE;}
+		.d2-3766461834 .color-AA2{color:#4A6FF3;}
+		.d2-3766461834 .color-AA4{color:#EDF0FD;}
+		.d2-3766461834 .color-AA5{color:#F7F8FE;}
+		.d2-3766461834 .color-AB4{color:#EDF0FD;}
+		.d2-3766461834 .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}]]></style><g id="a"><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="b"><g class="shape" ><rect x="0.000000" y="187.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="225.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 26.500000 67.500000 C 26.500000 114.300003 26.500000 138.699997 26.500000 183.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3766461834)" /><text x="26.500000" y="132.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">hello</text></g><mask id="d2-3766461834" maskUnits="userSpaceOnUse" x="-1" y="-1" width="55" height="255">
 <rect x="-1" y="-1" width="55" height="255" fill="white"></rect>
 <rect x="22.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="22.500000" y="209.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>